:root{--ink:#142423;--accent:#f4b527;--muted:#62736e}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#e9f1ec;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.category-page{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--ink);font-size:20px;font-weight:900;text-decoration:none}.back-link{padding:10px 15px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 7px 20px rgba(20,36,35,.08)}.category-hero{margin-top:24px;padding:clamp(30px,6vw,64px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-radius:28px;background:linear-gradient(135deg,#142423,#2d5149);color:#fff;box-shadow:0 22px 55px rgba(20,36,35,.2)}.category-hero__icon{width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.12);font-size:48px}.eyebrow{margin:0 0 10px;color:#f8d26e;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.category-hero h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:1;letter-spacing:-.05em}.category-hero p:last-child{max-width:680px;margin:18px 0 0;color:#d7e3df;font-size:18px;line-height:1.6}.content-grid{margin-top:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.content-card{padding:28px;border:1px solid rgba(20,36,35,.09);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(20,36,35,.07)}.content-card h2{margin:0 0 18px;font-size:25px}.content-card ul{margin:0;padding-left:22px;color:#53645f;line-height:1.85}.notice{background:#fff8df}.notice p{margin:0;color:#675521;line-height:1.7}.category-nav{margin-top:24px;padding:22px;border-radius:22px;background:#dce8e2}.category-nav h2{margin:0 0 14px;font-size:18px}.category-nav__links{display:flex;flex-wrap:wrap;gap:9px}.category-nav a{padding:9px 12px;border-radius:999px;background:#fff;color:#25443d;font-size:13px;font-weight:700;text-decoration:none}.category-nav a[aria-current="page"]{background:#142423;color:#fff}.page-footer{margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(20,36,35,.15);color:#71807b;font-size:13px}@media(max-width:680px){.category-page{width:min(100% - 24px,1040px);padding-top:16px}.topbar{align-items:flex-start}.category-hero{grid-template-columns:1fr}.category-hero__icon{width:76px;height:76px;font-size:38px}.content-grid{grid-template-columns:1fr}.page-footer{flex-direction:column}}