/* Hylē v4 · content pages, founder review 10-09 (Step 2, content group).
   Pages: trust, help, whats-new, notices, terms, privacy, refund, contact, email-preview.
   Builds on the Step 1 shared patterns in system/components.css (.sec-icon, .rule, .c-card, --edge-rest / --edge-lit).
   Every rule is scoped by [data-page] (or a page-only class) so it cannot reach other pages. */

/* ------------------------------------------------------------------ shared: link cards in a route list */
.rt-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 4px; border-top: 0; }
.rt-cards .route { position: relative; grid-template-columns: 44px minmax(0, 1fr) 20px; align-content: center; gap: 16px; min-height: 0; padding: 20px 22px; border: 1px solid transparent; border-radius: var(--r-lg);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 10px 24px -18px rgba(11,24,48,.3);
  transition: box-shadow var(--d-2), transform var(--d-2) var(--ease-out), background var(--d-2); }
.rt-cards .route:hover { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; box-shadow: var(--e-2); transform: translateY(var(--hover-lift)); }
.rt-cards .route:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
.rt-cards .route-ic { width: 44px; height: 44px; border-radius: 13px; background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; border: 1px solid transparent; color: var(--accent-ink); }
.rt-cards .route-ic.is-ok { color: var(--success); }
.rt-cards .route b { font-size: var(--fs-row); }
@media (max-width: 760px) { .rt-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; } .rt-cards .route { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .rt-cards .route, .rt-cards .route:hover { transition: none; transform: none; } }

/* ------------------------------------------------------------------ trust */
[data-page="trust"] .tr-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 14px; }
.tr-tile { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 26px; border-radius: var(--r-xl); background: var(--raised);
  box-shadow: 0 0 0 1px var(--hairline), 0 1px 2px rgba(20,20,19,.04), 0 16px 34px -22px rgba(20,20,19,.2); }
.tr-tile-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.doc-text .tr-tile-h { margin: 0; font-size: var(--fs-lead); font-weight: 600; line-height: 1.3; letter-spacing: -.012em; color: var(--ink); }
.tr-tile-p { max-width: 58ch; margin: 0; font-size: var(--fs-desc); line-height: var(--lh-desc); color: var(--ink-2); }
.tr-tile-rc { display: flex; flex-direction: column; gap: 10px; margin: auto 0 0; padding-top: 6px; min-width: 0; }
.tr-tile-rc figcaption { font-size: var(--fs-small); line-height: 1.5; color: var(--ink-2); }

/* the live answer: Hylē profile image, Goodly headline, Inter body */
.tr-answer { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px 24px; border-radius: var(--r-lg); background: var(--paper); box-shadow: 0 0 0 1px var(--hairline); }
.tr-ans-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.tr-ans-av { --avatar-size: 48px; border-radius: 14px; box-shadow: 0 8px 18px -10px rgba(11,24,48,.55), 0 0 0 1px rgba(11,24,48,.08); }
.tr-ans-who { display: flex; flex-direction: column; gap: 2px; margin-right: auto; min-width: 0; }
.tr-ans-name { font-family: var(--font-brand); font-size: var(--fs-heading); font-weight: 500; line-height: 1; letter-spacing: -.02em; font-synthesis: none; color: var(--ink); }
.tr-ans-who .t-mono { color: var(--ink-2); }
.tr-ans-claim { margin: 0; font-family: var(--font-brand); font-size: var(--fs-heading); font-weight: 500; line-height: 1.3; letter-spacing: -.022em; font-synthesis: none; text-wrap: balance; color: var(--ink); }
.tr-ans-body { margin: 0; font-size: var(--fs-body); line-height: 1.75; color: var(--ink-2); }

