*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--green-dark:#0b3d2e;--green-mid:#1a7a56;--green-light:#edf7f2;--green-border:#b8dfc9;--text-body:#333;--text-muted:#666;--text-hint:#999;--bg-page:#f7f6f2;--bg-white:#fff;--border:#e0ded8;--font-serif:'Lora',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif}
html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--green-mid)}
.site-nav{background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-inner{max-width:1100px;margin:auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:var(--font-serif);font-size:18px;line-height:1.15;color:var(--green-dark);text-decoration:none;flex-shrink:0}.logo span{color:var(--green-mid)}.logo small{display:block;font-family:var(--font-sans);font-size:10px;color:var(--text-muted)}.nav-links{display:flex;gap:4px;list-style:none;align-items:center}.nav-links a{font-size:14px;font-weight:500;color:var(--text-body);text-decoration:none;padding:6px 10px;border-radius:6px}.nav-links a:hover{background:var(--green-light);color:var(--green-dark)}.nav-hamburger{display:none;background:none;border:0;cursor:pointer;padding:4px;color:var(--green-dark)}.nav-hamburger svg{width:24px;height:24px}.mobile-menu{display:none;background:var(--bg-white);border-bottom:1px solid var(--border);padding:12px 20px 20px}.mobile-menu.open{display:block}.mobile-menu a{display:block;font-size:15px;font-weight:500;color:var(--text-body);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border)}
.page-wrap{max-width:1100px;margin:auto;padding:28px 20px 80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:20px;flex-wrap:wrap}.breadcrumb a{color:var(--green-mid);text-decoration:none}.breadcrumb-sep{color:var(--text-hint)}.article-header h1{font-family:var(--font-serif);font-size:clamp(28px,5vw,38px);font-weight:600;color:var(--green-dark);line-height:1.2;margin-bottom:12px}.article-intro{font-size:17px;color:#444;line-height:1.65;margin-bottom:16px;max-width:680px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-muted);padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px}.quick-answer{background:var(--green-light);border:1px solid var(--green-border);border-radius:14px;padding:20px;margin-bottom:24px}.qa-label{font-size:11px;font-weight:600;color:var(--green-dark);text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:8px}.qa-text{font-size:15px;color:#1f4d38;line-height:1.65}.article-info{color:var(--text-muted);font-size:12px;line-height:1.5;margin:12px 0 20px}.article-body h2{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--green-dark);margin:36px 0 10px;padding-top:36px;border-top:1px solid var(--border)}.article-body h2:first-of-type{border-top:0;padding-top:0;margin-top:0}.article-body h3{font-size:16px;color:var(--green-dark);margin:20px 0 8px}.article-body p,.article-body li{font-size:15px;line-height:1.75}.article-body p{margin-bottom:14px}.article-body ul,.article-body ol{margin:0 0 16px 22px}.article-body li{margin-bottom:6px}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:14px}thead tr{background:#f0f5f2}th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px}tbody th,td{padding:13px 16px;border-top:1px solid var(--border);text-align:left;vertical-align:top;font-size:14px}tbody th{text-transform:none;letter-spacing:0}.rate{color:var(--green-mid);font-weight:600}.source-cite{font-size:12px!important;color:var(--text-muted);margin-top:6px}.callout{background:#fff8e6;border:1px solid #f5d87a;border-radius:10px;padding:14px 16px;margin:16px 0;font-size:14px;line-height:1.6;color:#5c4a00}.callout-green{background:var(--green-light);border-color:var(--green-border);color:#1f4d38}.sidebar{position:sticky;top:80px}.sidebar-card,.trust-card{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.trust-card{background:var(--green-light);border-color:var(--green-border)}.sidebar-card h2,.trust-card h2{font-family:var(--font-sans);font-size:13px;color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.trust-card p{font-size:13px;color:#2a5c42;line-height:1.55}.toc-list,.related-list,.sources-list{list-style:none}.toc-list a,.related-list a,.sources-list a{display:block;font-size:13px;text-decoration:none;padding:6px 0}.related-list li{border-bottom:1px solid var(--border)}.related-list a{padding:10px 0;color:var(--text-body)}.site-footer{background:var(--green-dark);color:rgba(255,255,255,.75);padding:40px 20px;margin-top:80px}.footer-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:rgba(255,255,255,.86);text-decoration:none;margin-right:14px;font-size:13px}.site-footer p{font-size:13px}.footer-email{margin-top:4px}
@media(max-width:860px){.page-wrap{grid-template-columns:1fr}.sidebar{position:static}.sidebar-card,.trust-card{display:none}.nav-links{display:none}.nav-hamburger{display:block}}
