.seo-page{--accent:#08745c;--tint:#edf8f3;--line:#cde7dc;font-family:Inter,Arial,sans-serif;color:#19392f;background:#f6f9f7;min-height:100vh;padding:0 28px;line-height:1.6}
.seo-page *,.seo-page *::before,.seo-page *::after{box-sizing:border-box}
.seo-page>nav,.seo-page main,.seo-page footer{max-width:1140px;margin:auto}
.seo-page nav,.seo-page .seo-actions{display:flex;gap:18px;flex-wrap:wrap;padding:18px 0}
.seo-page>nav{align-items:center;border-bottom:1px solid #dce6df}
.seo-page a{color:#08664f;text-underline-offset:4px}
.seo-page>nav a{font-size:.9rem;font-weight:600;text-decoration:none;padding:6px 0}
.seo-page>nav a:first-child{color:#064e3b;font-weight:800;font-size:1.25rem;margin-right:auto}
.seo-page a:focus-visible,.seo-page button:focus-visible,.seo-page input:focus-visible{outline:3px solid #d99016;outline-offset:4px}
.seo-page h1{font-size:clamp(1.75rem,4vw,2.7rem);line-height:1.18;letter-spacing:-.035em;margin:26px 0 12px}
.seo-page h2{font-size:1.15rem;line-height:1.4}
.seo-page main{padding-bottom:24px;overflow-wrap:anywhere}
.seo-page .seo-breadcrumb{gap:10px;font-size:.85rem;padding:22px 0 16px}
.seo-breadcrumb a{text-decoration:none}
.seo-tone-amber{--accent:#94520b;--tint:#fff8ed;--line:#efdbbc}
.seo-tone-rose{--accent:#a13462;--tint:#fff2f7;--line:#efd0de}
.seo-tone-blue{--accent:#235e9b;--tint:#eff6ff;--line:#cbddf0}
.seo-category-hero{background:linear-gradient(125deg,#063e31,#0d6d54);color:white;padding:32px 36px;border-radius:20px;box-shadow:0 10px 30px #134e3510}
.seo-category-hero h1{margin-top:12px;max-width:820px;color:white}
.seo-category-hero p{color:#d6eae2;margin:12px 0 20px;max-width:650px}
.seo-eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:#b9dfca}
.seo-result-count{display:inline-block;border:1px solid #ffffff40;border-radius:30px;padding:7px 13px;font-size:.8rem;color:#f1fff6;background:#ffffff0d}
.seo-subcategory-section{margin:30px 0 34px}
.seo-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:25px 0 12px}
.seo-section-heading h2{margin:0;font-size:1.2rem}
.seo-section-heading>span{color:#64756c;font-size:.8rem}
.seo-page nav.seo-subcategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}
.seo-page a.seo-subcategory{display:flex;gap:12px;align-items:center;min-height:88px;padding:16px;background:var(--tint);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;text-decoration:none;color:#233b31;transition:background .15s,box-shadow .15s,transform .15s}
.seo-subcategory:hover{transform:translateY(-2px);box-shadow:0 6px 18px #19392f12}
.seo-category-icon{color:var(--accent);font-size:1.35rem;flex:0 0 24px}
.seo-category-copy{flex:1;min-width:0}
.seo-category-copy strong{display:block;line-height:1.35;font-size:.9rem}
.seo-category-copy small{display:block;font-size:.75rem;color:#596d62;margin-top:5px}
.seo-category-arrow{color:var(--accent);font-size:1.15rem}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.seo-grid article{padding:22px;background:#fff;border:1px solid #dde8e1;border-radius:14px;box-shadow:0 2px 5px #17372e04;overflow-wrap:anywhere}
.seo-grid article h2{margin:0 0 12px}
.seo-grid article h2 a{text-decoration:none;color:#125840}
.seo-grid article h2 a:hover{text-decoration:underline}
.seo-grid article p{font-size:.85rem;color:#5c6e64;margin:8px 0}
.seo-grid article p:first-of-type{font-size:.73rem;color:var(--accent);font-weight:600}
.seo-grid article p:last-of-type{font-size:.73rem;padding-top:12px;border-top:1px solid #edf1ee}
.seo-grid img{width:100%;height:240px;object-fit:cover;border-radius:12px}
.seo-notice{padding:14px 18px;border-left:4px solid #b98b36;background:#fff8e8;border-radius:6px;font-size:.9rem}
.seo-page .seo-actions a,.seo-page nav[aria-label="Pagination"] a{background:#fff;border:1px solid #c4dbcd;border-radius:9px;padding:10px 17px;font-weight:600;font-size:.85rem;text-decoration:none}
.seo-page nav[aria-label="Pagination"]{justify-content:center}
.seo-page nav[aria-label="Pagination"] a:hover{background:#e8f5ec}
.seo-page form{margin-top:28px}
.seo-page form label{font-size:.85rem;font-weight:600}
.seo-search{display:flex;gap:8px;margin:8px 0 24px;max-width:700px}
.seo-search input{min-width:0;flex:1;padding:13px;border:1px solid #abc1b7;border-radius:9px;font:inherit;font-size:.85rem;background:white}
.seo-search button{padding:12px 22px;background:#065f46;color:white;border:0;border-radius:9px;font:inherit;font-weight:600;cursor:pointer}
.seo-category-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.seo-category-list li a{display:flex;flex-direction:column;justify-content:space-between;gap:10px;height:100%;padding:18px;border:1px solid #d6e6dc;border-radius:12px;text-decoration:none;background:white}
.seo-category-list li a:hover{background:#edf8f1;border-color:#84b99d}
.seo-category-list strong{font-size:.9rem}
.seo-category-list a>span{font-size:.75rem;color:#62756a;display:flex;justify-content:space-between}
.seo-empty{padding:30px;border:1px dashed #b9d4c5;border-radius:14px;background:white}
.seo-empty p{color:#61766a}
.seo-page footer{border-top:1px solid #d9e4df;margin-top:30px;padding:24px 0;font-size:.82rem;color:#61766a}
@media(max-width:950px){.seo-page nav.seo-subcategories,.seo-grid,.seo-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seo-page{padding:0 16px}.seo-page>nav{gap:8px 16px;padding:14px 0}.seo-page>nav a:first-child{flex-basis:100%}.seo-category-hero{padding:25px 22px;border-radius:15px}.seo-page nav.seo-subcategories,.seo-grid,.seo-category-list{grid-template-columns:minmax(0,1fr)}.seo-section-heading{align-items:start}.seo-section-heading>span{text-align:right}.seo-page a.seo-subcategory{min-height:76px}.seo-search button{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.seo-page a.seo-subcategory{transition:none}.seo-subcategory:hover{transform:none}}
