/*
Theme Name: Euroheat Advice
Description: Articles-only theme for euroheat.com.au/advice/. Header and footer are the same markup as the static site and load its brand.css, so the two cannot drift apart.
Version: 1.0
Author: Euroheat Australia
*/
/* Page chrome (masthead, nav, footer, buttons) comes from https://euroheat.com.au/assets/brand.css. Only article styling lives here. */
.adv-hero{background:var(--blush);padding:56px 0 40px}
.adv-hero .eyebrow{font-family:var(--font-display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.adv-hero h1{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);line-height:1.1;color:var(--black);max-width:760px}
.adv-hero p{margin-top:14px;max-width:640px;color:var(--grey-600);font-size:17px}
.adv-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.adv-cats a{font-size:13px;padding:7px 14px;border:1px solid var(--grey-300);border-radius:999px;color:var(--ink);text-decoration:none;background:var(--white)}
.adv-cats a:hover,.adv-cats a.on{border-color:var(--red);color:var(--red)}
.adv-search{margin-top:22px;display:flex;gap:8px;max-width:420px}
.adv-search input{flex:1;padding:11px 14px;border:1px solid var(--grey-300);font:inherit;background:var(--white)}
.adv-search button{padding:11px 18px;border:0;background:var(--red);color:#fff;font:inherit;cursor:pointer}
.adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:44px 0 20px}
.adv-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--grey-200);background:var(--white)}
.adv-card:hover{border-color:var(--red)}
.adv-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--blush)}
.adv-card .ph{aspect-ratio:16/10;background:var(--blush)}
.adv-card .in{padding:22px 22px 24px;border-top:3px solid var(--red)}
.adv-card h2{font-size:17px;line-height:1.3;color:var(--black);font-family:var(--font-body);font-weight:700}
.adv-card p{margin-top:8px;font-size:14px;color:var(--grey-600)}
.adv-pager{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 0 60px}
.adv-pager a,.adv-pager span{padding:8px 14px;border:1px solid var(--grey-300);color:var(--ink);text-decoration:none;font-size:14px}
.adv-pager .current{background:var(--red);border-color:var(--red);color:#fff}
.adv-article{padding:48px 0 30px}
.adv-article .wrap{max-width:760px}
.adv-article .meta{font-size:13px;color:var(--grey-500);margin-bottom:10px}
.adv-article h1{font-family:var(--font-display);font-size:clamp(26px,3.6vw,38px);line-height:1.15;color:var(--black)}
.adv-article .feat{margin:26px 0;width:100%;height:auto;display:block}
.adv-body{font-size:17px;line-height:1.7;color:var(--ink)}
.adv-body>*+*{margin-top:1.1em}
.adv-body h2{font-family:var(--font-display);font-size:24px;line-height:1.2;color:var(--black);margin-top:1.8em}
.adv-body h3{font-size:19px;color:var(--black);margin-top:1.5em}
.adv-body a{color:var(--red);text-decoration:underline}
.adv-body ul,.adv-body ol{padding-left:1.4em}
.adv-body img,.adv-body video,.adv-body iframe{max-width:100%;height:auto}
.adv-body iframe{aspect-ratio:16/9;width:100%;height:auto}
.adv-body table{width:100%;border-collapse:collapse;font-size:15px}
.adv-body td,.adv-body th{border:1px solid var(--grey-200);padding:8px 10px;text-align:left}
.adv-next{background:var(--blush);padding:34px 0;margin-top:30px}
.adv-next .wrap{max-width:760px}
.adv-next h2{font-family:var(--font-display);font-size:22px;color:var(--black)}
.adv-next p{margin:8px 0 18px;color:var(--grey-600)}
.adv-empty{padding:60px 0;text-align:center;color:var(--grey-600)}
@media(max-width:860px){.adv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}.adv-hero{padding:38px 0 28px}}
@media print{.masthead,footer,.adv-next,.adv-search,.adv-cats,.m-cta-bar{display:none}}