:root{--ink:#10251f;--muted:#60716a;--green:#4f8f3a;--mint:#b8f36b;--line:#dce6e1;--paper:#f5f8f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit}.wrap{width:min(1120px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:800;text-decoration:none}.brand span{color:#68a341}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{text-decoration:none;font-size:14px;font-weight:700}.nav-links .contact{background:var(--ink);color:#fff;padding:10px 15px;border-radius:5px}.article-hero{padding:74px 0 45px;background:#fff;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-size:12px;font-weight:800}.article-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;max-width:900px;margin:16px 0;letter-spacing:0}.article-hero p{max-width:760px;color:var(--muted);font-size:18px}.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:22px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:70px;padding:56px 0 90px}.article-body{background:#fff;border:1px solid var(--line);padding:44px}.article-body h2{font-size:30px;line-height:1.25;margin:48px 0 14px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:21px;margin:32px 0 10px}.article-body p,.article-body li{color:#334a42}.article-body ul,.article-body ol{padding-left:22px}.direction{padding:18px 20px;background:#edf5ef;border-left:4px solid var(--green);font-weight:800;margin:25px 0}.note{padding:18px 20px;background:#f7f9f8;border:1px solid var(--line);font-size:14px}.faq{border-top:1px solid var(--line);padding:20px 0}.faq h3{margin:0 0 6px}.side{position:sticky;top:25px;align-self:start}.side h2{font-size:16px;margin-top:0}.side a{display:block;color:var(--muted);font-size:14px;text-decoration:none;margin:9px 0}.cta-box{background:var(--ink);color:#fff;padding:24px;margin-top:28px}.cta-box p{color:#c9d9d2;font-size:14px}.button{display:inline-block;background:var(--mint);color:var(--ink);font-weight:800;text-decoration:none;padding:12px 16px;border-radius:5px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:42px 0 80px}.article-card{background:#fff;border:1px solid var(--line);padding:28px;text-decoration:none;display:flex;flex-direction:column;min-height:250px}.article-card:hover{border-color:#9eb9aa}.article-card h2{font-size:24px;line-height:1.25;margin:14px 0}.article-card p{color:var(--muted);margin:0}.article-card .read{margin-top:auto;padding-top:25px;color:var(--green);font-weight:800}.footer{background:var(--ink);color:#c8d8d1;padding:38px 0}.footer a{color:#fff}@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:25px}.side{position:static;order:-1}.article-body{padding:26px}.article-list{grid-template-columns:1fr}.nav-links a:not(.contact){display:none}}@media(max-width:480px){.article-hero{padding-top:48px}.article-body h2{font-size:25px}.article-body{padding:22px 18px}.contact{font-size:12px}}
:root{--card-radius:0}
.article-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.article-list>.wrap{display:contents}
.article-card{border-radius:var(--card-radius);padding:26px;min-height:218px;box-shadow:none;transition:border-color .18s ease}
.article-card:hover{transform:none;box-shadow:none}
.article-card h2{font-size:22px;margin:14px 0 10px}
.article-card p{font-size:15px;line-height:1.6}
@media(max-width:600px){.article-list{grid-template-columns:1fr;gap:16px}}
.article-list~.article-card{display:inline-flex;width:calc(25% - 12px);margin:0 6px 16px;vertical-align:top}
main > .article-card{display:inline-flex;width:calc(25% - 12px);margin:0 6px 16px;vertical-align:top}
@media(max-width:600px){.article-list~.article-card{display:flex;width:auto;margin:0 0 16px}}
@media(max-width:600px){main > .article-card{display:flex;width:auto;margin:0 0 16px}}
@media(max-width:480px){.article-card{padding:22px;min-height:220px}}
@media(min-width:601px) and (max-width:999px){.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list~.article-card,main > .article-card{width:calc(50% - 12px)}}
@media(min-width:1000px){.article-list{grid-template-columns:repeat(4,minmax(0,1fr))}.article-list~.article-card,main > .article-card{width:calc(25% - 12px)}}
/* Flatten legacy wrapper layers so every index card shares one four-column flow. */
main > .wrap.article-list{display:grid}
main > .article-card{display:inline-flex;width:calc(25% - 12px);margin:8px 6px 16px;vertical-align:top}
@media(max-width:999px){main > .article-card{width:calc(50% - 12px)}}
@media(max-width:600px){main > .article-card{display:flex;width:auto;margin:0 0 16px}}
.article-links{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0;padding:16px 18px;background:#fff;border:1px solid #dfe8e3}.article-links strong{width:100%;color:#10251f}.article-links a{color:#286f48;font-weight:700;text-decoration:none}