.guide{z-index:2;width:100%;max-width:calc(48rem + var(--gutter) * 2);padding:clamp(2.5rem, 7vw, 5rem) var(--gutter) 0;margin:0 auto;position:relative}.guide-head{border-bottom:1px solid var(--line);gap:1.1rem;padding-bottom:2rem;display:grid}.guide-crumbs{color:var(--ink-dim);flex-wrap:wrap;gap:.5rem;font-size:.9rem;display:flex}.guide-crumbs a{text-decoration:none}.guide-crumbs a:hover{color:var(--ink);text-decoration:underline}.guide-head h1{text-wrap:balance;margin:0;font-size:clamp(2.3rem,5.4vw,4.2rem)}.guide-head .lead{margin:0}.guide-by{color:var(--ink-soft);margin:0;font-size:.88rem}.guide-toc{border:1px solid var(--line);background:#fffdf8bf;border-radius:1.2rem;margin:2rem 0 0;padding:1.2rem 1.4rem}.guide-toc strong{font-size:.9rem}.guide-toc ul{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.guide-toc a{color:var(--ink-dim);text-underline-offset:3px}.guide-toc a:hover{color:var(--ink)}.guide-body{color:#2b2a28;padding-top:2.2rem;font-size:1.12rem;line-height:1.7}.guide-body>*{margin-block:0 1.2rem}.guide-body h2{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:3rem 0 1rem;scroll-margin-top:5rem;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;line-height:1.1}.guide-body h3{letter-spacing:-.02em;color:var(--ink);margin:2rem 0 .6rem;font-size:1.3rem;font-weight:700;line-height:1.2}.guide-body a{color:var(--deep);text-underline-offset:3px;text-decoration:underline 1px}.guide-body a:hover{text-decoration-thickness:2px}.guide-body strong{color:var(--ink);font-weight:650}.guide-body ul,.guide-body ol{padding-left:1.3rem}.guide-body li{margin-bottom:.45rem}.guide-body li::marker{color:var(--deep)}.guide-note{border-left:3px solid var(--deep);background:#fffdf8cc;border-radius:0 1rem 1rem 0;padding:1.1rem 1.3rem;font-size:1.02rem}.guide-note p{margin:0}.table-wrap{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;min-width:38rem;font-size:.95rem;line-height:1.45}.guide-table caption{caption-side:bottom;text-align:left;color:var(--ink-soft);padding-top:.7rem;font-size:.85rem}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.75rem .8rem}.guide-table thead th{color:var(--ink-dim);border-bottom-color:#0000002e;font-size:.8rem;font-weight:600}.guide-table tbody th{white-space:nowrap;font-weight:650}.guide-table tbody th a{color:var(--ink);text-decoration:none}.guide-table tbody th a:hover{text-decoration:underline}.guide-table td.num{white-space:nowrap;font-variant-numeric:tabular-nums}.guide-table small{color:var(--ink-soft);font-size:.82rem;display:block}.guide-faq{gap:1.2rem;padding:clamp(3rem,7vw,5rem) 0 0;display:grid}.guide-faq h2{margin:0;font-size:clamp(1.7rem,3.4vw,2.4rem)}.guide-faq-list{gap:.6rem;display:grid}.guide-faq-list details{border:1px solid var(--line);background:#fffdf8cc;border-radius:1.1rem;padding:1rem 1.25rem}.guide-faq-list summary{cursor:pointer;justify-content:space-between;gap:1rem;font-weight:650;list-style:none;display:flex}.guide-faq-list summary::-webkit-details-marker{display:none}.guide-faq-list summary:after{content:"+";color:var(--ink-dim);transition:transform .3s var(--ease-out);font-size:1.3rem;line-height:1}.guide-faq-list details[open] summary:after{transform:rotate(45deg)}.guide-faq-list p{color:var(--ink-dim);margin:.6rem 0 0;line-height:1.6}.guide-cans{z-index:2}.guide-cans .section-head h2{font-size:clamp(2rem,4.4vw,3.4rem)}.guide-shop{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin:2rem 0 0;display:flex}.guide-next{z-index:2;justify-items:start;gap:1.4rem;padding-top:0;display:grid}.guide-next h2{margin:0;font-size:clamp(2rem,4.4vw,3.4rem)}.guide-next ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.guide-next li a{background:var(--surface);height:100%;box-shadow:var(--shadow);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);border-radius:1.3rem;gap:.45rem;padding:1.4rem 1.5rem;text-decoration:none;display:grid}.guide-next li a:hover{transform:translateY(-3px);box-shadow:0 1px 2px #0000000a,0 20px 50px #0000001a}.guide-next strong{letter-spacing:-.02em;font-size:1.2rem;line-height:1.2}.guide-next span{color:var(--ink-dim);font-size:.95rem;line-height:1.45}.pick{background:color-mix(in srgb, var(--pc) 10%, #fffdf8eb);border:1px solid color-mix(in srgb, var(--pc) 22%, transparent);border-radius:1.3rem;grid-template-columns:3.4rem 1fr;align-items:center;gap:1.3rem;margin:1.6rem 0;padding:1.2rem 1.4rem 1.2rem 1.1rem;display:grid}.pick .can3d{width:3.4rem}.pick-body{gap:.35rem;display:grid}.pick-body h3{margin:0;font-size:1.25rem}.pick-body h3 a{color:var(--ink);text-decoration:none}.pick-body h3 a:hover{text-decoration:underline}.pick-specs{color:var(--ink-dim);margin:0;font-size:.88rem}.pick-body p:last-child{margin:0;font-size:1.02rem;line-height:1.55}@media (width<=560px){.guide-body{font-size:1.05rem}.table-wrap.stack{margin-inline:0;padding-inline:0;overflow:visible}.stack .guide-table{min-width:0;display:block}.stack .guide-table thead{display:none}.stack .guide-table tbody{gap:.7rem;display:grid}.stack .guide-table tr{border:1px solid var(--line);background:#fffdf8d9;border-radius:1rem;gap:.3rem;padding:1rem 1.1rem;display:grid}.stack .guide-table th,.stack .guide-table td{border:0;padding:0}.stack .guide-table tbody th{margin-bottom:.2rem;font-size:1.1rem}.stack .guide-table td{white-space:normal;grid-template-columns:6.5rem 1fr;gap:0 .8rem;display:grid}.stack .guide-table td:before{content:attr(data-label);color:var(--ink-soft);font-size:.85rem;line-height:1.7}.stack .guide-table td small{grid-column:2;margin:-.2rem 0 0}.stack .guide-table caption{padding:.6rem 0 0;display:block}.pick{grid-template-columns:2.8rem 1fr;gap:1rem}.pick .can3d{width:2.8rem}}