/* Kubear Learn — poster layer (round 2). Loaded last. Colourful kuberos.in style:
   cream page, ink borders, hard offset shadows, colour blocks, Bricolage 800 display. Light page. */
:root{--lp-ink:#14110F;--lp-cream:#FFF4DC;--lp-paper:#FFFBF0;--lp-sand:#F7E6BF;--lp-gold:#F6A91B;--lp-tomato:#C8361F;--lp-green:#0B3D2E;--lp-indigo:#2B2A7A;--lp-mint:#D9E9DF;--lp-muted:#4A4036;--lp-sh:4px 4px 0 var(--lp-ink);--lp-sh-lg:6px 6px 0 var(--lp-ink);--lp-sh-sm:3px 3px 0 var(--lp-ink)}
html,body[data-kubear-app="learn"]{background:var(--lp-cream);color:var(--lp-ink)}
body[data-kubear-app="learn"] .ico{width:20px;height:20px;flex:none;vertical-align:-4px}
.theme-toggle{display:none!important}
body[data-kubear-app="learn"] .eyebrow{font-family:var(--kb-mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}

/* Site header: the site's top nav */
body[data-kubear-app="learn"] .site-header{background:var(--lp-cream);border-bottom:4px solid var(--lp-ink)}
body[data-kubear-app="learn"] .brand{font:800 20px var(--kb-display)!important;letter-spacing:-.03em;text-transform:uppercase;color:var(--lp-ink)}
body[data-kubear-app="learn"] .brand-light{color:var(--lp-tomato)}
body[data-kubear-app="learn"] .brand-logo{border-radius:50%;border:2px solid var(--lp-ink);background:var(--lp-gold)}
body[data-kubear-app="learn"] .main-nav a{font-family:var(--kb-mono);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink)}
body[data-kubear-app="learn"] .main-nav a:hover,body[data-kubear-app="learn"] .main-nav a[aria-current=page]{background:var(--lp-gold);border-radius:999px}
.apps-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--kb-mono);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--lp-ink);border-radius:999px;padding:8px 14px;background:var(--lp-paper);box-shadow:2px 2px 0 var(--lp-ink);color:var(--lp-ink);text-decoration:none}
.menu-toggle .ico{width:22px;height:22px}
body[data-kubear-app="learn"] .site-footer{background:var(--lp-green);color:var(--lp-cream);border-top:4px solid var(--lp-ink)}
body[data-kubear-app="learn"] .site-footer a,body[data-kubear-app="learn"] .site-footer .brand,body[data-kubear-app="learn"] .site-footer .text-button,body[data-kubear-app="learn"] .site-footer p,body[data-kubear-app="learn"] .site-footer span{color:var(--lp-cream)}
body[data-kubear-app="learn"] .site-footer .brand-light{color:var(--lp-gold)}

