/* OfficeCalculator.Net v128: math-game audience hubs and grade navigation. */
.oc-v128-audience-section{margin:16px 0;padding:22px;border:1px solid #d6e3ef;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#eef6ff)}
.oc-v128-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}
.oc-v128-section-head h2{margin:3px 0 5px;color:#173f67;font-size:clamp(1.35rem,2.5vw,1.8rem)}
.oc-v128-section-head p{max-width:800px;margin:0;color:#5c7087}
.oc-v128-kicker{color:#1f65e8;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.oc-v128-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oc-v128-audience-card{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid #d4e1ed;border-radius:14px;background:#fff;color:#173653;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.oc-v128-audience-card:hover{transform:translateY(-1px);border-color:#76a4d5;box-shadow:0 8px 18px rgba(35,79,122,.08)}
.oc-v128-audience-card>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#174f86;font-size:1.05rem;font-weight:900}
.oc-v128-audience-card strong{font-size:.95rem}
.oc-v128-audience-card small{color:#63768b;line-height:1.35}
.oc-v128-grade-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.oc-v128-grade-jump a{padding:14px;border:1px solid #d5e2ef;border-radius:14px;background:#fff;text-decoration:none;color:#173653}
.oc-v128-grade-jump strong,.oc-v128-grade-jump span{display:block}
.oc-v128-grade-jump strong{color:#1b5ba4;font-size:1rem}
.oc-v128-grade-jump span{margin-top:3px;color:#62758a;font-size:.84rem}
.oc-v128-hub-intro{margin:14px 0;padding:18px;border:1px solid #d7e4ef;border-radius:18px;background:#fff}
.oc-v128-hub-intro h2{margin:0 0 6px;color:#173f67}
.oc-v128-hub-intro p{margin:0;color:#586d84}
.oc-v128-start{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin:16px 0}
.oc-v128-start-main,.oc-v128-start-side{border-radius:18px;padding:20px}
.oc-v128-start-main{background:linear-gradient(135deg,#173f67,#1f65a1);color:#fff}
.oc-v128-start-main h2,.oc-v128-start-main p{color:#fff}
.oc-v128-start-main h2{margin:0 0 7px}
.oc-v128-start-main p{margin:0 0 15px;color:#e1edf8}
.oc-v128-start-side{border:1px solid #d8e3ed;background:#fff}
.oc-v128-start-side h2{margin:0 0 7px;color:#173f67;font-size:1.12rem}
.oc-v128-start-side p{margin:0 0 12px;color:#60748a}
.oc-v128-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:10px;background:#fff;color:#174f86;text-decoration:none;font-weight:900}
.oc-v128-start-side .oc-v128-cta{background:#1f65e8;color:#fff}
.oc-v128-skills{width:100%;border-collapse:collapse;margin:12px 0 4px;background:#fff}
.oc-v128-skills th,.oc-v128-skills td{padding:11px 12px;border:1px solid #d9e4ee;text-align:left;vertical-align:top}
.oc-v128-skills th{background:#edf5fd;color:#173f67;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.oc-v128-skills td{color:#405970}
.oc-v128-practice-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:practice}
.oc-v128-practice-plan>div{position:relative;padding:16px 14px 14px;border:1px solid #d8e3ee;border-radius:14px;background:#fff}
.oc-v128-practice-plan>div::before{counter-increment:practice;content:counter(practice);display:grid;place-items:center;width:30px;height:30px;margin-bottom:9px;border-radius:50%;background:#173f67;color:#fff;font-weight:900}
.oc-v128-practice-plan strong{display:block;color:#173f67}
.oc-v128-practice-plan p{margin:5px 0 0;color:#60748a;font-size:.9rem}
.oc-v128-note{margin-top:12px;padding:12px 14px;border-left:4px solid #e3a71b;border-radius:8px;background:#fff8e5;color:#6c4a00}
.oc-v128-compact{margin-top:20px}
.oc-v128-compact .oc-v128-audience-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.oc-v128-compact .oc-v128-audience-card{display:block;text-align:center}
.oc-v128-compact .oc-v128-audience-card>span{margin:0 auto 7px}
.oc-v128-compact .oc-v128-audience-card small{display:block;margin-top:3px}

html.oc-dark-preload .oc-v128-audience-section,body.oc-dark .oc-v128-audience-section{background:linear-gradient(145deg,#13243a,#102036);border-color:#344d69}
html.oc-dark-preload .oc-v128-section-head h2,body.oc-dark .oc-v128-section-head h2,html.oc-dark-preload .oc-v128-hub-intro h2,body.oc-dark .oc-v128-hub-intro h2{color:#eef5ff}
html.oc-dark-preload .oc-v128-section-head p,body.oc-dark .oc-v128-section-head p,html.oc-dark-preload .oc-v128-hub-intro p,body.oc-dark .oc-v128-hub-intro p{color:#b9c7d7}
html.oc-dark-preload .oc-v128-audience-card,body.oc-dark .oc-v128-audience-card,html.oc-dark-preload .oc-v128-grade-jump a,body.oc-dark .oc-v128-grade-jump a,html.oc-dark-preload .oc-v128-hub-intro,body.oc-dark .oc-v128-hub-intro,html.oc-dark-preload .oc-v128-start-side,body.oc-dark .oc-v128-start-side,html.oc-dark-preload .oc-v128-skills,body.oc-dark .oc-v128-skills,html.oc-dark-preload .oc-v128-practice-plan>div,body.oc-dark .oc-v128-practice-plan>div{background:#17263a;border-color:#3b506b;color:#eaf2fc}
html.oc-dark-preload .oc-v128-audience-card strong,body.oc-dark .oc-v128-audience-card strong,html.oc-dark-preload .oc-v128-grade-jump strong,body.oc-dark .oc-v128-grade-jump strong,html.oc-dark-preload .oc-v128-start-side h2,body.oc-dark .oc-v128-start-side h2,html.oc-dark-preload .oc-v128-practice-plan strong,body.oc-dark .oc-v128-practice-plan strong{color:#eff6ff}
html.oc-dark-preload .oc-v128-audience-card small,body.oc-dark .oc-v128-audience-card small,html.oc-dark-preload .oc-v128-grade-jump span,body.oc-dark .oc-v128-grade-jump span,html.oc-dark-preload .oc-v128-start-side p,body.oc-dark .oc-v128-start-side p,html.oc-dark-preload .oc-v128-practice-plan p,body.oc-dark .oc-v128-practice-plan p{color:#b8c7d8}
html.oc-dark-preload .oc-v128-skills th,body.oc-dark .oc-v128-skills th{background:#203751;color:#f0f6ff;border-color:#405873}
html.oc-dark-preload .oc-v128-skills td,body.oc-dark .oc-v128-skills td{color:#d8e5f2;border-color:#405873}

@media(max-width:900px){.oc-v128-audience-grid,.oc-v128-compact .oc-v128-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-v128-start{grid-template-columns:1fr}.oc-v128-practice-plan{grid-template-columns:1fr}}
@media(max-width:620px){.oc-v128-audience-section{padding:15px}.oc-v128-audience-grid,.oc-v128-compact .oc-v128-audience-grid,.oc-v128-grade-jump{grid-template-columns:1fr}.oc-v128-skills{display:block;overflow-x:auto;white-space:normal}.oc-v128-start-main,.oc-v128-start-side{padding:16px}}
@media(prefers-reduced-motion:reduce){.oc-v128-audience-card{transition:none}}