*{box-sizing:border-box}body{margin:0;background:#f9f5ee;color:#25342c;font:17px/1.72 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#276047}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #e5ddd0}.head{min-height:84px;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.logo{font-size:24px;font-weight:850;letter-spacing:-.8px;color:#253d31;text-decoration:none}nav{display:flex;gap:15px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;color:#34483a;font-weight:650}.btn{display:inline-block;border-radius:9px;padding:12px 19px;background:#b77537;color:white!important;font-weight:750;text-decoration:none;text-align:center}.btn.secondary{background:#2c513e}.btn:hover{filter:brightness(.92);text-decoration:none}.hero{background:#263f32;color:white;padding:72px 0 75px}.hero h1{font-size:clamp(38px,6vw,66px);max-width:850px;line-height:1.12;letter-spacing:-2px;margin:10px 0 24px}.hero p{font-size:21px;max-width:700px;color:#e6ebdf}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero .secondary{background:#e9dcc4;color:#233a2e!important}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#d8b98c;font-weight:800}.section{padding:48px 0}.section h2{font-size:32px;line-height:1.2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid #e5dfd5;border-radius:13px;padding:23px}.card h3{font-size:20px;line-height:1.35;margin:0 0 9px}.card p{font-size:15px}.card a{font-weight:750}.article{max-width:790px;margin:48px auto 80px;padding:0 24px}.article h1{font-size:clamp(34px,5vw,52px);line-height:1.16;letter-spacing:-1.5px}.article h2{font-size:28px;line-height:1.3;margin-top:42px}.article li{padding:6px 0}.lead{font-size:21px;color:#465a4d}.callout{background:#e8eee6;border-left:5px solid #4b7957;padding:22px;border-radius:8px;margin:30px 0}.related{display:grid;gap:10px}.related a{background:white;border:1px solid #e5dfd5;padding:12px 15px;border-radius:8px;text-decoration:none}footer{background:#21392d;color:#dce7da;padding:42px 0}footer a{color:#dce7da}.small{font-size:13px}.crumb{font-size:14px;color:#67776b}.note{font-size:14px;color:#5a695e}.tool{padding:20px;background:#fff;border:1px solid #ddd;border-radius:12px}.tool label{display:block;margin-top:12px}.tool input{width:100%;padding:12px;border:1px solid #bbb;border-radius:6px;font:inherit}.tool output{display:block;font-weight:800;font-size:23px;margin-top:16px}@media(max-width:780px){.cards{grid-template-columns:1fr}.head{padding:16px 0}nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}nav a{white-space:nowrap}.hero{padding:45px 0}.hero h1{letter-spacing:-1px}}
.hero .hero-disclosure{font-size:11px;line-height:1.4;color:#c6d1c7;margin:11px 0 0;max-width:560px}.hero .hero-disclosure a{color:#dce8db;text-underline-offset:2px}

.example{background:#fff;border:1px solid #e4dacb;border-radius:12px;padding:20px;margin:24px 0}.example table{width:100%;border-collapse:collapse}.example td,.example th{border-bottom:1px solid #e9e2d8;text-align:left;padding:10px}.guide-visual{margin:30px 0}.guide-visual img{max-width:100%;height:auto;border-radius:14px;display:block}

/* Homepage v7: editorial path and workshop illustration */
.hero-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:38px;align-items:center}
.hero-art img{width:100%;height:auto;display:block;border-radius:20px}
.hero-copy h1{max-width:690px}
.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}
.section-intro>p{max-width:410px;margin:0}
.kicker{color:#a66c36;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;margin-bottom:10px}
.starter-cards .card{position:relative}
.card-number{font-weight:800;color:#aa7945;letter-spacing:.08em;margin-bottom:14px}
.roadmap-section{background:#eee8dd}
.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.roadmap-step{background:#fff;border:1px solid #e2d7c8;border-radius:14px;padding:22px}
.roadmap-step h3{margin:12px 0 10px}
.step-count{display:grid;place-items:center;background:#28483a;color:#fff;border-radius:50%;height:34px;width:34px;font-weight:700}
.roadmap-step a,.resource-section a{color:#195640;font-weight:700}
.resource-section{background:#faf7f1}
.resource-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.resource-grid p{max-width:630px}
.resource-note{background:#eee8dd;border-radius:16px;padding:26px}
.resource-note li{margin:0 0 12px}
@media(max-width:800px){.hero-layout,.resource-grid{grid-template-columns:1fr}.hero-art{max-width:520px}.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{display:block}.section-intro>p{max-width:none}}
@media(max-width:540px){.roadmap{grid-template-columns:1fr}.hero-layout{gap:20px}.hero-art{max-width:100%}}

/* v8 source-backed editorial modules */
.research-module{margin:26px 0 38px;padding:28px;background:#fbf7f0;border:1px solid #e5d9c9;border-radius:16px}
.research-module h2{margin:28px 0 12px}.research-module h2:first-of-type{margin-top:8px}
.research-module h3{margin:22px 0 8px}
.research-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#8a5a31}
.research-table{overflow-x:auto;border:1px solid #e5d9c9;border-radius:10px;background:white;margin:14px 0 22px}
.research-table table{width:100%;border-collapse:collapse;min-width:460px}
.research-table th,.research-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #eee5da;font-size:14px;line-height:1.55}
.research-table thead th{background:#eae1d3;color:#294638}
.research-table tbody th{font-weight:700;width:25%}
.source-list{padding-left:20px}.source-list li{margin:8px 0}.source-note{font-size:13px;color:#5c655f}
@media(max-width:600px){.research-module{padding:18px}.research-table th,.research-table td{padding:9px;font-size:13px}}
.evidence-section{background:#e7e9df}.evidence-section p{max-width:760px}.evidence-links{display:flex;flex-wrap:wrap;gap:20px}.evidence-links a{color:#195640;font-weight:700}
