.guide-main{max-width:1480px}.guide-hero{display:grid;grid-template-columns:1.1fr .7fr;gap:clamp(45px,8vw,130px);align-items:center;min-height:690px;padding:100px clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}
.guide-hero h1{max-width:930px;margin:22px 0 28px;font-size:clamp(46px,6vw,86px);line-height:1.04;letter-spacing:-.06em}.guide-hero>div>p:last-of-type{max-width:760px;color:var(--muted);font-size:14px;line-height:1.9}.guide-actions{display:flex;gap:12px;margin-top:34px}.guide-actions a{padding:13px 16px;border:1px solid var(--line);border-radius:12px;color:#b9cdc8;font-size:11px}.guide-actions a:first-child{border-color:transparent;background:var(--green);color:#082117;font-weight:800}
.boundary-card{padding:24px;border:1px solid rgba(91,229,158,.17);border-radius:25px;background:linear-gradient(155deg,rgba(19,42,40,.94),rgba(9,23,24,.94));box-shadow:0 25px 70px rgba(0,0,0,.18)}.boundary-card>p{margin:0 0 16px;color:#6e8983;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.boundary-card>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.boundary-card b,.boundary-card span{display:block}.boundary-card b{font-size:13px}.boundary-card span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}.boundary-card>i{display:block;padding:9px 13px;color:#59716c;font-size:8px;font-style:normal}.boundary-card .roamlink-boundary{border-color:rgba(91,229,158,.25);background:rgba(91,229,158,.07)}.boundary-card .roamlink-boundary b{color:var(--green)}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,820px);justify-content:center;gap:70px;padding:100px clamp(24px,7vw,110px) 140px}.guide-toc{position:sticky;top:100px;align-self:start;display:grid;gap:3px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(13,27,28,.72)}.guide-toc strong{margin:0 8px 10px;color:#dce9e5;font-size:11px}.guide-toc a{padding:7px 8px;border-radius:8px;color:#708983;font-size:9px;transition:.2s}.guide-toc a:hover{color:var(--green);background:rgba(91,229,158,.05)}
.guide-content{min-width:0}.guide-section{padding:15px 0 95px;scroll-margin-top:105px;border-bottom:1px solid var(--line)}.guide-section+.guide-section{padding-top:95px}.guide-section:last-child{border:0}.section-kicker{margin:0 0 15px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.18em}.guide-section h2{margin:0 0 24px;font-size:clamp(32px,4vw,52px);line-height:1.13;letter-spacing:-.05em}.guide-section h3{margin:40px 0 14px;color:#dce9e5;font-size:18px}.guide-section>p,.method-card>p,.callout p{color:var(--muted);font-size:12px;line-height:1.9}.guide-section ul,.guide-section ol{padding-left:20px;color:#9eb3ae;font-size:11px;line-height:1.85}.guide-section li{padding:4px 0}.guide-section code{color:#9ed9bd;font-family:"SFMono-Regular",Consolas,monospace;font-size:.92em}.guide-section pre{overflow:auto;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#071314;color:#bfd4ce;font-size:10px;line-height:1.7;tab-size:2}.guide-section pre code{color:inherit}
.callout{margin:22px 0;padding:18px 20px;border:1px solid rgba(91,229,158,.15);border-radius:16px;background:rgba(91,229,158,.045)}.callout strong{color:var(--green);font-size:12px}.callout p{margin:7px 0 0}.callout.warning{border-color:rgba(255,196,85,.18);background:rgba(255,196,85,.045)}.callout.warning strong{color:#ffc455}.callout.good{margin-top:25px}
.steps{display:grid;gap:9px;padding:0!important;counter-reset:steps;list-style:none!important}.steps li{display:grid;grid-template-columns:35px 145px 1fr;align-items:center;gap:12px;min-height:62px;padding:10px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(15,32,33,.65);counter-increment:steps}.steps li:before{content:counter(steps,decimal-leading-zero);color:var(--green);font-size:10px}.steps b{color:#d4e3df;font-size:11px}.steps span{color:var(--muted);font-size:10px;line-height:1.55}.steps.compact li{grid-template-columns:35px 160px 1fr}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:25px}.checklist strong{grid-column:1/-1;margin-bottom:4px;font-size:12px}.checklist span{padding:11px 13px;border-radius:11px;background:rgba(255,255,255,.03);color:#91aaa4;font-size:10px}.checklist span:before{content:"✓";margin-right:7px;color:var(--green)}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.spec-grid>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.spec-grid b,.spec-grid strong,.spec-grid span{display:block}.spec-grid b{color:var(--muted);font-size:9px}.spec-grid strong{margin:14px 0 5px;color:var(--green);font-size:30px}.spec-grid span{color:#78908b;font-size:9px;line-height:1.5}.source-line{font-size:9px!important}.source-line a{color:var(--green)}
table{width:100%;margin:18px 0;border-spacing:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(13,29,30,.75);font-size:10px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}th{color:#7f9993;background:rgba(255,255,255,.025);font-size:8px;letter-spacing:.08em;text-transform:uppercase}td{color:#a8bdb8}tr:last-child td{border-bottom:0}
.topic-list{display:grid;gap:7px;margin:18px 0}.topic-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.topic-list span{color:var(--muted);font-size:9px}.method-card{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(16,35,35,.75),rgba(9,23,24,.75))}.method-card h3{margin-top:0}.method-card pre{background:#061011}
.mapping-flow{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr;align-items:center;margin:23px 0}.mapping-flow div{display:grid;justify-items:center;gap:7px;padding:15px 8px;border:1px solid var(--line);border-radius:14px;text-align:center}.mapping-flow b{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(91,229,158,.08);color:var(--green);font-size:9px}.mapping-flow span{color:#9eb3ae;font-size:8px}.mapping-flow i{color:#3e5a54;font-size:9px;font-style:normal;text-align:center}
.trouble-list{display:grid;gap:8px}.trouble-list details{border:1px solid var(--line);border-radius:14px;background:rgba(13,29,30,.7)}.trouble-list summary{padding:15px 17px;color:#bcd0cb;font-size:11px;cursor:pointer}.trouble-list p{margin:0;padding:0 17px 16px;color:var(--muted);font-size:10px;line-height:1.75}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-grid span{padding:12px;border:1px solid var(--line);border-radius:11px;color:#94aca6;font-size:9px;background:rgba(255,255,255,.02)}.security-grid span::first-letter{color:var(--green)}
.example-box{display:flex;gap:25px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(91,229,158,.04)}.example-box b{color:var(--green);font-size:10px}.example-box code{line-height:1.8}.acceptance{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px}.sources>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.sources a{padding:13px;border:1px solid var(--line);border-radius:11px;color:#95afa8;font-size:9px}.sources a:hover{color:var(--green);border-color:rgba(91,229,158,.2)}
.guide-final{display:flex;justify-content:space-between;align-items:flex-end;padding:110px clamp(24px,7vw,110px);border-top:1px solid var(--line);background:radial-gradient(circle at 80% 50%,rgba(56,206,132,.1),transparent 28rem)}.guide-final h2{margin:18px 0 0;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.guide-final>a{display:flex;align-items:center;gap:38px;padding:18px 21px;border-radius:14px;background:var(--green);color:#082117;font-size:11px;font-weight:800}.guide-final>a span{font-size:17px}
@media(max-width:1000px){.guide-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.boundary-card{max-width:650px}.guide-layout{grid-template-columns:1fr;gap:0}.guide-toc{position:static;grid-template-columns:repeat(3,1fr);margin-bottom:75px}.guide-toc strong{grid-column:1/-1}.guide-final{align-items:flex-start;flex-direction:column;gap:40px}}
@media(max-width:640px){.guide-hero{padding:72px 20px}.guide-hero h1{font-size:43px}.guide-actions{align-items:stretch;flex-direction:column}.guide-actions a{text-align:center}.guide-layout{padding:70px 20px 100px}.guide-toc{grid-template-columns:1fr 1fr;padding:13px}.guide-section{padding-bottom:75px}.guide-section+.guide-section{padding-top:75px}.guide-section h2{font-size:34px}.steps li,.steps.compact li{grid-template-columns:28px 1fr}.steps li span{grid-column:2}.checklist,.spec-grid,.security-grid,.acceptance,.sources>div{grid-template-columns:1fr}.topic-list div{align-items:flex-start;flex-direction:column;gap:5px}.mapping-flow{grid-template-columns:1fr}.mapping-flow i{transform:rotate(90deg);padding:3px}table{display:block;overflow-x:auto;white-space:normal}.method-card{padding:17px}.guide-section pre{padding:15px;font-size:9px}.guide-final{padding:85px 20px}.guide-final h2{font-size:39px}}