:root{--bg:#f6f9f7;--card:#ffffff;--ink:#1f2a24;--muted:#5d6b63;--line:#e2e9e4;--g:#2f7a4f;--g2:#3c8d61;--gold:#8a6a1c;--gold2:#c9a24a;--soft:#eef5f0;--warn:#fdf6e3;--warnl:#efe0b8;--fh:Ubuntu,system-ui,sans-serif;--fb:Ubuntu,system-ui,sans-serif;--fs:Ubuntu,system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#10150f;--card:#171d16;--ink:#ece9de;--muted:#a3ac9f;--line:#2a3326;--g:#9cc4a0;--g2:#b4d6b7;--gold:#d6b25c;--gold2:#e3c46f;--soft:#1b231a;--warn:#2a2416;--warnl:#4d4224}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);line-height:1.6;font-size:16px}
a{color:var(--g);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.material-icons-outlined{font-family:'Material Icons Outlined';font-size:20px;vertical-align:middle;font-weight:400;line-height:1;font-feature-settings:'liga'}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top .row{display:flex;align-items:center;gap:26px;min-height:70px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{height:38px;width:auto}.bn{font-family:var(--fh);font-size:1.55rem;font-weight:500;letter-spacing:.01em}.bn b{color:var(--gold);font-weight:700}
.top nav{display:flex;gap:22px;flex:1}.top nav a{color:var(--ink);font-weight:500;font-size:.93rem;padding:6px 0;border-bottom:2px solid transparent}.top nav a:hover{border-color:var(--gold2);text-decoration:none}
.crm{background:var(--g);color:#fff!important;padding:9px 16px;border-radius:8px;font-weight:600;font-size:.88rem;display:inline-flex;gap:7px;align-items:center}.crm:hover{text-decoration:none;filter:brightness(1.12)}
@media(prefers-color-scheme:dark){.crm{color:#10150f!important}}
h1,h2,h3{font-family:var(--fh);line-height:1.2;font-weight:700}
.hero{position:relative;background:#1f3a27 center/cover;color:#fff;padding:78px 0 84px}.hero .shade{position:absolute;inset:0;background:linear-gradient(95deg,rgba(15,31,20,.94) 8%,rgba(23,48,31,.78) 48%,rgba(23,48,31,.35) 100%)}
.hin{position:relative}.ht{max-width:640px}.kick{display:inline-block;color:#e3c46f;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #b8903a;padding-bottom:5px}
.hero h1{font-size:3rem;margin:18px 0 16px;color:#fff}.hero p{font-size:1.1rem;color:#dfe8dd;margin:0 0 26px;max-width:56ch}.hb{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:9px;font:inherit;font-weight:600;border:1px solid transparent;cursor:pointer}.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.gold{background:#d6b25c;color:#1a2a1c}.btn.ghost{border-color:rgba(255,255,255,.55);color:#fff}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-34px 0 10px;position:relative;z-index:2}
.pil{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:0 10px 30px rgba(20,35,22,.08)}.pil .material-icons-outlined{color:var(--gold);font-size:30px}.pil h3{font-size:1.15rem;margin:8px 0 4px}.pil p{margin:0;color:var(--muted);font-size:.93rem}
.sec{font-size:1.6rem;margin:46px 0 20px;display:flex;align-items:center;gap:14px}.sec:after{content:"";flex:1;height:1px;background:var(--line)}
.duo{display:grid;grid-template-columns:1.55fr 1fr;gap:34px}.dim{color:var(--muted)}
.feat{display:grid;grid-template-columns:1fr;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink)}.feat:hover{text-decoration:none;border-color:var(--gold2)}
.fim{aspect-ratio:16/8;background:var(--soft) center/cover}.fbd{padding:20px 24px 24px}.fbd small{color:var(--muted)}.fbd h3{font-size:1.65rem;margin:6px 0 8px}.fbd p{margin:0 0 12px;color:var(--muted)}.rd{color:var(--gold);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.minis{display:grid;gap:10px;margin-top:14px}.minis a{display:flex;flex-direction:column;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}.minis a:hover{border-color:var(--gold2);text-decoration:none}.minis small{color:var(--muted)}
.news{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px}.news li{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.news li:last-child{border:0}.news a{color:var(--ink);font-weight:500;font-size:.95rem;line-height:1.35}.news a:hover{color:var(--gold)}.news small{color:var(--muted);font-size:.78rem}.more{margin:14px 0 0}.more a{font-weight:600;display:inline-flex;gap:6px;align-items:center;color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink)}.card:hover{border-color:var(--gold2);text-decoration:none;box-shadow:0 10px 26px rgba(20,35,22,.09)}
.im{aspect-ratio:16/10;background:var(--soft) center/cover}.bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.bd h3{font-size:1.15rem;margin:0}.bd p{margin:0;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bd small{margin-top:auto;color:var(--muted)}
.tools3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;color:var(--ink)}.tool:hover{border-color:var(--gold2);text-decoration:none}.tool .material-icons-outlined{color:var(--gold);font-size:30px}.tool strong{font-size:1.02rem}.tool small{color:var(--muted)}
.kit{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--gold2);border-radius:14px;padding:20px 22px;margin:36px 0}.kit>div:first-child .material-icons-outlined{font-size:36px;color:var(--gold)}.kit p{margin:4px 0 12px;color:var(--muted);font-size:.95rem}.kit small{display:block;margin-top:10px;color:var(--muted);font-size:.78rem}.kitbtn{background:var(--g);color:#fff!important;padding:10px 18px}
@media(prefers-color-scheme:dark){.kitbtn{color:#10150f!important}}
.resp{display:grid;grid-template-columns:1fr 1.5fr;gap:34px;background:var(--soft);border-radius:16px;padding:34px;margin:48px 0}.resp h2{font-size:1.7rem;margin:0 0 8px}.resp p{color:var(--muted);margin:0}.resp ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.resp li{display:flex;gap:12px;align-items:flex-start}.resp li .material-icons-outlined{color:var(--gold);margin-top:2px}.resp li div{font-size:.95rem}
.band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--g);color:#fff;border-radius:16px;padding:30px 34px;margin:0 0 20px}.band h2{margin:0 0 4px;font-size:1.6rem;color:#fff}.band p{margin:0;color:#d4e2d5}
@media(prefers-color-scheme:dark){.band{background:#1b2a1d}}
.empty{padding:60px 0;text-align:center}
.art{max-width:780px;padding-top:26px;padding-bottom:34px}.art h1{font-size:2.5rem;margin:.25em 0 .3em}.art h2{font-size:1.5rem;margin:1.9em 0 .6em}.art p,.art li{font-family:var(--fs);font-size:1.12rem;line-height:1.7}.art p{margin:0 0 1.1em}.art .lead{font-size:1.25rem;color:var(--muted)}.crumb{font-size:.85rem;color:var(--muted)}.meta{color:var(--muted);font-size:.9rem}
figure{margin:18px 0}figure img{width:100%;border-radius:12px;max-height:420px;object-fit:cover;display:block}figcaption{font-size:.78rem;color:var(--muted);margin-top:5px}
.sum{background:var(--soft);border-left:4px solid var(--gold2);padding:16px 20px;border-radius:8px;margin:18px 0;font-family:var(--fs);font-size:1.12rem}
.box{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:var(--card)}.box h2,.box h3{margin:0 0 6px;font-size:1.1rem}.box ul{margin:0;padding-left:1.1em}.box li{font-size:1rem}.box.unk{background:var(--warn);border-color:var(--warnl)}.box.pr{margin:20px 0;border-color:var(--gold2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.tl{border-left:3px solid var(--gold2);margin-left:6px;padding-left:18px}.tl div{margin-bottom:14px;font-family:var(--fs)}.tl b{display:block;color:var(--gold);font-size:.88rem;font-family:var(--fb)}
blockquote{margin:16px 0;padding:6px 18px;border-left:4px solid var(--gold2);font-family:var(--fs);font-style:italic}blockquote cite{display:block;font-size:.85rem;color:var(--muted);font-style:normal;font-family:var(--fb)}
details{border-bottom:1px solid var(--line);padding:11px 0}summary{cursor:pointer;font-weight:600}.src li{margin-bottom:8px;font-size:.95rem;font-family:var(--fb)}.note{font-size:.85rem;color:var(--muted);font-family:var(--fb)!important}
sup a{color:var(--gold);font-weight:600;padding:0 1px}
.soc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.soc .sv{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:.9rem;margin-right:6px}.soc .sp{color:var(--muted);font-size:.85rem;margin-left:8px}
.sb{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:7px 13px;border-radius:999px;font:inherit;font-size:.85rem;font-weight:500;cursor:pointer}.sb:hover{border-color:var(--gold2);text-decoration:none}.sb.like.on{border-color:var(--gold2);color:var(--gold)}.sb .material-icons-outlined{font-size:18px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-top:14px}.calc label{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:500}.calc small{font-weight:400;color:var(--muted)}
.calc input,.calc select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.calc .btn{grid-column:1/-1;background:var(--g);color:#fff;justify-content:center}
@media(prefers-color-scheme:dark){.calc .btn{color:#10150f}}
#out{background:var(--card);border:1px solid var(--gold2);border-radius:14px;padding:6px 22px 18px;margin-top:18px}.res{width:100%;border-collapse:collapse}.res td{padding:10px 0;border-bottom:1px solid var(--line)}.res td:last-child{text-align:right;font-weight:600;white-space:nowrap}.res small{display:block;color:var(--muted);font-weight:400;font-size:.78rem}.res tfoot td{font-size:1.15rem;font-weight:700;color:var(--gold);border:0;padding-top:14px}
.foot{background:#162a1c;color:#c9d6c9;margin-top:56px;padding:40px 0 30px}.foot a{color:#e3c46f}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:22px}.foot h4{margin:0 0 10px;color:#fff;font-size:.95rem}.foot .fgrid a{display:block;margin:5px 0;color:#c9d6c9;font-size:.93rem}.flogo{height:50px;width:auto}.fb{font-family:var(--fh);font-size:1.5rem;color:#fff;margin:6px 0}.fb b{color:#d6b25c}.fine{font-size:.8rem;color:#9db09f;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin:0}
@media(max-width:900px){.duo,.resp,.fgrid{grid-template-columns:1fr}.grid,.tools3,.pillars{grid-template-columns:1fr 1fr}.hero h1{font-size:2.3rem}.top nav{order:3;flex-basis:100%;overflow-x:auto;gap:18px}}
@media(max-width:560px){.grid,.tools3,.pillars,.two,.calc{grid-template-columns:1fr}.hero{padding:48px 0 60px}.hero h1{font-size:1.9rem}.art h1{font-size:1.9rem}.card{flex-direction:row}.im{aspect-ratio:auto;width:110px;flex:none}.bd p{display:none}.crm span:not(.material-icons-outlined){display:none}.pillars{margin-top:-24px}.band,.resp{padding:22px}}

/* LIGHT-THEME 2026-10-17 */
h1,h2,h3{font-weight:500}.bn{font-weight:500}
.hero{background-color:#3a6f50}.hero .shade{background:linear-gradient(95deg,rgba(32,76,52,.82) 8%,rgba(47,110,74,.55) 55%,rgba(47,110,74,.25) 100%)!important}
.pil,.card,.feat,.minis a,.news,.tool,.box,.calc{box-shadow:0 2px 10px rgba(30,60,40,.05)}
.card:hover,.feat:hover{box-shadow:0 8px 24px rgba(30,60,40,.10)}
.band{background:linear-gradient(100deg,#3a8c5f,#58a77c)}
.foot{background:#e8f1eb;color:#3f4f46}.foot a{color:var(--g)}.foot h4{color:var(--ink)}
.art p,.art li,.sum,.tl div,blockquote{font-size:1.06rem;line-height:1.75}
@media(max-width:900px){.pillars{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){:root{--bg:#121714;--card:#1a211d;--line:#2a342d;--soft:#1d2620;--ink:#e9efea;--muted:#a5b3aa;--g:#7fc39b}.foot{background:#161d19;color:#b9c6be}.band{background:#24402f}}