/* Worksheet Lab internal workspace layer. Visual only; route and data contracts stay unchanged. */
:root{
  --wsx-ink:#172033;
  --wsx-muted:#657286;
  --wsx-line:#d9e1e8;
  --wsx-paper:#fff;
  --wsx-bg:#f5f7f8;
  --wsx-teal:#176b61;
  --wsx-teal-soft:#e8f3f0;
  --wsx-blue:#235ea8;
  --wsx-warm:#a45c24;
  --wsx-shadow:0 8px 24px rgba(23,32,51,.06);
}

body.ws-legacy-home{background:var(--wsx-bg)!important;color:var(--wsx-ink)!important}
body.ws-legacy-home #app{padding-bottom:38px}
body.ws-legacy-home header .hbar{gap:18px!important;padding:0 24px!important}
body.ws-legacy-home header .logo{display:flex!important;align-items:center;flex:0 0 auto;min-width:126px;white-space:nowrap!important;word-break:keep-all;font-size:18px!important}
body.ws-legacy-home header .logo span{white-space:nowrap!important}
body.ws-legacy-home header .gnb{gap:2px!important;white-space:nowrap}
body.ws-legacy-home header .gnb a{padding:9px 10px!important;font-size:13px!important}
body.ws-legacy-home header .hactions{gap:6px!important;flex:0 0 auto}
body.ws-legacy-home header .hactions>.btn,body.ws-legacy-home header .hactions>a,body.ws-legacy-home header #wlFinishInstallBtn{display:none!important}
body.ws-legacy-home #app>.sec-h,
body.ws-legacy-home #app>.rescount,
body.ws-legacy-home #app>.pillrow{max-width:1240px;margin-left:auto;margin-right:auto}

