.guide-preview{padding:8.5rem 0 5rem;background:#fff}
.guide-preview__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(2rem,6vw,5rem);align-items:end;padding-bottom:4rem;border-bottom:1px solid var(--line)}
.guide-preview h1{font:600 clamp(3rem,6vw,5.8rem)/.94 "Manrope",sans-serif;letter-spacing:-.065em;margin:.8rem 0 1.25rem}
.guide-preview__dek{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.75}.guide-note{padding:1.25rem 1.35rem;border:1px solid rgba(0,127,153,.25);border-radius:1rem;background:var(--mist);color:var(--muted);line-height:1.65}.guide-note strong{display:block;color:var(--ink);margin-bottom:.35rem}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(2rem,6vw,5rem);padding-top:4rem}.guide-toc{position:sticky;top:7rem;align-self:start;border:1px solid var(--line);border-radius:1.1rem;padding:1.25rem;background:#fff}.guide-toc h2{font:600 .78rem "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem}.guide-toc ol{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.55}.guide-toc li+li{margin-top:.65rem}.guide-toc a{text-underline-offset:.18em}
.guide-body{display:grid;gap:1.25rem;min-width:0}.guide-section{min-width:0;scroll-margin-top:7rem;border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.35rem,3vw,2rem);background:#fff}.guide-section h2{font:600 clamp(1.7rem,3vw,2.4rem)/1.08 "Manrope",sans-serif;letter-spacing:-.035em;margin:.15rem 0 .9rem}.guide-section h3{font:600 1.15rem/1.35 "Manrope",sans-serif;margin:1.4rem 0 .3rem}.guide-section p,.guide-section li{color:var(--muted);line-height:1.75}.guide-section ul{padding-left:1.2rem}.guide-section a{text-underline-offset:.18em}.guide-lead{font-size:1.08rem}.guide-emphasis{padding:1rem 1.15rem;border-left:4px solid var(--aqua);background:var(--mist);border-radius:0 .8rem .8rem 0}
.guide-media{margin:1.5rem 0 0}.guide-media__link{display:block;border-radius:1rem;overflow:hidden;border:1px solid var(--line);background:var(--sand)}.guide-media img,.guide-media video{display:block;width:100%;height:auto}.guide-media video{border-radius:1rem;background:var(--deep)}.guide-media figcaption{margin-top:.65rem;color:var(--muted);font-size:.9rem;line-height:1.55}.guide-media__hint{font-weight:600;color:var(--ocean)}
.guide-video-note{margin:.75rem 0 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--mist);font-size:.92rem}.guide-video-note strong{color:var(--ink)}
.guide-callout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.guide-callout-grid article{min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:var(--mist)}.guide-callout-grid strong{display:block;color:var(--ink);font:600 1rem/1.35 "Manrope",sans-serif}.guide-callout-grid p{margin:.45rem 0 0}
.guide-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.guide-product-card{margin:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--sand)}.guide-product-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}.guide-product-card figcaption{padding:.85rem 1rem;color:var(--muted);font-size:.9rem;line-height:1.5}.guide-product-card strong{display:block;color:var(--ink);font-size:1rem}.guide-product-card a{text-decoration:none}.guide-media-caption{margin-top:-.5rem!important;font-size:.9rem}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2rem 0}.guide-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.93rem}.guide-table caption{text-align:left;font-weight:600;color:var(--ink);margin-bottom:.65rem}.guide-table th,.guide-table td{padding:.8rem;border:1px solid var(--line);vertical-align:top;text-align:left}.guide-table thead th{background:var(--deep);color:#fff}.guide-table tbody th{color:var(--ink)}
.product-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.product-links a{border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;text-decoration:none;color:var(--ocean);font-weight:600}.product-links a:hover{border-color:var(--ocean)}.source-panel{background:var(--sand)}.source-panel ul{padding-left:1.15rem}.source-panel li+li{margin-top:.5rem}.guide-signoff{font-weight:600;color:var(--ink)!important;margin-top:1.25rem}
@media(max-width:820px){.guide-preview__hero,.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}}
@media(max-width:640px){.guide-preview{padding-top:7.4rem}.guide-preview h1{font-size:3rem}.guide-preview__hero{padding-bottom:2.5rem}.guide-layout{padding-top:2.5rem}.guide-section{padding:1.2rem}.guide-table{font-size:.88rem}.guide-media__link{cursor:zoom-in}.guide-product-grid,.guide-callout-grid{grid-template-columns:1fr}}