/* the live forest plot */
.tr-fx-wrap { container-type: inline-size; }
.tr-fx { display: block; width: 100%; height: auto; padding: 14px 16px 8px; border-radius: var(--r-md); background: var(--paper); box-shadow: 0 0 0 1px var(--hairline); box-sizing: border-box; overflow: visible; }
.tr-fx.is-narrow { display: none; }
@container (max-width: 440px) { .tr-fx.is-wide { display: none; } .tr-fx.is-narrow { display: block; } }
.tr-fx text { font-family: var(--font-sans); font-size: 12px; fill: #4e4a44; font-variant-numeric: tabular-nums; }
.tr-fx .k { fill: #141413; } .tr-fx .h { font-weight: 600; fill: #4e4a44; letter-spacing: .02em; }
.tr-fx .at { fill: #141413; font-weight: 500; } .tr-fx .tk { fill: #4e4a44; } .tr-fx .nt { fill: #67635b; }
.tr-fx .ax { stroke: #8b867c; stroke-width: 1; fill: none; }
.tr-fx .band { fill: #efede5; }
.tr-fx .null { stroke: #8b867c; stroke-width: 1; stroke-dasharray: 3 3; fill: none; }
.tr-fx .ci, .tr-fx .cap { stroke: #00785a; stroke-width: 1.75; stroke-linecap: round; fill: none; }
.tr-fx .ci.rep, .tr-fx .cap.rep { stroke: #a94b00; stroke-dasharray: 4 3; }
.tr-fx .pt { fill: #00785a; } .tr-fx .pt.rep { fill: #a94b00; }

/* data and infrastructure: one ledger card with a five-segment meter */
[data-page="trust"] .doc-ledger { margin-top: 6px; border: 0; border-radius: var(--r-xl); background: var(--raised); overflow: hidden;
  box-shadow: 0 0 0 1px var(--hairline), 0 1px 2px rgba(20,20,19,.04), 0 16px 34px -22px rgba(20,20,19,.2); }
[data-page="trust"] .doc-ledger .tr-row { padding: 18px 26px; border-bottom: 1px solid var(--hairline); }
[data-page="trust"] .doc-ledger .tr-row:last-child { border-bottom: 0; }
[data-page="trust"] .doc-ledger .tr-row-ic { background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; border: 1px solid transparent; color: var(--accent-ink); box-shadow: none; }
.tr-dl-meter { display: inline-grid; grid-template-columns: repeat(5, 22px); gap: 3px; height: 8px; margin-left: 4px; }
.tr-dl-meter i { display: block; border-radius: 3px; background: repeating-linear-gradient(135deg, var(--brand-orange) 0 2px, rgba(225,145,54,.35) 2px 5px); }
[data-page="trust"] .tr-dl-stat { padding: 2px 0 4px; }

/* policies: link cards */
[data-page="trust"] .tr-own { padding: 16px 20px; background: linear-gradient(var(--sunken), var(--sunken)) padding-box, var(--edge-rest) border-box; border: 1px solid transparent; border-radius: var(--r-lg); max-width: none; }
[data-page="trust"] .doc-sec .route-list { margin-top: 6px; }
[data-page="trust"] .route-list .route { grid-template-columns: 44px minmax(0, 1fr) 20px; }
[data-page="trust"] .route-ic { width: 44px; height: 44px; }

/* the closing panel is the one dark block on the page */
[data-page="trust"] .tr-ask-panel { position: relative; isolation: isolate; padding: 30px 34px; border-radius: 26px; color: #fff; box-shadow: 0 24px 48px -24px rgba(11,24,48,.6);
  background: radial-gradient(120% 160% at 100% 0%, rgba(225,145,54,.42), transparent 55%), radial-gradient(90% 140% at 0% 100%, rgba(18,117,216,.55), transparent 60%), linear-gradient(135deg, #0d2552, #0b1830 70%); }
[data-page="trust"] .tr-ask-panel b { font-size: var(--fs-lead); color: #fff; }
[data-page="trust"] .tr-ask-panel p { max-width: 56ch; color: rgba(255,255,255,.86); }
[data-page="trust"] .tr-ask-ic { background: rgba(255,255,255,.14); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
[data-page="trust"] .tr-ask-panel .btn-primary { background: #fff; color: var(--brand-night); box-shadow: 0 10px 24px -12px rgba(0,0,0,.5); }
[data-page="trust"] .tr-ask-panel .btn-primary:hover { background: #fff3e0; color: var(--brand-night); }

@media (max-width: 1100px) { [data-page="trust"] .tr-proof { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  .tr-tile { padding: 20px 18px; }
  .tr-tile-top { grid-template-columns: auto minmax(0, 1fr); row-gap: 10px; }
  .tr-tile-top .badge { grid-column: 1 / -1; justify-self: start; }
  .tr-answer { padding: 18px; }
  [data-page="trust"] .doc-ledger .tr-row { padding: 16px 18px; }
  .tr-dl-meter { grid-template-columns: repeat(5, 16px); }
  [data-page="trust"] .tr-ask-panel { padding: 24px 20px; }
}

/* ------------------------------------------------------------------ help */
/* topic cards take the resting edge; the link rows keep their hover tint */
[data-page="help"] .hp-topic { border: 1px solid transparent; background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 14px 30px -22px rgba(11,24,48,.34); }
[data-page="help"] .hp-topic:hover { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; box-shadow: var(--e-2); }
[data-page="help"] .hp-topic-ico { background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; border: 1px solid transparent; color: var(--accent-ink); }
[data-page="help"] .hp-topic-fig { margin: -21px -21px 8px; }

/* section heads: icon tile above a Goodly title, fading rule above the section (no all-caps eyebrow) */
[data-page="help"] .hp-sec { margin-top: clamp(64px, 7vw, 112px); padding-top: 44px; border-top: 0; position: relative; column-gap: clamp(40px, 5vw, 88px); grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
[data-page="help"] .hp-sec::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, var(--brand-blue) 0, var(--brand-orange) 56px, var(--hairline-strong) 56px, var(--hairline-strong) 94%, transparent); }
[data-page="help"] .hp-sec > h2 { font-size: var(--fs-section); line-height: var(--lh-section); letter-spacing: var(--ls-title); text-wrap: balance; font-synthesis: none; }
[data-page="help"] .hp-sec > h2::before { content: none; }
[data-page="help"] .hp-sec > h2 > .sec-icon { display: grid; margin-bottom: 18px; --s: 44px; }
[data-page="help"] .hp-sec-sub { max-width: 30ch; font-size: var(--fs-desc); line-height: var(--lh-desc); }
[data-page="help"] #method.hp-sec { grid-template-columns: minmax(0, 1fr); }
[data-page="help"] #method.hp-sec > h2 > .sec-icon { display: inline-grid; margin: 0 14px 0 0; vertical-align: middle; --s: 44px; }

/* method: four stages as cards on one line */
[data-page="help"] #method .hm-list { gap: 0 22px; margin-top: 32px; }
[data-page="help"] #method .hm-list::before { display: none; }
[data-page="help"] #method .hm-step { position: relative; gap: 12px; padding: 22px 22px 20px; border: 1px solid transparent; border-radius: var(--r-lg);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 14px 30px -22px rgba(11,24,48,.34); }
[data-page="help"] #method .hm-step:not(:last-child)::after { content: ""; position: absolute; z-index: 2; top: 42px; right: -17px; width: 12px; height: 12px; border-top: 2px solid var(--brand-orange); border-right: 2px solid var(--brand-orange); transform: rotate(45deg); opacity: .8; }
[data-page="help"] #method .hm-n { position: absolute; top: 18px; right: 18px; width: auto; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--sunken); box-shadow: none; font-size: var(--fs-mono); color: var(--ink-2); }
[data-page="help"] #method .hm-n::before { content: "Step "; font-weight: 500; margin-right: 3px; }
[data-page="help"] #method .hm-step b { font-size: 19px; letter-spacing: -.012em; }
[data-page="help"] #method .hm-step p { max-width: none; }
[data-page="help"] #method .hm-art { margin-top: auto; background: var(--sunken); box-shadow: none; }
[data-page="help"] #method .hm-step > div { display: flex; flex-direction: column; flex: 1; }

/* questions: two columns of cards at desktop */
[data-page="help"] .hp-acc { max-width: none; margin-top: 0; border-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
[data-page="help"] .hp-acc .acc { border: 1px solid transparent; border-radius: var(--r-lg); background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 10px 24px -20px rgba(11,24,48,.3); transition: box-shadow var(--d-2), background var(--d-2); }
[data-page="help"] .hp-acc .acc:hover { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; box-shadow: var(--e-2); }
[data-page="help"] .hp-acc .acc:has(.acc-btn[aria-expanded="true"]) { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; box-shadow: var(--e-2); }
[data-page="help"] .hp-acc .acc-btn { gap: 14px; min-height: 72px; padding: 14px 18px; justify-content: flex-start; border-radius: var(--r-lg); }
[data-page="help"] .hp-acc .acc-btn:hover { background: transparent; }
[data-page="help"] .hp-acc .hp-q { flex: 1; min-width: 0; font-weight: 600; }
[data-page="help"] .hp-acc .hp-qi { --s: 36px; }
[data-page="help"] .hp-acc .acc-ico { margin-left: auto; }
[data-page="help"] .hp-acc .acc-inner { max-width: none; padding: 0 20px 22px 68px; }
[data-page="help"] .hp-acc .acc.is-target .acc-btn { background: transparent; }
[data-page="help"] #questions > .hp-ask { margin-top: 28px; padding: 16px; border: 1px solid transparent; background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 12px 26px -20px rgba(11,24,48,.34); }
[data-page="help"] #questions > .hp-ask:hover { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; }

/* shortcuts: four keycap cards */
[data-page="help"] .hk-list { max-width: none; border-top: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
[data-page="help"] .hk-row { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 18px; min-height: 0; padding: 22px; border: 1px solid transparent; border-radius: var(--r-lg);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 12px 26px -20px rgba(11,24,48,.3); }
[data-page="help"] .hk-row dt { gap: 8px; }
[data-page="help"] .hk-row .kbd { min-width: 44px; height: 44px; padding: 0 12px; border-radius: 11px; font-size: 17px; font-weight: 600; color: var(--ink); background: linear-gradient(180deg, #fff, var(--sunken)); box-shadow: inset 0 0 0 1px var(--hairline-strong), 0 3px 0 -1px var(--hairline-strong), 0 8px 14px -10px rgba(11,24,48,.4); }
[data-page="help"] .hk-row .kbd svg { width: 18px; height: 18px; }
[data-page="help"] .hk-row dd b { font-size: var(--fs-row); }
[data-page="help"] .hk-row dd span { margin-top: 4px; }

[data-page="help"] .hp-still .route-list { max-width: none; }
[data-page="help"] .hp-still h2 { max-width: 12ch; }

@media (max-width: 1280px) { [data-page="help"] .hk-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) {
  [data-page="help"] .hp-acc { grid-template-columns: minmax(0, 1fr); }
  [data-page="help"] .hp-sec { grid-template-columns: minmax(0, 1fr); }
  [data-page="help"] #method .hm-step:not(:last-child)::after { display: none; }
}
@media (max-width: 640px) {
  [data-page="help"] .hp-sec { margin-top: 56px; padding-top: 32px; }
  [data-page="help"] .hp-sec > h2 { font-size: 28px; }
  [data-page="help"] .hp-sec > h2 > .sec-icon { --s: 40px; margin-bottom: 14px; }
  [data-page="help"] #method .hm-list { margin-top: 12px; gap: 0; }
  [data-page="help"] #method .hm-list::before { display: none; }
  [data-page="help"] #method .hm-step { display: flex; margin-bottom: 12px; padding: 20px 18px; }
  [data-page="help"] #method .hm-step > div { padding-top: 0; }
  [data-page="help"] .hp-acc .acc-btn { padding: 12px 14px; gap: 12px; align-items: center; }
  [data-page="help"] .hp-acc .acc-inner { padding: 0 16px 20px; }
  [data-page="help"] .hk-list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  [data-page="help"] .hk-row { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 14px; }
  [data-page="help"] .hk-row dt { order: 0; }
}

/* ------------------------------------------------------------------ what's new */
.wn-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: clamp(28px, 3vw, 44px) 0 8px; padding: 0; list-style: none; }
.wn-stat { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 16px; row-gap: 0; padding: 20px 22px; border: 1px solid transparent; border-radius: var(--r-lg);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 12px 26px -20px rgba(11,24,48,.3); }
.wn-stat .sec-icon { grid-row: 1 / span 2; --s: 44px; }
.wn-stat .t-stat { font-family: var(--font-brand); font-size: 34px; font-weight: 500; line-height: 1.05; letter-spacing: -.03em; color: var(--ink); font-synthesis: none; }
.wn-stat-l { font-size: var(--fs-small); line-height: 1.35; color: var(--ink-2); }
@media (min-width: 641px) { [data-page="whats-new"] .wn-filterbar { padding-left: 0; } }
[data-page="whats-new"] .tl-body > .tl-tags .badge.plain { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px 0 10px; border-radius: 999px; background: var(--sunken); box-shadow: inset 0 0 0 1px var(--hairline);
  font-family: var(--font-sans); font-size: var(--fs-small); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ink-2); }
[data-page="whats-new"] .tl-tags .badge.plain::before { content: none; }
[data-page="whats-new"] .tl-tags .badge.plain svg { width: 14px; height: 14px; color: var(--accent-ink); }
[data-page="whats-new"] .tl-date b { font-size: var(--fs-row); }
[data-page="whats-new"] .tl-date .t-mono { padding: 3px 8px; border-radius: 6px; background: var(--sunken); align-self: flex-start; color: var(--ink-2); }
[data-page="whats-new"] .tl-body { padding-bottom: 72px; }

/* highlights read as an icon list, not as boxes */
[data-page="whats-new"] .wn-points, [data-page="whats-new"] .wn-tiles { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--hairline); }
[data-page="whats-new"] .wn-points li, [data-page="whats-new"] .wn-tiles li { align-items: center; gap: 14px; padding: 14px 2px; border-radius: 0; background: none; box-shadow: none; border-bottom: 1px solid var(--hairline); font-size: var(--fs-ui); }
[data-page="whats-new"] .wn-points svg, [data-page="whats-new"] .wn-tiles svg { width: 18px; height: 18px; padding: 9px; border-radius: 12px; border: 1px solid transparent; flex: none;
  background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; color: var(--accent-ink); }
[data-page="whats-new"] .wn-tiles li b { font-weight: 500; }

@media (min-width: 1280px) {
  [data-page="whats-new"] .tl-body { max-width: none; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); column-gap: 44px; row-gap: 16px; align-content: start; }
  [data-page="whats-new"] .tl-body > * { grid-column: 1; min-width: 0; }
  [data-page="whats-new"] .tl-body > .tl-media { grid-column: 2; grid-row: 1 / span 6; margin-top: 0; align-self: start; }
  [data-page="whats-new"] .tl-body > h2 { max-width: 20ch; }
  [data-page="whats-new"] .tl-entry.is-major .tl-body > h2 { max-width: 14ch; }
  [data-page="whats-new"] .tl-body > .tl-tags { align-self: end; margin-top: 8px; }
}
.wn-more { margin: 8px 0 0; padding-top: 40px; position: relative; }
.wn-more::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, var(--brand-blue) 0, var(--brand-orange) 56px, var(--hairline-strong) 56px, var(--hairline-strong) 94%, transparent); }
@media (max-width: 1100px) { .wn-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .wn-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
  .wn-stat { padding: 14px 14px 14px; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; row-gap: 8px; }
  .wn-stat .sec-icon { grid-row: auto; --s: 36px; }
  .wn-stat .t-stat { font-size: 30px; }
  [data-page="whats-new"] .tl-body { padding-bottom: 40px; }
}

/* ------------------------------------------------------------------ notices */
.nt-cats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.nt-cat { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 20px 22px; text-align: left; border: 1px solid transparent; border-radius: var(--r-lg); cursor: pointer; color: var(--ink);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 12px 26px -20px rgba(11,24,48,.3); transition: box-shadow var(--d-2), transform var(--d-2) var(--ease-out), background var(--d-2); }
.nt-cat:hover, .nt-cat[aria-pressed="true"] { background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-lit) border-box; box-shadow: var(--e-2); }
.nt-cat:hover { transform: translateY(var(--hover-lift)); }
.nt-cat:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
.nt-cat .sec-icon { --s: 46px; }
.nt-cat-t b { display: block; font-size: var(--fs-row); font-weight: 600; line-height: var(--lh-row); }
.nt-cat-t span { display: block; margin-top: 3px; font-size: var(--fs-desc); line-height: 1.4; color: var(--ink-2); }
.nt-cat-n { font-family: var(--font-brand); font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: -.03em; color: var(--ink); font-synthesis: none; }

/* the register: one card, a tinted header, a status bar on each row */
[data-page="notices"] .nt-reg { overflow: hidden; border-radius: var(--r-xl); background: var(--raised); box-shadow: 0 0 0 1px var(--hairline), 0 1px 2px rgba(20,20,19,.04), 0 18px 38px -24px rgba(20,20,19,.22); }
[data-page="notices"] .nt-cols { padding: 14px 22px; background: var(--sunken); border-bottom: 1px solid var(--hairline); }
[data-page="notices"] .nt-item { position: relative; }
[data-page="notices"] .nt-item:last-child { border-bottom: 0; }
[data-page="notices"] .nt-item::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--success); opacity: .85; }
[data-page="notices"] .nt-item[data-lic="pending"]::before { background: repeating-linear-gradient(180deg, var(--brand-orange) 0 5px, rgba(225,145,54,.3) 5px 8px); }
[data-page="notices"] .nt-btn { padding: 14px 22px; min-height: 76px; border-radius: 0; }
[data-page="notices"] .nt-btn:hover { background: rgba(20,20,19,.025); }
[data-page="notices"] .nt-item .nt-ico { width: 44px; height: 44px; border: 1px solid transparent; border-radius: 13px; box-shadow: none; background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; color: var(--accent-ink); }
@media (min-width: 861px) { [data-page="notices"] .nt-cols, [data-page="notices"] .nt-btn { grid-template-columns: 44px minmax(0, 1fr) 150px 200px 32px; gap: 20px; } }
[data-page="notices"] .nt-inner { padding: 4px 22px 28px 82px; }
[data-page="notices"] .nt-ask { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; margin-top: 24px; padding: 24px 28px; border: 1px solid transparent; border-radius: var(--r-xl);
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge-rest) border-box; box-shadow: 0 14px 30px -22px rgba(11,24,48,.34); }
[data-page="notices"] .nt-ask-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; border: 1px solid transparent; background: linear-gradient(var(--raised), var(--surface)) padding-box, var(--edge-rest) border-box; color: var(--accent-ink); }
[data-page="notices"] .nt-ask p b { display: block; font-size: var(--fs-row); font-weight: 600; }
[data-page="notices"] .nt-ask p span { display: block; margin-top: 3px; font-size: var(--fs-desc); color: var(--ink-2); }
@media (max-width: 1000px) { .nt-cats { grid-template-columns: minmax(0, 1fr); gap: 10px; } [data-page="notices"] .nt-inner { padding-left: 22px; } }
@media (max-width: 760px) {
  .nt-cat { padding: 16px 18px; }
  .nt-cat-n { font-size: 30px; }
  [data-page="notices"] .nt-btn { padding: 14px 16px; min-height: 0; }
  [data-page="notices"] .nt-inner { padding: 4px 16px 24px; }
  [data-page="notices"] .nt-ask { grid-template-columns: auto minmax(0, 1fr); padding: 20px; gap: 14px; }
  [data-page="notices"] .nt-ask .btn { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .nt-cat, .nt-cat:hover { transition: none; transform: none; } }

/* ------------------------------------------------------------------ email-preview: abstract-style summary */
.em-abs { margin: 20px 0 4px; padding: 16px 18px 14px; border-radius: 10px; border-left: 3px solid #1275d8; background: #f6f4ed; }
.em-abs-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; }
.em-abs-head b { font-family: var(--font-sans); font-size: var(--fs-ui); font-weight: 600; letter-spacing: -.006em; color: var(--ink); }
.em-abs-v { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--warning-tint); color: var(--warning); font-size: var(--fs-small); font-weight: 500; white-space: nowrap; }
.em-abs-v::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-orange); }
.em-abs-p { margin: 0; font-size: var(--fs-ui); line-height: 1.65; color: var(--ink); text-wrap: pretty; }
.em-abs-foot { margin: 10px 0 0; font-size: var(--fs-small); line-height: 1.4; color: var(--ink-2); }

/* ------------------------------------------------------------------ terms, privacy, refund: related-page notes in the margin */
.lgd .doc-note.dn-rel { position: sticky; top: calc(var(--nav-h) + 28px); align-self: start; gap: 0; padding: 4px 0 4px 20px; border-left: 2px solid transparent; border-radius: 0; background: none;
  border-image: linear-gradient(180deg, var(--brand-blue), var(--brand-orange)) 1; font-size: var(--fs-ui); }
.lgd .doc-note.dn-rel > b { margin: 0 0 8px; font-size: var(--fs-small); font-weight: 600; letter-spacing: 0; color: var(--ink-2); }
.lgd .doc-note.dn-rel > b svg { width: 15px; height: 15px; color: var(--ink-3); }
.dn-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 40px; padding: 8px 0; border-top: 1px solid var(--hairline); font-size: var(--fs-ui); line-height: 1.35; font-weight: 500; color: var(--ink); transition: color var(--d-2); }
.dn-link:last-child { border-bottom: 1px solid var(--hairline); }
.dn-link svg { flex: none; width: 15px; height: 15px; color: var(--ink-3); transition: transform var(--d-2) var(--ease-out), color var(--d-2); }
.dn-link:hover { color: var(--accent-ink); }
.dn-link:hover svg { color: var(--accent-ink); transform: translate(2px, -2px); }
.dn-link:focus-visible { outline: var(--focus-outline); outline-offset: 2px; border-radius: 4px; }
@media (min-width: 1101px) {
  .lgd .doc-sec { grid-template-columns: minmax(0, 72ch) 260px; justify-content: space-between; column-gap: 48px; }
  .lgd .doc-text > p { max-width: 70ch; }
  .lgd .doc-text h2 { font-size: clamp(24px, 1.9vw, 30px); line-height: 1.2; }
}
@media (max-width: 1100px) {
  .lgd .doc-note.dn-rel { position: static; max-width: none; padding: 12px 0 0; border-left: 0; border-image: none; border-top: 0; }
  .lgd .doc-note.dn-rel > b { margin-bottom: 4px; }
  .dn-link { min-height: 44px; }
}
@media print { .lgd .doc-note.dn-rel { display: none; } }

/* ------------------------------------------------------------------ contact */
body[data-page="contact"] { --ct-max: clamp(1092px, 75vw, 1432px); }
@media (min-width: 861px) { body[data-page="contact"] .focus-main.ct-stage { grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); justify-content: stretch; padding-left: var(--ct-pad); padding-right: var(--ct-pad); column-gap: clamp(72px, 7vw, 132px); } }
body[data-page="contact"] .ct-col.atmo-card { align-self: start; }
/* the disclaimer sits on the footer grid as a quiet row, like the other public pages */
body[data-page="contact"] .focus-foot { flex-wrap: wrap; row-gap: 14px; }
body[data-page="contact"] .focus-foot .v31-site-disclaimer { order: 3; display: flex; align-items: flex-start; gap: 10px; flex: 1 1 100%; max-width: none; margin: 0; padding: 0; background: none; border-radius: 0;
  font-size: var(--fs-small); line-height: var(--lh-desc); color: rgba(255,255,255,.82); }
body[data-page="contact"] .focus-foot .v31-site-disclaimer::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 2px; background: rgba(255,255,255,.7);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 760px) {
  body[data-page="contact"] .focus-foot .v31-site-disclaimer { color: var(--ink-2); }
  body[data-page="contact"] .focus-foot .v31-site-disclaimer::before { background: var(--ink-3); }
}

[data-page="whats-new"] .wn-meta > div { align-items: flex-start; text-align: left; }
[data-page="whats-new"] .wn-meta dt, [data-page="whats-new"] .wn-meta dd { text-align: left; }