*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#142;background:#f7f4ee}a{color:#0b57d0}
.wrap{max-width:980px;margin:0 auto;padding:0 1rem}.top{border-bottom:1px solid #ddd;background:#f7f4eeea;position:sticky;top:0;z-index:10}
.top-in{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.brand{font-weight:700;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:8px}.brand span{color:#0b6e4f}
.brand-mark{display:block;border-radius:5px}.nav a{margin-left:10px;text-decoration:none;color:#555;font-size:.9rem}
.btn{display:inline-block;background:#0b6e4f;color:#fff!important;text-decoration:none;font-weight:650;padding:8px 12px;border-radius:7px;margin:4px 4px 0 0}
.btn-ghost{background:0 0;color:#0b6e4f!important;border:1px solid #b7d4c7}
.hero,.sec,.article{padding:16px 0}.story-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.story{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fffcf6}
.story img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.story-body{padding:.85rem 1rem 1rem}
.story-body h3{margin:0;font:650 1.05rem/1.25 Georgia,serif}
.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.card{border:1px solid #ddd;border-radius:10px;padding:12px;background:#fffcf6}.price{font-weight:700;color:#0b6e4f}
.lead,.sub,.eyebrow{color:#555}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0b6e4f}
h1{font:700 clamp(1.6rem,3vw,2.2rem)/1.2 Georgia,serif;margin:.4rem 0 .6rem}
.footer{border-top:1px solid #ddd;padding:16px 0;color:#666;font-size:.84rem}
.cat{margin:1.25rem 0 1.75rem}.cat-title{margin:0 0 .75rem;font:650 1.05rem/1.3 system-ui,sans-serif;color:#0b6e4f}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.product-card{display:flex;flex-direction:column}.product-card .card-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.product-card h3{margin:0;font:650 .98rem/1.25 system-ui,sans-serif}.card-note{margin:.15rem 0 0;color:#666;font-size:.78rem}
.city-badge{flex:0 0 auto;width:36px;height:36px;border-radius:9px;background:var(--c,#0b6e4f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 .62rem/1 system-ui,sans-serif}
.hero-img{width:100%;max-width:980px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;margin:.5rem 0 1rem}
.caption{color:#666;font-size:.85rem;margin:-.5rem 0 1rem}.prose{max-width:42rem}.prose h2{margin:1.2rem 0 .5rem}
.cta{margin:1.5rem 0;padding:1rem;border:1px solid #ddd;border-radius:10px;background:#fffcf6}