:root{–font-base:16px;–font-family:”Helvetica Neue”,Helvetica,Arial,sans-serif;–color-text:#222;–color-link:#0066cc;–color-bg:#fafafa;–color-card:#f0f8ff;–color-card-h:#e0f0ff;–color-border:#e0e0e0;–color-accent:#0066cc;–color-alert:#c00;–radius:6px;–gap:1rem;}
html{font-size:var(–font-base);}body{margin:0;font-family:var(–font-family);color:var(–color-text);line-height:1.5;background:var(–color-bg);}a{color:var(–color-link);text-decoration:none;transition:color .2s;}a:hover{text-decoration:underline;}
h2,h3{margin-top:0;}
.top-nav{background:#0066cc;padding:0.5rem 1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
.top-nav a{color:#fff;font-weight:600;}
.top-nav a:hover{opacity:0.9;}
.featured-image{width:100%;height:auto;max-height:none;object-fit:cover;margin:0 0 var(–gap) 0;}
#carousel{position:relative;overflow:hidden;max-width:100%;margin:auto;}
#carousel img{width:100%;display:none;}
#carousel img.active{display:block;}
#carousel .dots{text-align:center;margin-top:.5rem;}
#carousel .dot{display:inline-block;width:.6rem;height:.6rem;margin:0 .25rem;background:#bbb;border-radius:50%;cursor:pointer;}
#carousel .dot.active{background:var(–color-accent);}
.layout{display:flex;flex-wrap:wrap;gap:var(–gap);padding:0 var(–gap);} .content{flex:1 1 600px;} .sidebar{flex:0 0 260px;position:sticky;top:1.5rem;align-self:start;background:var(–color-bg);padding:var(–gap);border:1px solid var(–color-border);border-radius:var(–radius);}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(–gap);margin:var(–gap) 0;}
.cat-grid a{display:block;padding:.75rem;background:var(–color-card);border:1px solid var(–color-border);border-radius:var(–radius);text-align:center;font-weight:600;transition:background .2s;}
.cat-grid a:hover{background:var(–color-card-h);}
.sidebar h3{margin:0 0 .5rem 0;color:var(–color-accent);} .sidebar ul,.sidebar p{margin:0 0 var(–gap) 0;padding:0;list-style:none;}.sidebar li+li{margin-top:.3rem;}
.sidebar button,.sidebar a.button{display:inline-block;padding:.5rem 1rem;background:var(–color-accent);color:#fff;border:none;border-radius:var(–radius);text-align:center;}
.sidebar a.button:hover{background:#0055aa;}
.sidebar .alert{background:var(–color-alert);color:#fff;}
input[type=”text”],input[type=”email”],textarea{width:100%;padding:.5rem;border:1px solid var(–color-border);border-radius:var(–radius);box-sizing:border-box;}
@media (max-width:900px){.layout{flex-direction:column;}.sidebar{position:static;width:auto;}}

const slides=document.querySelectorAll(‘#carousel img’);
const dots=document.querySelectorAll(‘#carousel .dot’);
let cur=0;
setInterval(()=>{
slides[cur].classList.remove(‘active’);
dots[cur].classList.remove(‘active’);
cur=(cur+1)%slides.length;
slides[cur].classList.add(‘active’);
dots[cur].classList.add(‘active’);
},5000);