/* Search and discovery are the main internal workbench. */
.search-workspace{color:var(--wsx-ink)!important;padding-top:28px!important}
.search-workspace .search-head{background:var(--wsx-paper)!important;border:1px solid var(--wsx-line)!important;border-top:4px solid var(--wsx-teal)!important;border-radius:8px!important;box-shadow:none!important;padding:28px 32px!important}
.search-workspace .search-head h1{color:var(--wsx-ink)!important;font-size:30px!important;letter-spacing:0!important}
.search-workspace .search-head p{color:var(--wsx-muted)!important}
.search-workspace .search-head>a{color:var(--wsx-teal)!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.search-workspace .layout{grid-template-columns:220px minmax(0,1fr)!important;gap:24px!important;margin-top:22px}
.search-workspace .filters{position:sticky;top:82px;background:var(--wsx-paper)!important;border:1px solid var(--wsx-line)!important;border-radius:8px!important;box-shadow:none!important;padding:16px!important}
.search-workspace .filter-heading{align-items:center;border-bottom:1px solid var(--wsx-line);display:flex;justify-content:space-between;padding-bottom:12px}
.search-workspace .filter-heading h2{color:var(--wsx-ink)!important;font-size:17px}
.search-workspace .filters h3{color:var(--wsx-muted)!important;font-size:12px!important;letter-spacing:.02em}
.search-workspace .filters .fchip{background:#fff!important;border:1px solid var(--wsx-line)!important;border-radius:5px!important;color:var(--wsx-ink)!important}
.search-workspace .filters .fchip:hover{background:var(--wsx-teal-soft)!important;border-color:#9bc5bc!important;color:var(--wsx-teal)!important}
.search-workspace .filters .fchip.on{background:var(--wsx-teal)!important;border-color:var(--wsx-teal)!important;color:#fff!important}
.search-workspace .searchbar{background:#fff!important;border:1px solid #bcc8d2!important;border-radius:7px!important;box-shadow:none!important;padding:7px!important}
.search-workspace .searchbar:focus-within{border-color:var(--wsx-teal)!important;box-shadow:0 0 0 3px rgba(23,107,97,.12)!important}
.search-workspace .searchbar .btn{background:var(--wsx-teal)!important;border-radius:5px!important}
.search-workspace .active-filters button{background:var(--wsx-teal-soft)!important;border-color:#b7d6ce!important;color:var(--wsx-teal)!important;border-radius:5px!important}
.search-workspace .active-filters .clear-filters{background:transparent!important;border-color:transparent!important}
.search-workspace .class-use-note{border-color:var(--wsx-line)!important}
.search-workspace .class-use-note button,.search-workspace .results-toolbar button{background:#fff!important;border:1px solid var(--wsx-teal)!important;border-radius:5px!important;color:var(--wsx-teal)!important}
.search-workspace .class-use-note button:hover,.search-workspace .results-toolbar button:hover{background:var(--wsx-teal-soft)!important}
.search-workspace .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.search-workspace .wcard{background:#fff!important;border:1px solid var(--wsx-line)!important;border-radius:7px!important;box-shadow:none!important;min-height:166px!important}
.search-workspace .wcard:hover{border-color:#8fb6ad!important;box-shadow:var(--wsx-shadow)!important;transform:translateY(-1px)!important}
.search-workspace .wcard h3{color:var(--wsx-ink)!important}
.search-workspace .wcard .st,.search-workspace .wcard .meta,.search-workspace .results-toolbar p{color:var(--wsx-muted)!important}
.search-workspace .tag{border-radius:4px!important;background:#edf4f7!important;border-color:#c8d9e2!important;color:var(--wsx-blue)!important}

/* Roadmap, monthly recommendation, landing and book pages share one editorial rhythm. */
.road,.landing-h,.body.ws-legacy-home .sec{border-radius:8px!important}
.road{background:#fff!important;border:1px solid var(--wsx-line)!important;box-shadow:none!important;padding:22px!important}
.road .step{background:var(--wsx-teal-soft)!important;border-radius:6px!important;color:var(--wsx-ink)!important}
.road .step b{color:var(--wsx-teal)!important}
.landing-h{background:#fff!important;border:1px solid var(--wsx-line)!important;border-top:4px solid var(--wsx-teal)!important;color:var(--wsx-ink)!important;padding:28px 32px!important;margin:24px 0!important}
.landing-h .bc{color:var(--wsx-teal)!important;opacity:1!important}
.landing-h h1{color:var(--wsx-ink)!important}
.landing-h p{color:var(--wsx-muted)!important;opacity:1!important}
.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.bookcard{background:#fff!important;border:1px solid var(--wsx-line)!important;border-radius:8px!important;box-shadow:none!important}
.bookcard:hover{border-color:#8fb6ad!important;box-shadow:var(--wsx-shadow)!important;transform:translateY(-1px)!important}
.bookcard .cover{min-height:186px!important;background-image:linear-gradient(180deg,rgba(23,32,51,.03),rgba(23,32,51,.70)),url('/tile-media/main-sheet.jpg')!important;background-size:300% 200%!important;background-position:0 0!important;letter-spacing:0!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.bookcard:nth-child(6n+2) .cover{background-position:50% 0!important}
.bookcard:nth-child(6n+3) .cover{background-position:100% 0!important}
.bookcard:nth-child(6n+4) .cover{background-position:0 100%!important}
.bookcard:nth-child(6n+5) .cover{background-position:50% 100%!important}
.bookcard:nth-child(6n) .cover{background-position:100% 100%!important}
.bookcard .body{padding:16px!important}
.bookcard .body h3{color:var(--wsx-ink)!important}
.bookcard .body p,.bookcard .body .tgt{color:var(--wsx-muted)!important}
.bookcard .body .btn-p{background:var(--wsx-teal)!important;border-radius:5px!important}
.bookcard .note .onae-ico{display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0 5px -3px 0!important;vertical-align:baseline!important}
.pvhead{background:#fff!important;border:1px solid var(--wsx-line)!important;border-top:4px solid var(--wsx-teal)!important;border-radius:8px!important;color:var(--wsx-ink)!important;box-shadow:none!important;padding:28px 32px!important}
.pvhead p{color:var(--wsx-muted)!important}
.pvhead .qs{border-top:1px solid var(--wsx-line)!important;color:var(--wsx-teal)!important}
.pvseries,.pvsection{border-color:var(--wsx-line)!important;border-radius:8px!important}
.pvcell{border-color:var(--wsx-line)!important;border-radius:6px!important;box-shadow:none!important}
.modal{border-radius:8px!important;box-shadow:0 20px 60px rgba(23,32,51,.18)!important}
.modal .mhead{border-bottom:1px solid var(--wsx-line);padding:24px 28px 18px!important}
.modal .mbody{padding:20px 28px 28px!important}
.modal .callout{background:#f4f8f7!important;border-color:#c8dfd9!important}
.modal .lockbanner{background:#fff7eb!important;border-color:#efd5ab!important}
.modal .buybox{background:#eef6f4!important;border-color:#c8dfd9!important}
.modal .btn-p{background:var(--wsx-teal)!important;border-radius:5px!important}
.modal .btn-o{border-radius:5px!important}
#wlAccountFab,#res-fab,#wlGamifyFab,#wlClassFab,#wlReportFab{display:none!important}
body:has(#ls-banner) #ov{display:none!important}
#otnAcctSlot .acct-btn{align-items:center;display:inline-flex!important;gap:5px;height:36px!important;white-space:nowrap}
#otnAcctSlot .onae-ico{height:18px!important;min-width:18px!important;width:18px!important}

@media(max-width:1120px){body.ws-legacy-home header .gnb a:nth-child(n+5){display:none!important}}
@media(max-width:980px){.search-workspace .grid,.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body.ws-legacy-home header .hactions .selbox{display:none!important}body.ws-legacy-home header .hactions>.menu-toggle{display:inline-flex!important}.search-workspace .layout{grid-template-columns:1fr!important}.search-workspace .filters{position:static!important}.search-workspace .grid,.bgrid{grid-template-columns:1fr!important}.search-workspace .search-head,.landing-h,.pvhead{padding:22px!important}.modal .mhead,.modal .mbody{padding-left:18px!important;padding-right:18px!important}}
@media(prefers-reduced-motion:reduce){.search-workspace .wcard,.bookcard{transition:none!important}}