/* Site-wide chalkboard theme, copied from /math/common.css so /amc8/ stands alone online and offline. */
@import url('site-base.css');
[hidden] { display:none !important; }
.sheet > * { position:relative; z-index:1; }
.board { min-height:140px; }
.en { font-size:clamp(1.15rem,2.4vw,1.45rem); font-weight:600; line-height:1.65; margin:0; overflow-wrap:anywhere; }
.q-meta { margin:0 0 10px; font-size:.95rem; opacity:.85; }
.figure { margin:16px 0; background:#fffaf0; border-radius:18px; padding:12px; }
.figure img, .orig-panel img { display:block; max-width:100%; max-height:600px; margin:auto; object-fit:contain; }
.stem-svg { display:block; width:min(100%,520px); margin:auto; background:#fffaf0; border-radius:12px; }
.answers.cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.choice { border-radius:18px; background:var(--cream); color:var(--ink); padding:14px 10px; box-shadow:0 4px 0 rgba(122,74,40,.16); overflow-wrap:anywhere; font-family:inherit; }
.choice b { display:block; font-size:1.45rem; margin-bottom:8px; }
.choice span { display:block; font-size:1.05rem; line-height:1.5; }
.choice.selected { outline:3px solid var(--moss); background:#e0ebc7; }
.choice:disabled { cursor:default; opacity:1; }
button:focus-visible, a:focus-visible, select:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
button:disabled { cursor:default; filter:grayscale(.5); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.card { color:inherit; text-decoration:none; background:var(--cream); border-radius:18px; padding:16px; box-shadow:0 4px 0 rgba(122,74,40,.16); }
.card strong { display:block; font-size:1.2rem; margin-bottom:8px; }
.card p { line-height:1.55; }
.card a { color:var(--pine); font-weight:700; }
.card button { margin-top:12px; }
.exam-entry { display:block; margin:0 0 24px; padding:22px; border-radius:20px; background:var(--moss); color:#fff9de; text-decoration:none; box-shadow:0 5px 0 #233c2a; }
.exam-entry strong { display:block; font-size:1.5rem; margin-bottom:8px; }
h2 { font-size:1.35rem; margin:20px 0 12px; }
.note { line-height:1.6; opacity:.85; }
.badge { display:inline-block; font-size:.85rem; padding:4px 8px; border-radius:8px; background:#e8d3a2; }
.reader { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.reader label { display:flex; gap:6px; align-items:center; }
.orig-panel,.explanation { margin:16px 0; padding:16px; background:#fffaf0; border-radius:16px; line-height:1.7; }
.status.ok { color:var(--moss); } .status.bad { color:var(--berry); }
math { font-size:1.12em; } .board math { color:inherit; }
@media(max-width:700px) { .answers.cols-5 { grid-template-columns:repeat(2,minmax(0,1fr)); } .sheet { padding:18px 14px; } }

/* Match Kangaroo’s current content width while inheriting shared site colors. */
.wrap,.site-switch { width:min(1100px,calc(100% - 24px)); }
.site-switch { flex-wrap:wrap; }
.site-switch a { flex:1 1 80px; min-width:0; }
.en { font-family:"Fredoka","PingFang SC",sans-serif; }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.answers.has-figures { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:500px) { .answers.has-figures { grid-template-columns:1fr; } }