/* V2ao — four art directions. Shared business nodes and listeners stay intact. */
html[data-ui-theme] { --pf-edge:#e4e9f0;--pf-shadow:0 3px 5px #19385303,0 12px 32px #19385306; }
html[data-ui-theme] :is(button,a,input,select,textarea) { touch-action:manipulation; }
html[data-ui-theme] #main :is(h1,h2,h3) { text-wrap:balance; }
html[data-ui-theme] #main :is(.page-intro>p,.hero p,.card-body>p) { text-wrap:pretty; }
html[data-ui-theme] #main :is(.btn,.filter-bar button) { transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease; }
html[data-ui-theme] #main :is(.card,.event-card,.v2-mentor-card) { transition:box-shadow 180ms ease,border-color 180ms ease; }
html[data-ui-theme] #main :is(.cp-home-courses,#course-grid) .card-image { display:block;width:100%;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important; }
html[data-ui-theme] #main .cp-home .section-head > a { display:inline-flex;align-items:center;min-height:44px;gap:8px;font-size:13px;font-weight:550;white-space:nowrap; }
html[data-ui-theme] #main .card-meta .status { border:0;letter-spacing:.02em;padding:3px 9px; }
html[data-ui-theme] #main .card-meta .status.orange { background:#edf1f7;color:#435776; }
html[data-ui-theme] #main :is(.card-footer,.card-meta) { color:#5c6a7b; }
html[data-ui-theme] #main .v2-favorite-toggle { border:1px solid #ffffff8c;backdrop-filter:blur(8px);box-shadow:0 2px 8px #24344d10; }
html[data-ui-theme] #main .filter-bar { border-radius:10px;box-shadow:none; }
html[data-ui-theme] #main :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea) { transition:border-color 160ms ease,box-shadow 160ms ease; }
html[data-ui-theme] #main :is(.ar-jump-index,.ux-section-index) a { text-decoration-thickness:1px;text-underline-offset:5px; }
html[data-ui-theme] #main :is(.ar-form,.v2-admin-form) :is(input,select,textarea) { min-height:46px; }
html[data-ui-theme] #main :is(.detail-section,.ar-content-flow section) { scroll-margin-top:112px; }
html[data-ui-theme] #main #mentor-grid .v2-mentor-card-portrait { border-radius:0; }
html[data-ui-theme] #main #mentor-grid .v2-mentor-card-copy { border-top:0; }

/* Campus: a confident blue opening with a quiet, white course gallery. */
html[data-ui-theme="classic"] { --bg:#f5f7fb;--action:#245ab7;--cp-wash:#edf3ff;--cp-radius:14px; }
html[data-ui-theme="classic"] body[data-page] .site-header { border-top:0;box-shadow:0 1px 0 #e5eaf2; }
html[data-ui-theme="classic"] #main .cp-home { padding-top:28px; }
html[data-ui-theme="classic"] #main .cp-campus-opening { grid-template-columns:1.02fr 1fr;border-radius:20px;background:#2156ae;box-shadow:0 14px 44px #1e4d9710; }
html[data-ui-theme="classic"] #main .cp-campus-opening [data-cp-slot="welcome"] { padding:42px;background:radial-gradient(ellipse at 10% 110%,#82aaf64a,transparent 65%),linear-gradient(130deg,#245db8,#204d9d); }
html[data-ui-theme="classic"] #main .cp-home .hero h1 { color:#e3edff;font-size:15px;font-weight:500;letter-spacing:.08em;margin-bottom:20px; }
html[data-ui-theme="classic"] #main .cp-home .hero .hero-statement { color:#fff;font-size:36px;line-height:1.52;letter-spacing:-.035em;font-weight:650;margin-bottom:20px; }
html[data-ui-theme="classic"] #main .cp-home .hero p:not(.hero-statement) { color:#e0eaff;font-size:14px;line-height:1.9; }
html[data-ui-theme="classic"] #main .cp-home .hero-search { border:0;border-radius:10px;padding:5px;box-shadow:0 6px 24px #12336620;margin-top:24px; }
html[data-ui-theme="classic"] #main .cp-home .hero-search button { border-radius:7px;background:#183e7b; }
html[data-ui-theme="classic"] #main .cp-home .hero-link { color:#fff;font-size:13px; }
html[data-ui-theme="classic"] #main .cp-services { margin-top:20px;border-radius:14px;box-shadow:var(--pf-shadow); }
html[data-ui-theme="classic"] #main .cp-services > a { padding-block:26px;transition:background-color 160ms ease; }
html[data-ui-theme="classic"] #main .cp-services > a:hover { background:#f5f8fd; }
html[data-ui-theme="classic"] #main .cp-service-icon { width:38px;height:38px;top:30px;background:#edf3ff;color:#3763a7;border-radius:11px; }
html[data-ui-theme="classic"] #main :is(.cp-home-courses,#course-grid,#project-grid) .card { border:1px solid #fff;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--pf-shadow); }
html[data-ui-theme="classic"] #main :is(.cp-home-courses,#course-grid) .card-body { padding:22px; }
html[data-ui-theme="classic"] #main :is(.cp-home-courses,#course-grid) .card h3 { font-size:18px; }
html[data-ui-theme="classic"] #main :is(.cp-home-courses,#course-grid) .card:hover { box-shadow:0 10px 32px #2f4c8712; }
html[data-ui-theme="classic"] #main .cp-page-shell > .page-intro { padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #dde5ef; }
html[data-ui-theme="classic"] #main .filter-bar { background:#fff;padding:16px;border:1px solid #e7ecf3; }
html[data-ui-theme="classic"] #main #mentor-grid .v2-mentor-card { border-radius:12px;overflow:hidden;box-shadow:var(--pf-shadow); }
html[data-ui-theme="classic"] #main .ux-detail-hero { border:0;border-radius:18px;box-shadow:var(--pf-shadow);gap:40px; }
html[data-ui-theme="classic"] #main .ar-content-flow .ar-form { border:0;box-shadow:var(--pf-shadow);border-radius:14px; }
html[data-ui-theme="classic"] body[data-page="admin"] #main .dash-side { border:1px solid #e7ecf3;border-radius:14px; }
html[data-ui-theme="classic"] body[data-page="admin"] #main .v2-school-overview-head { background:#eaf1fd;border:0;border-radius:14px; }
html[data-ui-theme="classic"] body[data-page="admin"] #main .v2-school-queue-link { border:1px solid #e7ecf3;box-shadow:none;border-radius:12px; }

/* Discovery: an indigo rail, soft canvas and horizontal content records. */
html[data-ui-theme="cobalt"] { --bg:#f6f6fb;--action:#4b50b4;--line:#e6e6f1;--cp-wash:#eeeffb; }
html[data-ui-theme="cobalt"] .ux-portal-rail { background:#fff;border-right:1px solid #e8e9f3;padding-top:34px; }
html[data-ui-theme="cobalt"] .ux-rail-links > a { border-radius:10px; }
html[data-ui-theme="cobalt"] .ux-rail-links > a.active { background:#eeeffd;color:#444ba6;font-weight:650;box-shadow:inset 3px 0 #555bc4; }
html[data-ui-theme="cobalt"] #main .cp-discovery-opening { background:#fff;border:1px solid #e9e9f3;border-radius:22px;padding:32px;gap:32px;margin-bottom:22px; }
html[data-ui-theme="cobalt"] #main .cp-discovery-opening .hero h1 { font-size:14px;color:#676a8c;letter-spacing:.08em;font-weight:500; }
html[data-ui-theme="cobalt"] #main .cp-home .hero .hero-statement { font-size:30px;font-weight:600;line-height:1.5;color:#2c3057; }
html[data-ui-theme="cobalt"] #main .cp-home .hero p:not(.hero-statement) { font-size:14px; }
html[data-ui-theme="cobalt"] #main .cp-home .hero-search { background:#f8f9fd;box-shadow:none;border:1px solid #e3e5f0;border-radius:10px; }
html[data-ui-theme="cobalt"] #main .cp-discovery-photo { border-radius:14px;background:#f2f2fc; }
html[data-ui-theme="cobalt"] #main .cp-directions { gap:9px; }
html[data-ui-theme="cobalt"] #main .cp-directions a { background:transparent;border:1px solid #dedfec;border-radius:30px;min-height:44px;padding:3px 16px; }
html[data-ui-theme="cobalt"] #main .cp-directions a:hover { background:#fff;border-color:#b5b9dc; }
html[data-ui-theme="cobalt"] #main .cp-directions a > span:first-child { display:none; }
html[data-ui-theme="cobalt"] #main .cp-learning-desk { border:1px solid #e1e2f4;background:linear-gradient(140deg,#eeeffc,#f5f5fd);border-radius:16px; }
html[data-ui-theme="cobalt"] #main :is(.cp-home-courses,#course-grid) .card { border:1px solid #e8e9f2;background:#fff;border-radius:16px;box-shadow:none;gap:20px;padding:18px; }
html[data-ui-theme="cobalt"] #main :is(.cp-home-courses,#course-grid) .card-image { border-radius:10px; }
html[data-ui-theme="cobalt"] #main .cp-home-courses .card-body { padding:0; }
html[data-ui-theme="cobalt"] #main :is(.cp-home-courses,#course-grid) .card:hover { border-color:#c7c9e5;box-shadow:0 8px 24px #494a8e08; }
html[data-ui-theme="cobalt"] #main #mentor-grid .v2-mentor-card { border:1px solid #e4e5f0;box-shadow:none;border-radius:16px;background:#fff; }
html[data-ui-theme="cobalt"] #main #mentor-grid .v2-mentor-card-copy { padding:24px;gap:12px; }
html[data-ui-theme="cobalt"] #main #mentor-grid .ux-mentor-reading { color:#646881; }
html[data-ui-theme="cobalt"] #main .filter-bar { background:#fff;border:1px solid #e6e7f2; }
html[data-ui-theme="cobalt"] #main .ux-detail-hero { border-radius:18px;background:#fff;border:1px solid #e4e6f1;padding:32px; }
html[data-ui-theme="cobalt"] #main .ar-content-flow .ar-form { border:1px solid #e4e6f1;border-radius:18px;box-shadow:none; }
html[data-ui-theme="cobalt"] body[data-page="admin"] #main .dash-side { background:#fff;border:1px solid #e5e6f0;border-radius:14px; }
html[data-ui-theme="cobalt"] body[data-page="admin"] #main .v2-school-queue-link { border:1px solid #e4e6f1;box-shadow:none;border-radius:14px; }

/* Academy: photography, generous margins and fine rules, without boxed sections. */
html[data-ui-theme="atelier"] { --action:#365d7a;--cp-text:#243441;--cp-secondary:#586b79;--cp-wash:#f0f4f7; }
html[data-ui-theme="atelier"] #main .cp-home { padding-top:48px; }
html[data-ui-theme="atelier"] #main .cp-home .hero h1 { font-size:14px;color:#5d707f;letter-spacing:.12em;font-weight:500; }
html[data-ui-theme="atelier"] #main .cp-home .hero .hero-statement { font-size:40px;line-height:1.55;font-weight:450;letter-spacing:-.055em; }
html[data-ui-theme="atelier"] #main .cp-academy-opening .hero-inner { gap:0 80px; }
html[data-ui-theme="atelier"] #main .cp-home .hero-search { background:#f5f7f9;border:0;border-bottom:1px solid #bdcbd6;box-shadow:none;border-radius:2px; }
html[data-ui-theme="atelier"] #main .cp-home .hero-search button { border-radius:2px; }
html[data-ui-theme="atelier"] #main .cp-academy-opening > .cp-photo { height:380px;border-radius:3px; }
html[data-ui-theme="atelier"] #main .cp-academy-channels { margin-bottom:76px; }
html[data-ui-theme="atelier"] #main .cp-academy-channels > a { padding-block:30px;min-height:120px; }
html[data-ui-theme="atelier"] #main .cp-academy-channels strong { font-size:18px;font-weight:500; }
html[data-ui-theme="atelier"] #main .cp-academy-channels .cp-service-icon { top:35px; }
html[data-ui-theme="atelier"] #main .cp-home .section-head { border-color:#cbd5dd; }
html[data-ui-theme="atelier"] #main .cp-home .section-head h2 { font-weight:500; }
html[data-ui-theme="atelier"] #main :is(.cp-home-courses,#course-grid) .card { border:0;background:transparent;box-shadow:none;border-radius:0; }
html[data-ui-theme="atelier"] #main :is(.cp-home-courses,#course-grid) .card-image { border-radius:3px; }
html[data-ui-theme="atelier"] #main :is(.cp-home-courses,#course-grid) .card-body { padding:20px 0 0; }
html[data-ui-theme="atelier"] #main :is(.cp-home-courses,#course-grid) .card-footer { border-color:#e2e8ed;padding-top:18px; }
html[data-ui-theme="atelier"] #main .cp-course-price { font-size:18px;font-weight:550; }
html[data-ui-theme="atelier"] #main .cp-page-shell .page-intro h1 { font-size:34px;line-height:1.65;letter-spacing:-.045em; }
html[data-ui-theme="atelier"] #main .cp-page-shell .page-intro > p { font-size:14px;line-height:1.95;margin-top:22px; }
html[data-ui-theme="atelier"] #main #mentor-grid .v2-mentor-card-copy { padding:22px 12px 18px;gap:12px; }
html[data-ui-theme="atelier"] #main #mentor-grid .card-footer { border-top:1px solid #e2e8ed;padding-top:16px; }
html[data-ui-theme="atelier"] #main .ar-form :is(input:not([type=radio]):not([type=checkbox]),select,textarea) { background:#f5f7f9;border-bottom-color:#b8c8d4; }
html[data-ui-theme="atelier"] body[data-page="admin"] #main .v2-school-overview-head { border-top:1px solid #cbd5dd;border-radius:0; }

/* Workspace: quiet silver surfaces, consistent small radii and compact rhythm. */
html[data-ui-theme="studio"] { --bg:#f1f4f7;--action:#365d83;--cp-wash:#eaf0f6;--line:#dde5ed;--cp-radius:10px; }
html[data-ui-theme="studio"] #main .cp-workspace-opening { gap:20px; }
html[data-ui-theme="studio"] #main .cp-workspace-opening [data-cp-slot="welcome"] { padding:36px;border:1px solid #e3e9f0;border-radius:12px;box-shadow:var(--pf-shadow); }
html[data-ui-theme="studio"] #main .cp-home .hero h1 { font-size:14px;font-weight:500;letter-spacing:.08em; }
html[data-ui-theme="studio"] #main .cp-home .hero .hero-statement { font-size:31px;font-weight:600;line-height:1.55; }
html[data-ui-theme="studio"] #main .cp-home .hero-search { border-radius:7px;background:#f6f8fb;box-shadow:none;border-color:#dce4ed; }
html[data-ui-theme="studio"] #main .cp-workspace-opening .cp-learning-desk { background:#e8eff6;border:1px solid #dbe4ee;border-radius:12px;padding:28px; }
html[data-ui-theme="studio"] #main .cp-workspace-tools { gap:12px;background:none;border:0; }
html[data-ui-theme="studio"] #main .cp-workspace-tools > a { background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding-block:20px;min-height:102px; }
html[data-ui-theme="studio"] #main .cp-workspace-tools .cp-service-icon { top:23px;background:#edf2f7;border-radius:8px; }
html[data-ui-theme="studio"] #main .cp-workspace-columns .section { border:1px solid #e3e9ef;border-radius:12px;box-shadow:none;padding:26px; }
html[data-ui-theme="studio"] #main .cp-workspace-columns .section-head h2 { font-size:23px; }
html[data-ui-theme="studio"] #main #course-grid .card { border:1px solid #e0e7ee;box-shadow:none;border-radius:10px; }
html[data-ui-theme="studio"] #main #mentor-grid .v2-mentor-card { border:1px solid #e0e7ee;border-radius:10px;box-shadow:none; }
html[data-ui-theme="studio"] #main .ux-detail-hero { border:1px solid #e0e7ee;border-radius:12px; }
html[data-ui-theme="studio"] #main .ar-expanded-heading { border:1px solid #e0e7ee;border-radius:10px; }
html[data-ui-theme="studio"] body[data-page="admin"] #main .ux-admin-heading { border:1px solid #e1e7ee;border-radius:12px; }
html[data-ui-theme="studio"] body[data-page="admin"] #main .v2-school-queue-link { border:1px solid #e0e7ee;box-shadow:none;border-radius:10px; }
html[data-ui-theme="studio"] body[data-page="admin"] #main .dash-side { border:1px solid #dce5ee;border-radius:10px; }

/* Four-choice review tools form balanced pairs on desktop. */
.ui-theme-options { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.ui-theme-dialog { overscroll-behavior:contain; }
.ui-theme-option { border-width:1px;border-color:#e0e5ee;border-radius:12px;padding:18px; }
.ui-theme-option[aria-pressed=true] { border-color:var(--action);box-shadow:0 0 0 1px var(--action);background:#f7f9fc; }
.ui-theme-mini { height:102px;border:0;border-radius:7px;background:#eef3fa; }
.ui-theme-mini > span { background:linear-gradient(90deg,#275cb2 50%,#cad6e7 50%); }
.ui-theme-mini-cobalt { grid-template-columns:18% 1fr 1fr;background:#f0f0f9; }
.ui-theme-mini-cobalt > span { grid-row:1/3;grid-column:1;background:#555bb7; }
.ui-theme-mini-cobalt > i:first-of-type { grid-column:2/4;background:#fff; }
.ui-theme-mini-atelier { background:#fff;border:1px solid #e3e8ec;border-radius:0; }
.ui-theme-mini-atelier > span { background:linear-gradient(90deg,#e9edf0 44%,#fff 44%); }
.ui-theme-mini-atelier > i { border:0;border-top:1px solid #b9c9d4; }
.ui-theme-mini-studio { background:#e9eff5;gap:6px; }
.ui-theme-mini-studio > span { background:linear-gradient(90deg,#fff 65%,#bdcfdf 65%); }
.ui-gallery-heading h1 { font-weight:600; }
.ui-gallery-card { border:1px solid #e2e8ef;box-shadow:var(--pf-shadow);border-radius:16px; }
.ui-gallery-card-head { padding:24px; }
.ui-gallery-copy { padding:24px; }
@media(min-width:1101px) {
  html[data-ui-theme="atelier"] #main .cp-page-shell { grid-template-columns:250px minmax(0,1fr);gap:64px; }
  html[data-ui-theme="cobalt"] #main .cp-home-courses .card { grid-template-columns:180px minmax(0,1fr); }
}
@media(max-width:1100px) {
  html[data-ui-theme="classic"] #main .cp-campus-opening [data-cp-slot="welcome"] { padding:28px; }
  html[data-ui-theme="classic"] #main .cp-home .hero .hero-statement { font-size:30px; }
  html[data-ui-theme="cobalt"] #main .cp-discovery-opening { padding:24px;gap:24px; }
}
@media(max-width:800px) {
  html[data-ui-theme="classic"] #main .cp-campus-opening { grid-template-columns:1fr;border-radius:14px; }
  html[data-ui-theme="classic"] #main .cp-campus-opening .cp-photo { height:230px; }
  html[data-ui-theme="cobalt"] #main .cp-discovery-opening { padding:24px;grid-template-columns:1fr; }
  html[data-ui-theme="atelier"] #main .cp-home { padding-top:28px; }
  html[data-ui-theme="atelier"] #main .cp-academy-opening .hero-inner { display:block; }
  html[data-ui-theme="atelier"] #main .cp-academy-opening > .cp-photo { height:240px; }
  html[data-ui-theme="studio"] #main .cp-workspace-opening [data-cp-slot="welcome"] { padding:24px; }
  html[data-ui-theme] #main .cp-home .hero .hero-statement { font-size:28px;line-height:1.6; }
  html[data-ui-theme] #main .cp-home .hero h1 { font-size:14px;margin-bottom:14px; }
  html[data-ui-theme] #main .cp-page-shell .page-intro h1 { font-size:28px; }
  html[data-ui-theme] #main .cp-home .section-head h2 { font-size:23px; }
  html[data-ui-theme="classic"] #main .cp-services > a { padding-block:22px; }
  html[data-ui-theme="studio"] #main .cp-workspace-tools { gap:10px; }
  html[data-ui-theme="studio"] #main .cp-workspace-tools > a { padding-block:16px; }
  html[data-ui-theme="atelier"] #main .cp-academy-channels { margin-bottom:44px; }
  html[data-ui-theme="atelier"] #main .cp-academy-channels > a { min-height:100px;padding-block:22px; }
  html[data-ui-theme="atelier"] #main .cp-academy-channels .cp-service-icon { top:26px; }
  html[data-ui-theme="cobalt"] #main #mentor-grid .v2-mentor-card-copy { padding:20px; }
  html[data-ui-theme] #main .ux-detail-hero { padding:20px;gap:24px; }
  html[data-ui-theme="atelier"] #main .ux-detail-hero { padding:24px 0; }
}
@media(max-width:640px) {
  .ui-theme-options { grid-template-columns:1fr; }
  .ui-theme-mini { height:90px; }
  .ui-theme-option { padding:12px; }
  html[data-ui-theme] #main .cp-home .section-head { align-items:start; }
  html[data-ui-theme] #main .cp-home .section-head > a { white-space:normal;flex-shrink:0;max-width:80px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-ui-theme] :is(.card,.event-card,.v2-mentor-card,.btn,input,select,textarea,button,.cp-services>a) { transition:none!important; }
}