:root { --guide-paper:#fffaf1; --guide-ink:#1d2927; --guide-teal:#0f7c72; --guide-coral:#df735f; --guide-line:rgba(29,41,39,.14); }
* { box-sizing: border-box; }
body.guide-page { margin:0; background:var(--guide-paper); color:var(--guide-ink); font-family:var(--sans); }
.guide-nav { display:flex; align-items:center; justify-content:space-between; max-width:1180px; margin:auto; padding:1.35rem clamp(1.2rem,4vw,3rem); }
.guide-nav-cta,.guide-closer a { border-radius:999px; background:var(--guide-teal); color:white; font-weight:750; padding:.8rem 1.15rem; text-decoration:none; }
.guide-hero { max-width:980px; margin:clamp(4rem,9vw,8rem) auto; padding:0 clamp(1.2rem,4vw,3rem); }
.guide-eyebrow { margin:0 0 .8rem; color:var(--guide-teal); font-size:.74rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.guide-hero h1 { max-width:850px; margin:0; font-family:var(--serif); font-size:clamp(3rem,7vw,6.4rem); font-weight:350; letter-spacing:-.045em; line-height:.94; }
.guide-hero h1 em { color:var(--guide-coral); font-weight:350; }
.guide-hero>p:not(.guide-eyebrow) { max-width:720px; margin:2rem 0 1.7rem; font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.65; }
.guide-hero>a { color:var(--guide-teal); font-weight:750; text-decoration:none; }
.guide-section { max-width:1100px; margin:0 auto clamp(6rem,11vw,10rem); padding:0 clamp(1.2rem,4vw,3rem); }
.guide-section-head { max-width:690px; margin-bottom:2.5rem; }
.guide-section h2,.guide-closer h2 { margin:.2rem 0 .8rem; font-family:var(--serif); font-size:clamp(2.2rem,5vw,4rem); font-weight:380; line-height:1; }
.guide-section-head>p:last-child,.guide-closer>p:not(.guide-eyebrow) { color:#53615e; font-size:1.05rem; line-height:1.65; }
.decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-left:1px solid var(--guide-line); border-top:1px solid var(--guide-line); }
.decision-grid article { min-height:285px; padding:2rem; border-right:1px solid var(--guide-line); border-bottom:1px solid var(--guide-line); background:rgba(255,255,255,.45); }
.decision-grid article>span { color:var(--guide-coral); font-weight:800; }
.decision-grid h3 { margin:2rem 0 .7rem; font-family:var(--serif); font-size:1.7rem; }
.decision-grid p { line-height:1.6; }
.decision-grid small { display:block; margin-top:1.4rem; color:#596764; font-weight:650; line-height:1.45; }
.decision-timeline { display:grid; list-style:none; padding:0; counter-reset:step; }
.decision-timeline li { display:grid; grid-template-columns:minmax(150px,.65fr) 1.5fr; gap:2rem; padding:1.5rem 0; border-top:1px solid var(--guide-line); }
.decision-timeline li:last-child { border-bottom:1px solid var(--guide-line); }
.decision-timeline b { font-family:var(--serif); font-size:1.35rem; }.decision-timeline span { color:#53615e; line-height:1.6; }
.role-compare { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.role-compare article { padding:2rem; border-radius:18px; background:#fff; }.role-compare article:last-child { background:#e9f4f1; }.role-compare h3 { font-family:var(--serif); font-size:1.7rem; }.role-compare p,.guide-note { line-height:1.65; }.guide-note { max-width:850px; margin:1.4rem 0 0; padding:1.3rem 1.5rem; border-left:4px solid var(--guide-coral); background:rgba(255,255,255,.55); }
.guide-closer { max-width:900px; margin:0 auto 5rem; padding:clamp(2rem,7vw,5rem); border-radius:30px; background:#1d3935; color:white; }.guide-closer .guide-eyebrow { color:#8fd1c8; }.guide-closer>p:not(.guide-eyebrow) { max-width:650px; color:#d8e4e1; }.guide-closer a { display:inline-block; margin-top:1rem; background:#fff; color:#173c37; }
.guide-footer { display:flex; justify-content:center; gap:1.5rem; padding:2rem; border-top:1px solid var(--guide-line); }.guide-footer a { color:#53615e; }
@media(max-width:700px){.decision-grid,.role-compare{grid-template-columns:1fr}.decision-timeline li{grid-template-columns:1fr;gap:.5rem}.guide-nav-cta{font-size:.82rem}.decision-grid article{min-height:0}}