/* Demo blog — accents only: terracotta #C2410C, teal #0F766E */
*{box-sizing:border-box} body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#222;line-height:1.65;background:#fdfcfa}
a{color:#0F766E} a:hover{color:#C2410C}
header.site{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 1rem;border-bottom:3px solid #C2410C}
header.site h1{margin:0;font-size:2rem} header.site h1 span{color:#C2410C}
header.site p{color:#555;max-width:640px} .demo-note{background:#fff7ed;border:1px solid #fed7aa;padding:.75rem 1rem;border-radius:8px;font-family:system-ui,sans-serif;font-size:.9rem}
main{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3rem}
h2.cat{font-family:system-ui,sans-serif;font-size:1.25rem;margin:2.5rem 0 1rem;padding-bottom:.4rem;border-bottom:2px solid #0F766E}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}
.card{background:#fff;border:1px solid #e5e0d8;border-radius:10px;overflow:hidden}
.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.card-body{padding:.9rem 1rem 1.1rem}.card-body h3{margin:0 0 .4rem;font-size:1.05rem;line-height:1.3}
.card-body h3 a{color:#222;text-decoration:none}.card-body h3 a:hover{color:#C2410C}
.card-body p{margin:0;font-size:.95rem;color:#444}
article{max-width:720px;margin:0 auto} article h1{font-size:1.9rem;line-height:1.25;margin-bottom:.3rem}
.meta{font-family:system-ui,sans-serif;color:#666;font-size:.9rem;margin-bottom:1.5rem}
.meta b{color:#C2410C} .meta b.teal{color:#0F766E}
.promise{background:#f0fdfa;border-left:4px solid #0F766E;padding:1rem 1.25rem;border-radius:0 8px 8px 0;font-size:1.05rem}
article figure{margin:1.5rem 0;text-align:center} article figure img{max-width:420px;width:100%;border-radius:10px}
article h2{font-family:system-ui,sans-serif;margin-top:2rem;color:#C2410C}
.products{list-style:none;padding:0}.products li{background:#fff;border:1px solid #e5e0d8;border-radius:8px;padding:1rem;margin-bottom:.75rem}
.products .plink{font-family:system-ui,sans-serif;font-size:.9rem;color:#0F766E}
nav.back{font-family:system-ui,sans-serif;margin-bottom:1rem}
footer{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 2.5rem;color:#777;font-size:.85rem;font-family:system-ui,sans-serif;border-top:1px solid #e5e0d8}
@media(max-width:600px){header.site h1{font-size:1.5rem} article h1{font-size:1.5rem}}