@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--primary:#1a5f36;--primary-light:#e8f5e9;--secondary:#2c3e50;--accent:#f39c12;--text:#2d3436;--text-muted:#636e72;--bg:#fff;--bg-soft:#f8fafc;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--text);background-color:var(--bg);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-heading{color:var(--secondary);font-family:Outfit,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#144b2a;box-shadow:0 4px 12px #1a5f364d}.btn-outline{border:1px solid var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--bg-soft);border-color:var(--text-muted)}.grid{gap:1.5rem;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#fffc;align-items:center;height:80px;display:flex;position:sticky;top:0}footer{background-color:var(--bg-soft);border-top:1px solid var(--border);padding:4rem 0 2rem}.prose{max-width:800px;margin:0 auto}.prose h1,.prose h2,.prose h3{margin:2rem 0 1rem}.prose p{margin-bottom:1.5rem}.prose img{border-radius:var(--radius);max-width:100%;margin:2rem 0}.badge{background-color:var(--primary-light);color:var(--primary);border-radius:50px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-secondary{background-color:var(--secondary);color:#fff}.badge-accent{background-color:var(--accent);color:#fff}.rank-badge{color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:-10px;left:-10px;box-shadow:0 4px 10px #0003}.rank-1{background:linear-gradient(135deg,gold,#ff8c00)}.rank-2{background:linear-gradient(135deg,silver,gray)}.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513)}.rank-4{background:linear-gradient(135deg,#27ae60,#2ecc71)}.rank-5{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.search-container{background:#fff;border-radius:50px;max-width:600px;margin:0 auto;padding:4px;display:flex;box-shadow:0 10px 25px #0000001a}.search-input{border:none;border-radius:50px 0 0 50px;outline:none;flex:1;padding:0 1.5rem;font-size:1rem}.search-btn{background:var(--primary);color:#fff;border:none;border-radius:50px;padding:.75rem 2rem;font-weight:600;transition:all .2s}.search-btn:hover{background:#144b2a}.expert-badge{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:50px;align-items:center;gap:12px;width:fit-content;padding:8px 16px;display:flex}.expert-thumb{object-fit:cover;border:2px solid var(--primary-light);border-radius:50%;width:40px;height:40px}.compact-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.compact-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.compact-grid{grid-template-columns:repeat(4,1fr)}}.compact-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:1rem;transition:all .2s}.compact-card:hover{border-color:var(--primary);transform:translateY(-3px)}.compact-card i{margin-bottom:.5rem;font-size:2rem;display:block}.compact-card span{font-size:.9rem;font-weight:600}.section-sm{padding:2rem 0}.bg-white{background-color:#fff}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.search-section-title{border-bottom:2px solid var(--primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.35rem;display:flex}.search-count{color:var(--text-muted);font-size:.85rem;font-weight:500}.article-placeholder{background:linear-gradient(135deg,var(--primary-light)0%,#e8f0eb 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.article-placeholder span{font-size:3rem}.breadcrumb{padding:1rem 0;font-size:.85rem}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:0;list-style:none;display:flex}.breadcrumb li{align-items:center;display:flex}.breadcrumb a{color:var(--primary);font-weight:500}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted);margin:0 .5rem}.breadcrumb [aria-current=page]{color:var(--text-muted)}