.guide-hero{position:relative;padding-top:calc(64px + clamp(3.5rem,8vw,6rem));padding-bottom:clamp(3rem,7vw,5rem)}.guide-hero__intro{max-width:780px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.guide-hero__badge{display:inline-flex;align-items:center;gap:var(--aw-space-2);padding:.4rem .85rem;font-family:var(--aw-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aw-teal);background:var(--aw-teal-glow);border:1px solid var(--aw-border-accent);border-radius:999px;margin-bottom:var(--aw-space-6)}.guide-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--aw-teal);flex-shrink:0}.guide-hero__title{display:flex;flex-direction:column;margin:0 0 var(--aw-space-6);line-height:1.02}.guide-hero__hl-main,.guide-hero__hl-accent{font-family:var(--aw-font-display);font-size:clamp(2.1rem,4.8vw,3.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.08}.guide-hero__hl-main{color:var(--aw-text-primary);text-shadow:3px 3px 0 rgba(0,180,200,.18),6px 6px 0 rgba(0,180,200,.07)}.guide-hero__hl-accent{color:var(--aw-teal);text-shadow:3px 3px 0 rgba(0,180,200,.2),6px 6px 0 rgba(0,180,200,.08)}.guide-hero__sub{font-size:1.05rem;line-height:1.7;color:var(--aw-text-secondary);margin:0}.guide-hero__paths{max-width:940px;margin:var(--aw-space-12) auto 0}.guide-hero__paths-tag{display:flex;align-items:center;gap:var(--aw-space-3);font-family:var(--aw-font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--aw-text-muted);margin-bottom:var(--aw-space-5)}.guide-hero__paths-tag:before,.guide-hero__paths-tag:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--aw-border-accent));flex:1}.guide-hero__paths-tag:after{background:linear-gradient(90deg,var(--aw-border-accent),transparent)}.guide-hero__paths-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--aw-space-5)}.guide-hero__path{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--aw-space-5);padding:var(--aw-space-6);background:linear-gradient(158deg,rgba(0,180,200,.06),transparent 46%),var(--aw-bg-card);border:1px solid var(--aw-border);border-radius:var(--aw-radius-lg);box-shadow:0 18px 40px -30px #000000e6;overflow:hidden;transition:border-color var(--aw-duration) var(--aw-ease),box-shadow var(--aw-duration) var(--aw-ease),transform var(--aw-duration) var(--aw-ease)}.guide-hero__path:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--aw-teal),transparent);opacity:0;transition:opacity var(--aw-duration) var(--aw-ease)}.guide-hero__path:hover{border-color:var(--aw-border-accent);box-shadow:0 0 30px var(--aw-teal-glow),0 22px 46px -30px #000000f2;transform:translateY(-3px)}.guide-hero__path:hover:before{opacity:1}.guide-hero__path-head{display:flex;flex-direction:column;align-items:center;gap:var(--aw-space-2)}.guide-hero__path-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--aw-border-accent);background:var(--aw-teal-glow);color:var(--aw-teal)}.guide-hero__path-num{font-family:var(--aw-font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--aw-text-muted)}.guide-hero__path-text{display:flex;flex-direction:column;gap:var(--aw-space-2)}.guide-hero__path-title{font-family:var(--aw-font-display);font-weight:700;font-size:1.05rem;line-height:1.3;color:var(--aw-text-primary)}.guide-hero__path-desc{font-size:.87rem;line-height:1.65;color:var(--aw-text-secondary)}.guide-hero__path-arrow{flex-shrink:0;color:var(--aw-teal);font-family:var(--aw-font-mono);align-self:center;transition:transform var(--aw-duration) var(--aw-ease)}.guide-hero__path:hover .guide-hero__path-arrow{transform:translate(3px)}@media (max-width: 720px){.guide-hero__paths-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.guide-hero__path,.guide-hero__path-arrow{transition:none}.guide-hero__path:hover,.guide-hero__path:hover .guide-hero__path-arrow{transform:none}}.guide-toc__label{display:block;font-family:var(--aw-font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aw-text-muted);margin-bottom:var(--aw-space-4)}.guide-toc__list,.guide-toc__sublist{list-style:none;display:flex;flex-direction:column;gap:var(--aw-space-1)}.guide-toc__list{counter-reset:guide-toc}.guide-toc__list>li{counter-increment:guide-toc}.guide-toc__list>li>a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:baseline;padding:.35rem 0;font-size:.85rem;line-height:1.4;color:var(--aw-text-secondary);text-decoration:none;transition:color var(--aw-duration) var(--aw-ease)}.guide-toc__list>li>a:before{content:counter(guide-toc,decimal-leading-zero);font-family:var(--aw-font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--aw-text-muted);transition:color var(--aw-duration) var(--aw-ease)}.guide-toc__sublist{margin:var(--aw-space-1) 0 var(--aw-space-3) 1.5rem;padding-left:var(--aw-space-3);border-left:1px solid var(--aw-border)}.guide-toc__sublist>li>a{position:relative;display:block;padding:.3rem 0;font-size:.8rem;line-height:1.4;color:var(--aw-text-secondary);text-decoration:none;transition:color var(--aw-duration) var(--aw-ease)}.guide-toc__list>li>a:hover,.guide-toc__sublist>li>a:hover{color:var(--aw-text-primary)}.guide-toc__list>li>a[aria-current=true],.guide-toc__sublist>li>a[aria-current=true]{color:var(--aw-teal);font-weight:500}.guide-toc__list>li>a[aria-current=true]:before{color:var(--aw-teal)}.guide-toc__sublist>li>a[aria-current=true]:before{content:"";position:absolute;left:calc(-1 * var(--aw-space-3) - 1px);top:.25rem;bottom:.25rem;width:2px;border-radius:2px;background:var(--aw-teal)}.guide-toc--desktop{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 128px);overflow-y:auto;padding-right:var(--aw-space-4)}.guide-toc--mobile{display:none}.guide-toc--mobile .guide-toc__label{display:inline-flex;align-items:center;gap:var(--aw-space-2);width:100%;margin-bottom:0;cursor:pointer;padding:var(--aw-space-4);background:var(--aw-bg-card);border:1px solid var(--aw-border);border-radius:var(--aw-radius)}.guide-toc--mobile[open] .guide-toc__label{border-radius:var(--aw-radius) var(--aw-radius) 0 0;border-bottom-color:transparent}.guide-toc--mobile .guide-toc__label:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--aw-text-muted);border-bottom:1.5px solid var(--aw-text-muted);transform:rotate(45deg);transition:transform var(--aw-duration) var(--aw-ease);margin-left:auto}.guide-toc--mobile[open] .guide-toc__label:after{transform:rotate(-135deg)}.guide-toc--mobile .guide-toc__list{padding:var(--aw-space-4);background:var(--aw-bg-card);border:1px solid var(--aw-border);border-top:none;border-radius:0 0 var(--aw-radius) var(--aw-radius)}@media (max-width: 900px){.guide-toc--desktop{display:none}.guide-toc--mobile{display:block;margin-bottom:var(--aw-space-8)}}.guide-content{position:relative;padding-block:clamp(3rem,8vw,5rem)}.guide__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--aw-space-16);align-items:start}@media (max-width: 900px){.guide__layout{grid-template-columns:1fr}}.guide-body{--guide-rail: var(--aw-space-6);counter-reset:guide-section guide-figure;max-width:800px;padding-left:var(--guide-rail);color:var(--aw-text-secondary);font-size:1rem;line-height:1.8}.guide-body>:first-child{margin-top:0}.guide-body h2,.guide-body h3,.guide-body h4,.guide-body h5{line-height:1.3;color:var(--aw-text-primary);scroll-margin-top:88px}.guide-body h2{position:relative;counter-increment:guide-section;font-size:clamp(1.6rem,2.8vw,2.05rem);letter-spacing:-.015em;margin:var(--aw-space-24) 0 var(--aw-space-6);padding-top:var(--aw-space-10)}.guide-body h2:before{content:counter(guide-section,decimal-leading-zero);position:absolute;top:var(--aw-space-4);left:0;font-family:var(--aw-font-mono);font-size:.66rem;font-weight:400;letter-spacing:.18em;color:var(--aw-teal)}.guide-body h2:after{content:"";position:absolute;top:0;left:calc(-1 * var(--guide-rail));right:0;height:1px;background:linear-gradient(90deg,var(--aw-border-accent),transparent 72%)}.guide-body h3{position:relative;font-size:1.3rem;margin:var(--aw-space-12) 0 var(--aw-space-4)}.guide-body h3:before{content:"";position:absolute;left:calc(-1 * var(--guide-rail));top:.18em;bottom:.18em;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--aw-teal),rgba(0,180,200,.12))}.guide-body h4{position:relative;font-size:1.08rem;margin:var(--aw-space-10) 0 var(--aw-space-3)}.guide-body h4:before{content:"";position:absolute;left:calc(-1 * var(--guide-rail) + 1px);top:.6em;width:5px;height:5px;border-radius:50%;background:var(--aw-teal);box-shadow:0 0 0 3px #00b4c81f}.guide-body h5{font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;color:var(--aw-text-muted);margin:var(--aw-space-8) 0 var(--aw-space-2)}.guide-body>h2:first-child,.guide-body>h3:first-child{margin-top:0}.guide-body h2+h3,.guide-body h3+h4{margin-top:var(--aw-space-6)}.guide-body p{margin:var(--aw-space-5) 0}.guide-body h2+p{font-size:1.07rem;line-height:1.72;color:var(--aw-text-primary);opacity:.86}.guide-body strong{color:var(--aw-text-primary);font-weight:500}.guide-body em{font-style:italic}.guide-body a{color:var(--aw-teal);text-decoration:underline;text-decoration-color:#00b4c859;text-underline-offset:2px;transition:text-decoration-color var(--aw-duration) var(--aw-ease)}.guide-body a:hover{text-decoration-color:var(--aw-teal)}.guide-body ul,.guide-body ol{margin:var(--aw-space-5) 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:var(--aw-space-3)}.guide-body ul>li,.guide-body ol>li{position:relative}.guide-body ul>li{padding-left:1.5rem}.guide-body ul>li:before{content:"";position:absolute;left:.3rem;top:.72em;width:5px;height:5px;border-radius:1px;background:var(--aw-teal);transform:rotate(45deg)}.guide-body ol{counter-reset:guide-step}.guide-body ol>li{counter-increment:guide-step;padding-left:2.4rem;min-height:1.6rem}.guide-body ol>li:before{content:counter(guide-step);position:absolute;left:0;top:.12em;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;font-family:var(--aw-font-mono);font-size:.7rem;color:var(--aw-teal);background:var(--aw-teal-glow);border:1px solid var(--aw-border-accent);border-radius:50%}.guide-body li>ul,.guide-body li>ol{margin:var(--aw-space-3) 0 0}.guide-body hr.guide-body__divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--aw-border-accent),transparent);margin:var(--aw-space-16) 0}.guide-body hr.guide-body__divider:has(+h2){display:none}.guide-body code{font-family:var(--aw-font-mono);font-size:.85em;color:var(--aw-cyan-bright);background:#00b4c814;border:1px solid var(--aw-border);border-radius:var(--aw-radius-sm);padding:.1em .4em}.guide-code{margin:var(--aw-space-6) 0;background:var(--aw-bg-surface);border:1px solid var(--aw-border);border-radius:var(--aw-radius);overflow:hidden;box-shadow:0 16px 34px -30px #000000e6}.guide-code__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--aw-space-4);padding:var(--aw-space-2) var(--aw-space-3);background:#00b4c80a;border-bottom:1px solid var(--aw-border)}.guide-code__dots{display:flex;gap:5px;padding-left:var(--aw-space-1)}.guide-code__dots span{width:7px;height:7px;border-radius:50%;background:#00b4c838}.guide-code pre{margin:0;padding:var(--aw-space-4) var(--aw-space-5);overflow-x:auto}.guide-code pre code{background:none;border:none;padding:0;color:var(--aw-text-primary);font-size:.85rem;white-space:pre}.guide-code__copy{padding:.3rem .7rem;font-family:var(--aw-font-mono);font-size:.65rem;letter-spacing:.06em;color:var(--aw-text-secondary);background:var(--aw-bg-card);border:1px solid var(--aw-border-accent);border-radius:var(--aw-radius-sm);cursor:pointer;transition:color var(--aw-duration) var(--aw-ease),border-color var(--aw-duration) var(--aw-ease)}.guide-code__copy:hover{color:var(--aw-teal);border-color:var(--aw-teal)}.guide-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--aw-space-4);margin:var(--aw-space-6) 0;padding:var(--aw-space-5);border:1px solid var(--aw-border);border-left:2px solid var(--aw-teal);background:var(--aw-teal-glow);border-radius:0 var(--aw-radius) var(--aw-radius) 0}.guide-callout__icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--aw-border-accent);background:#00b4c814;color:var(--aw-teal);flex-shrink:0}.guide-callout p{margin:0}.guide-callout p+p,.guide-callout ol,.guide-callout ul{margin-top:var(--aw-space-3)}.guide-callout--warning{border-color:#d9a4412e;border-left-color:#d9a441;background:#d9a44112}.guide-callout--warning .guide-callout__icon{border-color:#d9a44159;background:#d9a4411a;color:#e8b955}.guide-callout--warning strong{color:#e8b955}.guide-callout--warning ul>li:before{background:#d9a441}.guide-callout--warning ol>li:before{color:#e8b955;border-color:#d9a44159;background:#d9a4411a}.guide-body__table-wrap{margin:var(--aw-space-6) 0;overflow-x:auto;border:1px solid var(--aw-border);border-radius:var(--aw-radius);background:var(--aw-bg-card)}.guide-body table{width:100%;border-collapse:collapse;font-size:.88rem}.guide-body th,.guide-body td{text-align:left;padding:var(--aw-space-4);border-bottom:1px solid var(--aw-border);vertical-align:top}.guide-body th{font-family:var(--aw-font-display);font-weight:700;color:var(--aw-text-primary);background:#00b4c80f;white-space:nowrap}.guide-body td:first-child{color:var(--aw-text-primary);white-space:nowrap}.guide-body tbody tr:nth-child(2n){background:#ffffff04}.guide-body tbody tr:hover{background:#00b4c80a}.guide-body tr:last-child td{border-bottom:none}.guide-figure{counter-increment:guide-figure;margin:var(--aw-space-8) 0}.guide-figure__frame{background:var(--aw-bg-surface);border:1px solid var(--aw-border);border-radius:var(--aw-radius-lg);overflow:hidden;box-shadow:0 22px 48px -34px #000000f2;transition:border-color var(--aw-duration) var(--aw-ease),box-shadow var(--aw-duration) var(--aw-ease)}.guide-figure:hover .guide-figure__frame{border-color:var(--aw-border-accent);box-shadow:0 0 30px var(--aw-teal-glow),0 22px 48px -34px #000000f2}.guide-figure__bar{display:flex;align-items:center;gap:5px;padding:var(--aw-space-3);background:#00b4c80a;border-bottom:1px solid var(--aw-border)}.guide-figure__bar span{width:7px;height:7px;border-radius:50%;background:#00b4c838}.guide-figure img{width:100%;height:auto}.guide-figure figcaption{display:flex;align-items:baseline;justify-content:center;gap:var(--aw-space-2);margin-top:var(--aw-space-3);font-family:var(--aw-font-mono);font-size:.7rem;line-height:1.5;color:var(--aw-text-muted);text-align:center}.guide-figure figcaption:before{content:"Fig. " counter(guide-figure,decimal-leading-zero) " ·";flex-shrink:0;color:var(--aw-teal);letter-spacing:.08em}.guide-faq-item{position:relative;margin:var(--aw-space-3) 0;background:#ffffff06;border:1px solid rgba(0,180,200,.1);border-radius:var(--aw-radius);overflow:hidden;scroll-margin-top:88px;transition:border-color var(--aw-duration) var(--aw-ease),background var(--aw-duration) var(--aw-ease)}.guide-faq-item:hover{border-color:#00b4c838}.guide-faq-item[open]{border-color:#00b4c847;background:#00b4c808}.guide-faq-item[open]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--aw-teal),rgba(0,180,200,.12))}.guide-faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:var(--aw-space-4);padding:1.05rem 1.3rem;cursor:pointer;list-style:none;font-family:var(--aw-font-display);font-size:.95rem;font-weight:700;color:var(--aw-text-primary);line-height:1.4}.guide-faq-item__q::-webkit-details-marker{display:none}.guide-faq-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,180,200,.2);color:var(--aw-teal);transition:transform .28s var(--aw-ease),border-color var(--aw-duration) var(--aw-ease)}.guide-faq-item[open] .guide-faq-item__icon{transform:rotate(45deg);border-color:#00b4c866}.guide-faq-item__a{padding:var(--aw-space-4) 1.3rem 1.25rem;border-top:1px solid var(--aw-border)}.guide-faq-item__a>:first-child{margin-top:0}.guide-faq-item__a>:last-child{margin-bottom:0}@media (max-width: 900px){.guide-body{--guide-rail: var(--aw-space-5)}}@media (prefers-reduced-motion: reduce){.guide-figure__frame,.guide-faq-item,.guide-faq-item__icon{transition:none}}