/* Shared chunky surfaces */
body[data-kubear-app="learn"] .course-chip,body[data-kubear-app="learn"] .module-row,body[data-kubear-app="learn"] .lesson-row,body[data-kubear-app="learn"] .result-row,body[data-kubear-app="learn"] .term-card,body[data-kubear-app="learn"] .side-card,body[data-kubear-app="learn"] .read-card,body[data-kubear-app="learn"] .reader-body,body[data-kubear-app="learn"] .story-block,body[data-kubear-app="learn"] .worked-example,body[data-kubear-app="learn"] .exercise-box,body[data-kubear-app="learn"] .data-tools,body[data-kubear-app="learn"] .course-next{border:3px solid var(--lp-ink);border-radius:14px;background:var(--lp-paper);box-shadow:var(--lp-sh)}
body[data-kubear-app="learn"] .course-chip:hover,body[data-kubear-app="learn"] .module-row:hover,body[data-kubear-app="learn"] .lesson-row:hover,body[data-kubear-app="learn"] .result-row:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lp-ink)}
body[data-kubear-app="learn"] .button{font-family:var(--kb-display);font-weight:800}
body[data-kubear-app="learn"] .button-primary{background:var(--lp-tomato);color:var(--lp-paper);border:3px solid var(--lp-ink);border-radius:999px;min-height:50px;box-shadow:var(--lp-sh-sm)}
body[data-kubear-app="learn"] .button-primary:hover{background:#ad2c18;box-shadow:2px 2px 0 var(--lp-ink);transform:translate(1px,1px)}
body[data-kubear-app="learn"] .button-primary:active{transform:translate(3px,3px);box-shadow:none}
body[data-kubear-app="learn"] .button-secondary{background:var(--lp-paper);color:var(--lp-ink);border:3px solid var(--lp-ink);border-radius:999px;min-height:44px;box-shadow:2px 2px 0 var(--lp-ink)}
body[data-kubear-app="learn"] .button-secondary:active{transform:translate(2px,2px);box-shadow:none}
body[data-kubear-app="learn"] .learn-start-card .button-primary{background:var(--lp-tomato);color:var(--lp-paper)}
body[data-kubear-app="learn"] .course-hero{background:var(--lp-gold);color:var(--lp-ink);border-bottom:4px solid var(--lp-ink)}
body[data-kubear-app="learn"] .course-hero h1{color:var(--lp-ink);font-size:clamp(34px,6vw,64px);line-height:.98;text-transform:uppercase}
body[data-kubear-app="learn"] .course-hero p{color:#2c2210}
body[data-kubear-app="learn"] .course-hero .eyebrow{color:var(--lp-green)}
body[data-kubear-app="learn"] .course-hero .aside-stat{background:var(--lp-paper);color:var(--lp-ink);border:3px solid var(--lp-ink);box-shadow:var(--lp-sh-sm)}
body[data-kubear-app="learn"] .course-hero .aside-stat span{color:var(--lp-muted)}
body[data-kubear-app="learn"] .outcome-pill{background:var(--lp-paper);border:2px solid var(--lp-ink);color:var(--lp-ink)}
body[data-kubear-app="learn"] .hero-board{background:var(--lp-gold);color:var(--lp-ink);border:3px solid var(--lp-ink);box-shadow:var(--lp-sh-lg)}
body[data-kubear-app="learn"] .hero-board .board-overline,body[data-kubear-app="learn"] .hero-board .board-stops-count{color:var(--lp-green)}
body[data-kubear-app="learn"] .hero-board strong,body[data-kubear-app="learn"] .hero-board span,body[data-kubear-app="learn"] .hero-board .board-bottom{color:var(--lp-ink)}
body[data-kubear-app="learn"] .board-pawn .ico{width:18px;height:18px}
body[data-kubear-app="learn"] .module-stamp,body[data-kubear-app="learn"] .trail-number{color:var(--lp-ink)}
body[data-kubear-app="learn"] .quiz-radio .ico{width:16px;height:16px}
body[data-kubear-app="learn"] .tool-button .ico{width:18px;height:18px;margin-right:2px}
body[data-kubear-app="learn"] .tool-button.is-saved{background:var(--lp-gold)}
body[data-kubear-app="learn"] .lesson-number .ico,body[data-kubear-app="learn"] .side-lesson-num .ico{width:16px;height:16px}
body[data-kubear-app="learn"] .takeaway-box,body[data-kubear-app="learn"] .home-trail>summary{color:var(--lp-ink)}
body[data-kubear-app="learn"] .takeaway-box{background:var(--lp-sand);border:3px solid var(--lp-ink);box-shadow:var(--lp-sh-sm)}
body[data-kubear-app="learn"] .reader-title,body[data-kubear-app="learn"] .lesson-title{color:var(--lp-ink);text-transform:uppercase;letter-spacing:-.03em}
.source-note-inline a{white-space:nowrap}
.source-note-inline .ico,.read-card .ico,.lp-deeper .ico{width:16px;height:16px;vertical-align:-3px}

/* Home */
.lp-today-slot{width:min(1240px,calc(100% - 32px));margin:14px auto 0}
.lp-today-slot[hidden]{display:none}
.lp-today-slot [data-kubear-today]:empty{display:none}
.lp-home{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:20px 0 96px;display:grid;gap:18px;min-width:0}
.lp-main,.lp-side{display:contents}
.lp-main>*,.lp-side>*{min-width:0}
.lp-hero{order:1;position:relative;background:var(--lp-green);color:var(--lp-cream);border:4px solid var(--lp-ink);border-radius:18px;box-shadow:var(--lp-sh-lg);padding:26px 22px 24px;display:grid;gap:14px;justify-items:start;overflow:hidden}
.lp-hero::after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:var(--lp-gold);border:4px solid var(--lp-ink);opacity:.95;pointer-events:none}
.lp-hero>*{position:relative;z-index:1}
.lp-hero .eyebrow{color:var(--lp-gold);font-size:12px}
.lp-hero h1{margin:0;font-size:clamp(34px,9.5vw,60px);line-height:.96;letter-spacing:-.035em;text-transform:uppercase;color:var(--lp-cream);max-width:15ch}
.lp-hero-first h1{font-size:clamp(40px,11vw,76px)}
.lp-hero h1 em{font-style:normal;background:var(--lp-gold);color:var(--lp-ink);padding:0 .12em;display:inline-block;transform:rotate(-1.5deg);border:3px solid var(--lp-ink)}
.lp-hero>p{margin:0;font-size:18px;line-height:1.45;color:var(--lp-cream)}
.lp-hero-meta{margin:0;font-size:14px;line-height:1.5;font-family:var(--kb-mono);color:var(--lp-cream)}
.lp-hero:not(.lp-hero-first){background:var(--lp-gold);color:var(--lp-ink)}
.lp-hero:not(.lp-hero-first)::after{background:var(--lp-tomato)}
.lp-hero:not(.lp-hero-first) .eyebrow{color:var(--lp-green)}
.lp-hero:not(.lp-hero-first) h1,.lp-hero:not(.lp-hero-first) .lp-hero-meta{color:var(--lp-ink)}
.lp-cta{min-height:54px;padding:12px 26px;font-size:17px}
.lp-hero-first .lp-cta{width:100%;justify-content:center}
.lp-daily{order:2;display:grid;gap:8px;padding:18px 20px;background:var(--lp-indigo);border:4px solid var(--lp-ink);border-radius:16px;box-shadow:var(--lp-sh);color:var(--lp-cream);text-decoration:none}
.lp-daily .eyebrow{color:var(--lp-gold)}
.lp-daily strong{font:800 20px/1.25 var(--kb-display);letter-spacing:-.02em}
.lp-daily p{margin:0;font-size:14px}
.lp-daily b{font-family:var(--kb-mono);font-variant-numeric:tabular-nums;color:var(--lp-gold)}
.lp-daily-go{display:inline-flex;align-items:center;gap:6px;justify-self:start;font:800 14px var(--kb-display);background:var(--lp-gold);color:var(--lp-ink);border:3px solid var(--lp-ink);border-radius:999px;padding:8px 16px;min-height:44px;box-shadow:2px 2px 0 var(--lp-ink)}
a.lp-daily:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lp-ink)}
.lp-daily.is-done{background:var(--lp-mint);color:var(--lp-ink)}
.lp-daily.is-done .eyebrow,.lp-daily.is-done b{color:var(--lp-green)}
.lp-panel{order:3;background:var(--lp-paper);border:4px solid var(--lp-ink);border-radius:16px;box-shadow:var(--lp-sh-lg);padding:18px 20px;display:grid;gap:12px}
.lp-level{display:flex;align-items:center;gap:12px}
.lp-level strong{display:block;font:800 26px/1.05 var(--kb-display);text-transform:uppercase;letter-spacing:-.03em}
.lp-level span{font-family:var(--kb-mono);font-size:13px;font-weight:700;color:var(--lp-muted)}
.lp-level-token{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lp-gold);border:3px solid var(--lp-ink)}
.lp-bar{height:16px;border:3px solid var(--lp-ink);border-radius:99px;background:var(--lp-sand);overflow:hidden}
.lp-bar span{display:block;height:100%;background:var(--lp-tomato);transition:width .3s ease}
.lp-note{margin:0;font-size:14px;font-family:var(--kb-mono);color:var(--lp-muted)}
.lp-streak{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:8px 12px;background:var(--lp-sand);border:2px solid var(--lp-ink);border-radius:10px}
.lp-streak.is-risk{background:#F9D5CC;color:#7a2210}.lp-streak.is-ok{background:#FBE3A8;color:#4a3000}.lp-streak.is-ended,.lp-streak.is-none{color:var(--lp-muted);font-weight:600}
.lp-badges>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font:800 15px var(--kb-display);text-transform:uppercase;list-style:none}
.lp-badges>summary::-webkit-details-marker{display:none}
.lp-badges>summary span{font:700 12px var(--kb-mono);color:var(--lp-muted)}
.lp-badge-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.lp-badge{display:flex;gap:10px;align-items:center;padding:8px 10px;border:2px solid var(--lp-ink);border-radius:12px;background:var(--lp-paper)}
.lp-badge.is-on{background:var(--lp-gold);box-shadow:2px 2px 0 var(--lp-ink)}
.lp-badge.is-off{opacity:.62;border-style:dashed}
.lp-badge-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lp-paper);border:2px solid var(--lp-ink);flex:none}
.lp-badge-text{display:grid;gap:1px;min-width:0}.lp-badge-text strong{font-size:14px}.lp-badge-text small{font-size:13px;line-height:1.35;color:#2c2210}
.lp-match{order:4;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;background:var(--lp-tomato);border:4px solid var(--lp-ink);border-radius:16px;box-shadow:var(--lp-sh);color:var(--lp-paper);text-decoration:none}
.lp-match:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lp-ink)}
.lp-match .eyebrow{color:var(--lp-paper)}
.lp-match-art{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--lp-gold);border:3px solid var(--lp-ink);color:var(--lp-ink);transform:rotate(-6deg);box-shadow:2px 2px 0 var(--lp-ink)}
.lp-match-copy{display:grid;gap:2px}.lp-match-copy strong{font:800 24px/1.05 var(--kb-display);text-transform:uppercase;letter-spacing:-.03em}.lp-match-copy small{font-size:14px;color:var(--lp-paper)}
.lp-courses{order:5}
.lp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 12px}
.lp-section-head h2{margin:0;font-size:clamp(30px,6vw,44px);text-transform:uppercase;line-height:.98}
.lp-section-head a{display:inline-flex;align-items:center;gap:4px;font:700 12.5px var(--kb-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--lp-ink);min-height:44px}
.lp-course-list{display:grid;gap:14px}
.lp-course{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;min-height:72px;background:var(--lp-paper);border:4px solid var(--lp-ink);border-radius:14px;box-shadow:var(--lp-sh);color:var(--lp-ink);text-decoration:none}
.lp-course:nth-child(3n+2){background:var(--lp-sand)}.lp-course:nth-child(3n){background:var(--lp-mint)}
.lp-course:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lp-ink)}
.lp-course-no{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lp-gold);border:3px solid var(--lp-ink);font:800 17px var(--kb-mono)}
.lp-course:nth-child(3n+2) .lp-course-no{background:var(--lp-tomato);color:var(--lp-paper)}.lp-course:nth-child(3n) .lp-course-no{background:var(--lp-indigo);color:var(--lp-cream)}
.lp-course-copy{display:grid;gap:8px;min-width:0}.lp-course-copy strong{font:800 18px/1.15 var(--kb-display);letter-spacing:-.02em}
.lp-course-bar{display:block;height:10px;border:2px solid var(--lp-ink);border-radius:99px;background:var(--lp-paper);overflow:hidden}.lp-course-bar i{display:block;height:100%;background:var(--lp-green)}
.lp-course-count{font:700 13px var(--kb-mono)}
.home-trail{order:6;border:3px solid var(--lp-ink);border-radius:14px;background:var(--lp-paper);box-shadow:var(--lp-sh)}
.home-trail>summary{min-height:52px;font-family:var(--kb-display);font-weight:800;text-transform:uppercase}
.lp-gloss{order:7;display:block;padding:14px 16px;background:var(--lp-sand);border:3px solid var(--lp-ink);border-radius:14px;box-shadow:var(--lp-sh-sm);color:var(--lp-ink);text-decoration:none;font-size:15px;min-height:48px}
.lp-gloss strong{text-decoration:underline;text-underline-offset:3px}

