/* Beedy Academy — beedy.ca chrome (copied from the beedy.ca help centre, 2026-10-11) */
:root[data-theme="dark"]{--bg-0:#06090f;--bg-1:#0b1119;--bg-2:#111a26;--line:rgba(120,200,220,.10);--line-strong:rgba(120,200,220,.22);
  --text:#e6eef7;--muted:#8aa0b8;--dim:#5e7188;--accent:#3ad9d9;--accent-2:#ffb547;--card:#0f1822;--on-accent:#04161a;--code:#172234;color-scheme:dark}
:root[data-theme="light"]{--bg-0:#f4ede0;--bg-1:#fbf6ea;--bg-2:#ecdfc8;--line:rgba(70,55,30,.12);--line-strong:rgba(70,55,30,.26);
  --text:#1c1a14;--muted:#5b5240;--dim:#85795e;--accent:#0e6e7e;--accent-2:#b8590b;--card:#fbf6ea;--on-accent:#fff;--code:#ecdfc8;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-0);color:var(--text);font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.wrap{max-width:1160px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
header.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg-0) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{font:800 1.45rem/1 Fraunces,Georgia,serif;color:var(--text);text-decoration:none;margin-right:auto;white-space:nowrap}
.brand span{color:var(--accent)}
header nav{display:flex;gap:20px}
header nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.92rem}
header nav a:hover,header nav a[aria-current]{color:var(--text)}
.ctl{display:flex;gap:8px}
.ctl select,.ctl button{background:var(--bg-1);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;height:34px;padding:0 10px;font:600 .8rem Inter,sans-serif;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid var(--line-strong);color:var(--text);background:transparent;font-size:.95rem;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.mono{font:500 .74rem 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
/* index */
.hero{padding-block:clamp(36px,7vw,80px) 28px}
.hero h1{font:800 clamp(2rem,4.4vw,3.2rem)/1.1 Inter,sans-serif;letter-spacing:-.025em;margin:10px 0 14px}
:root[data-theme="light"] h1,:root[data-theme="light"] .art h2{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.01em}
.hero p{color:var(--muted);font-size:1.08rem;max-width:62ch}
.search{margin-top:26px;position:relative;max-width:640px}
.search input{width:100%;height:52px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg-1);color:var(--text);padding:0 16px 0 46px;font:400 1.02rem Inter,sans-serif}
.search svg{position:absolute;left:16px;top:16px;width:20px;height:20px;stroke:var(--muted)}
.results{margin-top:10px;max-width:640px;display:none;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);overflow:hidden}
.results a{display:block;padding:12px 16px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}
.results a:last-child{border-bottom:0}
.results a small{display:block;color:var(--muted)}
.results p{padding:12px 16px;color:var(--muted)}
.secs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:28px 64px}
.sec{border-top:2px solid var(--accent);padding-top:14px}
.sec h2{font-size:1.08rem;margin-bottom:8px}
.sec ul{list-style:none}
.sec li{padding:7px 0;border-bottom:1px solid var(--line)}
.sec li a{text-decoration:none;font-weight:600}
.sec li small{display:block;color:var(--muted);font-size:.86rem;line-height:1.45}
.askband{border-top:1px solid var(--line);padding-block:30px 48px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.askband img{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);object-fit:cover;background:#f3efe6}
.askband p{flex:1;min-width:240px;color:var(--muted)}
/* article */
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;padding-block:32px 72px}
.side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;font-size:.9rem}
.side summary{display:none}
.side h4{font:500 .7rem 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:16px 0 6px}
.side h4:first-child{margin-top:0}
.side a{display:block;padding:4px 10px;border-left:2px solid var(--line);color:var(--muted);text-decoration:none}
.side a:hover{color:var(--text)}
.side a[aria-current]{border-left-color:var(--accent);color:var(--text);font-weight:600}
.crumb{font-size:.86rem;color:var(--muted);margin-bottom:10px}
.crumb a{color:var(--muted)}
.art{max-width:72ch}
.art h1{font:800 clamp(1.8rem,3.6vw,2.5rem)/1.15 Inter,sans-serif;letter-spacing:-.02em;margin-bottom:10px}
.art .sum{color:var(--muted);font-size:1.1rem;margin-bottom:26px}
.art h2{font:700 1.35rem/1.3 Inter,sans-serif;margin:34px 0 10px;padding-top:8px;scroll-margin-top:80px}
.art h3{font-size:1.05rem;margin:22px 0 6px}
.art p,.art ul,.art ol,.art dl,.art .tbl{margin-bottom:14px}
.art ul,.art ol{padding-left:22px}
.art li{margin-bottom:5px}
.art code{font:500 .86em 'JetBrains Mono',monospace;background:var(--code);padding:1px 6px;border-radius:5px}
.art dt{font-weight:700;margin-top:12px;scroll-margin-top:80px}
.art dd{color:var(--muted);margin-left:0}
.note{border-left:3px solid var(--accent-2);background:var(--card);padding:12px 16px;border-radius:0 10px 10px 0;margin-bottom:14px}
.tbl{overflow-x:auto;border:1px solid var(--line-strong);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 .74rem 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--card)}
tr:last-child td{border-bottom:0}
.notyet{border:1px dashed var(--line-strong);border-radius:10px;padding:10px 14px;color:var(--muted);font-size:.9rem;margin-bottom:18px}
.askcard{margin-top:36px;border:1px solid var(--line-strong);background:var(--card);border-radius:14px;padding:18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.askcard img{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent);object-fit:cover;background:#f3efe6}
.askcard p{flex:1;min-width:220px;color:var(--muted);font-size:.95rem}
.pn{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}
.pn a{flex:1;min-width:200px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--text)}
.pn a small{display:block;color:var(--muted);font-size:.8rem}
.pn a.nx{text-align:right}
.rev{color:var(--dim);font-size:.82rem;margin-top:22px}
footer{border-top:1px solid var(--line);padding-block:26px;color:var(--dim);font-size:.85rem}
footer a{color:var(--muted)}
[data-l]{display:none}
@media (max-width:960px){.secs{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr;gap:12px}
  .side{position:static;max-height:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
  .side summary{display:block;cursor:pointer;font-weight:600;list-style:none}.side summary::after{content:" ▾";color:var(--muted)}
  header nav{display:none}}
@media (max-width:600px){.secs{grid-template-columns:1fr}}

/* ---- Beedy Academy additions (same tokens as beedy.ca) ---- */
:root[data-theme="dark"]{--accent-3:#ff5a6e;--good:#3ddc84;--warn:#ffb547;--bg-3:#172234}
:root[data-theme="light"]{--accent-3:#a8351a;--good:#1a6a2c;--warn:#9a6a00;--bg-3:#e1d1b3}
html:not([data-lang="fr"]) .fr,html:not([data-lang="en"]) .en,html:not([data-lang="es"]) .xl-es,html:not([data-lang="pt"]) .xl-pt,html:not([data-lang="it"]) .xl-it,html:not([data-lang="de"]) .xl-de,html:not([data-lang="nl"]) .xl-nl,html:not([data-lang="zh"]) .xl-zh,html:not([data-lang="ja"]) .xl-ja{display:none!important}.xlnote{font-size:.85rem;margin:0 0 16px}
.side .soon{display:block;padding:4px 10px;border-left:2px solid var(--line);color:var(--dim);opacity:.65}
.side details[open] summary{margin-bottom:8px}
.kick{font:500 .74rem 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chip{font:500 .7rem 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:20px;padding:4px 10px;color:var(--muted);background:var(--card)}
.art .hero-media{margin:4px 0 26px;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg-1)}
.art .hero-media img,.art .hero-media video{display:block;width:100%;height:auto}
.art figure{margin:8px 0 18px}
.art figure img,.art figure video{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line-strong)}
.art figcaption{font-size:.82rem;color:var(--dim);margin-top:6px}
.ai-note{font-size:.76rem;color:var(--dim)}
@media print{header.top,.side,.ctl,footer{display:none!important}.layout{display:block}body{background:#fff;color:#000}}

/* long compound words (de, nl, …) at phone width */
html:is([data-lang="es"],[data-lang="pt"],[data-lang="it"],[data-lang="de"],[data-lang="nl"]) :is(h1,h2,h3,h4,th,td,.alt,.code,.mrow b,.kick){overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}