.content-page.guide-page{--page-max-width:1200px;width:min(1200px,100% - 64px);max-width:1200px;padding:48px 0 80px}.guide-hero{background:radial-gradient(at 100% 0,#00c5da10,#0000 62%),linear-gradient(135deg,#142027,#151821);border:1px solid #00c5da25;border-radius:24px;margin-bottom:34px;padding:42px 46px;position:relative}.guide-hero .eyebrow{letter-spacing:.16em;margin:0 0 20px;font-size:11px}.guide-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:850px;margin:0 70px 20px 0;font-size:clamp(32px,3.4vw,48px);line-height:1.2}.guide-hero .lead{color:#aab6c4;max-width:740px;margin:0;font-size:17px;line-height:1.8}.guide-hero-icon{color:#00c5da;background:#00c5da09;border:1px solid #00c5da30;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:42px;right:42px}.guide-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;display:flex}.guide-actions a{color:#00cee2;align-items:center;gap:8px;font-size:14px;display:inline-flex}.guide-actions .button{color:#00343a;border-radius:12px;padding:12px 18px}.guide-layout{grid-template-columns:206px minmax(0,1fr);align-items:start;gap:30px;display:grid}.guide-toc{top:calc(var(--header-height) + 24px);padding:12px 0;position:sticky}.guide-toc p{color:#758491;letter-spacing:.12em;text-transform:uppercase;margin:0 12px 14px;font-size:11px}.guide-toc a{color:#aab6c4;border-radius:10px;align-items:center;gap:11px;padding:12px;font-size:13px;line-height:1.45;display:flex}.guide-toc a span{color:#5c7886;font-variant-numeric:tabular-nums;font-size:11px}.guide-toc a svg{opacity:0;flex:none;margin-left:auto}.guide-toc a:hover,.guide-toc a:focus-visible{color:#00cee2;background:#00c5da0c}.guide-toc a:hover svg{opacity:1}.guide-content{gap:24px;min-width:0;display:grid}.guide-section{min-width:0;scroll-margin-top:calc(var(--header-height) + 24px);background:#171e24b8;border:1px solid #d9e5f00e;border-radius:20px;padding:30px 34px}.guide-section>header{align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.guide-section-number{letter-spacing:.1em;color:#00bcd4;flex:none;font-size:11px}.guide-section h2{letter-spacing:-.025em;margin:0;font-size:clamp(21px,2vw,26px);line-height:1.4}.guide-section-body{color:#adb9c7;min-width:0;font-size:15px;line-height:1.8}.guide-section-body>p{margin:16px 0}.guide-section-body>:first-child{margin-top:0}.guide-section-body>:last-child{margin-bottom:0}.guide-section-body a{color:#00c8df;text-underline-offset:4px;-webkit-text-decoration:underline #00c8df55;text-decoration:underline #00c8df55}.guide-section-body a:hover{color:#88edf5}.guide-section-body code{overflow-wrap:anywhere;color:#9edce7;background:#0c151ac0;border-radius:5px;padding:3px 6px;font-size:12px}.guide-code{background:#0d161a;border:1px solid #00c5da24;border-radius:12px;margin:22px 0;overflow:hidden}.guide-code-toolbar{background:#17242a;border-bottom:1px solid #00c5da17;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.guide-code-toolbar>span,.guide-code-toolbar button{color:#89a6b3;align-items:center;gap:8px;font-size:11px;display:inline-flex}.guide-code-toolbar button{cursor:pointer;background:0 0;border:0;padding:5px 0 5px 10px}.guide-code-toolbar button:hover{color:#00d7ef}.guide-code pre{white-space:pre;background:0 0;border:0;border-radius:0;margin:0;padding:20px;font-size:12px;line-height:1.8;overflow-x:auto}.guide-code pre code{overflow-wrap:normal;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.guide-copy-feedback{color:#e9c889;padding:8px 16px;font-size:12px;display:block}.guide-table-scroll{border:1px solid #ffffff0e;border-radius:12px;margin:20px 0;overflow-x:auto}.guide-table-scroll table{border-collapse:collapse;width:100%;margin:0;font-size:13px}.guide-table-scroll th{text-align:left;color:#8297a4;background:#ffffff03;padding:12px 16px;font-size:11px;font-weight:500}.guide-table-scroll td{vertical-align:top;border-top:1px solid #ffffff0c;padding:15px 16px}.guide-table-scroll td:first-child{color:#d4e0e8;min-width:104px}.guide-callout{background:#00bcd407;border-left:2px solid #00bcd4;border-radius:0 10px 10px 0;margin:22px 0;padding:16px 20px;font-size:13px}.guide-detail{border-top:1px solid #ffffff12;margin-top:22px;padding-top:18px}.guide-detail summary{color:#d2dce5;cursor:pointer;font-weight:500}.guide-detail p{margin-top:16px}.guide-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.guide-resources a{background:#ffffff02;border:1px solid #ffffff10;border-radius:12px;padding:18px;text-decoration:none;display:block}.guide-resources strong{color:#d4e4eb;justify-content:space-between;gap:8px;font-size:14px;display:flex}.guide-resources span{color:#8499a6;margin-top:8px;font-size:12px;line-height:1.7;display:block}.guide-resources a:hover{background:#00c5da06;border-color:#00c5da55}.guide-data-list{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.guide-data-list li{color:#c7d5de;background:#ffffff03;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.guide-data-list svg{color:#00bcd4;flex:none}.guide-section-body ol{padding-left:22px}.guide-section-body li+li{margin-top:8px}@media (max-width:900px){.content-page.guide-page{width:calc(100% - 40px);padding-top:28px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-toc{flex-wrap:wrap;gap:4px;padding:0;display:flex;position:static}.guide-toc p{width:100%;margin-left:10px}.guide-toc a{padding:8px 10px;font-size:12px}.guide-toc a svg{display:none}.guide-hero{margin-bottom:24px;padding:30px}}@media (max-width:540px){.content-page.guide-page{width:calc(100% - 32px);padding-top:20px}.guide-hero{border-radius:18px;padding:26px 22px}.guide-hero h1{margin-right:0;font-size:31px}.guide-hero .lead{font-size:14px}.guide-hero-icon{border-radius:12px;width:44px;height:44px;margin-bottom:20px;position:static}.guide-hero-icon svg{width:24px;height:24px}.guide-hero .eyebrow{font-size:10px}.guide-section{border-radius:16px;padding:24px 20px}.guide-section>header{gap:10px;margin-bottom:18px}.guide-section h2{font-size:21px}.guide-section-body{font-size:14px}.guide-resources{grid-template-columns:1fr}.guide-code pre{padding:16px;font-size:11px}.guide-table-scroll td,.guide-table-scroll th{padding:12px}}