.agree{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--radius)}.agree h2{font-size:clamp(1.4rem,2.6vw,1.9rem);padding-right:1.5rem;border-right:1px solid var(--line-strong);flex:none}.agree p{margin:0;color:var(--ink-soft);font-size:.96rem}.variant-box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:1.5rem 2rem;align-items:center;padding:1.5rem;background:var(--sand);border:1px solid var(--line);border-radius:var(--radius)}.variant-panel h3{margin-bottom:.35rem}.variant-panel p{margin:0;color:var(--ink-soft)}.variant-panel+.variant-panel{margin-top:1rem}.js .variant-panels{border-left:1px solid var(--line-strong);padding-left:2rem}.no-js .variant-select{display:none}.no-js .variant-panel[hidden]{display:block}.pair-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.5rem;align-items:center}@media(max-width:960px){.agree{flex-direction:column;align-items:flex-start;gap:.75rem}.agree h2{border-right:0;padding-right:0}.variant-box{grid-template-columns:1fr}.js .variant-panels{border-left:0;padding-left:0}.pair-media{grid-template-columns:1fr}}