.guide-hero{padding:calc(var(--nav-h) + 56px) 0 0}.guide-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:end;margin-bottom:28px}.guide-hero-copy .eyebrow{margin-bottom:14px}.guide-hero-copy h1{margin-bottom:14px;max-width:16ch;font-size:clamp(26px,3.2vw,36px)}.guide-hero-copy .section-lead{margin-bottom:22px}.guide-byline{margin:16px 0 0;font-size:13px;color:var(--faint);font-weight:500}.guide-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.guide-hero-media{position:relative;border-radius:0;overflow:visible;min-height:0;background:transparent;box-shadow:none}.guide-hero-media img{width:100%;height:auto;min-height:0;object-fit:contain;display:block;padding:0;background:transparent}.guide-hero-media:after{display:none}.guide-progress{position:sticky;top:var(--nav-h);z-index:25;background:#f7f5eff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.guide-progress-inner{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.guide-progress-inner::-webkit-scrollbar{display:none}.guide- progressive-link,.guide-progress a{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fffc;color:var(--muted);text-decoration:none;font-size:12.5px;font-weight:700}.guide-progress a:hover{color:var(--ink);border-color:var(--ink)}.guide-progress a.active{color:var(--forest);border-color:#1b5c4559;background:#1b5c451a;box-shadow:inset 0 0 0 1px #b8893d73}.guide-body{padding:56px 0 80px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.guide-main{display:flex;flex-direction:column;gap:56px}.guide-section{scroll-margin-top:120px}.guide-section h2{margin-bottom:14px}.guide-section>p{color:var(--muted);font-size:1.05rem;margin-bottom:20px;max-width:44rem}.guide-visual{margin:22px 0 8px;border-radius:0;overflow:visible;box-shadow:none;border:none;background:transparent}.guide-visual img{width:100%;height:auto;max-height:none;object-fit:contain;display:block;padding:0;background:transparent}.guide-visual figcaption{padding:10px 14px;font-size:12px;color:var(--faint);background:#ffffffe6}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.feature-card{padding:20px 18px;border-radius:16px;border:1px solid var(--line);background:#ffffffe0;box-shadow:var(--shadow)}.feature-card h3{font-size:1.05rem;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:14.5px;margin:0}.callout{margin:22px 0;padding:22px;border-radius:16px;border:1px solid rgba(27,92,69,.18);background:linear-gradient(135deg,#1f4a3c12,#c4a56a1a)}.callout.warning{border-color:#b8893d59;background:linear-gradient(135deg,#9a7d4d1f,#ffffffb3)}.callout h3{font-size:1rem;margin-bottom:8px}.callout p{margin:0;color:var(--ink-soft);font-size:15px}.split-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.compare-panel{padding:22px 20px;border-radius:16px;border:1px solid var(--line);background:#ffffffe0}.compare-panel.good{border-color:#1b5c4547;background:#1b5c450f}.compare-panel.caution{border-color:#b8893d59;background:#b8893d14}.compare-panel h3{font-size:1.05rem;margin-bottom:12px}.compare-panel ul{margin:0;padding-left:1.1rem;color:var(--ink-soft)}.compare-panel li{margin-bottom:8px;font-size:14.5px}.steps{list-style:none;display:grid;gap:12px;margin-top:18px}.steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:16px;border-radius:14px;border:1px solid var(--line);background:#ffffffe0}.steps .num{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-family:var(--display);font-weight:700}.steps h3{font-size:1rem;margin-bottom:4px}.steps p{margin:0;color:var(--muted);font-size:14.5px}.affiliate-shelf{margin-top:18px;padding:22px;border-radius:18px;border:1px dashed rgba(27,92,69,.35);background:#ffffffbf}.affiliate-shelf h3{font-size:1.1rem;margin-bottom:8px}.affiliate-shelf>p{color:var(--muted);font-size:14.5px;margin-bottom:16px}.affiliate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.affiliate-card{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);transition:transform .2s var(--ease),border-color .2s}.affiliate-card:hover{transform:translateY(-2px);border-color:#1b5c4559}.affiliate-card .tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.affiliate-card h4{font-family:var(--display);font-size:1.15rem;font-weight:700}.affiliate-card p{margin:0;color:var(--muted);font-size:14px;flex:1}.affiliate-card .coming{font-size:12px;font-weight:700;color:var(--forest)}.affiliate-card.featured{border-color:#1b5c4559;background:linear-gradient(180deg,#fff,#f3f7f5)}.disclosure-note{margin-top:14px;font-size:12px;color:var(--faint)}.content-next-steps{margin-top:8px;padding:22px;border-radius:18px;border:1px solid var(--line);background:#ffffffe0;box-shadow:var(--shadow)}.content-next-steps h3{font-size:1.1rem;margin-bottom:14px}.next-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-step-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);transition:transform .2s var(--ease),border-color .2s}.next-step-card:hover{transform:translateY(-2px);border-color:#1b5c4559}.next-step-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.next-step-card strong{font-family:var(--display);font-size:1.05rem;font-weight:700;line-height:1.3}.content-next-steps.compact{padding:18px}.content-next-steps.compact h3{font-size:1rem;margin-bottom:12px}.guide-aside{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px}.guide-toc{padding:18px;border-radius:16px;border:1px solid var(--line);background:#ffffffe6;box-shadow:var(--shadow)}.guide-toc h3{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.guide-toc a{position:relative;display:block;padding:8px 0 8px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft);text-decoration:none;font-size:14px;font-weight:600}.guide-toc a:last-child{border-bottom:0}.guide-toc a:hover{color:var(--forest)}.guide-toc a.active{color:var(--forest);font-weight:700}.guide-toc a.active:before{content:"";position:absolute;left:0;top:50%;width:4px;height:14px;border-radius:2px;background:var(--brass);transform:translateY(-50%)}.guide-cta-card{padding:20px;border-radius:16px;background:linear-gradient(160deg,#1b5c45,#1a4a38);color:#f4f5f7;box-shadow:var(--shadow-lg)}.guide-cta-card h3{color:#fff;font-size:1.15rem;margin-bottom:8px}.guide-cta-card p{color:#f4f5f7b8;font-size:14px;margin-bottom:14px}.home-path-continue{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.home-path-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.home-path-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#ffffffd1;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}.home-path-card strong{font-family:var(--font-display);font-size:1.05rem;line-height:1.25}.home-path-card>span:not(.guide-path-step):not(.text-link){color:var(--muted);font-size:13.5px;line-height:1.45;flex:1}.home-path-card:hover{border-color:#1b5c4559;transform:translateY(-2px);box-shadow:var(--shadow)}.home-path-all{margin-top:20px}@media(max-width:900px){.home-path-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.home-path-cards{grid-template-columns:1fr}}.guide-path-page{padding-top:12px}.guide-path-nav{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.guide-path-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.guide-path-jumps a{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffffd1;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1.25;transition:border-color .2s,transform .2s,box-shadow .2s}.guide-path-jumps a span{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}.guide-path-jumps a:hover{border-color:#1b5c4559;transform:translateY(-2px);box-shadow:var(--shadow)}.guide-path-group{margin-bottom:48px;scroll-margin-top:calc(var(--nav-h) + 24px)}.guide-path-group:last-child{margin-bottom:0}.guide-path-head{max-width:640px;margin-bottom:20px}.guide-path-step{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}.guide-path-head h2,.guide-path-head h3{font-size:clamp(1.45rem,2.4vw,1.85rem);margin-bottom:8px}.guide-path-head p{color:var(--muted);font-size:15.5px;line-height:1.55}.home-path-group{margin-top:8px}@media(max-width:900px){.guide-path-jumps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.guide-path-jumps{grid-template-columns:1fr}}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.guide-tile{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#ffffffe0;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}.guide-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.guide-tile-media{height:auto;aspect-ratio:4 / 3;overflow:visible;position:relative;background:transparent}.guide-tile-arrow{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fffffff0;color:var(--forest);font-size:14px;font-weight:700;box-shadow:0 8px 16px #1428201f;opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s var(--ease);z-index:2}.guide-tile:hover .guide-tile-arrow,.guide-tile:focus-visible .guide-tile-arrow{opacity:1;transform:scale(1)}.guide-tile-media img{width:100%;height:auto;object-fit:contain;transition:transform .5s var(--ease)}.guide-tile:hover .guide-tile-media img{transform:none}.guide-tile-body{padding:22px 20px 24px}.guide-tile-body .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}.guide-tile-body h2{font-size:1.45rem;margin-bottom:8px}.guide-tile-body p{color:var(--muted);font-size:14.5px;margin-bottom:14px}@media(max-width:960px){.guide-hero-grid,.guide-layout,.split-compare,.feature-cards,.affiliate-grid,.next-steps-grid{grid-template-columns:1fr}.guides-grid{grid-template-columns:1fr 1fr}.guide-aside{position:static}.guide-hero{padding-top:calc(var(--nav-h) + 28px)}.guide-hero-copy h1{max-width:none}.guide-progress{top:var(--nav-h)}.guide-section{scroll-margin-top:140px}.guide-progress-inner{padding-bottom:14px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.guide-progress a{min-height:40px;display:inline-flex;align-items:center}}@media(max-width:640px){.guide-hero-media,.guide-hero-media img{min-height:0}.guide-body{padding:36px 0 64px}.guide-main{gap:40px}.guides-grid{grid-template-columns:1fr}.guide-hero-actions .btn{flex:1 1 auto;justify-content:center}.steps li{gap:12px}.steps .num{width:36px;height:36px;font-size:14px}}.related-guides{padding:48px 0 16px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}.related-guides-head{margin-bottom:20px}.related-guides-head h2{font-size:1.5rem;margin:0}.related-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-guide-card{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffffb3;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}.related-guide-card:hover{border-color:var(--forest-soft);transform:translateY(-2px)}.related-guide-card strong{font-family:var(--display);font-size:1.05rem}@media(max-width:800px){.related-guides-grid{grid-template-columns:1fr}}
