:root{--forest:#173f35;--forest2:#245c4a;--leaf:#89ad54;--lime:#c1db82;--sand:#f3eee3;--paper:#fffdf8;--ink:#17332d;--muted:#60716c;--line:#dde5de;--shadow:0 22px 60px rgba(21,55,46,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1100px,calc(100% - 40px));margin:auto}
.top{background:var(--forest);color:#dce9e4;font-size:.84rem}
.top .wrap{min-height:38px;display:flex;justify-content:space-between;align-items:center}
.top a{color:#fff;font-weight:800}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font:800 1.15rem Georgia,serif}
.brand img{width:47px;height:47px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:780}
.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:850}
.pill{padding:11px 18px;background:var(--forest);color:#fff}
.breadcrumb{padding:18px 0;font-size:.82rem;color:var(--muted)}
.breadcrumb a{font-weight:750}
.hero{padding:64px 0 88px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}
.kicker{display:flex;align-items:center;gap:9px;margin:0 0 17px;color:var(--leaf);font-size:.77rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.kicker:before{content:"";width:32px;height:2px;background:currentColor}
.hero h1{margin:0;font:clamp(3rem,6vw,5.4rem)/.95 Georgia,serif;letter-spacing:-.055em;text-wrap:balance}
.lead{margin:24px 0 0;color:var(--muted);font-size:1.12rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{min-height:52px;padding:0 22px}
.primary{background:var(--leaf);color:#102f27;box-shadow:0 12px 28px #173f3526}
.secondary{border:1px solid var(--line);background:#fff}
.hero-image{position:relative}
.hero-image img{width:100%;height:540px;object-fit:cover;border-radius:180px 180px 24px 24px;box-shadow:var(--shadow)}
.hero-badge{position:absolute;left:-28px;bottom:34px;max-width:230px;padding:18px;border:7px solid var(--paper);border-radius:20px;background:var(--forest);color:#fff;font-weight:780}
.quick{background:var(--forest);color:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.quick-item{padding:27px;border-right:1px solid #ffffff24}
.quick-item:last-child{border:0}
.quick-item strong{display:block}
.quick-item span{color:#c7d8d1;font-size:.88rem}
.content{padding:95px 0}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:start}
.article h2{margin:52px 0 14px;font:clamp(2rem,4vw,3.2rem)/1.05 Georgia,serif;letter-spacing:-.035em}
.article h2:first-child{margin-top:0}
.article h3{margin:30px 0 8px;font:1.35rem Georgia,serif}
.article p,.article li{color:#50645e}
.article ul{padding-left:20px}
.notice{margin:32px 0;padding:24px;border-left:4px solid var(--leaf);border-radius:0 18px 18px 0;background:var(--sand)}
.notice strong{display:block}
.side{position:sticky;top:105px;padding:28px;border-radius:23px;background:var(--sand)}
.side h2{margin:0 0 12px;font:1.65rem Georgia,serif}
.side p{color:var(--muted);font-size:.93rem}
.side .btn{width:100%;margin-top:10px}
.related{padding:85px 0;background:var(--sand)}
.section-title{max-width:700px;margin:0 0 30px;font:clamp(2.1rem,4vw,3.6rem)/1.04 Georgia,serif}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{padding:25px;border-radius:20px;background:#fff}
.card small{color:var(--leaf);font-weight:900;text-transform:uppercase}
.card h3{margin:10px 0;font:1.35rem Georgia,serif}
.card p{color:var(--muted);font-size:.92rem}
.card a{font-weight:850}
.cta{padding:86px 0;background:#dce9c6}
.cta-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.cta h2{margin:0;font:clamp(2.3rem,5vw,4.5rem)/1 Georgia,serif}
.cta p{margin:13px 0 0;color:#4c645b}
.footer{padding:55px 0 26px;background:#0e3027;color:#d6e2dd}
.footer-grid{display:flex;justify-content:space-between;gap:35px}
.footer p{color:#a8beb5}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff1f;color:#91aaa1;font-size:.8rem}
.wa{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;font-weight:900;box-shadow:0 12px 30px #0004}
@media(max-width:820px){.top{display:none}
.nav-links>a:not(.pill){display:none}
.hero-grid,.article-grid,.cta-grid{grid-template-columns:1fr}
.hero-image{max-width:620px}
.hero-image img{height:480px}
.hero-badge{left:15px}
.side{position:static}
.cards{grid-template-columns:1fr 1fr}
.card:last-child{grid-column:1/-1}
}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}
.nav-inner{height:68px}
.brand{font-size:1rem}
.brand img{width:42px;height:42px}
.pill{padding:10px 13px;font-size:.8rem}
.hero{padding:45px 0 68px}
.hero h1{font-size:clamp(2.8rem,14vw,4rem)}
.hero-image img{height:390px}
.actions{display:grid}
.btn{width:100%}
.quick-grid,.cards{grid-template-columns:1fr}
.quick-item{border-right:0;border-bottom:1px solid #ffffff24}
.card:last-child{grid-column:auto}
.content,.related,.cta{padding:70px 0}
.footer-grid{display:grid}
}
.tool-shell{padding:46px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.tool-intro{max-width:740px;margin-bottom:30px}.tool-intro h2{margin:0;font:clamp(2rem,4vw,3.2rem)/1.05 Georgia,serif}.tool-intro p{color:var(--muted)}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.choice-group{padding:22px;border-radius:18px;background:var(--sand)}.choice-group h3{margin:0 0 14px;font:1.2rem Georgia,serif}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.88rem;font-weight:780;cursor:pointer}.choice input:checked+span{border-color:var(--forest);background:var(--forest);color:#fff}
.tool-result{display:none;margin-top:28px;padding:28px;border-radius:20px;background:var(--forest);color:#fff}.tool-result.open{display:block}.tool-result h3{margin:0 0 12px;font:1.7rem Georgia,serif}.tool-result ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding-left:20px;color:#dbe8e3}
.checklist{display:grid;gap:12px;margin:24px 0}.checkline{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.checkline input{width:20px;height:20px;margin-top:3px;accent-color:var(--leaf)}
.timeline{position:relative;display:grid;gap:16px;margin:28px 0}.timeline:before{content:"";position:absolute;left:23px;top:22px;bottom:22px;width:2px;background:var(--line)}.time-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:15px}.time-dot{z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--forest);color:#fff;font-size:.78rem;font-weight:850}.time-copy{padding:14px 18px;border-radius:16px;background:var(--sand)}.time-copy h3{margin:0;font:1.2rem Georgia,serif}.time-copy p{margin:5px 0 0;color:var(--muted);font-size:.92rem}
.photo-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-card{overflow:hidden;margin:0;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(21,55,46,.1)}.photo-card img{width:100%;height:240px;object-fit:cover}.photo-card figcaption{padding:18px;color:var(--muted);font-size:.9rem}.photo-card strong{display:block;margin-bottom:5px;color:var(--ink);font-family:Georgia,serif;font-size:1.15rem}
.fact-table{width:100%;border-collapse:collapse;margin:24px 0}.fact-table th,.fact-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.fact-table th{width:32%;color:var(--forest)}.contents{display:grid;gap:8px;margin:24px 0;padding:22px;border-radius:18px;background:var(--sand)}.contents strong{margin-bottom:5px}.contents a{color:var(--forest);font-weight:750}.source-note{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
@media(max-width:820px){.photo-story{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr}}
@media(max-width:560px){.tool-shell{padding:24px}.tool-result ul,.photo-story{grid-template-columns:1fr}.fact-table th,.fact-table td{display:block;width:100%;padding:10px}.fact-table th{padding-bottom:0;border-bottom:0}.photo-card img{height:220px}}