/* ================= shared panel (same spacing as the 2 column blocks) ================= */
.panel { background: var(--panel); }
.panel__inner { max-width: var(--max); margin: 0 auto; padding: 128px 30px 90px; }
.panel__inner h1 { font-weight: 200; font-size: var(--h-top); margin: 0 0 45px; color: var(--ink); text-wrap: balance; }
.panel__inner p { font-weight: 200; font-size: var(--body); line-height: 1.6; margin: 0 0 14px; color: var(--ink); }
.panel__divider { height: 1px; background: var(--ink); margin-top: 45px; }
.fill { background: rgba(25, 97, 107, .14); color: inherit; padding: 0 3px; border-radius: 2px; }
@media (max-width: 1024px) { .panel__inner { padding: 106px 24px 82px; } }
@media (max-width: 700px) { .panel__inner { padding: 90px 20px 74px; } }

/* ================= LEGAL TEXT BLOCK ================= */
.legal__updated { opacity: .75; }
.legal__row { display: grid; grid-template-columns: clamp(220px, 14.5833vw, 460px) minmax(0, 1fr); gap: 60px; align-items: start; margin-top: 45px; }
.legal__toc { position: sticky; top: 30px; }
.legal__toc h2 { font-weight: 300; font-size: clamp(14px, 0.7292vw, 22.4px); margin: 0 0 14px; color: var(--ink); }
.legal__toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.legal__toc a {
  display: inline-block; font-weight: 200; font-size: clamp(14px, 0.7292vw, 22.4px); text-decoration: none; color: var(--ink);
  opacity: .65; transition: opacity .15s ease, transform .15s ease;
}
.legal__toc a:hover, .legal__toc a:focus-visible, .legal__toc a.is-current { opacity: 1; }
.legal__toc a:hover, .legal__toc a:focus-visible { transform: translateX(3px); }
.legal__toc a.is-current { font-weight: 300; }
.legal__text { max-width: 46em; display: flex; flex-direction: column; gap: 60px; }
.legal__text section { scroll-margin-top: 30px; }
.legal__text h2 { font-weight: 300; font-size: var(--h2); margin: 0 0 20px; color: var(--ink); text-wrap: balance; }
.legal__text h2 .num { font-weight: 200; opacity: .6; margin-right: 10px; font-variant-numeric: tabular-nums; }
.legal__text ul { margin: 0 0 14px; padding-left: 1.2em; }
.legal__text li { font-weight: 200; font-size: var(--body); line-height: 1.6; margin-bottom: 6px; color: var(--ink); }
.legal__text strong { font-weight: 300; }
.legal__text a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.legal__draft { font-size: 14px; font-weight: 300; color: var(--teal); border: 1px dashed var(--teal); padding: 6px 10px; display: inline-block; margin: 0 0 14px; }
@media (max-width: 1024px) { .legal__row { grid-template-columns: 200px minmax(0, 1fr); gap: 40px; } }
@media (max-width: 700px) {
  .legal__row { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .legal__toc { position: static; }
  .legal__toc a { font-size: 16px; }
  .legal__toc h2 { font-size: 16px; }
  .legal__text { gap: 48px; }
}