.ref-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ref-card{padding:1.75rem;border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.ref-card h2,.ref-card h3{margin:0 0 .5rem}.ref-card--result{margin-bottom:1.5rem;border-top-color:var(--success)}.ref-link{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 .5rem}.ref-link input{flex:1 1 14rem;min-width:0;padding:.75rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm)}.ref-copied{margin:0 0 .5rem;color:var(--success);font-size:var(--fs-sm);font-weight:600}.ref-actions{margin:1rem 0}.ref-code,.ref-note,.ref-terms{margin:.75rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.ref-code a{color:var(--primary-text);font-weight:600}.ref-split{display:grid;gap:2rem;align-items:start}.ref-split__main .section-head{max-width:none}@media(min-width:900px){.ref-split{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}}.ref-form{max-width:none}.ref-fields{display:grid;gap:1rem}.ref-fields .cfield{margin:0}.ref-submit{display:flex;align-items:flex-end}.ref-submit .btn{width:100%;justify-content:center}@media(min-width:640px){.ref-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.ref-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.ref-tiers{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.ref-tiers li{display:flex;align-items:center;gap:1rem;padding:.9rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.ref-tiers strong{min-width:4.25rem;color:var(--primary-text);font-family:var(--font-heading);font-size:var(--fs-xl, 1.75rem);line-height:1}.ref-tiers span{color:var(--text-muted);font-weight:500}.ref-split__side .ref-note{margin-top:1rem}.ref-steps{display:grid;gap:1.25rem;margin:0;padding:0;list-style:none}@media(min-width:800px){.ref-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.ref-steps li{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.ref-steps h3{margin:.9rem 0 .35rem;font-size:var(--fs-md)}.ref-steps p{margin:0;color:var(--text-muted)}.ref-steps__n{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:700}.ref-h{margin:0 0 1rem;font-size:var(--fs-lg)}.ref-terms{max-width:60rem}.ref-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:1rem 0}.ref-stats dt{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.ref-stats dd{margin:0;font-size:var(--fs-xl, 1.75rem);font-weight:700}