.guide-page{max-width:1240px;padding:36px 48px 80px}.guide-heading{max-width:920px;padding-block:32px 44px}.guide-heading h1{font:400 clamp(32px, 4vw, 52px) / 1.18 var(--serif);text-wrap:balance;margin:14px 0 20px}.guide-byline{color:var(--muted);font-size:13px}.guide-disclosure{border-left:2px solid var(--gold);background:var(--panel);color:#b9c1ce;max-width:760px;margin-top:24px;padding:16px 20px;font-size:13px}.guide-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:56px;display:grid}.guide-toc{position:sticky;top:112px}.guide-toc nav{gap:14px;display:grid}.guide-toc .eyebrow{margin-bottom:8px}.guide-toc a{color:#b9c1ce;font-size:13px}.guide-toc a:hover{color:var(--gold)}.guide-content{color:#c8ced8;min-width:0;font-size:16px;line-height:1.85}.guide-content p{margin:0 0 18px}.guide-content .guide-lead{color:var(--ink);font-size:18px}.guide-content section{margin-top:42px}.guide-content h2{color:var(--ink);font:400 29px / 1.35 var(--serif);margin:0 0 18px}.guide-content h3{color:var(--ink);margin:0 0 14px;font-size:17px;line-height:1.5}.guide-content p a,.guide-table a{color:var(--gold);text-underline-offset:4px;text-decoration:underline}.guide-content a:hover{color:#ffe5ac}.guide-content .guide-source{color:var(--gold);align-items:center;gap:10px;font-size:13px;display:inline-flex}.guide-source .icon{width:14px;height:14px}.guide-table-wrap{margin-block:30px;overflow-x:auto}.guide-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.guide-table caption{color:var(--ink);text-align:left;margin-bottom:12px;font-size:15px}.guide-table th,.guide-table td{border:1px solid var(--line);vertical-align:top;min-width:150px;padding:15px}.guide-table thead,.guide-table tbody th{background:var(--panel)}.guide-table th{font-weight:500}.guide-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:24px;display:grid}.guide-reference-grid>div{border:1px solid var(--line);background:var(--panel);padding:20px}.guide-reference-grid p{font-size:14px}.guide-content ul{padding-left:24px}.guide-content li{margin-block:10px}.guide-demo{background:var(--panel);border:1px solid #d8b77955;padding:30px}.guide-demo .eyebrow{margin-bottom:16px;display:block}.guide-content .guide-demo a:hover{color:#171e29}.guide-related{border-top:1px solid var(--line);gap:12px;margin-top:40px;padding-top:24px;display:grid}.guide-related a{color:var(--gold);justify-content:space-between;align-items:center;gap:24px;display:flex}@media (max-width:1024px){.guide-layout{grid-template-columns:150px minmax(0,1fr);gap:28px}.guide-reference-grid{grid-template-columns:1fr}}@media (max-width:760px){.guide-page{padding:24px 20px 56px}.guide-layout{grid-template-columns:1fr}.guide-toc{border-bottom:1px solid var(--line);padding-bottom:24px;position:static}.guide-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc .eyebrow{grid-column:1/-1}}