/* The help center (/help, /help/<slug>). Same look as the teacher app
   (public/shell.css): cream, gold and navy, Georgia. Built pages come from
   scripts/help/build.cjs; behaviour is public/help-center.js. */
:root{--hc-ink:#2b2620;--hc-mut:#6b6356;--hc-brown:#7c4a03;--hc-gold:#c98a2b;--hc-cream:#fdf8ee;--hc-line:#e3d5b8;--hc-bg:#f4efe3;--hc-navy:#1b2130}
[hidden]{display:none!important}
body.hc-body{margin:0;background:var(--hc-bg);color:var(--hc-ink);font-family:Georgia,"Times New Roman",serif}
.hc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hc-member-only{display:none}
body.hc-member .hc-member-only{display:block}
body.hc-member .hc-anon-only,body.hc-member .hc-top,body.gr-shell .hc-top{display:none}

/* signed-out top bar */
.hc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(180deg,var(--hc-navy),#232b3d);color:#f4ede0;flex-wrap:wrap}
.hc-brand{color:#f4d9a6;text-decoration:none;font-weight:bold;font-size:18px;letter-spacing:.02em;white-space:nowrap}
.hc-top-links{display:flex;align-items:center;gap:14px}
.hc-top-links a{color:#f4d9a6;font:600 15px system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none}
.hc-top-links a.gr-btn{color:#fff;padding:8px 14px;font-family:inherit}

.hc{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:28px 16px 64px}
body.gr-shell .hc{padding:0 0 48px}
.hc *{box-sizing:border-box}
.hc a{color:var(--hc-brown)}
.hc h1{font-size:clamp(28px,5vw,38px);line-height:1.15;margin:0 0 8px;color:var(--hc-brown)}
.hc h2{font-size:22px;margin:0 0 6px;color:var(--hc-brown)}

/* hub */
.hc-hero{background:linear-gradient(160deg,#fffaf0,#f7ead0);border:1px solid var(--hc-line);border-radius:18px;padding:26px 22px 20px;box-shadow:0 8px 30px rgba(60,40,10,.08);margin:0 0 26px}
.hc-sub{color:var(--hc-mut);font-size:17px;margin:0 0 16px}
.hc-search{display:flex;gap:8px;max-width:640px}
.hc-search input{flex:1;min-width:0;padding:13px 14px;font:17px Georgia,serif;border:1.5px solid #c9b189;border-radius:11px;background:#fff;color:var(--hc-ink)}
.hc-search input:focus{outline:3px solid rgba(201,138,43,.45);outline-offset:1px;border-color:var(--hc-gold)}
.hc-search .gr-btn{flex:none}
.hc-filter{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.hc-filter button{font:700 13px system-ui,-apple-system,"Segoe UI",sans-serif;border:1.5px solid var(--hc-line);background:#fff;color:var(--hc-mut);border-radius:999px;padding:6px 13px;cursor:pointer}
.hc-filter button[aria-pressed="true"]{background:var(--hc-brown);border-color:var(--hc-brown);color:#fff}
.hc-filter button:focus-visible,.hc-cats a:focus-visible,.hc-item a:focus-visible{outline:3px solid var(--hc-brown);outline-offset:2px}
.hc-cats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.hc-cats a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#efe5cf;color:#5c3a06;border-radius:999px;padding:6px 12px;font:600 14px system-ui,-apple-system,"Segoe UI",sans-serif}
.hc-cats a:hover{background:#e7d6b2}
.hc-none{background:#fff3dc;border:1px solid var(--hc-line);border-radius:12px;padding:12px 16px;font-size:16px}
.hc-sec{margin:0 0 30px;scroll-margin-top:16px}
.hc-blurb{color:var(--hc-mut);margin:0 0 12px;font-size:15.5px}
.hc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:760px){.hc-list{grid-template-columns:minmax(0,1fr)}}
.hc-item{position:relative;background:#fff;border:1px solid var(--hc-line);border-radius:14px;min-width:0}
.hc-item:hover{border-color:var(--hc-gold)}
.hc-item a{display:flex;flex-direction:column;gap:4px;padding:14px 16px 38px;text-decoration:none;color:inherit;border-radius:14px;overflow-wrap:anywhere}
.hc-item a b{color:var(--hc-brown);font-size:16.5px;line-height:1.3}
.hc-item a span{color:var(--hc-mut);font-size:14.5px;line-height:1.45}
.hc-item .hc-pill{position:absolute;left:16px;bottom:12px}
.hc-pill{display:inline-block;font:700 11.5px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;border-radius:999px;padding:2px 9px;white-space:nowrap;background:#efe5cf;color:#6b4a10}
.hc-pill-arcade{background:#e8eefc;color:#2a4f9c}.hc-pill-gameroom{background:#fbe7cf;color:#7c4a03}.hc-pill-both{background:#e7f3ea;color:#2e6b43}
.hc-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.hc-vids{grid-template-columns:minmax(0,1fr)}}
.hc-vid{display:flex;flex-direction:column;border:1px solid var(--hc-line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.hc-vid:hover,.hc-vid:focus-visible{border-color:var(--hc-gold)}
.hc-vid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#1b1430}
.hc-vid span{padding:10px 13px 12px;display:flex;flex-direction:column;gap:3px}
.hc-vid b{color:var(--hc-brown);font-size:15.5px}.hc-vid small{color:#8a7f6c;font-size:13px}
.hc-report{padding:20px}
.hc-chat-row{margin:12px 0 0;font-size:15.5px;color:var(--hc-mut)}
.hc-chat-row .gr-btn{margin-left:4px}
.hc-contact .hc-chat-row{margin-top:12px}
.hc-report textarea{min-height:140px}
.hc-report .gr-actions{justify-content:flex-start;margin-top:10px}

/* article */
.hc-article{max-width:780px}
.hc-crumbs{font:14px system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--hc-mut);margin:0 0 14px}
.hc-crumbs a{text-decoration:none}
.hc-lede{font-size:19px;line-height:1.5;color:#4a4235;margin:0 0 10px}
.hc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:13.5px system-ui,-apple-system,"Segoe UI",sans-serif;color:#8a7f6c;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--hc-line)}
.hc-prose{font-size:17px;line-height:1.65;overflow-wrap:anywhere}
.hc-prose h2{font-size:22px;margin:28px 0 8px}
.hc-prose h3{font-size:18.5px;margin:22px 0 6px;color:#5c3a06}
.hc-prose p{margin:0 0 14px;max-width:70ch}
.hc-prose ul,.hc-prose ol{margin:0 0 16px;padding-left:24px;max-width:68ch}
.hc-prose li{margin:0 0 6px}
.hc-prose li::marker{color:var(--hc-gold);font-weight:bold}
.hc-prose code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;border:1px solid var(--hc-line);border-radius:5px;padding:1px 6px;background:#faf6ec;white-space:nowrap}
.hc-prose pre{background:#faf6ec;border:1px solid var(--hc-line);border-radius:10px;padding:12px 14px;overflow-x:auto}
.hc-prose pre code{border:0;padding:0;white-space:pre}
.hc-tip{background:#fff3dc;border-left:4px solid var(--hc-gold);border-radius:0 12px 12px 0;padding:12px 16px;margin:0 0 16px}
.hc-tip p{margin:0}.hc-tip p+p{margin-top:8px}
.hc-related{margin:30px 0 0;padding:18px 20px;background:var(--hc-cream);border:1px solid var(--hc-line);border-radius:14px}
.hc-related h2{font-size:18px}
.hc-related ul{margin:6px 0 0;padding-left:20px}.hc-related li{margin:0 0 6px}
.hc-contact{margin:28px 0 0;padding:18px 20px;background:#fff;border:1px solid var(--hc-line);border-radius:14px}
.hc-contact h2{font-size:19px}.hc-contact p{margin:0;line-height:1.55}
@media (max-width:480px){.hc-hero{padding:20px 16px 16px}.hc-search{flex-direction:column}.hc-search .gr-btn{justify-content:center}.hc-top-links{gap:10px}}
@media print{.hc-top,.hc-search,.hc-filter,.hc-contact{display:none!important}}