.guide-content .gb-quick,.guide-content .gb-tip,.guide-content .gb-warn,.guide-content .gb-myth,.guide-content .gb-video,.guide-content .gb-compare>div,.guide-content .gb-cards>div{border-radius:18px;margin:0 0 28px}.guide-content .gb-quick>:last-child,.guide-content .gb-tip>:last-child,.guide-content .gb-warn>:last-child,.guide-content .gb-myth>:last-child,.guide-content .gb-compare>div>:last-child,.guide-content .gb-cards>div>:last-child{margin-bottom:0}.guide-content .gb-quick>h3,.guide-content .gb-compare h3,.guide-content .gb-cards h3{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 10px;font-size:.75rem;font-weight:700;line-height:1.4}.guide-content .gb-quick{background:linear-gradient(155deg, var(--brand-deep), var(--brand-mid));color:var(--on-brand-soft);padding:22px 24px}.guide-content .gb-quick>h3{color:var(--accent)}.guide-content .gb-quick ul{margin:0;padding:0;list-style:none}.guide-content .gb-quick li{margin:0 0 10px;padding-left:30px;font-size:1rem;line-height:1.55;position:relative}.guide-content .gb-quick li:last-child{margin-bottom:0}.guide-content .gb-quick li:before{content:"✓";background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:.18em;left:0}.guide-content .gb-quick strong{color:var(--on-brand)}.guide-content .gb-quick a{color:var(--accent)}.guide-content .gb-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 28px;display:grid}.guide-content .gb-stats>p{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:16px;margin:0;padding:16px 16px 14px;font-size:.875rem;line-height:1.4}.guide-content .gb-stats>p>strong:first-child{font-family:var(--font-ubuntu), system-ui, sans-serif;color:var(--primary);margin-bottom:4px;font-size:1.5rem;line-height:1.15;display:block}.guide-content .gb-tip,.guide-content .gb-warn,.guide-content .gb-myth{padding:18px 20px 18px 58px;font-size:1rem;line-height:1.6;position:relative}.guide-content .gb-tip p,.guide-content .gb-warn p,.guide-content .gb-myth p{margin:0 0 8px}.guide-content .gb-tip:before,.guide-content .gb-warn:before,.guide-content .gb-myth:before{border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;font-weight:800;line-height:1;display:grid;position:absolute;top:17px;left:18px}.guide-content .gb-tip{background:color-mix(in srgb, var(--primary) 9%, transparent);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent)}.guide-content .gb-tip:before{content:"★";background:var(--primary);color:var(--on-primary)}.guide-content .gb-warn{background:var(--warning-soft);border:1px solid color-mix(in srgb, var(--warning) 25%, transparent)}.guide-content .gb-warn:before{content:"!";background:var(--warning);color:#fff}.guide-content .gb-myth{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-deep) 28%, transparent)}.guide-content .gb-myth:before{content:"?";background:var(--accent);color:var(--accent-ink)}.guide-content ul.gb-check{margin:0 0 28px;padding:0;list-style:none}.guide-content ul.gb-check>li{border-bottom:1px solid var(--divider);margin:0;padding:12px 14px 12px 48px;line-height:1.5;position:relative}.guide-content ul.gb-check>li:last-child{border-bottom:0}.guide-content ul.gb-check>li:before{content:"✓";border:2px solid var(--primary);width:24px;height:24px;color:var(--primary);border-radius:7px;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:11px;left:10px}.guide-content ol.gb-steps{counter-reset:gb-step;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.guide-content ol.gb-steps>li{counter-increment:gb-step;background:var(--surface-elevated);border:1px solid var(--border);border-radius:18px;margin:0;padding:18px 20px 18px 70px;position:relative}.guide-content ol.gb-steps>li:before{content:counter(gb-step);background:var(--primary);width:36px;height:36px;color:var(--on-primary);font-family:var(--font-ubuntu), system-ui, sans-serif;border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;top:18px;left:18px}.guide-content ol.gb-steps>li>h3{margin:4px 0;font-size:1.125rem}.guide-content ol.gb-steps>li>p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.guide-content ol.gb-steps>li>img{background:var(--sunken);border-radius:12px;width:100%;margin:0 0 14px}.guide-content ol.gb-steps>li:has(>img){padding:14px 14px 18px}.guide-content ol.gb-steps>li:has(>img):before{top:24px;left:auto;right:24px;box-shadow:0 4px 12px #0000002e}:is(.guide-content ol.gb-steps>li:has(>img)>h3,.guide-content ol.gb-steps>li:has(>img)>p){padding:0 6px}@media (min-width:640px){.guide-content ol.gb-steps:has(>li>img){grid-template-columns:1fr 1fr}}.guide-content .gb-compare,.guide-content .gb-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 28px;display:grid}.guide-content .gb-compare>div,.guide-content .gb-cards>div{background:var(--surface-elevated);border:1px solid var(--border);margin:0;padding:18px 20px;font-size:1rem;line-height:1.55}.guide-content .gb-compare>div:nth-child(2)>h3{color:var(--accent-deep)}.guide-content .gb-compare ul,.guide-content .gb-cards ul{margin:0}.guide-content .gb-cards p{margin:0 0 8px}.guide-content .gb-cards>div{border-top-width:5px}.guide-content .gb-cards>.gb-cool{border-top-color:var(--data-water)}.guide-content .gb-cards>.gb-good{border-top-color:var(--primary)}.guide-content .gb-cards>.gb-warm{border-top-color:var(--accent)}.guide-content .gb-cards>.gb-hot{border-top-color:var(--danger)}.guide-content .gb-video{aspect-ratio:16/9;background:linear-gradient(155deg, var(--brand-deep), var(--brand-mid));text-align:center;color:var(--on-brand-muted);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.guide-content .gb-video>p{margin:70px 0 0;font-size:.9375rem;font-weight:600}.guide-content .gb-video:before{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232a1c04'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/30px no-repeat;pointer-events:none;border-radius:50%;width:68px;height:68px;margin:-46px 0 0 -34px;position:absolute;top:50%;left:50%}.guide-content .gb-video>a{color:var(--on-brand);text-align:left;align-items:end;padding:16px 20px;font-weight:700;text-decoration:none;display:grid;position:absolute;inset:0}.guide-content .gb-video>a>img{object-fit:cover;z-index:-1;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.guide-content .gb-video:has(>a):before{z-index:1}.guide-content .gb-video>a:hover{color:var(--accent)}.guide-content figure.gb-diagram img{background:var(--surface-elevated);border:1px solid var(--border);padding:8px}.guide-content .gb-spot-wrap{position:relative}.guide-content .gb-spot-wrap>img{width:100%}.guide-content .gb-spot-layer{pointer-events:none;position:absolute;inset:9px}.guide-content .gb-spot{cursor:help;pointer-events:auto;-webkit-tap-highlight-color:transparent;border-radius:999px;outline:none;transition:box-shadow .15s;position:absolute}.guide-content .gb-spot:hover,.guide-content .gb-spot:focus-visible,.guide-content .gb-spot:focus{box-shadow:0 0 0 3px var(--accent);z-index:3}.guide-content .gb-spot-tip{color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#13261c;border-radius:12px;width:max-content;max-width:min(250px,64vw);padding:10px 13px;font-size:14px;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 28px -8px #00000073}.guide-content .gb-spot-tip strong{color:var(--accent);font-weight:700}.guide-content .gb-spot-tip:after{content:"";border:7px solid #0000;border-top-color:#13261c;margin-left:-7px;position:absolute;top:100%;left:50%}.guide-content .gb-spot:hover .gb-spot-tip,.guide-content .gb-spot:focus .gb-spot-tip{opacity:1;visibility:visible;transform:translate(-50%)}.guide-content .gb-spot-l .gb-spot-tip,.guide-content .gb-spot-l:hover .gb-spot-tip,.guide-content .gb-spot-l:focus .gb-spot-tip{left:0;transform:none}.guide-content .gb-spot-l .gb-spot-tip:after{left:22px}.guide-content .gb-spot-r .gb-spot-tip,.guide-content .gb-spot-r:hover .gb-spot-tip,.guide-content .gb-spot-r:focus .gb-spot-tip{left:auto;right:0;transform:none}.guide-content .gb-spot-r .gb-spot-tip:after{left:auto;right:15px}.guide-content .gb-spot-b .gb-spot-tip{top:calc(100% + 10px);bottom:auto}.guide-content .gb-spot-b .gb-spot-tip:after{border-top-color:#0000;border-bottom-color:#13261c;top:auto;bottom:100%}@media (prefers-reduced-motion:reduce){.guide-content .gb-spot,.guide-content .gb-spot-tip{transition:none}}