/* 8.12 — authored public landing pages; no private-game selectors. */
.bk812-page{--lp-accent:#2456bd;--lp-soft:#edf3ff;--lp-grid:#d9e4fa;--lp-ink:#142e50;color:var(--lp-ink);background:#fff url('school/paper-grain-clear.svg');font-family:Manrope,system-ui,sans-serif}
.bk812-tone-maths{--lp-accent:#a74708;--lp-soft:#fff3e3;--lp-grid:#efdcc6}.bk812-tone-famille{--lp-accent:#17694f;--lp-soft:#edf7f0;--lp-grid:#d0e8d8}
.bk812-page *{box-sizing:border-box;min-width:0}.bk812-page :where(h1,h2,h3,p){margin:0}.bk812-page a{color:inherit}.bk812-page :where(a,summary):focus-visible{outline:3px solid #2456bd;outline-offset:5px}.bk812-page [id]{scroll-margin-top:110px}
.bk812-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.bk812-page .bk812-kicker{font:800 11px/1.6 Manrope,system-ui,sans-serif;letter-spacing:.12em;color:var(--lp-accent);margin-bottom:18px}
.bk812-hero{background:linear-gradient(125deg,#fff 38%,var(--lp-soft));padding:24px 0 60px;border-bottom:1px solid var(--lp-grid)}
.bk812-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#53647a;margin-bottom:32px}.bk812-crumbs a{text-underline-offset:4px}
.bk812-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:70px;align-items:center}
.bk812-page h1{font:700 clamp(35px,3.9vw,55px)/1.13 Georgia,serif;letter-spacing:-.035em;color:var(--lp-ink);text-wrap:balance;margin-bottom:24px}
.bk812-page .bk812-lead{font-size:17px;line-height:1.8;color:#445b76;margin-bottom:28px;max-width:640px}
.bk812-page .bk812-button{display:inline-flex;gap:18px;justify-content:center;align-items:center;min-height:54px;padding:15px 24px;border:1px solid #ec8b20;background:#ff9d29;border-radius:12px;color:#142e50;font-size:14px;font-weight:850;line-height:1.5;text-decoration:none;max-width:100%;text-align:center;transition:background .15s}.bk812-page .bk812-button:hover{background:#ffb24f}
.bk812-reassure{font-size:12px;line-height:1.65;color:#51637a;margin-top:12px!important}.bk812-page .bk812-read{display:inline-block;font-size:13px;line-height:1.8;text-underline-offset:5px;margin-top:18px;min-height:32px}
.bk812-notebook{padding:26px 28px 22px;border:1px solid var(--lp-grid);border-top:5px solid var(--lp-accent);border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#dfe8f6 32px),linear-gradient(90deg,transparent 21px,#e8a4a4 22px,transparent 23px),#fffdf8;box-shadow:0 14px 38px #142e5010;position:relative}
.bk812-tone-maths .bk812-notebook{background:linear-gradient(90deg,transparent 15px,var(--lp-grid) 16px),linear-gradient(0deg,transparent 15px,var(--lp-grid) 16px),#fffdf8;background-size:16px 16px}
.bk812-tone-famille .bk812-notebook{background:#fffdf8 url('school/paper-grain-clear.svg')}
.bk812-notebook-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.bk812-chip{font-size:10px;line-height:1.6;letter-spacing:.06em;font-weight:850;color:var(--lp-accent);background:#fffdf8;padding:6px 9px;border:1px solid var(--lp-grid);border-radius:5px}.bk812-star{color:#ae590b;font-size:28px}
.bk812-page .bk812-question{font:700 clamp(21px,2vw,27px)/1.5 Georgia,serif;padding:24px 0;color:#183859;background:linear-gradient(#fffdf8e8,#fffdf8e8);margin-top:12px}
.bk812-notebook details{background:#fff;border:1px solid #c9d7e6;border-radius:9px;overflow:hidden}
.bk812-notebook summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;font-size:13px;font-weight:800;line-height:1.6;padding:15px 17px;list-style:none}.bk812-notebook summary::-webkit-details-marker{display:none}.bk812-notebook details[open] summary{border-bottom:1px solid #e2e9f2}.bk812-notebook details[open] summary span{transform:rotate(45deg)}.bk812-notebook details>div{padding:18px;font-size:14px;line-height:1.8}.bk812-notebook details p{margin-top:8px}
.bk812-companion{display:flex;gap:15px;align-items:center;padding:20px 0 10px}.bk812-companion img{height:64px;width:58px;object-fit:contain}.bk812-companion p{font-size:13px;line-height:1.6;background:#fffdf8;padding:4px 6px}.bk812-notebook>small{display:block;font-size:10px;line-height:1.7;color:#5c6a78;background:#fffdf8}
.bk812-grade-strip{background:#142e50;color:#fff}.bk812-grade-strip>.bk812-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}.bk812-grade-strip span{font:600 17px/1.5 Georgia,serif}.bk812-grade-strip nav{display:flex;flex-wrap:wrap;gap:12px}.bk812-grade-strip a{display:flex;align-items:center;justify-content:center;min-width:65px;min-height:44px;padding:9px 15px;border:1px solid #587089;border-radius:7px;text-decoration:none;font-size:13px;font-weight:750}.bk812-grade-strip a:hover,.bk812-grade-strip a[aria-current]{background:#ffe5be;color:#142e50;border-color:#ffe5be}
.bk812-reading{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:72px;padding-top:65px;align-items:start}
.bk812-page h2{font:700 clamp(26px,2.5vw,34px)/1.25 Georgia,serif;letter-spacing:-.025em;color:#142e50;text-wrap:balance}
.bk812-section{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #dfe6ef}.bk812-section h2{margin-bottom:22px}.bk812-section>p:not(.bk812-kicker){font-size:16px;line-height:1.9;color:#405873;margin-top:16px}
.bk812-side{position:sticky;top:116px;padding:25px;border:1px solid var(--lp-grid);border-top:4px solid var(--lp-accent);border-radius:12px;background:var(--lp-soft)}.admin-bar .bk812-side{top:148px}.bk812-side h2{font-size:24px;margin-bottom:18px}.bk812-side p:not(.bk812-kicker){font-size:13px;line-height:1.8;color:#415973}.bk812-side nav{display:grid;margin-top:16px}.bk812-side nav>a{font-size:13px;line-height:1.7;font-weight:800;display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--lp-grid);text-decoration:none}.bk812-side-offer{padding-top:20px;margin-top:24px;border-top:1px solid var(--lp-grid)}.bk812-side-offer>strong{font-size:15px}.bk812-side-offer p{margin-top:10px!important}
.bk812-action{background:#fff1db;border:1px solid #efce9f;border-radius:14px;padding:30px;margin-bottom:40px}.bk812-action h2{font-size:28px}.bk812-action p:not(.bk812-kicker){font-size:15px;line-height:1.85;margin:15px 0 22px;color:#45596e}.bk812-action small{display:block;font-size:11px;line-height:1.7;margin-top:12px;color:#536377}
.bk812-faq details{border-bottom:1px solid #dce5ef;padding:18px 0}.bk812-faq summary{font-size:16px;font-weight:750;line-height:1.7;cursor:pointer;padding-right:12px}.bk812-faq details p{font-size:15px;color:#455d77;line-height:1.85;margin-top:14px}.bk812-sources h2{font-size:24px}.bk812-sources>p:not(.bk812-kicker),.bk812-sources li{font-size:13px;line-height:1.85;color:#53657a}.bk812-sources ul{padding-left:20px}.bk812-sources li+li{margin-top:12px}.bk812-sources a{text-underline-offset:3px}
.bk812-more{background:var(--lp-soft);padding:48px 0;border-block:1px solid var(--lp-grid)}.bk812-more nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.bk812-more nav a{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid var(--lp-grid);border-radius:10px;min-height:88px;padding:20px;font-size:15px;line-height:1.6;font-weight:750;text-decoration:none}.bk812-more nav a:hover{border-color:var(--lp-accent)}.bk812-more b{color:var(--lp-accent)}.bk812-end{padding-block:48px}.bk812-end .bk812-action{margin:0;max-width:880px;margin-inline:auto}
@media(max-width:1000px){.bk812-wrap{width:calc(100% - 48px)}.bk812-hero-grid{gap:32px;grid-template-columns:1.1fr 1fr}.bk812-notebook{padding:22px}.bk812-reading{gap:36px;grid-template-columns:minmax(0,1fr) 235px}.bk812-side{padding:20px}.bk812-page .bk812-lead{font-size:16px}.bk812-more nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bk812-wrap{width:calc(100% - 36px)}.bk812-hero{padding:18px 0 32px}.bk812-crumbs{margin-bottom:25px;font-size:11px}.bk812-hero-grid{grid-template-columns:1fr;gap:32px}.bk812-page h1{font-size:35px;line-height:1.13;margin-bottom:20px}.bk812-page .bk812-lead{font-size:15px;line-height:1.8;margin-bottom:23px}.bk812-page .bk812-kicker{font-size:10px;margin-bottom:14px}.bk812-notebook{max-width:550px;width:100%;justify-self:center}.bk812-page .bk812-question{font-size:24px}.bk812-grade-strip>.bk812-wrap{display:block;padding-block:17px}.bk812-grade-strip nav{margin-top:13px;gap:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.bk812-grade-strip a{min-width:0;padding:9px 4px}.bk812-reading{display:flex;flex-direction:column;padding-top:38px;gap:0}.bk812-editorial,.bk812-side{width:100%}.bk812-side{position:static;margin-bottom:36px}.bk812-page h2{font-size:28px}.bk812-section>p:not(.bk812-kicker){font-size:16px;line-height:1.85}.bk812-action{padding:23px}.bk812-action h2{font-size:26px}.bk812-page .bk812-button{padding:14px 18px;font-size:13px}.bk812-more nav{grid-template-columns:1fr}.bk812-more{padding:32px 0}.bk812-end{padding-block:32px}.bk812-sources h2,.bk812-side h2{font-size:24px}}
@media(max-width:359px){.bk812-page h1{font-size:31px}.bk812-page .bk812-button{width:100%;font-size:12px;padding:14px 10px;gap:8px}.bk812-notebook{padding:20px}.bk812-grade-strip a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bk812-page *{transition:none!important;scroll-behavior:auto!important}}
@media print{.bk812-landing-page .bk81-header,.bk812-landing-page .bk87-footer,.bk812-grade-strip,.bk812-side,.bk812-action,.bk812-more,.bk812-button,.bk812-read{display:none!important}.bk812-wrap{width:100%}.bk812-hero-grid,.bk812-reading{display:block}.bk812-hero{background:#fff;padding:0}.bk812-notebook{margin-top:20px;box-shadow:none}.bk812-section{break-inside:avoid}.bk812-page{background:#fff}.bk812-hero h1{font-size:28px}}

/* Keep the first action reachable on compact phone screens. */
@media(max-width:760px){.bk812-intro{display:flex;flex-direction:column;align-items:flex-start}.bk812-intro>.bk812-kicker{order:0}.bk812-intro>h1{order:1}.bk812-intro>.bk812-button{order:2}.bk812-intro>.bk812-reassure{order:3}.bk812-intro>.bk812-lead{order:4;margin-top:20px;margin-bottom:0}.bk812-intro>.bk812-read{order:5}}
/* 8.13 — original practical guides, no decorative animation or private UI changes. */
.bk813-editor-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:25px;font-size:12px;line-height:1.8;color:#52667a}.bk813-editor-note a{text-underline-offset:4px}
.bk813-practice{margin:10px 0 45px;padding:30px;border:1px solid var(--lp-grid);border-left:5px solid var(--lp-accent);border-radius:12px;background:var(--lp-soft)}.bk813-practice h2{font-size:28px}.bk813-practice ol{padding-left:24px;margin:22px 0}.bk813-practice li{padding:6px 0 6px 8px;line-height:1.85;font-size:15px;color:#304b65}.bk813-practice blockquote{margin:20px 0;padding:18px 20px;border-left:3px solid #dc8b27;background:#fff;font:italic 20px/1.65 Georgia,serif;color:#142e50}.bk813-practice>p:last-child{font-size:14px;line-height:1.85}
.bk813-directory{padding-block:50px}.bk813-directory h3{margin:30px 0 16px;font:700 21px/1.5 Georgia,serif}.bk813-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bk813-directory nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px;padding:17px 20px;border:1px solid var(--lp-grid);border-radius:9px;background:var(--lp-soft);text-decoration:none;font-size:14px;font-weight:750;line-height:1.7}.bk813-directory nav a:hover{border-color:var(--lp-accent)}
@media(max-width:760px){.bk813-practice{padding:23px 20px}.bk813-directory nav{grid-template-columns:1fr}.bk813-directory h2{font-size:29px}.bk813-editor-note{font-size:11px}}
@media print{.bk812-page .bk812-hero{padding:0;background:#fff}.bk812-grade-strip,.bk812-side,.bk812-action,.bk812-more,.bk813-directory,.bk812-intro>.bk812-button,.bk812-read,.bk812-reassure{display:none!important}.bk812-wrap{width:100%}.bk812-reading{display:block;padding-top:20px}.bk812-hero-grid{display:block}.bk812-notebook{box-shadow:none;margin-block:20px}.bk812-section,.bk813-practice{break-inside:avoid}.bk812-faq details:not([open])>p,.bk812-notebook details:not([open])>div{display:block}.bk812-page h1{font-size:30px}.bk812-page h2{font-size:22px}}
.bk813-diagram{margin:0 0 38px}.bk813-diagram img{display:block;width:100%;height:auto}.bk813-diagram figcaption{font-size:13px;line-height:1.8;color:#455b70;margin-top:12px}