/* misc.css — shared by the Contact, News, News-post, Privacy and 404 pages (one owner).
   Decorated dark page head + document layout. Extends .page-head from site.css; does not override shared selectors. */

.page-head--fx{position:relative;overflow:hidden;isolation:isolate}
.page-head--fx .hero__dots{z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 85%);mask-image:linear-gradient(90deg,transparent 25%,#000 85%)}
.page-head__knot{position:absolute;z-index:-1;right:calc(var(--gutter) * -1);top:50%;width:clamp(300px,38vw,600px);height:auto;transform:translateY(-44%);opacity:.09;pointer-events:none}
.page-head--fx .hero__flow{z-index:0}
.page-head .lead{max-width:660px;color:var(--on-dark-2)}
.page-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-3)}
.page-head__meta a{color:var(--spark);transition:color .2s}
.page-head__meta a:hover{color:var(--on-dark)}
.page-head__meta .sep{color:var(--on-dark-4)}
.page-head__title{max-width:1040px}
@media (max-width:640px){
  .page-head__knot{width:300px;right:-120px;top:auto;bottom:-40px;transform:none;opacity:.07}
}

/* back link with a left arrow (mirrors .link + .arrow) */
.link--back .arrow-back{display:inline-block;transition:transform .2s}
.link--back:hover .arrow-back{transform:translateX(-4px)}

/* two-column document: narrow aside + prose (news posts, privacy) */
.doc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,112px);row-gap:clamp(40px,5vw,56px);align-items:start}
.doc__main{grid-column:2;grid-row:1;min-width:0}
.doc__aside{grid-column:1;grid-row:1}
.prose .prose__lead{font-size:clamp(19px,1.6vw,22px);line-height:1.55;color:var(--ink)}
.prose strong{font-weight:600;color:var(--ink)}
.prose>h2:first-child{margin-top:0}
.prose ul li::marker{color:var(--ink-3)}
.prose a:hover{text-decoration-thickness:3px}
.doc__foot{grid-column:2;padding-top:28px;border-top:1px solid var(--line-light);max-width:720px}
@media (max-width:1024px){
  .doc{grid-template-columns:minmax(0,1fr)}
  .doc__main,.doc__aside,.doc__foot{grid-column:1;grid-row:auto}
}

/* key facts list in the aside */
.facts{border-top:1px solid var(--core)}
.facts__title{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:16px 0 4px}
.facts__row{padding:14px 0;border-bottom:1px solid var(--line-light);display:flex;flex-direction:column;gap:4px}
.facts dt{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.facts dd a{text-decoration:underline;text-decoration-color:var(--spark);text-decoration-thickness:2px;text-underline-offset:3px}
@media (min-width:641px) and (max-width:1024px){
  .facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}

/* ---------- QA 2026-10-15: Privacy ---------- */
.page-privacy main :is(h1,h2){text-wrap:balance}
/* keep the summary in view while reading the long notice */
@media (min-width:1025px){.page-privacy .doc__aside{position:sticky;top:96px}}