@media(min-width:1000px){
  .lp-home{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:28px;align-items:start;padding-top:30px}
  .lp-main,.lp-side{display:grid;gap:22px;align-content:start}
  .lp-hero,.lp-daily,.lp-panel,.lp-match,.lp-courses,.home-trail,.lp-gloss{order:0}
  .lp-hero{padding:40px 40px 36px;gap:18px;min-height:340px;align-content:center}
  .lp-hero::after{width:200px;height:200px;right:-50px;top:-50px}
  .lp-hero h1{font-size:clamp(44px,4.4vw,68px)}
  .lp-hero-first h1{font-size:clamp(56px,6vw,92px)}
  .lp-hero-first .lp-cta{width:auto}
  .lp-panel{position:sticky;top:90px}
  .lp-side{position:relative}
  .lp-course-list{grid-template-columns:1fr 1fr}
}

/* Bottom tab bar: four tabs */
.mobile-tabbar{grid-template-columns:repeat(4,1fr)!important}
.mobile-tabbar a{font:700 11px var(--kb-mono)!important;text-transform:uppercase;letter-spacing:.04em;gap:2px!important}
.mobile-tabbar a .ico{width:22px;height:22px}
.mobile-tabbar a[aria-current=page]{background:var(--lp-green)!important;color:var(--lp-cream)!important;box-shadow:inset 0 -4px 0 var(--lp-gold)}
.mobile-tabbar a:not([aria-current=page]){color:var(--lp-ink)!important}
body[data-kubear-app="learn"] .mobile-tabbar{background:var(--lp-cream);border-top:4px solid var(--lp-ink)}

