@media(max-width:1100px){.guide-layout{grid-template-columns:var(--guide-nav-width) 1fr}.guide-rail{display:none}}@media(max-width:768px){.guide-layout{grid-template-columns:1fr}.guide-stepnav{position:static;max-height:none;width:100%;border-right:none;border-bottom:1px solid var(--border);padding:8px 12px;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:4px;align-items:center;background:var(--bg-secondary)}.guide-stepnav::-webkit-scrollbar{display:none}.guide-stepnav__section-label{display:none}.guide-stepnav__item{flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:4px;min-width:40px;height:40px;border-left:none;border-bottom:2px solid transparent;border-radius:50%;margin:2px;background:none;transition:background .12s,box-shadow .12s}.guide-stepnav__item:hover{background:none}.guide-stepnav__title{display:none}.guide-stepnav__num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;min-width:32px;padding:0;background:var(--bg-tertiary);color:var(--text-muted);transition:background .15s,color .15s,box-shadow .15s}.guide-stepnav__item--active{border-left-color:transparent;border-bottom-color:transparent;background:none;box-shadow:none}.guide-stepnav__item--active .guide-stepnav__num{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}.guide-stepnav__item--done{position:static}.guide-stepnav__item--done:after{display:none}.guide-stepnav__item--done .guide-stepnav__num{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:700;font-size:0;position:relative}.guide-stepnav__item--done .guide-stepnav__num:after{content:"\2713";font-size:.8rem;font-weight:700;color:var(--accent);position:absolute}.guide-stepnav__item--unchecked .guide-stepnav__num:after{display:none}.guide-page{--guide-progressbar-h: 36px}.guide-progress-bar{height:var(--guide-progressbar-h);justify-content:center}.guide-progress-bar__label{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:center}.guide-topbar__price{display:none}.guide-topbar__build-name{max-width:160px;font-size:.875rem}.guide-btn span{display:none}.guide-btn svg{display:block}.guide-mode-toggle__btn{padding:4px 8px;font-size:.75rem}.guide-main{padding:16px;padding-bottom:calc(var(--guide-bottom-nav-h) + 16px);border-right:none}.guide-step{box-shadow:0 1px 4px color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:var(--radius-sm, 6px);padding:14px;margin-bottom:20px}.guide-step__header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 8px;margin-bottom:10px}.guide-step__meta{grid-column:1 / -1;grid-row:1;font-size:.6rem;padding:2px 6px}.guide-step__title{grid-column:1;grid-row:2;font-size:clamp(.9375rem,3.5vw + .25rem,1.125rem);flex:unset}.guide-step__complete{grid-column:2;grid-row:2;align-self:center;min-height:30px;min-width:30px;padding:4px 10px;font-size:.6875rem;display:inline-flex;align-items:center;justify-content:center}.guide-step__meta-pill{font-size:.6rem;padding:2px 6px;letter-spacing:.06em}.guide-layout{min-height:auto}.guide-steplist__footer{position:sticky;bottom:0;background:var(--bg-secondary);z-index:1}.guide-rail{display:block;position:static;max-height:none;overflow:visible;padding:0 16px 16px;border-top:1px solid var(--border);margin-top:24px}.guide-rail__toggle-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-secondary);border:none;background:none;width:100%;text-align:left}.guide-rail__toggle-header svg{transition:transform .2s;color:var(--text-muted);flex-shrink:0}.guide-rail__toggle-header[aria-expanded=true] svg{transform:rotate(180deg)}.guide-rail__title{margin-bottom:8px}.guide-rail__part{padding:10px 12px}.guide-photo{touch-action:pinch-zoom}.guide-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;padding-bottom:max(12px,env(safe-area-inset-bottom))}.guide-vendor-tabs__nav,.guide-os-tabs__nav{scroll-snap-type:x mandatory}.guide-vendor-tabs__btn,.guide-os-tabs__btn{scroll-snap-align:start}}@media(max-width:480px){.guide-topbar__build-name{max-width:130px;font-size:.8125rem}.guide-mode-toggle{padding:2px;gap:1px}.guide-mode-toggle__btn{padding:3px 6px;font-size:.6875rem}.guide-stepnav{padding:6px 8px;gap:2px}.guide-stepnav__item{min-width:36px;height:36px;padding:2px}.guide-stepnav__num{width:28px;height:28px;min-width:28px;font-size:.6875rem}.guide-main{padding:12px;padding-bottom:calc(var(--guide-bottom-nav-h) + 12px)}.guide-step{padding:12px;margin-bottom:16px}}@media(max-height:500px)and (orientation:landscape){.guide-page{--guide-topbar-h: 44px}.guide-stepnav{display:none}.guide-bottom-nav{height:44px;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.guide-bottom-nav__next,.guide-bottom-nav__prev{height:36px}.guide-page{--guide-progressbar-h: 28px}}@media(max-width:480px){.guide-celebrate__panel{max-height:90vh!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.guide-celebrate__stats{grid-template-columns:1fr 1fr}.guide-celebrate__stats dd{font-size:.8125rem}.guide-celebrate__emoji{font-size:2rem}.guide-celebrate__title{font-size:1.125rem}.guide-celebrate__cta{flex-direction:column}.guide-celebrate__cta button,.guide-celebrate__cta a{width:100%;justify-content:center}}