@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap";:root{--p: #c0392b;--pd: #982b20;--pl: #fff1ed;--o: #e67e22;--ink: #111827;--muted: #475467;--bg: #f8fafc;--line: #e2e8f0;--green: #277a55;--gs: #f1fbf5;--gold: #b47b12;--golds: #fff8e8;--teal: #087f8c;--teal-soft: #eef8f8;--olive: #65751b;--olive-soft: #f4f7e8;--brown: #8a5a2b;--brown-soft: #faf2e8;--rust: #a8472c;--rust-soft: #fff1eb;--orange-soft: #fff5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.52;overflow-x:hidden}.shell{max-width:950px;margin:auto;padding:0 16px}.hero{background:radial-gradient(circle at 100% 0,rgba(192,57,43,.09),transparent 42%),#fff;border-bottom:1px solid var(--line);padding:24px 0 20px}.crumb{display:flex;gap:6px;flex-wrap:wrap;font-size:.79rem;font-weight:600;color:var(--muted);margin-bottom:14px}.crumb a{color:inherit;text-decoration:none}.crumb span{opacity:.6}.hero-row{display:flex;flex-direction:column;gap:12px}.kicker{display:inline-flex;padding:4px 11px;border-radius:999px;background:var(--pl);border:1px solid #f2d4ce;color:var(--pd);font:800 .7rem Outfit,sans-serif;text-transform:uppercase}.title{font:900 1.82rem/1.1 Outfit,sans-serif;margin:8px 0 5px}.sub{margin:0;color:var(--muted);font-size:.91rem}.badge{align-self:flex-start;background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:12px;box-shadow:0 4px 18px #00000008;font:800 .8rem Outfit,sans-serif}.badge b{color:var(--p)}.tabbar{position:sticky;top:0;z-index:20;background:#ffffffef;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);box-shadow:0 2px 10px #00000008}.tabs{display:flex;gap:8px;padding:9px 10px;overflow-x:auto;scrollbar-width:none;justify-content:center}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;border:1px solid var(--line);background:#f8fafc;color:var(--muted);padding:9px 15px;border-radius:999px;cursor:pointer;font:800 .8rem Outfit,sans-serif}.tab.active,.tab:hover{background:var(--p);border-color:var(--p);color:#fff}main{padding-top:22px;padding-bottom:48px}.panel{display:none}.panel.active{display:block;animation:in .2s ease}@keyframes in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.heading{margin-bottom:18px}.heading h2{font:800 1.5rem Outfit,sans-serif;margin:0 0 4px}.heading p{margin:0;color:var(--muted);font-size:.87rem}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 15px;margin-bottom:14px;box-shadow:0 4px 20px #0f172a08;overflow:hidden}.card h2{font:800 1.14rem Outfit,sans-serif;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--pl)}.card h3{font:800 .98rem Outfit,sans-serif;margin:0 0 7px}.card p{font-size:.88rem;color:#334155;margin:0 0 8px}.card li{font-size:.85rem;color:#475467;margin:4px 0}.grid{display:grid;grid-template-columns:1fr;gap:10px}.mini{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff}.mini h4{font:800 .91rem Outfit,sans-serif;margin:0 0 4px}.mini p{font-size:.79rem;margin:0;line-height:1.46}.visual{margin:14px 0 17px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fffaf7}.visual svg{width:100%;height:auto;display:block}.caption{padding:8px 12px;background:#fff;border-top:1px solid var(--line);font-size:.79rem;color:var(--muted)}.mn{border-left:4px solid var(--p);background:var(--pl);padding:11px 13px;border-radius:0 11px 11px 0;margin:12px 0;font-size:.84rem}.mn strong{color:var(--pd);font-family:Outfit,sans-serif}.tip{border-left:4px solid var(--o);background:#fff7ed;padding:11px 13px;border-radius:0 11px 11px 0;margin:12px 0;font-size:.84rem}.fact{background:var(--golds);border:1px solid #efd49c;border-radius:12px;padding:11px 13px;font-size:.84rem;margin:12px 0}.exam{background:var(--gs);border-left:4px solid var(--green);padding:11px 13px;border-radius:0 11px 11px 0;font-size:.84rem;margin:12px 0}.q{padding:12px 0;border-bottom:1px solid var(--line);font-size:.87rem}.q:last-child{border:0}details summary{cursor:pointer;color:var(--p);font:800 .8rem Outfit,sans-serif;margin-top:6px}details p,details ul{background:#ecfdf5;border-left:3px solid #10b981;border-radius:8px;padding:9px 11px;color:#065f46}.coming-soon{text-align:center;padding:25px 12px;border:1px dashed #cbd5e1;border-radius:13px;background:#fafafa}.coming-soon i{font-size:1.5rem;color:var(--p)}.coming-soon strong{display:inline-block;margin-top:6px;color:var(--p);font:800 .8rem Outfit,sans-serif}table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.79rem;margin:12px 0}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;min-width:115px}th{background:var(--pl);font:800 .72rem Outfit,sans-serif}.tab-nav-buttons{display:flex;justify-content:space-between;gap:9px;border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.tab-nav-buttons button{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font:800 .8rem Outfit,sans-serif;cursor:pointer}.tab-nav-buttons button:last-child{background:var(--p);color:#fff;border-color:var(--p)}.back-top{position:fixed;right:16px;bottom:82px;width:42px;height:42px;border:0;border-radius:50%;background:var(--p);color:#fff;box-shadow:0 6px 20px #0003;display:none;z-index:30}.back-top.show{display:block}@media(min-width:600px){.hero-row{flex-direction:row;justify-content:space-between}.title{font-size:2.5rem}.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tabbar{position:fixed;bottom:0;top:auto;border-bottom:0;border-top:1px solid var(--line);box-shadow:0 -4px 20px #0002;padding-bottom:max(5px,env(safe-area-inset-bottom));width:100%}body{padding-bottom:74px}.tabs{justify-content:flex-start}.tab{padding:8px 11px;font-size:.72rem}}.topic-section{position:relative}.topic-section:before{content:"";display:block;height:4px;border-radius:4px 4px 0 0;background:var(--section);margin:-16px -15px 14px}.topic-section .card h2{border-bottom-color:var(--section-soft)}.topic-section .badge{background:var(--section-soft);color:var(--section);border-color:color-mix(in srgb,var(--section) 22%,#fff)}.topic-section .visual{background:var(--section-soft)}.topic-section .section-label{display:inline-flex;align-items:center;gap:6px;font:800 .68rem Outfit,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--section);background:var(--section-soft);padding:5px 9px;border-radius:999px;margin-bottom:9px}.section-resource{--section: var(--teal);--section-soft: var(--teal-soft)}.section-planning{--section: var(--o);--section-soft: var(--orange-soft)}.section-land{--section: var(--green);--section-soft: var(--gs)}.section-degradation{--section: var(--rust);--section-soft: var(--rust-soft)}.section-soil{--section: var(--brown);--section-soft: var(--brown-soft)}.section-types{--section: var(--olive);--section-soft: var(--olive-soft)}.section-erosion{--section: var(--p);--section-soft: var(--pl)}.svg-card{margin:14px 0 18px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}