:root{--purple:#111111;--plum:#2b2414;--gold:#d4af37;--ink:#1b1914;--muted:#625d50;--paper:#fbf7eb;--white:#fff;--line:#ddd0a8;--green:#806515}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--purple)}header{background:var(--purple);color:white;padding:1.4rem 6vw}header h1{font-family:Georgia,serif;margin:0 0 .7rem;font-size:clamp(1.6rem,4vw,2.4rem)}nav{display:flex;flex-wrap:wrap;gap:1rem 1.6rem}nav a{color:white;text-decoration:none;font-weight:bold;font-size:.92rem}.hero{padding:5rem 7vw 4rem;background:linear-gradient(135deg,#fffaf0,#f3e3ae);border-bottom:1px solid var(--line)}.eyebrow{color:var(--green);font-size:.75rem;font-weight:bold;letter-spacing:.15em;text-transform:uppercase}.hero h2{max-width:900px;margin:.4rem 0 1rem;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:normal;letter-spacing:-.04em;line-height:1.02;color:var(--purple)}.hero p{max-width:800px;color:var(--muted);font-size:1.1rem}.quicknav{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.quicknav a{padding:.55rem .9rem;border:1px solid var(--purple);border-radius:999px;text-decoration:none;font-size:.84rem;font-weight:bold}.content{max-width:1200px;margin:auto;padding:4rem 6vw}section{margin-bottom:4.5rem}h3{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:normal;color:var(--purple);margin:0 0 1.2rem}h4{font-size:1.08rem;color:var(--purple);margin:.2rem 0 .6rem}.principles,.goal-grid,.support-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:1.35rem}.card p,.card li{color:var(--muted);font-size:.94rem}.card ul{padding-left:1.15rem;margin-bottom:0}.grade-block{margin-top:2rem}.grade-label{display:inline-block;background:var(--purple);color:white;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:bold;letter-spacing:.08em;text-transform:uppercase}.unit{display:grid;grid-template-columns:115px minmax(0,1fr) minmax(220px,.7fr);gap:1.25rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.unit-time{color:var(--green);font-size:.78rem;font-weight:bold;text-transform:uppercase}.unit h4{font-family:Georgia,serif;font-size:1.35rem;font-weight:normal}.unit p{margin:.35rem 0;color:var(--muted)}.task{background:#fff7dc;border-left:3px solid var(--gold);padding:.9rem;font-size:.9rem}.cycle{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.cycle div{background:var(--purple);color:white;border-radius:8px;padding:1rem;font-size:.88rem}.cycle strong{display:block;color:#f2ca76;margin-bottom:.35rem}.assessment-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.assessment-list .card{border-top:4px solid var(--gold)}.note{padding:1.2rem;border-left:4px solid var(--green);background:#fff7dc;color:#4b3b0b}.back{display:inline-block;margin-top:1rem;font-weight:bold}footer{display:flex;justify-content:space-between;gap:2rem;background:#050505;color:white;padding:2.2rem 6vw;font-size:.9rem}footer a{color:#f2ca76}@media(max-width:850px){.principles,.goal-grid,.support-grid,.project-grid{grid-template-columns:1fr 1fr}.unit{grid-template-columns:1fr}.cycle{grid-template-columns:1fr 1fr}.assessment-list{grid-template-columns:1fr}}@media(max-width:560px){header,.hero,.content{padding-left:1.4rem;padding-right:1.4rem}.principles,.goal-grid,.support-grid,.project-grid,.cycle{grid-template-columns:1fr}footer{flex-direction:column}}.site-logo{display:block;width:190px;max-width:72vw;height:auto;object-fit:contain;margin:0 auto .85rem;padding:7px;border-radius:14px;background:#f1dfb8;border:1px solid rgba(255,255,255,.45);box-shadow:0 7px 20px rgba(0,0,0,.24)}header{text-align:center}header nav{justify-content:center}

/* Shared sitewide visitor counter */
footer { flex-wrap: wrap; }
footer:not(:has(.site-visitor-counter))::after {
    content: url("https://hits.sh/aberewamiddleschool.org.svg?view=total&style=flat-square&label=Site%20Visits&color=d4af37&labelColor=111111");
    display: block;
    flex-basis: 100%;
    width: 100%;
    margin-top: 0.85rem;
    line-height: 0;
    text-align: center;
}