/* D / E are independent light compositions. The original three skins stay scoped. */
.rf-home-feature, .rf-catalog-toolbar:empty { display:none; }
html[data-ui-theme="atelier"] {
  --ink:#272d35;--deep:#272d35;--muted:#626b77;--line:#e6e9ed;--action:#365ba5;--green:#365ba5;--blue:#365ba5;--mint:#f1f5fb;--warm:#967140;--yellow:#967140;
  --color-primary:#365ba5;--color-secondary:#365ba5;--color-background:#fff;--color-foreground:#272d35;--color-border:#e6e9ed;--color-ring:#365ba5;
  --rf-canvas:#fff;--rf-surface:#fff;--rf-soft:#f6f8fa;--rf-radius:6px;
}
html[data-ui-theme="studio"] {
  --ink:#283641;--deep:#283641;--muted:#606e7a;--line:#dfe6eb;--action:#32677f;--green:#32677f;--blue:#32677f;--mint:#eaf2f6;--warm:#936b36;--yellow:#936b36;
  --color-primary:#32677f;--color-secondary:#32677f;--color-background:#f3f6f8;--color-foreground:#283641;--color-border:#dfe6eb;--color-ring:#32677f;
  --rf-canvas:#f3f6f8;--rf-surface:#fff;--rf-soft:#edf2f5;--rf-radius:12px;
}
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body {
  color:var(--ink);background:var(--rf-canvas);font-family:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) :is(h1,h2,h3) { color:var(--ink);letter-spacing:-.025em;text-wrap:balance; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .container { max-width:1240px;width:calc(100% - 96px); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .site-header { background:#fff;border-bottom:1px solid var(--line);box-shadow:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-inner { max-width:1360px;width:calc(100% - 64px);gap:24px;min-height:76px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .brand { gap:10px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .brand-symbol { border-radius:var(--rf-radius);background:var(--action);box-shadow:none;width:36px;height:40px;font-size:23px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .brand strong { color:var(--ink);font-size:17px;letter-spacing:-.03em; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .brand small { color:var(--muted);font-size:11px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav { gap:22px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav a { color:var(--muted);font-size:14px;font-weight:500;padding-inline:0; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav a.active { color:var(--action);border-bottom-color:var(--action);background:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav a:hover { color:var(--action); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-actions { gap:14px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-actions :is(a,.admin-link) { font-size:12px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-actions .admin-link { background:var(--rf-soft);border:1px solid var(--line);color:var(--ink);border-radius:6px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .ui-theme-trigger { border:0;border-left:1px solid var(--line);border-radius:0;padding-left:16px;color:var(--muted); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) :is(.btn,button.btn) { border-radius:var(--rf-radius);min-height:44px;box-shadow:none;font-size:14px;transition:background-color .18s,border-color .18s; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .btn:hover { transform:none;box-shadow:none;filter:brightness(.96); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .btn.secondary { background:#fff;border-color:var(--line);color:var(--ink); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section { padding-block:48px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-white { background:transparent; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-alt { background:var(--rf-soft); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head { align-items:end;gap:24px;margin-bottom:24px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head h2 { font-size:24px;font-weight:650; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head p { font-size:14px;color:var(--muted);margin-top:8px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head > a { color:var(--action);font-size:13px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .page-intro { padding-block:44px 30px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .page-intro h1 { font-size:32px;font-weight:650;line-height:1.45; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .page-intro p { font-size:14px;color:var(--muted);max-width:800px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) :is(.card,.event-card,.feed-post,.quick-link,.resource) { border-color:var(--line);border-radius:var(--rf-radius);box-shadow:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card:hover { transform:none;box-shadow:none;border-color:#bbc9d8; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card-body:not(.v2-mentor-card-body) { padding:18px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card:not(.v2-mentor-card) h3 { font-size:17px;font-weight:650;line-height:1.65; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card:not(.v2-mentor-card) p { font-size:14px;color:var(--muted);line-height:1.8; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card-meta { font-size:12px;color:var(--muted);gap:8px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .status { font-size:11px;border-radius:3px;padding:2px 6px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .status:not(.danger):not(.warning) { background:var(--rf-soft);color:var(--action); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card:not(.v2-mentor-card) .card-footer { border-color:var(--line);font-size:12px;padding-top:14px;margin-top:17px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card-footer a { color:var(--action);font-weight:600; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { border-color:#cdd7df;border-radius:var(--rf-radius);background:#fff;min-height:44px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) :is(.filter-bar,.v2-course-extra-filters) { box-shadow:none;border-color:var(--line);background:transparent; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .site-footer { background:var(--rf-soft);border-top:1px solid var(--line);color:var(--muted); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .site-footer :is(h2,h3,strong,a) { color:var(--ink); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .mobile-nav { background:#fff;border-color:var(--line); }

/* D: an open white page, split introduction, photography outside the text. */
html[data-ui-theme="atelier"] .vl-home-shell { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:32px 64px;padding-top:56px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-shell > :is(.vl-discovery-nav,.vl-editorial-cover) { display:none; }
html[data-ui-theme="atelier"] .vl-learning-tools { display:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero { background:none;color:var(--ink);min-height:0;border:0; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero::before,
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero-inner::before,
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero-inner::after { content:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero-inner { width:100%;padding:0;min-height:0;background:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero h1 { width:auto;color:var(--ink);font-size:36px;font-weight:650;letter-spacing:-.04em;line-height:1.3;margin:0 0 18px;text-shadow:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero .hero-statement { width:auto;max-width:500px;font-size:24px;font-weight:450;line-height:1.65;color:var(--ink);margin:0 0 16px;text-shadow:none;text-wrap:balance; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero p:not(.hero-statement) { width:auto;max-width:none;font-size:14px;line-height:1.9;color:var(--muted);text-shadow:none;text-wrap:pretty; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-search { width:100%;max-width:520px;background:#fff;border:1px solid #cdd7df;border-radius:var(--rf-radius);padding:5px;box-shadow:none;margin-top:28px;min-height:54px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-search input { border:0;min-height:44px;font-size:14px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-search button { border-radius:calc(var(--rf-radius) - 2px);background:var(--action);color:#fff;min-height:44px;font-size:13px;padding-inline:18px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero .button-row { gap:24px;margin-top:10px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-link { display:inline-flex;align-items:center;min-height:44px;color:var(--action);border:0;font-size:13px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-link:hover { text-decoration:underline;text-underline-offset:4px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .rf-home-feature { display:block;min-width:0;color:var(--ink); }
.rf-feature-image { overflow:hidden;aspect-ratio:16/9;background:#e7edf0; }
.rf-feature-image img { display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease; }
.rf-home-feature:hover img { transform:scale(1.025); }
.rf-feature-caption { display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px; }
.rf-feature-caption h2 { font-size:17px;font-weight:600;line-height:1.6; }
.rf-feature-caption p { font-size:13px;line-height:1.8;color:var(--muted);margin-top:4px; }
.rf-feature-arrow { display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;color:var(--action); }
html[data-ui-theme="atelier"] .rf-feature-image { border-radius:6px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-channels { grid-column:1/-1;gap:12px 36px;border-bottom:1px solid var(--line);padding:16px 0 4px;margin-top:0; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-channels a { font-size:14px;font-weight:500;color:var(--muted); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-channels a:first-child { color:var(--action);border-bottom:2px solid var(--action); }
html[data-ui-theme="atelier"] .rf-home-feature { grid-column:2;grid-row:1; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="home"] #main > :is(.vl-home-goals,.path-band,.v2-discovery-links) { display:none; }
html[data-ui-theme="atelier"] :is(.vl-home-courses,#course-grid) .card { border:0;border-radius:0;background:none;overflow:visible; }
html[data-ui-theme="atelier"] :is(.vl-home-courses,#course-grid) .card-body { padding:18px 0 0; }
html[data-ui-theme="atelier"] :is(.vl-home-courses,#course-grid) .card-image { border-radius:6px;overflow:hidden; }
html[data-ui-theme="atelier"] .vl-home-courses { padding-top:36px; }
html[data-ui-theme="atelier"] .vl-home-courses .grid { gap:32px; }

/* D course directory: unboxed topic rail, search over the result area. */
html[data-ui-theme="atelier"] .vl-catalog-shell { display:grid;grid-template-columns:180px minmax(0,1fr);gap:44px;align-items:start; }
html[data-ui-theme="atelier"] .vl-catalog-filters { padding:0 24px 0 0;border-right:1px solid var(--line); }
html[data-ui-theme="atelier"] .vl-catalog-filters > h2 { font-size:15px;margin-bottom:20px;font-weight:600; }
html[data-ui-theme="atelier"] .vl-catalog-topics h3 { display:none; }
html[data-ui-theme="atelier"] .vl-catalog-topics { display:grid;gap:5px; }
html[data-ui-theme="atelier"] .vl-catalog-topics button { padding:8px 0;font-size:14px; }
html[data-ui-theme="atelier"] .vl-catalog-topics button span { display:none; }
html[data-ui-theme="atelier"] .vl-catalog-topics button[aria-pressed="true"]::after { content:"";width:5px;height:5px;border-radius:50%;background:var(--action); }
html[data-ui-theme="atelier"] .vl-catalog-filters .v2-course-extra-filters { padding:16px 0 0;margin-top:20px;border:0;border-top:1px solid var(--line);border-radius:0; }
html[data-ui-theme="atelier"] .vl-catalog-filters .v2-course-extra-grid { grid-template-columns:minmax(0,1fr); }
html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar { display:grid;grid-template-columns:minmax(0,1fr) 160px 110px;gap:12px;padding:0;border:0;margin:0; }
html[data-ui-theme="atelier"] .rf-catalog-toolbar #course-category { display:none; }
html[data-ui-theme="atelier"] .rf-catalog-toolbar .v2-filter-reset { grid-column:auto; }
html[data-ui-theme="atelier"] #course-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px; }
html[data-ui-theme="atelier"] #course-count { font-size:12px;border:0;padding-bottom:0;margin:10px 0 20px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-course-path-entry { font-size:12px;min-height:44px;padding:8px 0; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-course-path-entry a { font-weight:500; }

/* E: a search-led learning space on a mist-gray canvas. */
html[data-ui-theme="studio"] .site-header .header-inner { min-height:70px; }
html[data-ui-theme="studio"] .main-nav a.active { border-bottom-color:transparent;position:relative; }
html[data-ui-theme="studio"] .main-nav a.active::after { content:"";position:absolute;width:4px;height:4px;left:calc(50% - 2px);bottom:12px;background:var(--action);border-radius:50%; }
html[data-ui-theme="studio"] .vl-home-shell { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:32px;align-items:stretch; }
html[data-ui-theme="studio"] .vl-home-stage { grid-column:1/-1;order:0; }
html[data-ui-theme="studio"] .vl-home-stage .hero-inner { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:0 80px;align-items:center;padding:0 0 8px; }
html[data-ui-theme="studio"] .vl-home-stage .hero h1 { font-size:29px;margin-bottom:8px; }
html[data-ui-theme="studio"] .vl-home-stage .hero .hero-statement { font-size:17px;max-width:none;margin-bottom:8px; }
html[data-ui-theme="studio"] .vl-home-stage .hero p:not(.hero-statement) { font-size:13px;max-width:none; }
html[data-ui-theme="studio"] .hero-search { grid-column:2;grid-row:1/3;margin:0;max-width:none;border-radius:10px; }
html[data-ui-theme="studio"] .hero .button-row { grid-column:2;grid-row:3;margin:0;gap:20px; }
html[data-ui-theme="studio"] .rf-home-feature { order:1;background:#fff;padding:12px 12px 18px;border:1px solid var(--line);border-radius:14px; }
html[data-ui-theme="studio"] .rf-feature-image { border-radius:7px;width:100%;aspect-ratio:8/3; }
html[data-ui-theme="studio"] .rf-feature-caption { padding:18px 10px 0; }
html[data-ui-theme="studio"] .rf-feature-caption h2 { font-size:18px; }
html[data-ui-theme="studio"] .vl-learning-tools { display:block;order:2;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:#fff; }
html[data-ui-theme="studio"] .vl-tools-heading { gap:10px;color:var(--action); }
html[data-ui-theme="studio"] .vl-tools-heading h2 { font-size:18px;font-weight:600; }
html[data-ui-theme="studio"] .vl-learning-tools > p { margin:12px 0 24px;font-size:14px; }
html[data-ui-theme="studio"] .vl-tools-primary { background:var(--action);border-radius:7px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:500; }
html[data-ui-theme="studio"] .vl-tools-links { margin-top:10px;padding-top:0; }
html[data-ui-theme="studio"] .vl-tools-links a { min-height:70px;border-bottom:1px solid var(--line); }
html[data-ui-theme="studio"] .vl-tools-links a:last-child { border:0; }
html[data-ui-theme="studio"] .vl-tools-links strong { font-weight:550; }
html[data-ui-theme="studio"] .vl-home-channels { order:3;padding-top:0;gap:32px; }
html[data-ui-theme="studio"] .vl-home-courses { padding-top:30px; }
html[data-ui-theme="studio"] .vl-home-courses .grid { gap:22px; }
html[data-ui-theme="studio"] .vl-home-courses .card { border:1px solid var(--line);background:#fff;overflow:hidden;border-radius:12px; }

/* E course directory: horizontal topics, a single filtering surface, four columns. */
html[data-ui-theme="studio"] .vl-catalog-shell { display:block; }
html[data-ui-theme="studio"] .vl-catalog-filters { display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px 24px;padding:0 0 22px; }
html[data-ui-theme="studio"] .vl-catalog-filters > h2 { display:none; }
html[data-ui-theme="studio"] .vl-catalog-topics { display:flex;grid-column:1/-1;gap:8px;flex-wrap:wrap; }
html[data-ui-theme="studio"] .vl-catalog-topics h3 { display:none; }
html[data-ui-theme="studio"] .vl-catalog-topics button { width:auto;min-height:44px;padding:8px 18px;border:1px solid transparent;border-radius:7px;font-size:14px; }
html[data-ui-theme="studio"] .vl-catalog-topics button span { display:none; }
html[data-ui-theme="studio"] .vl-catalog-topics button[aria-pressed="true"] { background:#fff;border-color:#cddae2;color:var(--action);box-shadow:0 2px 4px #26364505; }
html[data-ui-theme="studio"] .vl-catalog-filters .filter-bar { display:grid;grid-template-columns:minmax(0,1fr) 180px 110px;gap:12px;padding:0;border:0;margin:0;align-items:start; }
html[data-ui-theme="studio"] #course-category { display:none; }
html[data-ui-theme="studio"] .vl-catalog-filters .v2-course-extra-filters { padding:0;border:0;margin:0;align-self:start; }
html[data-ui-theme="studio"] .v2-course-extra-filters summary { min-height:44px;padding:10px 12px;background:#fff;border:1px solid #cdd7df;border-radius:var(--rf-radius);font-size:13px; }
html[data-ui-theme="studio"] .v2-course-extra-grid { grid-template-columns:minmax(0,1fr); }
html[data-ui-theme="studio"] #course-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; }
html[data-ui-theme="studio"] #course-grid .card { overflow:hidden;border-radius:12px;background:#fff; }
html[data-ui-theme="studio"] #course-grid .card-body { padding:16px; }
html[data-ui-theme="studio"] #course-grid h3 { font-size:16px; }
html[data-ui-theme="studio"] #course-count { border-top:1px solid var(--line);padding-top:20px;margin:0 0 20px;font-size:13px; }

/* Keep the approved mentor grid, edge-to-edge 3:4 portraits and text insets. */
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="mentors"] .container { max-width:1200px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-teacher-public-profile { border-color:var(--line);box-shadow:none; }

/* Discussion variants use the original feed and actions. */
html[data-ui-theme="atelier"] .feed { grid-template-columns:180px minmax(0,1fr);gap:44px; }
html[data-ui-theme="atelier"] .feed-post { border:0;border-bottom:1px solid var(--line);border-radius:0;padding:26px 0;background:none; }
html[data-ui-theme="atelier"] .side-menu { border:0;border-right:1px solid var(--line);border-radius:0;background:none;padding:0 20px 0 0; }
html[data-ui-theme="studio"] .feed { grid-template-columns:200px minmax(0,1fr) 260px;gap:24px; }
html[data-ui-theme="studio"] .vl-community-aside { display:block;align-self:start;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff; }
html[data-ui-theme="studio"] .vl-community-aside h2 { font-size:17px;margin:0 0 12px; }
html[data-ui-theme="studio"] .vl-community-aside p { font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:18px; }
html[data-ui-theme="studio"] .vl-community-aside h3 { font-size:14px;margin:24px 0 8px; }
html[data-ui-theme="studio"] .vl-community-aside > div a { display:flex;gap:9px;align-items:center;min-height:44px;font-size:13px;color:var(--action); }

/* School workspace, also supplying the common shell for other roles. */
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dashboard { display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;max-width:1400px;width:calc(100% - 64px);padding-block:28px 48px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dash-side { background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 20px 0 0;box-shadow:none; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dash-main { min-width:0;background:transparent; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dash-main > h1 { font-size:25px;margin-bottom:24px;font-weight:600; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-admin-nav-group { border:0;border-radius:0;margin-bottom:10px;background:transparent; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-admin-nav-group > summary { color:var(--muted);font-size:13px;font-weight:500;padding:11px 8px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-admin-nav-group-links a { border-radius:6px;min-height:40px;font-size:13px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-admin-nav-group-links a.active { background:var(--mint);color:var(--action);font-weight:600; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview { display:grid;gap:28px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-head { display:flex;justify-content:space-between;align-items:center;gap:24px;border:0;border-radius:0;padding:0 0 24px;border-bottom:1px solid var(--line);background:transparent; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-head h2 { font-size:25px;font-weight:600; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-head p { max-width:620px;font-size:13px;line-height:1.8;color:var(--muted); }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-total { display:block;flex:none;width:auto;min-width:64px;padding:0;border:0;background:transparent;color:var(--action);font-size:42px;font-weight:500;font-variant-numeric:tabular-nums; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-total small { font-size:12px;color:var(--muted);margin-left:6px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-queue-link { background:#fff;border-color:var(--line);border-radius:var(--rf-radius);box-shadow:none;padding:20px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-queue-link > strong { font-size:28px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-queue-link > span { font-size:14px;font-weight:550; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-queue-link > small { color:var(--muted);font-size:12px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-quick-link { background:#fff;border-color:var(--line);border-radius:var(--rf-radius);padding:16px; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-quick-link strong { font-size:14px;font-weight:550; }
html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-quick-link span { font-size:12px; }
html[data-ui-theme="atelier"] .v2-school-overview { grid-template-columns:minmax(0,1fr) 250px;gap:24px 40px;align-items:start; }
html[data-ui-theme="atelier"] .v2-school-overview-head { grid-column:1/-1; }
html[data-ui-theme="atelier"] .v2-school-overview > .v2-school-queue-grid { grid-column:1;grid-template-columns:minmax(0,1fr);gap:0; }
html[data-ui-theme="atelier"] .v2-school-queue-link { display:grid;grid-template-columns:minmax(0,1fr) 40px 86px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;gap:16px;min-height:76px; }
html[data-ui-theme="atelier"] .v2-school-queue-link > small { grid-column:auto; }
html[data-ui-theme="atelier"] .v2-school-quick-section { grid-column:2;grid-row:2/4;padding:0 0 0 28px;border-left:1px solid var(--line);margin:0; }
html[data-ui-theme="atelier"] .v2-school-quick-section h3 { font-size:17px;margin:8px 0 20px; }
html[data-ui-theme="atelier"] .v2-school-quick-grid { grid-template-columns:minmax(0,1fr);gap:0; }
html[data-ui-theme="atelier"] .v2-school-quick-link { border:0;border-radius:0;border-bottom:1px solid var(--line);padding:15px 0;background:none; }
html[data-ui-theme="atelier"] :is(.v2-school-risk-section,.v2-school-count-rules) { grid-column:1; }
html[data-ui-theme="studio"] body[data-page="admin"] .dashboard { grid-template-columns:230px minmax(0,1fr);gap:28px; }
html[data-ui-theme="studio"] body[data-page="admin"] .dash-side { border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px; }
html[data-ui-theme="studio"] .v2-school-overview { grid-template-columns:minmax(0,1fr);gap:24px; }
html[data-ui-theme="studio"] .v2-school-overview-head { order:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 28px; }
html[data-ui-theme="studio"] .v2-school-quick-section { order:1;margin:0; }
html[data-ui-theme="studio"] .v2-school-quick-section h3 { font-size:16px;margin:0 0 14px; }
html[data-ui-theme="studio"] .v2-school-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
html[data-ui-theme="studio"] .v2-school-overview > .v2-school-queue-grid { order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
html[data-ui-theme="studio"] .v2-school-risk-section { order:3; }
html[data-ui-theme="studio"] .v2-school-count-rules { order:4; }

/* All five choices are available from the same dialog and comparison page. */
.ui-theme-dialog { width:min(1100px,calc(100% - 32px)); }
.ui-theme-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ui-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; }
.ui-theme-mark-atelier { background:#365ba5; }
.ui-theme-mark-studio { background:#32677f; }
.ui-theme-mini-atelier { background:#fff;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;border-radius:3px;gap:8px; }
.ui-theme-mini-atelier > span { grid-column:1;background:#f1f4f9;border:0; }
.ui-theme-mini-atelier > i:nth-child(2) { background:#c2d0df;border:0; }
.ui-theme-mini-atelier > i:nth-child(n+3) { border:0;border-top:1px solid #d5dce5;background:#fff; }
.ui-theme-mini-studio { background:#edf2f5;grid-template-columns:2fr 1fr;grid-template-rows:12px 1fr;border-radius:7px; }
.ui-theme-mini-studio > span { background:#fff; }
.ui-theme-mini-studio > i:nth-child(2) { background:#b8ccd8;border-radius:4px; }
.ui-theme-mini-studio > i:nth-child(3) { background:#fff;border-radius:4px; }
.ui-theme-mini-studio > i:last-child { display:none; }
.ui-gallery-card[data-gallery-theme="atelier"] .ui-gallery-select { color:#365ba5;border-color:#365ba5; }
.ui-gallery-card[data-gallery-theme="atelier"] .ui-gallery-select[aria-pressed="true"] { color:#fff;background:#365ba5; }
.ui-gallery-card[data-gallery-theme="studio"] .ui-gallery-select { color:#32677f;border-color:#32677f; }
.ui-gallery-card[data-gallery-theme="studio"] .ui-gallery-select[aria-pressed="true"] { color:#fff;background:#32677f; }
@media(min-width:1600px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-shell { padding-top:64px; }
}
@media(max-width:1200px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-inner { gap:14px;width:calc(100% - 40px); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav { gap:14px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .main-nav a { font-size:13px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .container { width:calc(100% - 64px); }
  html[data-ui-theme="atelier"] .vl-home-shell { gap:28px 36px; }
  html[data-ui-theme="studio"] .vl-home-stage .hero-inner { gap:0 32px; }
  html[data-ui-theme="studio"] #course-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html[data-ui-theme="atelier"] .v2-school-overview { grid-template-columns:minmax(0,1fr) 210px;gap:24px; }
  html[data-ui-theme="studio"] .feed { grid-template-columns:180px minmax(0,1fr); }
  html[data-ui-theme="studio"] .vl-community-aside { display:none; }
}
@media(max-width:1000px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-inner { min-height:66px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero h1 { font-size:30px; }
  html[data-ui-theme="atelier"] .vl-home-stage .hero .hero-statement { font-size:21px; }
  html[data-ui-theme="atelier"] .vl-catalog-shell { grid-template-columns:150px minmax(0,1fr);gap:28px; }
  html[data-ui-theme="atelier"] #course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-ui-theme="studio"] .vl-catalog-filters { grid-template-columns:minmax(0,1fr);gap:16px; }
  html[data-ui-theme="studio"] .vl-catalog-filters .v2-course-extra-filters { max-width:340px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dashboard { grid-template-columns:180px minmax(0,1fr);gap:24px; }
  html[data-ui-theme="atelier"] .v2-school-overview { grid-template-columns:minmax(0,1fr); }
  html[data-ui-theme="atelier"] .v2-school-quick-section { grid-column:1;grid-row:auto;border:0;border-top:1px solid var(--line);padding:22px 0 0; }
  html[data-ui-theme="atelier"] .v2-school-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px; }
  html[data-ui-theme="studio"] .v2-school-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dashboard { display:block;width:calc(100% - 40px); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dash-side { padding:12px;border:1px solid var(--line);border-radius:var(--rf-radius);margin-bottom:24px;background:#fff; }
  html[data-ui-theme="studio"] .vl-home-shell { grid-template-columns:minmax(0,1fr) 260px;gap:20px; }
  html[data-ui-theme="studio"] .vl-learning-tools { padding:20px; }
  .ui-gallery-card { display:block; }
  .ui-gallery-preview { border-right:0; }
}
@media(max-width:760px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .container { width:calc(100% - 40px); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-shell { grid-template-columns:minmax(0,1fr);padding-top:28px;gap:24px; }
  html[data-ui-theme="atelier"] .rf-home-feature { grid-column:1;grid-row:auto; }
  html[data-ui-theme="atelier"] .vl-home-stage { order:1; }
  html[data-ui-theme="atelier"] .rf-home-feature { order:2; }
  html[data-ui-theme="atelier"] .vl-home-channels { order:3; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-channels { gap:6px 24px; }
  html[data-ui-theme="studio"] .vl-home-stage .hero-inner { display:block;padding:0; }
  html[data-ui-theme="studio"] .hero-search { margin-top:20px; }
  html[data-ui-theme="studio"] .hero .button-row { margin-top:8px; }
  html[data-ui-theme="studio"] .vl-learning-tools { display:none; }
  html[data-ui-theme="studio"] .rf-feature-image { aspect-ratio:16/9; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section { padding-block:30px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head h2 { font-size:22px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .page-intro { padding-block:28px 22px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .page-intro h1 { font-size:27px; }
  html[data-ui-theme="atelier"] .vl-catalog-shell { grid-template-columns:minmax(0,1fr);gap:20px; }
  html[data-ui-theme="atelier"] .vl-catalog-filters { border:0;padding:0; }
  html[data-ui-theme="atelier"] .vl-catalog-filters > h2 { display:none; }
  html[data-ui-theme="atelier"] .vl-catalog-topics { display:flex;gap:4px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px; }
  html[data-ui-theme="atelier"] .vl-catalog-topics button { width:auto;gap:10px; }
  html[data-ui-theme="atelier"] .vl-catalog-filters .v2-course-extra-filters { margin-top:12px;padding-top:0;border:0; }
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar { grid-template-columns:minmax(0,1fr) 130px; }
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .v2-filter-reset { grid-column:1/-1;justify-self:start; }
  html[data-ui-theme="studio"] #course-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
  html[data-ui-theme="studio"] .vl-catalog-topics { gap:5px; }
  html[data-ui-theme="studio"] .vl-catalog-topics button { padding:8px 12px;font-size:13px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .feed { grid-template-columns:minmax(0,1fr);gap:20px; }
  html[data-ui-theme="atelier"] .side-menu { border:0;padding:0; }
  .ui-theme-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:540px) {
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .header-inner { width:calc(100% - 32px);gap:8px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .container { width:calc(100% - 32px); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .brand strong { font-size:16px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .ui-theme-trigger { border:0;padding:8px;color:var(--action); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-stage .hero h1 { font-size:29px;margin-bottom:12px; }
  html[data-ui-theme="atelier"] .vl-home-stage .hero .hero-statement { font-size:21px; }
  html[data-ui-theme="studio"] .vl-home-stage .hero .hero-statement { font-size:17px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-search { margin-top:20px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .hero-search button { padding-inline:13px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-channels { gap:4px 20px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head { align-items:start;gap:14px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .section-head p { font-size:13px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .vl-home-courses .grid { grid-template-columns:minmax(0,1fr);gap:28px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) #course-grid { grid-template-columns:minmax(0,1fr);gap:28px; }
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar { grid-template-columns:minmax(0,1fr) 110px; }
  html[data-ui-theme="studio"] .vl-catalog-filters .filter-bar { grid-template-columns:minmax(0,1fr) 112px; }
  html[data-ui-theme="studio"] .filter-bar .v2-filter-reset { grid-column:1/-1;justify-self:start; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .card:not(.v2-mentor-card) h3 { font-size:18px; }
  html[data-ui-theme="studio"] .vl-catalog-filters .filter-bar #course-search,
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar #course-search { grid-column:1/-1;grid-row:1; }
  html[data-ui-theme="studio"] .vl-catalog-filters .filter-bar #course-layer,
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar #course-layer { grid-column:1;grid-row:2;width:100%; }
  html[data-ui-theme="studio"] .vl-catalog-filters .filter-bar .v2-filter-reset,
  html[data-ui-theme="atelier"] .rf-catalog-toolbar .filter-bar .v2-filter-reset { grid-column:2;grid-row:2;width:100%; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) body[data-page="admin"] .dashboard { width:calc(100% - 32px);padding-top:18px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-head { padding:0 0 20px;gap:16px; }
  html[data-ui-theme="studio"] .v2-school-overview-head { padding:20px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-head h2 { font-size:23px; }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-overview-total { font-size:34px;min-width:40px; }
  html[data-ui-theme="atelier"] .v2-school-queue-link { grid-template-columns:minmax(0,1fr) 32px;gap:8px; }
  html[data-ui-theme="atelier"] .v2-school-queue-link > small { grid-column:1/-1; }
  html[data-ui-theme="studio"] .v2-school-overview > .v2-school-queue-grid { grid-template-columns:minmax(0,1fr); }
  html:is([data-ui-theme="atelier"],[data-ui-theme="studio"]) .v2-school-quick-grid { grid-template-columns:minmax(0,1fr); }
  .ui-theme-options,.ui-gallery-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .rf-feature-image img { transition:none; }
  .rf-home-feature:hover img { transform:none; }
}
