/* Quiet / 01 — presentation only. No data, routing, visibility or workflow changes. */
:root {
  --background: #f7f7f7;
  --foreground: #2b2b2b;
  --card: #ffffff;
  --card-foreground: #2b2b2b;
  --popover: #ffffff;
  --popover-foreground: #2b2b2b;
  --primary: #373738;
  --primary-foreground: #ffffff;
  --secondary: #f2f2f1;
  --secondary-foreground: #555556;
  --muted: #f5f5f4;
  --muted-foreground: #787979;
  --accent: #ededed;
  --accent-foreground: #39393a;
  --border: #e8e8e8;
  --input: #e2e2e1;
  --ring: #818282;
  --sidebar: #f7f7f6;
  --sidebar-foreground: #686868;
  --sidebar-primary: #393939;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #ebebeb;
  --sidebar-accent-foreground: #373837;
  --sidebar-border: #e6e6e5;
  --sidebar-ring: #878987;
  --radius: .8rem;
  --quiet-text: #343535;
  --quiet-muted: #787979;
  --quiet-line: #e8e8e8;
  --quiet-shadow: 0 5px 24px -16px #31323124;
}
body { background: var(--background); color: var(--foreground); font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #e2e3e2; color: #323433; }
:is(button, a, input, select, textarea):focus-visible { outline: 2px solid #858786; outline-offset: 3px; }
:is(button, a) { transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease; }
:is(input, select, textarea) { accent-color: #616361; }
input::placeholder, textarea::placeholder { color: #979797; }
.muted, .boot, .eyebrow, .crumb { color: var(--quiet-muted); }

/* Navigation: a calm rail, thin branch guides and clearly marked current page. */
.hub-sidebar [data-sidebar=sidebar], .hub-sidebar [data-slot=sidebar-inner] { background: var(--sidebar); }
.hub-sidebar [data-slot=sidebar-content] { scrollbar-color: #d6d6d6 transparent; }
.brand-mark { gap: 12px; }
.brand-mark img, .portal-brand img, .login-brand img { filter: grayscale(1); opacity: .85; }
.brand-mark b { color: #353636; font-weight: 600; letter-spacing: .3px; }
.brand-mark span, .nav-caption, .workspace-area-name { color: #888988; }
.workspace-nav-tree { gap: 4px; }
.workspace-nav-button { color: #696a69; border-radius: 9px; font-size: 13px; }
.workspace-nav-button:hover { background: #efefee; color: #373837; }
.hub-sidebar .workspace-nav-button.nav-group.group-active { background: #efefee; color: #494a49 !important; }
.hub-sidebar [data-slot=sidebar-container] { border-color: #e4e4e4; }
.workspace-nav-button.active, .data-center .workspace-nav-button.active {
  background: #e7e8e7; color: #363736; box-shadow: inset 2px 0 #898b89; font-weight: 600;
}
.workspace-submenu { border-left: 1px solid #e3e3e3; }
.workspace-nav-button:focus-visible { outline-color: #858786; }
.nav-item[data-active=true] { background: #e7e8e7 !important; color: #363736 !important; box-shadow: inset 2px 0 #898b89; }
.hub-portal-link { border-color: #e3e3e3; color: #717371; border-radius: 9px; background: #ffffff80; }
.hub-portal-link:hover { color: #373837; background: #ecedec; }
.enterprise-label { border-color: #e4e5e4; color: #6e706e; }
.enterprise-label small, .user-block small, .sidebar-info p { color: #858685; }
.sidebar-info strong { color: #6c6d6b; }
.mini-grid i, .mini-grid i:first-child { background: #a9aaa8; }
.user-block { background: #eeeeed; border: 1px solid #e5e5e4; border-radius: 11px; }
.user-block b { color: #474846; }
.user-block button { color: #747573; }
.avatar { background: #e1e2e0; color: #545653; border-radius: 50%; }
.workspace { background: #f7f7f7; }
.topbar { background: #fdfdfd; border-color: var(--quiet-line); height: 68px; padding-inline: 36px; }
.topbar b { color: #505150; }
.topbar svg, .today, .secure { color: #828382; }
.secure { border-color: var(--quiet-line); }
.main-content { padding: 32px 36px 0; }
.page-heading { gap: 24px; margin-bottom: 28px; align-items: flex-start; }
.page-heading h1 { color: #343535; font-size: clamp(24px, 2.1vw, 30px); font-weight: 600; letter-spacing: -.7px; }
.page-heading p { color: #828383; line-height: 1.8; }
.heading-dot { color: #c6c7c6; }
.heading-actions { gap: 8px; }
.workspace-footer { color: #8b8c8b; }

/* Controls and surfaces. Status, validation and media presentation stay distinct. */
.primary, .manual-primary, .wt-primary, .ed-save, .manual-submit button {
  background: #393a39; border-color: #393a39; color: #ffffff; border-radius: 9px; box-shadow: 0 3px 8px #3133320d;
}
.primary:hover, .manual-primary:hover, .wt-primary:hover, .ed-save:hover { background: #272828; border-color: #272828; }
.secondary, .manual-secondary { background: #ffffff; border-color: #e2e2e2; color: #696a68; border-radius: 9px; box-shadow: 0 1px 2px #30312f04; }
.secondary:hover, .manual-secondary:hover { background: #f4f4f4; border-color: #d0d1d0; }
.text-button, .dc-product-button, .wl-text-button { color: #626563; }
.search-box, .dc-search, .manual-search, .ca-search, .om-search, .pc-search { border-color: #e2e3e2; background: #ffffff; border-radius: 9px; }
.search-box:focus-within, .dc-search:focus-within, .manual-search:focus-within { border-color: #a1a3a1; box-shadow: 0 0 0 3px #ececec; }
.picker { color: #686968 !important; border-color: #e2e2e2 !important; border-radius: 9px !important; }
:is(.date-line, .dc-toolbar, .manual-filters, .wt-toolbar, .wl-controls, .rpa-filters, .sw-controls, .people-filters, .sales-sync-visibility, .pagination-size) :is(input, select) {
  border-color: #e2e2e2; border-radius: 8px; color: #60615f; background-color: #ffffff;
}
.panel, .inventory-stat, .review-panel, .manual-panel, .om-panel, .pm-panel, .pc-panel, .ca-panel, .sw-panel,
.people-panel, .role-permission-card, .rpa-controls, .rpa-records, .wl-list, .ed-card, .ed-log, .ed-check {
  border-color: var(--quiet-line); border-radius: 14px; background-color: #ffffff; box-shadow: var(--quiet-shadow);
}
.panel-heading { padding-block: 22px; }
.panel-heading h2, .manual-title h2, .ca-heading h2, .om-heading h2, .pc-heading h2 { color: #454645; font-weight: 600; }
.panel-heading span, .date-line label, .date-line>span, .filter-count, .dc-count, .sw-source { color: #818280; }
.kpi { border-color: #e7e8e7; border-radius: 14px; padding: 24px; box-shadow: var(--quiet-shadow); }
.kpi>div, .kpi svg { color: #7e7f7d; }
.kpi strong { color: #393a38; font-size: clamp(25px, 2.1vw, 34px); font-weight: 550; letter-spacing: -1.2px; margin-top: 20px; }
.kpi strong small, .kpi p { color: #878886; }
.kpi.featured { background: #efefee; border-color: #e1e2e0; box-shadow: var(--quiet-shadow); }
.kpi.featured>div, .kpi.featured svg, .kpi.featured p { color: #767875; }
.kpi.featured strong, .kpi.featured strong small { color: #414340; }
.featured:after { border-color: #dededd3b; }
.coverage-panel { background: #fbfbfa; }
.coverage-panel>strong { color: #666865; }
.coverage-panel>p, .coverage-panel>span { color: #858784; }
.channel-track { background: #f0f0ef; }
.channel-track>span { background: #afb0ae; }
.platform-card b, .platform-card strong { color: #50514f; }
.platform-card+div { border-color: var(--quiet-line); }
.stat-icon, .manual-icon, .ca-icon, .pc-icon, .om-section-icon, .product-symbol { background: #f1f1f0; color: #878986; }
.inventory-stat strong, .stock-number { color: #515350 !important; }
.inventory-stat>div>span, .inventory-meta { color: #838582; }

/* Keep table widths, sticky coordinates, data colors and scrolling behavior intact. */
table th { background-color: #f5f5f5 !important; color: #737572 !important; border-color: #eaebe9; font-weight: 550 !important; }
table td { border-color: #efefee !important; }
table tr { border-color: #eaebe9 !important; }
table tbody tr:hover { background-color: #f9f9f9; }
.product-name b, .dc-product-button { color: #50524f; }
.net-value { color: #5d605c !important; }
.pagination, .dc-pagination, .wt-pagination { border-color: #e8e8e7; color: #858684; }
.pagination button { border-color: #e0e1df; color: #6e706d; border-radius: 6px; }
.metric-note, .dc-data-note, .sw-note:not(.alert) { background: #fcfcfb; border-color: #eeefee; color: #838482; }
.manual-tabs button, .sw-tabs button, .wt-tabs button { border-radius: 8px; }
.manual-tabs button.active, .manual-tabs button[aria-selected=true], .sw-tabs button.active, .wt-tabs button.active {
  color: #515450; background: #edeeed; border-color: #dcdddb;
}
.role-permission-card h3, .role-permission-card legend { color: #60625e; }
.permission-options label { color: #70716e; }
.admin-security { background: #f2f3f2; border-color: #e4e5e3; color: #8e908b; }
.admin-security h2 { color: #676965; }
.admin-security p { color: #858683; }
.product-sheet, .people-sheet, .om-sheet, .pc-sheet, .ca-sheet { border-color: #e8e8e7; }
.detail-stock { background: #f4f4f3; border-radius: 12px; }
.detail-stock strong { color: #696c67; }
.promotion-empty { border-color: #e7e8e7; border-radius: 16px; }
.promotion-empty h2 { color: #636561; }
.empty-art:before { background: #f2f2f1; }

/* Daily work: preserve the three-part welcome and every existing action. */
.editor-day { --ed-line: #e6e6e5; --ed-ink: #40413f; --ed-muted: #838582; }
.ed-welcome { background: linear-gradient(115deg, #f5f5f5, #fcfcfc 55%, #f2f2f1); border-color: #e5e6e4; border-radius: 18px; padding-block: 30px; box-shadow: 0 8px 32px -24px #42454030; }
.ed-welcome h2 { color: #454744; font-weight: 550; letter-spacing: -.5px; }
.ed-welcome p, .ed-welcome .ed-welcome-reminder, .ed-kicker { color: #858783; }
.ed-welcome .ed-stats-link { background: #ffffff; color: #5d605c; border-color: #dfe0de; border-radius: 11px; box-shadow: 0 3px 12px #4d4f4a08; }
.ed-welcome .ed-stats-link:hover { background: #f6f7f5; border-color: #b1b3af; }
.ed-section-title h3, .ed-card h3 { color: #575855; }
.ed-section-number, .ed-check-icon, .ed-card-icon, .ed-sun { background: #f1f1f0; color: #8c8e8a; }
.ed-check:not(.is-done) .ed-check-state { color: #90928f; }
.ed-check-footer, .ed-check-bottom { border-color: #eaebea; }
.ed-card, .ed-check { padding: 22px; }
.ed-tag:not(.filled) { background: #f2f3f1; color: #888a86; }
.ed-template-paper { border-color: #e4e5e3; background: #fcfdfc; }
.review-upload, .review-upload-board { background: #fbfbfb; border-color: #e1e2e0; border-radius: 12px; }
.review-toolbar, .review-batch-heading, .review-batch-footer { border-color: #e7e7e6; }
.review-card, .review-batch, .review-tile { border-color: #e5e6e4; border-radius: 12px; }
.review-info { background: #f4f5f4; border-color: #e5e6e4; color: #7e807c; }
.review-upload-placeholder { color: #8c8e8a; }
.review-group, .review-identity { color: #72746f; }

/* Portal: paper, generous negative space and a very soft light pool. */
.bangyi-portal { background: #f9f9f8; color: #363736; background-image: radial-gradient(ellipse at 78% 8%, #e8e8e780, transparent 48%), radial-gradient(ellipse at 4% 68%, #ffffff, transparent 60%); }
.portal-header { border-color: #e8e9e7; padding-block: 28px; }
.portal-brand { color: #444543; }
.portal-brand small { color: #90918e; }
.portal-account>a, .portal-account>button, .portal-back, .portal-user { color: #757774; }
.portal-account>a { border-color: #e0e1df; background: #ffffffb3; border-radius: 9px; }
.portal-user i { background: #eaebe9; color: #80827e; }
.portal-main { padding-top: clamp(48px, 6vw, 88px); padding-bottom: 64px; }
.portal-intro { padding-bottom: 48px; }
.portal-kicker { color: #949692; letter-spacing: 2.6px; font-size: 11px; }
.portal-kicker>span { background: #aeb0ac; height: 1px; width: 32px; }
.portal-intro h1 { font-size: clamp(40px, 4.8vw, 68px); font-weight: 450; letter-spacing: -1.8px; line-height: 1.3; margin-block: 28px; }
.portal-intro h1 em { color: #888a85; }
.portal-period { color: #afb1ad; }
.portal-intro-bottom p { color: #898b87; font-size: 14px; letter-spacing: 1.4px; }
.portal-intro-bottom>span { color: #9a9c98; font-size: 10px; letter-spacing: 1.8px; }
.portal-intro-bottom i { background: #dadbd9; }
.portal-entries { gap: 18px; }
.portal-entry, .portal-entry.entry-business { background: #ffffffdb; border-color: #e5e6e4; color: #444643; border-radius: 17px; padding: 27px 25px 24px; box-shadow: 0 10px 36px -24px #585a542b; }
.portal-entry:hover, .portal-entry.entry-business:hover { background: #ffffff; border-color: #c3c5c1; transform: translateY(-3px); box-shadow: 0 14px 38px -24px #585a5440; }
.portal-entry.entry-business { border-top-color: #abada9; background: #f5f6f5; }
.portal-entry-icon, .entry-business .portal-entry-icon { background: #f6f6f5; border-color: #eaeae9; color: #888a85; border-radius: 13px; }
.portal-entry-number, .entry-business .portal-entry-number { color: #b4b6b3; font-size: 12px; }
.portal-entry-en, .entry-business .portal-entry-en { color: #969894; font-size: 9px; letter-spacing: 1.9px; }
.portal-entry h2 { color: #4d4f4c; font-size: 21px; font-weight: 550; letter-spacing: -.4px; }
.portal-entry p, .entry-business p { color: #8b8d89; font-size: 12px; line-height: 1.9; }
.portal-entry-bottom { border-color: #ebecea; padding-top: 20px; }
.portal-entry-bottom>div>span, .entry-business .portal-entry-bottom>div>span { color: #939691; background: #f4f4f3; border-radius: 5px; }
.portal-entry-go, .entry-business .portal-entry-go { color: #8c8f89; }
.portal-locked { color: #8b8e89; }
.portal-footer { color: #9d9e9a; border-color: #e9e9e8; font-size: 11px; }
.portal-footer i { background: #e1e2e0; }
.portal-entry p, .entry-business p, .portal-entry-bottom>div>span, .entry-business .portal-entry-bottom>div>span { color: #707270; }
.portal-intro-bottom p, .portal-kicker, .portal-brand small, .portal-footer { color: #757775; }
.reserved-icon { background: #eeeeed; color: #90938d; }
.reserved-hub main p { color: #929590; }
.reserved-return { color: #777b75; border-color: #d6d8d4; }
.bangyi-portal :is(a, button):focus-visible { outline-color: #92948f; }

/* Login uses the same quiet palette; the existing security/login controls stay intact. */
.login-page { background: #ffffff; }
.login-art { background: #f3f3f2; color: #525450; border-right: 1px solid #e7e7e6; }
.login-brand, .login-copy h1 { color: #4e504c; }
.login-copy p, .login-foot, .login-copy .eyebrow { color: #979994; }
.orbit { border-color: #e2e3e0; }
.core { background: #ebecea; color: #8f928c; box-shadow: 0 10px 60px #84868010; }
.orbit-label { background: #ffffffdf; border-color: #e5e6e4; color: #81847e; box-shadow: 0 8px 30px -20px #4c4f4a35; }
.login-card h2 { color: #494b47; }
.login-icon { background: #f1f2f0; color: #8d908a; }

/* Secondary surfaces use the same neutral palette, with semantic badges kept distinct. */
.sales-date-panel { background: #fff; border-color: #e5e5e5; border-radius: 14px; padding: 20px; }
.date-controls>strong, .date-context b { color: #555; }
.date-context, .date-controls label, .sales-sync-visibility { color: #737373; }
.date-controls input, .date-controls select, .top-date-picker input { border-color: #dedede; color: #555; border-radius: 8px; }
.date-controls input:focus-visible, .date-controls select:focus-visible, .top-date-picker input:focus-visible { outline-color: #888; }
.dc-toolbar { border-color: #e8e8e8; color: #737373; }
.dc-table td { color: #555; }
.dc-table .dc-product-button { color: #454545; text-decoration: underline; text-decoration-color: #ccc; text-underline-offset: 4px; }
.dc-table td small, .product-name small { color: #7c7c7c; }
.dc-pagination button, .dc-pagination select { border-color: #e2e2e2; color: #666; }
.culture-charter { background: #ececec; color: #404040; border: 1px solid #e1e1e1; border-radius: 16px; }
.culture-charter>span, .culture-purpose span, .culture-values li span { color: #777; }
.culture-purpose h2, .culture-values>h2, .culture-values li strong { color: #484848; }
.culture-values li { background: #f5f5f5; }
.placeholder-icon { background: #ededed; color: #777; }
.workspace-placeholder h2 { color: #555; }
.workspace-placeholder p { color: #777; }
.core { border-color: #d4d4d4; }
.login-card .eyebrow, .login-card>p, .login-safe, .login-note { color: #777; }
.workspace:has(.editor-day) { background: #f7f7f7; }
.editor-day { --ed-green: #555; }
.ed-section-title h2 { color: #454545; }
.ed-card>button, .ed-meeting-half>button, .ed-image-save button, .ed-check-footer button,
.ed-date, .ed-log-stats strong, .ed-log-stats span, .ed-log-person, .ed-log-state { color: #666; }
.ed-shared-scope { background: #f1f1f1; border-color: #e5e5e5; color: #696969; }
.ed-shared-scope button, .ed-shared-scope b { color: #555; }
.ed-date>div, .ed-date-toolbar .ed-date>div { border-color: #dedede; }
.ed-progress { color: #777; }
.ed-progress b { color: #555; }
.ed-progress i { background: #e6e6e6; }
.ed-progress i>span { background: #777; }
.ed-dialog { border-color: #e1e1e1; border-radius: 16px; box-shadow: 0 24px 100px #0002; }
.ed-dialog h2, .ed-grid-heading b { color: #484848; }
.ed-dialog :is(input,textarea), .ed-grid-scroll { border-color: #dedede; }
.ed-dialog-tools button, .ed-grid-heading button, .ed-add-bottom { color: #666; }
.ed-materials .review-upload { background: #fafafa; border-color: #ddd; color: #777; }
.ed-materials .review-upload strong, .ed-materials .review-upload svg { color: #686868; }
.review-upload-board>header, .review-batch-heading, .review-batch-footer { background: #f3f3f3; color: #666; }
.review-upload-placeholder button { background: #fafafa; color: #888; border-color: #e6e6e6; }
.ed-materials .primary { background: #393939; border-color: #393939; color: #fff; }

/* Ecommerce has its own navigation and forms; bring those into the shared light theme. */
.manual-hub { color-scheme: light; }
.manual-heading h1 { color: #3c3c3c; font-weight: 550; letter-spacing: -.6px; }
.manual-tabs { background: #f3f3f3; border-color: #e3e3e3; box-shadow: none; }
.manual-tabs button { color: #666; }
.manual-tabs button:hover { background: #eaeaea; }
.manual-tabs button[aria-current=page] { background: #e5e5e5; color: #393939; box-shadow: inset 2px 0 #888; }
.manual-nav-group, .manual-nav-group.management { color: #777; border-color: #dedede; }
.manual-inner-tabs { border-color: #e5e5e5; }
.manual-inner-tabs button { color: #777; }
.manual-inner-tabs button[aria-current=page] { color: #444; border-color: #888; }
.manual-title p, .manual-help, .manual-badge, .manual-filters label, .manual-date-note,
.manual-empty, .manual-submit small, .manual-state, .manual-table-wrap td small { color: #737373; }
.manual-date-note b { color: #555; }
.manual-panel :is(input,select), .ops-form :is(input,select,textarea), .ops-product-filters :is(input,select),
.ops-week-picker select, .ops-evidence input:not([type=file]), .ops-evidence textarea { color-scheme: light; background: #fff; border-color: #dedede; color: #4d4d4d; border-radius: 8px; }
.manual-panel input:focus, .manual-panel select:focus { outline-color: #888; }
.manual-panel input::placeholder { color: #929292; }
.manual-table-wrap { border-color: #e6e6e6; }
.manual-hub .manual-table-wrap thead th { background: #f5f5f5 !important; color: #737373 !important; border-color: #e5e5e5 !important; }
.manual-hub .manual-table-wrap tbody tr, .manual-hub .manual-table-wrap tbody tr:nth-child(even) { background: #fff; }
.manual-hub .manual-table-wrap tbody tr:hover { background: #f9f9f9; }
.manual-hub .manual-table-wrap tbody td, .manual-hub .manual-table-wrap tbody td b { color: #555; border-color: #ececec; }
.manual-state.saved { color: #29724e; }
.manual-state.unsaved { color: #92631f; }
.manual-error { color: #9a3434; background: #fff1f1; border-color: #efd5d5; }
.manual-success { color: #296747; background: #eff8f2; border-color: #d3e9da; }
.manual-correction { background: #f1f1f1; color: #555; }
.ops-sections button { color: #707070; background: #fff; border-color: #e2e2e2; box-shadow: var(--quiet-shadow); }
.ops-sections button[aria-selected=true] { background: #ededed; color: #444; border-color: #cfcfcf; }
.ops-sections b { background: #e7e7e7; color: #666; }
.ops-daily { background: linear-gradient(110deg,#f5f5f5,#fafafa); border-color: #e5e5e5; border-radius: 12px; }
.ops-daily p, .ops-task p, .ops-task small, .ops-toggle, .ops-form label,
.ops-product-card p, .ops-product-card-heading small, .ops-checks small, .ops-product-card details,
.ops-tools-empty p, .ops-evidence-status, .ops-evidence-item>label, .ops-evidence-images button,
.ops-evidence textarea:disabled, .ops-week-heading p, .ops-record-list small, .ops-record-list details,
.ops-member-row small { color: #737373; }
.ops-tag { color: #666; background: #e9e9e9; }
.ops-tag.new { color: #327155; background: #edf6ef; }
.ops-tag.old, .ops-tag.repromote { color: #886329; background: #f7f1e6; }
.ops-form, .ops-standard-description, .ops-sync-preview { background: #f8f8f8; border-color: #e2e2e2; }
.ops-task, .ops-platforms, .ops-platform:before, .ops-plan-product, .ops-checks,
.ops-evidence-item, .ops-rule, .ops-record-list>article, .ops-member-config { border-color: #e3e3e3; }
.ops-map-root, .ops-platform>h3 { background: #ededed; border-color: #d8d8d8; color: #555; }
.ops-map-root small, .ops-plan-product small, .ops-plan-product time { color: #777; border-color: #ddd; }
.ops-plan-product h4, .ops-member-row strong, .ops-records>summary { color: #555; }
.ops-plan-product label, .ops-member-row { background: #f3f3f3; }
.ops-product-card, .ops-records { background: #fff; border-color: #e3e3e3; box-shadow: var(--quiet-shadow); }
.ops-tools-empty svg { color: #888; }
.ops-board>.manual-title .manual-secondary { background: #fff; border-color: #dedede; color: #666; }
.ops-board input[type=checkbox] { accent-color: #666; }
.ops-board .is-done h3, .ops-board .is-done>span { color: #888; }
.ops-status.complete { color: #296c4a; background: #eaf5ed; }
.ops-status.overdue { color: #a13a3a; background: #fcecec; }
.ops-status.pending { color: #926623; background: #faf2e2; }

@media(min-width:1600px) { .main-content { padding-top: 40px; } .portal-entry { min-height: 310px; } }
@media(max-width:1100px) { .main-content { padding-inline: 24px; } .topbar { padding-inline: 24px; } .portal-main { padding-top: 48px; } }
@media(max-width:700px) {
  .main-content { padding: 22px 16px 0; }
  .topbar { padding-inline: 16px; }
  .page-heading { gap: 16px; flex-wrap: wrap; }
  .page-heading h1 { font-size: 24px; }
  .heading-actions { flex-wrap: wrap; }
  .ed-welcome { padding: 24px 20px; }
  .ed-card, .ed-check { padding: 17px; }
}
@media(max-width:600px) {
  .portal-main { padding: 38px 20px 32px; }
  .portal-intro { padding-bottom: 32px; }
  .portal-intro h1 { font-size: 41px; letter-spacing: -1px; }
  .portal-entry, .portal-entry.entry-business { padding: 23px; }
  .portal-entry h2 { font-size: 20px; }
  .portal-intro-bottom p { font-size: 13px; letter-spacing: .3px; }
}
@media(prefers-reduced-motion:reduce) { :is(button, a) { transition: none; } .portal-entry:hover { transform: none; } }