/* One company shell and type scale across Digital and Visual normal pages. */
:root{--site-font:Inter,"Noto Sans Khmer",system-ui,sans-serif;--site-title:clamp(28px,3.1vw,40px);--site-section-title:clamp(22px,2.1vw,28px)}
body{font-family:var(--site-font)}
body.public-body .site-sticky-stack{position:sticky;top:0;z-index:180}
html[data-site-theme] body[class] .showcase-header .showcase-desktop-nav a{font:600 13px/1.4 var(--site-font)!important}
body.public-body{font-size:14px;line-height:1.6}
body.public-body :is(.page-head,.page-hero,.product-info,.about-hero-v42,.guides-hero-v42,.company-page-hero,.hire-hero,.auth-card,.account-head,.workspace-head) h1{font:800 var(--site-title)/1.18 var(--site-font)!important;letter-spacing:-1.1px!important;margin-block:10px 16px!important}
body.public-body :is(.section-head,.showcase-section-head,.about-story-v42,.about-team-v42,.about-long-v42,.about-visual-v42,.tool-how,.section-title,.panel-head) h2{font:750 var(--site-section-title)/1.25 var(--site-font)!important;letter-spacing:-.65px!important}
body.public-body :is(.page-head,.page-hero,.about-hero-v42,.guides-hero-v42,.company-page-hero,.hire-hero)>p{font-size:15px!important;line-height:1.75!important}
body.cms-body :is(.cms-top,.cms-page-heading) h1{font:800 clamp(24px,2.1vw,30px)/1.2 var(--site-font)!important;letter-spacing:-.7px!important}
body.cms-body :is(.panel,.cms-card) h2{font:750 20px/1.3 var(--site-font);letter-spacing:-.35px}
html[data-site-theme] body[class] .company-footer{
  display:grid!important;grid-template-columns:1.35fr repeat(4,.65fr) auto!important;
  gap:26px!important;align-items:start!important;margin-top:auto;
  padding:28px max(var(--preview-gutter,28px),calc((100% - var(--public-shell,1320px))/2))!important;
  border-top:1px solid var(--site-line)!important;font:12px/1.6 var(--site-font)!important;
  background:var(--site-chrome)!important;color:var(--site-muted)!important;
}
html[data-site-theme] body[class] .company-footer>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
html[data-site-theme] body[class] .company-footer .brand{display:flex;align-items:center;gap:9px;margin:0;white-space:normal}
html[data-site-theme] body[class] .company-footer .brand img{width:30px;height:30px;object-fit:contain}
html[data-site-theme] body[class] .company-footer .brand span{font-size:15px;font-weight:800;color:var(--site-ink)}
html[data-site-theme] body[class] .company-footer b{font-size:12px;color:var(--site-ink)!important}
html[data-site-theme] body[class] .company-footer a{font-size:12px;color:var(--site-muted)!important;text-decoration:none}
html[data-site-theme] body[class] .company-footer a:hover{color:var(--site-accent)!important}
html[data-site-theme] body[class] .company-footer p{margin:2px 0!important;font-size:12px!important;color:var(--site-muted)!important}
html[data-site-theme] body[class] .company-footer small{font-size:11px;color:var(--site-muted)!important;overflow-wrap:anywhere}
html[data-site-theme] body[class] .company-footer .showcase-socials{display:flex!important;flex-direction:row!important;gap:7px!important;align-items:center!important;flex-wrap:wrap}
html[data-site-theme] body[class] .company-footer .showcase-socials a{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--site-line);border-radius:8px;background:var(--site-soft);color:var(--site-ink)!important;font-size:14px}
html[data-site-theme] body[class] .company-footer .cookie-settings-link{background:transparent;border:0;padding:0;font:inherit;color:var(--site-muted);text-decoration:underline;cursor:pointer}
html[data-site-theme] body[class] .company-running{height:31px;min-height:31px;display:flex;align-items:center;overflow:hidden;contain:paint;background:var(--site-accent-soft)!important;color:var(--site-ink)!important;border-block:1px solid var(--site-line);font:12px/1.4 var(--site-font);z-index:175}
.company-running.running-header{position:relative}
.company-running.running-footer{position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #00000012}
.company-running .ticker-track{display:inline-flex;gap:80px;width:max-content;min-width:max-content;white-space:nowrap;animation:company-ticker 32s linear infinite;will-change:transform}
.company-running .ticker-track span{display:block;padding:0}
.company-running:hover .ticker-track,.company-running:focus-within .ticker-track{animation-play-state:paused}
body.has-running-footer{padding-bottom:31px}
body.account-body.has-running-footer .page-shell{height:calc(100dvh - var(--footer-ticker-height,31px))!important}
body.account-body .public-page-main>.account-layout{height:100%!important;min-height:0}
.shared-site-summary{display:grid;gap:12px;margin-bottom:16px}
.shared-site-summary dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;margin:0;font-size:13px}
.shared-site-summary dt{color:var(--site-muted)}
.shared-site-summary dd{margin:0;overflow-wrap:anywhere}
html[data-site-theme] body[class] .account-side .account-footer{display:grid!important;gap:20px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-site-theme] body[class] .account-side .account-footer .profile-badge{margin:0!important;padding:14px 12px!important;gap:10px!important;border:1px solid var(--site-line)!important;background:var(--site-soft)!important}
html[data-site-theme] body[class] .account-side .account-footer .account-nav-secondary{margin:0!important;padding:0!important;gap:10px!important}
html[data-site-theme] body[class] .account-side .profile-badge small{font-size:11px!important;line-height:1.5!important}
html[data-site-theme] body[class] .cms-side .cms-profile{margin:12px 5px 0!important;padding:14px 12px!important;border-color:var(--site-line)!important}
html[data-site-theme] body[class] .cms-side .cms-profile-actions{margin:12px 5px 0!important;gap:10px!important}
html[data-site-theme] body[class] .cms-side .cms-profile-actions a{white-space:nowrap;font-size:11px!important}
html[data-site-theme] body[class] .sticky-sidebar .sidebar-profile{gap:12px!important;padding:14px 12px!important}
html[data-site-theme] body[class] .sidebar-profile .profile-copy{min-width:0}
html[data-site-theme] body[class] .sidebar-profile .profile-logout{flex:0 0 30px;margin-left:0}
.quiz-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;margin:14px 0;list-style:none}
.quiz-levels li{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border:1px solid var(--site-line);border-radius:9px;background:var(--site-soft);color:var(--site-muted);font-size:11px}
.quiz-levels li span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--site-surface);font-weight:800}
.quiz-levels li.active{border-color:var(--site-accent);background:var(--site-accent-soft);color:var(--site-ink);font-weight:800}
.quiz-levels li.done{color:var(--site-success);border-color:var(--site-success)}
.quiz-question-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--site-muted)}
.quiz-feedback{margin:16px 0;border-left:3px solid var(--site-accent);padding-left:12px;font-size:13px}
.quiz-feedback .quiz-explanation{margin:7px 0!important;padding:0!important;background:transparent!important}
@media(max-width:600px){.quiz-levels li{flex-direction:column;gap:3px;font-size:10px;padding:7px 2px}.quiz-question-meta{font-size:10px}.quiz-feedback{font-size:12px}}
@keyframes company-ticker{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media(max-width:1000px){html[data-site-theme] body[class] .company-footer{grid-template-columns:1.3fr 1fr 1fr!important;gap:24px!important}}
@media(max-width:600px){html[data-site-theme] body[class] .company-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-block:24px!important;gap:22px 18px!important}html[data-site-theme] body[class] .company-footer .showcase-footer-brand{grid-column:1/-1}.shared-site-summary dl{grid-template-columns:1fr;gap:3px}.shared-site-summary dd{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.company-running .ticker-track{animation:none!important;transform:none!important;white-space:normal;min-width:0;width:100%;justify-content:center;padding-inline:16px}.company-running .ticker-track span[aria-hidden=true]{display:none}.company-running{height:auto;min-height:31px;padding-block:6px}}
html[data-site-theme] body.cms-body .cms-settings-main>.settings-notices{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;z-index:auto!important}
/* Approved product spacing: shared gutters, readable cards and compact gaps. */
html[data-site-theme] body.page-product_detail .company-product-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:24px!important;padding-block:0!important;margin-block:24px!important;align-items:start}
html[data-site-theme] body.page-product_detail .product-gallery{display:grid;gap:12px;align-content:start}
html[data-site-theme] body.page-product_detail .product-gallery .action-row{margin:0!important;gap:10px}
html[data-site-theme] body.page-product_detail .product-tech-card{margin:0!important;padding:24px!important;gap:16px 24px!important}
html[data-site-theme] body.page-product_detail .package-list{gap:12px!important;margin:16px 0!important}
html[data-site-theme] body.page-product_detail .package-option{padding:16px!important;min-height:0!important;gap:12px!important}
html[data-site-theme] body.page-product_detail .package-option span{min-width:0;gap:4px}
html[data-site-theme] body.page-product_detail .package-option strong{white-space:nowrap}
html[data-site-theme] body.page-product_detail .product-overview-section{padding-block:0!important;margin-block:24px!important}
html[data-site-theme] body.page-product_detail .product-overview-section>article{padding:24px!important;border:1px solid var(--site-line)!important;border-radius:16px;background:var(--site-surface)!important;box-shadow:var(--site-shadow)!important}
html[data-site-theme] body.page-product_detail .product-overview-section :is(h2,h3){margin-block:16px 8px}
html[data-site-theme] body.page-product_detail .product-hire-band{padding:24px!important;margin-block:24px!important;gap:20px}
html[data-site-theme] body.public-body .product-grid{gap:16px!important}
html[data-site-theme] body.public-body .product-body{padding:16px!important}
html[data-site-theme] body.page-home .showcase-app-card{padding:16px!important;gap:12px!important}

