:root{--g:#2f5d3a;--g2:#3f7a4c;--sand:#f6f1e7;--ink:#1f2a22;--mut:#5b6b5f;--line:#ddd3c0}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--sand)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}a{color:var(--g2)}
.top{background:var(--g);color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 6px #0002}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 18px}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem}
.navwrap summary{cursor:pointer;color:#fff;list-style:none;border:1px solid #fff6;padding:4px 12px;border-radius:6px}
.navwrap nav{display:flex;flex-direction:column;padding:8px 0}
.navwrap nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:.95rem}
.navwrap nav a:hover,.navwrap nav a[aria-current]{background:#ffffff26}
@media(min-width:900px){.bar{flex-direction:column;align-items:flex-start}.navwrap summary{display:none}.navwrap nav{flex-direction:row;flex-wrap:wrap;padding:6px 0 0}}
@media(max-width:899px){.navwrap{width:100%}.navwrap summary{display:inline-block;margin-top:6px}}
main{padding:24px 18px 48px}h1{color:var(--g);line-height:1.2}h2{color:var(--g);margin-top:2em}
.hero{background:linear-gradient(135deg,#2f5d3a,#6b8f5a);color:#fff;border-radius:14px;padding:44px 28px;margin-bottom:20px}.hero h1{color:#fff;margin:0 0 .3em;font-size:2.2rem}
.btn{display:inline-block;background:#f2b84b;color:#1f2a22;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;margin:4px 6px 0 0}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:6px;transition:transform .1s}.card:hover{transform:translateY(-2px);border-color:var(--g2)}
.card span{color:var(--mut);font-size:.9rem}.kicker{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem!important;color:var(--g2)!important;font-weight:700}
.post{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 26px;max-width:820px;margin:0 auto}
.post table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.93rem}.post th,.post td{border:1px solid var(--line);padding:6px 9px;text-align:left}.post th{background:#eef3ec}
.disclosure-box{background:#fff8e6;border-left:4px solid #f2b84b;padding:10px 14px;border-radius:6px;font-size:.92rem}
.crumbs{font-size:.88rem;color:var(--mut);margin:0}.lead{color:var(--mut);font-size:1.08rem}
footer{background:#24402b;color:#dfe9dc;padding:22px 0;font-size:.9rem}footer a{color:#f2b84b}
@media(max-width:600px){.post{padding:16px}.hero{padding:30px 18px}.hero h1{font-size:1.7rem}}
.hero{position:relative;overflow:hidden;background:#24402b;min-height:340px;display:flex;align-items:flex-end}
.hero-img-pic,.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,#0008 100%)}
.hero-in{position:relative;z-index:1;text-shadow:0 2px 8px #0009}.hero p{max-width:620px}
.banner-pic{display:block}.banner{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:12px;margin:0 0 6px;background:#cfd8c9}
.post .banner{border-radius:8px;margin-bottom:12px}
.credits{font-size:.9rem;padding-left:1.2em}
@media(max-width:600px){.hero{min-height:300px}.banner{aspect-ratio:16/9}}