/* Editorial presentation layer. Content, evidence colours and page behaviour
   remain in the existing page and shared resources. */
:root, body.beebo-corporate-page {
  color-scheme: light;
  --cream: #f5f4ef;
  --paper: #fffefa;
  --card: #fffefa;
  --soft: #eeece5;
  --bg: #f5f4ef;
  --bg-2: #eeece5;
  --surface: #fffefa;
  --surface-2: #faf9f5;
  --ink: #23272a;
  --muted: #5c6062;
  --line: #d9d9d1;
  --border: #d9d9d1;
  --border-strong: #bcbfb9;
  --gold: #70572c;
  --gold-dark: #5e4824;
  --accent: #d8c298;
  --accent-ink: #5e4824;
  --accent-soft: #eee7d9;
  --dark: #23272a;
  --radius: 2px;
  --radius-sm: 2px;
  --shadow: none;
  --shadow-lg: none;
  --font-display: "Segoe UI", Arial, sans-serif;
  --font-body: "Segoe UI", Arial, sans-serif;
}

body.beebo-corporate-page {
  margin: 0;
  background: #f5f4ef;
  color: #23272a;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.beebo-corporate-page :is(h1, h2, h3, h4, button, input, select, textarea, th) {
  font-family: "Segoe UI", Arial, sans-serif;
}
.beebo-corporate-page h1 {
  font-size: clamp(2.4rem, 4.8vw, 3.7rem);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.045em;
}
.beebo-corporate-page h2 {
  font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.025em;
}
.beebo-corporate-page h3 {
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.015em;
}
.beebo-corporate-page :is(.eyebrow, .tech-eyebrow, .help-tag) {
  color: #70572c;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.beebo-corporate-page :is(.catalog-wrap, .cmp, .help-center, .pro-footer) {
  max-width: 1200px;
}
.beebo-corporate-page .shell { max-width: 1120px; }
.beebo-corporate-page .wrap { max-width: 1120px; }
.beebo-corporate-page :is(.hero, .catalog-hero, .intro, .page-hero) {
  text-align: left;
  padding-top: 52px;
  padding-bottom: 26px;
}
.beebo-corporate-page .intro { max-width: none; margin: 0 0 24px; }
.beebo-corporate-page :is(.hero, .catalog-hero) { max-width: 850px; }
.beebo-corporate-page :is(.lead, .lede, .intro > p) { max-width: 68ch; }
.beebo-corporate-page .page-hero .lead { margin-left: 0; margin-right: 0; }
.beebo-corporate-page .page-hero h1 { font-size: clamp(2.4rem, 4.8vw, 3.7rem); font-weight: 600; }

/* The four existing header templates share the same visual vocabulary. Their
   own navigation markup, link destinations and mobile controls stay intact. */