@media(max-width:800px){html[data-site-theme] body.page-product_detail .company-product-hero{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;margin-block:20px!important}}
@media(max-width:600px){html[data-site-theme] body.page-product_detail :is(.product-tech-card,.product-overview-section>article,.product-hire-band){padding:16px!important}html[data-site-theme] body.cms-body .cms-settings-main{padding-inline:14px!important}html[data-site-theme] body.cms-body .cms-settings-main>.cms-top{margin-inline:-14px!important;padding-inline:14px!important}html[data-site-theme] body.cms-body #settingsForm>section.panel{grid-template-columns:minmax(0,1fr)!important}html[data-site-theme] body.cms-body #settingsForm>section>h2{grid-column:1/-1}}
@media print{html[data-site-theme] body[class] :is(.site-sticky-stack,.showcase-header,.company-running,.company-footer){display:none!important}body.has-running-footer{padding-bottom:0}}

/* Larger app icons without changing the shared thumbnail/card dimensions. */
.product-art img.real-app-icon{width:150px!important;height:150px!important;max-width:calc(100% - 32px)!important;max-height:calc(100% - 48px)!important;object-fit:contain!important;transform:translateY(-5px)}

/* One detail layout for every Visual tool, with readable metadata and insets. */
html[data-theme][data-site-theme] body.visual-public-body .tool-intro{width:100%;max-width:1100px;margin:24px auto!important;padding:24px!important;gap:12px!important;box-sizing:border-box}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro .tool-detail-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:min(680px,100%);gap:12px!important;margin:4px 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro .tool-detail-meta>span{display:grid;align-content:center;gap:6px!important;min-width:0;min-height:74px;box-sizing:border-box;padding:14px!important;border:1px solid var(--site-line)!important;border-radius:12px!important;background:var(--site-surface)!important;color:var(--site-ink)!important;font-size:14px!important;line-height:1.5;overflow-wrap:anywhere}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro .tool-detail-meta b{font-size:10px!important;line-height:1.4;font-weight:650;letter-spacing:.08em;color:var(--site-muted)!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro>p{margin:0 0 8px!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro>.btn{margin:0!important;min-height:46px;padding:12px 20px!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-intro>small{display:block;margin-top:0!important;font-size:12px;line-height:1.6;color:var(--site-muted)!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-how{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr)!important;align-items:start;width:100%;max-width:1100px;box-sizing:border-box;gap:24px!important;padding:24px!important;margin:0 auto 24px!important;border:1px solid var(--site-line)!important;border-radius:16px;background:var(--site-surface)!important;line-height:1.8}
html[data-theme][data-site-theme] body.visual-public-body .tool-how>div{min-width:0}
html[data-theme][data-site-theme] body.visual-public-body .tool-how h2{margin:0 0 12px!important}
html[data-theme][data-site-theme] body.visual-public-body .tool-how p{margin:0 0 14px;color:var(--site-muted)!important;overflow-wrap:anywhere}
html[data-theme][data-site-theme] body.visual-public-body .tool-how p:last-child{margin-bottom:0}
html[data-theme][data-site-theme] body.visual-public-body .tool-how ol{margin:0 0 14px;padding-left:22px}
html[data-theme][data-site-theme] body.visual-public-body .tool-how li{padding-left:2px;margin-bottom:4px}
html[data-theme][data-site-theme] body.visual-public-body .tool-how aside{min-width:0;padding:24px!important;border-color:var(--site-line)!important;border-radius:12px;background:var(--site-soft)!important;box-sizing:border-box}
html[data-theme][data-site-theme] body.visual-public-body .tool-how aside h3{margin:0 0 12px;font-size:17px;line-height:1.5}
html[data-theme][data-site-theme] body.visual-public-body .tool-how aside a{margin-top:12px;color:var(--site-accent)!important}
.site-language-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;font-size:12px;line-height:1.6}
.site-language-picker{display:flex;align-items:center;gap:8px;margin:0;font-weight:500}
html[data-theme][data-site-theme] body[class] .site-language-picker select{width:112px;min-height:36px;padding:7px 10px;border:1px solid var(--site-line);border-radius:9px;background:var(--site-input)!important;color:var(--site-ink)!important;font:inherit}
html[data-theme][data-site-theme] body[class] .site-language-tools small{font-size:11px;color:var(--site-muted)!important}
html[data-theme][data-site-theme] body[class] .site-language-tools a{color:var(--site-accent)!important;cursor:pointer}
html[data-theme][data-site-theme] body[class] .site-language-tools [hidden]{display:none!important}

/* Compact admin workspace; independent settings columns keep section gaps small. */
html[data-theme="light"][data-site-theme] body.cms-body :is(.cms-side,.cms-header-bar){--site-chrome:#07162a;--site-sidebar:#0b213a;--site-surface:#10233b;--site-soft:#152c48;--site-input:#0b1c32;--site-ink:#edf5ff;--site-muted:#aac0d8;--site-line:#2e4968;--site-accent:#51b1ff;--site-accent-soft:#163d66;background:var(--site-sidebar)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important}
html[data-theme="light"][data-site-theme] body.cms-body .cms-header-bar{background:var(--site-chrome)!important}
html[data-theme][data-site-theme] body.cms-body .page-shell{height:100dvh;min-height:0}
html[data-theme][data-site-theme] body.cms-body .company-footer{display:none!important}
html[data-theme][data-site-theme] body.cms-body .cms-page-main{height:auto!important;flex:1 1 0;min-height:0!important}
html[data-theme][data-site-theme] body.cms-body .cms-main{padding-inline:20px!important}
html[data-theme][data-site-theme] body.cms-body .cms-top{margin:0 -20px 18px!important;padding:16px 20px!important;min-height:80px!important}
html[data-theme][data-site-theme] body.cms-body .cms-top h1{font-size:28px!important;font-weight:700!important}
html[data-theme][data-site-theme] body.cms-body .cms-main .panel h2{font-size:18px!important;font-weight:600!important}
html[data-theme][data-site-theme] body.cms-body .cms-main label{font-size:12px!important;font-weight:500!important}
html[data-theme][data-site-theme] body.cms-body .cms-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:13px!important;font-weight:400!important;line-height:1.5;min-height:38px;padding:8px 10px}
html[data-theme][data-site-theme] body.cms-body .cms-main small{font-weight:400!important}
html[data-theme][data-site-theme] body.cms-body .cms-brand b{font-size:14px!important}
html[data-theme][data-site-theme] body.cms-body .cms-brand img{width:32px!important;height:32px!important}
html[data-theme][data-site-theme] body.cms-body .cms-side nav.cms-nav-grouped{gap:4px!important;padding:10px 5px!important}
html[data-theme][data-site-theme] body.cms-body .cms-nav-grouped>a{min-height:36px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important}
html[data-theme][data-site-theme] body.cms-body #settingsForm{display:block;column-count:2;column-gap:16px;gap:16px!important}
html[data-theme][data-site-theme] body.cms-body #settingsForm>section.panel{display:inline-grid;vertical-align:top;break-inside:avoid;page-break-inside:avoid;width:100%;box-sizing:border-box;min-height:0;margin:0 0 16px!important;padding:18px!important;gap:10px!important}
@media(max-width:900px){html[data-theme][data-site-theme] body.visual-public-body .tool-how{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:800px){html[data-theme][data-site-theme] body.cms-body #settingsForm{column-count:1!important}}
@media(max-width:600px){html[data-theme][data-site-theme] body.visual-public-body .tool-intro{padding:16px 0!important;margin-block:16px!important}html[data-theme][data-site-theme] body.visual-public-body .tool-intro .tool-detail-meta{grid-template-columns:minmax(0,1fr)}html[data-theme][data-site-theme] body.visual-public-body .tool-intro .tool-detail-meta>span{min-height:68px}html[data-theme][data-site-theme] body.visual-public-body .tool-how{padding:16px!important;gap:16px!important}html[data-theme][data-site-theme] body.visual-public-body .tool-how aside{padding:16px!important}html[data-theme][data-site-theme] body.cms-body .cms-main{padding-inline:14px!important}html[data-theme][data-site-theme] body.cms-body .cms-top{margin-inline:-14px!important;padding-inline:14px!important}html[data-theme][data-site-theme] body.cms-body #settingsForm>section.panel{padding:16px!important}}

/* Remove decorative icon rings across cards/details without altering chart drawings. */
html[data-site-theme] body[class] .real-app-art::before{content:none!important;display:none!important}
html[data-site-theme] body[class] :is(.art-icon,.detail-art-icon,.tool-icon,.showcase-cat-icon,.showcase-theme-toggle,.icon-btn){border-radius:8px!important}
html[data-site-theme] body[class] .visual-app-thumbnail{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:12px!important;box-sizing:border-box}
html[data-site-theme] body[class] .main-preview:has(.visual-app-thumbnail) .app-art-caption{display:none}
/* One language menu in the header, including the narrow mobile header. */
.site-language-menu{position:relative;flex:0 0 auto;font:12px/1.5 var(--site-font);color:var(--site-ink)}
.site-language-menu>summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;min-width:50px;height:36px;padding:0 8px;box-sizing:border-box;border:1px solid var(--site-line);border-radius:8px;background:var(--site-soft);color:var(--site-ink)}
.site-language-menu>summary::-webkit-details-marker{display:none}
.site-language-menu>summary:hover,.site-language-menu[open]>summary{border-color:var(--site-accent);background:var(--site-accent-soft)}
.site-language-menu :is(summary,select,a):focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
.site-language-menu .site-language-tools{position:absolute;right:0;top:calc(100% + 8px);z-index:250;width:260px;max-width:calc(100vw - 28px);box-sizing:border-box;display:grid;justify-content:stretch;gap:12px;padding:16px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:12px;box-shadow:var(--site-shadow);color:var(--site-ink);text-align:left}
.site-language-menu .site-language-picker{justify-content:space-between}
.site-language-menu small{white-space:normal}
html[data-site-theme] body[class] .showcase-header-tools{gap:8px;flex-shrink:0}
@media(max-width:1100px){html[data-site-theme] body[class] .showcase-header .showcase-desktop-nav{display:none!important}}
@media(max-width:600px){.site-language-menu>summary{height:34px;min-width:43px;padding-inline:6px}.site-language-menu>summary svg{width:16px;height:16px}html[data-site-theme] body[class] .showcase-header-tools{gap:6px!important}body.editor-page .site-header .header-actions{gap:6px}.site-language-menu .site-language-tools{right:-4px}}
/* The quiz occupies the board; answer choices scroll inside their own region. */
html[data-theme][data-site-theme] body.editor-page .editor-shell[data-visual="quizLab"] .canvas-card{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;padding:16px!important}
html[data-theme][data-site-theme] body.editor-page #learningHost.quiz-workspace{display:flex;height:100%!important;min-height:0;max-height:100%;flex-direction:column;overflow:hidden!important}
body.editor-page .quiz-workspace>.lab-header{flex:0 0 auto;margin-bottom:8px!important}
body.editor-page .quiz-workspace .lab-header h2{font-size:21px!important;line-height:1.2;margin:3px 0!important}
body.editor-page .quiz-workspace .lab-header p{font-size:11px!important}
body.editor-page .quiz-workspace #labStage{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1;overflow:hidden}
body.editor-page .quiz-workspace .lab-scorebar{flex:0 0 auto;margin:0!important;padding:8px 10px!important;gap:8px}
body.editor-page .quiz-workspace .lab-scorebar b{font-size:14px!important}
body.editor-page .quiz-workspace .quiz-levels{flex:0 0 auto;margin:0;gap:5px}
body.editor-page .quiz-workspace .quiz-levels li{padding:5px 4px}
html[data-site-theme] body.editor-page .quiz-workspace .quiz-card{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px!important;min-height:0;flex:1;margin:0 auto!important;padding:16px!important;box-sizing:border-box;overflow:hidden}
html[data-site-theme] body.editor-page .quiz-workspace .quiz-card h3{flex:0 1 auto;min-height:0;max-height:28%;overflow:auto;overscroll-behavior:contain;font-size:clamp(18px,2vw,25px)!important;line-height:1.35;margin:0!important;overflow-wrap:anywhere}
body.editor-page .quiz-workspace .quiz-question-meta{flex:0 0 auto}
body.editor-page .quiz-workspace .quiz-answers{flex:1;min-height:48px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding:2px 4px 4px 2px;scroll-padding:6px;gap:8px}
body.editor-page .quiz-workspace .quiz-answers{scrollbar-color:var(--site-accent) var(--site-soft)}
body.editor-page .quiz-workspace .quiz-answers::-webkit-scrollbar{width:8px}
body.editor-page .quiz-workspace .quiz-answers::-webkit-scrollbar-thumb{background:var(--site-accent);border-radius:4px}
body.editor-page .quiz-workspace .quiz-levels li span{border-radius:4px}
html[data-site-theme] body.editor-page .quiz-workspace .quiz-answer{flex:0 0 auto;min-width:0;min-height:48px;padding:10px!important;font-size:14px!important;overflow-wrap:anywhere}
body.editor-page .quiz-workspace .quiz-answer:focus-visible{outline:2px solid var(--site-accent);outline-offset:-3px}
body.editor-page .quiz-workspace .quiz-response{flex:0 1 auto;min-height:0;max-height:38%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.editor-page .quiz-workspace .quiz-feedback{margin:0 0 10px;font-size:12px;line-height:1.5}
body.editor-page .quiz-workspace .lab-tip{margin:0;font-size:11px}
body.editor-page .quiz-workspace #labStatus:empty{display:none}
body.editor-page .quiz-workspace .quiz-complete{overflow:auto;align-items:center;justify-content:center}
@media(max-width:700px){html[data-site-theme] body.editor-page .quiz-workspace .quiz-card{padding:12px!important;gap:8px}body.editor-page .quiz-workspace .lab-header{margin-bottom:5px!important}body.editor-page .quiz-workspace .lab-header p{display:none}body.editor-page .quiz-workspace .lab-header h2{font-size:18px}body.editor-page .quiz-workspace .lab-scorebar>span{font-size:9px}body.editor-page .quiz-workspace .lab-scorebar b{font-size:11px}body.editor-page .quiz-workspace .quiz-levels li{font-size:9px;padding:3px 2px}body.editor-page .quiz-workspace .quiz-levels li span{width:16px;height:16px;flex-basis:16px}body.editor-page .quiz-workspace .quiz-question-meta{font-size:9px}}
@media(max-width:700px){body.editor-page .quiz-workspace .lab-header h2{font-size:17px!important}body.editor-page .quiz-workspace .lab-header .lab-eyebrow{display:none}body.editor-page .quiz-workspace .lab-scorebar b{font-size:11px!important}html[data-theme][data-site-theme] body.editor-page .editor-shell[data-visual="quizLab"] .canvas-card{padding:10px!important}}
@media(max-width:460px){html[data-site-theme] body[class] .showcase-header .showcase-brand{gap:6px!important;min-width:0!important}html[data-site-theme] body[class] .showcase-header .showcase-brand span{font-size:12px!important;letter-spacing:-.25px}html[data-site-theme] body[class] .showcase-header .showcase-brand img{width:26px!important;height:26px!important}.showcase-header .site-language-menu>summary span{display:none}.showcase-header .site-language-menu>summary{min-width:32px}}
@media(max-width:600px){.site-header .site-language-menu{position:static}.site-header .site-language-menu .site-language-tools{right:14px;top:calc(100% + 8px)}}
@media(max-width:460px){html[data-site-theme] body[class] .showcase-header .showcase-brand span{display:block!important;width:80px!important;max-width:80px!important;white-space:normal!important;line-height:1.2!important;overflow:visible!important;text-overflow:clip!important}html[data-site-theme] body[class] .showcase-header .showcase-login{min-width:0!important;height:34px!important;padding:0 8px!important;font-size:11px!important}.showcase-header .showcase-mobile-toggle{width:34px;height:34px}}
@media(max-width:350px){html[data-site-theme] body[class] .showcase-header .showcase-brand span{display:none!important}}

/* v4.4.6: focused learning-board, dashboard and settings layout repairs. */
body.editor-page #learningHost:not(.quiz-workspace){display:flex;flex-direction:column;min-height:0;overflow:hidden!important}
body.editor-page #learningHost:not(.quiz-workspace)>#labStage{flex:1 1 0;min-width:0;min-height:0;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:2px 6px 6px 2px;box-sizing:border-box}
body.editor-page #learningHost:not(.quiz-workspace)>.lab-feedback{flex:0 0 auto;max-height:20%;overflow:auto;margin-top:8px;min-height:0}
body.editor-page #learningHost>.lab-feedback:empty{display:none}
body.editor-page #learningHost .lab-header>div{min-width:0;overflow-wrap:anywhere}
body.editor-page #learningHost .lab-scorebar{flex-wrap:wrap}
body.editor-page #learningHost .storybook{width:100%;height:auto!important;min-height:0;padding:2px;box-sizing:border-box}
body.editor-page #learningHost .storybook .story-panel{width:100%!important;height:auto!important;max-width:620px;max-height:none!important;aspect-ratio:auto!important;box-sizing:border-box}
body.editor-page #learningHost .storybook .story-panel-svg{width:100%!important;height:auto!important;object-fit:contain}
body.editor-page #learningHost .maze-layout{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.editor-page #learningHost .maze-board-wrap,body.editor-page #learningHost .program-panel{height:auto!important;min-width:0}
body.editor-page #learningHost .flash-actions{flex-wrap:wrap}
body.editor-page #learningHost .match-card{min-width:0;overflow-wrap:anywhere}
body.editor-page #learningHost .sequencer-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain}
body.editor-page .learning-controls :is(.row,.lab-command-pad,.sticker-palette){min-width:0}
body.editor-page .learning-controls .row{flex-wrap:wrap}
@media(max-width:1150px){body.editor-page #learningHost .maze-layout{grid-template-columns:minmax(0,1fr)!important}body.editor-page #learningHost .match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-theme][data-site-theme] body.dashboard-page .workspace-head{padding:20px 22px!important;border:1px solid var(--site-line)!important;border-radius:14px;gap:18px 24px;background:var(--site-surface)!important;box-sizing:border-box}
body.dashboard-page .workspace-head>div:first-child{flex:1 1 260px;min-width:0}
body.dashboard-page .workspace-head h1{overflow-wrap:anywhere}
body.dashboard-page .workspace-head>.row{flex:0 1 auto;min-width:0;gap:10px;align-items:center}
html[data-theme][data-site-theme] body.dashboard-page .app-sidebar .sidebar-profile{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px!important;align-items:center;padding:14px 12px!important;margin-top:16px!important;border:1px solid var(--site-line)!important;border-radius:12px;background:var(--site-soft)!important}
body.dashboard-page .sidebar-profile .avatar{width:38px;height:38px;grid-column:1;grid-row:1}
body.dashboard-page .sidebar-profile .profile-copy{grid-column:2;grid-row:1;gap:3px;min-width:0}
body.dashboard-page .sidebar-profile .profile-copy b{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.4}
body.dashboard-page .sidebar-profile .profile-copy small{font-size:10px;line-height:1.5}
body.dashboard-page .sidebar-profile .profile-email{grid-column:1/-1;min-width:0;margin:2px 0;color:var(--site-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
body.dashboard-page .sidebar-profile .plan-badge{border-radius:6px;font-size:9px;padding:3px 7px}
body.dashboard-page .sidebar-profile .profile-actions{grid-column:1/-1;display:flex;gap:8px;border-top:1px solid var(--site-line);padding-top:10px;margin-top:2px}
html[data-theme][data-site-theme] body.dashboard-page .sidebar-profile .profile-actions a{flex:1 1 0;min-width:0;margin:0;padding:7px 8px!important;justify-content:center;gap:6px;border:1px solid var(--site-line);border-radius:8px;background:var(--site-surface);color:var(--site-ink);font-size:11px;line-height:1.4}
body.dashboard-page .sidebar-profile .profile-actions a:hover{border-color:var(--site-accent)}
@media(max-width:620px){html[data-theme][data-site-theme] body.dashboard-page .workspace-head{padding:18px 16px!important}body.dashboard-page .workspace-head>div:first-child{flex:auto}body.dashboard-page .workspace-head>.row{width:100%}body.dashboard-page .workspace-head>.row a{flex:1 1 130px;white-space:normal}}

html[data-theme][data-site-theme] body.cms-body #settingsForm{display:grid;column-count:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;align-items:start}
html[data-theme][data-site-theme] body.cms-body #settingsForm.settings-stacked{grid-auto-rows:1px;row-gap:0!important;column-gap:16px!important}
html[data-theme][data-site-theme] body.cms-body #settingsForm[data-settings-columns="1"]{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
html[data-theme][data-site-theme] body.cms-body #settingsForm>section.panel{display:grid;min-width:0;align-self:start;margin:0!important}
@media(max-width:800px){html[data-theme][data-site-theme] body.cms-body #settingsForm{grid-template-columns:minmax(0,1fr)}}