:root{--k:#000;--r:#BB0000;--g:#006600;--w:#fff;--bg:#f2f2ef;--t:#1a1a1a}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:Verdana,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--t);line-height:1.55;font-size:16px}
a{color:var(--g)}
.flag{height:14px;background:linear-gradient(#000 0 28%,#fff 28% 35%,#BB0000 35% 65%,#fff 65% 72%,#006600 72% 100%)}
.top{background:#000;color:#fff}
.top .in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;max-width:1040px;margin:0 auto}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:18px}
.brand small{display:block;font-weight:400;font-size:12px;color:#ccc}
.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;margin-left:14px}
.nav a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--r);text-decoration-thickness:3px}
.hero{background:#000 url('https://mfangano.com/backgrounds/background-school.png') center/cover;color:#fff}
.hero .in{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55));padding:26px 16px 30px}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.crumbs{font-size:13px;color:#ddd}.crumbs a{color:#fff}
h1{font-size:clamp(25px,4.2vw,40px);line-height:1.15;margin:8px 0 6px}
.meta{font-size:15px;color:#eee;margin:0}
.btns{margin-top:12px}
.btn{display:inline-block;margin:6px 8px 0 0;padding:9px 15px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px}
.bg{background:var(--g);color:#fff}.br{background:var(--r);color:#fff}.bw{background:#fff;color:#000}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;color:#fff;background:#000;margin-right:6px}
.badge.p{background:var(--g)}.badge.s{background:var(--r)}.badge.m{background:#fff;color:#000}
.note{background:#fff;border-left:6px solid var(--r);padding:10px 14px;margin:18px 0 8px;font-size:14px}
.card{background:#fff;border-radius:10px;padding:16px 18px;margin:14px 0;border-top:5px solid var(--g)}
.card.red{border-top-color:var(--r)}.card.blk{border-top-color:#000}
.card h2{margin:0 0 10px;font-size:19px;color:#000}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kpi{background:var(--bg);border-radius:8px;padding:10px}.kpi span{font-size:13px;color:#555}.kpi b{display:block;font-size:21px}
.ph{background:var(--bg);border:2px dashed #9a9a9a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#555;font-size:13px;text-align:center;min-height:96px;padding:8px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tags span{display:inline-block;background:#000;color:#fff;border-radius:14px;padding:3px 12px;margin:0 6px 6px 0;font-size:13px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.lead{display:flex;gap:14px;align-items:center}.lead .ph{width:96px;min-height:96px;border-radius:50%}
ul.l{list-style:none;padding:0;margin:0}ul.l li{padding:6px 0;border-bottom:1px solid #eee}
.mu{color:#555;font-size:14px}
.search{margin:16px 0 6px}
.search input{width:100%;max-width:520px;padding:12px 14px;font-size:16px;border:2px solid var(--g);border-radius:8px}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:14px 0}
.sc{display:block;background:#fff;border-radius:10px;padding:14px 16px;text-decoration:none;color:#000;border-left:6px solid #000}
.sc.p{border-left-color:var(--g)}.sc.s{border-left-color:var(--r)}
.sc b{display:block;font-size:16px;margin-bottom:6px}
.sc:hover{outline:3px solid var(--g)}
.bot{background:#000;color:#ddd;font-size:13px;margin-top:26px}
.bot .in{max-width:1040px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
.bot a{color:#fff}
@media(max-width:600px){.nav a{margin:0 12px 0 0}.hero .in{padding:20px 16px 24px}}