/* Unified brand, category colours and clear navigation affordances. */
header .masthead{padding:32px 0;gap:40px}header .brand{font-size:38px;letter-spacing:-1.8px;gap:15px;line-height:1.2;flex-shrink:0}header .brand-icon{width:60px;height:60px;font-size:32px;border-radius:17px 17px 6px 17px;background:#235541;border:1px solid #16432f;box-shadow:0 5px 0 #e4ecdf}header .brand small{font-size:12px;letter-spacing:1.1px;margin-top:9px;color:#53684c;font-weight:500}header .brand-note{font-size:14px;color:#53664d;padding-left:35px}
.categories{gap:14px}.categories button{--accent:#316a51;--tint:#f1f7ef;--edge:#c3d8be;background:var(--tint);border:1px solid var(--edge);border-top:3px solid var(--accent);padding:23px 16px;border-radius:11px;gap:12px;box-shadow:0 3px 0 #233c2810;transition:transform .18s,box-shadow .18s}.categories button:nth-child(2){--accent:#9b5b35;--tint:#fcf5ec;--edge:#e7d2b9}.categories button:nth-child(3){--accent:#3a6b86;--tint:#f0f6fa;--edge:#c6d9e5}.categories button:nth-child(4){--accent:#77613a;--tint:#f8f5e9;--edge:#dfd5b5}.categories button:hover{background:var(--tint);box-shadow:0 8px 18px #233c2815;transform:translateY(-3px)}.categories h2{font-size:17px}.categories p{font-size:12px;color:#5c6855}.cat-icon{background:#ffffffc9;border:1px solid var(--edge);color:var(--accent);width:46px;height:50px;flex-shrink:0;border-radius:10px}.cat-icon svg{width:31px;height:34px;stroke-width:1.7}.arrow,.row-arrow,.quick-list b,.about-box>a>span,.read-link b{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;flex-shrink:0;background:#285b49;color:#fff;font-size:21px;line-height:1;font-weight:500;box-shadow:0 2px 3px #15351f15;transition:transform .18s,background .18s}.categories .arrow{background:var(--accent);width:29px;height:29px;font-size:20px}.article-row .row-arrow{background:#edf3e8;border:1px solid #c5d6ba;color:#285b49;width:33px;height:33px}.article-row:hover .row-arrow{background:#285b49;color:#fff;transform:translate(2px,-2px)}.read-link{display:flex;width:max-content;align-items:center;gap:15px;font-size:14px;font-weight:600}.read-link b{margin:0;background:#e5efc9;color:#254c37;width:36px;height:36px;font-size:23px}.feature-card:hover .read-link b{transform:translate(2px,-2px);background:#f3f8e6}.quick-list b{width:27px;height:27px;font-size:18px;background:#edf3e6;color:#285b49;border:1px solid #d3dec7}.about-box>a{align-items:center}.about-box>a>span{width:28px;height:28px;font-size:19px}.section-title h2{position:relative;padding-left:13px}.section-title h2:before{content:'';position:absolute;left:0;top:5px;bottom:3px;width:4px;background:#739266;border-radius:3px}.article-symbol{width:74px;height:76px;border:1px solid #ccdcbc;background:#f1f7e9;color:#426a34;border-radius:14px;position:relative;box-shadow:inset 0 0 0 5px #ffffff65}.article-symbol:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.3;right:10px;top:10px}.article-symbol svg{width:39px;height:42px;stroke-width:1.7}.article-row:nth-child(3n+2) .article-symbol{border-color:#e4ceb6;background:#fbf3e9;color:#9a653b}.article-row:nth-child(3n) .article-symbol{border-color:#c7dce7;background:#edf5fa;color:#416f89}.article-row{padding:24px 8px;gap:20px;border-radius:6px;transition:background .18s}.article-row:hover{background:#f7f9f3}.filters button{border:1px solid #dce4d4;padding:8px 15px;background:#f6f8f2;color:#526749}.filters button.selected{border-color:#285b49}.about-box{border-color:#d5dfc7;background:#f3f6eb;border-top:3px solid #9caf80}.quick-list{padding:22px 18px;border:1px solid #e0e6d7;background:#fcfdf9;border-radius:10px}.quick-list .section-title{margin-bottom:9px}.quick-list button{font-size:13px;gap:8px}.quick-list button:last-child{border-bottom:0}.quick-list span{color:#6b8256}.editorial{padding:25px 18px}.search{border-color:#b7c9a9;box-shadow:0 4px 14px #2b4b2410}.bottom-note{background:#f7f9f1;border:1px solid #dce5cd;border-radius:12px;padding:30px}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.categories button{gap:8px;padding:20px 12px}.categories h2{font-size:15px}.cat-icon{width:39px;height:44px}.categories .arrow{width:25px;height:25px;font-size:17px}.categories p{font-size:11px}.quick-list{padding:18px 12px}.quick-list button{font-size:12px}}
@media(max-width:760px){header .masthead{padding:27px 0;gap:12px}header .brand{font-size:32px;gap:12px;letter-spacing:-1.5px}header .brand-icon{width:52px;height:54px;font-size:29px;border-radius:14px 14px 5px 14px}header .brand small{font-size:10px;letter-spacing:.7px;margin-top:7px}.search-toggle{width:38px;height:38px;padding:8px;flex-shrink:0}.categories{gap:11px}.categories button{position:relative;display:grid;grid-template-columns:1fr 24px;gap:12px;padding:15px 13px;align-items:start}.categories .cat-icon{grid-column:1;grid-row:1;width:40px;height:43px}.categories button>div{grid-column:1 / -1;grid-row:2}.categories .arrow{grid-column:2;grid-row:1;margin-top:8px;width:24px;height:24px;font-size:17px}.categories h2{font-size:16px}.categories p{font-size:11px}.cat-icon svg{width:29px;height:31px}.article-row{gap:12px;padding:22px 0}.article-symbol{width:54px;height:60px;border-radius:11px;box-shadow:inset 0 0 0 3px #ffffff65}.article-symbol svg{width:31px;height:35px}.article-symbol:after{width:5px;height:5px;right:6px;top:6px}.article-row .row-arrow{display:inline-flex;width:25px;height:25px;font-size:17px;margin-left:auto}.article-row>div{flex:1}.article-row h3{font-size:16px}.article-row p{font-size:12px;line-height:1.8}.article-row .tag{font-size:11px}.read-link{font-size:13px;gap:12px}.read-link b{width:31px;height:31px;font-size:21px}.quick-list{margin-top:0;padding:22px}.quick-list button{font-size:13px}.bottom-note{padding:25px 20px}.section-title h2{padding-left:11px}.filters{gap:5px}.filters button{padding:7px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.categories button:hover,.article-row:hover .row-arrow,.feature-card:hover .read-link b{transform:none}}