:root{--ink:#17211b;--muted:#5d6a62;--paper:#f7f3e8;--card:#fffdf7;--green:#1f5637;--green2:#2f7650;--gold:#c99736;--line:#d9d2c1;--red:#8b3431;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:var(--green);text-decoration-thickness:.08em;text-underline-offset:.15em}a:hover{color:var(--green2)}img{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:99}.wrap{width:min(var(--max),calc(100% - 2rem));margin:auto}.site-header{background:#102a1d;color:white;border-bottom:4px solid var(--gold);position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{display:flex;align-items:center;gap:.7rem;color:white;text-decoration:none;font-weight:850;letter-spacing:-.02em;font-size:1.22rem}.mark{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 65%,var(--gold) 0 11%,transparent 12%),linear-gradient(145deg,#3b815a,#173f2a);border:2px solid #e2c172;position:relative}.mark:before,.mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#0d1b13;top:9px}.mark:before{left:8px}.mark:after{right:8px}.menu{display:flex;gap:1.15rem;align-items:center}.menu a{color:#edf6ef;text-decoration:none;font-weight:650;font-size:.94rem}.menu a:hover{color:#f0ce7b}.search-btn{border:1px solid #5f8f71;border-radius:999px;padding:.42rem .75rem}.hero{background:linear-gradient(115deg,rgba(12,42,27,.96),rgba(31,86,55,.91)),radial-gradient(circle at 70% 35%,#d7b159,transparent 24%);color:white;padding:5.6rem 0 4.6rem;border-bottom:1px solid #21482f}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3.5rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#eccb7f}.hero h1,.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.45rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:.45rem 0 1rem}.hero p{font-size:1.18rem;max-width:700px;color:#e3eee6}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.btn{display:inline-block;background:var(--gold);color:#17211b;text-decoration:none;padding:.8rem 1.05rem;border-radius:.4rem;font-weight:800}.btn.secondary{background:transparent;color:white;border:1px solid #9eb9a8}.table-graphic{background:#70451f;border:12px solid #4b2c14;border-radius:52% 52% 8px 8px;padding:16px;box-shadow:0 20px 50px #071b1166}.cloth{height:310px;background:#1e6b42;border-radius:48% 48% 4px 4px;position:relative;border:3px solid #163f2a}.hole{position:absolute;width:28px;height:28px;border-radius:50%;background:#111;box-shadow:inset 0 0 0 4px #0b2517}.h10{left:50%;bottom:28px}.h20a{left:28%;bottom:90px}.h20b{right:28%;bottom:90px}.h30a{left:18%;top:108px}.h30b{right:18%;top:108px}.h50a{left:29%;top:58px}.h50b{right:29%;top:58px}.h100{left:50%;top:72px}.h200{left:50%;top:18px}.pin{position:absolute;width:10px;height:32px;background:#f2e5c0;border-radius:50% 50% 30% 30%;box-shadow:0 2px 4px #0008}.p1{left:44%;top:42px}.p2{right:44%;top:42px}.p3{left:50%;top:115px}.section{padding:4rem 0}.section.alt{background:#eee8d9}.section h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3rem);line-height:1.15;margin:.2rem 0 .8rem;letter-spacing:-.025em}.lead{font-size:1.1rem;color:var(--muted);max-width:780px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2rem}.card{background:var(--card);border:1px solid var(--line);border-radius:.65rem;padding:1.35rem;box-shadow:0 5px 15px #3e32100b}.card h3{margin:.1rem 0 .45rem;font-size:1.17rem}.card p{color:var(--muted);margin:.2rem 0}.card .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:850}.knowledge-map{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;margin-top:1.5rem}.node{background:#fff;border:1px solid var(--line);padding:1rem .7rem;text-align:center;border-radius:.5rem;font-weight:750;font-size:.88rem}.page-hero{background:#173d29;color:white;padding:3.6rem 0 3rem}.page-hero h1{font-size:clamp(2.2rem,4vw,4rem)}.page-hero p{max-width:760px;color:#dfebe2;font-size:1.1rem}.breadcrumbs{font-size:.86rem;margin-bottom:1rem;color:#c5d7ca}.breadcrumbs a{color:#e7c978}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:3rem;padding:3rem 0}.article h2{font-family:Georgia,serif;font-size:2rem;line-height:1.2;margin-top:2.4rem}.article h3{margin-top:1.8rem}.article p,.article li{font-size:1.02rem}.quick,.takeaways,.note,.warning{padding:1.2rem 1.35rem;border-radius:.5rem;margin:1.4rem 0}.quick{background:#e5f1e9;border-left:5px solid var(--green)}.takeaways{background:#fff8df;border-left:5px solid var(--gold)}.note{background:#eef2f5;border-left:5px solid #637a89}.warning{background:#f8e7e5;border-left:5px solid var(--red)}.toc{background:white;border:1px solid var(--line);padding:1.2rem;border-radius:.55rem;margin:1.5rem 0}.toc strong{display:block;margin-bottom:.45rem}.toc a{display:block;padding:.18rem 0}.sidebar{align-self:start;position:sticky;top:95px}.sidebox{background:white;border:1px solid var(--line);padding:1.1rem;border-radius:.55rem;margin-bottom:1rem}.sidebox h3{margin-top:0;font-size:1rem}.sidebox a{display:block;padding:.25rem 0}.meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#d7e5db;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;margin:1.3rem 0;background:white}.data-table th,.data-table td{border:1px solid var(--line);padding:.7rem;text-align:left;vertical-align:top}.data-table th{background:#e9e3d4}.diagram{background:#1d6841;border:10px solid #553417;padding:1rem;border-radius:45% 45% .4rem .4rem;color:white;margin:1.5rem auto;max-width:500px;text-align:center}.faq-item{border-bottom:1px solid var(--line);padding:1rem 0}.faq-item h3{margin:.2rem 0}.sources li{margin:.45rem 0}.site-footer{background:#102a1d;color:#dbe7de;padding:3rem 0 1.2rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.site-footer h3{color:white}.site-footer a{display:block;color:#dbe7de;text-decoration:none;padding:.18rem 0}.copyright{border-top:1px solid #31513d;margin-top:2rem;padding-top:1rem;color:#aebfb3;font-size:.85rem}.search-input{width:100%;font:inherit;padding:.9rem;border:1px solid var(--line);border-radius:.4rem;background:white}.result{padding:1rem 0;border-bottom:1px solid var(--line)}.badge{display:inline-block;background:#e8efe9;color:#25553a;padding:.18rem .45rem;border-radius:999px;font-size:.72rem;font-weight:800}.updated{font-size:.85rem;color:var(--muted)}
@media(max-width:850px){.menu{display:none}.hero-grid,.article-layout,.footer-grid{grid-template-columns:1fr}.table-graphic{max-width:430px}.grid{grid-template-columns:1fr 1fr}.knowledge-map{grid-template-columns:repeat(3,1fr)}.sidebar{position:static}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.knowledge-map{grid-template-columns:repeat(2,1fr)}.hero{padding:3.5rem 0}.table-graphic{display:none}.section{padding:2.8rem 0}}

.visual{margin:1.8rem 0 2.2rem}.visual img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.7rem;background:#f7f3e8;box-shadow:0 8px 24px #3e321014}.visual figcaption{font-size:.88rem;color:var(--muted);margin-top:.55rem;line-height:1.45}.card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.45rem;margin-bottom:1rem;border:1px solid var(--line);background:#f7f3e8}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.7rem 0}@media(max-width:650px){.visual-grid{grid-template-columns:1fr}}