/* trust module. Home: A/B anti-flicker + footer links. Pages (/legal/*, /status, 404) use /css/learn.css (body.lp) + the .tr rules below. */
html:not(.ab-on) .hero-copy h1{visibility:hidden;animation:tr-show 0s 1s forwards}
@keyframes tr-show{to{visibility:visible}}
.legal .tr-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal .tr-links a{color:var(--dim);text-decoration:none}
.legal .tr-links a:hover{color:var(--gold-hi)}

/* legal pages */
.tr .article{padding-bottom:24px}
.tr .article h2{scroll-margin-top:80px}
.tr .toc{border:1px solid var(--line);border-radius:8px;background:var(--navy);padding:18px 22px;margin:8px 0 8px}
.tr .toc ol{margin:6px 0 0;padding-left:1.3em;columns:2;column-gap:32px}
.tr .toc a{color:var(--muted);text-decoration:none}
.tr .toc a:hover{color:var(--gold-hi)}
.tr .note{border-left:3px solid var(--gold);background:var(--navy);padding:14px 18px;border-radius:4px;color:var(--fg-2)}
.tr .article code{font:500 0.8125rem var(--f-mono);color:var(--gold-hi);overflow-wrap:anywhere}

/* status page */
.st-sum{display:flex;align-items:center;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:var(--navy);margin-bottom:18px}
.st-sum b{font:700 1.25rem/1.3 var(--f-disp)}
.st-sum small{display:block;color:var(--dim);font-size:0.8125rem}
.st-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.st-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--line);background:var(--ink)}
.st-list li:first-child{border-top:0}
.st-list .nm{min-width:0}
.st-list .nm b{display:block;font-weight:600}
.st-list .nm small{color:var(--dim);font-size:0.8125rem}
.st-badge{flex:none;display:inline-flex;align-items:center;gap:8px;font:500 0.8125rem var(--f-body);padding:4px 12px;border-radius:99px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap}
.st-dot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex:none}
.st-up .st-dot{background:var(--up);box-shadow:0 0 0 4px rgb(var(--up-rgb) / .15)}
.st-up.st-badge{color:var(--up);border-color:rgb(var(--up-rgb) / .4)}
.st-degraded .st-dot{background:var(--gold)}
.st-degraded.st-badge{color:var(--gold-hi);border-color:rgb(var(--gold-rgb) / .45)}
.st-down .st-dot{background:var(--down)}
.st-down.st-badge{color:var(--down);border-color:rgb(var(--down-rgb) / .45)}
.st-sum .st-dot{width:14px;height:14px}
.st-foot{color:var(--dim);font-size:0.8125rem;margin-top:14px}

/* 404 */
.nf{min-height:calc(100vh - 64px);display:grid;place-items:center;text-align:center;padding:56px 0;position:relative;overflow:hidden}
.nf::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 40%,rgb(var(--gold-rgb) / .12),transparent 70%)}
.nf .wrap{position:relative}
.nf .code{font:700 clamp(5.25rem,18vw,11.25rem)/1 var(--f-brand);letter-spacing:.08em}
.nf h1{font-size:clamp(1.5rem,4vw,2.25rem);margin:10px 0 12px}
.nf p{color:var(--muted);max-width:32em;margin:0 auto}
.nf .cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.nf .chart{width:min(420px,100%);height:auto;margin:0 auto 8px;display:block}

@media (max-width:560px){
  .tr .toc ol{columns:1}
  .st-list li{padding:14px 16px}
  .nf .cta .btn{width:100%}
}
.tr .hero-s .wrap{max-width:760px}