.guide-shell{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:clamp(48px,7vw,96px);align-items:start;max-width:var(--container);margin-inline:auto;padding:72px var(--container-pad) var(--space-section);background:var(--surface-page)}.guide-sidebar{position:sticky;top:96px;display:grid;gap:28px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:12px;scrollbar-width:thin}.guide-nav-label{margin-bottom:10px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.02em}.guide-nav-group nav{display:grid;gap:2px}.guide-nav-link,.guide-section-link{padding:8px 10px;border-radius:var(--r-sm);color:var(--text-secondary);font-size:13px;line-height:1.4;text-decoration:none;transition:color .16s ease,background-color .16s ease}.guide-nav-link:hover,.guide-section-link:hover,.guide-section-link.is-active{color:var(--text-primary);background:var(--surface-panel)}.guide-nav-link.is-current{color:var(--surface-page);background:var(--text-primary)}.guide-mobile-menu{display:none}.guide-article{width:100%;min-width:0;max-width:820px}.guide-hero{padding-bottom:48px;border-bottom:1px solid var(--border-subtle)}.guide-hero h1{max-width:14ch}.guide-byline{margin-top:18px;color:var(--text-muted);font-size:13px;font-weight:500}.guide-hero .section-subtitle{max-width:66ch;margin-top:24px;color:var(--text-secondary)}.guide-hero strong,.guide-hero em{color:var(--text-primary)}.guide-compare{margin-block:40px 80px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.compare-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto 16px;gap:16px;align-items:center;padding:20px 22px;color:var(--text-primary);text-decoration:none;transition:background-color .16s ease}.compare-row+.compare-row{border-top:1px solid var(--border-subtle)}.compare-row:hover{background:var(--surface-panel)}.compare-product-mark{width:8px;height:8px;border-radius:var(--r-pill);background:var(--text-muted)}.compare-row--betterboard .compare-product-mark{background:var(--violet)}.compare-row--betterboard .compare-name{color:var(--violet)}.compare-name{font-weight:500}.compare-steps{display:flex;align-items:center;gap:14px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.compare-dots{display:flex;gap:5px}.compare-dots span{width:6px;height:6px;border-radius:var(--r-pill);background:currentColor}.compare-arrow{color:var(--text-muted);transition:transform .16s ease,color .16s ease}.compare-row:hover .compare-arrow{color:var(--text-primary);transform:translateY(3px)}.article-section{margin-bottom:88px;scroll-margin-top:104px}.article-section>.section-title{padding-top:56px;border-top:1px solid var(--border-subtle)}.article-section>.section-subtitle{max-width:68ch;margin-top:18px;color:var(--text-secondary)}.article-section--betterboard>.section-title{color:var(--violet)}.guide-steps{counter-reset:guide-step;margin-top:36px;padding:0;list-style:none}.guide-steps>li{position:relative;counter-increment:guide-step;margin-left:18px;padding:0 0 32px 48px;border-left:1px solid var(--border-subtle)}.guide-steps>li:last-child{padding-bottom:0;border-left-color:transparent}.guide-steps>li:before{position:absolute;top:-3px;left:-18px;display:grid;width:36px;height:36px;place-items:center;border-radius:var(--r-pill);background:var(--surface-panel);color:var(--text-primary);content:counter(guide-step);font-size:13px;font-weight:600}.article-section--betterboard .guide-steps>li:before{color:var(--violet)}.guide-steps h3{margin-bottom:8px;color:var(--text-primary);font-size:17px;font-weight:600;line-height:1.4}.step-detail,.article-section li,.faq-answer{color:var(--text-secondary);font-size:16px;line-height:1.72}.step-detail a,.article-section li a,.faq-answer a,.guide-cta a:not(.btn){color:var(--text-primary);text-decoration-thickness:1px;text-underline-offset:3px}.article-section strong,.step-detail strong,.faq-answer strong{color:var(--text-primary);font-weight:600}kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border-subtle);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--surface-panel);color:var(--text-primary);font-family:var(--font-sans);font-size:.84em;font-weight:600;line-height:1.2}code{padding:2px 5px;border-radius:var(--r-sm);background:var(--surface-panel);color:var(--text-primary);font-family:var(--font-sans);font-size:.9em}.guide-tip{margin-top:28px;padding:20px;border-radius:var(--r-md);background:var(--surface-panel);color:var(--text-secondary);font-size:15px;line-height:1.65}.guide-tip strong{color:var(--text-primary)}.guide-tip a{color:var(--text-primary);text-underline-offset:3px}.video-embed{margin-top:32px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.video-frame{position:relative;aspect-ratio:16 / 9;background:var(--surface-panel)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-embed figcaption{padding:12px 16px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:13px}.limitations-list{margin-top:28px;padding-left:20px}.limitations-list li+li{margin-top:12px}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-block:16px 88px;padding:28px}.guide-cta>div{max-width:520px}.guide-cta .btn{flex:none}.faq-section{margin-bottom:0}.faq-section__list{margin-top:24px}@media(max-width:900px){.guide-shell{grid-template-columns:1fr;gap:28px;padding-top:40px}.guide-sidebar{display:none}.guide-mobile-menu{display:block;border-block:1px solid var(--border-subtle)}.guide-mobile-menu summary{position:relative;padding:16px 32px 16px 0;color:var(--text-primary);cursor:pointer;list-style:none;font-weight:600}.guide-mobile-menu summary::-webkit-details-marker{display:none}.guide-mobile-menu summary:after{position:absolute;right:4px;content:"+"}.guide-mobile-menu[open] summary:after{content:"−"}.guide-mobile-menu-body{display:grid;gap:12px;padding-bottom:20px}.guide-mobile-menu-body nav{display:grid;gap:2px}}@media(max-width:640px){.guide-shell{padding-top:28px}.guide-hero{padding-bottom:36px}.guide-compare{margin-block:28px 64px}.compare-row{grid-template-columns:10px minmax(0,1fr) auto;gap:10px;padding:16px 12px}.compare-arrow,.compare-dots{display:none}.compare-steps{font-size:12px}.article-section{margin-bottom:64px}.article-section>.section-title{padding-top:40px}.guide-steps>li{padding-left:40px}.guide-cta{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.guide-nav-link,.guide-section-link,.compare-row,.compare-arrow{transition:none}}