/* Setup guide page body (the header/footer styles come from shell.css, a snapshot of the homepage CSS). */
body.tri-sg-page{--tri-accent:#00b8e6;margin:0;background:#000;color:#d4d4d8;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;}
.tri-sg-page .tri-sg-root{position:relative;z-index:1;background:transparent;}
.tri-sg-main{display:block;padding:0 0 4.5rem;}
.tri-sg-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.tri-sg-hero{position:relative;padding:clamp(2.6rem,6vw,4.6rem) 0 clamp(1.2rem,3vw,2rem);text-align:center;}
.tri-sg-hero::before{content:"";position:absolute;inset:0 0 auto;height:100%;pointer-events:none;
  background:radial-gradient(60% 80% at 50% 0%,color-mix(in srgb,var(--tri-accent) 18%,transparent),transparent 70%);}
.tri-sg-hero h1{position:relative;margin:0 0 .9rem;font-family:Syne,Manrope,system-ui,sans-serif;font-weight:800;
  font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.08;letter-spacing:-.01em;color:#fff;text-transform:none;}
.tri-sg-crumb{position:relative;display:inline-flex;gap:.55rem;align-items:center;font-size:.88rem;color:#a1a1aa;}
.tri-sg-crumb a{color:var(--tri-accent);text-decoration:none;}
.tri-sg-crumb a:hover{text-decoration:underline;}
.tri-sg-page .sg{scroll-margin-top:140px;}
.tri-sg-page .sg h2,.tri-sg-page .sg h3,.tri-sg-page .sg h4{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;}
.tri-sg-prose{max-width:820px;margin:0 auto;font-size:1.02rem;line-height:1.72;}
.tri-sg-prose > p,.tri-sg-prose > ul,.tri-sg-prose > ol{margin:0 0 1.05rem;}
.tri-sg-prose > h2{margin:2.6rem 0 .85rem;font-family:Syne,Manrope,system-ui,sans-serif;font-weight:700;
  font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.2;color:#fff;text-transform:none;letter-spacing:0;}
.tri-sg-prose > h3{margin:1.7rem 0 .5rem;font-family:inherit;font-weight:700;font-size:1.14rem;line-height:1.35;color:#f4f4f5;
  text-transform:none;letter-spacing:0;}
.tri-sg-prose a{color:var(--tri-accent);text-underline-offset:3px;}
.tri-sg-prose strong{color:#fff;}
.tri-sg-prose .tri-sg-lead{font-size:1.1rem;color:#e4e4e7;}
.tri-sg-fix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.2rem;padding:0;list-style:none;}
.tri-sg-fix li{margin:0;padding:1.1rem 1.15rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0c0f17;}
.tri-sg-fix li::before{content:none;}
.tri-sg-fix strong{display:block;margin-bottom:.35rem;color:#fff;}
@media (max-width:900px){
  .tri-sg-fix{grid-template-columns:1fr;}
  .tri-sg-prose{font-size:1rem;}
}