:root{--green-900: #2f5233;--green-700: #3c6e47;--cream: #faf6ee;--ink: #181818;--muted: #5a5a5a;--radius: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:var(--green-700)}a:hover{color:var(--green-900)}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:10}.site-header{background:var(--green-900)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;position:relative}.logo img{height:40px;width:auto}.site-header nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}.site-header nav a{color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;padding:6px 0;display:inline-block;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:#fff}.menu-toggle,.menu-button{display:none}@media(max-width:860px){.menu-button{display:block;cursor:pointer;padding:12px 4px}.menu-button span,.menu-button span:before,.menu-button span:after{display:block;width:24px;height:2px;background:#fff;position:relative;content:""}.menu-button span:before{top:-7px;position:absolute}.menu-button span:after{top:7px;position:absolute}.menu-toggle:focus-visible+.menu-button{outline:2px solid #fff}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--green-900);padding:8px 16px 16px;z-index:5}.menu-toggle:checked~nav{display:block}.site-header nav ul{flex-direction:column}}main{min-height:60vh;padding:32px 0 56px}.page-title{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.25;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #00000014;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card a{color:inherit;text-decoration:none;display:block}.card img{aspect-ratio:3 / 2;object-fit:cover;width:100%}.card h2{font-size:1.05rem;line-height:1.4;margin:0;padding:14px 16px 18px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:36px}.pagination a,.pagination span{padding:6px 14px;border-radius:8px;background:#fff;text-decoration:none}.pagination span{background:var(--green-900);color:#fff}.article{max-width:760px;margin:0 auto}.article h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2;margin:8px 0 24px}.breadcrumbs{font-size:.85rem;color:var(--muted)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumbs li+li:before{content:"›";margin-right:6px}.thumb{border-radius:var(--radius);margin-bottom:28px;width:100%}.the-content{font-size:1.02rem}.the-content h2{font-size:1.55rem;line-height:1.3;margin:2.2em 0 .6em;color:var(--green-900)}.the-content h3{font-size:1.2rem;line-height:1.35;margin:1.8em 0 .5em}.the-content p{margin:0 0 1.1em}.the-content figure{margin:1.8em 0}.the-content figure img{border-radius:var(--radius);width:100%}.the-content figcaption{font-size:.85rem;color:var(--muted);margin-top:8px;text-align:center}.the-content blockquote{margin:1.5em 0;padding:4px 20px;border-left:4px solid var(--green-700);background:#fff;border-radius:0 var(--radius) var(--radius) 0}.the-content ul,.the-content ol{padding-left:1.4em;margin:0 0 1.2em}.the-content li{margin-bottom:.4em}.the-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}.the-content th,.the-content td{border:1px solid #ddd;padding:8px 10px;text-align:left}.contact-form label{display:block;font-weight:500;margin-bottom:4px}.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #bbb;border-radius:8px;font:inherit;background:#fff}.contact-form button{background:var(--green-900);color:#fff;border:0;border-radius:8px;padding:10px 28px;font:inherit;font-weight:600;cursor:pointer}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-form .hp{position:absolute;left:-9999px}.site-footer{background:var(--green-900);color:#fff;padding:32px 0;text-align:center}.site-footer .logo img{height:36px;margin:0 auto 12px}.site-footer a{color:#fff}
