.write{gap:clamp(1.5rem,3vw,2.5rem);display:grid}.write__head{gap:var(--space-3);max-width:46rem;display:grid}.write__title{letter-spacing:-.04em;font-size:clamp(2.2rem,5.5vw,3.8rem);line-height:.98}.write__lead{color:var(--color-fg-muted);max-width:58ch}.write__grid{gap:1.5rem;display:grid}@media (min-width:1000px){.write__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"form preview""submit preview";align-items:start;gap:1.5rem 2rem}.write__form{grid-area:form}.write__preview{grid-area:preview;position:sticky;top:1.5rem}.write__submit{grid-area:submit}}.write__submit{gap:.75rem;display:grid}.write__form{gap:1.25rem;display:grid}.write__section{padding:var(--pad);border:2px solid var(--ink);border-radius:var(--r-card);background:var(--paper);box-shadow:4px 4px 0 var(--ink);gap:1.1rem;display:grid}.write__h{font-size:var(--step-2);letter-spacing:-.03em;align-items:center;gap:.6rem;display:flex}.write__actions{justify-items:start;gap:.6rem;display:grid}.write__why{font-size:var(--step--1);color:var(--color-fg-muted)}@media (max-width:559.98px){.write__actions,.write__actions .btn{width:100%}}.field__hint.is-bad{color:var(--out);font-weight:600}.trades{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.trades__opt svg{width:30px;height:30px}.trades__opt{border:2px solid var(--rule);background:var(--paper);min-height:4.5rem;color:var(--color-fg-muted);cursor:pointer;transition:border-color .14s, background-color .14s, color .14s, transform .14s var(--ease-out), box-shadow .14s var(--ease-out);border-radius:10px;justify-items:center;gap:.3rem;padding:.65rem .25rem .55rem;font-size:.75rem;font-weight:600;display:grid}.trades__opt:hover{border-color:var(--ink);color:var(--ink)}.trades__opt:active{transform:scale(.97)}.trades__opt[aria-checked=true]{border-color:var(--ink);background:var(--marker);color:var(--ink);box-shadow:var(--hard-sm)}.seg{border:2px solid var(--ink);background:var(--paper);border-radius:10px;justify-self:start;gap:3px;height:2.75rem;padding:3px;display:inline-flex}.seg__opt{color:var(--color-fg-muted);font-weight:600;font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 1rem;transition:background-color .16s,color .16s}.seg__opt:hover{color:var(--ink)}.seg__opt[aria-checked=true]{background:var(--ink);color:var(--marker)}.write__preview{gap:1rem;display:grid}.sign{border:2px solid var(--ink);border-radius:var(--r-card);background:var(--paper);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex}.sign__glyph{border:2px solid var(--ink);background:var(--marker);border-radius:11px;flex:none;place-items:center;width:3.4rem;height:3.4rem;display:grid}.sign__text{min-width:0}.sign__name{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);letter-spacing:-.03em;overflow-wrap:anywhere;line-height:1.02}.sign__what{font-size:var(--step--1);color:var(--color-fg-muted);margin-top:.2rem}.write__terms{display:grid}.write__terms div{justify-content:space-between;gap:var(--space-3);border-bottom:1px dashed var(--rule-ink);font-size:var(--step--1);padding:.45rem 0;display:flex}.write__terms dt{color:var(--color-fg-muted)}.write__terms dd{text-align:right}.write__preview-note{font-size:var(--step--1);color:var(--color-fg-muted)}
