/* Shared readable surfaces across site-owned routes; loaded after legacy styles. */
html:has(body[data-site-theme=amber]){color-scheme:dark;background-color:#211b18}
body[data-site-theme=amber]{--accent:#edb875;--muted:#d8c4b1;--panel:#30241e;--line:#e5c49a35;color:#fff1e2;color-scheme:dark}
body[data-site-theme=amber] :is(.panel,.card,.metric,.overview-panel,.overview-metric,.workspace-tool,.section,.section-editor,.question,.article-preview,.studio-panel,.email-option,.course-progress,.dashboard-warning,.empty,.info-note,.preview-note,.banner,.login-box,.review-card,.question-card){background:#30241ef2;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(.topbar,.editor-top,.section-head,.form-sticky,.panel-head,.panel-footer,.overview-panel-footer,.queue-note,header):not(.site-header):not(.site-navigation-bar){background:#2c211de8;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(dialog,dialog.studio-dialog){background:#30241e;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(input,textarea,select){background:#271e19;color:#fff1e2;border-color:#806247}body[data-site-theme=amber] :is(input,textarea)::placeholder{color:#c2ac97;opacity:1}body[data-site-theme=amber] select option{background:#271e19;color:#fff1e2}
body[data-site-theme=amber] :is(.section-editor textarea,.section-head input,.login-box input){background:#271e19;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(.muted,.lead,.form-help,.field-help,.save-label,label,.email-option small,.progress-detail,.progress-phases li,.progress-label small,.row-title small,.lesson-row small,.metric span,.metric small,.dashboard-warning p){color:#d8c4b1}
body[data-site-theme=amber] :is(.email-option label,.metric strong,.progress-label strong,.progress-label>span,.progress-motto p,.empty h2,.section-editor h2,.dashboard-warning,.login-box h2){color:#fff1e2}
body[data-site-theme=amber] :is(button,.button){background-color:#33261f;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(button.secondary,.button.secondary,.quick-action,.compact-list button){background:#33261f;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(button,.button,.quick-action,.compact-list button,.overview-metric,.workspace-tool,.overview-activity>button):is(:hover,:focus-visible){background:#513b2b;color:#fff1e2;border-color:#d9a46e}
body[data-site-theme=amber] :is(button.primary,.button.primary,.primary){background:#edb875;color:#2c1b10;border-color:#edb875}body[data-site-theme=amber] :is(button.primary,.button.primary,.primary):hover{background:#f3ce9b;color:#2c1b10}
body[data-site-theme=amber] :is(button.danger,.button.danger){background:#582e32;color:#ffd3d5;border-color:#a66a70}
body[data-site-theme=amber] :is(.text-button,.text-button:hover){background:transparent;color:#ffdaa8}
body[data-site-theme=amber] :is(th,td){border-color:#806247;color:#fff1e2}body[data-site-theme=amber] th{background:#2c211d;color:#e7d2ba}body[data-site-theme=amber] tbody tr:is(:hover,:focus-within){background:#513b2b;color:#fff1e2}
body[data-site-theme=amber] :is(.pill,.tag,.badge,.count-box,.content-icon){background:#514134;color:#f2dfcb;border-color:#806247}
body[data-site-theme=amber] :is(.tag.published,.tag.completed,.tag.active,.badge.published,.tag.passed){background:#254333;color:#c5efd6}body[data-site-theme=amber] :is(.tag.pending,.tag.draft,.tag.queued,.tag.submitted){background:#59401e;color:#ffdda1}body[data-site-theme=amber] :is(.tag.failed,.tag.cancelled,.tag.suspended,.form-error){color:#ffd3d5}
body[data-site-theme=amber] .progress-track{background:#614d3c}body[data-site-theme=amber] .progress-phases .done{color:#c5efd6}body[data-site-theme=amber] .progress-phases .done>span{background:#254333;color:#c5efd6}body[data-site-theme=amber] .progress-phases .current{color:#ffdda1}body[data-site-theme=amber] .progress-phases .current>span{background:#59401e;color:#ffdda1;border-color:#ad825c}
body[data-site-theme=amber] :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #ffd29b;outline-offset:3px}
/* Certificates retain readable dark ink on paper. */
body[data-site-theme=amber] .certificate{background:#fff;color:#172639}body[data-site-theme=amber] .certificate :is(h1,h2,h3,p,small,span,strong){color:#172639}
@media print{body[data-site-theme=amber]{color:#172639}body[data-site-theme=amber] :is(.panel,.card,.studio-panel,th,td){background:#fff;color:#172639}}
body[data-site-theme=amber] :is(.lesson-row,.preview,.skip-link,.admin-mobile-dock,.activity-symbol,.overview-queue strong){background:#30241e;color:#fff1e2;border-color:#806247}
body[data-site-theme=amber] :is(.overview-title,.overview-intro,.overview-metric strong,.workspace-tool strong,.overview-panel h2,.overview-panel h3,.overview-activity strong,.lesson-row strong,.section-head h3){color:#fff1e2}
body[data-site-theme=amber] :is(.overview-metric span,.overview-metric small,.workspace-tool small,.overview-panel small,.overview-panel p,.overview-activity small,.overview-queue,.overview-queue a,.admin-mobile-dock a,.section-head small){color:#d8c4b1}
body[data-site-theme=amber] .bg-white{background:#30241e;color:#fff1e2}
body[data-site-theme=amber] .world-map{background:#241c17;border:1px solid #806247;border-radius:14px}body[data-site-theme=amber] .world-map path:is(:hover,:focus){stroke:#ffe1ad;stroke-width:1.8;filter:brightness(1.15)}body[data-site-theme=amber] :is(.map-legend,.map-source,.chart-legend){color:#d8c4b1}body[data-site-theme=amber] .map-source a{color:#ffdaa8}body[data-site-theme=amber] .map-legend i{background:linear-gradient(90deg,hsl(35 60% 36%),hsl(35 60% 65%));border:1px solid #a88661}body[data-site-theme=amber] .traffic-chart text{fill:#d8c4b1}

.site-home-control{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:44px;height:44px;display:grid;place-items:center;z-index:9000;border:1px solid #e9b57977;border-radius:14px;background:#35291fe8;color:#f5c58b;backdrop-filter:blur(18px);box-shadow:0 8px 24px #0004;text-decoration:none}.site-home-control svg{width:22px;height:22px}.site-home-control:hover{background:#493628;color:#ffedcd}.site-home-control:focus-visible{outline:2px solid #ffedcd;outline-offset:3px}body:has(>.site-home-control):not(:has(.profile-page)):not(:has(.site-header)){padding-top:72px}body:has(>.site-home-control) .site-header{padding-left:76px}

body[data-site-theme=amber] .site-notifications-toggle{color:#f5c58b!important;background:#35291fe8!important;border-color:#e9b57977!important;border-radius:15px}body[data-site-theme=amber] .site-notifications-toggle:hover{color:#ffedcd!important;background:#493628!important}

.site-top-navigation{position:fixed;display:flex;gap:8px;top:max(16px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:9000}.site-top-navigation>a{position:static;width:44px;height:44px;display:grid;place-items:center;border:1px solid #e9b57977;border-radius:14px;background:#35291fe8;color:#f5c58b;backdrop-filter:blur(18px);box-shadow:0 8px 24px #0004;text-decoration:none}.site-top-navigation svg{width:22px;height:22px}.site-top-navigation>a:hover{background:#493628;color:#ffedcd}.site-top-navigation>a:focus-visible{outline:2px solid #ffedcd;outline-offset:3px}body:has(>.site-top-navigation):not(:has(.profile-page)){padding-top:72px}body:has(>.site-top-navigation) .site-header{padding-left:24px}

/* Shared navigation has its own reserved row on every page. */
body[data-site-theme=amber] .site-navigation-bar{position:fixed;inset:0 0 auto;z-index:9000;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(12px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:#211811ed;border-bottom:1px solid #edc29230;box-shadow:0 8px 24px #0003;backdrop-filter:blur(22px);height:auto;min-height:68px;max-width:none;margin:0;border-radius:0}
body[data-site-theme=amber] .site-navigation-bar .site-top-navigation,body[data-site-theme=amber] .site-top-actions{position:static;display:flex;align-items:center;gap:8px;margin:0;padding:0;width:auto;flex-wrap:nowrap;flex:none}
body[data-site-theme=amber] .site-navigation-bar :is(.site-top-navigation>a,.site-top-actions>a,button.mobile-card-open,.site-notifications-toggle){position:static!important;display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;width:44px;height:44px;padding:0;border-radius:14px;border:1px solid #e9b57977;background:#35291fe8;color:#f5c58b;box-shadow:inset 0 1px #fff0dd12;text-decoration:none}
body[data-site-theme=amber] .site-navigation-bar svg{width:21px;height:21px;display:block;flex:none}body[data-site-theme=amber] .site-top-actions .site-notifications{position:relative!important;top:auto!important;right:auto!important;display:block!important;order:2}body[data-site-theme=amber] .site-top-actions .mobile-card-open{order:3}.site-apps-control{order:0}.site-admin-control{order:1}
body[data-site-theme=amber]:has(>.site-navigation-bar):not(:has(.profile-page)){padding-top:calc(84px + env(safe-area-inset-top))!important}
body[data-site-theme=amber] .site-navigation-bar .site-notifications-panel{right:0!important;top:52px}
@media(max-width:767px){body[data-site-theme=amber] .site-navigation-bar{gap:8px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px;min-height:60px}body[data-site-theme=amber] .site-navigation-bar :is(.site-top-navigation,.site-top-actions){gap:6px}body[data-site-theme=amber] .site-navigation-bar :is(.site-top-navigation>a,.site-top-actions>a,button.mobile-card-open,.site-notifications-toggle){width:36px;height:36px;min-height:36px;border-radius:12px}body[data-site-theme=amber] .site-navigation-bar svg{width:19px;height:19px}.profile-page .profile-admin-control{display:none!important}body[data-site-theme=amber] .profile-page{padding-top:calc(72px + env(safe-area-inset-top))!important}}

.profile-page .profile-admin-control{display:none!important}@media(min-width:768px){body[data-site-theme=amber] .site-navigation-bar button.mobile-card-open{display:none!important}}

body[data-site-theme=amber] .site-navigation-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}body[data-site-theme=amber] .site-navigation-bar>.site-top-navigation{justify-self:start}body[data-site-theme=amber] .site-navigation-bar>.site-top-actions{justify-self:end}body[data-site-theme=amber] .site-navigation-bar>.site-home-control{position:static!important;display:flex;align-items:center;justify-content:center;justify-self:center;width:44px;height:44px;padding:0;border-radius:14px;border:1px solid #e9b57977;background:#493322;color:#ffdfb4;box-shadow:inset 0 1px #fff0dd22;text-decoration:none}body[data-site-theme=amber] .site-navigation-bar .pwa-refresh{display:none!important}@media(max-width:767px){body[data-site-theme=amber] .site-navigation-bar>.site-home-control{width:36px;height:36px;border-radius:12px}}

body[data-site-theme=amber].publishing-page .publishing-page-header{position:relative;top:auto;max-width:1280px;margin:0 12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #edc29230;border-radius:18px;background:#2b201bd9;color:#fff0dd;box-shadow:inset 0 1px #fff5e718;backdrop-filter:blur(20px)}body[data-site-theme=amber].publishing-page .publishing-page-header nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}body[data-site-theme=amber].publishing-page .publishing-page-header a{color:#f0d6b3;text-decoration:none}body[data-site-theme=amber].publishing-page .publishing-page-header .brand{font-size:14px;letter-spacing:.04em}body[data-site-theme=amber].publishing-page .publishing-page-header .brand small{font-size:12px;letter-spacing:.06em;color:#ddbc96}@media(min-width:1304px){body[data-site-theme=amber].publishing-page .publishing-page-header{margin:0 auto}}@media(max-width:767px){body[data-site-theme=amber].publishing-page .publishing-page-header{padding:14px 16px;gap:12px;min-width:0}body[data-site-theme=amber].publishing-page .publishing-page-header nav{gap:10px;font-size:14px}body[data-site-theme=amber].publishing-page .publishing-page-header .brand{font-size:12px}body[data-site-theme=amber].publishing-page main{padding:28px 16px}}

@media(max-width:767px){body[data-site-theme=amber].course-designer .publishing-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}body[data-site-theme=amber].course-designer .publishing-page-header nav{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:10px;min-width:0}body[data-site-theme=amber].course-designer .publishing-page-header .designer-back{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #edc29245;border-radius:12px;background:#fff0dd0d;font-size:14px;white-space:nowrap}body[data-site-theme=amber].course-designer .publishing-page-header nav>a:not(.designer-back){display:none}}

body[data-site-theme=amber] .site-navigation-bar>.site-home-control{background:#ffffff08;border-color:#edc29250;overflow:hidden}body[data-site-theme=amber] .site-navigation-bar>.site-home-control img{display:block;object-fit:contain;width:34px;height:34px;margin:0;flex:none}@media(max-width:767px){body[data-site-theme=amber] .site-navigation-bar>.site-home-control img{width:28px;height:28px}}

/* Only the home logo is visible; no top-bar surface or full-width hit area. */
body[data-site-theme=amber] header.site-navigation-bar{
  display:flex;align-items:center;justify-content:center;
  inset:var(--site-bar-top) auto auto calc(50% - 22px)!important;
  width:44px;margin:0;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body[data-site-theme=amber] .site-navigation-bar>.site-top-navigation,
body[data-site-theme=amber] .site-navigation-bar>.site-top-actions{display:none!important}
body[data-site-theme=amber] header.site-navigation-bar>.site-home-control{
  width:44px;height:44px;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body[data-site-theme=amber] header.site-navigation-bar>.site-home-control img{width:36px;height:36px}

/* One measured navigation height and content offset across all routes. */
body[data-site-theme=amber]{--site-bar-height:56px;--site-bar-top:calc(8px + env(safe-area-inset-top));--site-content-top:calc(84px + env(safe-area-inset-top));box-sizing:border-box}
body[data-site-theme=amber] header.site-navigation-bar{height:var(--site-bar-height)!important;min-height:var(--site-bar-height)!important;max-height:var(--site-bar-height)!important;box-sizing:border-box!important;top:var(--site-bar-top)!important}
body[data-site-theme=amber]:has(>.site-navigation-bar):not(:has(.profile-page)){padding-top:var(--site-content-top)!important}
body[data-site-theme=amber] .profile-page{padding-top:var(--site-content-top)!important}
body[data-site-theme=amber]:has(>.site-navigation-bar)>header:not(.site-navigation-bar){position:relative!important;top:auto!important;margin-top:0!important}
body[data-site-theme=amber].admin-workspace .topbar,body[data-site-theme=amber].manage-page .topbar{top:var(--site-content-top)!important}
body[data-site-theme=amber].admin-workspace .sidebar{top:var(--site-content-top)!important;height:calc(100dvh - var(--site-content-top))!important;max-height:calc(100dvh - var(--site-content-top))!important}
body[data-site-theme=amber].admin-workspace .app-shell,body[data-site-theme=amber].admin-workspace .login-page{min-height:calc(100dvh - var(--site-content-top))!important}
body[data-site-theme=amber].admin-workspace .editor-aside{top:calc(var(--site-content-top) + 100px)!important}
body[data-site-theme=amber].player,body[data-site-theme=amber].vertical-player{height:100dvh!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden}
body[data-site-theme=amber].player>header:not(.site-navigation-bar),body[data-site-theme=amber].vertical-player>header:not(.site-navigation-bar){flex:none;min-height:60px;height:60px;box-sizing:border-box}
body[data-site-theme=amber].vertical-player main,body[data-site-theme=amber].vertical-player .lesson{height:calc(100dvh - var(--site-content-top) - 60px)!important;min-height:0}
body[data-site-theme=amber].player iframe{min-height:0;flex:1}
body[data-site-theme=amber]:has(>.site-navigation-bar) :is(main,section,[id]){scroll-margin-top:calc(var(--site-content-top) + 16px)}
@media(max-width:767px){body[data-site-theme=amber]{--site-bar-height:48px;--site-content-top:calc(76px + env(safe-area-inset-top))}body[data-site-theme=amber].admin-workspace .sidebar{bottom:0!important;padding-top:18px!important}body[data-site-theme=amber].admin-workspace .nav-scrim{top:var(--site-content-top)!important;height:calc(100dvh - var(--site-content-top))!important}}

/* The portfolio panel and dock occupy separate rows at every viewport size.
   The dock's actual height, including enlarged labels, determines its space. */
body[data-site-theme=amber] .profile-page.app-container{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto;
  justify-items:center;align-items:stretch;align-content:stretch;
  height:100dvh!important;min-height:0!important;max-height:100dvh;
  box-sizing:border-box;overflow:hidden!important;gap:16px;
  padding:var(--site-content-top) max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
}
body[data-site-theme=amber] .profile-page.app-container>.app-shell{
  grid-row:1;width:100%;height:100%!important;min-height:0!important;
  max-height:100%!important;margin:0!important;overflow:hidden!important;
}
body[data-site-theme=amber] .profile-page.app-container>.profile-bottom-nav{
  grid-row:2;position:static!important;inset:auto!important;
  transform:none!important;translate:none!important;margin:0;
  width:fit-content;max-width:100%;min-width:0;align-self:end;
}
body[data-site-theme=amber] .profile-page.app-container>.app-shell>div:nth-child(2){
  min-height:0!important;height:100%!important;max-height:100%!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain;scroll-padding-block:16px;
  padding-bottom:20px!important;
}
body[data-site-theme=amber] .profile-page.app-container>.app-shell>div:nth-child(2)>div:has(.mobile-about-copy){flex:none;min-height:100%}
body[data-site-theme=amber] .profile-page.app-container>.app-shell .md\:hidden.flex.flex-col.gap-4:has(.mobile-about-copy){flex:1 0 auto;min-height:auto}
@media(max-width:767px){
  body[data-site-theme=amber] .profile-page.app-container{gap:12px}
  body[data-site-theme=amber] .profile-page.app-container>.profile-bottom-nav{width:min(100%,400px)}
}

/* Wide screens need a full-width grid track around the capped content panel.
   Otherwise the legacy flex-start alignment pins the auto-sized track left. */
@media(min-width:1200px){
  body[data-site-theme=amber] .profile-page.app-container{
    grid-template-columns:minmax(0,1fr);
    justify-content:center;
  }
  body[data-site-theme=amber] .profile-page.app-container>.app-shell,
  body[data-site-theme=amber] .profile-page.app-container>.profile-bottom-nav{
    grid-column:1;justify-self:center;
  }
}