/* BSC ECOLAB · 20261101 candidate 1 · NOT DEPLOYED.
   Load after the currently published CSS. Scope is installed by site-design.mjs.
   No @import, font downloads, URL(), animation loops, hidden content or auth selectors. */

/* Shared language: quiet chrome, readable tasks, existing gold fish brand untouched. */
:is(:root,body)[data-bsc-service] {
  --bsc-ink: #173443;
  --bsc-muted: #536a78;
  --bsc-line: #d8e1e7;
  --bsc-wash: #f2f5f8;
  --bsc-accent: #006b8c;
  --bsc-focus: #087eb4;
  --bsc-side: 224px;
  color-scheme: light;
}
:is(:root,body)[data-bsc-service] :where(.svc-public-page, .svc-shell, .drive-page, .workspace-page, .mail-page, .dev-page) {
  --svc-bg: var(--bsc-wash);
  --svc-surface: #fff;
  --svc-surface-soft: #f6f8fa;
  --svc-text: var(--bsc-ink);
  --svc-muted: var(--bsc-muted);
  --svc-line: var(--bsc-line);
  --svc-interactive: var(--bsc-accent);
  --svc-radius: 8px;
  font-family: Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  font-synthesis: none;
}
:is(:root,body)[data-bsc-service] :where(.svc-public-page, .svc-shell, .portal-main, .school-office) :where(h1,h2,h3,p,li,a,button,input,textarea,select) { overflow-wrap: anywhere; }
:is(:root,body)[data-bsc-service] :where(.svc-shell, .svc-public-page, .portal-main) :where(button,a,input,select,textarea):focus-visible { outline: 3px solid var(--bsc-focus); outline-offset: 3px; }
:is(:root,body)[data-bsc-service] :where(.svc-header, .svc-public-nav) { background: #fff; border-bottom: 1px solid var(--bsc-line); box-shadow: none; }
:is(:root,body)[data-bsc-service] .svc-public-nav { max-width: none; padding-inline: max(24px, calc((100vw - 1280px) / 2)); min-height: 72px; }
:is(:root,body)[data-bsc-service] .svc-public-brand { font-size: 16px; gap: 11px; letter-spacing: 0; }
:is(:root,body)[data-bsc-service] .svc-public-brand img { object-fit: contain; }
:is(:root,body)[data-bsc-service] .svc-public-page { background: #fff; color: var(--bsc-ink); }
:is(:root,body)[data-bsc-service] .svc-public-hero { width: auto; max-width: 1280px; margin-inline: auto; padding: 72px 32px; gap: 56px; align-items: center; min-height: 0; }
:is(:root,body)[data-bsc-service] .svc-public-copy { min-width: 0; }
:is(:root,body)[data-bsc-service] .svc-public-copy h1 { font-size: clamp(34px, 4.3vw, 58px); line-height: 1.22; letter-spacing: -.025em; max-width: 14em; text-wrap: balance; }
:is(:root,body)[data-bsc-service] .svc-public-copy > p { font-size: 17px; line-height: 1.85; max-width: 34em; color: var(--bsc-muted); }
:is(:root,body)[data-bsc-service] .svc-public-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-block: 28px 16px; }
:is(:root,body)[data-bsc-service] .svc-public-enter { min-height: 46px; border-radius: 6px; background: var(--bsc-accent); border-color: var(--bsc-accent); color: #fff; box-shadow: none; padding: 12px 21px; }
:is(:root,body)[data-bsc-service] .svc-public-eligibility { font-size: 13px; line-height: 1.8; }
:is(:root,body)[data-bsc-service] .svc-public-showcase { min-width: 0; margin: 0; padding: 0; background: none; box-shadow: none; border: 0; border-radius: 0; }
:is(:root,body)[data-bsc-service] .svc-public-showcase > div { min-width: 0; }
:is(:root,body)[data-bsc-service] .svc-public-showcase figcaption { padding: 12px 0 0; color: var(--bsc-muted); font-size: 12px; line-height: 1.7; text-align: start; }
:is(:root,body)[data-bsc-service] :where(.svc-public-features,.svc-public-how,.svc-public-get-started) { max-width: 1216px; margin-inline: auto; padding: 48px 32px; border-radius: 0; box-shadow: none; }
:is(:root,body)[data-bsc-service] .svc-public-features { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 64px; border-top: 1px solid var(--bsc-line); background: transparent; }
:is(:root,body)[data-bsc-service] .svc-public-features h2, :is(:root,body)[data-bsc-service] .svc-public-how > h2 { font-size: 27px; line-height: 1.5; letter-spacing: -.015em; }
:is(:root,body)[data-bsc-service] .svc-public-features p, :is(:root,body)[data-bsc-service] .svc-public-how p { color: var(--bsc-muted); line-height: 1.85; }
:is(:root,body)[data-bsc-service] .svc-public-features ul { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; margin: 0; list-style: none; }
:is(:root,body)[data-bsc-service] .svc-public-features li { min-width: 0; padding: 17px 0; border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; background: transparent; line-height: 1.75; box-shadow: none; }
:is(:root,body)[data-bsc-service] .svc-public-how { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,1.35fr); gap: 28px 64px; }
:is(:root,body)[data-bsc-service] .svc-public-how > ol { display: grid; gap: 0; grid-template-columns: 1fr; padding: 0; margin: 0; list-style: none; }
:is(:root,body)[data-bsc-service] .svc-public-how > ol > li { border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; padding: 20px 0; background: transparent; display: flex; gap: 20px; }
:is(:root,body)[data-bsc-service] .svc-public-step-order { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--bsc-line); border-radius: 50%; color: var(--bsc-accent); background: #fff; font-size: 13px; font-variant-numeric: tabular-nums; }
:is(:root,body)[data-bsc-service] .svc-public-boundary { grid-column: 2; margin: 0; padding: 20px 24px; border: 0; border-left: 3px solid var(--bsc-line); background: var(--bsc-wash); border-radius: 0; }
:is(:root,body)[data-bsc-service] .svc-public-get-started { border-top: 1px solid var(--bsc-line); background: transparent; text-align: start; }
:is(:root,body)[data-bsc-service] .svc-public-get-started > div { justify-content: flex-start; }
:is(:root,body)[data-bsc-service] .svc-public-footer { border-top: 1px solid var(--bsc-line); background: var(--bsc-wash); padding: 32px max(24px, calc((100vw - 1216px) / 2)); }

/* Existing React workspaces: no mobile menu semantics or handlers changed. */
:is(:root,body)[data-bsc-service] .svc-shell__header .svc-header { background: #fff; box-shadow: none; border-bottom: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service] .svc-sidebar { background: var(--bsc-wash); border-inline-end: 1px solid var(--bsc-line); box-shadow: none; }
:is(:root,body)[data-bsc-service] .svc-sidebar nav button { border-radius: 5px; font-size: 14px; min-height: 42px; color: var(--bsc-ink); }
:is(:root,body)[data-bsc-service] .svc-sidebar nav button.is-active { background: #e0edf4; color: #005b7a; font-weight: 650; }
:is(:root,body)[data-bsc-service] .svc-sidebar nav button.is-active::before { background: transparent; }
:is(:root,body)[data-bsc-service] .svc-page-header h1 { font-size: 28px; line-height: 1.4; letter-spacing: -.02em; }
:is(:root,body)[data-bsc-service] :where(.svc-panel,.svc-table-wrap) { border: 1px solid var(--bsc-line); border-radius: 8px; box-shadow: none; }
:is(:root,body)[data-bsc-service] .svc-data-table { font-size: 14px; font-variant-numeric: tabular-nums; }
:is(:root,body)[data-bsc-service] .svc-data-table th { background: #f6f8fa; font-size: 12px; font-weight: 650; letter-spacing: 0; }
:is(:root,body)[data-bsc-service] .svc-data-table :where(th,td) { padding: 13px 16px; }

/* Account: personal tasks and longitudinal security reading, not an operations dashboard. */
:is(:root,body)[data-bsc-service="account"] { --bsc-accent: #216b89; --bsc-wash: #f6f8fa; }
:is(:root,body)[data-bsc-service="account"] :where(.page-header,#main,.footer-top) { max-width: 1160px; margin-inline: auto; }
:is(:root,body)[data-bsc-service="account"] .page-header { padding: 24px 32px; border-bottom: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="account"] #main .hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 72px; min-height: 0; padding: 72px 32px 56px; }
:is(:root,body)[data-bsc-service="account"] .hero-copy h1 { font-size: clamp(34px,4.2vw,55px); line-height: 1.24; letter-spacing: -.02em; }
:is(:root,body)[data-bsc-service="account"] .intro { font-size: 18px; line-height: 1.85; color: var(--bsc-muted); }
:is(:root,body)[data-bsc-service="account"] .start { border: 1px solid var(--bsc-line); border-radius: 12px; padding: 28px; background: #fff; box-shadow: none; align-self: center; }
:is(:root,body)[data-bsc-service="account"] .start-paths { display: grid; gap: 0; padding: 0; list-style: none; counter-reset: account-path; }
:is(:root,body)[data-bsc-service="account"] .start-paths li { display: flex; align-items: start; gap: 14px; padding: 15px 0; counter-increment: account-path; }
:is(:root,body)[data-bsc-service="account"] .start-paths li::before { content: counter(account-path); color: var(--bsc-accent); border: 1px solid var(--bsc-line); border-radius: 50%; min-width: 28px; height: 28px; display: grid; place-items: center; font-size: 13px; }
:is(:root,body)[data-bsc-service="account"] .features { padding: 28px 32px 64px; }
:is(:root,body)[data-bsc-service="account"] .feature-list { display: block; border-top: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="account"] .feature-row { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: start; gap: 20px; border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; padding: 24px 0; background: #fff; }
:is(:root,body)[data-bsc-service="account"] .feature-content { display: grid; grid-template-columns: minmax(140px,.4fr) minmax(0,1fr); gap: 24px; }
:is(:root,body)[data-bsc-service="account"] .account-workspace-page { max-width: 1080px; margin-inline: auto; padding-block: 32px; }
:is(:root,body)[data-bsc-service="account"] :where(.account-form-card,.account-status-strip) { border: 1px solid var(--bsc-line); border-radius: 10px; box-shadow: none; background: #fff; }

/* Admin: controlled density; existing data tables and RBAC remain the source of truth. */
:is(:root,body)[data-bsc-service="admin"] { --bsc-accent: #315b8c; --bsc-side: 216px; --bsc-wash: #f3f5f8; }
:is(:root,body)[data-bsc-service="admin"] :where(.admin-page-stage,.admin-dashboard) { max-width: 1600px; margin-inline: auto; padding: 28px 32px; }
:is(:root,body)[data-bsc-service="admin"] .admin-command-bar { border-radius: 6px; border: 1px solid var(--bsc-line); background: #fff; padding: 12px 16px; }
:is(:root,body)[data-bsc-service="admin"] .admin-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; background: #fff; border-block: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="admin"] .admin-metric { padding: 20px; border: 0; border-inline-end: 1px solid var(--bsc-line); border-radius: 0; box-shadow: none; }
:is(:root,body)[data-bsc-service="admin"] .admin-metric:last-child { border-inline-end: 0; }
:is(:root,body)[data-bsc-service="admin"] :where(.admin-card,.admin-work-card,.admin-quick-card,.admin-settings-card) { border: 1px solid var(--bsc-line); border-radius: 6px; box-shadow: none; background: #fff; }
:is(:root,body)[data-bsc-service="admin"] .admin-team-member-row { padding: 15px 18px; border-bottom: 1px solid var(--bsc-line); border-radius: 0; }
:is(:root,body)[data-bsc-service="admin"] .admin-overview-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,1fr); gap: 20px; }

/* AI: the only dark service; the conversation and artifact canvas own the screen. */
:is(:root,body)[data-bsc-service="ai"] { color-scheme: dark; --bsc-ink: #edf2f7; --bsc-muted: #aab8c7; --bsc-line: #303d4d; --bsc-wash: #111923; --bsc-accent: #69c3e3; --bsc-focus: #95dff5; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-page { background: #101720; color: var(--bsc-ink); }
:is(:root,body)[data-bsc-service="ai"] .svc-public-nav { background: #101720; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-hero { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); min-height: 650px; padding-block: 88px; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-copy h1 { font-size: clamp(38px,4.4vw,62px); }
:is(:root,body)[data-bsc-service="ai"] .svc-public-enter { background: #9edced; border-color: #9edced; color: #0b2531; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-showcase { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
:is(:root,body)[data-bsc-service="ai"] :where(.svc-scene--ai,.svc-public-preview) { background: #192331; border: 1px solid #3a4b5f; box-shadow: 0 30px 60px #0003; border-radius: 16px; color: #edf2f7; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-features { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
:is(:root,body)[data-bsc-service="ai"] :where(.svc-public-boundary,.svc-public-footer) { background: #151e29; }
:is(:root,body)[data-bsc-service="ai"] .svc-public-step-order { background: #192331; }
:is(:root,body)[data-bsc-service="ai"] .workspace-app { --bg: #101720; --surface: #18222f; --surface-hover: #223044; --border: #303d4d; --muted: #aab8c7; --sidebar-width: 252px; --content-width: 860px; background: #101720; }
:is(:root,body)[data-bsc-service="ai"] .chat-workspace { background: #101720; }
:is(:root,body)[data-bsc-service="ai"] :where(.workspace-header,.sidebar,.artifact-panel) { background: #141e2a; border-color: #303d4d; }
:is(:root,body)[data-bsc-service="ai"] .workspace-header { min-height: 60px; }
:is(:root,body)[data-bsc-service="ai"] .conversation { width: min(100%,860px); padding-inline: 28px; }
:is(:root,body)[data-bsc-service="ai"] .composer-shell { background: #101720; padding-block: 16px; }
:is(:root,body)[data-bsc-service="ai"] .composer { border-radius: 16px; background: #1b2736; border-color: #435269; box-shadow: 0 12px 32px #0002; }
:is(:root,body)[data-bsc-service="ai"] .empty-conversation { max-width: 840px; text-align: start; align-items: flex-start; }
:is(:root,body)[data-bsc-service="ai"] .prompt-grid { gap: 10px; }
:is(:root,body)[data-bsc-service="ai"] .prompt-grid button { background: #172332; border-color: #3a4b5f; border-radius: 8px; min-height: 64px; text-align: start; }

/* ONE: a ledger and side-by-side terms, with no invented plan values. */
:is(:root,body)[data-bsc-service="one"] { --bsc-accent: #4f548c; --bsc-wash: #f6f6fa; }
:is(:root,body)[data-bsc-service="one"] .svc-public-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; padding-bottom: 48px; }
:is(:root,body)[data-bsc-service="one"] .svc-public-showcase { border-top: 3px solid #7e83b0; padding-top: 28px; }
:is(:root,body)[data-bsc-service="one"] .svc-public-features { grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); }
:is(:root,body)[data-bsc-service="one"] :where(.one-page,.one-plan-page) { max-width: 1360px; margin-inline: auto; padding: 32px; }
:is(:root,body)[data-bsc-service="one"] .one-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border: 1px solid var(--bsc-line); background: #fff; border-radius: 8px; }
:is(:root,body)[data-bsc-service="one"] .one-metric { border: 0; border-inline-end: 1px solid var(--bsc-line); border-radius: 0; padding: 24px; box-shadow: none; font-variant-numeric: tabular-nums; }
:is(:root,body)[data-bsc-service="one"] .one-metric:last-child { border-inline-end: 0; }
:is(:root,body)[data-bsc-service="one"] :where(.one-table-panel,.one-plan-panel) { border-radius: 8px; box-shadow: none; border: 1px solid var(--bsc-line); background: #fff; }
:is(:root,body)[data-bsc-service="one"] .one-plan-catalog { display: grid; gap: 1px; background: var(--bsc-line); border: 1px solid var(--bsc-line); border-radius: 8px; overflow: hidden; }
:is(:root,body)[data-bsc-service="one"] .one-plan-catalog > * { border-radius: 0; background: #fff; border: 0; }

/* SYSTEM: a school office, paper documents and honest weekly tables. */
:is(:root,body)[data-bsc-service="system"] { --bsc-accent: #406e61; --bsc-wash: #f5f6f1; --bsc-line: #d8dfd5; --bsc-ink: #233b35; --bsc-muted: #586c63; }
:is(:root,body)[data-bsc-service="system"] :where(.portal-main,.school-office,.system-business) { color: var(--bsc-ink); }
:is(:root,body)[data-bsc-service="system"] .system-public { background: #fbfcf8; color: var(--bsc-ink); }
:is(:root,body)[data-bsc-service="system"] .system-public-hero { max-width: 1240px; margin-inline: auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 64px; padding: 64px 32px; }
:is(:root,body)[data-bsc-service="system"] .system-public-product { background: #fff; border: 1px solid var(--bsc-line); border-radius: 4px; box-shadow: 10px 10px 0 #e9eee5; }
:is(:root,body)[data-bsc-service="system"] .system-public-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-block: 1px solid var(--bsc-line); background: #fff; }
:is(:root,body)[data-bsc-service="system"] .system-public-feature { border: 0; border-inline-end: 1px solid var(--bsc-line); border-radius: 0; background: #fff; padding: 28px; box-shadow: none; }
:is(:root,body)[data-bsc-service="system"] .school-office { max-width: 1560px; margin-inline: auto; padding: 32px; background: #f5f6f1; }
:is(:root,body)[data-bsc-service="system"] .school-welcome { padding: 8px 0 24px; border-bottom: 2px solid #719584; }
:is(:root,body)[data-bsc-service="system"] .school-office-columns { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(280px,1fr); gap: 24px; align-items: start; }
:is(:root,body)[data-bsc-service="system"] :where(.school-section,.school-duty,.school-notices,.school-personal,.school-team,.business-paper) { background: #fff; border: 1px solid var(--bsc-line); border-radius: 4px; box-shadow: 0 2px 0 #e7ece2; }
:is(:root,body)[data-bsc-service="system"] .school-section-head { padding: 20px 24px; border-bottom: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="system"] :where(.school-service-row,.school-notice-open) { border-radius: 0; border-bottom: 1px solid var(--bsc-line); padding-block: 18px; }
:is(:root,body)[data-bsc-service="system"] .business-paper { padding: 28px; max-width: 1160px; margin-inline: auto; }
:is(:root,body)[data-bsc-service="system"] :where(.business-table-wrap,.system-responsive-table) { overflow-x: auto; border: 1px solid var(--bsc-line); border-radius: 3px; }
:is(:root,body)[data-bsc-service="system"] :where(.business-roll,.system-shared-duty) :where(th,td) { padding: 13px 16px; font-variant-numeric: tabular-nums; }
:is(:root,body)[data-bsc-service="system"] .business-prose { max-width: 760px; line-height: 1.9; }

/* Join Us: welcome and qualification steps have a different reading rhythm. */
:is(:root,body)[data-bsc-service="joinus"] { --bsc-accent: #6c6a30; --bsc-wash: #f8f8ee; }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-hero { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: center; padding-block: 88px; }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-copy { padding-inline-end: 24px; }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-copy h1 { font-size: clamp(40px,4.8vw,68px); }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-showcase { background: #f2f4df; border-radius: 140px 140px 14px 14px; padding: 40px 28px 24px; }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-features { grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding-block: 56px; }
:is(:root,body)[data-bsc-service="joinus"] .svc-public-how { background: #f8f8ee; border-top: 1px solid #dddcc4; }
:is(:root,body)[data-bsc-service="joinus"] .joinus-page { max-width: 900px; margin-inline: auto; padding: 36px 32px 64px; }
:is(:root,body)[data-bsc-service="joinus"] .joinus-page form { background: #fff; border: 1px solid #dddcc4; border-top: 4px solid #8c8a48; border-radius: 4px; padding: 32px; box-shadow: none; }

/* Drive: a file desktop; the browser is a continuous canvas, not stacked cards. */
:is(:root,body)[data-bsc-service="drive"] { --bsc-accent: #1e7590; --bsc-wash: #f2f6fa; --bsc-side: 208px; }
:is(:root,body)[data-bsc-service="drive"] .svc-public-hero { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; }
:is(:root,body)[data-bsc-service="drive"] .svc-public-showcase { padding: 20px; background: #eaf0f6; border-radius: 14px; }
:is(:root,body)[data-bsc-service="drive"] :where(.svc-scene--drive,.svc-scene-file-stack) { transform: none; }
:is(:root,body)[data-bsc-service="drive"] .svc-public-features { grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); }
:is(:root,body)[data-bsc-service="drive"] .svc-shell__content { background: #f2f6fa; }
:is(:root,body)[data-bsc-service="drive"] .drive-page { max-width: none; margin: 0; padding: 24px 28px 40px; }
:is(:root,body)[data-bsc-service="drive"] .drive-heading { padding: 0 4px 20px; align-items: start; }
:is(:root,body)[data-bsc-service="drive"] .drive-heading h1 { font-size: 27px; }
:is(:root,body)[data-bsc-service="drive"] .drive-browser { background: #fff; border: 1px solid var(--bsc-line); border-radius: 12px; padding: 0; overflow: clip; box-shadow: none; }
:is(:root,body)[data-bsc-service="drive"] .drive-toolbar { padding: 16px 20px; border-bottom: 1px solid var(--bsc-line); gap: 14px; background: #fff; }
:is(:root,body)[data-bsc-service="drive"] .drive-search { border-radius: 22px; background: #edf3f8; border: 1px solid transparent; min-height: 40px; }
:is(:root,body)[data-bsc-service="drive"] .drive-table-wrap { border: 0; border-radius: 0; overflow-x: auto; }
:is(:root,body)[data-bsc-service="drive"] .drive-table :where(th,td) { padding: 14px 20px; border-bottom: 1px solid #e4eaf0; }
:is(:root,body)[data-bsc-service="drive"] .drive-table th { background: #fafcfe; font-weight: 600; }
:is(:root,body)[data-bsc-service="drive"] .drive-grid { padding: 20px; gap: 16px; }
:is(:root,body)[data-bsc-service="drive"] .drive-grid > * { border: 1px solid var(--bsc-line); border-radius: 8px; box-shadow: none; }
:is(:root,body)[data-bsc-service="drive"] .drive-selection-bar { border-radius: 8px; margin: 12px 20px 0; background: #e2eff7; }
:is(:root,body)[data-bsc-service="drive"] .drive-upload-queue { border-radius: 8px; border: 1px solid var(--bsc-line); background: #fff; }

/* Workspace: document list, chrome and a real text page. No invented spreadsheet UI. */
:is(:root,body)[data-bsc-service="workspace"] { --bsc-accent: #386c95; --bsc-wash: #edf1f5; --bsc-side: 200px; }
:is(:root,body)[data-bsc-service="workspace"] .svc-public-hero { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); background: #f7f9fb; border-bottom: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="workspace"] .svc-public-showcase { padding: 24px 24px 0 42px; }
:is(:root,body)[data-bsc-service="workspace"] :where(.svc-scene-paper,.svc-public-document) { border: 1px solid #d5dce5; border-radius: 2px; box-shadow: 0 14px 32px #263d5014; transform: rotate(-2deg); }
:is(:root,body)[data-bsc-service="workspace"] .svc-public-features { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
:is(:root,body)[data-bsc-service="workspace"] .workspace-page { grid-template-columns: minmax(230px,300px) minmax(0,1fr); gap: 0; padding: 0; max-width: none; min-height: calc(100dvh - 72px); background: #edf1f5; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-list { padding: 24px 18px; background: #f8fafc; border-inline-end: 1px solid #d5dce5; min-width: 0; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-list h1 { font-size: 21px; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-doc-list { border: 0; border-radius: 0; background: transparent; padding: 0; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-doc-list > button { border: 0; border-bottom: 1px solid #e0e6ec; border-radius: 0; padding: 16px 10px; background: transparent; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-doc-list > button.is-active { background: #e2edf6; box-shadow: inset 3px 0 #386c95; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-editor { min-width: 0; padding: 0 28px 28px; background: #edf1f5; border: 0; border-radius: 0; box-shadow: none; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-editor > header { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-inline: -28px; margin-bottom: 28px; padding: 16px 24px; background: #fff; border-bottom: 1px solid #d5dce5; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-editor > header > input { flex: 1; min-width: 140px; background: transparent; border: 0; font-weight: 600; font-size: 17px; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-editor > textarea { display: block; width: min(100%,820px); min-height: max(520px,calc(100dvh - 260px)); margin-inline: auto; padding: 56px clamp(24px,5vw,72px); resize: vertical; border: 1px solid #cdd6e0; border-radius: 1px; background: #fff; box-shadow: 0 3px 10px #20374d0d; font-family: "Noto Sans TC", "PingFang TC", system-ui, sans-serif; font-size: 17px; line-height: 1.9; color: #243a4b; }
:is(:root,body)[data-bsc-service="workspace"] .workspace-editor > footer { max-width: 820px; margin: 16px auto 0; color: #536a78; font-size: 12px; gap: 12px; flex-wrap: wrap; }

/* Mail: folder navigation + message list + spacious reading pane; no send/refresh event changes. */
:is(:root,body)[data-bsc-service="mail"] { --bsc-accent: #176ca1; --bsc-wash: #f0f4f8; --bsc-side: 200px; }
:is(:root,body)[data-bsc-service="mail"] .svc-public-hero { display: grid; grid-template-columns: minmax(0,1fr); gap: 40px; padding-block: 56px; }
:is(:root,body)[data-bsc-service="mail"] .svc-public-copy { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 0 64px; align-items: start; }
:is(:root,body)[data-bsc-service="mail"] .svc-public-copy h1 { grid-row: 1 / span 3; font-size: clamp(38px,4.4vw,60px); }
:is(:root,body)[data-bsc-service="mail"] .svc-public-copy > p { margin-top: 0; }
:is(:root,body)[data-bsc-service="mail"] .svc-public-showcase { background: #e9f1f8; padding: 24px 32px 16px; border: 1px solid #d6e2ed; border-radius: 10px; }
:is(:root,body)[data-bsc-service="mail"] .svc-public-features { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
:is(:root,body)[data-bsc-service="mail"] .svc-shell__content { padding: 0; }
:is(:root,body)[data-bsc-service="mail"] .mail-page { display: grid; grid-template-columns: minmax(290px,.42fr) minmax(0,.58fr); min-height: calc(100dvh - 72px); gap: 0; }
:is(:root,body)[data-bsc-service="mail"] .mail-list { padding: 0; background: #f7f9fb; border-inline-end: 1px solid #d5e0ea; min-width: 0; }
:is(:root,body)[data-bsc-service="mail"] .mail-list > header { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; padding: 24px 22px 18px; margin: 0; border-bottom: 1px solid #d5e0ea; background: #f0f4f8; }
:is(:root,body)[data-bsc-service="mail"] .mail-list > header > div:last-child { flex-wrap: wrap; gap: 7px; }
:is(:root,body)[data-bsc-service="mail"] .mail-list h1 { font-size: 23px; }
:is(:root,body)[data-bsc-service="mail"] .mail-message-list { border: 0; border-radius: 0; padding: 0; background: #fff; }
:is(:root,body)[data-bsc-service="mail"] .mail-message-list > button { min-height: 94px; padding: 16px 22px; gap: 5px 12px; border-bottom: 1px solid #e1e7ee; }
:is(:root,body)[data-bsc-service="mail"] .mail-message-list > button.is-active { background: #e6f1fa; box-shadow: inset 3px 0 #176ca1; }
:is(:root,body)[data-bsc-service="mail"] .mail-message-from { color: #263e50; font-weight: 600; }
:is(:root,body)[data-bsc-service="mail"] .mail-reader { padding: 32px clamp(24px,3.2vw,56px); background: #fff; min-width: 0; }
:is(:root,body)[data-bsc-service="mail"] .mail-reader > header { padding-bottom: 24px; margin-bottom: 28px; border-bottom: 1px solid #dce5ed; display: flex; align-items: start; justify-content: space-between; gap: 20px; }
:is(:root,body)[data-bsc-service="mail"] .mail-reader h2 { font-size: 26px; font-weight: 650; line-height: 1.5; }
:is(:root,body)[data-bsc-service="mail"] .mail-reader article { max-width: 760px; font-size: 16px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
:is(:root,body)[data-bsc-service="mail"] .mail-reader footer { border-top: 1px solid #dce5ed; padding-top: 24px; margin-top: 32px; }

/* Support: answer-first search and comfortable, narrow article reading. */
:is(:root,body)[data-bsc-service="support"] { --bsc-accent: #246c83; --bsc-wash: #f3f8fa; }
:is(:root,body)[data-bsc-service="support"] .support-ui__hero { max-width: 1100px; margin-inline: auto; padding: 64px 32px 48px; background: transparent; text-align: center; }
:is(:root,body)[data-bsc-service="support"] .support-ui__hero h1 { font-size: clamp(32px,4vw,48px); line-height: 1.35; max-width: 20em; margin-inline: auto; }
:is(:root,body)[data-bsc-service="support"] .support-ui__search { max-width: 720px; min-height: 58px; margin: 32px auto 0; background: #fff; border: 1px solid #9bb5c2; border-radius: 30px; box-shadow: 0 3px 12px #1c4c6310; }
:is(:root,body)[data-bsc-service="support"] .support-ui__section { max-width: 1200px; margin-inline: auto; padding: 32px; }
:is(:root,body)[data-bsc-service="support"] .support-ui__product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-top: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="support"] .support-ui__product { padding: 24px 20px; border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; box-shadow: none; }
:is(:root,body)[data-bsc-service="support"] .support-ui__article-page { max-width: 900px; margin-inline: auto; padding: 40px 32px 80px; }
:is(:root,body)[data-bsc-service="support"] .support-ui__article-body { max-width: 760px; font-size: 17px; line-height: 1.9; }
:is(:root,body)[data-bsc-service="support"] .support-case-viewer { max-width: 1100px; margin-inline: auto; border-radius: 8px; border: 1px solid var(--bsc-line); box-shadow: none; }

/* Developer: light precision. Real app configuration is a technical index, secrets stay native. */
:is(:root,body)[data-bsc-service="developer"] { --bsc-accent: #245f88; --bsc-wash: #f3f6f9; --bsc-side: 208px; }
:is(:root,body)[data-bsc-service="developer"] .svc-public-hero { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: start; border-bottom: 1px solid var(--bsc-line); padding-block: 64px; }
:is(:root,body)[data-bsc-service="developer"] .svc-public-copy h1 { font-size: clamp(34px,3.7vw,50px); }
:is(:root,body)[data-bsc-service="developer"] .svc-public-showcase { padding: 24px; border: 1px solid #ccd9e3; border-top: 4px solid #527e9e; border-radius: 4px; background: #f5f8fb; }
:is(:root,body)[data-bsc-service="developer"] .svc-public-features { grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); border-top: 0; }
:is(:root,body)[data-bsc-service="developer"] .svc-public-how { border-top: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="developer"] .dev-page { max-width: 1440px; margin-inline: auto; padding: 32px; }
:is(:root,body)[data-bsc-service="developer"] .dev-page > header { padding-bottom: 24px; border-bottom: 1px solid var(--bsc-line); align-items: start; }
:is(:root,body)[data-bsc-service="developer"] .dev-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; }
:is(:root,body)[data-bsc-service="developer"] .dev-app { border: 1px solid #ccd9e3; border-radius: 6px; background: #fff; padding: 24px 28px; box-shadow: none; }
:is(:root,body)[data-bsc-service="developer"] .dev-detail { padding: 16px 0; border-top: 1px solid #e1e7ed; font-size: 14px; }
:is(:root,body)[data-bsc-service="developer"] :where(.dev-app code,.dev-app pre,.dev-secret code) { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
:is(:root,body)[data-bsc-service="developer"] .dev-actions { padding-top: 20px; border-top: 1px solid #e1e7ed; gap: 10px; flex-wrap: wrap; }

/* VPN: a focused setup tool; no decorative nodes or simulated live telemetry added. */
:is(:root,body)[data-bsc-service="vpn"] { --bsc-accent: #236d70; --bsc-wash: #f2f8f7; }
:is(:root,body)[data-bsc-service="vpn"] .svc-public-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); max-width: 1120px; gap: 72px; }
:is(:root,body)[data-bsc-service="vpn"] .svc-public-copy h1 { font-size: clamp(34px,3.8vw,50px); }
:is(:root,body)[data-bsc-service="vpn"] .svc-public-showcase { border-inline-start: 1px solid #bdd6d4; padding-inline-start: 40px; }
:is(:root,body)[data-bsc-service="vpn"] .svc-public-how { background: #f2f8f7; }
:is(:root,body)[data-bsc-service="vpn"] .vpn-page { max-width: 1200px; margin-inline: auto; padding: 32px; }
:is(:root,body)[data-bsc-service="vpn"] .vpn-summary { border: 1px solid #c8ddd9; border-inline-start: 4px solid #598f87; border-radius: 5px; padding: 24px 28px; background: #fff; box-shadow: none; }
:is(:root,body)[data-bsc-service="vpn"] .vpn-device { display: flex; flex-wrap: wrap; align-items: start; border: 0; border-bottom: 1px solid #c8ddd9; border-radius: 0; padding: 24px 0; box-shadow: none; background: transparent; }
:is(:root,body)[data-bsc-service="vpn"] .vpn-device-main { flex: 1; min-width: 200px; }
:is(:root,body)[data-bsc-service="vpn"] .vpn-setup { border: 1px solid #c8ddd9; border-radius: 6px; padding: 28px; background: #fff; }

/* Games: an editorial game shelf. Existing actual titles and gameplay remain unmodified. */
:is(:root,body)[data-bsc-service="games"] { --bsc-accent: #7a5138; --bsc-wash: #fbf5ec; --bsc-line: #e3d9cc; }
:is(:root,body)[data-bsc-service="games"] .svc-public-hero { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); max-width: 1320px; gap: 48px; padding-block: 64px; }
:is(:root,body)[data-bsc-service="games"] .svc-public-copy h1 { font-size: clamp(42px,5.2vw,72px); line-height: 1.12; }
:is(:root,body)[data-bsc-service="games"] .svc-public-showcase { padding: 24px; border: 2px solid #e3d9cc; border-radius: 24px 8px 24px 8px; background: #fff7e8; transform: rotate(1deg); }
:is(:root,body)[data-bsc-service="games"] .svc-public-features { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); border-top: 2px solid #d2bba1; }
:is(:root,body)[data-bsc-service="games"] .games-heading { padding-bottom: 24px; border-bottom: 2px solid #d2bba1; }
:is(:root,body)[data-bsc-service="games"] .games-heading h1 { font-size: clamp(32px,4vw,48px); }
:is(:root,body)[data-bsc-service="games"] .games-views { gap: 10px; }
:is(:root,body)[data-bsc-service="games"] .games-views button { min-height: 44px; border-radius: 22px; border: 1px solid #d8c8b6; padding-inline: 20px; }

/* Status: a time-indexed record, with every existing failure/unknown state visible. */
:is(:root,body)[data-bsc-service="status"] { --bsc-accent: #3d617a; --bsc-wash: #f4f6f8; }
:is(:root,body)[data-bsc-service="status"] .svc-public-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding-block: 48px; align-items: start; }
:is(:root,body)[data-bsc-service="status"] .svc-public-copy h1 { font-size: clamp(34px,3.8vw,50px); }
:is(:root,body)[data-bsc-service="status"] .svc-public-showcase { border: 1px solid #cbd8e1; border-radius: 3px; padding: 24px; background: #f7f9fb; }
:is(:root,body)[data-bsc-service="status"] .status-dashboard { max-width: 1240px; margin-inline: auto; padding: 32px; }
:is(:root,body)[data-bsc-service="status"] .status-summary { border-radius: 5px; border: 1px solid #cbd8e1; border-inline-start: 4px solid currentColor; padding: 24px; box-shadow: none; }
:is(:root,body)[data-bsc-service="status"] .status-services { border: 1px solid #cbd8e1; border-radius: 5px; background: #fff; box-shadow: none; }
:is(:root,body)[data-bsc-service="status"] .status-services > * { border-radius: 0; border-bottom: 1px solid #e0e6eb; }
:is(:root,body)[data-bsc-service="status"] .status-incidents { display: grid; gap: 0; padding-inline-start: 22px; border-inline-start: 2px solid #d5e0e8; }
:is(:root,body)[data-bsc-service="status"] .status-incident { position: relative; border: 0; border-bottom: 1px solid #d5e0e8; border-radius: 0; padding: 24px 0; box-shadow: none; background: transparent; }
:is(:root,body)[data-bsc-service="status"] .status-incident::before { content: ''; position: absolute; inset-inline-start: -28px; top: 32px; width: 10px; height: 10px; border: 2px solid #f4f6f8; border-radius: 50%; background: #5e7d93; }
:is(:root,body)[data-bsc-service="status"] .status-history-hint { font-size: 13px; font-variant-numeric: tabular-nums; }

/* Server public gateway: classified resources, separate from privileged monitor routes. */
:is(:root,body)[data-bsc-service="server"] { --bsc-accent: #315d78; --bsc-wash: #f2f5f8; }
:is(:root,body)[data-bsc-service="server"] .topbar { border-bottom: 1px solid #ccd9e3; box-shadow: none; background: #fff; padding-inline: max(24px,calc((100vw - 1240px)/2)); }
:is(:root,body)[data-bsc-service="server"] .hero { max-width: 1240px; margin-inline: auto; text-align: start; padding: 56px 32px 40px; min-height: 0; background: transparent; }
:is(:root,body)[data-bsc-service="server"] .hero h1 { font-size: clamp(32px,4vw,50px); line-height: 1.3; max-width: 20em; }
:is(:root,body)[data-bsc-service="server"] .hero-desc { margin-inline: 0; max-width: 50em; font-size: 17px; line-height: 1.85; }
:is(:root,body)[data-bsc-service="server"] .grid-portal { max-width: 1240px; margin: 0 auto; padding: 0 32px 48px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 20px; }
:is(:root,body)[data-bsc-service="server"] .card { border: 1px solid #ccd9e3; border-radius: 6px; box-shadow: none; background: #fff; padding: 28px; }
:is(:root,body)[data-bsc-service="server"] .card-featured { grid-row: span 2; border-top: 4px solid #527e9e; }
:is(:root,body)[data-bsc-service="server"] .card-title { font-size: 23px; line-height: 1.5; }
:is(:root,body)[data-bsc-service="server"] .card-desc { line-height: 1.9; }
:is(:root,body)[data-bsc-service="server"] .services-matrix { max-width: 1176px; margin: 0 auto 64px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; border-block: 1px solid #ccd9e3; }
:is(:root,body)[data-bsc-service="server"] .service-tile { border: 0; border-bottom: 1px solid #e0e6eb; border-radius: 0; padding: 22px 16px; box-shadow: none; background: #fff; }

/* Web: ecosystem editorial and service index, preserving the current content and fish logo. */
:is(:root,body)[data-bsc-service="web"] { --bsc-accent: #386c57; --bsc-wash: #f4f7f1; --bsc-line: #d5dfd2; }
:is(:root,body)[data-bsc-service="web"] body { background: #fbfcf9; color: #233c32; }
:is(:root,body)[data-bsc-service="web"] .topbar { padding-block: 22px; border-bottom: 1px solid #d5dfd2; box-shadow: none; background: #fbfcf9; }
:is(:root,body)[data-bsc-service="web"] .hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: center; max-width: 1280px; padding: 72px 32px; margin: auto; gap: 64px; min-height: 0; }
:is(:root,body)[data-bsc-service="web"] .hero h1 { font-size: clamp(42px,5vw,70px); line-height: 1.16; max-width: 11em; }
:is(:root,body)[data-bsc-service="web"] .hero .lead { font-size: 18px; line-height: 1.9; max-width: 34em; }
:is(:root,body)[data-bsc-service="web"] .orbit { aspect-ratio: 1; width: 100%; max-width: 400px; justify-self: center; background: #edf3e7; border-radius: 50%; }
:is(:root,body)[data-bsc-service="web"] .orbit-ring { border-color: #ccdcca; }
:is(:root,body)[data-bsc-service="web"] .services { max-width: 1280px; padding: 40px 32px 64px; margin-inline: auto; border-top: 1px solid #d5dfd2; }
:is(:root,body)[data-bsc-service="web"] .section-head { align-items: start; padding-bottom: 24px; }
:is(:root,body)[data-bsc-service="web"] .service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 48px; }
:is(:root,body)[data-bsc-service="web"] .service-card { border: 0; border-bottom: 1px solid #d5dfd2; border-radius: 0; background: transparent; padding: 26px 0; box-shadow: none; min-height: 0; }
:is(:root,body)[data-bsc-service="web"] .service-card:first-child { grid-column: 1 / -1; padding-block: 32px; }
:is(:root,body)[data-bsc-service="web"] .service-copy p { line-height: 1.85; }
:is(:root,body)[data-bsc-service="web"] .account-banner { border-radius: 0; border-block: 1px solid #d5dfd2; background: #edf3e7; box-shadow: none; padding: 32px; }

/* About: a product directory and comparison guide, distinct from the editorial home. */
:is(:root,body)[data-bsc-service="about"] { --bsc-accent: #226581; --bsc-wash: #f4f7fa; }
:is(:root,body)[data-bsc-service="about"] .about-opening { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 64px; padding-block: 64px; border-bottom: 1px solid var(--bsc-line); }
:is(:root,body)[data-bsc-service="about"] .about-opening h1 { font-size: clamp(34px,4.3vw,56px); line-height: 1.25; max-width: 14em; }
:is(:root,body)[data-bsc-service="about"] .quick-start { display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--bsc-line); border-radius: 8px; align-self: start; }
:is(:root,body)[data-bsc-service="about"] .quick-link { border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; padding: 20px; box-shadow: none; }
:is(:root,body)[data-bsc-service="about"] .catalogue-head { padding-block: 40px 28px; align-items: start; }
:is(:root,body)[data-bsc-service="about"] .service-group { border-top: 1px solid var(--bsc-line); padding-top: 24px; display: grid; grid-template-columns: minmax(170px,.5fr) minmax(0,1.5fr); gap: 32px; }
:is(:root,body)[data-bsc-service="about"] .service-list { display: grid; grid-template-columns: 1fr; gap: 0; }
:is(:root,body)[data-bsc-service="about"] .service-entry { border: 0; border-bottom: 1px solid var(--bsc-line); border-radius: 0; background: #fff; box-shadow: none; padding: 24px 0; }
:is(:root,body)[data-bsc-service="about"] .service-row { align-items: start; gap: 20px; }

/* App: a short device setup utility; retain actual install modal actions and no fake binaries. */
:is(:root,body)[data-bsc-service="app"] { --bsc-accent: #315c81; --bsc-wash: #f3f6f9; }
:is(:root,body)[data-bsc-service="app"] .site-header { background: #fff; border-bottom: 1px solid #d2dfe9; box-shadow: none; }
:is(:root,body)[data-bsc-service="app"] .hero-section { padding-block: 56px; background: #f7f9fc; }
:is(:root,body)[data-bsc-service="app"] .hero-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); gap: 64px; align-items: start; }
:is(:root,body)[data-bsc-service="app"] .hero-content h1 { font-size: clamp(34px,4vw,54px); line-height: 1.25; }
:is(:root,body)[data-bsc-service="app"] .hero-desc { max-width: 38em; font-size: 17px; line-height: 1.85; }
:is(:root,body)[data-bsc-service="app"] .platforms-container { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid #d2dfe9; }
:is(:root,body)[data-bsc-service="app"] .platform-card { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; border: 0; border-bottom: 1px solid #d2dfe9; border-radius: 0; padding: 22px 0; background: transparent; box-shadow: none; }
:is(:root,body)[data-bsc-service="app"] .plat-foot { margin: 0; padding: 0; border: 0; gap: 16px; }
:is(:root,body)[data-bsc-service="app"] .phone-wrapper { transform: none; max-width: 290px; margin-inline: auto; }
:is(:root,body)[data-bsc-service="app"] .phone-frame { box-shadow: 0 16px 40px #29415b20; }
:is(:root,body)[data-bsc-service="app"] .features-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-top: 1px solid #d2dfe9; }
:is(:root,body)[data-bsc-service="app"] .feature-card { border: 0; border-bottom: 1px solid #d2dfe9; border-radius: 0; box-shadow: none; background: #fff; padding: 28px; }

/* Privacy: keep the just-published policy typography, content, version and print rules intact.
   No visual rewrite is applied here; navigation owns its own dedicated stylesheet. */

@media (min-width: 1100px) {
  :is(:root,body)[data-bsc-service]:not([data-bsc-service="ai"]) .svc-shell { grid-template-columns: var(--bsc-side) minmax(0,1fr); }
  :is(:root,body)[data-bsc-service]:not([data-bsc-service="ai"]) .svc-sidebar { width: var(--bsc-side); }
}
@media (max-width: 1100px) {
  :is(:root,body)[data-bsc-service] .svc-public-hero { gap: 32px; padding: 48px 28px; }
  :is(:root,body)[data-bsc-service] .svc-public-copy h1 { font-size: 40px; }
  :is(:root,body)[data-bsc-service] .svc-public-features, :is(:root,body)[data-bsc-service] .svc-public-how { gap: 28px; }
  :is(:root,body)[data-bsc-service="mail"] .mail-page { grid-template-columns: minmax(260px,.48fr) minmax(0,.52fr); }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-page { grid-template-columns: minmax(210px,260px) minmax(0,1fr); }
  :is(:root,body)[data-bsc-service="admin"] .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(:root,body)[data-bsc-service="system"] .school-office-columns { grid-template-columns: minmax(0,1.3fr) minmax(240px,1fr); gap: 18px; }
}
@media (max-width: 800px) {
  :is(:root,body)[data-bsc-service] .svc-public-hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 40px 24px; gap: 32px; }
  :is(:root,body)[data-bsc-service] .svc-public-copy h1 { font-size: clamp(32px,7.8vw,42px); }
  :is(:root,body)[data-bsc-service] .svc-public-copy > p { font-size: 16px; }
  :is(:root,body)[data-bsc-service] .svc-public-showcase { width: 100%; align-self: stretch; }
  :is(:root,body)[data-bsc-service] .svc-public-features, :is(:root,body)[data-bsc-service] .svc-public-how { display: block; padding: 32px 24px; }
  :is(:root,body)[data-bsc-service] .svc-public-features ul { margin-top: 20px; }
  :is(:root,body)[data-bsc-service] .svc-public-how > ol { margin-top: 20px; }
  :is(:root,body)[data-bsc-service] .svc-public-boundary { margin-top: 24px; padding: 20px; }
  :is(:root,body)[data-bsc-service] .svc-public-get-started { padding: 32px 24px; }
  :is(:root,body)[data-bsc-service="mail"] .svc-public-copy { display: block; }
  :is(:root,body)[data-bsc-service="mail"] .svc-public-showcase { padding: 20px 16px; }
  :is(:root,body)[data-bsc-service="workspace"] .svc-public-showcase { padding: 16px 12px; }
  :is(:root,body)[data-bsc-service="games"] .svc-public-showcase { transform: none; }
  :is(:root,body)[data-bsc-service="vpn"] .svc-public-showcase { border-inline-start: 0; border-top: 1px solid #bdd6d4; padding: 24px 0 0; }
  :is(:root,body)[data-bsc-service="account"] #main .hero { display: flex; flex-direction: column; gap: 32px; padding: 40px 24px; }
  :is(:root,body)[data-bsc-service="account"] .start { align-self: stretch; padding: 24px; }
  :is(:root,body)[data-bsc-service="account"] .features { padding: 24px; }
  :is(:root,body)[data-bsc-service="account"] .feature-content { display: block; }
  :is(:root,body)[data-bsc-service="account"] .feature-content p { margin-top: 8px; }
  :is(:root,body)[data-bsc-service="system"] .system-public-hero { display: flex; flex-direction: column; gap: 32px; padding: 40px 24px; }
  :is(:root,body)[data-bsc-service="system"] .system-public-features { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="system"] .school-office { padding: 24px 18px; }
  :is(:root,body)[data-bsc-service="system"] .school-office-columns { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="system"] .business-paper { padding: 20px 16px; }
  :is(:root,body)[data-bsc-service="server"] .grid-portal { grid-template-columns: 1fr; padding-inline: 24px; }
  :is(:root,body)[data-bsc-service="server"] .services-matrix { margin-inline: 24px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(:root,body)[data-bsc-service="web"] .hero { display: flex; flex-direction: column; gap: 32px; padding: 40px 24px; }
  :is(:root,body)[data-bsc-service="web"] .hero h1 { font-size: 42px; }
  :is(:root,body)[data-bsc-service="web"] .orbit { max-width: 320px; }
  :is(:root,body)[data-bsc-service="web"] .services { padding: 32px 24px; }
  :is(:root,body)[data-bsc-service="web"] .service-grid { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="about"] .about-opening { display: block; padding-block: 40px; }
  :is(:root,body)[data-bsc-service="about"] .quick-start { margin-top: 28px; }
  :is(:root,body)[data-bsc-service="about"] .service-group { display: block; }
  :is(:root,body)[data-bsc-service="about"] .group-heading { margin-bottom: 20px; }
  :is(:root,body)[data-bsc-service="app"] .hero-layout { grid-template-columns: 1fr; gap: 40px; }
  :is(:root,body)[data-bsc-service="app"] .features-grid { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="admin"] .admin-overview-grid { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="support"] .support-ui__product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  :is(:root,body)[data-bsc-service] .svc-public-nav { padding-inline: 20px; }
  :is(:root,body)[data-bsc-service="mail"] .mail-page { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="mail"] .mail-list { border-inline-end: 0; border-bottom: 1px solid #d5e0ea; }
  :is(:root,body)[data-bsc-service="mail"] .mail-reader { padding: 28px 22px; }
  :is(:root,body)[data-bsc-service="mail"] .mail-reader > header { flex-wrap: wrap; }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-page { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-list { border-inline-end: 0; border-bottom: 1px solid #d5dce5; padding: 24px 20px; }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-editor { padding: 0 16px 24px; }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-editor > header { margin-inline: -16px; padding: 16px 20px; }
  :is(:root,body)[data-bsc-service="workspace"] .workspace-editor > textarea { padding: 28px 22px; min-height: 500px; }
  :is(:root,body)[data-bsc-service="drive"] .drive-page { padding: 24px 16px; }
  :is(:root,body)[data-bsc-service="drive"] .drive-toolbar { padding: 16px; flex-wrap: wrap; }
  :is(:root,body)[data-bsc-service="drive"] .drive-tools { width: 100%; flex-wrap: wrap; }
  :is(:root,body)[data-bsc-service="drive"] .drive-search { flex: 1; min-width: 160px; }
  :is(:root,body)[data-bsc-service="one"] .one-metrics { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="one"] .one-metric { border-inline-end: 0; border-bottom: 1px solid var(--bsc-line); }
  :is(:root,body)[data-bsc-service="one"] :where(.one-page,.one-plan-page),
  :is(:root,body)[data-bsc-service="vpn"] .vpn-page, :is(:root,body)[data-bsc-service="developer"] .dev-page,
  :is(:root,body)[data-bsc-service="admin"] :where(.admin-page-stage,.admin-dashboard),
  :is(:root,body)[data-bsc-service="status"] .status-dashboard { padding: 24px 18px; }
  :is(:root,body)[data-bsc-service="developer"] .dev-app { padding: 20px 18px; }
  :is(:root,body)[data-bsc-service="joinus"] .joinus-page { padding: 24px 18px; }
  :is(:root,body)[data-bsc-service="joinus"] .joinus-page form { padding: 24px 20px; }
  :is(:root,body)[data-bsc-service="support"] .support-ui__hero { padding: 40px 24px 28px; }
  :is(:root,body)[data-bsc-service="support"] .support-ui__section, :is(:root,body)[data-bsc-service="support"] .support-ui__article-page { padding: 24px; }
  :is(:root,body)[data-bsc-service="support"] .support-ui__product-grid { grid-template-columns: 1fr; }
  :is(:root,body)[data-bsc-service="ai"] .conversation { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(:root,body)[data-bsc-service] :where(.svc-public-page,.svc-shell) *,
  :is(:root,body)[data-bsc-service="web"] .orbit * { scroll-behavior: auto; animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms; }
}