.intro>p{font-size:var(--text-lead);line-height:var(--text-lead--line-height);max-width:44rem}.intro .notice{font-size:.875rem;border-left:2px solid var(--color-blue);padding-left:var(--space-2);line-height:1.7;margin-top:var(--space-3);max-width:40rem;opacity:.8}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-3)}.panel{background:var(--color-chalk-raised);border:1px solid var(--color-line);border-radius:var(--radius-surface);padding:var(--space-3);min-width:0}.panel h2{font-size:clamp(1.5rem,2.4vw,1.9rem);margin:var(--space-2) 0 var(--space-3)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.wide{grid-column:1/-1}label{font-size:.875rem;font-weight:500;display:flex;flex-direction:column;gap:var(--space-1)}input,select,textarea{width:100%;min-width:0;border:1px solid var(--color-line);border-radius:var(--radius-control);padding:12px;background:var(--color-chalk-raised);font-size:.875rem;font-weight:400;line-height:1.4}select{min-height:46px}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--color-blue)}.hint{font-size:.75rem;line-height:1.7;opacity:.75;margin-block:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.875rem/1.8 var(--font-sans);background:var(--color-chalk);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:var(--space-2);margin:0}#message{min-height:24px;font-size:.875rem;color:var(--color-success);margin:var(--space-2) 0}#message.error{color:var(--color-error)}#interest{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 20px;border:1px solid var(--color-blue);border-radius:var(--radius-control);font-size:.875rem;font-weight:500;background:transparent}#interest:hover{background:var(--color-blue);color:var(--color-chalk)}#interest-result{font-size:.75rem;line-height:1.7;margin-top:var(--space-2);opacity:.8}small{font-size:.75rem;line-height:1.7;opacity:.75}.sample-privacy{font-size:.75rem;line-height:1.8;opacity:.75;border-top:1px solid var(--color-line);padding-top:var(--space-3);margin-top:var(--space-3);max-width:52rem}.panel p:not(.eyebrow,.hint){line-height:1.7}.panel .button{max-width:100%}
@media(max-width:900px){.layout{grid-template-columns:1fr}.panel{max-width:48rem}.panel h2{font-size:var(--text-h2)}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:var(--space-2)}}
