/* Metricpedia Home & Garden category pilot: standalone responsive layout. */
.category-page{background:#f1f7ff;color:#061a3e;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.category-page .header{height:63px;background:#fff;border-color:#e5edf8}
.category-page .header-inner{max-width:1330px;width:92%;margin:auto;gap:36px}
.compact-brand{display:flex;flex-direction:column;align-items:stretch;width:174px;flex:none;color:#031f51;text-decoration:none}
.compact-brand strong{font-size:26px;line-height:1;font-weight:800;letter-spacing:-1.5px}
.mini-ruler{margin-top:3px;height:6px;background:repeating-linear-gradient(to right,#fff 0 1px,transparent 1px 9px),#0870f6;border-radius:2px}
.category-page nav{display:flex;align-items:center;gap:26px;margin-right:auto}
.category-page nav a,.category-page nav span{font-size:13px;color:#1b2b46;text-decoration:none}
.category-page .header-actions{display:flex;align-items:center;gap:22px;margin:0}
.category-page .header-actions .primary{display:inline-flex;text-decoration:none;padding:10px 17px;color:#fff;font-size:12px}
.header-search{font-size:28px;text-decoration:none;color:#0b234e}
.category-page .theme-toggle{cursor:pointer}
.category-hero{background:linear-gradient(90deg,#03190bdc 0%,#0b2d22a0 43%,#173c271c 100%),url('../assets/images/guide-4.jpg') center 51%/cover no-repeat;min-height:275px;margin:0;display:block;color:white}
.hero-overlay{background:linear-gradient(0deg,#0e211a23,#0e211a13);min-height:275px}
.hero-container{width:92%;max-width:1330px;margin:auto;padding:23px 0 29px}
.breadcrumbs,.breadcrumbs a{color:#f0f7f0;text-decoration:none;font-size:12px}
.hero-title{display:flex;align-items:center;gap:18px;margin:22px 0 9px}
.garden-bubble{width:59px;height:59px;border-radius:50%;background:#b1ffdb;color:#14794d;font-size:52px;line-height:51px;text-align:center;flex:none}
.hero-title h1{font-size:43px;line-height:1.12;letter-spacing:-1.5px;color:white}
.hero-container>p{max-width:680px;color:#fff;font-size:17px;line-height:1.4}
.category-search{display:flex;align-items:center;width:min(560px,100%);margin-top:19px;padding:4px 5px 4px 14px;height:45px;background:#fff;border:1px solid #e7eff7;border-radius:12px;box-shadow:0 4px 14px #0002}
.category-search>span{color:#29476e;font-size:25px;margin-right:12px}
.category-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#132b52;font-size:12px}
.category-search button{align-self:stretch;padding:0 27px;background:#075aff;color:white;border-radius:9px;cursor:pointer}
.category-content{max-width:1330px;width:92%;margin:0 auto;padding-top:23px}
.category-content .block{margin-bottom:26px}
.category-content .block-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}
.category-content .block-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.6px}
.category-content .block-heading p{font-size:14px;line-height:1.4;margin-top:3px;color:#7182a0}
.view-link{font-size:12px;color:#075aff;white-space:nowrap}
.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.category-page .card{border:1px solid #e4eaf4;background:#fff;border-radius:9px;box-shadow:0 1px 2px #0b274304}
.calc-card{display:flex;align-items:flex-start;gap:10px;padding:13px 10px;min-height:134px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.calc-card>img,.calc-card>.emoji-icon{width:43px;height:43px;object-fit:contain;flex:none}
.emoji-icon{display:grid;place-items:center;font-size:34px}
.calc-detail{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;height:100%}
.calc-detail h3{font-size:13px;line-height:1.3;color:#081c40}
.calc-detail p{font-size:12px;line-height:1.35;margin:5px 0 10px;color:#6d7d98;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.open-btn{border:1px solid #dce5f3;color:#385079;border-radius:7px;padding:6px 9px;margin-top:auto;font-size:11px;white-space:nowrap}
.open-btn span{margin-left:6px}
.topics-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.topic-pill{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;background:#f7faff;border:1px solid #e4ebf4;border-radius:22px;font-size:12px;white-space:nowrap}
.topic-pill>span:first-child{font-size:20px}
.topic-pill .chevron{margin-left:auto;font-size:18px;color:#526f9b}
.articles-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.story{overflow:hidden;min-width:0;display:flex;flex-direction:column;min-height:228px}
.story-image{height:112px;position:relative;margin:3px 3px 0}
.story-image img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}
.story-image .tag{position:absolute;left:8px;bottom:8px;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:700;background:#0865ee;color:white}
.tag.tag-quick-tips{background:#f6a106}
.tag.tag-buying-guide{background:#722acf}
.tag.tag-inspiration{background:#128b44}
.tag.tag-seasonal-tips{background:#19958e}
.story-body{padding:10px 11px 13px}
.story-body h3{font-size:14px;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.story-body p{font-size:12px;line-height:1.4;margin-top:5px;min-height:4.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.collections-panel{padding:17px 19px 20px;background:#e9f2ff;border-radius:10px}
.collections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.collection{display:flex;min-height:81px;align-items:center;gap:9px;padding:6px;min-width:0}
.collection img{width:78px;height:69px;object-fit:cover;border-radius:5px;flex:none}
.collection>div{min-width:0;flex:1}
.collection h3{font-size:12px;line-height:1.2}
.collection p{font-size:11px;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.collection .chevron{padding:3px;color:#526f9b}
.category-footer{margin-top:28px;padding:40px max(4%,calc((100vw - 1330px)/2)) 18px;background:#e4edfa;border-top:1px solid #d8e3f4}
.foot-layout{display:grid;grid-template-columns:1.55fr repeat(4,minmax(0,1fr));gap:35px}
.footer-wordmark{display:inline-block;font-size:31px;font-weight:800;letter-spacing:-1.5px;color:#031f51}
.footer-ruler{width:178px;height:7px;background:repeating-linear-gradient(to right,#fff 0 1px,transparent 1px 9px),#0870f6;border-radius:2px}
.foot-brand p{font-size:13px;line-height:1.6;margin:15px 0;color:#607394}
.social-icons{display:flex;gap:9px}
.social-icons span{width:35px;height:35px;border:1px solid #d9e2ee;border-radius:50%;display:grid;place-items:center;background:#fff;color:#223a5b;font-weight:700;font-size:18px}
.foot-col{display:flex;flex-direction:column;gap:9px}
.foot-col h3{font-size:15px;margin-bottom:5px}
.foot-col span{font-size:13px;line-height:1.4;color:#627491}
.foot-bottom{border-top:1px solid #d2dded;margin-top:29px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#657793;font-size:12px}
.foot-bottom strong{color:#052455}
.category-page .card:hover{transform:translateY(-3px);border-color:#075aff;box-shadow:0 8px 18px #075aff14}
.category-page .topic-pill:hover{border-color:#075aff}
.category-page .hidden-by-search{display:none}
html[data-theme="dark"] .category-page{background:#0e1116;color:#f1f4fa}
html[data-theme="dark"] .category-page .header{background:#0e1116}
html[data-theme="dark"] .compact-brand,html[data-theme="dark"] .category-page nav a,html[data-theme="dark"] .category-page nav span{color:#eef3ff}
html[data-theme="dark"] .category-page .card{background:#1b202a;border-color:#303846}
html[data-theme="dark"] .calc-detail h3,html[data-theme="dark"] .story-body h3{color:#eff4fc}
html[data-theme="dark"] .topic-pill{background:#1b202a;border-color:#303846}
html[data-theme="dark"] .collections-panel,html[data-theme="dark"] .category-footer{background:#1b202a}
html[data-theme="dark"] .footer-wordmark,html[data-theme="dark"] .foot-bottom strong{color:#edf4ff}
@media(max-width:1200px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.articles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}
@media(max-width:720px){.category-page .header{height:auto}.category-page .header-inner{padding:12px 0;flex-wrap:wrap;gap:15px}.compact-brand{width:150px}.compact-brand strong{font-size:22px}.category-page nav{order:3;width:100%;justify-content:center;gap:18px}.category-page .header-actions{margin-left:auto;gap:10px}.category-page .header-actions .primary{font-size:11px;padding:8px}.category-hero,.hero-overlay{min-height:295px}.hero-container{padding:19px 0}.hero-title{margin:19px 0 10px;gap:12px}.hero-title h1{font-size:34px}.garden-bubble{width:46px;height:46px;font-size:41px;line-height:40px}.hero-container>p{font-size:14px}.category-content{padding-top:22px}.category-content .block-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.category-content .block-heading h2{font-size:22px}.featured-grid,.articles-grid,.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-card{flex-direction:column;min-height:170px}.calc-detail h3{font-size:13px}.view-link{font-size:11px}.collections-panel{padding:13px}.collection{align-items:flex-start;flex-direction:column}.collection img{width:100%;height:80px}.collection .chevron{display:none}.story-image{height:100px}.foot-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.foot-brand{grid-column:1/-1}.foot-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:400px){.category-page .header-actions .primary{display:none}.calc-card{padding:10px}.topic-pill{padding:8px;font-size:11px}.articles-grid{gap:8px}.story-body{padding:8px}.story-body h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.category-page .card{transition:none}}

/* Shared footer: approved global appearance. */
.category-page footer{margin-top:28px;background:#e4edfa}
html[data-theme="dark"] .category-page footer{background:#1b202a}
/* Home & Garden featured calculator actions. */
.category-page .calc-card .open-btn{background:#0053ff;border-color:#0053ff;color:#fff;font-weight:500;box-shadow:0 2px 5px #0053ff19}
.category-page .calc-card .open-btn:hover{background:#0046d8;border-color:#0046d8}
html[data-theme="dark"] .category-page .calc-card .open-btn{background:#0053ff;border-color:#0053ff;color:#fff}