/* Keep the teacher shell stable; never style document-editor descendants. */
@scope (body) to (.authoring-host:not(.basket-bank-dock)) {
/* Approved teacher studio; the scope stops at the document-editor host. */
:scope[data-staff-studio]{
 --studio-ink:#21364d;--studio-blue:#1769b5;--studio-line:#dce5ef;
 & .shell{background:#f3f6fa;color:var(--studio-ink)}
 & .side{display:flex;flex-direction:column;align-items:stretch;height:100dvh;top:0;overflow-y:auto;flex-wrap:nowrap;width:184px;background:#f4f8fd;color:#536b83;border-right:0;box-shadow:none;padding:25px 14px 16px}
 & .side .brand{display:flex;align-items:center;gap:9px;padding:0 2px 25px;border:0;margin:0}
 & .side .brand-mark{width:53px;flex:none;margin:0;filter:saturate(.92) drop-shadow(0 1px .65px #174e7d30)}
 & .studio-brand-name{display:block;white-space:nowrap;text-align:left}
 & .studio-brand-name b{display:block;font-size:16px;font-weight:600;letter-spacing:.5px;color:#223c54}
 & .studio-brand-name small{display:block;font-size:11px;margin-top:4px;color:#60758a}
 & .side .nav-item{border:0;border-radius:8px;background:transparent;color:#536b83;min-height:44px;font-size:14px;padding:11px 12px;margin:3px 0;box-shadow:none}
 & .side .nav-item.on{background:#e1edf9;color:#1769b5}
 & .side .nav-item:hover{background:#e7eef6}
 & .side .nav-grp-l{color:#60758a;font-size:11px}
 & .side .who{background:#eaf1f8;color:#304b65;border-radius:9px}
 & .main{margin-left:184px;background:#f3f6fa;padding:0 20px 24px;min-width:0}
 & .topbar{background:transparent;border:0;box-shadow:none;min-height:64px}
 & #content{background:#fff;border:1px solid var(--studio-line);border-radius:12px;padding:24px;min-height:calc(100vh - 90px)}
 & .editorial-banner{margin:0 0 24px;background:none;box-shadow:none;border:0;border-radius:0;overflow:visible}
 & .editorial-banner .home-hero{background:#fff;min-height:70px;padding:0;color:var(--studio-ink);border-radius:0;box-shadow:none}
 & .editorial-banner .hh-grid,& .editorial-banner .hh-orb{display:none}
 & .editorial-banner .t-hero-ic{display:none}
 & .editorial-banner .t-hero-t{font-size:27px;color:var(--studio-ink);font-weight:650}
 & .editorial-banner .t-hero-s{color:#536b83;font-size:13px;margin-top:6px}
 & .btn{border:1px solid #e0e7ef;border-radius:9px;background:#f7f9fc;color:#36536e;box-shadow:none;min-height:36px;font-size:13px;line-height:1.5;padding:8px 12px}
 & .btn:hover{background:#eaf1f8;border-color:#c5d7e7}
 & .btn:not(.line):not(.nav-item){background:#1769b5;border-color:#1769b5;color:#fff}
 & .btn:disabled{opacity:.5;cursor:not-allowed}
 & .teacher-select{background:#f0f4f8;border:1px solid transparent;border-radius:9px;box-shadow:none;color:#304a64;min-height:38px}
 & .teacher-select:hover,& .teacher-select[aria-expanded=true]{background:#e8f1fa;border-color:#b9cfe3}
 & input:not([type=checkbox]):not([type=radio]):not([type=file]),& textarea{background:#f7f9fc;border:1px solid #dce5ef;border-radius:9px;color:#304a64}
 & input[type=checkbox]{accent-color:#1769b5;width:17px;height:17px}
 & button:focus-visible,& input:focus-visible{outline:2px solid #7ba9d4;outline-offset:2px}
 & .card,& .product-card,& .editorial-resource.card{border:1px solid #e1e8f0;border-radius:10px;box-shadow:none}
 & .editorial-tabs{gap:20px;border-bottom:1px solid #e1e8f0;padding-bottom:10px}
 & .editorial-tabs .btn{background:transparent!important;color:#536b83!important;border:0;border-radius:0}
 & .editorial-tabs .btn:not(.line){color:#1769b5!important;border-bottom:2px solid #1769b5}
 & .knowledge-layout,& .hl-layout{grid-template-columns:280px minmax(0,1fr)}
 & .knowledge-tree,& .hl-tree{background:#f7f9fc}
 & .studio-bank-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}
 & .studio-bank-layout.has-basket{grid-template-columns:250px minmax(0,1fr) 310px}
 & .studio-knowledge{border:1px solid #dce5ef;background:#f8fafd;border-radius:10px;padding:18px 14px;min-width:0;position:sticky;top:16px}
 & .studio-knowledge h2{font-size:18px;margin:0 0 18px;color:#294b68}
 & .bank-scope{display:flex;flex-direction:column;padding:0;gap:12px;background:none}
 & .bank-scope label{width:100%;min-width:0;font-size:12px}
 & .bank-scope .teacher-select{width:100%;min-width:0!important}
 & .studio-knowledge-tree{margin-top:20px}
 & .studio-knowledge-tree summary{cursor:pointer;padding:12px 3px;font-size:14px;color:#36536e}
 & .studio-knowledge-tree button{display:block;width:100%;text-align:left;border:0;border-radius:7px;background:none;padding:10px 12px;color:#536b83;font:inherit;font-size:14px;cursor:pointer}
 & .studio-knowledge-tree button[aria-current=page]{background:#e1edf9;color:#1769b5}
 & .bank-panel{padding:0;border:0;margin:0;min-width:0;box-shadow:none}
 & .bank-toolbar{flex-wrap:wrap;gap:12px;padding:0 0 16px}
 & .bank-filters{background:#f6f9fc;border-radius:9px;padding:12px;gap:8px;flex-wrap:wrap}
 & .bank-question{border:1px solid #dce5ef;border-radius:9px;padding:20px;margin-bottom:14px}
 & .bank-stem{font-size:17px;line-height:1.9;color:#21364d}
 & .bank-question footer{flex-wrap:wrap;gap:12px}
 & .bank-answer{background:#f8fafc;border-radius:8px;padding:16px;font-size:15px;line-height:1.8}
 & #bank-basket-dock{position:sticky;inset:auto;top:16px;width:auto;height:var(--studio-basket-height,calc(100vh - 200px));max-height:900px;z-index:1;margin:0;box-shadow:none;border:1px solid #d2e1f0;border-radius:10px;overflow:hidden;background:#f5f9fe}
 & #bank-basket-dock .basket-panel{width:100%;height:100%;max-height:none;background:#f5f9fe;border:0;border-radius:0;box-shadow:none}
 & #bank-basket-dock .basket-head{background:#edf4fc;padding:18px;color:#294b68}
 & #bank-basket-dock .basket-head h2{font-size:19px}
 & #bank-basket-dock .basket-stem{font-size:15px;line-height:1.8}
 & #bank-basket-dock .basket-footer{background:#f5f9fe;padding:16px}
 & #bank-basket-dock .basket-footer .wide{background:#1769b5;color:white;border:0;border-radius:8px;min-height:40px}
 & .teacher-menu{border-radius:12px}
 & #modal{border-radius:16px;border-color:#e0e7ef}
}
@media(max-width:1300px){:scope[data-staff-studio] .studio-bank-layout.has-basket{grid-template-columns:220px minmax(0,1fr)}:scope[data-staff-studio] #bank-basket-dock{grid-column:2;position:static;height:600px}:scope[data-staff-studio] .studio-knowledge{grid-row:span 2}}
@media(max-width:900px){:scope[data-staff-studio] .side{width:164px}:scope[data-staff-studio] .main{margin-left:164px;padding:0 12px 16px}:scope[data-staff-studio] #content{padding:16px}:scope[data-staff-studio] .studio-bank-layout,:scope[data-staff-studio] .studio-bank-layout.has-basket{grid-template-columns:1fr}:scope[data-staff-studio] .studio-knowledge{position:static;grid-row:auto}:scope[data-staff-studio] #bank-basket-dock{grid-column:auto}:scope[data-staff-studio] .knowledge-layout,:scope[data-staff-studio] .hl-layout{grid-template-columns:1fr}}
@media(max-width:700px){:scope[data-staff-studio] .main{margin-left:0}:scope[data-staff-studio] .side{display:none}}:scope[data-staff-studio] .shell{display:grid;grid-template-columns:184px minmax(0,1fr);gap:0}
:scope[data-staff-studio] .main{margin-left:0;width:auto}
:scope[data-staff-studio] .side .brand{flex-direction:row!important;justify-content:flex-start!important}
:scope[data-staff-studio] .side .nav-item{box-shadow:none!important}
:scope[data-staff-studio] .editorial-banner .t-hero-t{background:none!important;-webkit-text-fill-color:#21364d!important;color:#21364d!important;text-shadow:none!important}
:scope[data-staff-studio] .topbar h1{font-size:17px}
:scope[data-staff-studio] .metric-card{box-shadow:none;background:#fff;border-radius:8px}
@media(max-width:900px){:scope[data-staff-studio] .shell{grid-template-columns:164px minmax(0,1fr)}}
@media(max-width:700px){:scope[data-staff-studio] .shell{grid-template-columns:1fr}}
/* Overview: a calm numeric composition, with the original values and chart ratios. */
:scope[data-staff-studio] .dashboard-grid{gap:28px}
:scope[data-staff-studio] .dashboard-grid>section:last-child{display:flex;flex-direction:column;gap:22px}
:scope[data-staff-studio] .dashboard-grid .t-sec{margin:0;font-size:16px;font-weight:600;color:#304a62}
:scope[data-staff-studio] .dashboard-distribution{display:flex;align-items:center;gap:32px;padding:26px 24px;margin:0;border:0;border-radius:12px;background:#f7f9fc;box-shadow:none}
:scope[data-staff-studio] .subject-donut{width:100px;height:100px;flex:0 0 100px;background:none!important;border:0;border-radius:0;display:flex;align-items:center;justify-content:flex-start}
:scope[data-staff-studio] .subject-donut>div{position:static;inset:auto;width:auto;height:auto;border-radius:0;background:transparent;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
:scope[data-staff-studio] .subject-donut strong{font-size:38px;font-weight:500;letter-spacing:-1px;color:#294965;font-variant-numeric:tabular-nums;line-height:1.15}
:scope[data-staff-studio] .subject-donut span{font-size:12px;color:#60758a}
:scope[data-staff-studio] .subject-legend{flex:1;min-width:0}
:scope[data-staff-studio] .subject-legend p{display:flex;align-items:center;gap:10px;margin:0;padding:12px 0;color:#536b83;font-size:14px}
:scope[data-staff-studio] .subject-legend p b{margin-left:auto;font-weight:500;color:#294965;font-variant-numeric:tabular-nums}
:scope[data-staff-studio] .subject-legend i{width:5px;height:5px;background:#497ca5!important}
:scope[data-staff-studio] .dashboard-grid>section:last-child>.card{margin:0;padding:25px 24px 20px;border:0;background:#f7f9fc;border-radius:12px}
:scope[data-staff-studio] .dashboard-grid>section:last-child>.card h3{font-size:16px;font-weight:600;color:#304a62;margin:0 0 24px}
:scope[data-staff-studio] .editorial-bar{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;gap:18px;align-items:center;margin:0;padding:11px 0;font-size:13px;color:#60758a}
:scope[data-staff-studio] .editorial-bar>div{height:5px;border-radius:3px;background:#e5ecf3;overflow:hidden}
:scope[data-staff-studio] .editorial-bar i{height:100%;background:#658eaf;border-radius:3px;transform-origin:left;animation:studio-bar-enter .65s ease-out both}
:scope[data-staff-studio] .editorial-bar b{font-size:14px;font-weight:500;color:#36536e;text-align:right;font-variant-numeric:tabular-nums}
:scope[data-staff-studio] .dashboard-summary{background:transparent;border:0;border-radius:0;padding:4px 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
:scope[data-staff-studio] .dashboard-summary span{background:none;padding:10px 0 10px 20px;text-align:left;border-left:1px solid #e1e8ef;font-size:12px;color:#60758a}
:scope[data-staff-studio] .dashboard-summary b{display:block;font-size:24px;font-weight:500;margin-top:9px;color:#36536e;font-variant-numeric:tabular-nums}
@keyframes studio-bar-enter{from{transform:scaleX(.25);opacity:.3}to{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){:scope[data-staff-studio] .editorial-bar i{animation:none}}
/* Match the approved preview's quiet breadcrumb. Logs remain in System management. */
:scope[data-staff-studio] .topbar{height:64px;min-height:64px;padding:0 0 0 4px;margin:0;background:none!important;border:0!important;box-shadow:none!important}
:scope[data-staff-studio] .topbar::before,:scope[data-staff-studio] .topbar::after,:scope[data-staff-studio] .topbar .tb-ic,:scope[data-staff-studio] .topbar .crumb,:scope[data-staff-studio] .topbar>[data-view=logs]{display:none!important}
:scope[data-staff-studio] .topbar .tb-l{gap:12px;background:none;padding:0;border:0;box-shadow:none}
:scope[data-staff-studio] .topbar .tb-l::before{content:'教师后台　/';font-size:12px;font-weight:400;color:#60758a}
:scope[data-staff-studio] .topbar h1{font-size:12px!important;font-weight:400!important;color:#536b83!important;letter-spacing:0;margin:0}
:scope[data-staff-studio] .topbar .tb-l>div{display:flex;align-items:center}
:scope[data-staff-studio] .metric-cards{gap:0;margin:12px 0 28px;padding:8px 0 20px;border-bottom:1px solid #e1e8f0}
:scope[data-staff-studio] .metric-cards>article{border:0;border-right:1px solid #e1e8f0;background:none;border-radius:0;box-shadow:none;min-height:0;padding:4px 26px}
:scope[data-staff-studio] .metric-cards>article:first-child{padding-left:0}
:scope[data-staff-studio] .metric-cards>article:last-child{border-right:0}
:scope[data-staff-studio] .metric-icon{display:none}
:scope[data-staff-studio] .metric-cards strong{font-size:28px;font-weight:500;color:#294965;margin-top:8px}
:scope[data-staff-studio] .metric-cards article>div>span{font-size:13px;color:#60758a}
:scope[data-staff-studio] .editorial-banner .home-hero::before,:scope[data-staff-studio] .editorial-banner .home-hero::after{display:none}
/* Reset the legacy 3px decorative pseudo-element before using it as breadcrumb text. */
:scope[data-staff-studio] .topbar .tb-l::before{position:static!important;inset:auto!important;display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:max-content;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;transform:none;white-space:nowrap;line-height:20px}
:scope[data-staff-studio] .topbar .tb-l{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;white-space:nowrap}
:scope[data-staff-studio] .topbar .tb-l>div{flex:none}
:scope[data-staff-studio] .knowledge-workspace .knowledge-tree{background:#fff;padding:22px 16px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-tree .btn{background:transparent!important;border:0!important;box-shadow:none!important;color:#536b83!important;border-radius:6px;font-weight:400}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-row{background:transparent;gap:0}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-row>.btn{min-height:40px;padding:9px 5px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-row [data-knowledge=chapter]{font-size:15px;color:#36536e!important}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-row [data-knowledge=toggle]{width:22px;flex:0 0 22px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-row [data-knowledge=new-child]{font-size:18px;width:30px;flex:0 0 30px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-tools{padding-left:26px;gap:12px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-chapter-tools .btn{font-size:12px;min-height:28px;padding:3px 0}
:scope[data-staff-studio] .knowledge-workspace .knowledge-children{margin:5px 0 12px 17px;padding-left:8px;border:0}
:scope[data-staff-studio] .knowledge-workspace .knowledge-children .btn{font-size:14px;padding:10px 12px}
:scope[data-staff-studio] .knowledge-workspace .knowledge-children .btn[aria-current=page]{background:#eaf3fc!important;color:#1769b5!important;font-weight:500}
:scope[data-staff-studio] .knowledge-workspace .knowledge-tree .btn:hover{background:#f1f5f9!important}
:scope[data-staff-studio] .knowledge-workspace .knowledge-secondary .btn{font-size:13px;justify-content:flex-start}
:scope[data-staff-studio] .studio-guide-page>h1{font-size:26px;font-weight:600;margin:0 0 24px;color:#21364d}
/* Secondary staff surfaces; authoring disables data-staff-studio entirely. */
:scope[data-staff-studio] #mask{background:#21364d55;backdrop-filter:none}
:scope[data-staff-studio] #modal{width:640px;max-width:calc(100vw - 40px);padding:28px;border:1px solid #e0e7ef;border-radius:14px;background:#fff;box-shadow:0 20px 65px #21364d24;color:#21364d}
:scope[data-staff-studio] #modal>h2{font-size:21px;font-weight:600;line-height:1.5;padding:0;margin:0 38px 22px 0;border:0}
:scope[data-staff-studio] #modal>.modal-close{width:30px;height:30px;min-height:0;border:0;border-radius:8px;background:#f0f4f8;color:#60758a;font-size:22px;top:18px;right:18px;padding:0}
:scope[data-staff-studio] #modal .product-form{display:flex;flex-direction:column;gap:18px}
:scope[data-staff-studio] #modal .product-form label{margin:0;font-size:13px;font-weight:400;color:#536b83}
:scope[data-staff-studio] #modal .product-form input:not([type=checkbox]):not([type=radio]),:scope[data-staff-studio] #modal .product-form textarea{font-size:14px;min-height:40px;padding:10px 12px;margin-top:7px;background:#f7f9fc;border:1px solid #dce5ef;border-radius:8px;box-shadow:none}
:scope[data-staff-studio] #modal .product-form input:focus,:scope[data-staff-studio] #modal .product-form textarea:focus{outline:2px solid #a3bfda;outline-offset:1px;border-color:#a3bfda}
:scope[data-staff-studio] #modal .product-form>p{font-size:13px;line-height:1.7;color:#60758a;margin:0}
:scope[data-staff-studio] #modal .product-form>.btn[type=submit]{align-self:flex-end;width:auto;min-width:112px;padding:9px 18px}
:scope[data-staff-studio] #modal .actions{display:flex;justify-content:flex-end;gap:9px;border:0;padding-top:8px;margin:0}
:scope[data-staff-studio] #modal .knowledge-parent-path{background:#f1f5f9;padding:12px 14px;border-radius:8px;color:#536b83;font-size:13px;margin-bottom:18px}
:scope[data-staff-studio] #modal:has(.editorial-compare),:scope[data-staff-studio] #modal:has(.editorial-legacy-list){width:1040px}
:scope[data-staff-studio] #modal:has(.cl-workspace){width:1120px;padding:0}
:scope[data-staff-studio] .teacher-dialog-mask{backdrop-filter:none;background:#21364d55}
:scope[data-staff-studio] .teacher-dialog{border-radius:14px;padding:26px;color:#21364d}
:scope[data-staff-studio] .teacher-dialog-actions .primary{background:#1769b5;border-color:#1769b5}
:scope[data-staff-studio] .section-intro{background:none;border:0;box-shadow:none;padding:0;margin:0 0 24px}
:scope[data-staff-studio] .section-emblem,:scope[data-staff-studio] .section-eyebrow{display:none}
:scope[data-staff-studio] .section-intro h2{font-size:24px;color:#21364d}
:scope[data-staff-studio] .section-intro p{font-size:13px;color:#60758a}

/* Personal settings uses the same page heading and divided rows as the teacher studio. */
:scope[data-staff-studio] .teacher-settings {
  max-width: 920px;
  color: var(--studio-ink);
}
:scope[data-staff-studio] .teacher-settings h1 { margin: 4px 0; font-size: 27px; }
:scope[data-staff-studio] .teacher-settings p { color: #536b83; margin: 5px 0; }
:scope[data-staff-studio] .teacher-settings-row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 3fr);
  align-items: start;
  gap: 16px;
  border-top: 1px solid var(--studio-line);
  margin-top: 24px;
  padding-top: 24px;
}
:scope[data-staff-studio] .teacher-settings-row h2 { font-size: 17px; margin: 4px 0; }
:scope[data-staff-studio] .teacher-settings .teacher-account,
:scope[data-staff-studio] .teacher-settings .teacher-security {
  border: 1px solid var(--studio-line);
  border-radius: 10px;
  background: #f8fafd;
  padding: 18px;
  overflow-wrap: anywhere;
}
:scope[data-staff-studio] .teacher-settings .teacher-account { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
:scope[data-staff-studio] .teacher-settings .avatar { width: 64px; height: 64px; border-radius: 22px; flex: none; overflow: hidden; }
:scope[data-staff-studio] .teacher-settings .avatar > * { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
:scope[data-staff-studio] .teacher-account [data-personal-profile] { margin-left: auto; }
:scope[data-staff-studio] .teacher-security .profile-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
:scope[data-staff-studio] .teacher-settings-footer { margin-top: 24px; border-top: 1px solid var(--studio-line); padding-top: 16px; }
:scope[data-staff-studio] #content .pp-intro { background: white; padding: 0 0 16px; border-radius: 0; color: var(--studio-ink); }
:scope[data-staff-studio] #content .pp-intro :is(p,.pill) { color: #536b83; }
@media (max-width: 700px) {
  :scope[data-staff-studio] .teacher-settings-row { grid-template-columns: 1fr; gap: 8px; }
}
:scope[data-staff-studio] .hr-hero {
  color: var(--studio-ink);
  background: white;
  border-radius: 0;
  border-bottom: 1px solid var(--studio-line);
  padding: 0 0 20px;
  box-shadow: none;
}
:scope[data-staff-studio] .hr-hero::after { display: none; }
:scope[data-staff-studio] .hr-hero h2 { font-size: 27px; }
:scope[data-staff-studio] .hr-hero :is(.hr-eyebrow, p, .hr-hero-tag) { color: #536b83; }
:scope[data-staff-studio] .hr-hero .hr-hero-tag { border-color: var(--studio-line); background: #f8fafd; }

/* Let the window own vertical scrolling on the three-column question bank. */
:scope[data-staff-studio] .main:has(.studio-bank-layout) { overflow: visible; }
:scope[data-staff-studio] .bank-question footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
:scope[data-staff-studio] .bank-info { min-width: 0; overflow-wrap: anywhere; }
:scope[data-staff-studio] .bank-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
:scope[data-staff-studio] .bank-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; }
:scope[data-staff-studio] .bank-options-long { grid-template-columns: minmax(0,1fr); }
:scope[data-staff-studio] .bank-options > div { position: relative; padding-left: 1.7em; overflow-wrap: anywhere; min-width: 0; }
:scope[data-staff-studio] .bank-options > div > b:first-child { position: absolute; left: 0; }
:scope[data-staff-studio] :is(.bank-stem,.bank-options > div,.bank-answer,.basket-detail) { max-width: 100%; overflow-x: auto; }
:scope[data-staff-studio] .studio-knowledge { max-height: calc(100dvh - 32px); overflow-y: auto; }
@media (min-width: 901px) and (max-width: 1300px) {
  :scope[data-staff-studio] .studio-bank-layout.has-basket { grid-template-columns: minmax(140px,19%) minmax(0,1fr) minmax(200px,26%); }
  :scope[data-staff-studio] .studio-knowledge { grid-row: auto; }
  :scope[data-staff-studio] #bank-basket-dock { grid-column: 3; position: sticky; top: 16px; height: min(620px,calc(100dvh - 32px)); }
}
@media (max-width: 900px) {
  :scope[data-staff-studio] .studio-knowledge { max-height: 35dvh; }
  :scope[data-staff-studio] #bank-basket-dock { position: fixed; top: auto; bottom: 60px; right: 12px; width: min(320px,85vw); height: min(460px,50dvh); z-index: 5; }
}

:scope[data-staff-studio] .bank-info .bank-source-line {
  display: flex;
  align-items: baseline;
  gap: .4em;
  min-width: 0;
}
:scope[data-staff-studio] .bank-source-text {
  min-width: 0;
  max-width: 32em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  border: 0;
  padding: 0;
  cursor: pointer;
}
:scope[data-staff-studio] .bank-source-line > span { flex: none; }
:scope[data-staff-studio] .bank-source-full { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Staff headings are plain text, not the legacy animated gradient card. */
:scope[data-staff-studio] .editorial-banner .home-hero{overflow:visible}
:scope[data-staff-studio] .t-hero-t,
:scope[data-staff-studio] .t-hero-s{
 height:auto;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;
 clip-path:none;mask-image:none;-webkit-mask-image:none;
 background-clip:border-box;-webkit-background-clip:border-box;animation:none;
}
:scope[data-staff-studio] .t-hero-t{line-height:1.5}
:scope[data-staff-studio] .t-hero-s{line-height:1.7}
:scope[data-staff-studio] .t-hero-tx{min-width:0;max-width:100%;padding-block:2px}

}