/* ======================================================================
   CarHelpMate 4.4 — Reference UI for the whole forum
   The home page is the visual source of truth. This layer adapts existing
   internal templates to that language WITHOUT globally restyling SVG/icons.
   ====================================================================== */

:root{
  --ref-page-max:1360px;
  --ref-gutter:24px;
  --ref-bg:#f7faff;
  --ref-surface:#fff;
  --ref-surface-soft:#fbfdff;
  --ref-ink:#152740;
  --ref-text:#31465f;
  --ref-muted:#718097;
  --ref-faint:#91a0b2;
  --ref-line:#dfe7ef;
  --ref-line-strong:#cbd9e7;
  --ref-blue:#0c63ad;
  --ref-blue-dark:#084d88;
  --ref-blue-soft:#edf6ff;
  --ref-green:#258764;
  --ref-red:#bf4e59;
  --ref-amber:#ad6d1d;
  --ref-radius:15px;
  --ref-radius-sm:11px;
  --ref-shadow:0 4px 20px rgba(31,64,104,.06);
  --ref-shadow-hover:0 12px 30px rgba(31,64,104,.10);
}

/* ---------- base / page canvas ---------- */
html{background:var(--ref-bg)!important;-webkit-text-size-adjust:100%}
body.forum-standalone-app{
  background:
    radial-gradient(900px 440px at 6% -80px,rgba(143,196,242,.13),transparent 62%),
    radial-gradient(720px 380px at 96% 2%,rgba(255,223,189,.12),transparent 62%),
    linear-gradient(180deg,#fbfdff 0,#f7faff 420px,#f8fbfe 100%)!important;
  color:var(--ref-ink)!important;
  font-family:"Inter","Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
  overflow-x:hidden;
}
body.forum-standalone-app *{box-sizing:border-box}
body.forum-standalone-app input,
body.forum-standalone-app select,
body.forum-standalone-app textarea,
body.forum-standalone-app button{font-family:inherit}

body.chm-reference-inner .forum-shell,
body.chm-reference-inner .forum-bg{background:transparent!important;color:var(--ref-ink)!important}
body.chm-reference-inner .forum-shell{min-width:0;width:100%}

/* One width and rhythm for all internal pages. */
body.chm-reference-inner .forum-shell > .max-w-4xl,
body.chm-reference-inner .forum-shell > .max-w-5xl,
body.chm-reference-inner .forum-shell > .max-w-6xl,
body.chm-reference-inner .forum-shell > .max-w-7xl,
body.chm-reference-inner .forum-shell > .max-w-\[1440px\],
body.chm-reference-inner .forum-shell > .max-w-\[1480px\],
body.chm-reference-inner .forum-diagnostics-wrap,
body.chm-reference-inner .forum-private-page-wrap,
body.chm-reference-inner .forum-admin-wrap,
body.chm-reference-inner .forum-mod-wrap,
body.chm-reference-inner .forum-mod-admin-wrap,
body.chm-reference-inner .forum-legal-wrap,
body.chm-reference-inner .forum-new-topic-wrap{
  width:min(var(--ref-page-max),calc(100% - 48px))!important;
  max-width:var(--ref-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:26px 0 40px!important;
}

/* Pages where the root itself is the visual wrap. */
body.chm-reference-inner .forum-profile-page,
body.chm-reference-inner .forum-garage-page,
body.chm-reference-inner .forum-activity-page,
body.chm-reference-inner .forum-members-page,
body.chm-reference-inner .forum-league-page,
body.chm-reference-inner .forum-knowledge-page{
  width:min(var(--ref-page-max),calc(100% - 48px))!important;
  max-width:var(--ref-page-max)!important;
  margin:0 auto!important;
  padding:26px 0 40px!important;
}

/* ---------- header: identical on home and inner pages ---------- */
.forum-topbar{
  position:sticky!important;top:0!important;z-index:100!important;
  background:rgba(255,255,255,.965)!important;
  border-bottom:1px solid #e5ecf4!important;
  box-shadow:0 5px 22px rgba(28,57,88,.045)!important;
  backdrop-filter:blur(18px)!important;
}
.forum-topbar-inner{
  width:min(1360px,100%)!important;max-width:1360px!important;
  min-height:66px!important;height:66px!important;
  margin:0 auto!important;padding:0 24px!important;gap:16px!important;
  display:flex!important;align-items:center!important;
}
.forum-brand{gap:9px!important;min-width:0!important;flex:0 0 auto!important}
.forum-site-logo{width:43px!important;height:34px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.forum-site-logo-img{object-fit:contain!important}
.forum-brand-title{font-size:20px!important;line-height:1!important;color:#0d2340!important;font-weight:800!important;letter-spacing:-.03em!important}
.forum-brand-forum{font-size:10px!important;line-height:1.2!important;margin-top:3px!important;color:#708097!important;letter-spacing:0!important;font-weight:600!important;text-transform:none!important}
.forum-navlinks{gap:3px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.forum-navlinks>a,.forum-navlinks>button{
  min-height:38px!important;height:38px!important;padding:0 11px!important;border:0!important;border-radius:12px!important;
  background:transparent!important;color:#30435b!important;font-weight:650!important;white-space:nowrap!important;
}
.forum-navlinks>a:hover,.forum-navlinks>button:hover{background:#f1f7fd!important;color:var(--ref-blue)!important}
.forum-navlinks>.active{background:#eef6ff!important;color:var(--ref-blue)!important}
.forum-top-search{position:relative!important;flex:1 1 310px!important;max-width:360px!important;min-width:180px!important;margin-left:auto!important}
.forum-top-search input{width:100%!important;height:40px!important;min-height:40px!important;padding:0 14px 0 40px!important;border-radius:13px!important;border:1px solid #e4eaf1!important;background:#f4f7fa!important;color:#24344b!important;font-size:13px!important;outline:0!important;box-shadow:none!important}
.forum-top-search input:focus{background:#fff!important;border-color:#bad5ef!important;box-shadow:0 0 0 4px rgba(31,111,178,.07)!important}
.forum-top-actions{gap:5px!important;flex:0 0 auto!important}
.forum-icon-btn,.forum-account-trigger{width:37px!important;height:37px!important;min-height:37px!important;border-radius:11px!important;border:1px solid transparent!important;background:transparent!important;color:#30435b!important}
.forum-icon-btn:hover,.forum-account-trigger:hover{background:#f1f6fb!important;border-color:#e1eaf2!important;color:var(--ref-blue)!important}
.forum-account-avatar{width:30px!important;height:30px!important}
.forum-lang-menu,.forum-notif-menu,.forum-account-menu{border:1px solid var(--ref-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 22px 55px rgba(39,67,98,.16)!important;color:var(--ref-ink)!important}

/* ---------- typography: same measured scale everywhere ---------- */
body.chm-reference-inner h1,
body.chm-reference-inner h2,
body.chm-reference-inner h3,
body.chm-reference-inner h4,
body.chm-reference-inner .font-display{color:var(--ref-ink)!important}
body.chm-reference-inner h1{font-size:30px!important;line-height:1.12!important;font-weight:750!important;letter-spacing:-.028em!important}
body.chm-reference-inner h2{font-size:21px!important;line-height:1.22!important;font-weight:750!important;letter-spacing:-.02em!important}
body.chm-reference-inner h3{font-size:16px!important;line-height:1.3!important;font-weight:720!important;letter-spacing:-.012em!important}
body.chm-reference-inner h4{font-size:14.5px!important;line-height:1.35!important;font-weight:700!important}
body.chm-reference-inner p{font-size:13.5px;line-height:1.58}
body.chm-reference-inner small{font-size:11.5px;line-height:1.45}

/* Elegant page / section titles echo the home page without making every label serif. */
body.chm-reference-inner .forum-topic-hero h1,
body.chm-reference-inner .forum-profile-identity h1,
body.chm-reference-inner .forum-garage-hero-copy h1,
body.chm-reference-inner .forum-diagnostic-hero h1,
body.chm-reference-inner .forum-activity-hero h1,
body.chm-reference-inner .forum-members-hero h1,
body.chm-reference-inner .forum-league-hero h1,
body.chm-reference-inner .forum-knowledge-hero h1,
body.chm-reference-inner .forum-new-topic-hero h1,
body.chm-reference-inner .forum-wizard-hero h1,
body.chm-reference-inner .forum-private-hero h1,
body.chm-reference-inner .forum-mod-hero h1,
body.chm-reference-inner .forum-admin-hero h1,
body.chm-reference-inner .forum-access-hero h1,
body.chm-reference-inner .forum-legal-hero h1,
body.chm-reference-inner .forum-auth-form-heading h1,
body.chm-reference-inner .forum-notifications-header h1,
body.chm-reference-inner .forum-settings-heading h1{
  font-family:"DM Serif Display",Georgia,serif!important;
  font-size:30px!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.025em!important;
}

body.chm-reference-inner .forum-section-title,
body.chm-reference-inner .forum-profile-section-head h2,
body.chm-reference-inner .forum-garage-section-head h2,
body.chm-reference-inner .forum-diagnostic-section-head h2,
body.chm-reference-inner .forum-members-board-head h2,
body.chm-reference-inner .forum-league-board-head h2,
body.chm-reference-inner .forum-admin-section-head h2,
body.chm-reference-inner .forum-new-topic-section-head h2{
  font-family:"DM Serif Display",Georgia,serif!important;
  font-size:19px!important;font-weight:400!important;letter-spacing:-.015em!important;
}

/* ---------- common controls ---------- */
.forum-btn,.forum-action,.forum-auth-submit{
  min-height:40px!important;border-radius:999px!important;padding:0 16px!important;
  font-size:12.5px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.01em!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
.forum-btn-primary,.forum-auth-submit{background:linear-gradient(180deg,#176bb5,#0b579a)!important;border-color:#0d5c9e!important;color:#fff!important;box-shadow:0 8px 20px rgba(12,93,169,.16)!important}
.forum-btn-primary:hover,.forum-auth-submit:hover{background:linear-gradient(180deg,#0e61ab,#084b88)!important;box-shadow:0 10px 25px rgba(12,93,169,.22)!important;transform:translateY(-1px)!important}
.forum-btn-secondary,.forum-action{background:#fff!important;border-color:#d5e0ea!important;color:#244766!important;box-shadow:0 2px 8px rgba(44,77,110,.03)!important}
.forum-btn-secondary:hover,.forum-action:hover{background:#f8fbff!important;border-color:#b9cde0!important;color:var(--ref-blue)!important}
.forum-btn-compact{min-height:35px!important;padding:0 13px!important;font-size:12px!important}

.forum-input,input.forum-input,select.forum-input,textarea.forum-input,.forum-editor-textarea,
body.chm-reference-inner input[type="text"],body.chm-reference-inner input[type="email"],body.chm-reference-inner input[type="password"],body.chm-reference-inner input[type="search"],body.chm-reference-inner input[type="number"],body.chm-reference-inner select,body.chm-reference-inner textarea{
  border-radius:11px!important;border:1px solid #d8e2ec!important;background:#fff!important;color:#22344c!important;
  font-size:13px!important;box-shadow:0 1px 2px rgba(16,24,40,.02)!important;outline:0!important;
}
body.chm-reference-inner input[type="text"],body.chm-reference-inner input[type="email"],body.chm-reference-inner input[type="password"],body.chm-reference-inner input[type="search"],body.chm-reference-inner input[type="number"],body.chm-reference-inner select{min-height:40px}
.forum-input:focus,input.forum-input:focus,select.forum-input:focus,textarea.forum-input:focus,
body.chm-reference-inner input:focus,body.chm-reference-inner select:focus,body.chm-reference-inner textarea:focus{border-color:#9ec3e6!important;box-shadow:0 0 0 4px rgba(32,108,175,.07)!important}
body.chm-reference-inner label{font-size:12.5px;line-height:1.4;color:#334a63}

/* ---------- the shared internal-page hero ---------- */
body.chm-reference-inner .forum-topic-hero,
body.chm-reference-inner .forum-profile-hero,
body.chm-reference-inner .forum-my-hero,
body.chm-reference-inner .forum-garage-hero,
body.chm-reference-inner .forum-diagnostic-hero,
body.chm-reference-inner .forum-passport-hero,
body.chm-reference-inner .forum-health-hero,
body.chm-reference-inner .forum-activity-hero,
body.chm-reference-inner .forum-members-hero,
body.chm-reference-inner .forum-league-hero,
body.chm-reference-inner .forum-knowledge-hero,
body.chm-reference-inner .forum-new-topic-hero,
body.chm-reference-inner .forum-wizard-hero,
body.chm-reference-inner .forum-private-hero,
body.chm-reference-inner .forum-mod-hero,
body.chm-reference-inner .forum-admin-hero,
body.chm-reference-inner .forum-access-hero,
body.chm-reference-inner .forum-mod-admin-hero,
body.chm-reference-inner .forum-broadcast-hero,
body.chm-reference-inner .forum-legal-hero,
body.chm-reference-inner .forum-notifications-header{
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(320px 190px at 92% 12%,rgba(125,184,231,.13),transparent 70%),
    linear-gradient(135deg,#fff 0%,#fbfdff 62%,#f0f7fd 100%)!important;
  border:1px solid var(--ref-line)!important;border-radius:16px!important;
  box-shadow:var(--ref-shadow)!important;color:var(--ref-ink)!important;
}
body.chm-reference-inner .forum-topic-hero,
body.chm-reference-inner .forum-profile-hero,
body.chm-reference-inner .forum-garage-hero,
body.chm-reference-inner .forum-diagnostic-hero,
body.chm-reference-inner .forum-passport-hero,
body.chm-reference-inner .forum-health-hero,
body.chm-reference-inner .forum-activity-hero,
body.chm-reference-inner .forum-members-hero,
body.chm-reference-inner .forum-league-hero,
body.chm-reference-inner .forum-knowledge-hero,
body.chm-reference-inner .forum-new-topic-hero,
body.chm-reference-inner .forum-wizard-hero,
body.chm-reference-inner .forum-private-hero,
body.chm-reference-inner .forum-mod-hero,
body.chm-reference-inner .forum-admin-hero,
body.chm-reference-inner .forum-access-hero,
body.chm-reference-inner .forum-mod-admin-hero,
body.chm-reference-inner .forum-broadcast-hero,
body.chm-reference-inner .forum-legal-hero{margin:0 0 18px!important;padding:22px!important}
body.chm-reference-inner .forum-topic-hero-main{padding:0!important}
body.chm-reference-inner .forum-topic-hero-side{background:rgba(247,251,255,.78)!important;border-left:1px solid var(--ref-line)!important;color:var(--ref-ink)!important}
body.chm-reference-inner .forum-topic-hero-side,*:where(.no-such-selector){text-shadow:none}
body.chm-reference-inner .forum-topic-hero p,
body.chm-reference-inner .forum-profile-hero p,
body.chm-reference-inner .forum-garage-hero p,
body.chm-reference-inner .forum-diagnostic-hero p,
body.chm-reference-inner .forum-activity-hero p,
body.chm-reference-inner .forum-members-hero p,
body.chm-reference-inner .forum-league-hero p,
body.chm-reference-inner .forum-knowledge-hero p,
body.chm-reference-inner .forum-new-topic-hero p,
body.chm-reference-inner .forum-private-hero p,
body.chm-reference-inner .forum-admin-hero p{color:var(--ref-muted)!important;font-size:13px!important;line-height:1.55!important}
body.chm-reference-inner [class*="-kicker"]{color:#66809a!important;font-size:10.5px!important;line-height:1.3!important;letter-spacing:.15em!important;text-transform:uppercase!important;font-weight:800!important}

/* Neutralize legacy dark overlays only; decorative icons remain untouched. */
body.chm-reference-inner .forum-profile-road,
body.chm-reference-inner .forum-garage-road,
body.chm-reference-inner .forum-passport-hero-bg,
body.chm-reference-inner .forum-league-hero-glow,
body.chm-reference-inner .forum-diagnostic-hero-glow,
body.chm-reference-inner .forum-admin-hero-glow{opacity:.16!important;filter:saturate(.65)!important}

/* ---------- card language: existing structures, same visual system ---------- */
body.chm-reference-inner .forum-card,
body.chm-reference-inner .forum-profile-section,
body.chm-reference-inner .forum-profile-about-card,
body.chm-reference-inner .forum-rep-card,
body.chm-reference-inner .forum-achievements-card,
body.chm-reference-inner .forum-garage-card,
body.chm-reference-inner .forum-garage-form-card,
body.chm-reference-inner .forum-diagnostic-workbench,
body.chm-reference-inner .forum-diagnostic-history,
body.chm-reference-inner .forum-activity-feed,
body.chm-reference-inner .forum-members-board,
body.chm-reference-inner .forum-league-board,
body.chm-reference-inner .forum-knowledge-panel,
body.chm-reference-inner .forum-knowledge-cases,
body.chm-reference-inner .forum-knowledge-results,
body.chm-reference-inner .forum-settings-card,
body.chm-reference-inner .forum-new-topic-section,
body.chm-reference-inner .forum-wizard-panel,
body.chm-reference-inner .forum-mod-panel,
body.chm-reference-inner .forum-private-topic-card,
body.chm-reference-inner .forum-private-access-panel,
body.chm-reference-inner .forum-admin-control-card,
body.chm-reference-inner .forum-access-section-card,
body.chm-reference-inner .forum-mod-admin-card,
body.chm-reference-inner .forum-legal-card,
body.chm-reference-inner .forum-notification-card{
  background:rgba(255,255,255,.98)!important;border:1px solid var(--ref-line)!important;border-radius:var(--ref-radius)!important;
  box-shadow:var(--ref-shadow)!important;color:var(--ref-ink)!important;
}
body.chm-reference-inner .forum-card-hover:hover,
body.chm-reference-inner .forum-garage-card:hover,
body.chm-reference-inner .forum-admin-control-card:hover{border-color:#bfd1e2!important;box-shadow:var(--ref-shadow-hover)!important;transform:translateY(-1px)}

/* Topic / posts: same white cards and readable scale as home discussion list. */
body.chm-reference-inner .forum-topic-breadcrumbs{font-size:11.5px!important;color:#6b7e93!important}
body.chm-reference-inner .forum-topic-status-row{gap:7px!important}
body.chm-reference-inner .forum-badge{font-size:10.5px!important;line-height:1.2!important;border-radius:999px!important;padding:5px 8px!important;font-weight:700!important}
body.chm-reference-inner .forum-topic-author-line{font-size:12px!important;color:#687b91!important}
body.chm-reference-inner .forum-topic-hero-stats b{font-size:15px!important;color:#1b3653!important}
body.chm-reference-inner .forum-topic-hero-stats span{font-size:10.5px!important;color:#7c8da0!important}
body.chm-reference-inner .forum-post,
body.chm-reference-inner .forum-post-card{
  background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:14px!important;box-shadow:0 3px 14px rgba(31,64,104,.045)!important;overflow:hidden!important;
}
body.chm-reference-inner .forum-post-author-rail{background:#f8fbfe!important;border-right:1px solid #e7eef5!important;color:var(--ref-ink)!important}
body.chm-reference-inner .forum-post-content-column{background:#fff!important;color:var(--ref-text)!important}
body.chm-reference-inner .forum-post-author-name{font-size:13px!important;font-weight:750!important;color:#17314d!important}
body.chm-reference-inner .forum-post-author-level,body.chm-reference-inner .forum-post-author-reputation{font-size:10.5px!important;color:#78889b!important}
body.chm-reference-inner .forum-post-message,body.chm-reference-inner .forum-post-content{font-size:14px!important;line-height:1.7!important;color:#26384d!important;overflow-wrap:break-word}
body.chm-reference-inner .forum-post-content-head time,body.chm-reference-inner .forum-post-number{font-size:10.5px!important;color:#8997a8!important}

/* Lists / rows */
body.chm-reference-inner .forum-topic-row,
body.chm-reference-inner .forum-activity-item,
body.chm-reference-inner .forum-members-person,
body.chm-reference-inner .forum-league-person,
body.chm-reference-inner .forum-profile-topic,
body.chm-reference-inner .forum-profile-reply,
body.chm-reference-inner .forum-profile-solution,
body.chm-reference-inner .forum-diagnostic-history-item,
body.chm-reference-inner .forum-notification-item{
  background:#fff!important;border-color:#e6edf4!important;color:var(--ref-ink)!important;
}
body.chm-reference-inner .forum-topic-row:hover,
body.chm-reference-inner .forum-activity-item:hover,
body.chm-reference-inner .forum-members-person:hover,
body.chm-reference-inner .forum-profile-topic:hover{background:#fbfdff!important}
body.chm-reference-inner .forum-topic-title,body.chm-reference-inner .forum-topic-mobile-title,
body.chm-reference-inner .forum-activity-topic-title,
body.chm-reference-inner .forum-profile-topic-copy b,
body.chm-reference-inner .forum-profile-reply-copy b,
body.chm-reference-inner .forum-profile-solution-copy b{font-size:13.5px!important;line-height:1.38!important;color:#193552!important;font-weight:700!important}
body.chm-reference-inner .forum-topic-meta,body.chm-reference-inner .forum-topic-mobile-meta,
body.chm-reference-inner .forum-activity-meta,body.chm-reference-inner .forum-members-joined{font-size:11px!important;color:#8190a2!important}

/* Profile / garage / diagnostics */
body.chm-reference-inner .forum-profile-stats,
body.chm-reference-inner .forum-garage-hero-stats,
body.chm-reference-inner .forum-knowledge-stats{color:var(--ref-ink)!important}
body.chm-reference-inner .forum-profile-stats b,body.chm-reference-inner .forum-garage-hero-stats b{font-size:16px!important;color:#173653!important}
body.chm-reference-inner .forum-profile-stats span,body.chm-reference-inner .forum-garage-hero-stats span{font-size:10.5px!important;color:#7a899b!important}
body.chm-reference-inner .forum-garage-card-title{font-size:16px!important;color:#173653!important}
body.chm-reference-inner .forum-garage-card-meta,body.chm-reference-inner .forum-garage-specs,body.chm-reference-inner .forum-garage-notes{font-size:12px!important;line-height:1.5!important;color:#6d7e91!important}
body.chm-reference-inner .forum-diagnostic-field label{font-size:12.5px!important;color:#314a64!important}
body.chm-reference-inner .forum-diagnostic-plan-line,body.chm-reference-inner .forum-diagnostic-trust,body.chm-reference-inner .forum-diagnostic-how{font-size:12px!important;line-height:1.5!important;color:#63778e!important}

/* Settings / admin / moderation / private */
body.chm-reference-inner .forum-settings-heading{margin-bottom:18px!important;padding:0 0 16px!important;border-bottom:1px solid #e9eff5!important;background:transparent!important}
body.chm-reference-inner .forum-settings-heading p,body.chm-reference-inner .forum-setting-copy p{font-size:12.5px!important;line-height:1.55!important;color:#718197!important}
body.chm-reference-inner .forum-setting-copy b{font-size:13.5px!important;color:#203b57!important}
body.chm-reference-inner .forum-admin-section-head span,body.chm-reference-inner .forum-admin-control-copy small{font-size:10.5px!important;color:#74889d!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.chm-reference-inner .forum-admin-control-copy strong{font-size:14px!important;color:#183651!important}
body.chm-reference-inner .forum-admin-control-copy em{font-size:11.5px!important;color:#78899c!important;font-style:normal!important}
body.chm-reference-inner .forum-private-topic-card p,body.chm-reference-inner .forum-mod-item-body{font-size:12.5px!important;line-height:1.55!important;color:#687b91!important}

/* Auth pages use the same card / typography language. */
body.chm-reference-inner .forum-auth-page{background:transparent!important}
body.chm-reference-inner .forum-auth-shell{border:1px solid var(--ref-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 50px rgba(31,64,104,.08)!important;overflow:hidden!important}
body.chm-reference-inner .forum-auth-story{background:linear-gradient(145deg,#f0f7fd,#fbfdff)!important;color:var(--ref-ink)!important}
body.chm-reference-inner .forum-auth-story p{color:#667b91!important}
body.chm-reference-inner .forum-auth-form-wrap{background:#fff!important;color:var(--ref-ink)!important;font-size:13px!important}
body.chm-reference-inner .forum-auth-form-heading p,body.chm-reference-inner .forum-auth-switch-copy,body.chm-reference-inner .forum-auth-footnote,body.chm-reference-inner .forum-auth-terms{font-size:11.5px!important;line-height:1.5!important;color:#76879a!important}

/* ---------- footer: one footer everywhere ---------- */
.forum-site-footer{
  margin-top:24px!important;border-top:1px solid #e4ebf2!important;
  background:
    linear-gradient(90deg,rgba(249,252,255,.98),rgba(249,252,255,.90)),
    url("chm-footer-mountains.svg") center bottom/cover no-repeat!important;
  color:#435a72!important;
}
.forum-site-footer-inner{width:min(1360px,calc(100% - 48px))!important;max-width:1360px!important;margin:0 auto!important;padding:32px 0 26px!important;display:grid!important;grid-template-columns:minmax(280px,1.2fr) minmax(420px,.8fr)!important;gap:48px!important}
.forum-footer-logo{font-size:19px!important;color:#12304f!important;font-weight:800!important}.forum-footer-brand p{max-width:420px!important;font-size:12px!important;line-height:1.55!important;color:#74869a!important}.forum-footer-version{font-size:10px!important;color:#6e8298!important}
.forum-footer-columns{gap:36px!important}.forum-footer-column>b{font-size:10.5px!important;letter-spacing:.08em!important;color:#1f3d5b!important}.forum-footer-column>a{font-size:12px!important;line-height:1.5!important;color:#6b7e92!important}.forum-footer-column>a:hover{color:var(--ref-blue)!important}
.forum-site-footer-bottom{width:min(1360px,calc(100% - 48px))!important;max-width:1360px!important;margin:0 auto!important;padding:14px 0 22px!important;border-top:1px solid rgba(210,221,232,.8)!important;font-size:10.5px!important;color:#8290a0!important}

/* ---------- home sizing preserved from the approved main page ---------- */
.chm-ref-home{max-width:1360px!important;padding:0 24px 38px!important}
.chm-ref-hero{min-height:365px!important;grid-template-columns:minmax(430px,.94fr) minmax(500px,1.06fr)!important}
.chm-ref-hero-copy{padding:40px 0 34px 54px!important}
.chm-ref-kicker{font-size:11px!important;letter-spacing:.19em!important;margin-bottom:11px!important}
.chm-ref-hero h1{max-width:570px!important;font-size:clamp(36px,3.4vw,43px)!important;line-height:1.06!important;letter-spacing:-.035em!important}
.chm-ref-hero-copy>p{font-size:14px!important;line-height:1.58!important;max-width:540px!important}
.chm-ref-hero-point b{font-size:12px!important}.chm-ref-hero-point small{font-size:10.5px!important}
.chm-ref-section{padding:18px!important;border-radius:16px!important}.chm-ref-section-title h2{font-size:21px!important;line-height:1.12!important}.chm-ref-section-head>a,.chm-ref-section-head>span{font-size:11.5px!important}
.chm-ref-cat{min-height:98px!important;padding:14px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;border-radius:12px!important}.chm-ref-cat-icon{width:44px!important;height:44px!important}.chm-ref-cat h3{font-size:13.5px!important;line-height:1.28!important;margin:1px 0 4px!important}.chm-ref-cat p{font-size:12px!important;line-height:1.42!important}.chm-ref-cat small{font-size:10.5px!important;line-height:1.35!important;margin-top:5px!important}
.chm-ref-topic-copy b{font-size:13px!important}.chm-ref-topic-copy small{font-size:10.5px!important}.chm-ref-topic-author b{font-size:11.5px!important}.chm-ref-topic-author small,.chm-ref-topic-stat{font-size:10.5px!important}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .forum-topbar-inner{gap:9px!important;padding:0 18px!important}.forum-navlinks>a,.forum-navlinks>button{padding:0 8px!important}.forum-top-search{max-width:250px!important}.forum-brand-forum{display:none!important}
  .chm-ref-hero{grid-template-columns:minmax(390px,.92fr) minmax(420px,1.08fr)!important}.chm-ref-hero-copy{padding-left:34px!important}.chm-ref-grid{grid-template-columns:minmax(0,1fr) 300px!important}.chm-ref-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .forum-navlinks{display:none!important}.forum-top-search{max-width:none!important;flex:1 1 auto!important;margin-left:8px!important}
  body.chm-reference-inner .forum-main-layout,body.chm-reference-inner .forum-profile-grid,body.chm-reference-inner .forum-diagnostic-layout,body.chm-reference-inner .forum-new-topic-main-grid{grid-template-columns:1fr!important}
  body.chm-reference-inner .forum-topic-hero-grid{grid-template-columns:1fr!important}.forum-topic-hero-side{border-left:0!important;border-top:1px solid var(--ref-line)!important}
  .chm-ref-grid{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  body.forum-standalone-app{font-size:13.5px!important;padding-bottom:72px!important}
  .forum-topbar-inner{min-height:60px!important;height:60px!important;padding:0 14px!important}.forum-site-logo{width:38px!important;height:30px!important}.forum-brand-title{font-size:17px!important}.forum-top-search input{height:38px!important;min-height:38px!important}.forum-top-actions>.forum-lang{display:none!important}
  body.chm-reference-inner .forum-shell > .max-w-4xl,body.chm-reference-inner .forum-shell > .max-w-5xl,body.chm-reference-inner .forum-shell > .max-w-6xl,body.chm-reference-inner .forum-shell > .max-w-7xl,body.chm-reference-inner .forum-shell > .max-w-\[1440px\],body.chm-reference-inner .forum-shell > .max-w-\[1480px\],body.chm-reference-inner .forum-diagnostics-wrap,body.chm-reference-inner .forum-private-page-wrap,body.chm-reference-inner .forum-admin-wrap,body.chm-reference-inner .forum-mod-wrap,body.chm-reference-inner .forum-mod-admin-wrap,body.chm-reference-inner .forum-legal-wrap,body.chm-reference-inner .forum-new-topic-wrap,
  body.chm-reference-inner .forum-profile-page,body.chm-reference-inner .forum-garage-page,body.chm-reference-inner .forum-activity-page,body.chm-reference-inner .forum-members-page,body.chm-reference-inner .forum-league-page,body.chm-reference-inner .forum-knowledge-page{width:calc(100% - 28px)!important;padding-top:18px!important;padding-bottom:28px!important}
  body.chm-reference-inner h1{font-size:26px!important}.chm-reference-inner h2{font-size:19px!important}.chm-reference-inner h3{font-size:15px!important}
  body.chm-reference-inner .forum-topic-hero h1,body.chm-reference-inner .forum-profile-identity h1,body.chm-reference-inner .forum-garage-hero-copy h1,body.chm-reference-inner .forum-diagnostic-hero h1,body.chm-reference-inner .forum-activity-hero h1,body.chm-reference-inner .forum-members-hero h1,body.chm-reference-inner .forum-league-hero h1,body.chm-reference-inner .forum-knowledge-hero h1,body.chm-reference-inner .forum-new-topic-hero h1,body.chm-reference-inner .forum-private-hero h1,body.chm-reference-inner .forum-admin-hero h1,body.chm-reference-inner .forum-notifications-header h1{font-size:25px!important}
  body.chm-reference-inner .forum-topic-hero,body.chm-reference-inner .forum-profile-hero,body.chm-reference-inner .forum-garage-hero,body.chm-reference-inner .forum-diagnostic-hero,body.chm-reference-inner .forum-passport-hero,body.chm-reference-inner .forum-activity-hero,body.chm-reference-inner .forum-members-hero,body.chm-reference-inner .forum-league-hero,body.chm-reference-inner .forum-knowledge-hero,body.chm-reference-inner .forum-new-topic-hero,body.chm-reference-inner .forum-private-hero,body.chm-reference-inner .forum-mod-hero,body.chm-reference-inner .forum-admin-hero{padding:17px!important;border-radius:14px!important}
  .forum-site-footer-inner,.forum-site-footer-bottom{width:calc(100% - 28px)!important}.forum-site-footer-inner{grid-template-columns:1fr!important;gap:20px!important}.forum-footer-columns{width:100%!important;gap:24px!important}
  .chm-ref-home{padding:0 13px 28px!important}.chm-ref-hero{display:block!important;min-height:410px!important;margin:0 -13px!important;background:linear-gradient(180deg,rgba(251,253,255,.98) 0%,rgba(251,253,255,.94) 48%,rgba(251,253,255,.24) 72%),url("chm-hero-road.webp") 70% bottom/auto 64% no-repeat!important}.chm-ref-hero-copy{padding:28px 18px 215px!important}.chm-ref-hero h1{font-size:30px!important}.chm-ref-hero-copy>p{font-size:13px!important}.chm-ref-hero-spacer{display:none!important}.chm-ref-grid{grid-template-columns:1fr!important}.chm-ref-cat-grid,.chm-ref-morecats .chm-ref-cat-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .forum-brand-copy{display:none!important}.forum-top-search{margin-left:0!important}.forum-top-search input{font-size:12px!important;padding-left:35px!important}.forum-top-actions{gap:2px!important}.forum-icon-btn,.forum-account-trigger{width:35px!important;height:35px!important;min-height:35px!important}.forum-account-chevron{display:none!important}
  body.chm-reference-inner .forum-post-layout{display:block!important}.chm-reference-inner .forum-post-author-rail{display:none!important}.chm-reference-inner .forum-post-content-column{padding:14px!important}.chm-reference-inner .forum-post-message,.chm-reference-inner .forum-post-content{font-size:13.5px!important;line-height:1.65!important}
  .forum-footer-columns{display:grid!important;grid-template-columns:1fr 1fr!important}.forum-footer-column:last-child{grid-column:1/-1!important}.forum-site-footer{padding-bottom:56px!important}
  .chm-ref-hero{min-height:390px!important}.chm-ref-hero-copy{padding:25px 16px 196px!important}.chm-ref-hero h1{font-size:28px!important}.chm-ref-kicker{font-size:10px!important}.chm-ref-hero-actions{display:grid!important;grid-template-columns:1fr!important}.chm-ref-hero-actions .forum-btn{width:100%!important}
}

/* 4.4.1 — normalize legacy Tailwind text utilities on inner pages only. */
body.chm-reference-inner .text-\[8px\],
body.chm-reference-inner .text-\[9px\]{font-size:10.5px!important;line-height:1.4!important}
body.chm-reference-inner .text-\[10px\]{font-size:11px!important;line-height:1.42!important}
body.chm-reference-inner .text-\[11px\]{font-size:11.5px!important;line-height:1.45!important}
body.chm-reference-inner .text-\[12px\]{font-size:12px!important;line-height:1.48!important}
body.chm-reference-inner .text-\[13px\]{font-size:13px!important;line-height:1.5!important}
body.chm-reference-inner .text-\[14px\]{font-size:14px!important;line-height:1.5!important}
body.chm-reference-inner .text-\[15px\],body.chm-reference-inner .text-\[16px\]{font-size:15px!important;line-height:1.5!important}

/* The same blue rule used by the home section titles. */
body.chm-reference-inner .forum-profile-section-head h2,
body.chm-reference-inner .forum-garage-section-head h2,
body.chm-reference-inner .forum-diagnostic-section-head h2,
body.chm-reference-inner .forum-members-board-head h2,
body.chm-reference-inner .forum-league-board-head h2,
body.chm-reference-inner .forum-admin-section-head h2,
body.chm-reference-inner .forum-new-topic-section-head h2{
  display:flex!important;align-items:center!important;gap:9px!important;
}
body.chm-reference-inner .forum-profile-section-head h2:before,
body.chm-reference-inner .forum-garage-section-head h2:before,
body.chm-reference-inner .forum-diagnostic-section-head h2:before,
body.chm-reference-inner .forum-members-board-head h2:before,
body.chm-reference-inner .forum-league-board-head h2:before,
body.chm-reference-inner .forum-admin-section-head h2:before,
body.chm-reference-inner .forum-new-topic-section-head h2:before{
  content:"";width:16px;height:2px;flex:0 0 16px;border-radius:99px;background:#2694ff;
}
body.chm-reference-inner .forum-admin-hero-actions span[style*="font-size:8px"]{font-size:10px!important}