/* Reader */
.reader-deck,.reader-content,.quiz-section,.lp-deeper,.lesson-bottom{max-width:68ch}
.lp-daily-tag{display:inline-block;margin:0 0 8px;padding:5px 12px;border-radius:99px;background:var(--lp-gold);border:2px solid var(--lp-ink);font:700 12px var(--kb-mono);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-1.5deg)}
.lp-deeper{margin:28px 0 8px;padding:18px 20px;background:var(--lp-gold);border:4px solid var(--lp-ink);border-radius:14px;box-shadow:var(--lp-sh)}
.lp-deeper .eyebrow{color:var(--lp-green)}
.lp-deeper h2{margin:4px 0 12px;font-size:24px;text-transform:uppercase}
.lp-deeper-list{display:grid;gap:10px}
.lp-deeper-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:10px 16px;background:var(--lp-paper);border:3px solid var(--lp-ink);border-radius:999px;color:var(--lp-ink);text-decoration:none;font-weight:700;font-size:15px;box-shadow:2px 2px 0 var(--lp-ink)}
.lp-deeper-link:hover{transform:translate(2px,2px);box-shadow:none}
@media(min-width:1100px){
  .reader-page{width:min(1320px,calc(100% - 48px))}
  .reader-shell{grid-template-columns:210px minmax(0,1fr) 280px!important;gap:26px!important;align-items:start}
  .reader-right{display:grid!important;gap:16px;position:sticky;top:90px;align-self:start}
  .reader-body{padding-inline:clamp(28px,3.4vw,52px)}
  .reader-body .source-note-inline{display:none}
  .reader-right .read-card{margin:0}
  .reader-page .reader-sidebar{position:sticky;top:90px}
}
@media(min-width:1000px) and (max-width:1099px){.reader-right{display:none!important}}