.beebo-corporate-page :is(.pro-header, .cmp-header, .catalog-head, .top) {
  background: #f5f4ef;
  color: #23272a;
  border-color: #d9d9d1;
  box-shadow: none;
  font-family: "Segoe UI", Arial, sans-serif;
}
.beebo-corporate-page .pro-header-inner { max-width: 1200px; padding: 20px 25px; }
.beebo-corporate-page :is(.catalog-head, .top) { min-height: 76px; }
.beebo-corporate-page .cmp-header { padding: 20px max(24px, calc((100% - 1152px) / 2)); }
.beebo-corporate-page :is(.pro-brand, .brand, .catalog-brand) {
  color: #23272a !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.55rem;
  letter-spacing: -.045em;
  text-decoration: none;
}
.beebo-corporate-page .pro-brand > span {
  font: 700 1.7rem/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: -.06em;
}
.beebo-corporate-page :is(.pro-brand, .brand) img {
  width: 37px;
  height: 37px;
  border-radius: 0;
}
.beebo-corporate-page :is(.pro-brand, .brand) small {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: .45rem;
  font-weight: 600;
  line-height: 2.3;
  letter-spacing: .17em;
}
.beebo-corporate-page :is(.pro-header nav, .catalog-head nav) { gap: 22px; }
.beebo-corporate-page :is(.pro-header nav a, .catalog-head nav a, .cmp-header > a:last-child, .top > a:last-child) {
  color: #23272a;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .015em;
}
.beebo-corporate-page .pro-header .pro-cta {
  background: #23272a;
  color: #fffefa;
  padding: 10px 15px;
  border-radius: 2px;
}
.beebo-corporate-page :is(.pro-menu, .catalog-actions a, .catalog-actions button, .filters button, .help-filters button, .section-nav a, .tab-btn, .btn, .button, .cta, #reset-guides) {
  border-radius: 2px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  box-shadow: none;
}
.beebo-corporate-page :is(.btn, .button, .cta) { padding: 11px 16px; }
.beebo-corporate-page :is(.btn, .button, .cta):hover { transform: none; box-shadow: none; }
.beebo-corporate-page :is(.catalog-actions a, .catalog-actions button, .filters button, .section-nav a) {
  padding: 8px 12px;
}
.beebo-corporate-page :is(.help-filters button, .tab-btn) { min-height: 44px; }
.beebo-corporate-page .help-filters button {
  border-color: #d0d1ca;
  background: #fffefa;
  color: #23272a;
}
.beebo-corporate-page :is(.filters button, .help-filters button)[aria-pressed=true],
.beebo-corporate-page .tab-btn[aria-selected=true] {
  background: #23272a;
  border-color: #23272a;
  color: #fffefa;
}
.beebo-corporate-page .tab-btn:hover { background: #eeece5; }
.beebo-corporate-page .tab-btn[aria-selected=true]:hover { background: #23272a; }
.beebo-corporate-page :is(input, select, .help-tools input, .catalog-tools input, .catalog-tools select) {
  border-radius: 2px;
  background: #fffefa;
  color: #23272a;
  border-color: #bcbfb9;
}
.beebo-corporate-page :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid #70572c;
  outline-offset: 4px;
}

/* Retain the existing responsive grids and table scroll containers. */
.beebo-corporate-page :is(.card, .feature, .game-card, .feature-section, .catalog-note, .help-card, .help-tools, .help-start, .notice, .note, .facts article, .checklist article, .table-wrap, .tab-panel, .feature-index details, .comparison-method, .price-key, .no-table-note, .pro-next, .search-empty, #guide-empty, .layout-list li) {
  border-radius: 2px;
  box-shadow: none;
}
.beebo-corporate-page :is(.card, .feature, .game-card, .help-card, .facts article, .checklist article, .feature-section, .tab-panel, .comparison-method) {
  background: #fffefa;
  border-color: #d9d9d1;
}
.beebo-corporate-page :is(.card, .help-card, .beebo-release-panel):hover {
  transform: none;
  box-shadow: none;
  border-color: #a3a9a2;
}
.beebo-corporate-page .card.good,
.beebo-corporate-page .card.good:hover { border-top-color: #2b704e; }
.beebo-corporate-page .card.growing,
.beebo-corporate-page .card.growing:hover { border-top-color: #a47512; }
.beebo-corporate-page .cmp .plan { color: #704e00; }
.beebo-corporate-page .tag.plan { color: #686b60; background: #fffdf7; border-color: #e0d2bb; }
.beebo-corporate-page .tag.dev { color: #22251f; background: #eaecdf; border-color: #e0d2bb; }
.beebo-corporate-page :is(.catalog-note, .help-tools, .notice, .note, .price-key, .no-table-note, .pro-next) {
  background: #eeece5;
  border-color: #d9d9d1;
}
.beebo-corporate-page :is(.help-card p, .help-intro > div > p:last-child, .help-tools #guide-count) { color: #5c6062; }
.beebo-corporate-page .help-intro h1 { font-size: clamp(2.4rem, 4.8vw, 3.7rem); }
.beebo-corporate-page .help-card { min-height: 235px; }
.beebo-corporate-page .help-card h2 { font-size: 1.35rem; }
.beebo-corporate-page .help-start { background: #23272a; color: #fffefa; }
.beebo-corporate-page .help-start .eyebrow { color: #d8c298; }
.beebo-corporate-page .help-start .button { background: #d8c298; color: #23272a; }
.beebo-corporate-page .help-intro > img { border-radius: 2px; }
.beebo-corporate-page .card h2 { font-size: 1.35rem; line-height: 1.25; }
.beebo-corporate-page .checklist h3 { font-size: 1.15rem; }
.beebo-corporate-page .tab-panel h3 { font-size: 1.4rem; line-height: 1.25; }
.beebo-corporate-page :is(thead th, .detail-table th, .matrix-group th, .evidence-table th) {
  background: #eeece5;
  color: #3f4547;
  font-family: "Segoe UI", Arial, sans-serif;
}
.beebo-corporate-page .matrix-group th { font-size: .7rem; letter-spacing: .1em; }
.beebo-corporate-page :is(.evidence-table th, .evidence-table td, .detail-table th, .detail-table td, .capability) { border-color: #d9d9d1; }
.beebo-corporate-page .section-nav { border-block: 1px solid #d9d9d1; margin: 22px 0; padding: 15px 0; }
.beebo-corporate-page :is(.capability .where, .game-card .mode) { color: #5c6062; }
.beebo-corporate-page .game-card .mode { border-color: #d9d9d1; }
.beebo-corporate-page :is(.gallery img, .page-campaign-art) { border-radius: 2px; }

/* Status classes and their text/background colours intentionally stay in the
   original resources. Availability and evidence never inherit a brand colour. */
.beebo-corporate-page :is(.pro-footer, .catalog-footer, .footer) {
  border-color: #d9d9d1;
  color: #5c6062;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: .8rem;
}
.beebo-corporate-page .pro-footer-top p { color: #5c6062; }
.beebo-corporate-page .pro-footer-bottom { border-color: #d9d9d1; color: #5c6062; }
.beebo-corporate-page .pro-footer > .beebo-release-status { margin-bottom: 35px; }
.beebo-corporate-page :is(.beebo-release-panel, .beebo-release-status > div) {
  border-radius: 2px;
  background: #eeece5;
  border-color: #d9d9d1;
  box-shadow: none;
}
.beebo-corporate-page .beebo-release-action { border-radius: 2px; }
.beebo-corporate-page .beebo-back-to-top {
  width: auto;
  min-width: 44px;
  height: 44px;
  border-radius: 2px;
  border: 1px solid #23272a;
  background: #23272a;
  color: #fffefa;
  box-shadow: none;
  font-family: "Segoe UI", Arial, sans-serif;
}
.beebo-corporate-page .beebo-back-to-top:hover { background: #42484a; }

@media (max-width: 900px) {
  .beebo-corporate-page .pro-header nav { gap: 15px; }
}
@media (max-width: 760px) {
  .beebo-corporate-page .platform-access { grid-template-columns: minmax(0, 1fr); }
  .beebo-corporate-page .platform-access-card { min-width: 0; }
  .beebo-corporate-page .platform-access-card .tag { max-width: 100%; white-space: normal; }
  .beebo-corporate-page :is(.hero, .catalog-hero, .intro, .page-hero) { padding-top: 32px; padding-bottom: 20px; }
  .beebo-corporate-page .pro-header-inner { padding: 15px 20px; }
  .beebo-corporate-page .pro-header nav { gap: 2px; }
  .beebo-corporate-page .cmp-header { padding: 17px 20px; }
  .beebo-corporate-page .help-intro { padding-top: 15px; }
  .beebo-corporate-page .help-intro h1 { font-size: 2.7rem; }
  .beebo-corporate-page .help-card { min-height: 0; }
  .beebo-corporate-page .beebo-back-to-top { width: 44px; }
}
@media (max-width: 580px) {
  .beebo-corporate-page .catalog-head { flex-wrap: wrap; gap: 18px; }
  .beebo-corporate-page .catalog-head nav { width: 100%; justify-content: flex-start; gap: 12px 20px; }
  .beebo-corporate-page :is(.catalog-wrap, .shell) { padding-left: 20px; padding-right: 20px; }
  .beebo-corporate-page .top { gap: 16px; }
  .beebo-corporate-page .top > a:last-child { font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .beebo-corporate-page { scroll-behavior: auto; }
  .beebo-corporate-page :is(.card, .help-card, .button, .beebo-release-panel, .beebo-back-to-top) { transition: none; }
}
