/* T24H-PATTERN-APPLIED: platform-v20c
   Governed presentation layer. Protected Home/Index and homepage variants are excluded by TagHelper.
   Governing patterns: compact spacing, accessible color/type, responsive density, and consistent collaboration surfaces.
*/

body.t24-ms-pattern {
  --ms-brand:#005fb8;
  --ms-brand-hover:#004a8f;
  --ms-brand-pressed:#003b73;
  --ms-brand-subtle:#eff6fc;
  --ms-bg:#f5f5f5;
  --ms-surface:#ffffff;
  --ms-surface-alt:#fafafa;
  --ms-border:#d1d1d1;
  --ms-border-soft:#e5e5e5;
  --ms-text:#242424;
  --ms-text-secondary:#616161;
  --ms-text-muted:#707070;
  --ms-success:#0f6c47;
  --ms-warning:#8a5d00;
  --ms-danger:#c50f1f;
  --ms-info:#115ea3;
  --ms-radius:8px;
  --ms-radius-lg:12px;
  --ms-shadow:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --ms-shadow-flyout:0 8px 24px rgba(0,0,0,.14);
  --ms-s2:2px; --ms-s4:4px; --ms-s6:6px; --ms-s8:8px; --ms-s10:10px;
  --ms-s12:12px; --ms-s16:16px; --ms-s20:20px; --ms-s24:24px; --ms-s28:28px;
  --ms-s32:32px; --ms-s40:40px; --ms-s48:48px; --ms-s56:56px;
  margin:0;
  color:var(--ms-text);
  background:var(--ms-bg);
  font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.t24-ms-pattern main,
body.t24-ms-pattern .main-content,
body.t24-ms-pattern .page-content,
body.t24-ms-pattern [role="main"] { color:var(--ms-text); }

body.t24-ms-pattern h1,
body.t24-ms-pattern h2,
body.t24-ms-pattern h3,
body.t24-ms-pattern h4,
body.t24-ms-pattern h5,
body.t24-ms-pattern h6 {
  color:var(--ms-text);
  font-family:inherit;
  letter-spacing:-.01em;
  text-transform:none;
  margin-top:0;
}
body.t24-ms-pattern h1 { font-size:32px; line-height:40px; font-weight:600; margin-bottom:var(--ms-s16); }
body.t24-ms-pattern h2 { font-size:24px; line-height:32px; font-weight:600; margin-bottom:var(--ms-s12); }
body.t24-ms-pattern h3 { font-size:20px; line-height:28px; font-weight:600; margin-bottom:var(--ms-s8); }
body.t24-ms-pattern h4 { font-size:18px; line-height:24px; font-weight:600; margin-bottom:var(--ms-s8); }
body.t24-ms-pattern h5,
body.t24-ms-pattern h6 { font-size:16px; line-height:22px; font-weight:600; margin-bottom:var(--ms-s6); }
body.t24-ms-pattern p { max-width:74ch; margin-bottom:var(--ms-s16); }
body.t24-ms-pattern small,
body.t24-ms-pattern .text-muted,
body.t24-ms-pattern .muted,
body.t24-ms-pattern .meta,
body.t24-ms-pattern .metadata { color:var(--ms-text-secondary)!important; }

:where(body.t24-ms-pattern a) { color:var(--ms-brand); text-underline-offset:2px; }
:where(body.t24-ms-pattern a:hover) { color:var(--ms-brand-hover); }
body.t24-ms-pattern :focus-visible { outline:3px solid #1aebff; outline-offset:2px; }

body.t24-ms-pattern .container,
body.t24-ms-pattern .container-lg,
body.t24-ms-pattern .container-xl,
body.t24-ms-pattern .container-xxl { padding-left:var(--ms-s24); padding-right:var(--ms-s24); }
body.t24-ms-pattern main > .container,
body.t24-ms-pattern main > .container-fluid,
body.t24-ms-pattern .page-shell,
body.t24-ms-pattern .content-shell { padding-top:var(--ms-s32); padding-bottom:var(--ms-s48); }

body.t24-ms-pattern .card,
body.t24-ms-pattern .panel,
body.t24-ms-pattern .surface,
body.t24-ms-pattern .widget,
body.t24-ms-pattern .tile,
body.t24-ms-pattern .box {
  background:var(--ms-surface);
  border:1px solid var(--ms-border-soft);
  border-radius:var(--ms-radius-lg);
  box-shadow:none;
}
body.t24-ms-pattern .card-body,
body.t24-ms-pattern .panel-body,
body.t24-ms-pattern .surface-body { padding:var(--ms-s20); }
body.t24-ms-pattern .card:hover:not(.no-hover),
body.t24-ms-pattern .tile:hover:not(.no-hover) { border-color:#c7c7c7; }

body.t24-ms-pattern .btn,
body.t24-ms-pattern button,
body.t24-ms-pattern input[type="submit"],
body.t24-ms-pattern input[type="button"] {
  min-height:40px;
  border-radius:4px;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  padding:8px 16px;
  transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;
}
body.t24-ms-pattern .btn-primary,
body.t24-ms-pattern button.btn-primary,
body.t24-ms-pattern input[type="submit"].btn-primary {
  color:#fff!important;
  background:var(--ms-brand)!important;
  border-color:var(--ms-brand)!important;
  box-shadow:none!important;
}
body.t24-ms-pattern .btn-primary:hover,
body.t24-ms-pattern button.btn-primary:hover { background:var(--ms-brand-hover)!important; border-color:var(--ms-brand-hover)!important; }
body.t24-ms-pattern .btn-primary:active { background:var(--ms-brand-pressed)!important; border-color:var(--ms-brand-pressed)!important; }
body.t24-ms-pattern .btn-secondary,
body.t24-ms-pattern .btn-outline-primary,
body.t24-ms-pattern .btn-outline-secondary {
  color:var(--ms-text)!important;
  background:var(--ms-surface)!important;
  border-color:var(--ms-border)!important;
}
body.t24-ms-pattern .btn-secondary:hover,
body.t24-ms-pattern .btn-outline-primary:hover,
body.t24-ms-pattern .btn-outline-secondary:hover { background:#f0f0f0!important; }

body.t24-ms-pattern label,
body.t24-ms-pattern .form-label { color:var(--ms-text); font-size:14px; font-weight:600; margin-bottom:var(--ms-s6); }
body.t24-ms-pattern .form-control,
body.t24-ms-pattern .form-select,
body.t24-ms-pattern input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.t24-ms-pattern select,
body.t24-ms-pattern textarea {
  min-height:40px;
  color:var(--ms-text);
  background:var(--ms-surface);
  border:1px solid #8a8886;
  border-radius:4px;
  padding:8px 12px;
  box-shadow:none;
}
body.t24-ms-pattern textarea { min-height:96px; }
body.t24-ms-pattern .form-control:focus,
body.t24-ms-pattern .form-select:focus,
body.t24-ms-pattern input:focus,
body.t24-ms-pattern select:focus,
body.t24-ms-pattern textarea:focus { border-color:var(--ms-brand); box-shadow:0 0 0 1px var(--ms-brand); }
body.t24-ms-pattern .form-text { color:var(--ms-text-secondary); font-size:12px; line-height:16px; margin-top:var(--ms-s4); }
body.t24-ms-pattern .form-group,
body.t24-ms-pattern .mb-3 { margin-bottom:var(--ms-s20)!important; }

body.t24-ms-pattern .table-responsive { border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius); background:var(--ms-surface); }
body.t24-ms-pattern table { width:100%; color:var(--ms-text); background:var(--ms-surface); border-collapse:separate; border-spacing:0; }
body.t24-ms-pattern table th { color:var(--ms-text-secondary); background:#fafafa; font-size:12px; font-weight:600; letter-spacing:.01em; padding:10px 12px; border-bottom:1px solid var(--ms-border); }
body.t24-ms-pattern table td { font-size:14px; padding:12px; border-bottom:1px solid var(--ms-border-soft); vertical-align:middle; }
body.t24-ms-pattern table tbody tr:hover td { background:#fafafa; }
body.t24-ms-pattern .table-responsive thead th { position:sticky; top:0; z-index:2; }

body.t24-ms-pattern .badge,
body.t24-ms-pattern .chip,
body.t24-ms-pattern .pill,
body.t24-ms-pattern .tag { border-radius:999px; font-size:12px; font-weight:600; line-height:16px; padding:3px 8px; }
body.t24-ms-pattern .alert { border-radius:var(--ms-radius); border-width:1px; padding:var(--ms-s12) var(--ms-s16); }
body.t24-ms-pattern .alert-success { color:#094b33; background:#f1faf6; border-color:#9fd8c1; }
body.t24-ms-pattern .alert-warning { color:#5d3b00; background:#fff8e6; border-color:#e8c56d; }
body.t24-ms-pattern .alert-danger { color:#8b0e17; background:#fdf3f4; border-color:#e8a1a8; }
body.t24-ms-pattern .alert-info { color:#0b4f8a; background:#f0f6fb; border-color:#9fc5e8; }

body.t24-ms-pattern .nav-tabs { gap:var(--ms-s4); border-bottom:1px solid var(--ms-border); }
body.t24-ms-pattern .nav-tabs .nav-link { color:var(--ms-text-secondary); background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0; padding:10px 12px; font-weight:600; }
body.t24-ms-pattern .nav-tabs .nav-link.active { color:var(--ms-text); border-bottom-color:var(--ms-brand); background:transparent; }
body.t24-ms-pattern .dropdown-menu,
body.t24-ms-pattern .popover,
body.t24-ms-pattern .modal-content { border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius); box-shadow:var(--ms-shadow-flyout); }
body.t24-ms-pattern .modal-header,
body.t24-ms-pattern .modal-footer { border-color:var(--ms-border-soft); }

/* Microsoft Learn family: generous reading rhythm, metadata first, visible progression. */
body.t24-ms-learn main { --ms-family-gap:32px; }
body.t24-ms-learn .course-card,
body.t24-ms-learn .lesson-card,
body.t24-ms-learn .learning-card,
body.t24-ms-learn .module-card { padding:var(--ms-s20); }
body.t24-ms-learn .course-grid,
body.t24-ms-learn .learning-grid,
body.t24-ms-learn .modules-grid { gap:var(--ms-s20); }
body.t24-ms-learn .progress { height:4px; border-radius:2px; background:#e5e5e5; }
body.t24-ms-learn .progress-bar { background:var(--ms-brand); }
body.t24-ms-learn .sidebar,
body.t24-ms-learn aside { background:#fafafa; border-color:var(--ms-border-soft); }

/* Microsoft Support family: search-first, task-first, restrained cards and stepwise content. */
body.t24-ms-support .search-box,
body.t24-ms-support .support-search,
body.t24-ms-support form[role="search"] { max-width:760px; margin-bottom:var(--ms-s32); }
body.t24-ms-support .faq-item,
body.t24-ms-support .help-card,
body.t24-ms-support .solution-card { padding:var(--ms-s20); }
body.t24-ms-support details { background:var(--ms-surface); border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius); padding:var(--ms-s12) var(--ms-s16); margin-bottom:var(--ms-s8); }
body.t24-ms-support summary { cursor:pointer; font-weight:600; }

/* Microsoft Careers family: large search/filter controls and concise result hierarchy. */
body.t24-ms-careers .filters,
body.t24-ms-careers .filter-panel,
body.t24-ms-careers .search-panel { background:var(--ms-surface); border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius-lg); padding:var(--ms-s20); }
body.t24-ms-careers .job-card,
body.t24-ms-careers .job-result { padding:var(--ms-s20); margin-bottom:var(--ms-s12); }
body.t24-ms-careers .job-card h2,
body.t24-ms-careers .job-card h3,
body.t24-ms-careers .job-result h2,
body.t24-ms-careers .job-result h3 { margin-bottom:var(--ms-s4); }

/* Microsoft Store family: stronger visual merchandising but neutral chrome and clear CTA priority. */
body.t24-ms-store .product-grid,
body.t24-ms-store .catalog-grid,
body.t24-ms-store .tutor-grid { gap:var(--ms-s20); }
body.t24-ms-store .product-card,
body.t24-ms-store .catalog-card,
body.t24-ms-store .tutor-card { overflow:hidden; background:var(--ms-surface); }
body.t24-ms-store .product-card img,
body.t24-ms-store .catalog-card img,
body.t24-ms-store .tutor-card img { width:100%; height:auto; object-fit:cover; }
body.t24-ms-store .price,
body.t24-ms-store .rate { font-weight:600; color:var(--ms-text); }

/* Microsoft Account family: narrow task columns, grouped settings, reduced choice overload. */
body.t24-ms-account main > .container,
body.t24-ms-account .account-shell,
body.t24-ms-account .settings-shell { max-width:1080px; }
body.t24-ms-account .settings-section,
body.t24-ms-account .account-section { background:var(--ms-surface); border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius-lg); padding:var(--ms-s20); margin-bottom:var(--ms-s16); }
body.t24-ms-account .settings-row { display:flex; align-items:center; justify-content:space-between; gap:var(--ms-s20); padding:var(--ms-s16) 0; border-bottom:1px solid var(--ms-border-soft); }

/* Microsoft admin/workspace family: compact, scan-friendly, low color density. */
body.t24-ms-admin { --ms-bg:#f3f3f3; font-size:14px; }
body.t24-ms-admin h1 { font-size:28px; line-height:36px; }
body.t24-ms-admin h2 { font-size:20px; line-height:28px; }
body.t24-ms-admin .card-body,
body.t24-ms-admin .panel-body { padding:var(--ms-s16); }
body.t24-ms-admin .dashboard-grid,
body.t24-ms-admin .metrics-grid,
body.t24-ms-admin .kpi-grid { gap:var(--ms-s12); }
body.t24-ms-admin .kpi-card,
body.t24-ms-admin .metric-card { min-height:104px; }
body.t24-ms-admin table td { padding:9px 12px; }
body.t24-ms-admin .btn { min-height:32px; padding:5px 12px; }

/* Microsoft collaboration family: denser controls, stable toolbars, focus on shared workspace. */
body.t24-ms-collaboration { --ms-bg:#f5f5f5; }
body.t24-ms-collaboration .toolbar,
body.t24-ms-collaboration .meeting-toolbar,
body.t24-ms-collaboration .command-bar { display:flex; align-items:center; gap:var(--ms-s8); padding:var(--ms-s8); background:var(--ms-surface); border:1px solid var(--ms-border-soft); border-radius:var(--ms-radius); }
body.t24-ms-collaboration .toolbar .btn,
body.t24-ms-collaboration .meeting-toolbar .btn { min-width:40px; padding:8px 10px; }

/* Microsoft gaming family: preserve richer play color, but keep Fluent chrome and accessible actions. */
body.t24-ms-games { --ms-bg:#101010; --ms-surface:#1f1f1f; --ms-surface-alt:#292929; --ms-border:#424242; --ms-border-soft:#333; --ms-text:#fff; --ms-text-secondary:#d6d6d6; --ms-text-muted:#c2c2c2; --ms-brand:#2b88d8; --ms-brand-hover:#1873c4; color:#fff; background:#101010; }
body.t24-ms-games .math-game-result .lead.text-muted { color:var(--ms-text-secondary,#d6d6d6)!important; }
body.t24-ms-games h1,
body.t24-ms-games h2,
body.t24-ms-games h3,
body.t24-ms-games h4 { color:#fff; }
body.t24-ms-games .card,
body.t24-ms-games .panel,
body.t24-ms-games .surface { background:#1f1f1f; border-color:#333; }
body.t24-ms-games .btn-primary { background:#2b88d8!important; border-color:#2b88d8!important; }
body.t24-ms-games .btn-primary:hover { background:#1873c4!important; border-color:#1873c4!important; }

@media (max-width: 991.98px) {
  body.t24-ms-pattern .container,
  body.t24-ms-pattern .container-lg,
  body.t24-ms-pattern .container-xl,
  body.t24-ms-pattern .container-xxl { padding-left:var(--ms-s20); padding-right:var(--ms-s20); }
  body.t24-ms-pattern main > .container,
  body.t24-ms-pattern main > .container-fluid,
  body.t24-ms-pattern .page-shell,
  body.t24-ms-pattern .content-shell { padding-top:var(--ms-s24); padding-bottom:var(--ms-s32); }
  body.t24-ms-pattern .filter-panel,
  body.t24-ms-pattern .filters { position:static!important; max-height:none!important; }
}

@media (max-width: 575.98px) {
  body.t24-ms-pattern { font-size:15px; }
  body.t24-ms-pattern h1 { font-size:28px; line-height:36px; }
  body.t24-ms-pattern h2 { font-size:22px; line-height:28px; }
  body.t24-ms-pattern .container,
  body.t24-ms-pattern .container-fluid,
  body.t24-ms-pattern .container-lg,
  body.t24-ms-pattern .container-xl,
  body.t24-ms-pattern .container-xxl { padding-left:var(--ms-s16); padding-right:var(--ms-s16); }
  body.t24-ms-pattern .card-body,
  body.t24-ms-pattern .panel-body,
  body.t24-ms-pattern .settings-section,
  body.t24-ms-pattern .account-section { padding:var(--ms-s16); }
  body.t24-ms-pattern .btn,
  body.t24-ms-pattern button,
  body.t24-ms-pattern input[type="submit"] { min-height:44px; }
  body.t24-ms-pattern .nav-tabs { overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin; }
}

@media (prefers-reduced-motion: reduce) {
  body.t24-ms-pattern *,
  body.t24-ms-pattern *::before,
  body.t24-ms-pattern *::after { scroll-behavior:auto!important; transition-duration:.001ms!important; animation-duration:.001ms!important; animation-iteration-count:1!important; }
}


/* Microsoft experience contract v20C: semantic pairing, density, hierarchy, and friction reduction. */
body.t24-ms-pattern {
  /* Neutral foreground/surface pairs */
  --ms-fg-primary:#242424;
  --ms-fg-secondary:#616161;
  --ms-fg-tertiary:#707070;
  --ms-fg-disabled:#bdbdbd;
  --ms-bg-canvas:#f5f5f5;
  --ms-bg-surface:#ffffff;
  --ms-bg-subtle:#fafafa;
  --ms-bg-muted:#f0f0f0;
  --ms-stroke:#d1d1d1;
  --ms-stroke-subtle:#e5e5e5;

  /* Brand interaction pairings */
  --ms-brand-fg:#005fb8;
  --ms-brand-bg:#005fb8;
  --ms-brand-bg-hover:#004a8f;
  --ms-brand-bg-pressed:#003b73;
  --ms-brand-bg-selected:#0f6cbd;
  --ms-brand-bg-subtle:#eff6fc;
  --ms-brand-stroke:#b4d6fa;

  /* Status foreground/background/border triplets */
  --ms-info-fg:#0f548c;
  --ms-info-bg:#eff6fc;
  --ms-info-border:#b4d6fa;
  --ms-success-fg:#0e5f3e;
  --ms-success-bg:#f1faf5;
  --ms-success-border:#9fd8bd;
  --ms-warning-fg:#6f4b00;
  --ms-warning-bg:#fff8e1;
  --ms-warning-border:#e8c75a;
  --ms-danger-fg:#a4262c;
  --ms-danger-bg:#fdf3f4;
  --ms-danger-border:#e7a9ad;
}

/* Family-specific density: Microsoft changes density according to the task. */
body.t24-ms-pattern[data-t24-ms-density="light"] {
  --ms-region-gap:32px;
  --ms-card-pad:24px;
  --ms-row-gap:16px;
}
body.t24-ms-pattern[data-t24-ms-density="comfortable"] {
  --ms-region-gap:24px;
  --ms-card-pad:20px;
  --ms-row-gap:12px;
}
body.t24-ms-pattern[data-t24-ms-density="compact"] {
  --ms-region-gap:16px;
  --ms-card-pad:12px;
  --ms-row-gap:8px;
}
body.t24-ms-pattern[data-t24-ms-density="immersive"] {
  --ms-region-gap:20px;
  --ms-card-pad:16px;
  --ms-row-gap:10px;
}

body.t24-ms-pattern .card-body,
body.t24-ms-pattern .panel-body,
body.t24-ms-pattern .surface-body {
  padding:var(--ms-card-pad, 20px);
}

/* Public surfaces: task first, shorter reading measure, restrained secondary copy. */
body.t24-ms-public main h1 + p,
body.t24-ms-public main .lead,
body.t24-ms-public main .page-intro,
body.t24-ms-public main .hero-copy > p {
  max-width:64ch;
}
body.t24-ms-public main section + section {
  margin-top:var(--ms-region-gap, 24px);
}
body.t24-ms-public .text-uppercase,
body.t24-ms-public .text-uppercase * {
  text-transform:none!important;
  letter-spacing:normal!important;
}
body.t24-ms-public .lead {
  font-size:1rem;
  line-height:1.5;
  color:var(--ms-fg-secondary)!important;
}
body.t24-ms-public [data-ms-secondary="true"] {
  color:var(--ms-fg-secondary);
}
body.t24-ms-public details[data-ms-secondary] > summary {
  cursor:pointer;
  color:var(--ms-brand-fg);
  font-weight:600;
  list-style-position:outside;
}

/* One clear primary action; secondary actions remain available without competing. */
body.t24-ms-public .btn-primary {
  font-weight:600;
}
body.t24-ms-public .btn-outline-primary,
body.t24-ms-public .btn-outline-secondary,
body.t24-ms-public .btn-link {
  font-weight:600;
}

/* Semantic foreground/background/border pairings. */
body.t24-ms-pattern .alert-info,
body.t24-ms-pattern .bg-info-subtle,
body.t24-ms-pattern [data-ms-status="info"] {
  color:var(--ms-info-fg)!important;
  background:var(--ms-info-bg)!important;
  border-color:var(--ms-info-border)!important;
}
body.t24-ms-pattern .alert-success,
body.t24-ms-pattern .bg-success-subtle,
body.t24-ms-pattern [data-ms-status="success"] {
  color:var(--ms-success-fg)!important;
  background:var(--ms-success-bg)!important;
  border-color:var(--ms-success-border)!important;
}
body.t24-ms-pattern .alert-warning,
body.t24-ms-pattern .bg-warning-subtle,
body.t24-ms-pattern [data-ms-status="warning"] {
  color:var(--ms-warning-fg)!important;
  background:var(--ms-warning-bg)!important;
  border-color:var(--ms-warning-border)!important;
}
body.t24-ms-pattern .alert-danger,
body.t24-ms-pattern .bg-danger-subtle,
body.t24-ms-pattern [data-ms-status="danger"] {
  color:var(--ms-danger-fg)!important;
  background:var(--ms-danger-bg)!important;
  border-color:var(--ms-danger-border)!important;
}
body.t24-ms-pattern .text-info { color:var(--ms-info-fg)!important; }
body.t24-ms-pattern .text-success { color:var(--ms-success-fg)!important; }
body.t24-ms-pattern .text-warning { color:var(--ms-warning-fg)!important; }
body.t24-ms-pattern .text-danger { color:var(--ms-danger-fg)!important; }

/* Selection/state pairing rather than arbitrary accents. */
body.t24-ms-pattern .nav-link.active,
body.t24-ms-pattern .list-group-item.active,
body.t24-ms-pattern [aria-selected="true"]:not(.btn) {
  color:var(--ms-brand-fg)!important;
  background:var(--ms-brand-bg-subtle)!important;
  border-color:var(--ms-brand-stroke)!important;
}
body.t24-ms-pattern .btn:disabled,
body.t24-ms-pattern button:disabled,
body.t24-ms-pattern [aria-disabled="true"] {
  opacity:1;
  color:#8a8a8a!important;
  background:#f0f0f0!important;
  border-color:#e0e0e0!important;
  cursor:not-allowed;
}

/* Dense workspaces stay scan-friendly rather than spacious marketing layouts. */
body.t24-ms-admin main .card,
body.t24-ms-admin main .panel,
body.t24-ms-collaboration main .card,
body.t24-ms-collaboration main .panel {
  border-radius:6px;
}
body.t24-ms-admin table > :not(caption) > * > *,
body.t24-ms-collaboration table > :not(caption) > * > * {
  padding:8px 10px;
}
body.t24-ms-admin main p,
body.t24-ms-collaboration main p {
  margin-bottom:8px;
}

/* Learn/catalog cards: title -> core metadata -> decision/action. */
body.t24-ms-learn .card .badge,
body.t24-ms-store .card .badge {
  font-weight:500;
}
body.t24-ms-learn .card p,
body.t24-ms-store .card p {
  color:var(--ms-fg-secondary);
}
body.t24-ms-store .books-trust-row,
body.t24-ms-store .seo-keywords-soft {
  display:none!important;
}

/* Support/career families keep search and immediate task controls visually dominant. */
body.t24-ms-support form[role="search"],
body.t24-ms-support .search,
body.t24-ms-careers form[role="search"],
body.t24-ms-careers .search {
  max-width:760px;
}

/* Account surfaces group controls without promotional card noise. */
body.t24-ms-account main .card {
  box-shadow:none!important;
}

/* Responsive information economy: metadata can be explicitly secondary, essentials never disappear. */
@media (max-width: 639px) {
  body.t24-ms-public [data-ms-secondary="responsive"] {
    display:none!important;
  }
  body.t24-ms-pattern [data-ms-essential="true"] {
    display:revert!important;
  }
  body.t24-ms-pattern .container,
  body.t24-ms-pattern .container-lg,
  body.t24-ms-pattern .container-xl,
  body.t24-ms-pattern .container-xxl {
    padding-left:16px;
    padding-right:16px;
  }
}

/* Answer explanations sit on pale review cards, including in the dark workspace. */
.math-game-result .correct-review,.math-game-result .wrong-review{color:#173d35!important}
.math-game-result .review-pulse .text-muted{color:#37574e!important}
.math-game-result,.math-game-result *{font-weight:400!important}
.math-game-result .score-ring{min-width:120px;min-height:120px}
.math-game-result .score-ring>span{white-space:nowrap;font-size:24px!important}