@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-variable.woff2') format('woff2'); }
.heading { display: flex; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.grid-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
fieldset { border: 0; padding: 0; margin: var(--s-4) 0; }
legend { color: var(--text-2); }
.coverage { display: flex; flex-wrap: wrap; gap: var(--s-4); }
.coverage label { min-height: var(--hit); }
details { margin-block: var(--s-5); }
summary { cursor: pointer; min-height: var(--hit); display: flex; align-items: center; }
#preview-result { margin-top: var(--s-5); overflow-wrap: anywhere; }
.preview-item { border-top: var(--hairline); padding-block: var(--s-3); }
.preview-item p { margin-block: var(--s-2); }
.button { white-space: normal; text-align: center; padding-block: var(--s-3); }
[hidden] { display: none; }
@media (max-width: 599px) { .grid-form { grid-template-columns: 1fr; } .actions-row { flex-direction: column; align-items: stretch; } .primary { width: 100%; } }