/* Celebrations: festive poster card */
.lp-celebrate{padding:0;border:4px solid var(--lp-ink);border-radius:18px;background:var(--lp-gold);color:var(--lp-ink);width:min(440px,calc(100% - 32px));box-shadow:8px 8px 0 var(--lp-ink);overflow:hidden}
.lp-celebrate::backdrop{background:rgba(20,17,15,.62)}
.lp-cel-card{position:relative;display:grid;gap:12px;padding:26px 22px 22px;text-align:left}
.lp-cel-card .eyebrow{color:var(--lp-green);font-size:12px}
.lp-cel-card h2{margin:0;font-size:clamp(32px,9vw,44px);line-height:.98;text-transform:uppercase;letter-spacing:-.035em}
.lp-cel-xp{margin:0;display:inline-flex;align-items:center;gap:8px;justify-self:start;font:800 26px var(--kb-display);background:var(--lp-ink);color:var(--lp-gold);padding:6px 16px 6px 10px;border-radius:999px;transform:rotate(-1.5deg)}
.lp-cel-line{margin:0;display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;background:var(--lp-paper);border:3px solid var(--lp-ink);border-radius:12px;padding:8px 12px}
.lp-cel-progress{display:grid;gap:6px;font:700 13px var(--kb-mono)}
.lp-cel-progress .lp-bar{background:var(--lp-paper)}
.lp-cel-actions{display:grid;gap:10px;margin-top:6px}
.lp-cel-primary{min-height:58px;font-size:19px;justify-content:center}
.lp-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.lp-confetti i{position:absolute;top:-14px;left:var(--x);width:10px;height:15px;border:2px solid var(--lp-ink);border-radius:2px;background:var(--lp-tomato);transform:rotate(var(--r));animation:lp-fall 1.2s ease-in var(--d) both}
.lp-confetti i:nth-child(4n+2){background:var(--lp-paper)}.lp-confetti i:nth-child(4n+3){background:var(--lp-indigo)}.lp-confetti i:nth-child(4n){background:var(--lp-green)}
@keyframes lp-fall{0%{opacity:1;translate:0 0}85%{opacity:1}100%{opacity:0;translate:0 360px;rotate:220deg}}
.toast{font-size:14px;border:3px solid var(--lp-ink);box-shadow:var(--lp-sh-sm)}
.toast-level{background:var(--lp-gold);color:var(--lp-ink);border:3px solid var(--lp-ink);font-weight:800}
.lp-burst{position:fixed;left:0;right:0;bottom:84px;height:240px;pointer-events:none;z-index:90}
.lp-burst .lp-confetti i{top:auto;bottom:0;animation-name:lp-rise;background:var(--lp-gold)}
.lp-burst .lp-confetti i:nth-child(4n+2){background:var(--lp-tomato)}.lp-burst .lp-confetti i:nth-child(4n+3){background:var(--lp-indigo)}.lp-burst .lp-confetti i:nth-child(4n){background:var(--lp-green)}
@keyframes lp-rise{0%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -220px;rotate:260deg}}
@media(prefers-reduced-motion:reduce){.lp-confetti,.lp-burst{display:none!important}.lp-bar span{transition:none}.lp-daily,.lp-match,.lp-course,.lp-hero,.lp-deeper-link{transition:none}a.lp-daily:hover,.lp-match:hover,.lp-course:hover,.lp-deeper-link:hover{transform:none}.lp-daily-tag,.lp-hero h1 em,.lp-cel-xp,.lp-match-art,.quiz-section .eyebrow{transform:none}}
@media(max-width:380px){.lp-home{width:calc(100% - 20px)}.lp-hero{padding:20px 16px}.lp-hero::after{width:80px;height:80px}.lp-today-slot{width:calc(100% - 20px)}.lp-course{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.lp-course-no{width:40px;height:40px;font-size:15px}}

/* Quiz panel: chunky poster card */
.quiz-section{background:var(--lp-paper)!important;color:var(--lp-ink);border:4px solid var(--lp-ink)!important;border-radius:16px;box-shadow:var(--lp-sh-lg)!important}
.quiz-section h2,.quiz-section .quiz-intro,.quiz-section .quiz-q,.quiz-section .quiz-summary,.quiz-section span:not([class]){color:var(--lp-ink)}
.quiz-section h2{text-transform:uppercase;font-size:clamp(28px,5vw,40px);line-height:.98}
.quiz-section .eyebrow{display:inline-block;justify-self:start;background:var(--lp-gold);color:var(--lp-ink);border:2px solid var(--lp-ink);border-radius:99px;padding:4px 12px;transform:rotate(-1deg)}
.quiz-section .quiz-step{border:3px solid var(--lp-ink);background:var(--lp-paper);color:var(--lp-ink);font-family:var(--kb-mono);box-shadow:2px 2px 0 var(--lp-ink)}
.quiz-section .quiz-step.is-current{background:var(--lp-gold)}
.quiz-section .quiz-step.is-correct{background:var(--lp-mint)}
.quiz-section .quiz-step.is-retry{background:#F9D5CC}
.quiz-section .quiz-option{background:var(--lp-paper);color:var(--lp-ink);border:3px solid var(--lp-ink);border-radius:14px;box-shadow:var(--lp-sh-sm);font-weight:700}
.quiz-section .quiz-option:hover{background:var(--lp-sand)}
.quiz-section .quiz-option:active{transform:translate(3px,3px);box-shadow:none}
.quiz-section .quiz-option.correct{background:var(--lp-mint);border-color:var(--lp-green);box-shadow:3px 3px 0 var(--lp-green)}
.quiz-section .quiz-option.incorrect{background:#F9D5CC;border-color:var(--lp-tomato);box-shadow:3px 3px 0 var(--lp-tomato)}
.quiz-section .quiz-explain{border:3px solid var(--lp-ink);border-radius:12px;padding:12px 14px;background:var(--lp-sand);font-weight:600}
.quiz-section .quiz-explain.good{color:#0a3b25;background:var(--lp-mint)}
.quiz-section .quiz-explain:not(.good){color:#7a2210;background:#F9D5CC}
.quiz-section .quiz-radio{background:var(--lp-paper);border:3px solid var(--lp-ink)}
.quiz-section [aria-pressed="true"] .quiz-radio{background:var(--lp-green);border-color:var(--lp-ink);color:var(--lp-cream)}
.quiz-section .quiz-score{font-family:var(--kb-mono);font-weight:700}
.quiz-section .quiz-summary{background:var(--lp-gold);border:3px solid var(--lp-ink);border-radius:12px;padding:14px 16px;box-shadow:var(--lp-sh-sm)}