@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--cream:#fefae0;--cream-dark:#f5f0d0;--green-deep:#1b4332;--green-mid:#2d6a4f;--green-light:#52b788;--mint:#95d5b2;--golden:#e9c46a;--golden-dark:#d4a843;--terracotta:#e76f51;--terra-dark:#c85a3c;--white:#fff;--text-dark:#1a1a1a;--text-mid:#444;--text-light:#777;--border:#e0dac0;--shadow:#1b433214}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--cream);color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1{color:var(--green-deep);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}h2{color:var(--green-deep);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.3}h3{color:var(--green-deep);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;line-height:1.4}h4{color:var(--green-mid);font-size:1rem;font-weight:600}p{color:var(--text-mid);margin-bottom:1rem}p:last-child{margin-bottom:0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.section{padding:4rem 0}.section-sm{padding:2.5rem 0}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green-mid);color:var(--white)}.btn-primary:hover{background:var(--green-deep);transform:translateY(-1px)}.btn-golden{background:var(--golden);color:var(--green-deep)}.btn-golden:hover{background:var(--golden-dark);transform:translateY(-1px)}.btn-outline{color:var(--green-mid);border:2px solid var(--green-mid);background:0 0}.btn-outline:hover{background:var(--green-mid);color:var(--white)}.card{background:var(--white);border:1px solid var(--border);box-shadow:0 2px 12px var(--shadow);border-radius:12px;padding:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 6px 24px var(--shadow);transform:translateY(-2px)}.card-link{cursor:pointer;display:block}.affiliate-box{border:1.5px solid var(--golden);background:#fff8ec;border-radius:10px;margin:1.5rem 0;padding:1.25rem 1.5rem;position:relative}.affiliate-label{color:var(--text-light);background:var(--cream-dark);border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:500;position:absolute;top:.5rem;right:.75rem}.affiliate-box h4{margin-bottom:.5rem}.tag{background:var(--mint);color:var(--green-deep);border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.tag-golden{background:var(--golden);color:var(--green-deep)}.tag-terra{background:var(--terracotta);color:var(--white)}.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.breadcrumb{color:var(--text-light);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb a:hover{color:var(--green-mid)}:focus-visible{outline:3px solid var(--golden);outline-offset:3px;border-radius:4px}.skip-link{background:var(--green-deep);color:var(--white);z-index:9999;border-radius:0 0 8px 8px;padding:.5rem 1rem;font-weight:600;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}@media (max-width:768px){.section{padding:2.5rem 0}.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}