/* /guides — big-guide pages. Built on site.css tokens. */
.g-page{padding-top:110px;padding-bottom:80px}
.g-hero{max-width:900px}
.g-hero .eyebrow a{color:inherit}
.g-hero h1{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.1;margin:.4rem 0 1rem}
.g-hero .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-hero .lede{color:var(--grey);font-size:1.12rem;max-width:720px}
.g-byline{margin-top:1rem;color:var(--grey2);font-size:.95rem}
.g-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;margin-top:40px;align-items:start}
.g-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:24px}
.g-toc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.g-toc p{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:8px}
.g-toc ol{list-style:none}
.g-toc li{padding:5px 0;border-bottom:1px solid var(--line);font-size:.93rem}
.g-toc li:last-child{border:0}
.g-toc a{color:var(--grey)}
.g-toc a:hover{color:var(--white)}
.g-body{max-width:760px;font-size:1.04rem}
.g-body h2{font-family:var(--display);font-size:1.8rem;margin:56px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--blue);scroll-margin-top:90px}
.g-body h2:first-child{margin-top:0}
.g-body h3{font-family:var(--display);font-size:1.25rem;margin:32px 0 10px;scroll-margin-top:90px}
.g-body p{margin:0 0 14px;color:#D9E1EC}
.g-body ul,.g-body ol{margin:0 0 16px 1.3rem;color:#D9E1EC}
.g-body li{margin-bottom:6px}
.g-body li.g-check{list-style:none;margin-left:-1.2rem}
.g-body code{font-family:var(--mono);font-size:.86em;background:var(--panel2);padding:2px 6px;border-radius:5px}
.g-code{background:#050910;border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow-x:auto;margin:0 0 18px;font-size:.86rem;line-height:1.55}
.g-code code{background:none;padding:0}
.g-table{overflow-x:auto;margin:0 0 18px}
.g-body table{border-collapse:collapse;width:100%;font-size:.94rem}
.g-body th,.g-body td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.g-body th{background:var(--panel2)}
.g-note{border-left:4px solid var(--blue);background:var(--panel);padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 18px}
.g-note p{margin:0}
.g-form{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid rgba(47,128,237,.4);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px}
.g-form-title{font-family:var(--display);font-weight:700;font-size:1.05rem}
.g-form-sub{color:var(--grey);font-size:.88rem}
.g-form input{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--white);font:inherit}
.g-form input:focus{outline:2px solid var(--blue);border-color:transparent}
.g-form .btn{justify-content:center}
.g-form-msg{font-size:.92rem;min-height:1.2em}
.g-form-msg.ok{color:#7EE2A8}
.g-form-msg.err{color:#FF9B9B}
.g-form-msg a{font-weight:600}
.g-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.g-list{display:grid;gap:28px;margin-top:40px;max-width:900px}
.g-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;gap:12px}
.g-card h2{font-family:var(--display);font-size:1.6rem}
.g-card h2 a{color:var(--white)}
.g-card p{color:var(--grey)}
@media (max-width:900px){
  .g-layout{grid-template-columns:1fr;gap:28px}
  .g-side{position:static}
}