/* Accounting Games v199.2 — page scoped, small and dependency-free */
body .oc-ag-hero,body .oc-ag-library,body .oc-ag-info,body .oc-ag-faq{--ag-text:var(--oc30-ink,#17314c);--ag-muted:var(--oc30-copy,#40566d);--ag-bg:var(--oc30-panel,#fff);--ag-line:var(--oc30-line,#cad8e6);--ag-blue:#245c8d;--ag-wash:var(--oc30-panel-2,#edf4f9);color:var(--ag-text)}
body .oc-ag-hero{background:linear-gradient(122deg,var(--ag-bg),var(--ag-wash));border:1px solid var(--ag-line);border-radius:17px;padding:clamp(16px,2vw,21px);margin:8px 0 14px;overflow:hidden}
.oc-ag-eyebrow,.oc-ag-overline,.oc-ag-category-label{font-size:.73rem;font-weight:800;letter-spacing:.07em;color:#28628f;margin:0 0 10px;line-height:1.5}
.oc-ag-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#168664;margin-right:6px}
body .oc-ag-hero h1{font-size:clamp(1.6rem,2.5vw,2rem)!important;line-height:1.13!important;letter-spacing:-.04em;margin:0 0 8px!important;color:var(--ag-text)!important}
body .oc-ag-hero>p{color:var(--ag-muted)!important;line-height:1.5!important;max-width:70ch;font-size:.88rem!important;margin:0 0 12px!important}
.oc-ag-hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.82rem;color:var(--ag-muted);margin-bottom:12px}
.oc-ag-hero-facts>span{display:inline-flex;align-items:baseline;gap:5px}
.oc-ag-hero-facts strong{font-weight:800;color:var(--ag-text);font-size:1.02rem}
.oc-ag-starter{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;border-top:1px solid var(--ag-line);padding-top:10px;font-size:.83rem;color:var(--ag-muted)}
.oc-ag-starter a{display:inline-flex;gap:8px;align-items:center;color:#fff!important;background:#235d97;padding:10px 14px;border-radius:9px;text-decoration:none!important;font-weight:750;line-height:1.3}
.oc-ag-starter a:hover,.oc-ag-starter a:focus-visible{background:#174979;text-decoration:none!important}
body .oc-ag-library{background:var(--ag-bg);border:1px solid var(--ag-line);border-radius:17px;padding:clamp(15px,2.5vw,24px);margin:12px 0 20px}
body .oc-ag-library-heading h2{font-size:clamp(1.25rem,2.1vw,1.55rem)!important;margin:0 0 6px!important;color:var(--ag-text)!important;letter-spacing:-.025em}
body .oc-ag-library-heading p{margin:0!important;font-size:.87rem;line-height:1.5;color:var(--ag-muted)}
.oc-ag-search-row{margin:18px 0 12px}
.oc-ag-search-wrap{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--ag-line);border-radius:11px;background:var(--ag-bg);padding:0 12px;transition:border-color .12s,box-shadow .12s}
.oc-ag-search-wrap:focus-within{border-color:#337ac0;box-shadow:0 0 0 3px rgba(38,115,186,.13)}
.oc-ag-magnifier{font-size:1.45rem;color:var(--ag-muted);line-height:1}
body .oc-ag-search-wrap input{display:block;width:100%;min-width:0;padding:13px 0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-size:.9rem;color:var(--ag-text)!important;line-height:1.4}
.oc-ag-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
body button.oc-ag-filter{border:1px solid var(--ag-line)!important;background:var(--ag-bg)!important;color:var(--ag-text)!important;border-radius:999px;padding:8px 11px;font-size:.8rem;font-weight:650;line-height:1.3;cursor:pointer;min-height:38px;white-space:normal}
.oc-ag-filter>span{color:var(--ag-muted);font-weight:550;margin-left:3px}
body button.oc-ag-filter.is-active{background:#235d97!important;border-color:#235d97!important;color:#fff!important}
body button.oc-ag-filter.is-active>span{color:#e7f0ff}
body button.oc-ag-filter:hover:not(.is-active){border-color:#4a83b2!important;background:var(--ag-wash)!important}
.oc-ag-results{display:flex;align-items:center;gap:14px;margin:12px 0 20px;color:var(--ag-muted);font-size:.8rem;min-height:20px}
body .oc-ag-results button,body .oc-ag-empty button{cursor:pointer;font-size:.8rem;color:#245e95!important;font-weight:750;background:transparent!important;border:0!important;padding:4px;text-decoration:underline}
.oc-ag-category{margin:0 0 27px;scroll-margin-top:20px}
.oc-ag-category:last-child{margin-bottom:0}
.oc-ag-category-intro{border-bottom:1px solid var(--ag-line);margin-bottom:13px;padding-bottom:11px}
.oc-ag-category-label{font-size:.66rem;margin:0 0 5px}
body .oc-ag-category h3{font-size:clamp(1.06rem,1.6vw,1.27rem)!important;letter-spacing:-.02em;margin:0 0 3px!important;line-height:1.35;color:var(--ag-text)!important}
.oc-ag-category-intro p:last-child{font-size:.8rem;color:var(--ag-muted);line-height:1.45;margin:0}
.oc-ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body a.oc-ag-game{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:167px;padding:14px;border:1px solid var(--ag-line);border-radius:13px;background:var(--ag-bg);text-decoration:none!important;color:var(--ag-text)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
body a.oc-ag-game:hover,body a.oc-ag-game:focus-visible{border-color:#4183b8;transform:translateY(-2px);box-shadow:0 7px 18px rgba(22,63,102,.12);text-decoration:none!important}
.oc-ag-game-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.oc-ag-game-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#245d8b;background:#eaf3fa;font-size:.72rem;font-weight:850}
.oc-ag-play{font-size:.73rem;font-weight:800;color:#286692}
.oc-ag-play span{font-size:1rem;margin-left:3px}
body .oc-ag-game strong{display:block;font-size:.93rem;line-height:1.32;letter-spacing:-.01em;color:var(--ag-text)!important}
body .oc-ag-game small{display:block;font-size:.78rem;line-height:1.5;color:var(--ag-muted)!important}
.oc-ag-empty{margin:8px 0;border:1px dashed var(--ag-line);border-radius:12px;padding:30px 15px;text-align:center;color:var(--ag-muted)}
.oc-ag-empty strong{display:block;font-size:1.1rem;color:var(--ag-text)}
.oc-ag-learning{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}
body .oc-ag-info,body .oc-ag-faq{padding:clamp(16px,2.4vw,23px);border:1px solid var(--ag-line);background:var(--ag-bg);border-radius:16px;margin:0}
body .oc-ag-info h2,body .oc-ag-faq h2{font-size:1.26rem!important;line-height:1.3;margin:0 0 12px!important;color:var(--ag-text)!important}
body .oc-ag-info>p{font-size:.86rem;line-height:1.7;color:var(--ag-muted);margin:0 0 11px}
body .oc-ag-info .oc-ag-note{font-size:.77rem;border-left:3px solid #4d83ae;padding-left:10px;margin:14px 0 0}
.oc-ag-formulas{margin:0}
.oc-ag-formulas>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid var(--ag-line);padding:8px 0;font-size:.78rem;line-height:1.4}
.oc-ag-formulas>div:last-child{border-bottom:0}
.oc-ag-formulas dt{font-weight:760;flex:0 0 auto}
.oc-ag-formulas dd{text-align:right;margin:0;color:var(--ag-muted)}
.oc-ag-faq{margin-bottom:26px!important}
.oc-ag-faq-list{border-top:1px solid var(--ag-line)}
.oc-ag-faq details{border-bottom:1px solid var(--ag-line);padding:10px 0}
.oc-ag-faq summary{cursor:pointer;font-size:.89rem;font-weight:740;line-height:1.4;color:var(--ag-text)}
.oc-ag-faq details p{font-size:.84rem;line-height:1.6;color:var(--ag-muted);margin:9px 0 4px}
.oc-ag-game[hidden],.oc-ag-category[hidden],.oc-ag-empty[hidden],.oc-ag-results button[hidden]{display:none!important}
@media (max-width:1040px){.oc-ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){body .oc-ag-hero{padding:15px;margin-top:8px}body .oc-ag-hero h1{font-size:1.65rem!important}body .oc-ag-library{padding:14px}.oc-ag-grid{grid-template-columns:minmax(0,1fr)}body a.oc-ag-game{min-height:0;padding:13px;gap:7px}.oc-ag-hero-facts{gap:6px 14px}.oc-ag-learning{grid-template-columns:minmax(0,1fr)}.oc-ag-formulas>div{flex-wrap:wrap;gap:3px}.oc-ag-formulas dd{text-align:left}.oc-ag-starter a{width:100%;justify-content:center}.oc-ag-filters{gap:6px}body button.oc-ag-filter{font-size:.77rem;padding:7px 10px}}
@media (prefers-reduced-motion:reduce){body a.oc-ag-game{transition:none}body a.oc-ag-game:hover{transform:none}}
/* Explicit dark overrides for themes that toggle on the root/body. */
html.dark body .oc-ag-hero,html.dark body .oc-ag-library,html.dark body .oc-ag-info,html.dark body .oc-ag-faq,html.oc-dark-preload body .oc-ag-hero,html.oc-dark-preload body .oc-ag-library,html.oc-dark-preload body .oc-ag-info,html.oc-dark-preload body .oc-ag-faq,body.oc-dark .oc-ag-hero,body.oc-dark .oc-ag-library,body.oc-dark .oc-ag-info,body.oc-dark .oc-ag-faq,body.dark-mode .oc-ag-hero,body.dark-mode .oc-ag-library,body.dark-mode .oc-ag-info,body.dark-mode .oc-ag-faq{--ag-blue:#b7d9ff;--ag-wash:#162638}
html.dark .oc-ag-eyebrow,html.dark .oc-ag-overline,html.dark .oc-ag-category-label,html.oc-dark-preload .oc-ag-eyebrow,body.oc-dark .oc-ag-eyebrow{color:#a9d6ff}
html.dark .oc-ag-play,html.oc-dark-preload .oc-ag-play,body.oc-dark .oc-ag-play{color:#abd5ff}
html.dark .oc-ag-game-symbol,html.oc-dark-preload .oc-ag-game-symbol,body.oc-dark .oc-ag-game-symbol{background:#193c5a;color:#c7e8ff}