/* CarHelpMate — premium UI layer */
:root{
  --forum-primary:#2563eb;--forum-primary-2:#4f46e5;--forum-primary-dark:#1d4ed8;
  --forum-text:#0f172a;--forum-muted:#475569;--forum-faint:#94a3b8;--forum-border:#e2e8f0;
  --forum-surface:#ffffff;--forum-surface-alt:#f8fafc;--forum-success:#16a34a;--forum-warning:#d97706;--forum-danger:#dc2626;
  --forum-radius-sm:10px;--forum-radius:14px;--forum-radius-lg:20px;--forum-radius-xl:26px;
  --forum-shadow-sm:0 2px 8px rgba(15,23,42,.045);--forum-shadow:0 12px 34px rgba(15,23,42,.07);--forum-shadow-lg:0 24px 70px rgba(15,23,42,.12);
}
.forum-shell{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text,var(--forum-text));font-size:14px;line-height:1.5}
.forum-shell .font-display,.forum-display{font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.035em}
.forum-bg{background:radial-gradient(900px 420px at 76% -10%,rgba(37,99,235,.08),transparent 70%),linear-gradient(180deg,#f8fbff 0,#f8fafc 360px,#f8fafc 100%)}
.forum-card{position:relative;border:1px solid var(--border,var(--forum-border));background:rgba(255,255,255,.96);border-radius:var(--forum-radius-lg);box-shadow:var(--forum-shadow-sm);isolation:isolate}
.forum-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}
.forum-card-hover{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}.forum-card-hover:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:var(--forum-shadow)}
.forum-card-3d{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform-style:preserve-3d;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}.forum-card-3d::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(260px circle at var(--gx) var(--gy),rgba(59,130,246,.13),transparent 64%);opacity:0;transition:opacity .2s;z-index:-1;pointer-events:none}.forum-card-3d:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px);box-shadow:0 22px 56px rgba(15,23,42,.11);border-color:#cbd5e1}.forum-card-3d:hover::before{opacity:1}
.forum-glass{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.8)}
.forum-hero{overflow:hidden;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98) 52%,rgba(238,242,255,.94));border-color:#dbeafe}.forum-hero::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(37,99,235,.16),rgba(79,70,229,.03) 58%,transparent 72%);pointer-events:none}.forum-hero-grid{background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:28px 28px}
.forum-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;border-radius:11px;padding:.62rem 1rem;font-size:13px;font-weight:700;line-height:1;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s,border-color .18s,color .18s;cursor:pointer;user-select:none}.forum-btn:active{transform:translateY(1px) scale(.99)}.forum-btn svg{width:16px;height:16px;flex:0 0 auto}
.forum-btn-primary{background:linear-gradient(135deg,var(--primary,#2563eb),#3156dc);color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.18)}.forum-btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark,#1d4ed8),#4338ca);box-shadow:0 10px 26px rgba(37,99,235,.26);transform:translateY(-1px)}
.forum-btn-secondary{border-color:var(--border,#e2e8f0);background:#fff;color:var(--text,#0f172a)}.forum-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}
.forum-btn-danger{border-color:#fecaca;background:#fff1f2;color:#dc2626}.forum-btn-danger:hover{background:#ffe4e6}
.forum-input{width:100%;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:11px;padding:.72rem .82rem;font-size:14px;line-height:1.35;color:var(--text,#0f172a);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.forum-input:hover{border-color:#cbd5e1}.forum-input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.09)}.forum-input::placeholder{color:#94a3b8}.forum-input:disabled{background:#f8fafc;color:#94a3b8}
.forum-chip{display:inline-flex;align-items:center;gap:.36rem;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:.38rem .68rem;font-size:12.5px;font-weight:650;color:#475569;transition:.18s}.forum-chip:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;transform:translateY(-1px)}
.forum-badge{display:inline-flex;align-items:center;gap:.28rem;border-radius:999px;padding:.24rem .52rem;font-size:12.25px;line-height:1.2;font-weight:800;letter-spacing:.015em;white-space:nowrap}
.forum-avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#eff6ff,#e0e7ff);border:1px solid #dbeafe;color:#1d4ed8;font-size:13px;font-weight:900;box-shadow:inset 0 1px 0 #fff;flex:0 0 auto}.forum-avatar-ring{position:relative}.forum-avatar-ring::after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.forum-stat{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:rgba(255,255,255,.84);padding:13px 14px}.forum-stat strong{display:block;font:800 20px/1.15 'Manrope','Inter',sans-serif;letter-spacing:-.03em;margin-top:4px}.forum-stat small{font-size:12.5px;color:#94a3b8}
.forum-action{display:inline-flex;align-items:center;gap:.35rem;font-size:12.75px;font-weight:650;color:#64748b;transition:.15s;padding:.36rem .1rem}.forum-action:hover{color:#2563eb}.forum-action-danger:hover{color:#dc2626}
.forum-quote{position:relative;margin:12px 0;padding:13px 15px 13px 18px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;color:#475569}.forum-quote-author{font-size:12.5px;font-weight:800;color:#2563eb;margin-bottom:5px;text-transform:none}
.forum-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.forum-case-item{border:1px solid #e2e8f0;background:#f8fafc;border-radius:13px;padding:11px 12px}.forum-case-item span{display:block;font-size:12.25px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.forum-case-item b{display:block;font-size:13px;color:#0f172a;margin-top:4px;overflow-wrap:anywhere}
.forum-solution{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:18px;box-shadow:0 8px 24px rgba(22,163,74,.06)}
.forum-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;margin-top:1rem}.forum-image-grid a{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:0 3px 12px rgba(15,23,42,.04)}.forum-image-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.forum-image-grid a:hover img{transform:scale(1.035)}
.forum-sticky-side{position:sticky;top:82px}.forum-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.forum-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#4f46e5,#22c55e);transition:width .3s ease}
.forum-topbar{position:sticky;top:0;z-index:45;border-bottom:1px solid rgba(226,232,240,.86);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.forum-topbar-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 18px;gap:14px}.forum-brand{display:flex;align-items:center;gap:10px;font:800 14px/1 'Manrope','Inter',sans-serif;color:#0f172a}.forum-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#2563eb,#4f46e5);box-shadow:0 8px 20px rgba(37,99,235,.25)}.forum-brand-mark svg{width:18px;height:18px}
.forum-top-actions{display:flex;align-items:center;gap:7px}.forum-icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:.18s}.forum-icon-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;transform:translateY(-1px)}.forum-icon-btn svg{width:17px;height:17px}.forum-counter{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:12.25px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.forum-counter[hidden]{display:none!important}
.forum-lang{position:relative}.forum-lang-menu,.forum-notif-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:70;width:220px;padding:8px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;box-shadow:var(--forum-shadow-lg);display:none}.forum-lang.open .forum-lang-menu,.forum-notif.open .forum-notif-menu{display:block;animation:forumPop .16s ease-out}.forum-lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:650;color:#475569}.forum-lang-menu a:hover,.forum-lang-menu a.active{background:#eff6ff;color:#1d4ed8}.forum-notif-menu{width:min(390px,calc(100vw - 24px));padding:0;overflow:hidden}.forum-notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #e2e8f0}.forum-notif-list{max-height:390px;overflow:auto}.forum-notif-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#475569;transition:.15s}.forum-notif-item:hover{background:#f8fafc}.forum-notif-item.unread{background:#eff6ff}.forum-notif-item b{display:block;color:#0f172a;font-size:12.75px}.forum-notif-item p{font-size:12.5px;margin-top:2px;line-height:1.4}.forum-notif-item time{font-size:12.25px;color:#94a3b8}.forum-notif-foot{padding:10px;text-align:center;border-top:1px solid #e2e8f0}
.forum-navlinks{display:flex;align-items:center;gap:4px}.forum-navlinks a{display:flex;align-items:center;gap:6px;border-radius:10px;padding:8px 10px;font-weight:700;color:#64748b}.forum-navlinks a:hover,.forum-navlinks a.active{background:#eff6ff;color:#1d4ed8}.forum-navlinks svg{width:15px;height:15px}
.forum-mobile-nav{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;padding:7px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(15,23,42,.16)}.forum-mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border-radius:11px;color:#64748b;font-size:12px;font-weight:800}.forum-mobile-nav a svg{width:17px;height:17px}.forum-mobile-nav a.active,.forum-mobile-nav a:hover{background:#eff6ff;color:#2563eb}
.forum-toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px;max-width:min(360px,calc(100vw - 28px))}.forum-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid #dbeafe;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.14);animation:forumToast .2s ease-out;font-size:13px;color:#334155}
@keyframes forumPop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes forumToast{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.forum-empty{text-align:center;padding:34px 20px}.forum-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:#eff6ff;color:#2563eb}.forum-empty-icon svg{width:25px;height:25px}
.forum-divider-title{display:flex;align-items:center;gap:10px}.forum-divider-title::after{content:"";height:1px;background:#e2e8f0;flex:1}
.forum-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 37%,#f1f5f9 63%);background-size:400% 100%;animation:forumShimmer 1.3s ease infinite;border-radius:8px}@keyframes forumShimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media(max-width:1023px){.forum-sticky-side{position:static}.forum-navlinks .forum-nav-hide-tablet{display:none}}
@media(max-width:767px){.forum-topbar-inner{min-height:54px;padding:0 12px}.forum-brand-forum{display:none}.forum-navlinks{display:none}.forum-mobile-nav{display:flex}.forum-shell{padding-bottom:82px}.forum-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-case-grid{grid-template-columns:1fr 1fr}.forum-card{border-radius:17px}.forum-hero{border-radius:20px}.forum-btn{min-height:42px}.forum-input{font-size:16px} /* prevents iOS zoom */}
@media(max-width:430px){.forum-case-grid{grid-template-columns:1fr}.forum-image-grid{grid-template-columns:1fr 1fr}.forum-stat strong{font-size:18px}}
@media(pointer:coarse){.forum-card-3d:hover{transform:none}.forum-card-3d::before{display:none}}
@media(prefers-reduced-motion:reduce){.forum-card-hover,.forum-card-3d,.forum-btn,.forum-chip,.forum-icon-btn,.forum-image-grid img{transition:none!important}.forum-card-3d:hover,.forum-card-hover:hover,.forum-btn:hover,.forum-chip:hover,.forum-icon-btn:hover{transform:none!important}.forum-skeleton{animation:none}}
.forum-case-label{font-size:12.25px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.forum-case-value{font-size:13px;color:#0f172a;margin-top:4px;font-weight:750;overflow-wrap:anywhere}
.forum-btn:focus-visible,.forum-icon-btn:focus-visible,.forum-action:focus-visible,.forum-input:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}


/* ===== V3.1 layout & readability refresh ===== */
.forum-shell{font-size:15px;line-height:1.6}
.forum-topbar-inner{min-height:64px}
.forum-brand{font-size:15px}
.forum-navlinks a{padding:9px 11px}
.forum-hero>div{padding:30px 32px}
.forum-hero h1{font-size:clamp(30px,3vw,44px);line-height:1.08}
.forum-hero p{font-size:14px;line-height:1.65;max-width:800px}
.forum-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:780px}
.forum-hero-stats>div{min-height:86px;border:1px solid #dbeafe!important;background:rgba(255,255,255,.9)!important;padding:14px 16px!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.forum-hero-stats>div>div{font-size:12.75px!important}.forum-hero-stats b{display:block;margin-top:5px;font-size:24px!important;line-height:1}
.forum-main-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.forum-main-content{min-width:0}.forum-side-column{min-width:0}
.forum-search-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.forum-card{box-shadow:0 8px 28px rgba(15,23,42,.055)}
.forum-card p,.forum-card .text-\[11px\]{line-height:1.55}
.forum-input{min-height:44px;font-size:14px}.forum-btn{min-height:42px;font-size:13px}
.forum-chip{font-size:12.75px;padding:.43rem .72rem}.forum-badge{font-size:12.5px;padding:.28rem .58rem}
.forum-side-column .forum-card{border-radius:18px}
.forum-side-column .forum-card h3{font-size:15px!important}
.forum-side-column .forum-card .text-\[12px\]{font-size:13px!important}
@media (min-width:780px){
  .forum-search-grid{grid-template-columns:minmax(260px,4fr) minmax(150px,2fr) minmax(145px,2fr) minmax(145px,2fr) minmax(150px,2fr);align-items:center}
  .forum-search-grid>div{grid-column:auto!important}
}
@media (min-width:920px){
  .forum-main-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}
  .forum-main-content{grid-column:auto!important}
  .forum-side-column{grid-column:auto!important;display:block}
  .forum-side-column{position:sticky;top:82px}
}
@media (min-width:1280px){.forum-main-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px}}
@media (max-width:919px){.forum-side-column{position:static}.forum-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.forum-hero>div{padding:22px 18px}.forum-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.forum-hero-stats>div{min-height:76px;padding:12px!important}.forum-hero-stats b{font-size:21px!important}}

/* ===== V3.2 Premium typography, controls & responsive hardening ===== */
:root{
  --forum-font-ui:'Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --forum-font-meta:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --forum-control-h:48px;
  --forum-card-border:#dfe6f0;
  --forum-card-shadow:0 10px 32px rgba(15,23,42,.06);
  --forum-card-shadow-hover:0 20px 52px rgba(15,23,42,.10);
}
.forum-shell,.forum-shell *, .forum-topbar,.forum-topbar *{box-sizing:border-box}
.forum-shell{font-family:var(--forum-font-ui);font-size:16px;line-height:1.62;overflow-x:clip}
.forum-shell a,.forum-topbar a{text-decoration:none}
.forum-shell button,.forum-shell input,.forum-shell select,.forum-shell textarea,.forum-topbar button{font:inherit}
.forum-shell img,.forum-shell svg{max-width:100%}
.forum-card{min-width:0;max-width:100%;border-color:var(--forum-card-border);box-shadow:var(--forum-card-shadow);border-radius:22px}
.forum-card-hover:hover{box-shadow:var(--forum-card-shadow-hover);border-color:#cbd7e6}
.forum-display,.forum-shell .font-display{font-family:var(--forum-font-ui);letter-spacing:-.028em}

/* Top bar */
.forum-topbar-inner{max-width:1520px;min-height:68px;padding:0 22px}
.forum-brand{font-family:var(--forum-font-ui);font-size:16px;font-weight:800;letter-spacing:-.02em}
.forum-brand-mark{width:38px;height:38px;border-radius:13px;box-shadow:0 9px 24px rgba(37,99,235,.28)}
.forum-navlinks{gap:6px}
.forum-navlinks a{min-height:42px;padding:10px 13px;border-radius:13px;font-family:var(--forum-font-ui);font-weight:750;text-decoration:none}
.forum-icon-btn{width:42px;height:42px;border-radius:13px;box-shadow:0 2px 8px rgba(15,23,42,.03)}

/* Premium controls */
.forum-input{box-sizing:border-box;max-width:100%;min-width:0;min-height:var(--forum-control-h);padding:.78rem .95rem;border-radius:14px;border:1px solid #dbe3ee;background:linear-gradient(180deg,#fff,#fbfdff);font-family:var(--forum-font-ui);font-size:15px;font-weight:550;line-height:1.3;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 8px rgba(15,23,42,.025)}
.forum-input:hover{border-color:#c7d2e2;background:#fff}
.forum-input:focus{border-color:#7aa7ff;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.10),0 8px 20px rgba(37,99,235,.06)}
.forum-input::placeholder{color:#94a3b8;font-weight:500}
.forum-btn{position:relative;overflow:hidden;min-height:var(--forum-control-h);padding:.76rem 1.15rem;border-radius:14px;font-family:var(--forum-font-ui);font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;text-decoration:none!important;box-shadow:0 2px 7px rgba(15,23,42,.025)}
.forum-btn::before{content:"";position:absolute;left:-35%;top:-100%;width:55%;height:300%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);opacity:0;transition:left .38s ease,opacity .18s ease;pointer-events:none}
.forum-btn:hover::before{left:115%;opacity:1}
.forum-btn-primary{border-color:rgba(37,99,235,.2);background:linear-gradient(135deg,#2f6cf1 0%,#3158e7 48%,#4f46e5 100%);box-shadow:0 9px 24px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.24)}
.forum-btn-primary:hover{background:linear-gradient(135deg,#245fe5,#334fd6 50%,#4338ca);box-shadow:0 13px 30px rgba(37,99,235,.31),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-2px)}
.forum-btn-secondary{border-color:#d8e1ec;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:#1e293b;box-shadow:0 4px 12px rgba(15,23,42,.045),inset 0 1px 0 #fff}
.forum-btn-secondary:hover{border-color:#b9c9df;background:linear-gradient(180deg,#fff,#f1f6fc);color:#1d4ed8;box-shadow:0 8px 20px rgba(15,23,42,.07);transform:translateY(-2px)}
.forum-chip{min-height:36px;padding:.48rem .78rem;border-color:#dce5ef;background:linear-gradient(180deg,#fff,#fbfdff);font-family:var(--forum-font-ui);font-size:13px;font-weight:750;text-decoration:none!important;box-shadow:0 2px 7px rgba(15,23,42,.03)}
.forum-chip:hover{border-color:#b8cdf1;background:#f4f8ff;box-shadow:0 6px 15px rgba(37,99,235,.08)}
.forum-badge{padding:.34rem .62rem;font-family:var(--forum-font-ui);font-size:12.75px;font-weight:800;letter-spacing:0}

/* Hero */
.forum-hero>div{padding:34px 36px}
.forum-hero h1{font-size:clamp(34px,3.2vw,48px);letter-spacing:-.04em}
.forum-hero p{font-size:15px;line-height:1.7}
.forum-hero-stats>div>div{font-family:var(--forum-font-meta);font-size:13px!important;font-weight:600}
.forum-hero-stats b{font-size:26px!important}

/* Search panel: never lets controls escape their card */
.forum-search-grid{width:100%;min-width:0}
.forum-search-grid>div{min-width:0;max-width:100%}
.forum-search-grid .forum-btn{width:100%}

/* Category cards */
.forum-category-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--border,#e2e8f0);background:linear-gradient(180deg,#fff,#fcfdff)}
.forum-category-info{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}
.forum-category-info>div:last-child{min-width:0}
.forum-category-icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;font-size:21px;box-shadow:inset 0 1px 0 #fff}
.forum-category-title{margin:0;color:#111827;font-size:18px;font-weight:800;line-height:1.3}
.forum-category-description{margin-bottom:0;color:#56657a;font-family:var(--forum-font-meta);font-size:13px;line-height:1.55}
.forum-category-meta{color:#94a3b8;font-family:var(--forum-font-meta);font-size:12.75px;font-weight:550}
.forum-category-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.forum-section-title{margin:0;font-size:18px;font-weight:800}
.forum-section-meta{color:#94a3b8;font-family:var(--forum-font-meta);font-size:13px}

/* Topic rows */
.forum-topic-desktop-list{display:block}
.forum-topic-mobile-list{display:none}
.forum-topic-row{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(150px,.62fr) 72px 72px minmax(125px,.5fr);gap:16px;align-items:center;min-width:0;padding:18px 20px;border-bottom:1px solid #edf1f6;color:#0f172a;text-decoration:none!important;transition:background .18s,border-color .18s,transform .18s}
.forum-topic-row:last-child{border-bottom:0}
.forum-topic-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#2563eb,#4f46e5);transform:scaleY(.25);opacity:0;transition:.18s}
.forum-topic-row:hover{background:linear-gradient(90deg,rgba(239,246,255,.85),rgba(255,255,255,.75));transform:translateX(1px)}
.forum-topic-row:hover::before{transform:scaleY(1);opacity:1}
.forum-topic-main,.forum-topic-vehicle,.forum-topic-last{min-width:0}
.forum-topic-title{font-family:var(--forum-font-ui);font-size:16px;font-weight:800;line-height:1.35;letter-spacing:-.015em;color:#162033;transition:color .16s}
.forum-topic-meta,.forum-topic-muted,.forum-topic-last-time{font-family:var(--forum-font-meta);font-size:12.75px;font-weight:500;color:#94a3b8;line-height:1.4}
.forum-topic-vehicle-name{font-family:var(--forum-font-ui);font-size:13px;font-weight:750;color:#334155;line-height:1.35}
.forum-topic-obd{font-family:var(--forum-font-meta);font-size:12.75px;font-weight:800;color:#2563eb}
.forum-topic-metric{text-align:center;min-width:0}
.forum-topic-metric-value{font-family:var(--forum-font-ui);font-size:15px;font-weight:800;color:#1e293b;line-height:1.2}
.forum-topic-metric-label{margin-top:3px;font-family:var(--forum-font-meta);font-size:12.5px;font-weight:600;color:#94a3b8;line-height:1.2}
.forum-topic-last{text-align:right}
.forum-topic-last-author{font-family:var(--forum-font-ui);font-size:13px;font-weight:700;color:#475569}
.forum-topic-mobile-row{display:block;padding:17px 18px;border-bottom:1px solid #edf1f6;color:#0f172a;text-decoration:none!important;background:#fff;transition:background .15s}
.forum-topic-mobile-row:last-child{border-bottom:0}.forum-topic-mobile-row:hover{background:#f8fbff}
.forum-topic-mobile-title{font-size:16px;font-weight:800;line-height:1.4;color:#172033}
.forum-topic-mobile-meta{font-family:var(--forum-font-meta);font-size:13px;color:#7b8aa0}

/* Sidebar */
.forum-side-column{width:100%;max-width:100%;min-width:0}
.forum-side-column .forum-card{overflow:hidden;padding:20px!important}
.forum-side-column .forum-card h3{font-size:16px!important;line-height:1.3}
.forum-side-column .forum-card .text-\[14px\]{font-size:15px!important}
.forum-side-column .forum-card .text-\[12px\]{font-size:13px!important;line-height:1.5}
.forum-side-column .forum-card .text-\[11px\]{font-size:13px!important;line-height:1.5}
.forum-side-column .forum-card .text-\[10px\]{font-size:12.75px!important;line-height:1.45}
.forum-side-column .forum-card .text-\[9px\]{font-size:12.5px!important}
.forum-side-column .forum-btn{min-width:0;max-width:100%;white-space:normal;text-align:center;line-height:1.25}
.forum-side-column .forum-input{width:100%;max-width:100%}
.forum-avatar{width:48px;height:48px;border-radius:50%;font-size:14px}
.forum-stat small{font-size:12.75px}.forum-stat strong{font-size:22px}

/* Generic tiny-text uplift in forum content without breaking badges */
.forum-shell .forum-card .text-\[9px\]:not(.forum-badge){font-size:12.5px!important}
.forum-shell .forum-card .text-\[10px\]:not(.forum-badge){font-size:12.75px!important}
.forum-shell .forum-card .text-\[11px\]:not(.forum-badge){font-size:13px!important}

/* Layout breakpoints */
.forum-main-layout{grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:1120px){
  .forum-main-layout{grid-template-columns:minmax(0,1fr) 330px;gap:26px}
  .forum-side-column{position:sticky;top:88px}
}
@media (min-width:1450px){.forum-main-layout{grid-template-columns:minmax(0,1fr) 350px;gap:30px}}

/* Search: 1 col -> 2 col -> desktop line */
@media (min-width:680px) and (max-width:1199px){
  .forum-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  .forum-search-grid>div{grid-column:auto!important}
  .forum-search-grid>div:first-child,.forum-search-grid>div:last-child{grid-column:1/-1!important}
}
@media (min-width:1200px){
  .forum-search-grid{grid-template-columns:minmax(260px,4fr) minmax(150px,2fr) minmax(150px,2fr) minmax(150px,2fr) minmax(150px,2fr)!important;gap:12px}
  .forum-search-grid>div{grid-column:auto!important}
}

@media (max-width:1050px){
  .forum-topic-row{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr) 64px 64px minmax(105px,.45fr);gap:12px;padding:17px 16px}
  .forum-topic-title{font-size:15px}
}
@media (max-width:899px){
  .forum-topic-desktop-list{display:none}
  .forum-topic-mobile-list{display:block}
  .forum-category-head{align-items:flex-start;flex-direction:column;padding:18px}
  .forum-category-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .forum-category-actions .forum-btn{width:100%;white-space:normal}
}
@media (max-width:767px){
  .forum-shell{font-size:15px}
  .forum-topbar-inner{padding:0 12px;min-height:60px}
  .forum-top-actions{gap:5px}.forum-icon-btn{width:40px;height:40px}
  .forum-card{border-radius:18px}
  .forum-hero>div{padding:24px 18px}
  .forum-hero h1{font-size:31px}
  .forum-hero p{font-size:14px}
  .forum-btn{min-height:46px;font-size:14px;padding:.72rem .92rem}
  .forum-chip{font-size:12.75px}
  .forum-category-title{font-size:17px}.forum-category-description{font-size:13px}
  .forum-side-column .forum-card{padding:18px!important}
}
@media (max-width:520px){
  .forum-category-actions{grid-template-columns:1fr}
  .forum-category-icon{width:42px;height:42px;border-radius:13px}
  .forum-topic-mobile-row{padding:16px}
  .forum-topic-mobile-title{font-size:15px}
  .forum-hero-stats{gap:8px}
  .forum-hero-stats>div{min-height:74px!important;padding:11px 12px!important}
  .forum-hero-stats b{font-size:22px!important}
}

/* === V3.3 — compact actions + premium category picker modal === */
.forum-btn-compact{min-height:38px!important;padding:.58rem .88rem!important;border-radius:12px!important;font-size:13px!important;line-height:1!important}
.forum-btn-compact svg{width:15px!important;height:15px!important}

.forum-navlinks button{display:flex;align-items:center;gap:6px;min-height:42px;padding:10px 13px;border:0;border-radius:13px;background:transparent;color:#64748b;font-family:var(--forum-font-ui);font-weight:750;cursor:pointer;text-decoration:none}
.forum-navlinks button:hover,.forum-navlinks button:focus-visible{background:#eff6ff;color:#1d4ed8}
.forum-navlinks button svg{width:15px;height:15px}

.forum-mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 3px;border:0;border-radius:11px;background:transparent;color:#64748b;font-family:var(--forum-font-ui);font-size:12px;font-weight:800;cursor:pointer}
.forum-mobile-nav button svg{width:17px;height:17px}
.forum-mobile-nav button:hover,.forum-mobile-nav button:focus-visible{background:#eff6ff;color:#2563eb}

/* Category header now has one small utility button only. */
.forum-category-actions{width:auto!important;display:flex!important;grid-template-columns:none!important}
.forum-category-actions .forum-btn{width:auto!important;white-space:nowrap!important}

body.forum-modal-open{overflow:hidden}
.forum-create-modal{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;padding:22px}
.forum-create-modal.open{display:flex}
.forum-create-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:forumModalFade .16s ease both}
.forum-create-modal-panel{position:relative;z-index:1;width:min(860px,100%);max-height:min(82vh,760px);overflow:hidden;border:1px solid rgba(203,213,225,.9);border-radius:24px;background:rgba(255,255,255,.985);box-shadow:0 30px 90px rgba(15,23,42,.24),0 8px 28px rgba(37,99,235,.12);animation:forumModalPop .2s cubic-bezier(.2,.8,.2,1) both}
.forum-create-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid #e8eef6;background:linear-gradient(135deg,#f8fbff 0%,#fff 52%,#eef4ff 100%)}
.forum-create-modal-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:#2563eb;font-size:12.75px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.forum-create-modal-head h2{margin:0;color:#111827;font-family:var(--forum-font-ui);font-size:25px;font-weight:850;letter-spacing:-.035em;line-height:1.16}
.forum-create-modal-head p{max-width:650px;margin:8px 0 0;color:#64748b;font-family:var(--forum-font-meta);font-size:13px;line-height:1.55}
.forum-create-modal-close{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid #dce5f0;border-radius:13px;background:#fff;color:#64748b;box-shadow:0 4px 12px rgba(15,23,42,.05);cursor:pointer;transition:.16s}
.forum-create-modal-close:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb;transform:translateY(-1px)}
.forum-create-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:calc(min(82vh,760px) - 146px);overflow:auto;padding:18px 20px 22px;background:#f8fafc;overscroll-behavior:contain}
.forum-create-category{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:14px 14px;border:1px solid #dfe7f1;border-radius:16px;background:#fff;color:#0f172a;text-decoration:none!important;box-shadow:0 3px 10px rgba(15,23,42,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.forum-create-category:hover{z-index:1;border-color:#bcd0ff;background:linear-gradient(135deg,#fff,#f4f8ff);box-shadow:0 10px 24px rgba(37,99,235,.11);transform:translateY(-2px)}
.forum-create-category-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid #dbeafe;border-radius:13px;background:linear-gradient(145deg,#eff6ff,#f8fbff);font-size:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.forum-create-category-copy{display:block;min-width:0;flex:1}
.forum-create-category-copy strong{display:block;overflow:hidden;color:#182238;font-family:var(--forum-font-ui);font-size:14px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.forum-create-category-copy small{display:-webkit-box;overflow:hidden;margin-top:3px;color:#75849a;font-family:var(--forum-font-meta);font-size:12.75px;font-weight:500;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.forum-create-category-copy em{display:block;margin-top:6px;color:#2563eb;font-family:var(--forum-font-meta);font-size:12.5px;font-style:normal;font-weight:750}
.forum-create-category-arrow{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;color:#94a3b8;transition:.16s}
.forum-create-category:hover .forum-create-category-arrow{background:#eaf2ff;color:#2563eb;transform:translateX(2px)}

@keyframes forumModalFade{from{opacity:0}to{opacity:1}}
@keyframes forumModalPop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:767px){
  .forum-btn-compact{min-height:40px!important;padding:.62rem .82rem!important;font-size:13px!important}
  .forum-create-modal{align-items:flex-end;padding:0}
  .forum-create-modal-panel{width:100%;max-height:88vh;border-radius:24px 24px 0 0;border-left:0;border-right:0;border-bottom:0}
  .forum-create-modal-head{padding:20px 18px 16px}
  .forum-create-modal-head h2{font-size:22px}
  .forum-create-modal-head p{font-size:13px}
  .forum-create-category-grid{grid-template-columns:1fr;gap:9px;max-height:calc(88vh - 134px);padding:14px 14px 20px}
  .forum-create-category{padding:12px}
  .forum-create-category-icon{width:40px;height:40px}
  .forum-create-category-copy strong{font-size:13px}
  .forum-create-category-copy small{font-size:12.75px}
}
@media(prefers-reduced-motion:reduce){.forum-create-modal-backdrop,.forum-create-modal-panel{animation:none}.forum-create-category,.forum-create-modal-close{transition:none}.forum-create-category:hover,.forum-create-modal-close:hover{transform:none}}


/* === V3.4 — compact search toolbar + single global "All topics" action === */
.forum-search-panel{padding:12px 14px!important}
.forum-search-panel .forum-search-grid{gap:8px!important;align-items:center}
.forum-search-panel .forum-input{min-height:42px;padding:.58rem .78rem;border-radius:12px;font-size:14px}
.forum-search-panel .forum-btn{min-height:42px;padding:.62rem .92rem;border-radius:12px;font-size:13px}
.forum-search-panel .forum-search-submit{min-width:104px}
.forum-search-quick{gap:7px!important;margin-top:9px!important;padding-top:9px!important}
.forum-search-quick .forum-chip{min-height:30px;padding:.32rem .62rem;border-radius:999px;font-size:12.75px;box-shadow:none}
.forum-search-quick .forum-chip:hover{box-shadow:0 4px 12px rgba(37,99,235,.07)}
.forum-category-head{padding-right:22px}
.forum-category-actions{display:none!important}

@media (min-width:1200px){
  .forum-search-grid{grid-template-columns:minmax(250px,3.2fr) minmax(132px,1.55fr) minmax(132px,1.55fr) minmax(132px,1.55fr) minmax(108px,.9fr)!important;gap:8px!important}
}
@media (min-width:680px) and (max-width:1199px){
  .forum-search-panel{padding:12px!important}
  .forum-search-grid{gap:8px!important}
}
@media (max-width:679px){
  .forum-search-panel{padding:11px!important}
  .forum-search-panel .forum-input,.forum-search-panel .forum-btn{min-height:44px}
  .forum-search-quick{gap:6px!important}
  .forum-search-quick .forum-chip{min-height:30px;font-size:12.5px;padding:.3rem .56rem}
}

/* ===== V3.6 Unified premium button system =====
   One visual language for every forum action. */
:root{
  --forum-btn-h:42px;
  --forum-btn-h-compact:36px;
  --forum-btn-radius:12px;
  --forum-btn-font:13px;
}

/* All standard forum buttons share the same geometry. */
.forum-btn{
  min-height:var(--forum-btn-h)!important;
  height:auto!important;
  padding:0 15px!important;
  border-radius:var(--forum-btn-radius)!important;
  font-family:var(--forum-font-ui)!important;
  font-size:var(--forum-btn-font)!important;
  font-weight:780!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  gap:7px!important;
  vertical-align:middle;
  text-decoration:none!important;
  box-shadow:0 3px 10px rgba(15,23,42,.055)!important;
  transform:translateZ(0);
}
.forum-btn svg{width:15px!important;height:15px!important;flex:0 0 auto}
.forum-btn::before{opacity:0!important}
.forum-btn:hover{transform:translateY(-1px)!important}
.forum-btn:active{transform:translateY(0)!important;box-shadow:0 2px 6px rgba(15,23,42,.05)!important}

.forum-btn-primary{
  color:#fff!important;
  border-color:rgba(37,99,235,.18)!important;
  background:linear-gradient(135deg,#2f6cf1 0%,#345be9 52%,#4f46e5 100%)!important;
  box-shadow:0 6px 16px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.forum-btn-primary:hover{
  background:linear-gradient(135deg,#2863e7 0%,#3154d9 52%,#4338ca 100%)!important;
  box-shadow:0 8px 20px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.forum-btn-secondary{
  color:#243247!important;
  border-color:#d9e2ee!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045),inset 0 1px 0 #fff!important;
}
.forum-btn-secondary:hover{
  color:#1d4ed8!important;
  border-color:#bfd0e6!important;
  background:linear-gradient(180deg,#fff 0%,#f2f7fd 100%)!important;
  box-shadow:0 6px 16px rgba(15,23,42,.07)!important;
}

.forum-btn-danger,
.forum-btn.border-red-200{
  color:#dc2626!important;
  border-color:#fecaca!important;
  background:linear-gradient(180deg,#fff7f7,#fff1f2)!important;
  box-shadow:0 3px 10px rgba(220,38,38,.06)!important;
}
.forum-btn-danger:hover,
.forum-btn.border-red-200:hover{
  color:#b91c1c!important;
  border-color:#fca5a5!important;
  background:#ffe4e6!important;
}

/* Best-answer / success actions use the same shape, only the semantic color changes. */
.forum-btn.bg-green-600{
  color:#fff!important;
  border-color:#16a34a!important;
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  box-shadow:0 6px 16px rgba(22,163,74,.18)!important;
}
.forum-btn.bg-green-600:hover{
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  box-shadow:0 8px 20px rgba(22,163,74,.24)!important;
}

/* Compact buttons are deliberately smaller, but still use the same visual family. */
.forum-btn-compact{
  min-height:var(--forum-btn-h-compact)!important;
  padding:0 12px!important;
  border-radius:11px!important;
  font-size:12.5px!important;
  gap:6px!important;
}
.forum-btn-compact svg{width:14px!important;height:14px!important}

/* Search button and form actions no longer grow taller than ordinary buttons. */
.forum-search-submit{min-height:var(--forum-btn-h)!important;padding:0 17px!important}
.forum-card form .forum-btn{min-height:var(--forum-btn-h)!important}

/* Header icon controls visually align with standard text buttons. */
.forum-icon-btn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045)!important;
}
.forum-icon-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(15,23,42,.07)!important}

/* Post-level actions are mini premium buttons rather than uneven text links. */
.forum-action{
  min-height:32px!important;
  padding:0 10px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#64748b!important;
  font-family:var(--forum-font-ui)!important;
  font-size:12.75px!important;
  font-weight:750!important;
  line-height:1!important;
  gap:5px!important;
  box-shadow:0 2px 6px rgba(15,23,42,.025)!important;
  text-decoration:none!important;
}
.forum-action:hover{
  color:#2563eb!important;
  border-color:#bfdbfe!important;
  background:#f8fbff!important;
  transform:translateY(-1px);
}
.forum-action-danger{color:#dc2626!important}
.forum-action-danger:hover{color:#b91c1c!important;border-color:#fecaca!important;background:#fff5f5!important}

/* Right-column controls may wrap text, but retain the same height/padding rhythm. */
.forum-side-column .forum-btn{
  min-height:40px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  line-height:1.25!important;
}

/* Remove stray utility padding from legacy buttons so all pages stay aligned. */
.forum-btn.py-2,
.forum-btn.px-3,
.forum-btn.py-2.px-3{
  padding-top:0!important;
  padding-bottom:0!important;
}
.forum-btn.px-3{padding-left:12px!important;padding-right:12px!important}

/* Consistent spacing for adjacent action buttons. */
.forum-btn + .forum-btn{margin-left:0!important}

@media(max-width:640px){
  :root{--forum-btn-h:42px;--forum-btn-h-compact:38px}
  .forum-btn{padding-left:13px!important;padding-right:13px!important;font-size:13px!important}
  .forum-icon-btn{width:40px!important;height:40px!important}
  .forum-action{min-height:34px!important;padding:0 10px!important}
}

/* ===== V3.7 Premium image uploader ===== */
.forum-file-uploader{width:100%;min-width:0}
.forum-file-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.forum-file-dropzone{
  display:flex;align-items:center;gap:14px;width:100%;min-height:92px;padding:14px 16px;
  border:1.5px dashed #cbd8e8;border-radius:16px;background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
  cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;
}
.forum-file-dropzone:hover,.forum-file-dropzone.is-dragover{
  border-color:#7aa7ff;background:linear-gradient(180deg,#f8fbff 0%,#eff6ff 100%);
  box-shadow:0 8px 24px rgba(37,99,235,.09);transform:translateY(-1px)
}
.forum-file-dropzone:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
.forum-file-icon{
  display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;
  color:#2563eb;background:linear-gradient(145deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(37,99,235,.08)
}
.forum-file-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.forum-file-copy strong{font-family:var(--forum-font-ui);font-size:13.5px;font-weight:800;color:#172033;letter-spacing:-.01em}
.forum-file-copy small{font-family:var(--forum-font-meta);font-size:12.75px;line-height:1.4;color:#8493a8}
.forum-file-choose{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:36px;padding:0 12px;
  border:1px solid #c9d8ee;border-radius:11px;background:#fff;color:#2459d7;
  font-family:var(--forum-font-ui);font-size:13px;font-weight:800;box-shadow:0 3px 10px rgba(15,23,42,.04)
}
.forum-file-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#94a3b8;font-family:var(--forum-font-meta);font-size:12.5px;line-height:1.4}
.forum-file-meta [data-forum-file-count]{white-space:nowrap;font-weight:650}
.forum-file-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}
.forum-file-preview:empty{display:none}
.forum-file-thumb{position:relative;min-width:0;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.045)}
.forum-file-thumb-media{position:relative;aspect-ratio:4/3;background:#f8fafc;overflow:hidden}
.forum-file-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.forum-file-thumb-remove{
  position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:9px;
  color:#fff;background:rgba(15,23,42,.76);backdrop-filter:blur(8px);cursor:pointer;font-size:17px;line-height:1;
  box-shadow:0 4px 10px rgba(15,23,42,.18);transition:transform .15s,background .15s
}
.forum-file-thumb-remove:hover{background:#dc2626;transform:scale(1.05)}
.forum-file-thumb-info{padding:7px 8px;min-width:0}
.forum-file-thumb-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:12.25px;font-weight:700}
.forum-file-thumb-size{display:block;margin-top:2px;color:#94a3b8;font-size:12.25px}
.forum-file-uploader.has-files .forum-file-dropzone{border-style:solid;border-color:#bfdbfe;background:#f8fbff}
.forum-file-uploader-compact .forum-file-dropzone{min-height:76px;padding:11px 13px;border-radius:14px}
.forum-file-uploader-compact .forum-file-icon{width:40px;height:40px;border-radius:12px}
.forum-file-uploader-compact .forum-file-copy strong{font-size:12.5px}
.forum-file-uploader-compact .forum-file-copy small{font-size:12.5px}

@media(max-width:760px){
  .forum-file-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .forum-file-dropzone{align-items:flex-start;flex-wrap:wrap;min-height:0;padding:13px}
  .forum-file-copy{min-width:calc(100% - 62px)}
  .forum-file-choose{margin-left:60px}
}
@media(max-width:480px){
  .forum-file-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .forum-file-choose{width:100%;margin-left:0}
  .forum-file-meta{flex-direction:column;gap:3px}
  .forum-file-meta [data-forum-file-count]{white-space:normal}
}


/* =========================================================
   V3.8 — fresh topic priority + 24h NEW badge
   ========================================================= */
.forum-badge-new{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:999px;
  background:linear-gradient(135deg,#eff6ff 0%,#eef2ff 52%,#f5f3ff 100%);
  color:#2558d9;
  font-family:var(--forum-font-ui);
  font-size:12.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.075em;
  box-shadow:0 4px 13px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92);
  animation:forum-new-float 2.5s ease-in-out infinite;
}
.forum-badge-new::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-35%;
  bottom:-35%;
  left:-38%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  animation:forum-new-shine 3.8s ease-in-out infinite;
}
.forum-badge-new-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
  animation:forum-new-dot 1.8s ease-in-out infinite;
}
@keyframes forum-new-float{
  0%,100%{transform:translateY(0);box-shadow:0 4px 13px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92)}
  50%{transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,99,235,.15),inset 0 1px 0 rgba(255,255,255,.92)}
}
@keyframes forum-new-shine{
  0%,62%{left:-38%;opacity:0}
  68%{opacity:.85}
  84%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}
@keyframes forum-new-dot{
  0%,100%{transform:scale(.9);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
  50%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(37,99,235,.13)}
}
@media (prefers-reduced-motion:reduce){
  .forum-badge-new,.forum-badge-new::after,.forum-badge-new-dot{animation:none!important}
}

/* =========================================================
   V3.9 — Premium SVG system + on-demand translation
   ========================================================= */
.forum-badge svg,.forum-chip svg,.forum-btn svg,.forum-action svg,.forum-case-value svg,
.forum-translation-head svg,.forum-translate-btn svg{flex:0 0 auto;display:block}

.forum-helper-rank{
  display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:8px;
  border:1px solid #dbe3ee;background:#f8fafc;color:#64748b;
  font-family:var(--forum-font-ui);font-size:12.5px;font-weight:850;line-height:1
}
.forum-empty-icon{
  display:grid;place-items:center;width:42px;height:42px;margin-inline:auto;border-radius:14px;
  background:#f8fafc;border:1px solid #e2e8f0;color:#94a3b8
}
.forum-toast-icon{
  display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eff6ff;
  color:#2563eb;flex:0 0 auto
}
.forum-quality-tip{position:relative;padding-left:14px}
.forum-quality-tip::before{content:"";position:absolute;left:1px;top:.58em;width:5px;height:5px;border-radius:50%;background:#cbd5e1}

.forum-translation-tools{display:flex;align-items:center;gap:8px}
.forum-translate-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;
  border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#64748b;
  font-family:var(--forum-font-ui);font-size:12.75px;font-weight:760;line-height:1;
  box-shadow:0 2px 7px rgba(15,23,42,.025);transition:color .16s,border-color .16s,background .16s,transform .16s,box-shadow .16s
}
.forum-translate-btn:hover,.forum-action-translate:hover{
  color:#2558d9!important;border-color:#bfdbfe!important;background:#f8fbff!important;
  box-shadow:0 5px 14px rgba(37,99,235,.06)
}
.forum-translate-btn.is-active,.forum-action-translate.is-active{
  color:#2558d9!important;border-color:#bfdbfe!important;background:#eff6ff!important
}
.forum-translate-btn.is-loading,.forum-action-translate.is-loading{pointer-events:none;opacity:.72}
.forum-translate-btn.is-loading svg,.forum-action-translate.is-loading svg{animation:forum-translate-spin .8s linear infinite}
@keyframes forum-translate-spin{to{transform:rotate(360deg)}}

.forum-translation-panel{
  margin-top:12px;padding:14px 15px;border:1px solid #dbeafe;border-radius:14px;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)
}
.forum-translation-head{display:flex;align-items:center;gap:7px;color:#315a9d}
.forum-translation-head strong{
  font-family:var(--forum-font-ui);font-size:12.75px;font-weight:820;letter-spacing:.01em
}
.forum-translation-text{
  margin-top:9px;color:#334155;font-family:var(--forum-font-meta);font-size:13px;line-height:1.7;
  white-space:pre-wrap;overflow-wrap:anywhere
}
.forum-translation-note{
  margin-top:9px;padding-top:8px;border-top:1px solid #e5edf7;color:#94a3b8;
  font-family:var(--forum-font-meta);font-size:12.25px;line-height:1.45
}
.forum-action-translate{color:#64748b!important}

.forum-category-icon{color:#2563eb;font-size:0}
.forum-category-icon svg{width:19px;height:19px}
.forum-create-category-icon{color:#2563eb;font-size:0}
.forum-create-category-icon svg{width:18px;height:18px}

@media(max-width:640px){
  .forum-translation-panel{padding:12px 13px;border-radius:12px}
  .forum-translation-text{font-size:12.5px;line-height:1.65}
  .forum-translate-btn{min-height:32px}
}
@media (prefers-reduced-motion:reduce){
  .forum-translate-btn.is-loading svg,.forum-action-translate.is-loading svg{animation:none!important}
}

/* ===== V3.10 premium image lightbox ===== */
.forum-image-grid a[data-forum-lightbox]{position:relative;cursor:zoom-in;isolation:isolate}
.forum-image-grid a[data-forum-lightbox]::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 58%,rgba(15,23,42,.13));opacity:0;transition:opacity .2s ease;pointer-events:none}
.forum-image-grid a[data-forum-lightbox]:hover::after{opacity:1}
body.forum-lightbox-open{overflow:hidden;overscroll-behavior:none}
.forum-lightbox{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(8,15,28,.86);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.forum-lightbox.is-open{opacity:1;visibility:visible}
.forum-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(1380px,100%);height:min(900px,calc(100vh - 56px));outline:none}
.forum-lightbox-media{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;border-radius:18px;overflow:hidden;background:rgba(15,23,42,.28);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.forum-lightbox-image{display:block;max-width:min(92vw,1320px);max-height:calc(100vh - 92px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform:scale(.985);opacity:.3;transition:transform .2s ease,opacity .2s ease}
.forum-lightbox-image.is-ready{transform:scale(1);opacity:1}
.forum-lightbox-control{position:absolute;z-index:3;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(15,23,42,.55);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .18s,border-color .18s,transform .18s,opacity .18s}
.forum-lightbox-control:hover{background:rgba(37,99,235,.86);border-color:rgba(147,197,253,.55);transform:translateY(-1px)}
.forum-lightbox-control:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
.forum-lightbox-close{top:0;right:0}
.forum-lightbox-prev{left:0;top:50%;transform:translateY(-50%)}
.forum-lightbox-next{right:0;top:50%;transform:translateY(-50%)}
.forum-lightbox-prev:hover,.forum-lightbox-next:hover{transform:translateY(-50%) scale(1.03)}
.forum-lightbox-control[hidden]{display:none!important}
.forum-lightbox-counter{position:absolute;z-index:3;left:50%;bottom:0;transform:translateX(-50%);min-width:58px;height:34px;padding:0 13px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(15,23,42,.58);color:rgba(255,255,255,.92);font:750 12.75px/1 'Manrope','Inter',sans-serif;letter-spacing:.04em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.forum-lightbox-loading{position:absolute;width:32px;height:32px;border:2px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:forumLightboxSpin .7s linear infinite}
@keyframes forumLightboxSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){.forum-lightbox{padding:12px}.forum-lightbox-stage{height:calc(100vh - 24px)}.forum-lightbox-media{border-radius:14px}.forum-lightbox-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 92px)}.forum-lightbox-control{width:42px;height:42px;border-radius:13px}.forum-lightbox-close{top:4px;right:4px}.forum-lightbox-prev{left:4px}.forum-lightbox-next{right:4px}.forum-lightbox-counter{bottom:5px}}
@media(pointer:coarse){.forum-image-grid a[data-forum-lightbox]::after{display:none}}
@media(prefers-reduced-motion:reduce){.forum-lightbox,.forum-lightbox-image,.forum-lightbox-control,.forum-image-grid a[data-forum-lightbox]::after{transition:none!important}.forum-lightbox-loading{animation:none}}

/* =========================================================
   V3.11 — Premium message composer / BBCode editor
   ========================================================= */
.forum-editor{position:relative;width:100%;min-width:0;border:1px solid #d7e1ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.95);overflow:visible;transition:border-color .18s,box-shadow .18s}
.forum-editor:focus-within{border-color:#93b7ff;box-shadow:0 0 0 4px rgba(37,99,235,.075),0 12px 32px rgba(37,99,235,.065)}
.forum-editor-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:7px 9px;border-bottom:1px solid #e6edf6;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#fcfdff 0%,#f8fbff 100%)}
.forum-editor-tools{display:flex;align-items:center;gap:3px;min-width:0}
.forum-editor-tools:first-child{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:1px}
.forum-editor-tools:first-child::-webkit-scrollbar{display:none}
.forum-editor-tools-right{flex:0 0 auto;padding-left:6px;border-left:1px solid #e2e8f0}
.forum-editor-btn{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:#64748b;cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s,transform .15s}
.forum-editor-btn:hover{color:#2558d9;border-color:#dbe7fb;background:#fff;box-shadow:0 4px 12px rgba(37,99,235,.07);transform:translateY(-1px)}
.forum-editor-btn.is-active{color:#2558d9;border-color:#bfdbfe;background:#eff6ff;box-shadow:inset 0 1px 0 #fff}
.forum-editor-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.forum-editor-separator{display:block;flex:0 0 1px;width:1px;height:22px;margin:0 4px;background:#e2e8f0}
.forum-editor-body{position:relative;min-width:0}
.forum-editor-field{display:block!important;width:100%!important;min-height:235px!important;margin:0!important;padding:18px 20px!important;border:0!important;border-radius:0 0 18px 18px!important;background:#fff!important;box-shadow:none!important;outline:none!important;font-family:var(--forum-font-meta)!important;font-size:15px!important;font-weight:450!important;line-height:1.72!important;color:#243247!important;resize:vertical!important}
.forum-editor-field.hidden{display:none!important}
.forum-editor-field::placeholder{color:#9aa9bd;font-weight:450}
.forum-editor-preview{min-height:235px;padding:18px 20px;border-radius:0 0 18px 18px;background:#fff;color:#334155;font-family:var(--forum-font-meta);font-size:14px;line-height:1.72;overflow-wrap:anywhere}
.forum-editor-preview-empty{display:grid;place-items:center;min-height:190px;color:#9aa9bd;font-size:13px;text-align:center}
.forum-editor-popover{position:absolute;z-index:60;top:58px;left:9px;width:min(390px,calc(100% - 18px));border:1px solid #dce6f2;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(15,23,42,.16),0 2px 10px rgba(15,23,42,.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.forum-editor-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #edf2f7;background:#fbfdff}
.forum-editor-popover-head strong{font-family:var(--forum-font-ui);font-size:12.5px;font-weight:820;color:#172033}
.forum-editor-popover-close{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;cursor:pointer}
.forum-editor-popover-close:hover{color:#dc2626;border-color:#fecaca;background:#fff7f7}
.forum-emoji-tabs{display:flex;gap:6px;padding:10px 12px 0}
.forum-emoji-tabs button{min-height:30px;padding:0 10px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;font:750 12.75px/1 var(--forum-font-ui);cursor:pointer}
.forum-emoji-tabs button.active{border-color:#bfdbfe;background:#eff6ff;color:#2558d9}
.forum-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-height:250px;padding:10px 12px 13px;overflow:auto}
.forum-emoji-btn{display:grid;place-items:center;aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:transparent;font-size:23px;line-height:1;cursor:pointer;transition:transform .14s,background .14s,border-color .14s}
.forum-emoji-btn:hover{transform:translateY(-2px) scale(1.05);background:#f8fbff;border-color:#dbeafe}
.forum-emoji-btn-animated{font-size:0;background:#fbfdff;border-color:#eef2f7}
.forum-emoji-btn-animated .forum-aemoji{width:31px;height:31px}
.forum-link-popover{padding-bottom:12px}
.forum-link-popover>label{display:block;margin:10px 13px 5px;color:#64748b;font:700 12.5px/1.2 var(--forum-font-ui)}
.forum-editor-mini-input{display:block;width:calc(100% - 26px);min-height:40px;margin:0 13px;padding:0 11px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#243247;font:550 13px/1.3 var(--forum-font-ui);outline:none}
.forum-editor-mini-input:focus{border-color:#93b7ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.forum-editor-popover-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 13px 0}
.forum-editor-mini-primary,.forum-editor-mini-secondary{min-height:36px;padding:0 12px;border-radius:10px;font:800 12.75px/1 var(--forum-font-ui);cursor:pointer}
.forum-editor-mini-primary{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.16)}
.forum-editor-mini-secondary{border:1px solid #dbe3ee;background:#fff;color:#64748b}

/* Rendered rich post content */
.forum-post-bold{font-weight:800;color:#172033}.forum-post-italic{font-style:italic}.forum-post-underline{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.forum-post-strike{text-decoration-thickness:1.4px}
.forum-post-heading{margin:14px 0 7px;font-family:var(--forum-font-ui);font-size:18px;line-height:1.35;font-weight:850;letter-spacing:-.025em;color:#172033}
.forum-post-code{margin:12px 0;padding:13px 15px;border:1px solid #dbe3ee;border-radius:13px;background:#0f172a;color:#dbeafe;overflow:auto;white-space:pre-wrap;word-break:break-word;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.forum-post-list{margin:10px 0 10px 22px;padding:0}.forum-post-list li{margin:4px 0;padding-left:3px}.forum-post-link{color:#2563eb;font-weight:700;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:3px}.forum-post-link:hover{color:#1d4ed8;text-decoration-color:#60a5fa}.forum-post-hr{height:1px;border:0;margin:18px 0;background:linear-gradient(90deg,transparent,#dbe3ee 12%,#dbe3ee 88%,transparent)}
.forum-spoiler{margin:12px 0;border:1px solid #dbe3ee;border-radius:13px;background:#fbfdff;overflow:hidden}.forum-spoiler summary{display:flex;align-items:center;min-height:40px;padding:0 13px;cursor:pointer;color:#475569;font:800 12.75px/1 var(--forum-font-ui);user-select:none}.forum-spoiler[open] summary{border-bottom:1px solid #e8eef6;background:#f8fbff;color:#2558d9}.forum-spoiler>div{padding:12px 13px}

/* Animated content emoji / stickers. These are intentionally allowed in user posts;
   the forum chrome itself still uses monochrome SVG icons. */
.forum-aemoji{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 2px;vertical-align:-8px;transform-origin:50% 80%;will-change:transform;line-height:1}.forum-aemoji svg{display:block;width:100%;height:100%;overflow:visible}
.forum-aemoji-laugh{animation:forumEmojiLaugh 1.8s ease-in-out infinite}.forum-aemoji-love{animation:forumEmojiLove 1.7s ease-in-out infinite}.forum-aemoji-party{animation:forumEmojiParty 2.1s ease-in-out infinite}.forum-aemoji-wow{animation:forumEmojiWow 1.9s ease-in-out infinite}.forum-aemoji-wave{animation:forumEmojiWave 1.55s ease-in-out infinite}.forum-aemoji-fire{animation:forumEmojiFire 1.25s ease-in-out infinite}.forum-aemoji-car{animation:forumEmojiCar 2.2s ease-in-out infinite}.forum-aemoji-wrench{animation:forumEmojiWrench 2.4s ease-in-out infinite}
@keyframes forumEmojiLaugh{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-4deg)}50%{transform:translateY(0) rotate(4deg)}75%{transform:translateY(-1px) rotate(-2deg)}}
@keyframes forumEmojiLove{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes forumEmojiParty{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-6deg) translateY(-1px)}75%{transform:rotate(6deg) translateY(-1px)}}
@keyframes forumEmojiWow{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}60%{transform:scale(.98)}}
@keyframes forumEmojiWave{0%,100%{transform:rotate(0)}20%{transform:rotate(13deg)}40%{transform:rotate(-9deg)}60%{transform:rotate(11deg)}80%{transform:rotate(-5deg)}}
@keyframes forumEmojiFire{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.06,.96)}}
@keyframes forumEmojiCar{0%,100%{transform:translateX(0) translateY(0)}35%{transform:translateX(2px) translateY(-1px)}65%{transform:translateX(-1px) translateY(0)}}
@keyframes forumEmojiWrench{0%,100%{transform:rotate(0)}45%{transform:rotate(-7deg)}70%{transform:rotate(5deg)}}

@media(max-width:760px){
  .forum-editor{border-radius:16px}.forum-editor-toolbar{min-height:50px;padding:6px 7px;border-radius:16px 16px 0 0}.forum-editor-btn{width:35px;height:35px;border-radius:9px}.forum-editor-separator{margin:0 2px}.forum-editor-field{min-height:210px!important;padding:15px 15px!important;font-size:16px!important;border-radius:0 0 16px 16px!important}.forum-editor-preview{min-height:210px;padding:15px;border-radius:0 0 16px 16px}.forum-editor-popover{top:55px;left:7px;width:calc(100% - 14px);border-radius:14px}.forum-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:230px;padding:9px 10px 12px}.forum-emoji-btn{font-size:22px}.forum-editor-tools-right{padding-left:4px}.forum-post-heading{font-size:17px}
}
@media(max-width:430px){.forum-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.forum-editor-toolbar{gap:5px}.forum-editor-tools-right{border-left:0}.forum-editor-preview-btn{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.forum-editor-btn,.forum-emoji-btn{transition:none!important}.forum-aemoji{animation:none!important}}

/* =========================================================
   V3.12 — responsive/premium QA baseline
   Mobile-first hardening for forum chrome, topic pages,
   forms, notifications, editor and touch targets.
   ========================================================= */
.forum-shell{min-width:0}
.forum-shell>div{min-width:0;width:100%}
.forum-shell h1,.forum-shell h2,.forum-shell h3,.forum-shell p,.forum-shell a,.forum-shell span{overflow-wrap:anywhere}
.forum-shell form,.forum-shell fieldset,.forum-shell [class*="grid"]>*{min-width:0}

/* Better touch behavior without altering desktop hover polish. */
@media(pointer:coarse){
  .forum-btn,.forum-icon-btn,.forum-action,.forum-chip,.forum-editor-btn,.forum-file-dropzone{-webkit-tap-highlight-color:transparent}
  .forum-action:hover,.forum-btn:hover,.forum-icon-btn:hover,.forum-chip:hover{transform:none}
}

/* Tablet: keep the content generous but prevent wide controls/cards from squeezing. */
@media (min-width:768px) and (max-width:1119px){
  .forum-main-layout{grid-template-columns:minmax(0,1fr)!important}
  .forum-side-column{position:static!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .forum-side-column>.forum-card{margin:0!important;height:100%}
  .forum-topic-page .forum-side-column{margin-top:4px}
  .forum-new-topic-page .forum-side-column{margin-top:4px}
}

@media(max-width:767px){
  /* Safe areas + stable mobile chrome */
  .forum-topbar{padding-top:env(safe-area-inset-top)}
  .forum-topbar-inner{min-height:58px!important;padding:0 10px!important;gap:8px!important}
  .forum-brand-mark{width:36px!important;height:36px!important;border-radius:12px!important}
  .forum-topbar .forum-icon-btn{width:40px!important;height:40px!important;border-radius:12px!important}
  .forum-mobile-nav{
    left:8px!important;right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    min-height:64px;padding:6px!important;border-radius:19px!important;
    box-shadow:0 14px 38px rgba(15,23,42,.18)!important
  }
  .forum-mobile-nav a,.forum-mobile-nav button{min-height:50px!important;padding:6px 4px!important;gap:3px!important;font-size:12.25px!important;line-height:1.1!important}
  .forum-mobile-nav a svg,.forum-mobile-nav button svg{width:19px!important;height:19px!important}
  .forum-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}

  /* Dropdowns become predictable touch panels and never escape viewport. */
  .forum-notif-menu{
    position:fixed!important;left:8px!important;right:8px!important;top:calc(66px + env(safe-area-inset-top))!important;
    width:auto!important;max-width:none!important;max-height:calc(100dvh - 86px - env(safe-area-inset-top))!important;
    border-radius:18px!important;box-shadow:0 24px 60px rgba(15,23,42,.20)!important
  }
  .forum-notif-list{max-height:calc(100dvh - 190px - env(safe-area-inset-top))!important;overscroll-behavior:contain}
  .forum-notif-head{padding:13px 14px!important}.forum-notif-item{padding:12px 13px!important;gap:10px!important}
  .forum-notif-item b{font-size:13px!important;line-height:1.35}.forum-notif-item p{font-size:12.75px!important;line-height:1.45}.forum-notif-item time{font-size:12.5px!important}
  .forum-lang-menu{right:0!important;width:min(260px,calc(100vw - 16px))!important;border-radius:16px!important}

  /* Global cards / typography / controls */
  .forum-card{border-radius:17px!important;box-shadow:0 7px 22px rgba(15,23,42,.055)!important}
  .forum-card-hover:hover,.forum-card-3d:hover{transform:none!important;box-shadow:0 7px 22px rgba(15,23,42,.055)!important}
  .forum-btn{min-height:44px!important;border-radius:13px!important;font-size:13px!important}
  .forum-input{min-height:46px!important;border-radius:13px!important;font-size:16px!important}
  .forum-chip{min-height:34px!important}

  /* Category/list layout */
  .forum-category-head{align-items:flex-start!important;padding:17px 16px!important;gap:12px!important}
  .forum-category-info{gap:11px!important}.forum-category-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .forum-category-title{font-size:16px!important}.forum-category-description{font-size:13px!important;line-height:1.5!important}
  .forum-topic-mobile-row{padding:15px 15px!important}.forum-topic-mobile-title{font-size:15px!important;line-height:1.38!important}

  /* Right-column content becomes normal stacked mobile content. */
  .forum-side-column{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;position:static!important}
  .forum-side-column .forum-card{padding:16px!important;border-radius:17px!important}

  /* Topic page: buttons and meta should wrap cleanly instead of squeezing. */
  .forum-topic-page .forum-shell{} /* marker retained for backwards-safe selectors */
  .forum-topic-page h1{font-size:clamp(25px,8vw,31px)!important;line-height:1.12!important}
  .forum-topic-page .forum-badge{font-size:12.5px!important}
  .forum-topic-page main{min-width:0!important}
  .forum-topic-page article.forum-card{overflow:hidden!important}
  .forum-topic-page article .forum-action{min-height:38px!important;padding:0 11px!important;border-radius:10px!important}
  .forum-topic-page .forum-image-grid{gap:8px!important;margin-top:12px!important}
  .forum-topic-page .forum-image-grid a{border-radius:12px!important}
  .forum-topic-page .forum-case-grid{gap:8px!important}
  .forum-topic-page .forum-case-item{padding:10px 11px!important;border-radius:12px!important}
  .forum-topic-page #reply-box{padding:16px!important}
  .forum-topic-page #reply-box>div:first-child{margin-bottom:12px!important}
  .forum-topic-page #replyForm>div:last-child{align-items:center!important;gap:10px!important}

  /* Rich editor: horizontally scroll tools, preserve preview button, no overflow. */
  .forum-editor{max-width:100%!important;overflow:visible!important}
  .forum-editor-toolbar{max-width:100%!important;overflow:visible!important}
  .forum-editor-tools:first-child{max-width:calc(100% - 42px)!important;padding-right:8px!important;scroll-snap-type:x proximity}
  .forum-editor-btn{scroll-snap-align:start;width:36px!important;height:36px!important}
  .forum-editor-field{min-height:190px!important;max-width:100%!important}
  .forum-editor-popover{max-height:min(480px,calc(100dvh - 150px));overflow:auto!important}

  /* Uploader */
  .forum-file-dropzone{gap:11px!important}
  .forum-file-icon{width:42px!important;height:42px!important;border-radius:12px!important}
  .forum-file-copy strong{font-size:12.5px!important}.forum-file-copy small{font-size:12.5px!important}

  /* Modals/lightbox use dynamic viewport units on mobile browsers. */
  .forum-create-modal-backdrop{padding:12px!important}
  .forum-create-modal-panel{max-height:calc(100dvh - 24px)!important;overflow:auto!important}
  .forum-lightbox-stage{height:calc(100dvh - 24px)!important}
  .forum-lightbox-image{max-height:calc(100dvh - 92px)!important}
}

@media(max-width:520px){
  .forum-hero>div{padding:20px 16px!important}.forum-hero h1{font-size:30px!important;line-height:1.08!important}
  .forum-hero p{font-size:13.5px!important;line-height:1.6!important}
  .forum-hero-stats{gap:8px!important}.forum-hero-stats>div{min-height:72px!important;padding:11px!important;border-radius:14px!important}
  .forum-hero-stats b{font-size:20px!important}

  .forum-topic-page .forum-case-grid{grid-template-columns:1fr!important}
  .forum-topic-page .forum-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forum-topic-page .forum-image-grid a{aspect-ratio:1.18/1!important}
  .forum-topic-page article .forum-action{font-size:12.75px!important}

  .forum-new-topic-page .forum-card{padding-left:14px!important;padding-right:14px!important}
  .forum-new-topic-page .forum-btn{max-width:100%!important}
  .forum-new-topic-page .forum-file-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .forum-notif-menu{left:6px!important;right:6px!important}
  .forum-mobile-nav{left:6px!important;right:6px!important}
}

@media(max-width:380px){
  .forum-topbar-inner{padding:0 7px!important}.forum-topbar .forum-icon-btn{width:38px!important;height:38px!important}
  .forum-brand-mark{width:34px!important;height:34px!important}
  .forum-mobile-nav a,.forum-mobile-nav button{font-size:12px!important}
  .forum-topic-page .forum-image-grid{grid-template-columns:1fr!important}.forum-topic-page .forum-image-grid a{aspect-ratio:4/3!important}
  .forum-editor-tools:first-child{max-width:calc(100% - 40px)!important}.forum-editor-btn{width:34px!important;height:34px!important}
}

/* =========================================================
   V3.12.1 — Mobile premium polish
   Tightens small-screen rhythm without changing desktop.
   ========================================================= */
@media(max-width:767px){
  /* Give content more usable width on phones. */
  .forum-shell>div{padding-left:10px!important;padding-right:10px!important;padding-top:16px!important;padding-bottom:22px!important}

  /* Header: compact, balanced and safe around narrow viewports. */
  .forum-topbar-inner{padding-left:9px!important;padding-right:9px!important}
  .forum-top-actions{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .forum-topbar .forum-lang,.forum-topbar .forum-notif{flex:0 0 auto}
  .forum-counter{top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #fff!important;font-size:12.25px!important;box-shadow:0 4px 12px rgba(239,68,68,.28)!important}

  /* Main search becomes a clean one-column mobile control deck. */
  .forum-search-panel{padding:10px!important;border-radius:16px!important}
  .forum-search-panel .forum-search-grid{grid-template-columns:1fr!important;gap:8px!important}
  .forum-search-panel .forum-search-grid>*{grid-column:auto!important;width:100%!important}
  .forum-search-panel .forum-search-submit{width:100%!important;min-width:0!important}
  .forum-search-quick{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:3px!important;margin-inline:-2px;padding-inline:2px;scroll-snap-type:x proximity}
  .forum-search-quick::-webkit-scrollbar{display:none}
  .forum-search-quick .forum-chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap!important}

  /* Category title stays visually compact instead of stacking vertically. */
  .forum-category-head{flex-direction:row!important;justify-content:flex-start!important}
  .forum-category-info{min-width:0!important;flex:1!important}

  /* Topic header actions become a balanced grid. */
  .forum-topic-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important}
  .forum-topic-toolbar .forum-btn{width:100%!important;justify-content:center!important;white-space:normal!important;text-align:center!important;padding-inline:10px!important}
  .forum-topic-summary-meta{gap:6px 8px!important;line-height:1.45!important}
  .forum-topic-summary-meta>span{display:inline-flex;align-items:center;min-width:0}

  /* Timeline card should not squeeze three pieces of metadata into one line. */
  .forum-topic-timeline{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:12px 14px!important;align-items:start!important}
  .forum-topic-timeline>div{justify-content:flex-start!important}

  /* Posts: cleaner author block and a horizontally scrollable action rail. */
  .forum-post-main{gap:10px!important}
  .forum-post-main>.forum-avatar{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important}
  .forum-post-header{gap:8px!important}
  .forum-post-header>div:first-child{min-width:0!important}
  .forum-post-actions{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none;padding-top:9px!important;padding-bottom:3px!important;scroll-snap-type:x proximity}
  .forum-post-actions::-webkit-scrollbar{display:none}
  .forum-post-actions .forum-action{flex:0 0 auto!important;scroll-snap-align:start;min-height:38px!important;padding:0 12px!important;white-space:nowrap!important;background:#fbfdff!important}

  /* Reply composer: actions read like a native mobile composer. */
  .forum-reply-footer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .forum-reply-footer #replyCounter{order:2;text-align:right!important;padding-right:2px}
  .forum-reply-footer .forum-btn-primary{order:1;width:100%!important;justify-content:center!important}
  .forum-editor-toolbar{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:8;background:rgba(250,252,255,.97)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

  /* Upload area becomes compact but touch-friendly. */
  .forum-file-dropzone{border-radius:14px!important}
  .forum-file-choose{min-height:40px!important}
  .forum-file-preview{gap:8px!important}

  /* Toasts stay visible above fixed mobile navigation. */
  .forum-toast-stack{left:8px!important;right:8px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;max-width:none!important}
  .forum-toast{border-radius:15px!important;padding:11px 12px!important}

  /* New-topic submit/cancel actions are full-width on phones. */
  .forum-new-topic-actions{display:grid!important;grid-template-columns:1fr!important}
  .forum-new-topic-actions .forum-btn{width:100%!important;justify-content:center!important}

  /* New-topic right assistance cards should breathe but not dominate. */
  .forum-new-topic-page .forum-side-column{gap:12px!important}
  .forum-new-topic-page .forum-side-column .forum-card{padding:14px!important}
}

@media(max-width:430px){
  .forum-topic-toolbar{grid-template-columns:1fr!important}
  .forum-topic-page h1{font-size:26px!important}
  .forum-post-main>.forum-avatar{width:38px!important;height:38px!important;min-width:38px!important}
  .forum-editor-field{min-height:176px!important}
  .forum-editor-preview{min-height:176px!important}
}

@media(max-width:360px){
  .forum-shell>div{padding-left:7px!important;padding-right:7px!important}
  .forum-topbar-inner{padding-left:6px!important;padding-right:6px!important;gap:5px!important}
  .forum-top-actions{gap:4px!important}
  .forum-topbar .forum-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .forum-brand-mark{width:32px!important;height:32px!important;border-radius:11px!important}
}

/* V3.13 — live reply arrival */
article[data-forum-live-post] {
  scroll-margin-top: 92px;
}
.forum-live-new-post {
  animation: forumLiveReplyArrival 1.35s cubic-bezier(.22,.75,.28,1) both;
}
@keyframes forumLiveReplyArrival {
  0% {
    opacity: .35;
    transform: translateY(10px);
    box-shadow: 0 0 0 1px rgba(37,99,235,.22), 0 16px 38px rgba(37,99,235,.10);
    background: linear-gradient(180deg, rgba(239,246,255,.92), rgba(255,255,255,.98));
  }
  48% {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 0 0 1px rgba(37,99,235,.14), 0 12px 28px rgba(37,99,235,.07);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    box-shadow: inherit;
    background: inherit;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forum-live-new-post { animation: none !important; }
}


/* =========================================================
   V3.13.1 — Mobile header + compact filters + nav alignment
   Screenshot-driven polish. Desktop behavior stays unchanged.
   ========================================================= */
.forum-brand-copy{display:flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}
.forum-brand-title,.forum-brand-forum{display:inline}

@media(max-width:767px){
  /* Restore the actual brand on mobile. The previous generic
     .forum-brand span rule also hid .forum-brand-mark. */
  .forum-topbar-inner{min-height:58px!important;padding:0 10px!important;gap:8px!important}
  .forum-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden}
  .forum-brand-mark{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:12px!important}
  .forum-brand-mark svg{display:block!important;width:18px!important;height:18px!important}
  .forum-brand-copy{display:flex!important;align-items:baseline!important;gap:3px!important;min-width:0!important;overflow:hidden!important}
  .forum-brand-title{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1!important;color:#0f172a!important}
  .forum-brand-forum{display:none!important}
  .forum-top-actions{flex:0 0 auto!important;gap:6px!important}

  /* Compact search/filter controls: same touch comfort, less visual bulk. */
  .forum-search-panel{padding:10px!important;border-radius:16px!important}
  .forum-search-panel .forum-search-grid{gap:7px!important}
  .forum-search-panel .forum-input,
  .forum-search-panel select.forum-input{
    min-height:44px!important;
    height:44px!important;
    padding:.54rem .78rem!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:500!important;
  }
  .forum-search-panel input.forum-input::placeholder{font-size:14px!important}
  .forum-search-panel .forum-search-submit{min-height:44px!important;height:44px!important;border-radius:12px!important;font-size:13px!important}
  .forum-search-quick{gap:6px!important;margin-top:8px!important;padding-top:8px!important}
  .forum-search-quick .forum-chip{min-height:31px!important;padding:.3rem .58rem!important;font-size:12.5px!important}

  /* Four truly equal bottom-nav cells. A two-line label no longer pushes
     the New Topic item lower than its neighbors. */
  .forum-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    column-gap:3px!important;
    min-height:68px!important;
    padding:6px!important;
  }
  .forum-mobile-nav a,
  .forum-mobile-nav button{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    height:54px!important;
    margin:0!important;
    padding:5px 2px!important;
    display:grid!important;
    grid-template-rows:22px 22px!important;
    align-items:center!important;
    justify-items:center!important;
    align-content:center!important;
    gap:1px!important;
    border-radius:12px!important;
    font-size:12.25px!important;
    line-height:1.05!important;
  }
  .forum-mobile-nav a svg,
  .forum-mobile-nav button svg{width:20px!important;height:20px!important;align-self:center!important}
  .forum-mobile-nav a>span,
  .forum-mobile-nav button>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:22px!important;
    max-width:100%!important;
    padding:0 1px!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .forum-mobile-nav button[data-forum-new-topic-open]{color:#2563eb!important}
}

@media(max-width:390px){
  .forum-brand-title{font-size:13px!important}
  .forum-brand-mark{flex-basis:34px!important;width:34px!important;height:34px!important}
  .forum-topbar .forum-icon-btn{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}
  .forum-top-actions{gap:4px!important}
}

@media(max-width:340px){
  .forum-brand-copy{display:none!important}
}

/* =========================================================
   V3.13.3 — Mobile centered search CTA
   Screenshot-driven refinement. Desktop remains unchanged.
   ========================================================= */
@media(max-width:767px){
  /* Search: keep large tap-friendly fields, but stop the CTA from
     visually dominating the whole filter card. */
  .forum-search-panel .forum-search-submit{
    width:156px!important;
    max-width:48%!important;
    min-width:132px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 18px!important;
    justify-self:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:11px!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
  }

  /* Bottom navigation: every item now gets exactly the same icon slot
     and exactly the same label slot. This removes the optical jump of
     the + / New Topic item caused by different SVG geometry. */
  .forum-mobile-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
  }
  .forum-mobile-nav a,
  .forum-mobile-nav button{
    display:grid!important;
    grid-template-rows:22px 14px!important;
    align-content:center!important;
    align-items:center!important;
    justify-items:center!important;
    row-gap:4px!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:4px 2px!important;
    margin:0!important;
    font-family:var(--forum-font-ui)!important;
    line-height:1!important;
    text-decoration:none!important;
  }
  .forum-mobile-nav .forum-mobile-nav-icon{
    width:24px!important;
    height:22px!important;
    min-width:24px!important;
    min-height:22px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
  .forum-mobile-nav .forum-mobile-nav-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    transform:none!important;
  }
  .forum-mobile-nav .forum-mobile-nav-label{
    display:block!important;
    width:100%!important;
    height:14px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0 1px!important;
    overflow:hidden!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    font-size:12.25px!important;
    font-weight:800!important;
    line-height:14px!important;
    transform:none!important;
  }
  .forum-mobile-nav button[data-forum-new-topic-open] .forum-mobile-nav-icon,
  .forum-mobile-nav button[data-forum-new-topic-open] .forum-mobile-nav-label{
    transform:none!important;
  }
}

@media(max-width:390px){
  .forum-search-panel .forum-search-submit{width:148px!important;min-width:126px!important}
  .forum-mobile-nav .forum-mobile-nav-label{font-size:12.25px!important}
}


/* =========================================================
   V3.14 — Mobile topic + composer premium polish
   Safe CSS-only refinement. Desktop layout is unchanged.
   ========================================================= */
@media(max-width:767px){
  /* Give fixed bottom navigation its own breathing room. */
  .forum-shell{padding-bottom:calc(102px + env(safe-area-inset-bottom))!important}

  /* Topic page: less oversized typography, cleaner hierarchy. */
  .forum-topic-page>div{padding-top:18px!important;padding-bottom:20px!important}
  .forum-topic-page h1{font-size:22px!important;line-height:1.16!important;letter-spacing:-.035em!important}
  .forum-topic-summary-meta{font-size:12.75px!important;gap:5px 8px!important}

  /* Keep topic actions compact instead of turning the header into a tall stack. */
  .forum-topic-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-topic-toolbar .forum-btn{min-height:39px!important;padding:0 9px!important;border-radius:11px!important;font-size:12.75px!important;line-height:1.1!important}

  /* Diagnostic facts: two-column cards on normal phones. */
  .forum-topic-page .forum-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-topic-page .forum-case-item{padding:9px 10px!important;border-radius:12px!important}
  .forum-topic-page .forum-case-item span{font-size:12px!important}
  .forum-topic-page .forum-case-item b{font-size:12.75px!important;margin-top:3px!important}

  /* Post cards: tighter, but still comfortable to read and tap. */
  .forum-topic-page article.forum-card{border-radius:16px!important}
  .forum-topic-page article.forum-card>.p-4,
  .forum-topic-page article.forum-card>.sm\:p-5{padding:14px!important}
  .forum-post-main{gap:10px!important}
  .forum-post-header{align-items:flex-start!important;gap:7px!important}
  .forum-post-header>a{display:grid!important;place-items:center!important;min-width:28px!important;height:28px!important;border-radius:8px!important;background:#f8fafc!important;text-decoration:none!important}
  .forum-post-actions{margin-top:2px!important}
  .forum-post-actions .forum-action{border:1px solid #e5ebf3!important;border-radius:10px!important;background:#fbfdff!important;box-shadow:0 1px 2px rgba(15,23,42,.025)!important}

  /* Translation/result boxes follow the same compact visual language. */
  .forum-translation-panel{margin-top:10px!important;padding:11px 12px!important;border-radius:12px!important}
  .forum-solution{border-radius:15px!important}

  /* Reply composer: reduce vertical bulk without sacrificing 16px mobile text. */
  #reply-box.forum-card{padding:14px!important;border-radius:17px!important}
  #reply-box>div:first-child{margin-bottom:11px!important}
  #reply-box h2{font-size:16px!important}
  #reply-box p{line-height:1.45!important}
  .forum-editor{border-radius:15px!important;box-shadow:0 7px 22px rgba(15,23,42,.045)!important}
  .forum-editor-toolbar{min-height:47px!important;padding:5px 6px!important;border-radius:15px 15px 0 0!important}
  .forum-editor-btn{width:34px!important;height:34px!important;border-radius:9px!important}
  .forum-editor-field{min-height:158px!important;padding:14px!important;line-height:1.6!important;border-radius:0 0 15px 15px!important}
  .forum-editor-preview{min-height:158px!important;padding:14px!important;border-radius:0 0 15px 15px!important}

  /* Photo uploader: one compact, balanced row. */
  .forum-file-uploader-compact .forum-file-dropzone{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:13px!important}
  .forum-file-uploader-compact .forum-file-icon{width:40px!important;height:40px!important;border-radius:11px!important}
  .forum-file-uploader-compact .forum-file-copy{min-width:0!important}
  .forum-file-uploader-compact .forum-file-copy strong{font-size:12.75px!important}
  .forum-file-uploader-compact .forum-file-copy small{font-size:12.25px!important;line-height:1.35!important}
  .forum-file-uploader-compact .forum-file-choose{min-height:36px!important;padding:0 10px!important;white-space:nowrap!important;font-size:12.5px!important}
  .forum-file-uploader-compact .forum-file-meta{font-size:12.25px!important;gap:6px!important}

  .forum-reply-footer{margin-top:10px!important}
  .forum-reply-footer .forum-btn-primary{min-height:42px!important;border-radius:11px!important;font-size:13px!important}
}

@media(max-width:389px){
  .forum-topic-page h1{font-size:20px!important}
  .forum-topic-page .forum-case-grid{grid-template-columns:1fr!important}
  .forum-topic-toolbar{grid-template-columns:1fr!important}
  .forum-file-uploader-compact .forum-file-dropzone{grid-template-columns:38px minmax(0,1fr)!important}
  .forum-file-uploader-compact .forum-file-choose{grid-column:1/-1!important;width:100%!important;justify-content:center!important}
}

/* =========================================================
   V3.14.1 — Mobile solved-result card compact polish
   Desktop is intentionally unchanged.
   ========================================================= */
@media(max-width:767px){
  /* Solved/result card: preserve premium green style, reduce visual bulk. */
  #case-result.forum-solution{
    padding:15px 14px!important;
    border-radius:15px!important;
  }
  #case-result.forum-solution>.flex{
    gap:10px!important;
    align-items:flex-start!important;
  }
  #case-result.forum-solution>.flex>div:first-child{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }
  #case-result.forum-solution>.flex>div:first-child svg{
    width:18px!important;
    height:18px!important;
  }
  #case-result.forum-solution h2{
    font-size:16px!important;
    line-height:1.22!important;
    letter-spacing:-.02em!important;
  }
  #case-result.forum-solution h2+span,
  #case-result.forum-solution .text-green-700.text-\[10px\]{
    font-size:12.25px!important;
    line-height:1.2!important;
  }
  #case-result.forum-solution .mt-4{
    margin-top:10px!important;
  }
  #case-result.forum-solution .mt-3{
    margin-top:8px!important;
  }
  #case-result.forum-solution .text-\[13px\]{
    font-size:13px!important;
    line-height:1.45!important;
  }
  #case-result.forum-solution .text-\[10px\].uppercase{
    font-size:12.25px!important;
    letter-spacing:.035em!important;
  }
  #case-result.forum-solution a.forum-btn{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:38px!important;
    padding:0 15px!important;
    margin:11px auto 0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    font-size:12.75px!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:0 7px 18px rgba(22,163,74,.16)!important;
  }
  #case-result.forum-solution .inline-flex.mt-4{
    padding:7px 9px!important;
    margin-top:10px!important;
    border-radius:10px!important;
    font-size:12.5px!important;
  }
}

@media(max-width:390px){
  #case-result.forum-solution{padding:13px 12px!important}
  #case-result.forum-solution>.flex{gap:9px!important}
  #case-result.forum-solution>.flex>div:first-child{
    width:35px!important;height:35px!important;min-width:35px!important
  }
  #case-result.forum-solution h2{font-size:15px!important}
  #case-result.forum-solution a.forum-btn{
    min-height:36px!important;padding:0 13px!important;font-size:12.75px!important
  }
}

/* =========================================================
   V3.14.3 — True mobile centering for best-answer CTA
   The CTA lives inside the right flex column, so margin:auto
   centers it inside that column, not inside the whole card.
   Compensate by half of (icon width + flex gap).
   Desktop remains unchanged.
   ========================================================= */
@media(max-width:767px){
  #case-result.forum-solution a.forum-btn{
    position:relative!important;
    left:-24px!important; /* (38px icon + 10px gap) / 2 */
    transform:none!important;
  }
}

@media(max-width:390px){
  #case-result.forum-solution a.forum-btn{
    left:-22px!important; /* (35px icon + 9px gap) / 2 */
  }
}


/* =========================================================
   V3.15 — Helpful vote active state
   Premium solved-style feedback for topic/post votes.
   ========================================================= */
.forum-action-helpful{
  position:relative;
  overflow:hidden;
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.forum-action-helpful.is-active{
  color:#15803d!important;
  border-color:#86efac!important;
  background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%)!important;
  box-shadow:0 4px 14px rgba(22,163,74,.12),inset 0 1px 0 rgba(255,255,255,.85)!important;
  font-weight:800!important;
}
.forum-action-helpful.is-active svg{
  color:#16a34a!important;
  stroke-width:2.15!important;
}
.forum-action-helpful.is-active:hover{
  color:#166534!important;
  border-color:#4ade80!important;
  background:linear-gradient(180deg,#dcfce7 0%,#bbf7d0 100%)!important;
  box-shadow:0 6px 18px rgba(22,163,74,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.forum-action-helpful-readonly{
  color:#15803d!important;
  border-color:#bbf7d0!important;
  background:#f0fdf4!important;
}
.forum-action-helpful-readonly svg{color:#16a34a!important}
@keyframes forum-helpful-pop{
  0%{transform:scale(1)}
  45%{transform:scale(1.055)}
  100%{transform:scale(1)}
}
.forum-action-helpful.forum-helpful-pop{animation:forum-helpful-pop .38s cubic-bezier(.2,.8,.2,1)}

/* Mobile post action strip has a generic background override; keep liked state visibly green. */
@media(max-width:767px){
  .forum-post-actions .forum-action-helpful.is-active{
    color:#15803d!important;
    border-color:#86efac!important;
    background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%)!important;
    box-shadow:0 3px 10px rgba(22,163,74,.11)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .forum-action-helpful.forum-helpful-pop{animation:none!important}
}

/* =========================================================
   V3.16 — My Forum + Notifications + Settings premium pass
   Responsive polish only; no database/schema changes.
   ========================================================= */

/* ---------- My Forum ---------- */
.forum-my-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px;
}
.forum-my-heading{min-width:0}
.forum-my-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.forum-my-stat{
  display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;
  border:1px solid #dce5f0;border-radius:999px;background:rgba(255,255,255,.82);
  color:#64748b;font:700 12.75px/1 var(--forum-font-ui);box-shadow:0 3px 10px rgba(15,23,42,.035)
}
.forum-my-stat svg{width:13px;height:13px;color:#64748b}
.forum-my-stat b{color:#1e293b;font-weight:850}
.forum-my-stat small{font:inherit;color:#7c8da5}
.forum-my-stat.level{border-color:#cfe0ff;background:#f4f8ff;color:#245bd8}
.forum-my-stat.level svg,.forum-my-stat.level b{color:#245bd8}
.forum-my-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px!important}
.forum-my-tabs .forum-btn{width:100%;min-width:0;justify-content:center}
.forum-my-topic-card{overflow:hidden;padding:17px 18px!important;border-radius:18px!important}
.forum-my-topic-card.has-new{border-color:#bfd7ff!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.forum-my-topic-card.has-new::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#60a5fa,#2563eb)
}
.forum-my-topic-card .font-semibold{font-family:var(--forum-font-ui);font-size:14px!important;line-height:1.45!important;font-weight:800!important;color:#182235}
.forum-my-topic-card .text-\[10px\]{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12.75px!important;line-height:1.45!important}
.forum-my-new-badge{gap:6px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important}
.forum-my-new-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.forum-my-solution-card{border-radius:18px!important;box-shadow:0 8px 24px rgba(22,163,74,.06)!important}

/* ---------- Notifications page ---------- */
.forum-notifications-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.forum-notifications-header h1{font-weight:850!important;letter-spacing:-.03em}
.forum-notifications-card{border-radius:20px!important}
.forum-notifications-row{position:relative;min-height:76px;padding:15px 17px!important;gap:12px!important;background:#fff}
.forum-notifications-row.unread{
  background:linear-gradient(90deg,#f3f8ff 0%,#f8fbff 62%,#fff 100%)!important
}
.forum-notifications-row.unread::before{
  content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:#3b82f6
}
.forum-notifications-row>.forum-avatar{flex:0 0 40px;border-radius:50%!important;border:1px solid #dbe7fb;background:#eef5ff;color:#2563eb}
.forum-notifications-row b{font:800 12.5px/1.35 var(--forum-font-ui)!important;color:#172033!important}
.forum-notifications-row p{margin-top:3px!important;font-size:12.75px!important;line-height:1.48!important;color:#64748b!important}
.forum-notifications-row time{display:block;margin-top:6px;font-size:12.5px!important;color:#9aa8ba!important}
.forum-notification-unread-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:999px;background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.11)}

/* ---------- Settings ---------- */
.forum-settings-card{overflow:visible}
.forum-settings-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.forum-settings-heading h1{font-weight:850!important;letter-spacing:-.03em}
.forum-language-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.forum-language-option{
  display:block;min-height:68px;padding:12px 8px;text-align:center;border:1px solid #dce5f0;border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfdff);color:#475569;box-shadow:0 3px 10px rgba(15,23,42,.025);
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease
}
label:hover>.forum-language-option{border-color:#bfd0e6;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.05)}
.peer:checked+.forum-language-option{
  border-color:#93b4ff;background:linear-gradient(180deg,#f3f7ff,#edf4ff);color:#1d4ed8;
  box-shadow:0 0 0 3px rgba(59,130,246,.08),0 6px 18px rgba(37,99,235,.07)
}
.forum-language-option b{font:850 13px/1 var(--forum-font-ui)}
.forum-language-option small{font-size:12.25px!important;line-height:1.25!important}
.forum-setting-option{
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;
  padding:13px 14px;border:1px solid #dce5f0;border-radius:15px;background:linear-gradient(180deg,#fff,#fcfdff);
  cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.025);transition:border-color .16s,background .16s,box-shadow .16s
}
.forum-setting-option:hover{border-color:#c9d7e8;background:#fbfdff;box-shadow:0 6px 18px rgba(15,23,42,.045)}
.forum-setting-icon{border:1px solid #dce8fb!important;background:#f2f7ff!important;color:#2f64db!important}
.forum-setting-copy b{display:block;font:800 12.5px/1.35 var(--forum-font-ui);color:#1e293b}
.forum-setting-copy>span{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:#94a3b8}
.forum-setting-switch{
  position:relative;display:inline-flex;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#d7e0ea;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);transition:background .18s ease,box-shadow .18s ease
}
.forum-setting-switch>span{
  position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;
  box-shadow:0 2px 5px rgba(15,23,42,.22);transition:transform .18s cubic-bezier(.2,.8,.2,1)
}
.forum-setting-checkbox:checked+.forum-setting-switch{background:linear-gradient(135deg,#2f6cf1,#4f46e5);box-shadow:0 4px 12px rgba(37,99,235,.2)}
.forum-setting-checkbox:checked+.forum-setting-switch>span{transform:translateX(18px)}
.forum-setting-checkbox:focus-visible+.forum-setting-switch{outline:2px solid #60a5fa;outline-offset:3px}
.forum-settings-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}

/* ---------- Tablet ---------- */
@media(min-width:768px) and (max-width:1119px){
  .forum-my-layout,.forum-settings-layout{grid-template-columns:1fr!important}
  .forum-my-layout>.forum-side-column,.forum-settings-layout>.forum-side-column{margin-top:2px}
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .forum-my-page>div,.forum-notifications-page>div,.forum-settings-page>div{padding-top:15px!important}

  .forum-my-hero{align-items:stretch;gap:12px;margin-bottom:15px}
  .forum-my-hero h1{font-size:27px!important;line-height:1.12!important}
  .forum-my-stats{gap:6px;margin-top:10px}
  .forum-my-stat{min-height:30px;padding:0 9px;font-size:12.5px;gap:5px}
  .forum-my-stat small{display:none}
  .forum-my-new-topic{display:none!important} /* fixed bottom action already exists */
  .forum-my-layout{gap:14px!important}
  .forum-my-tabs{display:flex!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;padding:6px!important}
  .forum-my-tabs::-webkit-scrollbar{display:none}
  .forum-my-tabs .forum-btn{flex:1 0 auto;min-width:112px!important;min-height:40px!important;padding:0 11px!important;font-size:12.75px!important}
  .forum-my-topic-card{padding:14px 14px!important;border-radius:16px!important}
  .forum-my-topic-card .font-semibold{font-size:13.5px!important;line-height:1.4!important}
  .forum-my-topic-card .text-\[10px\]{font-size:12.5px!important;margin-top:7px!important}
  .forum-my-topic-card.has-new::before{top:11px;bottom:11px}
  .forum-my-solution-card{padding:15px!important;border-radius:16px!important}

  .forum-notifications-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:13px}
  .forum-notifications-header h1{font-size:25px!important;line-height:1.15!important}
  .forum-notifications-header form{width:100%}
  .forum-mark-all-btn{width:100%!important;min-height:40px!important}
  .forum-notifications-card{border-radius:17px!important}
  .forum-notifications-row{min-height:72px;padding:13px 13px!important;gap:10px!important}
  .forum-notifications-row>.forum-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .forum-notifications-row b{font-size:13px!important}
  .forum-notifications-row p{font-size:12.75px!important}
  .forum-notifications-row time{font-size:12.25px!important;margin-top:5px}
  .forum-notification-unread-dot{width:7px;height:7px;flex-basis:7px;margin-right:1px}

  .forum-settings-layout{gap:14px!important}
  .forum-settings-card{padding:15px!important;border-radius:17px!important}
  .forum-settings-heading{gap:10px;margin-bottom:17px}
  .forum-settings-heading .forum-brand-mark{width:40px!important;height:40px!important;flex:0 0 40px}
  .forum-settings-heading h1{font-size:24px!important;line-height:1.15!important}
  .forum-settings-heading p{font-size:12.75px!important;line-height:1.45!important}
  .forum-language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .forum-language-option{min-height:60px;padding:10px 5px;border-radius:12px}
  .forum-language-option b{font-size:12.75px}.forum-language-option small{font-size:12px!important}
  .forum-setting-option{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:68px;padding:12px;border-radius:14px}
  .forum-setting-option .forum-setting-icon{width:38px!important;height:38px!important}
  .forum-setting-copy b{font-size:13px}.forum-setting-copy>span{font-size:12.5px}
  .forum-setting-switch{width:40px;height:23px;flex-basis:40px}.forum-setting-switch>span{width:17px;height:17px}.forum-setting-checkbox:checked+.forum-setting-switch>span{transform:translateX(17px)}
  .forum-settings-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .forum-settings-actions .forum-btn{width:100%!important}
}

@media(max-width:380px){
  .forum-my-stat{padding:0 8px;font-size:12.25px}
  .forum-my-tabs .forum-btn{min-width:106px!important;font-size:12.75px!important}
  .forum-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .forum-setting-option{grid-template-columns:36px minmax(0,1fr) auto;padding:11px 10px;gap:9px}
  .forum-setting-option .forum-setting-icon{width:36px!important;height:36px!important}
}

@media(prefers-reduced-motion:reduce){
  .forum-language-option,.forum-setting-option,.forum-setting-switch,.forum-setting-switch>span{transition:none!important}
}

/* V3.16.1 — mobile topbar cleanup: settings live only in bottom nav */
@media(max-width:767px){
  .forum-top-settings-link{display:none!important}
}

/* =========================================================
   Hotfix 3.16.2 — compact language chooser on mobile only
   ========================================================= */
@media (max-width: 767px){
  .forum-language-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .forum-language-option{
    min-height:48px!important;
    padding:7px 4px!important;
    border-radius:11px!important;
  }
  .forum-language-option b{
    font-size:12.5px!important;
    line-height:1.05!important;
  }
  .forum-language-option small{
    margin-top:4px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
}

@media (max-width: 380px){
  .forum-language-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .forum-language-option{
    min-height:46px!important;
    padding:6px 3px!important;
  }
  .forum-language-option b{font-size:12.5px!important}
  .forum-language-option small{font-size:12px!important}
}

/* ======================================================================
   V3.17 — New Topic: premium form + mobile polish
   ====================================================================== */
.forum-new-topic-hero h1{letter-spacing:-.035em}
.forum-new-topic-section{overflow:visible}
.forum-new-topic-section-head{min-width:0}
.forum-new-topic-section-head>div{min-width:0}
.forum-new-topic-section-head h2{letter-spacing:-.015em}
.forum-new-topic-step-icon{flex:0 0 36px;border:1px solid rgba(191,219,254,.72);box-shadow:0 5px 14px rgba(37,99,235,.07)}
.forum-new-topic-step3 .forum-new-topic-step-icon{border-color:rgba(221,214,254,.78);box-shadow:0 5px 14px rgba(109,40,217,.06)}
.forum-new-topic-form label{font-family:var(--forum-font-ui);color:#334155}
.forum-new-topic-form .forum-input{width:100%}
.forum-new-topic-symptom-list label>span{transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.forum-new-topic-symptom-list label:hover>span{transform:translateY(-1px);border-color:#c7d7eb;background:#fbfdff;box-shadow:0 4px 12px rgba(15,23,42,.035)}
.forum-new-topic-side .forum-card{border-radius:18px}
.forum-new-topic-actions .forum-btn-primary{box-shadow:0 10px 24px rgba(37,99,235,.16)}

@media(max-width:767px){
  .forum-new-topic-wrap{padding:14px 12px 96px!important}
  .forum-new-topic-breadcrumbs{display:none!important}
  .forum-new-topic-hero{margin-bottom:14px!important;padding:0 2px}
  .forum-new-topic-hero h1{font-size:clamp(19px,5.6vw,23px)!important;line-height:1.08!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .forum-new-topic-hero p{margin-top:7px!important;max-width:96%;font-size:12.75px!important;line-height:1.5!important;color:#64748b!important}
  .forum-new-topic-layout{gap:13px!important}
  .forum-new-topic-form>*+*{margin-top:12px!important}

  .forum-new-topic-section{padding:14px!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(15,23,42,.04)!important}
  .forum-new-topic-section-head{gap:10px!important;margin-bottom:13px!important}
  .forum-new-topic-step-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
  .forum-new-topic-section-head h2{font-size:14.5px!important;line-height:1.25!important}
  .forum-new-topic-section-head p{margin-top:1px;font-size:12.25px!important;line-height:1.35!important}

  .forum-new-topic-form label{font-size:12.75px!important;margin-bottom:5px!important}
  .forum-new-topic-form .forum-input{min-height:44px!important;padding:.66rem .75rem!important;border-radius:12px!important;font-size:16px!important;line-height:1.25!important}
  .forum-new-topic-form select.forum-input{padding-right:2rem!important}

  /* Step 1: section across the full row, type + urgency side-by-side. */
  .forum-new-topic-main-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  .forum-new-topic-main-grid>div:first-child{grid-column:1/-1}

  /* Step 2: compact vehicle layout without sacrificing readable fields. */
  .forum-new-topic-step2>.mb-4{margin-bottom:11px!important}
  .forum-new-topic-vehicle-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  .forum-new-field-model,.forum-new-field-engine{grid-column:1/-1}
  .forum-new-field-year,.forum-new-field-mileage,.forum-new-field-fuel,.forum-new-field-transmission{min-width:0}

  /* DTC + symptom chips. */
  .forum-new-topic-step3 .text-\[10px\]{font-size:12.25px!important;line-height:1.4!important}
  .forum-new-topic-symptoms{margin-top:12px!important}
  .forum-new-topic-symptom-list{gap:6px!important}
  .forum-new-topic-symptom-list label>span{min-height:32px;padding:6px 9px!important;border-radius:10px!important;font-size:12.5px!important;line-height:1.1!important}

  /* Main message card. */
  .forum-new-topic-step4>div.mt-4{margin-top:12px!important}
  .forum-new-topic-step4 #messageCounter{font-size:12.25px!important}
  .forum-new-topic-step4 .forum-editor{margin-top:0}
  .forum-new-topic-step4 .forum-editor-toolbar{position:relative!important;top:auto!important;z-index:3!important}
  .forum-new-topic-step4 .forum-editor-field{min-height:150px!important;padding:13px!important}
  .forum-new-topic-step4 .forum-editor-preview{min-height:150px!important;padding:13px!important}

  /* Photo uploader: compact but still easy to tap. */
  .forum-new-topic-step4 .forum-file-uploader-compact .forum-file-dropzone{padding:9px!important;gap:9px!important}
  .forum-new-topic-step4 .forum-file-uploader-compact .forum-file-meta{margin-top:7px!important}
  .forum-new-topic-step4 .forum-file-preview{gap:7px!important;margin-top:8px!important}

  /* Publish first; cancel becomes a quiet secondary action. */
  .forum-new-topic-actions{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:13px!important;padding-top:12px!important}
  .forum-new-topic-actions .forum-btn-primary{order:1;width:100%!important;min-height:44px!important;font-size:12.5px!important;justify-content:center!important}
  .forum-new-topic-actions .forum-btn-secondary{order:2;align-self:center;width:auto!important;min-height:36px!important;padding:0 14px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#64748b!important;font-size:12.75px!important}
  .forum-new-topic-actions .forum-btn-secondary:hover{background:#f8fafc!important;border-color:#e2e8f0!important}

  /* Quality / helper cards below the form. */
  .forum-new-topic-side{gap:10px!important;margin-top:0!important}
  .forum-new-topic-side .forum-card{padding:13px!important;border-radius:16px!important}
  .forum-new-topic-side h3{font-size:12.5px!important}
  .forum-new-topic-side p,.forum-new-topic-side li{font-size:12.5px!important;line-height:1.45!important}
  .forum-new-topic-side #qualityPercent{font-size:17px!important}
  .forum-new-topic-side .forum-progress{margin-top:10px!important}
  .forum-new-topic-side #qualityTips{margin-top:10px!important}
}

@media(max-width:380px){
  .forum-new-topic-wrap{padding-left:10px!important;padding-right:10px!important}
  .forum-new-topic-main-grid{grid-template-columns:1fr!important}
  .forum-new-topic-main-grid>div:first-child{grid-column:auto}
  .forum-new-topic-vehicle-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .forum-new-field-model,.forum-new-field-engine{grid-column:1/-1}
  .forum-new-topic-section{padding:12px!important}
  .forum-new-topic-symptom-list label>span{padding:6px 8px!important;font-size:12.5px!important}
}
@media(max-width:340px){
  .forum-new-topic-hero h1{font-size:18px!important;letter-spacing:-.05em!important}
}



/* =========================================================
   V3.18 — Search & Filters premium polish (desktop + mobile)
   Search UX, active quick filters, result states and responsive balance.
   ========================================================= */
.forum-search-panel{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-color:#dce5ef;
}
.forum-search-field{position:relative;min-width:0}
.forum-search-field-icon{
  position:absolute;left:13px;top:50%;z-index:2;transform:translateY(-50%);
  width:18px;height:18px;display:grid;place-items:center;color:#8ca0b8;pointer-events:none;
}
.forum-search-field-icon svg{width:16px;height:16px}
.forum-search-input{padding-left:40px!important;padding-right:38px!important}
.forum-search-clear{
  position:absolute;right:8px;top:50%;z-index:3;transform:translateY(-50%);
  width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;
  color:#94a3b8;background:transparent;transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.forum-search-clear:hover{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe;transform:translateY(-50%) scale(1.04)}
.forum-search-actions{display:flex;align-items:stretch;gap:7px;min-width:0}
.forum-search-reset{flex:0 0 42px!important;width:42px!important;min-width:42px!important;padding:0!important;display:grid!important;place-items:center!important}
.forum-search-quick{align-items:center}
.forum-search-quick .forum-chip{transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
.forum-search-quick .forum-chip-active{
  color:#1d4ed8!important;border-color:#a9c7ff!important;background:linear-gradient(180deg,#eff6ff,#eaf2ff)!important;
  box-shadow:0 5px 14px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.forum-search-quick .forum-chip-active-success{
  color:#15803d!important;border-color:#bbf7d0!important;background:linear-gradient(180deg,#f0fdf4,#ecfdf5)!important;
  box-shadow:0 5px 14px rgba(34,197,94,.09),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.forum-search-quick .forum-chip-active-danger{
  color:#b45309!important;border-color:#fed7aa!important;background:linear-gradient(180deg,#fff7ed,#fffaf3)!important;
  box-shadow:0 5px 14px rgba(245,158,11,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.forum-search-quick .forum-chip-active:hover{transform:translateY(-1px)}
.forum-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(180deg,#fff,#fcfdff)}
.forum-results-head .forum-section-meta strong{color:#334155;font-weight:800}
.forum-results-clear{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;
  border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#64748b;font:750 12.75px/1 var(--forum-font-ui);
  transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.forum-results-clear:hover{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff;transform:translateY(-1px)}
.forum-empty-search{padding:44px 22px}
.forum-empty-search .forum-empty-icon{margin-inline:auto}

/* Web / desktop: improve scanability without making the bar visually heavy. */
@media(min-width:1200px){
  .forum-search-panel{padding:13px 14px!important}
  .forum-search-panel .forum-search-grid{grid-template-columns:minmax(300px,3.5fr) minmax(142px,1.45fr) minmax(142px,1.45fr) minmax(142px,1.45fr) minmax(116px,.9fr)!important;gap:9px!important}
  .forum-search-panel .forum-input{height:42px!important;min-height:42px!important;font-size:13px!important;border-radius:12px!important}
  .forum-search-panel .forum-search-submit{height:42px!important;min-height:42px!important;padding-inline:14px!important}
  .forum-search-quick{margin-top:9px!important;padding-top:9px!important;gap:7px!important}
  .forum-search-quick .forum-chip{min-height:31px!important;padding:.32rem .62rem!important;font-size:12.5px!important}
}
@media(min-width:768px) and (max-width:1199px){
  .forum-search-panel .forum-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .forum-search-panel .forum-search-grid>div{grid-column:auto!important}
  .forum-search-panel .forum-search-grid>div:first-child{grid-column:1/-1!important}
  .forum-search-panel .forum-search-actions{grid-column:1/-1!important;justify-content:flex-end}
  .forum-search-panel .forum-search-submit{width:160px!important;flex:0 0 160px!important}
}

/* Phones: retain touch comfort, but make the filter deck compact and intentional. */
@media(max-width:767px){
  .forum-search-panel{padding:10px!important}
  .forum-search-field-icon{left:12px!important}
  .forum-search-input{padding-left:38px!important;padding-right:36px!important}
  .forum-search-clear{right:7px!important;width:27px!important;height:27px!important}
  .forum-search-actions{width:100%!important;justify-content:center!important;align-items:center!important}
  .forum-search-panel .forum-search-submit{
    flex:0 0 auto!important;width:156px!important;max-width:52%!important;min-width:132px!important;
    margin:0!important;justify-self:auto!important;
  }
  .forum-search-reset{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:11px!important}
  .forum-search-quick{scroll-padding-inline:2px}
  .forum-search-quick .forum-chip-active{box-shadow:0 4px 12px rgba(37,99,235,.09)!important}
  .forum-results-head{padding:13px 14px;gap:10px}
  .forum-results-head .forum-section-title{font-size:15px!important}
  .forum-results-head .forum-section-meta{font-size:12.5px!important;margin-top:2px!important}
  .forum-results-clear{min-height:32px;padding:0 9px;font-size:12.5px;border-radius:9px}
  .forum-empty-search{padding:30px 16px 34px}
}
@media(max-width:390px){
  .forum-results-clear span{display:none}
  .forum-results-clear{width:32px;padding:0}
}

/* =========================================================
   V3.19 — Desktop/Web audit: forum home balance & density
   Desktop-only. Mobile/tablet behavior from 3.18 is preserved.
   ========================================================= */
@media (min-width:1200px){
  /* Wider, calmer desktop canvas without making lines too long. */
  .forum-home-page>div{
    max-width:1500px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    padding-top:28px!important;
    padding-bottom:42px!important;
  }
  .forum-topbar-inner{max-width:1500px!important}

  /* Hero: less empty vertical space, stronger information hierarchy. */
  .forum-home-page .forum-hero{margin-bottom:22px!important;border-radius:22px!important}
  .forum-home-page .forum-hero>div{padding:27px 30px!important}
  .forum-home-page .forum-hero h1{font-size:clamp(36px,2.7vw,46px)!important;line-height:1.05!important;letter-spacing:-.045em!important}
  .forum-home-page .forum-hero p{max-width:760px!important;margin-top:8px!important;font-size:14.5px!important;line-height:1.62!important}
  .forum-home-page .forum-hero .forum-btn{min-height:38px!important;padding-inline:13px!important}
  .forum-home-page .forum-hero-stats{max-width:720px!important;gap:10px!important;margin-top:20px!important}
  .forum-home-page .forum-hero-stats>div{min-height:74px!important;padding:12px 14px!important;border-radius:14px!important}
  .forum-home-page .forum-hero-stats>div>div{font-size:12.5px!important}
  .forum-home-page .forum-hero-stats b{font-size:23px!important;margin-top:4px!important}

  /* Main column + sidebar proportions tuned for 1366–1920px web layouts. */
  .forum-home-page .forum-main-layout{
    grid-template-columns:minmax(0,1fr) 328px!important;
    gap:24px!important;
  }
  .forum-home-page .forum-main-content{gap:0}
  .forum-home-page .forum-main-content>*+*{margin-top:18px!important}
  .forum-home-page .forum-side-column{top:86px!important}
  .forum-home-page .forum-side-column .forum-card{padding:18px!important;border-radius:18px!important}
  .forum-home-page .forum-side-column .forum-card h3{font-size:14px!important;letter-spacing:-.018em}
  .forum-home-page .forum-side-column .forum-card .text-\[12px\]{font-size:12.75px!important}
  .forum-home-page .forum-side-column .forum-card .text-\[11px\]{font-size:12.5px!important}

  /* Search stays compact and visually aligned with the category cards. */
  .forum-home-page .forum-search-panel{border-radius:18px!important;box-shadow:0 7px 22px rgba(15,23,42,.045)!important}
  .forum-home-page .forum-search-panel .forum-search-grid{
    grid-template-columns:minmax(310px,3.8fr) minmax(138px,1.45fr) minmax(138px,1.45fr) minmax(138px,1.45fr) minmax(112px,.9fr)!important;
  }
  .forum-home-page .forum-search-quick{overflow:hidden}

  /* Large category cards should feel anchored, not jump as a whole on hover. */
  .forum-home-page main>section.forum-card-hover:hover{
    transform:none!important;
    border-color:#cfdae8!important;
    box-shadow:0 14px 38px rgba(15,23,42,.075)!important;
  }
  .forum-home-page .forum-category-head{padding:17px 19px!important;gap:16px!important}
  .forum-home-page .forum-category-info{gap:12px!important}
  .forum-home-page .forum-category-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .forum-home-page .forum-category-title{font-size:16.5px!important;line-height:1.25!important}
  .forum-home-page .forum-category-description{font-size:13px!important;line-height:1.48!important;margin-top:3px!important}
  .forum-home-page .forum-category-meta{font-size:12.5px!important;margin-top:5px!important}

  /* Topic rows: denser forum-like scanability with clearer metrics. */
  .forum-home-page .forum-topic-row{
    grid-template-columns:minmax(0,1.7fr) minmax(155px,.64fr) 64px 64px minmax(116px,.48fr)!important;
    gap:13px!important;
    padding:15px 18px!important;
  }
  .forum-home-page .forum-topic-row::before{top:8px!important;bottom:8px!important}
  .forum-home-page .forum-topic-row:hover{transform:none!important;background:linear-gradient(90deg,rgba(239,246,255,.72),rgba(255,255,255,.9))!important}
  .forum-home-page .forum-topic-title{font-size:14.5px!important;line-height:1.32!important}
  .forum-home-page .forum-topic-meta{font-size:12.5px!important}
  .forum-home-page .forum-topic-vehicle-name{font-size:12.75px!important}
  .forum-home-page .forum-topic-obd,.forum-home-page .forum-topic-muted{font-size:12.5px!important}
  .forum-home-page .forum-topic-metric-value{font-size:14px!important}
  .forum-home-page .forum-topic-metric-label{font-size:12.25px!important;margin-top:2px!important}
  .forum-home-page .forum-topic-last-author{font-size:12.5px!important}
  .forum-home-page .forum-topic-last-time{font-size:12.25px!important;margin-top:2px!important}
  .forum-home-page .forum-badge{font-size:12px!important;padding:.23rem .46rem!important}

  /* Search result header follows the same desktop density. */
  .forum-home-page .forum-results-head{padding:13px 18px!important}
  .forum-home-page .forum-results-head .forum-section-title{font-size:15px!important}
  .forum-home-page .forum-results-head .forum-section-meta{font-size:12.5px!important}
}

@media (min-width:1500px){
  .forum-home-page .forum-main-layout{grid-template-columns:minmax(0,1fr) 342px!important;gap:28px!important}
  .forum-home-page>div{padding-left:28px!important;padding-right:28px!important}
}

/* =========================================================
   V3.20 — Desktop/Web topic audit
   Topic reading, author cards, actions, editor and sidebar.
   Mobile/tablet rules remain untouched.
   ========================================================= */
.forum-online-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.forum-online-dot{width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12);flex:0 0 auto}

@media (min-width:1200px){
  .forum-topic-page>div{
    max-width:1500px!important;
    padding:26px 24px 48px!important;
  }

  /* Header and page proportions */
  .forum-topic-page .forum-topic-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 322px!important;
    gap:24px!important;
    align-items:start!important;
  }
  .forum-topic-page .forum-topic-layout>main{
    grid-column:auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .forum-topic-page .forum-topic-layout>main>*+*{margin-top:0!important}
  .forum-topic-page h1{
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-.037em!important;
    max-width:980px;
  }
  .forum-topic-page .forum-topic-summary-meta{
    margin-top:8px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  .forum-topic-page .forum-topic-toolbar{
    max-width:430px;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .forum-topic-page .forum-topic-toolbar .forum-btn{
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:11px!important;
    font-size:12.75px!important;
    box-shadow:none!important;
  }

  /* Vehicle/case overview */
  .forum-topic-page .forum-vehicle-card{
    padding:19px 20px!important;
    border-radius:18px!important;
    box-shadow:0 7px 22px rgba(15,23,42,.045)!important;
  }
  .forum-topic-page .forum-vehicle-card:hover{transform:none!important}
  .forum-topic-page .forum-vehicle-card h2{font-size:15px!important}
  .forum-topic-page .forum-vehicle-card .forum-case-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .forum-topic-page .forum-vehicle-card .forum-case-item{
    min-height:60px;
    padding:10px 11px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#fbfdff,#f8fafc)!important;
  }
  .forum-topic-page .forum-vehicle-card .forum-case-label{font-size:12px!important}
  .forum-topic-page .forum-vehicle-card .forum-case-value{font-size:12.75px!important;margin-top:3px!important}
  .forum-topic-page .forum-vehicle-card .forum-chip{min-height:29px!important;padding:.35rem .62rem!important;font-size:12.5px!important}

  /* Solved result and result editor */
  .forum-topic-page #case-result.forum-solution{
    padding:19px 20px!important;
    border-radius:18px!important;
    box-shadow:0 9px 26px rgba(22,163,74,.065)!important;
  }
  .forum-topic-page #case-result.forum-solution h2{font-size:17px!important}
  .forum-topic-page #case-result.forum-solution a.forum-btn{
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:12.75px!important;
  }
  .forum-topic-page .forum-case-result-editor{
    border-radius:16px!important;
    padding:17px 18px!important;
  }
  .forum-topic-page .forum-case-result-editor summary{min-height:38px}
  .forum-topic-page .forum-case-result-editor summary b{font-size:13.5px!important}

  /* Timeline is contextual metadata, not a full-size card. */
  .forum-topic-page .forum-topic-timeline{
    min-height:40px!important;
    padding:9px 14px!important;
    border-radius:13px!important;
    background:rgba(248,250,252,.9)!important;
    box-shadow:none!important;
  }

  /* Post cards: calmer forum-style reading surface. */
  .forum-topic-page .forum-post-card{
    border-radius:18px!important;
    box-shadow:0 7px 22px rgba(15,23,42,.045)!important;
    transition:border-color .16s ease,box-shadow .16s ease!important;
  }
  .forum-topic-page .forum-post-card:hover{
    transform:none!important;
    border-color:#d4deeb!important;
    box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  }
  .forum-topic-page .forum-post-card>.p-4,
  .forum-topic-page .forum-post-card>.sm\:p-5{padding:18px 20px!important}
  .forum-topic-page .forum-post-card .forum-post-main{gap:13px!important}
  .forum-topic-page .forum-post-card .forum-post-main>.forum-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    font-size:13px!important;
  }
  .forum-topic-page .forum-post-card .forum-post-header{gap:10px!important}
  .forum-topic-page .forum-post-card .forum-post-header .font-semibold.text-\[13px\]{font-size:13.5px!important}
  .forum-topic-page .forum-post-card [id^="post-content-"]{
    margin-top:12px!important;
    font-size:14px!important;
    line-height:1.72!important;
    color:#334155!important;
  }
  .forum-topic-page .forum-post-card .forum-image-grid{
    gap:9px!important;
    margin-top:14px!important;
  }
  .forum-topic-page .forum-post-card .forum-image-grid a{border-radius:12px!important}

  /* Compact action rail; active Helpful keeps the green state from 3.15. */
  .forum-topic-page .forum-post-actions{
    padding-top:9px!important;
    gap:7px!important;
  }
  .forum-topic-page .forum-post-actions .forum-action{
    min-height:32px!important;
    padding:0 9px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    background:transparent!important;
  }
  .forum-topic-page .forum-post-actions .forum-action:hover{
    background:#f8fafc!important;
    border-color:#e2e8f0!important;
  }
  .forum-topic-page .forum-post-actions .forum-action-helpful.is-active{
    background:#f0fdf4!important;
    border-color:#bbf7d0!important;
    color:#15803d!important;
  }
  .forum-topic-page .forum-post-actions .forum-action-danger:hover{
    background:#fff5f5!important;
    border-color:#fecaca!important;
  }

  /* Best answer header is visible without overpowering the answer itself. */
  .forum-topic-page .forum-post-card>.bg-green-50{
    min-height:36px;
    padding:8px 18px!important;
  }

  /* Reply editor */
  .forum-topic-page .forum-reply-card{
    padding:19px 20px 20px!important;
    border-radius:18px!important;
    box-shadow:0 8px 26px rgba(15,23,42,.05)!important;
  }
  .forum-topic-page .forum-reply-card h2{font-size:16px!important}
  .forum-topic-page .forum-reply-card .forum-editor{
    border-radius:16px!important;
    box-shadow:0 5px 18px rgba(15,23,42,.04)!important;
  }
  .forum-topic-page .forum-reply-card .forum-editor-toolbar{padding:6px 7px!important}
  .forum-topic-page .forum-reply-card .forum-editor-field,
  .forum-topic-page .forum-reply-card .forum-editor-preview{
    min-height:178px!important;
    padding:15px 16px!important;
  }
  .forum-topic-page .forum-reply-card .forum-file-dropzone{
    min-height:72px!important;
    padding:11px 13px!important;
  }
  .forum-topic-page .forum-reply-footer{margin-top:10px!important}
  .forum-topic-page .forum-reply-footer .forum-btn{min-height:38px!important;padding:0 14px!important}

  /* Topic sidebar: denser than homepage sidebar because reading is primary. */
  .forum-topic-page .forum-side-column{
    grid-column:auto!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .forum-topic-page .forum-side-column>*+*{margin-top:0!important}
  .forum-topic-page .forum-side-column .forum-card{
    padding:16px!important;
    border-radius:16px!important;
    box-shadow:0 6px 18px rgba(15,23,42,.04)!important;
  }
  .forum-topic-page .forum-side-column .forum-card h3{font-size:13.5px!important}
  .forum-topic-page .forum-side-column .forum-card .text-\[14px\]{font-size:13px!important}
  .forum-topic-page .forum-side-column .forum-card .text-\[12px\]{font-size:12.75px!important;line-height:1.45!important}
  .forum-topic-page .forum-side-column .forum-card .text-\[11px\]{font-size:12.5px!important}
  .forum-topic-page .forum-side-column .forum-card .text-\[10px\]{font-size:12.5px!important}
  .forum-topic-page .forum-side-column .forum-card .text-\[9px\]{font-size:12.25px!important}
  .forum-topic-page .forum-side-column .forum-avatar{width:42px!important;height:42px!important;border-radius:50%!important;font-size:13px!important}
  .forum-topic-page .forum-side-column .forum-btn{min-height:36px!important;padding:0 10px!important;font-size:12.5px!important;border-radius:10px!important}
  .forum-topic-page .forum-side-column .forum-input{min-height:38px!important;font-size:12.75px!important}
  .forum-topic-page .forum-side-column .forum-chip{min-height:29px!important;padding:.33rem .55rem!important;font-size:12.25px!important}
}

@media (min-width:1500px){
  .forum-topic-page .forum-topic-layout{grid-template-columns:minmax(0,1fr) 336px!important;gap:28px!important}
  .forum-topic-page>div{padding-left:28px!important;padding-right:28px!important}
}

/* === 3.21 Profile Avatar / Automotive Identity === */
.forum-user-avatar{position:relative;overflow:visible;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;box-shadow:0 8px 20px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92)}
.forum-user-avatar.has-photo{background:#dbeafe;border-color:#bfdbfe}
.forum-user-avatar>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}
.forum-user-avatar-initials{display:grid;place-items:center;width:100%;height:100%;border-radius:50%}
.forum-avatar-auto-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;border:2px solid #fff;box-shadow:0 4px 10px rgba(37,99,235,.24);z-index:2}
.forum-user-avatar.forum-avatar-xl{width:104px!important;height:104px!important;border-radius:50%!important;font-size:28px!important;border-width:2px;box-shadow:0 18px 40px rgba(37,99,235,.18),0 0 0 7px rgba(255,255,255,.78)}
.forum-user-avatar.forum-avatar-xl .forum-avatar-auto-badge{width:28px;height:28px;border-radius:10px;top:-6px;right:-6px}

.forum-avatar-settings{position:relative;overflow:hidden;margin:0 0 24px;padding:20px;border:1px solid #dbe7f4;border-radius:20px;background:linear-gradient(145deg,#fbfdff 0%,#f5f9ff 58%,#eef5ff 100%);box-shadow:0 10px 30px rgba(15,23,42,.04)}
.forum-avatar-settings::after{content:"";position:absolute;right:-80px;top:-85px;width:220px;height:220px;border:36px solid rgba(37,99,235,.045);border-radius:50%;pointer-events:none}
.forum-avatar-settings-copy{position:relative;z-index:1;margin-bottom:16px;max-width:570px}
.forum-avatar-settings-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:#2563eb;font-size:12.5px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.forum-avatar-settings-copy h2{margin:0;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.2;font-weight:800;color:#0f172a}
.forum-avatar-settings-copy p{margin:6px 0 0;color:#64748b;font-size:12.75px;line-height:1.55}
.forum-avatar-form{position:relative;z-index:1;display:grid;grid-template-columns:142px minmax(0,1fr);gap:20px;align-items:center}
.forum-avatar-showcase{position:relative;display:grid;place-items:center;min-height:142px;border-radius:24px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.98),rgba(239,246,255,.84) 58%,rgba(219,234,254,.74));border:1px solid rgba(147,197,253,.55);overflow:hidden}
.forum-avatar-showcase::before,.forum-avatar-showcase-road{content:"";position:absolute;left:-24px;right:-24px;height:22px;bottom:12px;transform:rotate(-8deg);background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(100,116,139,.05));border-top:1px solid rgba(100,116,139,.10);border-bottom:1px solid rgba(100,116,139,.07)}
.forum-avatar-showcase-road::after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:2px dashed rgba(37,99,235,.20)}
.forum-avatar-controls{min-width:0}
.forum-avatar-upload{display:flex;align-items:center;gap:11px;min-height:64px;padding:12px 14px;border:1px dashed #93c5fd;border-radius:16px;background:rgba(255,255,255,.82);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.forum-avatar-upload:hover{border-color:#2563eb;background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.08)}
.forum-avatar-upload.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.forum-avatar-upload-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}
.forum-avatar-upload b{display:block;color:#0f172a;font-size:13px;font-weight:800}
.forum-avatar-upload small{display:block;margin-top:3px;color:#94a3b8;font-size:12.25px;font-weight:600}
.forum-avatar-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.forum-avatar-actions .forum-btn{min-height:38px;padding-top:8px;padding-bottom:8px}
.forum-avatar-remove{color:#b91c1c!important;border-color:#fecaca!important;background:#fff!important}
.forum-avatar-remove:hover{background:#fef2f2!important;border-color:#fca5a5!important}
.forum-avatar-upgrade-note{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:9px 10px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12.5px;font-weight:700}
.forum-settings-preferences-form{padding-top:2px}

@media (max-width:640px){
  .forum-avatar-settings{margin-bottom:18px;padding:14px;border-radius:17px}
  .forum-avatar-settings-copy{margin-bottom:12px}
  .forum-avatar-settings-copy h2{font-size:16px}
  .forum-avatar-settings-copy p{font-size:12.5px}
  .forum-avatar-form{grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start}
  .forum-avatar-showcase{min-height:108px;border-radius:18px}
  .forum-user-avatar.forum-avatar-xl{width:78px!important;height:78px!important;border-radius:50%!important;font-size:21px!important;box-shadow:0 10px 24px rgba(37,99,235,.16),0 0 0 5px rgba(255,255,255,.76)}
  .forum-user-avatar.forum-avatar-xl .forum-avatar-auto-badge{width:23px;height:23px;border-radius:8px;top:-5px;right:-5px}
  .forum-avatar-upload{min-height:55px;padding:9px 10px;gap:8px;border-radius:13px}
  .forum-avatar-upload-icon{flex-basis:32px;width:32px;height:32px;border-radius:10px}
  .forum-avatar-upload b{font-size:12.75px}
  .forum-avatar-upload small{font-size:12px;line-height:1.35}
  .forum-avatar-actions{display:grid;grid-template-columns:1fr;margin-top:8px;gap:7px}
  .forum-avatar-actions .forum-btn{width:100%;min-height:36px;font-size:12.5px}
}
@media (max-width:390px){
  .forum-avatar-form{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .forum-avatar-showcase{min-height:94px}
  .forum-user-avatar.forum-avatar-xl{width:68px!important;height:68px!important;border-radius:50%!important;font-size:18px!important}
  .forum-avatar-upload-icon{display:none}
}
@media (prefers-reduced-motion:reduce){.forum-avatar-upload{transition:none!important}.forum-avatar-upload:hover{transform:none!important}}

/* === 3.22 Premium Member Profile / CarHelpMate ID === */
.forum-author-avatar-link{display:inline-flex;flex:0 0 auto;border-radius:50%;outline:none}
.forum-author-avatar-link:focus-visible,.forum-author-name-link:focus-visible,.forum-helper-profile-link:focus-visible,.forum-profile-mini-link:focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:3px}
.forum-author-avatar-link .forum-user-avatar{transition:transform .16s ease,box-shadow .16s ease}
.forum-author-avatar-link:hover .forum-user-avatar{transform:translateY(-1px);box-shadow:0 11px 24px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.92)}
.forum-author-name-link,.forum-author-inline-link,.forum-helper-profile-link{color:#0f172a;text-decoration:none;transition:color .15s ease}
.forum-author-name-link:hover,.forum-author-inline-link:hover,.forum-helper-profile-link:hover{color:#2563eb}
.forum-profile-mini-link{position:relative;padding:3px 26px 3px 0;border-radius:14px;color:inherit;text-decoration:none}
.forum-profile-mini-arrow{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:#94a3b8;transition:transform .15s ease,color .15s ease}
.forum-profile-mini-link:hover .forum-profile-mini-arrow{transform:translate(2px,-50%);color:#2563eb}

.forum-profile-page{padding-bottom:34px}
.forum-profile-hero{position:relative;overflow:hidden;padding:25px 26px 0;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f8fbff 58%,#eef5ff 100%);border-color:#dbe7f4;box-shadow:0 16px 42px rgba(15,23,42,.055)}
.forum-profile-hero::before{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-190px;border:52px solid rgba(37,99,235,.045);border-radius:50%;pointer-events:none}
.forum-profile-road{position:absolute;left:0;right:0;bottom:86px;height:34px;overflow:hidden;opacity:.55;pointer-events:none}
.forum-profile-road::before{content:"";position:absolute;left:-40px;right:-40px;top:8px;height:18px;transform:rotate(-2deg);background:linear-gradient(180deg,rgba(148,163,184,.10),rgba(100,116,139,.035));border-top:1px solid rgba(100,116,139,.10);border-bottom:1px solid rgba(100,116,139,.06)}
.forum-profile-road span{position:absolute;left:8%;right:8%;top:17px;border-top:2px dashed rgba(37,99,235,.18);transform:rotate(-2deg)}
.forum-profile-hero-main{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding-bottom:24px}
.forum-profile-avatar-wrap{padding:6px}
.forum-profile-identity{min-width:0}
.forum-profile-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#2563eb;font-size:12.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.forum-profile-identity h1{margin:0;font-family:Manrope,Inter,sans-serif;font-size:29px;line-height:1.1;font-weight:850;letter-spacing:-.035em;color:#0f172a}
.forum-profile-level{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 8px;border:1px solid #dbeafe;border-radius:9px;background:rgba(239,246,255,.82);color:#1d4ed8;font-size:12.5px;font-weight:800}
.forum-profile-identity p{margin:8px 0 0;color:#64748b;font-size:12.75px}
.forum-profile-edit-btn{align-self:start;min-height:38px!important;padding:0 12px!important}
.forum-profile-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -26px;border-top:1px solid #e5edf7;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.forum-profile-stats>div{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;padding:14px 18px;border-right:1px solid #e8eef6}
.forum-profile-stats>div:last-child{border-right:0}
.forum-profile-stats>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eff6ff;color:#2563eb}
.forum-profile-stats strong{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1;color:#0f172a}
.forum-profile-stats small{font-size:12.25px;color:#94a3b8;font-weight:700}

.forum-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start;margin-top:20px}
.forum-profile-maincol,.forum-profile-sidecol{display:flex;flex-direction:column;gap:18px;min-width:0}
.forum-profile-section{overflow:hidden;border-radius:20px}
.forum-profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fbfdff)}
.forum-profile-section-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.forum-profile-section-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}
.forum-profile-section-icon.is-green{background:#f0fdf4;color:#16a34a;border-color:#dcfce7}
.forum-profile-section-head h2{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:800;color:#0f172a}
.forum-profile-section-head p{margin:2px 0 0;color:#94a3b8;font-size:12.25px;font-weight:600}
.forum-profile-count{display:grid;place-items:center;min-width:30px;height:26px;padding:0 8px;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:12.5px;font-weight:900}
.forum-profile-count.is-green{background:#f0fdf4;color:#16a34a}
.forum-profile-topic-list,.forum-profile-solution-list{display:flex;flex-direction:column}
.forum-profile-topic-row,.forum-profile-solution-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #f0f3f7;color:inherit;text-decoration:none;transition:background .15s ease,padding-left .15s ease}
.forum-profile-topic-row:last-child,.forum-profile-solution-row:last-child{border-bottom:0}
.forum-profile-topic-row:hover,.forum-profile-solution-row:hover{background:#f8fbff;padding-left:20px}
.forum-profile-topic-status{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-color:rgba(148,163,184,.2);border-radius:10px}
.forum-profile-topic-copy,.forum-profile-solution-copy{min-width:0}
.forum-profile-topic-copy b,.forum-profile-solution-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;font-weight:750}
.forum-profile-topic-copy small,.forum-profile-solution-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:12.25px;font-weight:600}
.forum-profile-topic-arrow{display:grid;place-items:center;color:#cbd5e1;transition:transform .15s ease,color .15s ease}
.forum-profile-topic-row:hover .forum-profile-topic-arrow,.forum-profile-solution-row:hover .forum-profile-topic-arrow{transform:translateX(2px);color:#2563eb}
.forum-profile-solution-check{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}
.forum-profile-solution-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;color:#64748b;font-size:12.5px;line-height:1.5}
.forum-profile-empty{display:grid;place-items:center;gap:7px;min-height:135px;padding:22px;text-align:center;color:#94a3b8}
.forum-profile-empty svg{color:#93c5fd}
.forum-profile-empty.is-green svg{color:#86efac}
.forum-profile-empty p{margin:0;max-width:330px;font-size:12.75px;line-height:1.55}

.forum-profile-reputation,.forum-profile-badges-card{padding:17px;border-radius:18px}
.forum-profile-reputation{background:linear-gradient(145deg,#0f172a,#172554 68%,#1e3a8a);border-color:#1e3a8a;color:#fff;box-shadow:0 14px 32px rgba(15,23,42,.15)}
.forum-profile-reputation-head{display:flex;align-items:center;gap:10px}
.forum-profile-reputation-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.09);color:#bfdbfe;border:1px solid rgba(255,255,255,.09)}
.forum-profile-reputation-head b{display:block;font-size:13px}
.forum-profile-reputation-head small{display:block;margin-top:2px;color:#93c5fd;font-size:12.25px;font-weight:700}
.forum-profile-score{display:flex;align-items:flex-end;gap:7px;margin-top:20px}
.forum-profile-score strong{font-family:Manrope,Inter,sans-serif;font-size:34px;line-height:.9;font-weight:850;letter-spacing:-.045em}
.forum-profile-score span{padding-bottom:3px;color:#93c5fd;font-size:12.25px;font-weight:700}
.forum-profile-scorebar{height:5px;margin-top:13px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.forum-profile-scorebar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#93c5fd)}
.forum-profile-reputation p{margin:11px 0 0;color:#bfdbfe;font-size:12.25px;line-height:1.55}
.forum-profile-badges-card h3{margin:0 0 11px;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:800}
.forum-profile-badges{display:flex;flex-direction:column;gap:7px}
.forum-profile-badge{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 10px;border-radius:11px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:12.5px;font-weight:800}
.forum-profile-badge.is-blue{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.forum-profile-badge.is-green{background:#f0fdf4;border-color:#dcfce7;color:#15803d}.forum-profile-badge.is-amber{background:#fffbeb;border-color:#fde68a;color:#b45309}.forum-profile-badge.is-slate{background:#f8fafc;color:#475569}
.forum-profile-back{width:100%;min-height:39px!important}

@media (max-width:900px){
  .forum-profile-grid{grid-template-columns:1fr}
  .forum-profile-sidecol{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .forum-profile-back{grid-column:1/-1}
}
@media (max-width:640px){
  .forum-profile-page>div{padding-top:16px!important}
  .forum-profile-hero{padding:16px 14px 0;border-radius:19px}
  .forum-profile-hero-main{grid-template-columns:auto minmax(0,1fr);gap:13px;padding-bottom:16px}
  .forum-profile-avatar-wrap{padding:2px}
  .forum-profile-page .forum-user-avatar.forum-avatar-xl{width:74px!important;height:74px!important;border-radius:50%!important}
  .forum-profile-kicker{font-size:12px;margin-bottom:4px}
  .forum-profile-identity h1{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .forum-profile-level{margin-top:6px;padding:4px 6px;font-size:12px}
  .forum-profile-identity p{font-size:12.25px;margin-top:5px}
  .forum-profile-edit-btn{grid-column:1/-1;width:100%;min-height:35px!important;margin-top:-2px}
  .forum-profile-road{display:none}
  .forum-profile-stats{grid-template-columns:repeat(2,1fr);margin:0 -14px}
  .forum-profile-stats>div{grid-template-columns:auto auto 1fr;padding:10px 12px;border-bottom:1px solid #edf2f7}
  .forum-profile-stats>div:nth-child(2){border-right:0}.forum-profile-stats>div:nth-child(3),.forum-profile-stats>div:nth-child(4){border-bottom:0}
  .forum-profile-stats>div>span{width:26px;height:26px;border-radius:8px}
  .forum-profile-stats strong{font-size:15px}.forum-profile-stats small{font-size:12px}
  .forum-profile-grid{margin-top:14px;gap:14px}
  .forum-profile-maincol,.forum-profile-sidecol{gap:14px}
  .forum-profile-sidecol{display:flex}
  .forum-profile-section{border-radius:17px}
  .forum-profile-section-head{padding:12px 13px}.forum-profile-section-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}.forum-profile-section-head h2{font-size:12.5px}.forum-profile-section-head p{font-size:12px}
  .forum-profile-topic-row,.forum-profile-solution-row{gap:9px;padding:11px 12px}.forum-profile-topic-row:hover,.forum-profile-solution-row:hover{padding-left:12px}
  .forum-profile-topic-copy b,.forum-profile-solution-copy b{font-size:12.75px}.forum-profile-topic-copy small,.forum-profile-solution-copy small{font-size:12px}.forum-profile-solution-copy p{font-size:12.25px}
  .forum-profile-topic-status,.forum-profile-solution-check{width:28px;height:28px;border-radius:9px}
  .forum-profile-reputation,.forum-profile-badges-card{padding:14px;border-radius:16px}.forum-profile-score{margin-top:15px}.forum-profile-score strong{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.forum-author-avatar-link .forum-user-avatar,.forum-profile-topic-row,.forum-profile-solution-row,.forum-profile-topic-arrow,.forum-profile-mini-arrow{transition:none!important}}

/* =========================================================
   CarHelpMate 3.23 — Premium Garage
   ========================================================= */
.forum-garage-page{padding-bottom:28px}
.forum-garage-hero{position:relative;overflow:hidden;padding:26px 28px 0;border-color:#dbe7f7;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#eef6ff 100%)}
.forum-garage-road{position:absolute;inset:auto -4% 0;height:58px;opacity:.42;pointer-events:none;overflow:hidden}
.forum-garage-road:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-29px;height:64px;border-top:1px solid #cbdcf2;background:linear-gradient(180deg,rgba(219,234,254,.18),rgba(226,232,240,.82));transform:skewX(-16deg)}
.forum-garage-road span{position:absolute;left:12%;right:12%;bottom:16px;height:1px;background:repeating-linear-gradient(90deg,rgba(37,99,235,.32) 0 30px,transparent 30px 58px);transform:skewX(-16deg)}
.forum-garage-hero-main{position:relative;z-index:2;display:flex;align-items:center;gap:17px;padding-bottom:22px}
.forum-garage-owner-avatar{flex:0 0 auto}
.forum-garage-hero-copy{min-width:0;flex:1}
.forum-garage-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--primary);margin-bottom:7px}
.forum-garage-hero-copy h1{font-family:Manrope,Inter,sans-serif;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.035em;color:var(--text)}
.forum-garage-hero-copy>p{margin-top:7px;max-width:650px;font-size:13px;line-height:1.55;color:var(--text-dim)}
.forum-garage-owner-link{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12.75px;font-weight:700;color:var(--primary)}
.forum-garage-hero-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.forum-garage-hero-stats{position:relative;z-index:2;display:flex;width:max-content;min-width:270px;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 -8px 24px rgba(15,23,42,.035)}
.forum-garage-hero-stats>div{display:flex;align-items:baseline;gap:7px;padding:10px 17px}
.forum-garage-hero-stats>div+div{border-left:1px solid var(--border)}
.forum-garage-hero-stats strong{font-family:Manrope,Inter,sans-serif;font-size:18px;color:var(--text)}
.forum-garage-hero-stats span{font-size:12.5px;color:var(--text-faint);font-weight:650}
.forum-garage-alert{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 14px;border-radius:12px;border:1px solid;font-size:13px;font-weight:650}
.forum-garage-alert.is-success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}
.forum-garage-alert.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.forum-garage-alert.is-warning{background:#fffbeb;border-color:#fde68a;color:#a16207}

.forum-garage-form-card{margin-top:18px;padding:22px 24px}
.forum-garage-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.forum-garage-section-head>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}
.forum-garage-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:var(--primary-bg);color:var(--primary);box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.forum-garage-section-head h2{font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:800;color:var(--text)}
.forum-garage-section-head p{margin-top:2px;font-size:12.5px;color:var(--text-faint)}
.forum-garage-form-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:22px;align-items:start}
.forum-garage-photo-editor{border:1px solid var(--border);border-radius:16px;padding:10px;background:linear-gradient(180deg,#fff,#f8fafc)}
.forum-garage-photo-preview{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#eef4fa,#f8fafc);box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)}
.forum-garage-preview-image{display:block;width:100%;height:100%;object-fit:cover}
.forum-garage-preview-image.is-placeholder{display:flex;align-items:center;justify-content:center;color:#8da3bf;background:radial-gradient(circle at 50% 45%,#fff 0,#f3f7fb 70%)}
.forum-garage-photo-upload{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 10px;border:1px dashed #bfcee1;border-radius:10px;color:var(--primary);cursor:pointer;transition:.18s ease;background:#fff}
.forum-garage-photo-upload:hover{border-color:#93b4e9;background:#f8fbff}
.forum-garage-photo-upload>svg{flex:0 0 auto}
.forum-garage-photo-upload span{min-width:0}
.forum-garage-photo-upload b{display:block;font-size:12.5px;line-height:1.2}
.forum-garage-photo-upload small{display:block;margin-top:2px;font-size:12px;color:var(--text-faint);font-weight:500}
.forum-garage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.forum-garage-fields>div.is-wide{grid-column:1/-1}
.forum-garage-fields label{display:block;margin-bottom:5px;font-size:12.5px;font-weight:750;color:var(--text-dim)}
.forum-garage-fields textarea{resize:vertical;min-height:78px}
.forum-garage-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}

.forum-garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.forum-garage-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.forum-garage-card:hover{transform:translateY(-2px);border-color:#cbd9eb;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.forum-garage-card-photo{position:relative;aspect-ratio:16/7;overflow:hidden;background:linear-gradient(145deg,#edf4fb,#f8fafc)}
.forum-garage-card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.forum-garage-card:hover .forum-garage-card-image:not(.is-placeholder){transform:scale(1.025)}
.forum-garage-card-image.is-placeholder{display:flex;align-items:center;justify-content:center;color:#8ba3bf;background:radial-gradient(circle at 50% 60%,#fff 0,#eef4fa 82%)}
.forum-garage-card-id{position:absolute;right:10px;top:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:rgba(15,23,42,.56);backdrop-filter:blur(6px);font:700 12.25px/1 Inter,sans-serif;color:#fff;letter-spacing:.05em}
.forum-garage-card-body{padding:16px 17px 14px}
.forum-garage-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.forum-garage-card-title>div{min-width:0}
.forum-garage-card-title span{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:12.25px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}
.forum-garage-card-title h2{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.2;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-garage-card-title>b{flex:0 0 auto;padding:5px 8px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--border);font-size:12.5px;color:var(--text-dim)}
.forum-garage-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
.forum-garage-specs>span{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-areas:"icon label" "icon value";column-gap:5px;align-items:center;padding:8px 9px;border:1px solid #edf1f6;border-radius:10px;background:#fbfcfe;min-width:0}
.forum-garage-specs>span>svg{grid-area:icon;color:#6f88a8}
.forum-garage-specs small{grid-area:label;font-size:12px;color:var(--text-faint);line-height:1.1}
.forum-garage-specs b{grid-area:value;margin-top:2px;font-size:12.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-garage-notes{margin-top:11px;padding:9px 10px;border-left:2px solid #bfdbfe;border-radius:0 9px 9px 0;background:#f8fbff;font-size:12.5px;line-height:1.5;color:var(--text-dim)}
.forum-garage-case-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-faint)}
.forum-garage-case-line>span{display:inline-flex;align-items:center;gap:5px}
.forum-garage-case-line a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700}
.forum-garage-card-actions{display:flex;gap:7px;margin-top:12px}
.forum-garage-card-actions .forum-btn{min-height:34px;padding:7px 10px;font-size:12.5px;flex:1}
.forum-garage-danger-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}
.forum-garage-danger-actions form{margin:0}
.forum-garage-danger-actions button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:4px 0;font:650 12.25px/1 Inter,sans-serif;color:var(--text-faint);cursor:pointer}
.forum-garage-danger-actions button:hover{color:var(--text-dim)}
.forum-garage-danger-actions button.is-danger:hover{color:var(--danger)}
.forum-garage-empty{margin-top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:34px;text-align:center;color:#8197b3}
.forum-garage-empty>svg{margin-bottom:12px}
.forum-garage-empty h2{font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:800;color:var(--text)}
.forum-garage-empty p{max-width:500px;margin-top:6px;font-size:12.75px;line-height:1.6;color:var(--text-dim)}
.forum-garage-empty .forum-btn{margin-top:16px}

/* Garage integration: profile, topic, sidebar, new-topic */
.forum-profile-hero-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.forum-profile-garage-btn{white-space:nowrap}
.forum-profile-section-icon.is-car{background:#eff6ff;color:#2563eb}
.forum-profile-garage-link{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:750;color:var(--primary);white-space:nowrap}
.forum-profile-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 16px 16px}
.forum-profile-vehicle-card{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:.18s ease}
.forum-profile-vehicle-card:hover{border-color:#bfd1ea;background:#f9fbfe;transform:translateY(-1px)}
.forum-profile-vehicle-photo{width:48px;height:38px;flex:0 0 48px;border-radius:8px;overflow:hidden;background:#f2f6fa}
.forum-profile-vehicle-image{display:block;width:100%;height:100%;object-fit:cover}
.forum-profile-vehicle-image.is-placeholder{display:flex;align-items:center;justify-content:center;color:#91a7c2}
.forum-profile-vehicle-copy{min-width:0;flex:1}
.forum-profile-vehicle-copy b{display:block;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-profile-vehicle-copy small{display:block;margin-top:2px;font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-profile-empty.is-garage{gap:8px}
.forum-profile-empty.is-garage .forum-btn{margin-top:4px;min-height:32px;padding:7px 10px;font-size:12.5px}

.forum-topic-linked-vehicle{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 10px;border:1px solid #d9e6f5;border-radius:12px;background:linear-gradient(90deg,#f8fbff,#fff);transition:.18s ease}
.forum-topic-linked-vehicle:hover{border-color:#abc9ed;background:#f5f9ff}
.forum-topic-linked-photo{width:58px;height:43px;flex:0 0 58px;border-radius:9px;overflow:hidden;background:#edf3f8}
.forum-topic-linked-image{display:block;width:100%;height:100%;object-fit:cover}
.forum-topic-linked-image.is-placeholder{display:flex;align-items:center;justify-content:center;color:#8fa6c2}
.forum-topic-linked-copy{min-width:0;flex:1}
.forum-topic-linked-copy small{display:block;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}
.forum-topic-linked-copy b{display:block;margin-top:1px;font-size:12.75px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-topic-linked-copy em{display:block;margin-top:2px;font-size:12.25px;font-style:normal;color:var(--text-faint)}
.forum-topic-linked-arrow{color:#91a5bf}

.forum-sidebar-garage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.forum-sidebar-garage-head a{font-size:12.25px;font-weight:750;color:var(--primary)}
.forum-sidebar-vehicle{display:flex;align-items:center;gap:5px;padding:5px 4px;border-radius:7px;color:var(--text-dim);font-size:12.5px;transition:.15s ease}
.forum-sidebar-vehicle:hover{background:var(--surface-alt);color:var(--primary)}
.forum-sidebar-vehicle span{display:flex;color:#7890ad}
.forum-sidebar-vehicle b{font-weight:650;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-sidebar-vehicle small{margin-left:auto;flex:0 0 auto;color:var(--text-faint)}

.forum-new-topic-garage{padding:10px;border:1px solid #dbe6f3;border-radius:12px;background:#fbfdff}
.forum-new-topic-garage-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:6px}
.forum-new-topic-garage-head a{display:inline-flex;align-items:center;gap:4px;font-size:12.25px;font-weight:750;color:var(--primary)}
.forum-new-topic-garage>p{margin-top:5px;font-size:12.25px;color:var(--text-faint)}
.forum-new-topic-empty-garage{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px dashed #b9cce4;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--primary);background:#fff}

@media (max-width: 1023px){
  .forum-garage-grid{grid-template-columns:1fr}
  .forum-profile-vehicle-grid{grid-template-columns:1fr}
}

@media (max-width: 767px){
  .forum-garage-page{padding-bottom:86px}
  .forum-garage-hero{padding:18px 16px 0;border-radius:16px}
  .forum-garage-hero-main{display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;padding-bottom:15px}
  .forum-garage-owner-avatar{grid-row:1}
  .forum-garage-hero-copy{grid-column:2}
  .forum-garage-hero-copy h1{font-size:23px}
  .forum-garage-hero-copy>p{font-size:12.5px;line-height:1.45}
  .forum-garage-kicker{font-size:12px;margin-bottom:5px}
  .forum-garage-hero-actions{grid-column:1/-1;margin-left:0;margin-top:1px}
  .forum-garage-hero-actions .forum-btn{width:100%;min-height:38px}
  .forum-garage-hero-stats{min-width:0;width:100%;border-left:0;border-right:0;border-radius:10px 10px 0 0}
  .forum-garage-hero-stats>div{flex:1;justify-content:center;padding:8px 10px}
  .forum-garage-hero-stats strong{font-size:15px}
  .forum-garage-hero-stats span{font-size:12px}
  .forum-garage-road{height:46px}
  .forum-garage-form-card{margin-top:12px;padding:15px 13px}
  .forum-garage-form-layout{grid-template-columns:1fr;gap:13px}
  .forum-garage-photo-editor{display:grid;grid-template-columns:104px minmax(0,1fr);gap:9px;align-items:center;padding:8px}
  .forum-garage-photo-preview{aspect-ratio:4/3}
  .forum-garage-photo-upload{margin-top:0;min-height:58px}
  .forum-garage-fields{gap:9px}
  .forum-garage-fields .forum-input{min-height:40px;font-size:13px;padding:9px 10px}
  .forum-garage-fields label{font-size:12.25px}
  .forum-garage-form-actions{gap:7px;margin-top:13px;padding-top:12px}
  .forum-garage-form-actions .forum-btn{flex:1;min-height:38px;padding:8px 9px;font-size:12.5px}
  .forum-garage-grid{gap:12px;margin-top:12px}
  .forum-garage-card{border-radius:15px}
  .forum-garage-card-photo{aspect-ratio:16/6.7}
  .forum-garage-card-body{padding:13px}
  .forum-garage-card-title h2{font-size:15px}
  .forum-garage-specs{gap:6px;margin-top:10px}
  .forum-garage-specs>span{padding:7px 8px}
  .forum-garage-card-actions{gap:6px}
  .forum-garage-danger-actions{margin-top:6px}
  .forum-profile-hero-actions{width:100%;margin-left:0;margin-top:4px}
  .forum-profile-hero-actions .forum-btn{flex:1;justify-content:center}
  .forum-profile-vehicle-grid{padding:10px 12px 13px;gap:7px}
  .forum-topic-linked-vehicle{padding:8px;margin-bottom:10px}
  .forum-topic-linked-photo{width:52px;height:39px;flex-basis:52px}
  .forum-new-topic-garage{padding:8px}
}

@media (max-width: 390px){
  .forum-garage-fields{grid-template-columns:1fr}
  .forum-garage-fields>div.is-wide{grid-column:auto}
  .forum-garage-specs{grid-template-columns:1fr 1fr}
  .forum-garage-card-actions{flex-direction:column}
  .forum-garage-photo-editor{grid-template-columns:92px minmax(0,1fr)}
}

@media (prefers-reduced-motion: reduce){
  .forum-garage-card,.forum-garage-card-image,.forum-profile-vehicle-card,.forum-topic-linked-vehicle{transition:none!important}
}

/* ========================================================================== 
   3.24 Premium site footer + legal pages
   ========================================================================== */
.forum-site-footer{position:relative;margin-top:38px;border-top:1px solid #dce6f2;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);color:var(--text-dim)}
.forum-site-footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#93c5fd 28%,#2563eb 50%,#93c5fd 72%,transparent);opacity:.55}
.forum-site-footer-inner{max-width:1280px;margin:0 auto;padding:25px 24px 19px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.forum-footer-brand{min-width:0}.forum-footer-logo{display:inline-flex;align-items:center;gap:8px;font:800 14px/1 Manrope,Inter,sans-serif;color:var(--text);text-decoration:none;letter-spacing:-.025em}.forum-footer-logo b{color:var(--primary)}
.forum-footer-mark{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:linear-gradient(145deg,#eff6ff,#fff);color:var(--primary);box-shadow:0 5px 14px rgba(37,99,235,.09)}
.forum-footer-brand p{margin:7px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-faint)}
.forum-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.forum-footer-links a{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:8px 11px;border:1px solid transparent;border-radius:10px;font-size:12.5px;font-weight:700;color:var(--text-dim);text-decoration:none;transition:.16s ease}.forum-footer-links a svg{color:#7890ad}.forum-footer-links a:hover{border-color:#d9e5f4;background:#fff;color:var(--primary);box-shadow:0 5px 14px rgba(15,23,42,.04)}.forum-footer-links a:hover svg{color:var(--primary)}
.forum-site-footer-bottom{max-width:1280px;margin:0 auto;padding:12px 24px 18px;border-top:1px solid #e8eef6;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12.25px;color:#94a3b8}.forum-footer-status{display:inline-flex;align-items:center;gap:6px}.forum-footer-status i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}

.forum-legal-page{min-height:calc(100vh - 120px);padding:26px 18px 8px;background:radial-gradient(circle at 8% 0%,rgba(219,234,254,.55),transparent 28%),#f8fafc}.forum-legal-wrap{max-width:940px;margin:0 auto}.forum-legal-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:12px;font-size:12.5px;font-weight:700;color:#64748b;text-decoration:none}.forum-legal-back:hover{color:var(--primary)}
.forum-legal-hero{position:relative;overflow:hidden;padding:27px 29px;border:1px solid #d9e6f5;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f6faff 60%,#eef6ff 100%);box-shadow:0 14px 36px rgba(15,23,42,.055)}.forum-legal-hero:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-115px;border-radius:50%;border:34px solid rgba(37,99,235,.055)}.forum-legal-hero.is-rules{background:linear-gradient(135deg,#fff 0%,#fbfdff 56%,#f3f8ff 100%)}.forum-legal-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12.25px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.forum-legal-hero h1{position:relative;z-index:1;margin:0;font:800 29px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.035em;color:var(--text)}.forum-legal-hero p{position:relative;z-index:1;max-width:660px;margin:9px 0 0;font-size:12.75px;line-height:1.65;color:var(--text-dim)}.forum-legal-updated{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;margin-top:15px;padding:6px 9px;border:1px solid #dbe7f4;border-radius:999px;background:rgba(255,255,255,.74);font-size:12px;font-weight:700;color:#7890aa}
.forum-legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.forum-legal-card{display:grid;grid-template-columns:31px minmax(0,1fr);gap:11px;padding:17px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.025);transition:.17s ease}.forum-legal-card:hover{border-color:#c9d9ec;box-shadow:0 8px 22px rgba(15,23,42,.045);transform:translateY(-1px)}.forum-legal-number{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eff6ff;color:var(--primary);font:800 12.25px/1 Manrope,Inter,sans-serif}.forum-legal-card h2{margin:1px 0 9px;font:800 13px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.015em;color:var(--text)}.forum-legal-card ul{margin:0;padding:0;list-style:none}.forum-legal-card li{position:relative;margin-top:7px;padding-left:13px;font-size:12.5px;line-height:1.6;color:var(--text-dim)}.forum-legal-card li:first-child{margin-top:0}.forum-legal-card li:before{content:"";position:absolute;left:1px;top:.7em;width:4px;height:4px;border-radius:50%;background:#93c5fd}
.forum-legal-contact{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 15px;border:1px solid #d7e5f5;border-radius:14px;background:linear-gradient(90deg,#f7fbff,#fff);color:var(--primary)}.forum-legal-contact>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf3ff}.forum-legal-contact>div{min-width:0;flex:1}.forum-legal-contact strong{display:block;font-size:12.75px;color:var(--text)}.forum-legal-contact small{display:block;margin-top:2px;font-size:12px;color:var(--text-faint)}.forum-legal-contact>a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;color:var(--primary)}.forum-legal-contact>a:hover{background:#eff6ff}

@media (max-width:767px){
  .forum-site-footer{margin-top:22px;margin-bottom:72px}.forum-site-footer-inner{padding:21px 16px 15px;display:block}.forum-footer-brand p{max-width:310px}.forum-footer-links{justify-content:flex-start;margin-top:15px;gap:5px}.forum-footer-links a{min-height:33px;padding:7px 8px;font-size:12.25px}.forum-site-footer-bottom{padding:11px 16px 15px;font-size:12px}.forum-footer-status{display:none}
  .forum-legal-page{padding:15px 10px 0}.forum-legal-back{margin-left:3px;margin-bottom:9px}.forum-legal-hero{padding:20px 17px;border-radius:16px}.forum-legal-hero:after{width:170px;height:170px;right:-72px;top:-91px;border-width:25px}.forum-legal-hero h1{font-size:24px;line-height:1.08}.forum-legal-hero p{margin-top:7px;font-size:12.5px;line-height:1.55}.forum-legal-updated{margin-top:11px}.forum-legal-grid{grid-template-columns:1fr;gap:8px;margin-top:9px}.forum-legal-card{grid-template-columns:27px minmax(0,1fr);gap:9px;padding:13px 12px;border-radius:13px}.forum-legal-number{width:27px;height:27px;border-radius:8px;font-size:12px}.forum-legal-card h2{font-size:13px;margin-bottom:7px}.forum-legal-card li{font-size:12.25px;line-height:1.55;margin-top:6px}.forum-legal-contact{margin-top:9px;padding:11px 12px}
}
@media (prefers-reduced-motion:reduce){.forum-footer-links a,.forum-legal-card{transition:none!important}.forum-legal-card:hover{transform:none}}


/* CarHelpMate 3.24.2 — premium brand polish */
.forum-site-logo{
  position:relative;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px;
  width:42px;
  height:42px;
  overflow:hidden;
  border-radius:50%;
  border:2px solid rgba(191,219,254,.95);
  background:#fff;
  box-shadow:0 7px 20px rgba(15,23,42,.12),0 0 0 4px rgba(37,99,235,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.forum-site-logo::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.48);
  pointer-events:none;
}
.forum-site-logo-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover;
  border-radius:50%;
  transform:scale(1.035);
}
.forum-brand:hover .forum-site-logo{
  transform:translateY(-1px) scale(1.025);
  border-color:#93c5fd;
  box-shadow:0 10px 25px rgba(15,23,42,.15),0 0 0 5px rgba(37,99,235,.075);
}
.forum-brand{gap:11px!important;text-decoration:none!important}
.forum-brand-title{font-weight:850!important;letter-spacing:-.035em!important}
.forum-brand-forum{
  display:inline-flex;
  align-items:center;
  margin-left:3px;
  padding:3px 6px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:#2563eb;
  font-size:12.25px;
  font-weight:800;
  letter-spacing:.025em;
  line-height:1;
  vertical-align:2px;
}
.forum-topbar-inner{min-height:64px}

/* Footer logo is intentionally larger, but visually quieter than the header. */
.forum-footer-mark{
  width:39px!important;
  height:39px!important;
  flex:0 0 39px;
  overflow:hidden;
  border-radius:50%!important;
  border:1px solid #bfdbfe!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(15,23,42,.10)!important;
}
.forum-footer-mark-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  transform:scale(1.035);
}
.forum-footer-logo{gap:10px!important;font-size:15px!important}
.forum-footer-logo:hover .forum-footer-mark{box-shadow:0 8px 21px rgba(15,23,42,.14)!important}

/* Upgrade/utility screens use the same brand without borrowing the settings icon class. */
.forum-site-logo-large{
  flex-basis:52px!important;
  width:52px!important;
  height:52px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.14),0 0 0 5px rgba(37,99,235,.06)!important;
}

/* Keep interface icons (for example the Settings gear) separate from the site logo. */
.forum-settings-heading .forum-brand-mark svg{display:block!important}

@media(max-width:767px){
  .forum-topbar-inner{min-height:62px!important;padding-left:14px!important;padding-right:14px!important}
  .forum-brand{gap:9px!important}
  .forum-site-logo{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    border-width:1.5px;
    box-shadow:0 6px 16px rgba(15,23,42,.11),0 0 0 3px rgba(37,99,235,.045);
  }
  .forum-brand-title{font-size:14px!important;letter-spacing:-.032em!important}
  .forum-brand-forum{display:none!important}
  .forum-footer-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .forum-footer-logo{font-size:14px!important}
}
@media(max-width:390px){
  .forum-site-logo{flex-basis:38px!important;width:38px!important;height:38px!important}
  .forum-brand-title{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .forum-site-logo{transition:none!important}
}


/* ============================================================
   CarHelpMate 3.25 — Community Pulse & Discovery
   ============================================================ */
.forum-community-zone{margin:0 0 24px;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.98));box-shadow:0 16px 38px rgba(15,23,42,.055);overflow:hidden;position:relative}
.forum-community-zone:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2563eb,#0ea5e9 48%,#22c55e);opacity:.92}
.forum-community-pulse-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid rgba(226,232,240,.82)}
.forum-community-title-wrap{display:flex;align-items:flex-start;gap:14px;min-width:0}.forum-community-title-wrap h2{margin:2px 0 3px;font-family:var(--forum-font-ui);font-size:20px;line-height:1.2;font-weight:850;letter-spacing:-.035em;color:#0f172a}.forum-community-title-wrap p{margin:0;font-size:12.75px;line-height:1.55;color:var(--text-dim)}
.forum-community-kicker{display:block;font-size:12.25px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#2563eb}
.forum-community-live{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:3px;padding:6px 8px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#15803d;font:850 12px/1 var(--forum-font-ui);letter-spacing:.08em}.forum-community-live i{width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12);animation:forumCommunityPulse 1.9s ease-in-out infinite}
@keyframes forumCommunityPulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.11)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
.forum-community-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.forum-community-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#eaf0f7;border-bottom:1px solid #e6edf5}.forum-community-metrics>div{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0;padding:15px 18px;background:rgba(255,255,255,.94)}.forum-community-metric-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:#2563eb}.forum-community-metrics>div.is-success .forum-community-metric-icon{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.forum-community-metrics b{font-family:var(--forum-font-ui);font-size:17px;line-height:1;font-weight:850;color:#0f172a}.forum-community-metrics small{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.25px;line-height:1.15;color:var(--text-faint)}
.forum-community-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:0}.forum-community-showcase.is-single{grid-template-columns:1fr}.forum-community-panel{min-width:0;padding:20px 22px 22px}.forum-community-panel+.forum-community-panel{border-left:1px solid var(--border)}
.forum-community-panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:13px}.forum-community-panel-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:#2563eb}.forum-community-panel-icon.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.forum-community-panel-head h3{margin:0;font-family:var(--forum-font-ui);font-size:13px;font-weight:850;letter-spacing:-.02em;color:#0f172a}.forum-community-panel-head p{margin:3px 0 0;font-size:12.25px;line-height:1.4;color:var(--text-faint)}.forum-community-panel-head>a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12.25px;font-weight:800;color:#2563eb;text-decoration:none}.forum-community-panel-head>a:hover{text-decoration:underline}
.forum-community-solution-list,.forum-community-garage-list{display:grid;gap:8px}.forum-community-solution-card,.forum-community-car-card{display:grid;align-items:center;min-width:0;border:1px solid #e5ebf2;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.forum-community-solution-card{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;padding:10px 11px}.forum-community-solution-card:hover,.forum-community-car-card:hover{border-color:#bfdbfe;box-shadow:0 9px 20px rgba(37,99,235,.08);transform:translateY(-1px)}.forum-community-solution-check{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ecfdf5;color:#16a34a}.forum-community-solution-copy{display:block;min-width:0}.forum-community-solution-copy strong,.forum-community-car-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.75px;font-weight:750;color:#0f172a}.forum-community-solution-copy small,.forum-community-car-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.25px;color:var(--text-faint)}.forum-community-solution-copy small b{color:#7c3aed;font-weight:800}.forum-community-solution-stats{display:flex;gap:7px;align-items:center}.forum-community-solution-stats small{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#94a3b8}.forum-community-card-arrow{color:#94a3b8;transition:transform .18s ease,color .18s ease}.forum-community-solution-card:hover .forum-community-card-arrow,.forum-community-car-card:hover .forum-community-card-arrow{color:#2563eb;transform:translateX(2px)}
.forum-community-car-card{grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding:7px 10px 7px 7px}.forum-community-car-photo{display:grid;place-items:center;width:52px;height:45px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#eff6ff,#f8fafc);color:#2563eb}.forum-community-car-photo img{width:100%;height:100%;object-fit:cover;display:block}.forum-community-car-copy{display:block;min-width:0}.forum-community-car-copy em{display:flex;align-items:center;gap:4px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;color:#64748b}.forum-community-empty{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #d8e2ee;border-radius:14px;background:#fbfdff;color:#94a3b8;font-size:12.5px;text-align:center;padding:14px}
@media(max-width:1023px){.forum-community-showcase{grid-template-columns:1fr}.forum-community-panel+.forum-community-panel{border-left:0;border-top:1px solid var(--border)}}
@media(max-width:767px){.forum-community-zone{margin:0 0 18px;border-radius:19px}.forum-community-pulse-head{display:block;padding:17px 15px 14px}.forum-community-title-wrap{gap:9px}.forum-community-title-wrap h2{font-size:17px}.forum-community-title-wrap p{font-size:12.5px;max-width:310px}.forum-community-live{padding:5px 7px;font-size:12px}.forum-community-actions{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.forum-community-actions .forum-btn{justify-content:center;min-width:0;padding-left:10px;padding-right:10px}.forum-community-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-community-metrics>div{padding:12px 13px}.forum-community-metric-icon{width:31px;height:31px}.forum-community-metrics b{font-size:15px}.forum-community-metrics small{font-size:12px}.forum-community-panel{padding:15px}.forum-community-panel-head{gap:8px;margin-bottom:10px}.forum-community-panel-head p{display:none}.forum-community-panel-icon{width:32px;height:32px}.forum-community-solution-card{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.forum-community-solution-stats{display:none}.forum-community-car-card{grid-template-columns:48px minmax(0,1fr) auto}.forum-community-car-photo{width:48px;height:43px}.forum-community-solution-copy strong,.forum-community-car-copy strong{font-size:12.5px}}
@media(max-width:390px){.forum-community-actions{grid-template-columns:1fr}.forum-community-metrics>div{padding:11px 10px;column-gap:7px}.forum-community-metric-icon{width:29px;height:29px}.forum-community-metrics b{font-size:14px}.forum-community-metrics small{font-size:12px}.forum-community-panel{padding:13px 12px}.forum-community-panel-head>a span{display:none}}
@media(prefers-reduced-motion:reduce){.forum-community-live i{animation:none}.forum-community-solution-card,.forum-community-car-card,.forum-community-card-arrow{transition:none!important}}


/* =========================================================
   CarHelpMate 3.26 — Welcome & Onboarding
   ========================================================= */
.forum-guest-page{min-height:calc(100vh - 58px);overflow:hidden}.forum-guest-shell{max-width:1320px;margin:0 auto;padding:34px 24px 30px}.forum-guest-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:520px;border:1px solid rgba(191,219,254,.8);border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef6ff 100%);box-shadow:0 25px 70px rgba(15,23,42,.08),0 8px 25px rgba(37,99,235,.06)}.forum-guest-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,#000,transparent 72%);pointer-events:none}.forum-guest-hero-glow{position:absolute;width:440px;height:440px;border-radius:50%;right:-90px;top:-95px;background:radial-gradient(circle,rgba(59,130,246,.18),rgba(59,130,246,0) 68%);filter:blur(2px)}.forum-guest-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:58px 34px 58px 54px}.forum-guest-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:8px 11px;border:1px solid #bfdbfe;border-radius:999px;background:rgba(255,255,255,.8);color:#2563eb;font:800 12.5px/1 Manrope,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 16px rgba(37,99,235,.06)}.forum-guest-hero h1{max-width:760px;margin:19px 0 0;font:800 clamp(38px,4.2vw,62px)/1.01 Manrope,Inter,sans-serif;letter-spacing:-.052em;color:#0f172a}.forum-guest-hero-copy>p{max-width:730px;margin:20px 0 0;font-size:15px;line-height:1.75;color:#526174}.forum-guest-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.forum-guest-main-cta{min-width:210px;box-shadow:0 14px 30px rgba(37,99,235,.2)}.forum-guest-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#64748b;font-size:12.5px;font-weight:700}.forum-guest-proof span{display:inline-flex;align-items:center;gap:5px}.forum-guest-visual{position:relative;min-height:480px;display:grid;place-items:center}.forum-guest-logo-core{position:relative;z-index:3;width:214px;height:214px;border-radius:50%;padding:12px;background:rgba(255,255,255,.72);border:1px solid rgba(191,219,254,.8);box-shadow:0 30px 70px rgba(37,99,235,.2),inset 0 0 0 9px rgba(239,246,255,.8);backdrop-filter:blur(10px)}.forum-guest-logo,.forum-guest-logo-img{display:block;width:100%;height:100%;border-radius:50%}.forum-guest-logo{overflow:hidden}.forum-guest-logo-img{object-fit:cover}.forum-guest-orbit{position:absolute;border:1px solid rgba(37,99,235,.15);border-radius:50%}.forum-guest-orbit.orbit-a{width:340px;height:340px}.forum-guest-orbit.orbit-b{width:445px;height:445px;border-style:dashed;animation:forumGuestSpin 35s linear infinite}.forum-guest-orbit.orbit-b:before,.forum-guest-orbit.orbit-b:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 6px rgba(59,130,246,.1)}.forum-guest-orbit.orbit-b:before{top:44px;left:70px}.forum-guest-orbit.orbit-b:after{right:40px;bottom:85px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.1)}@keyframes forumGuestSpin{to{transform:rotate(360deg)}}.forum-guest-float{position:absolute;z-index:4;display:grid;grid-template-columns:32px auto;column-gap:9px;min-width:150px;padding:11px 13px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 16px 35px rgba(15,23,42,.1);backdrop-filter:blur(13px)}.forum-guest-float>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;color:#2563eb}.forum-guest-float>b{font:800 12.75px/1.15 Manrope,Inter,sans-serif;color:#172033}.forum-guest-float>small{margin-top:3px;font-size:12px;color:#94a3b8}.forum-guest-float.float-obd{left:5%;top:21%}.forum-guest-float.float-solved{right:1%;top:31%}.forum-guest-float.float-solved>span{background:#f0fdf4;color:#16a34a}.forum-guest-float.float-garage{left:9%;bottom:18%}.forum-guest-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 56px}.forum-guest-stats>div{display:grid;grid-template-columns:38px auto;column-gap:11px;align-items:center;padding:15px 17px;border:1px solid #e7edf5;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}.forum-guest-stats span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#2563eb}.forum-guest-stats .is-success span{background:#f0fdf4;color:#16a34a}.forum-guest-stats strong{font:800 20px/1 Manrope,Inter,sans-serif;color:#0f172a}.forum-guest-stats small{margin-top:4px;font-size:12.25px;color:#94a3b8}.forum-guest-section{margin:0 0 62px}.forum-guest-section-head{max-width:760px;margin:0 auto 25px;text-align:center}.forum-guest-section-head.is-left{max-width:none;margin-left:0;text-align:left}.forum-guest-section-head>span{display:block;margin-bottom:7px;color:#2563eb;font:800 12.25px/1 Manrope,Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.forum-guest-section-head h2{margin:0;font:800 clamp(26px,2.9vw,38px)/1.12 Manrope,Inter,sans-serif;letter-spacing:-.038em;color:#0f172a}.forum-guest-section-head p{max-width:700px;margin:10px auto 0;font-size:13px;line-height:1.7;color:#64748b}.forum-guest-section-head.is-left p{margin-left:0}.forum-guest-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.forum-guest-features article{position:relative;min-height:218px;padding:22px 20px;border:1px solid #e5ebf3;border-radius:22px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:0 8px 26px rgba(15,23,42,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.forum-guest-features article:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 16px 32px rgba(37,99,235,.07)}.forum-guest-features i,.forum-guest-how-grid i{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eff6ff,#fff);border:1px solid #dbeafe;color:#2563eb;font-style:normal;box-shadow:0 6px 16px rgba(37,99,235,.06)}.forum-guest-features h3{margin:20px 0 0;font:800 14px/1.25 Manrope,Inter,sans-serif;color:#172033}.forum-guest-features p{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:#64748b}.forum-guest-how{margin:0 0 62px;padding:30px;border:1px solid #dce8f7;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 12px 35px rgba(15,23,42,.04)}.forum-guest-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.forum-guest-how-grid article{position:relative;padding:21px;border:1px solid #e5ebf3;border-radius:20px;background:#fff}.forum-guest-how-grid article>b{position:absolute;right:17px;top:15px;color:#dbeafe;font:800 32px/1 Manrope,Inter,sans-serif}.forum-guest-how-grid h3{margin:17px 0 0;padding-right:30px;font:800 13px/1.35 Manrope,Inter,sans-serif;color:#172033}.forum-guest-how-grid p{margin:7px 0 0;font-size:12.5px;line-height:1.65;color:#64748b}.forum-guest-solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.forum-guest-solution-card{display:block;padding:18px 19px;border:1px solid #e5ebf3;border-radius:20px;background:#fff;text-decoration:none;transition:.2s ease;box-shadow:0 7px 22px rgba(15,23,42,.035)}.forum-guest-solution-card:hover{transform:translateY(-2px);border-color:#bbf7d0;box-shadow:0 14px 28px rgba(34,197,94,.07)}.forum-guest-solution-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.forum-guest-solution-top>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#f0fdf4;color:#15803d;font-size:12px;font-weight:800}.forum-guest-solution-top small{font-size:12px;color:#94a3b8}.forum-guest-solution-card h3{margin:13px 0 0;font:800 13px/1.45 Manrope,Inter,sans-serif;color:#172033}.forum-guest-solution-card>p{margin:5px 0 0;font-size:12.25px;color:#64748b}.forum-guest-codes{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.forum-guest-codes b{padding:4px 6px;border-radius:7px;background:#f5f3ff;color:#6d28d9;font-size:12px}.forum-guest-solution-foot{display:flex;align-items:center;gap:11px;margin-top:15px;padding-top:12px;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px}.forum-guest-solution-foot span,.forum-guest-solution-foot em{display:inline-flex;align-items:center;gap:4px;font-style:normal}.forum-guest-solution-foot em{margin-left:auto;color:#64748b}.forum-guest-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #cbd5e1;border-radius:20px;color:#94a3b8}.forum-guest-empty p{font-size:12.5px}.forum-guest-join{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:10px 0 15px;padding:24px 25px;border:1px solid #bfdbfe;border-radius:24px;background:linear-gradient(120deg,#eff6ff,#fff 65%);box-shadow:0 12px 35px rgba(37,99,235,.06)}.forum-guest-join>div{display:flex;align-items:center;gap:15px;min-width:0}.forum-guest-join-logo{display:block;width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 8px 20px rgba(37,99,235,.14)}.forum-guest-join-logo-img{display:block;width:100%;height:100%;object-fit:cover}.forum-guest-join h2{margin:0;font:800 17px/1.25 Manrope,Inter,sans-serif;color:#0f172a}.forum-guest-join p{margin:5px 0 0;max-width:650px;font-size:12.5px;line-height:1.6;color:#64748b}

/* New-member starter center */
.forum-starter-center{margin:-2px 0 20px;padding:19px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(130deg,#f8fbff,#fff);box-shadow:0 8px 25px rgba(37,99,235,.045)}.forum-starter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.forum-starter-kicker{display:inline-flex;align-items:center;gap:5px;color:#2563eb;font:800 12px/1 Manrope,Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.forum-starter-head h2{margin:6px 0 0;font:800 17px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.025em;color:#0f172a}.forum-starter-head p{margin:5px 0 0;font-size:12.25px;line-height:1.55;color:#64748b}.forum-starter-progress{width:190px;flex:0 0 190px}.forum-starter-progress>div{display:flex;justify-content:space-between;gap:8px;color:#64748b;font-size:12px;font-weight:700}.forum-starter-progress>div b{color:#2563eb}.forum-starter-progress>i{display:block;height:6px;margin-top:7px;border-radius:999px;background:#e8eef6;overflow:hidden}.forum-starter-progress>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 12px rgba(37,99,235,.25)}.forum-starter-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.forum-starter-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;min-height:88px;padding:12px;border:1px solid #e5ebf3;border-radius:16px;background:#fff}.forum-starter-step-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb}.forum-starter-steps h3{margin:0;font:800 12.5px/1.25 Manrope,Inter,sans-serif;color:#172033}.forum-starter-steps p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#94a3b8}.forum-starter-steps a,.forum-starter-steps button,.forum-starter-steps em{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:3px;margin-top:6px;padding:0;border:0;background:none;color:#2563eb;font:800 12px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;font-style:normal}.forum-starter-steps article.is-done{border-color:#dcfce7;background:#fbfffc}.forum-starter-steps article.is-done .forum-starter-step-icon{background:#f0fdf4;color:#16a34a}.forum-starter-steps article.is-done em{color:#16a34a}

@media(max-width:1023px){.forum-guest-shell{padding:25px 18px}.forum-guest-hero{grid-template-columns:1fr minmax(330px,.75fr);min-height:480px}.forum-guest-hero-copy{padding:45px 25px 45px 34px}.forum-guest-logo-core{width:170px;height:170px}.forum-guest-orbit.orbit-a{width:270px;height:270px}.forum-guest-orbit.orbit-b{width:355px;height:355px}.forum-guest-float{transform:scale(.88)}.forum-guest-features{grid-template-columns:repeat(2,1fr)}.forum-guest-stats{grid-template-columns:repeat(2,1fr)}.forum-starter-steps{grid-template-columns:1fr}}
@media(max-width:767px){.forum-guest-page{min-height:100vh}.forum-guest-shell{padding:15px 12px 25px}.forum-guest-hero{display:block;min-height:0;border-radius:23px}.forum-guest-hero:before{mask-image:linear-gradient(to bottom,#000,transparent 70%)}.forum-guest-hero-copy{padding:29px 19px 20px;text-align:left}.forum-guest-badge{font-size:12px;padding:6px 8px}.forum-guest-hero h1{font-size:34px;line-height:1.04;margin-top:14px;letter-spacing:-.045em}.forum-guest-hero-copy>p{font-size:12.75px;line-height:1.65;margin-top:13px}.forum-guest-hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.forum-guest-hero-actions .forum-btn{width:100%;justify-content:center}.forum-guest-proof{gap:10px;margin-top:16px;font-size:12px}.forum-guest-visual{min-height:250px;margin-top:-3px}.forum-guest-logo-core{width:124px;height:124px;padding:7px}.forum-guest-orbit.orbit-a{width:190px;height:190px}.forum-guest-orbit.orbit-b{width:245px;height:245px}.forum-guest-float{min-width:120px;padding:8px 9px;grid-template-columns:26px auto;column-gap:7px;border-radius:12px;transform:scale(.82)}.forum-guest-float>span{width:26px;height:26px;border-radius:8px}.forum-guest-float.float-obd{left:-1%;top:20%}.forum-guest-float.float-solved{right:-4%;top:30%}.forum-guest-float.float-garage{left:2%;bottom:11%}.forum-guest-stats{grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 36px}.forum-guest-stats>div{grid-template-columns:31px auto;padding:11px 10px;border-radius:14px}.forum-guest-stats span{width:31px;height:31px;border-radius:9px}.forum-guest-stats strong{font-size:16px}.forum-guest-stats small{font-size:12px}.forum-guest-section{margin-bottom:40px}.forum-guest-section-head{margin-bottom:18px}.forum-guest-section-head h2{font-size:25px}.forum-guest-section-head p{font-size:12.5px}.forum-guest-features{grid-template-columns:1fr;gap:8px}.forum-guest-features article{min-height:auto;padding:16px;border-radius:17px}.forum-guest-features i,.forum-guest-how-grid i{width:36px;height:36px;border-radius:11px}.forum-guest-features h3{margin-top:12px;font-size:13px}.forum-guest-features p{font-size:12.25px}.forum-guest-how{padding:17px;border-radius:20px;margin-bottom:40px}.forum-guest-how-grid{grid-template-columns:1fr;gap:7px}.forum-guest-how-grid article{padding:15px;border-radius:15px}.forum-guest-how-grid article>b{font-size:25px}.forum-guest-how-grid h3{font-size:12.75px}.forum-guest-how-grid p{font-size:12.25px}.forum-guest-solutions{grid-template-columns:1fr;gap:8px}.forum-guest-solution-card{padding:15px;border-radius:16px}.forum-guest-solution-card h3{font-size:12.75px}.forum-guest-solution-foot em{font-size:12px}.forum-guest-join{display:block;padding:17px;border-radius:18px}.forum-guest-join>div{align-items:flex-start}.forum-guest-join-logo{width:43px;height:43px;flex:0 0 43px}.forum-guest-join h2{font-size:14px}.forum-guest-join p{font-size:12.25px}.forum-guest-join>.forum-btn{width:100%;justify-content:center;margin-top:15px}.forum-starter-center{padding:14px;margin-bottom:15px;border-radius:18px}.forum-starter-head{display:block}.forum-starter-head h2{font-size:15px}.forum-starter-progress{width:100%;margin-top:12px}.forum-starter-steps{gap:6px;margin-top:11px}.forum-starter-steps article{min-height:76px;padding:10px;border-radius:14px}.forum-starter-steps p{font-size:12px}}
@media(max-width:390px){.forum-guest-hero h1{font-size:30px}.forum-guest-float.float-solved{right:-10%}.forum-guest-float.float-obd{left:-8%}.forum-guest-proof span:nth-child(3){display:none}.forum-guest-stats small{line-height:1.25}}
@media(prefers-reduced-motion:reduce){.forum-guest-orbit.orbit-b{animation:none}.forum-guest-features article,.forum-guest-solution-card{transition:none}}


/* =========================================================
   CarHelpMate 3.26.1 — Premium guest hero title
   ========================================================= */
.forum-guest-title{
  max-width:720px!important;
  margin:18px 0 0!important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(36px,3.25vw,52px)!important;
  font-weight:800!important;
  line-height:1.035!important;
  letter-spacing:-.046em!important;
  text-wrap:balance;
  color:#0f172a!important;
}
.forum-guest-title-lead,
.forum-guest-title-accent{display:block}
.forum-guest-title-accent{
  margin-top:5px;
  color:#2563eb;
  background:linear-gradient(100deg,#1d4ed8 0%,#2563eb 52%,#4f46e5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.forum-guest-hero-copy>p{
  max-width:680px!important;
  margin-top:18px!important;
  font-size:14px!important;
  line-height:1.68!important;
}
@media(max-width:1200px){
  .forum-guest-title{max-width:650px!important;font-size:clamp(34px,3.45vw,47px)!important}
}
@media(max-width:1023px){
  .forum-guest-title{max-width:570px!important;font-size:clamp(32px,4vw,43px)!important;line-height:1.045!important}
  .forum-guest-title-accent{margin-top:4px}
  .forum-guest-hero-copy>p{font-size:13px!important;line-height:1.65!important}
}
@media(max-width:767px){
  .forum-guest-title{max-width:100%!important;margin-top:13px!important;font-size:clamp(27px,7.7vw,34px)!important;line-height:1.06!important;letter-spacing:-.038em!important}
  .forum-guest-title-accent{margin-top:3px}
  .forum-guest-hero-copy>p{max-width:100%!important;margin-top:13px!important;font-size:12.75px!important;line-height:1.6!important}
}
@media(max-width:390px){
  .forum-guest-title{font-size:clamp(25px,7.4vw,29px)!important;line-height:1.07!important}
}

/* =========================================================
   CarHelpMate 3.27 — Vehicle Diagnostic Passport
   ========================================================= */
.forum-passport-page{padding-bottom:30px}
.forum-passport-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:280px minmax(0,1fr) 310px;gap:28px;align-items:center;padding:28px;border-color:#cfe0ff;background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#eef5ff 100%);box-shadow:0 24px 65px rgba(15,23,42,.08)}
.forum-passport-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 87% 16%,rgba(37,99,235,.13),transparent 32%),linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)}
.forum-passport-photo-wrap{position:relative;z-index:1;height:210px;border-radius:24px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:#eef4fb;box-shadow:0 18px 40px rgba(15,23,42,.12)}
.forum-passport-photo{width:100%;height:100%;object-fit:cover;display:block}.forum-passport-photo.is-placeholder{display:flex;align-items:center;justify-content:center;color:#2563eb;background:linear-gradient(145deg,#eff6ff,#fff)}
.forum-passport-id{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:10px;background:rgba(15,23,42,.8);backdrop-filter:blur(9px);color:#fff;font:800 12.25px/1 Manrope,Inter,sans-serif;letter-spacing:.08em}
.forum-passport-copy{position:relative;z-index:1;min-width:0}.forum-passport-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#2563eb;font:800 12.25px/1 Manrope,Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.forum-passport-copy h1{margin:12px 0 7px;font:800 clamp(27px,2.5vw,38px)/1.04 Manrope,Inter,sans-serif;letter-spacing:-.04em;color:#0f172a}.forum-passport-copy>p{margin:0;max-width:620px;color:#64748b;font-size:13px;line-height:1.65}
.forum-passport-owner{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:16px}.forum-passport-owner>a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.forum-passport-owner .forum-avatar{width:34px!important;height:34px!important}.forum-passport-owner small{display:block;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.forum-passport-owner b{display:block;margin-top:2px;font-size:12.75px}.forum-passport-last{display:inline-flex;align-items:center;gap:5px;color:#94a3b8;font-size:12.25px}
.forum-passport-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.forum-passport-actions .forum-btn{min-height:38px;padding:8px 12px;font-size:12.5px}
.forum-passport-state{position:relative;z-index:1;display:flex;align-items:flex-start;gap:12px;padding:17px;border-radius:18px;border:1px solid #dbeafe;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(15,23,42,.07)}.forum-passport-state>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#eff6ff;color:#2563eb}.forum-passport-state b{display:block;font:800 13px/1.25 Manrope,Inter,sans-serif}.forum-passport-state p{margin:5px 0 0;font-size:12.25px;line-height:1.55;color:#64748b}.forum-passport-state.is-clear{border-color:#bbf7d0;background:linear-gradient(145deg,#f0fdf4,#fff)}.forum-passport-state.is-clear>span{background:#dcfce7;color:#16a34a}.forum-passport-state.is-warning,.forum-passport-state.is-attention{border-color:#fde68a;background:linear-gradient(145deg,#fffbeb,#fff)}.forum-passport-state.is-warning>span,.forum-passport-state.is-attention>span{background:#fef3c7;color:#d97706}.forum-passport-state.is-urgent{border-color:#fecaca;background:linear-gradient(145deg,#fff1f2,#fff)}.forum-passport-state.is-urgent>span{background:#fee2e2;color:#dc2626}
.forum-passport-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.forum-passport-stats article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:15px 17px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04)}.forum-passport-stats article>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff6ff;color:#2563eb}.forum-passport-stats strong{font:800 20px/1 Manrope,Inter,sans-serif}.forum-passport-stats small{margin-top:3px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.forum-passport-stats .is-success>span{background:#dcfce7;color:#16a34a}.forum-passport-stats .is-warning>span{background:#fef3c7;color:#d97706}
.forum-passport-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;margin-top:16px}.forum-passport-spec-card,.forum-passport-signal-card,.forum-passport-cost-card,.forum-passport-timeline-card{padding:20px}.forum-passport-side{display:grid;gap:16px;align-content:start}.forum-passport-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.forum-passport-section-head>div{display:flex;align-items:center;gap:10px}.forum-passport-section-head>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eff6ff;color:#2563eb}.forum-passport-section-head h2{margin:0;font:800 14px/1.2 Manrope,Inter,sans-serif}.forum-passport-section-head p{margin:3px 0 0;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.forum-passport-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.forum-passport-specs>div{min-width:0;padding:12px;border-radius:13px;background:#f8fafc;border:1px solid #eef2f7}.forum-passport-specs small{display:block;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}.forum-passport-specs b{display:block;margin-top:5px;font-size:12.75px;overflow-wrap:anywhere}.forum-passport-note{margin-top:12px;padding:12px 14px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12.5px;line-height:1.55}.forum-passport-privacy{display:flex;align-items:center;gap:6px;margin-top:12px;color:#94a3b8;font-size:12px}
.forum-passport-code-list{display:flex;flex-wrap:wrap;gap:7px}.forum-passport-code-list a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ddd6fe;border-radius:10px;background:#f5f3ff;color:#6d28d9;text-decoration:none;font-size:12.25px}.forum-passport-code-list a b{font-weight:850}.forum-passport-code-list a span{color:#a78bfa}.forum-passport-code-list a:hover{border-color:#a78bfa;transform:translateY(-1px)}
.forum-passport-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.forum-passport-costs>div{padding:12px;border-radius:13px;border:1px solid #bbf7d0;background:#f0fdf4}.forum-passport-costs strong{display:block;font:800 16px/1 Manrope,Inter,sans-serif;color:#166534}.forum-passport-costs span{display:block;margin-top:4px;color:#16a34a;font-size:12.25px;font-weight:800}.forum-passport-empty-copy{margin:0;color:#94a3b8;font-size:12.5px;line-height:1.6}
.forum-passport-timeline-card{margin-top:16px}.forum-passport-section-head.is-timeline{margin-bottom:8px}.forum-passport-timeline{position:relative;margin-top:8px;padding-left:30px}.forum-passport-timeline:before{content:"";position:absolute;left:11px;top:13px;bottom:13px;width:2px;background:linear-gradient(#bfdbfe,#e2e8f0)}.forum-passport-event{position:relative;padding:8px 0 12px}.forum-passport-event-node{position:absolute;left:-30px;top:20px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;border:4px solid #fff;background:#eff6ff;color:#2563eb;box-shadow:0 0 0 1px #bfdbfe}.forum-passport-event.is-solved .forum-passport-event-node{background:#dcfce7;color:#16a34a;box-shadow:0 0 0 1px #bbf7d0}.forum-passport-event-card{padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;transition:.18s ease}.forum-passport-event-card:hover{border-color:#bfdbfe;box-shadow:0 12px 28px rgba(15,23,42,.06)}.forum-passport-event-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.forum-passport-event-badges{display:flex;gap:6px;flex-wrap:wrap}.forum-passport-event-top time{color:#94a3b8;font-size:12px;white-space:nowrap}.forum-passport-event h3{margin:9px 0 0;font:800 14px/1.4 Manrope,Inter,sans-serif}.forum-passport-event h3 a{text-decoration:none;color:#0f172a}.forum-passport-event h3 a:hover{color:#2563eb}.forum-passport-event-codes{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.forum-passport-event-codes a{padding:5px 7px;border-radius:7px;background:#f5f3ff;color:#7c3aed;font-size:12px;font-weight:800;text-decoration:none}.forum-passport-event-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.forum-passport-event-result>div{padding:10px;border-radius:11px;background:#f8fafc;border:1px solid #eef2f7}.forum-passport-event-result small{display:block;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.forum-passport-event-result p{margin:4px 0 0;font-size:12.25px;line-height:1.5;color:#334155}.forum-passport-event-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px}.forum-passport-event-foot span{display:inline-flex;align-items:center;gap:4px}.forum-passport-event-foot .is-cost{color:#16a34a;font-weight:800}.forum-passport-event-foot>a{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-weight:800;text-decoration:none}.forum-passport-empty{text-align:center;padding:34px 18px;color:#94a3b8}.forum-passport-empty>svg{color:#2563eb}.forum-passport-empty h3{margin:12px 0 5px;color:#0f172a;font:800 15px/1.2 Manrope,Inter,sans-serif}.forum-passport-empty p{margin:0 auto 16px;max-width:420px;font-size:12.5px;line-height:1.6}.forum-garage-passport-btn{border-color:#bfdbfe!important;color:#1d4ed8!important;background:#f8fbff!important}
@media(max-width:1100px){.forum-passport-hero{grid-template-columns:220px minmax(0,1fr);gap:20px}.forum-passport-state{grid-column:1/-1}.forum-passport-photo-wrap{height:180px}.forum-passport-layout{grid-template-columns:1fr .78fr}.forum-passport-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.forum-passport-page{padding-bottom:84px}.forum-passport-hero{display:block;padding:14px;border-radius:20px}.forum-passport-photo-wrap{height:190px;border-radius:18px}.forum-passport-id{left:10px;bottom:10px}.forum-passport-copy{padding:15px 3px 0}.forum-passport-copy h1{font-size:26px;margin-top:10px}.forum-passport-copy>p{font-size:12.5px}.forum-passport-owner{margin-top:13px}.forum-passport-last{width:100%}.forum-passport-actions{display:grid;grid-template-columns:1fr 1fr}.forum-passport-actions .forum-btn{justify-content:center}.forum-passport-state{margin-top:14px;padding:13px}.forum-passport-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.forum-passport-stats article{padding:11px;grid-template-columns:32px 1fr;column-gap:8px}.forum-passport-stats article>span{width:32px;height:32px}.forum-passport-stats strong{font-size:17px}.forum-passport-layout{grid-template-columns:1fr;gap:10px;margin-top:10px}.forum-passport-spec-card,.forum-passport-signal-card,.forum-passport-cost-card,.forum-passport-timeline-card{padding:14px}.forum-passport-side{gap:10px}.forum-passport-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.forum-passport-specs>div{padding:10px}.forum-passport-timeline-card{margin-top:10px}.forum-passport-section-head.is-timeline{align-items:flex-start;gap:10px}.forum-passport-section-head.is-timeline>.forum-btn{display:none}.forum-passport-timeline{padding-left:25px}.forum-passport-timeline:before{left:9px}.forum-passport-event-node{left:-25px;width:20px;height:20px;top:19px}.forum-passport-event-card{padding:12px}.forum-passport-event-top{align-items:flex-start;flex-direction:column;gap:5px}.forum-passport-event h3{font-size:13px}.forum-passport-event-result{grid-template-columns:1fr}.forum-passport-event-foot{gap:7px}.forum-passport-event-foot>a{width:100%;margin-left:0;margin-top:2px}.forum-garage-card-actions-passport{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.forum-garage-card-actions-passport .forum-btn{justify-content:center}.forum-garage-card-actions-passport .forum-btn:last-child:nth-child(3){grid-column:1/-1}}
@media(max-width:390px){.forum-passport-actions{grid-template-columns:1fr}.forum-passport-copy h1{font-size:23px}.forum-passport-specs{grid-template-columns:1fr 1fr}.forum-passport-state p{font-size:12px}}

/* =========================================================
   CarHelpMate 3.28 — Diagnostic Reputation System
   ========================================================= */
.forum-rank-chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 7px;border:1px solid #dbeafe;border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);color:#334155;font:750 12.25px/1 Manrope,Inter,sans-serif;white-space:nowrap;box-shadow:0 3px 10px rgba(37,99,235,.06)}
.forum-rank-chip svg{color:#2563eb;flex:0 0 auto}.forum-rank-chip-code{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:16px;padding:0 4px;border-radius:5px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.06em}.forum-rank-chip em{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:16px;padding:0 4px;border-left:1px solid #e2e8f0;color:#64748b;font-style:normal;font-size:12px;font-weight:900}
.forum-profile-rankline{margin-top:8px}.forum-profile-rankline .forum-rank-chip{min-height:28px;padding:5px 8px;font-size:12.5px}.forum-profile-rankline .forum-rank-chip-code,.forum-profile-rankline .forum-rank-chip em{height:18px;font-size:12px}
.forum-rep-card{padding:18px;border:1px solid #dbeafe;overflow:hidden;position:relative;background:radial-gradient(circle at 95% 5%,rgba(37,99,235,.10),transparent 34%),linear-gradient(180deg,#fff,#fbfdff)}
.forum-rep-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#2563eb,#4f46e5 55%,#0ea5e9)}
.forum-rep-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.forum-rep-kicker{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font:850 12.25px/1.2 Manrope,Inter,sans-serif;text-transform:uppercase;letter-spacing:.11em}.forum-rep-head h3{margin:8px 0 0;color:#0f172a;font:850 17px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.025em}.forum-rep-head h3 small{display:inline-flex;margin-left:5px;padding:3px 5px;border-radius:6px;background:#eff6ff;color:#2563eb;font-size:12px;letter-spacing:.08em;vertical-align:2px}
.forum-trust-gauge{--trust:0;width:74px;height:74px;flex:0 0 74px;border-radius:50%;padding:6px;background:conic-gradient(#2563eb calc(var(--trust)*1%),#dbeafe 0);box-shadow:0 8px 24px rgba(37,99,235,.14)}.forum-trust-gauge>div{width:100%;height:100%;display:flex;align-items:baseline;justify-content:center;border-radius:50%;background:#fff;padding-top:22px;box-sizing:border-box}.forum-trust-gauge strong{color:#0f172a;font:900 20px/1 Manrope,Inter,sans-serif}.forum-trust-gauge small{margin-left:2px;color:#94a3b8;font:700 12px/1 Inter,sans-serif}
.forum-rep-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}.forum-rep-meta>div{padding:9px 8px;border:1px solid #e2e8f0;border-radius:11px;background:rgba(255,255,255,.82)}.forum-rep-meta span{display:block;color:#94a3b8;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-rep-meta b{display:block;margin-top:4px;color:#0f172a;font:850 13px/1 Manrope,Inter,sans-serif}
.forum-rep-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;color:#64748b;font-size:12px;font-weight:750}.forum-rep-progress-head b{color:#334155;text-align:right}.forum-rep-progress{height:7px;margin-top:7px;border-radius:999px;background:#eaf0f8;overflow:hidden}.forum-rep-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#4f46e5);box-shadow:0 0 10px rgba(37,99,235,.22)}.forum-rep-note{margin:8px 0 0;color:#94a3b8;font-size:12px;line-height:1.45}
.forum-achievements-card{padding:18px}.forum-achievements-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.forum-achievements-head h3{margin:0;color:#0f172a;font:850 14px/1.2 Manrope,Inter,sans-serif}.forum-achievements-head p{margin:5px 0 0;color:#94a3b8;font-size:12px;line-height:1.45}.forum-achievements-head>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:25px;padding:0 7px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12.25px;font-weight:850}
.forum-achievements-grid{display:grid;gap:7px;margin-top:13px}.forum-achievement{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.forum-achievement.is-earned{border-color:#bfdbfe;background:linear-gradient(135deg,#f8fbff,#fff)}.forum-achievement.is-earned:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.06)}.forum-achievement-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#f1f5f9;color:#94a3b8}.forum-achievement.is-earned .forum-achievement-icon{background:#eff6ff;color:#2563eb}.forum-achievement b{display:block;color:#334155;font:800 12.25px/1.2 Manrope,Inter,sans-serif}.forum-achievement small{display:block;margin-top:3px;color:#94a3b8;font-size:12px;line-height:1.35}.forum-achievement em{font-style:normal;color:#94a3b8;font-size:12px;font-weight:800;white-space:nowrap}.forum-achievement.is-earned em{color:#2563eb}
@media(max-width:1023px){.forum-rep-card,.forum-achievements-card{padding:16px}.forum-achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-achievement{grid-template-columns:28px minmax(0,1fr)}.forum-achievement em{grid-column:2}}
@media(max-width:767px){.forum-rank-chip{gap:4px;min-height:22px;padding:3px 6px;font-size:12px}.forum-rank-chip em{display:none}.forum-rank-chip-code{min-width:22px}.forum-profile-rankline .forum-rank-chip{font-size:12.25px}.forum-rep-head h3{font-size:15px}.forum-trust-gauge{width:66px;height:66px;flex-basis:66px}.forum-trust-gauge>div{padding-top:19px}.forum-trust-gauge strong{font-size:18px}.forum-achievements-grid{grid-template-columns:1fr}.forum-achievement{grid-template-columns:28px minmax(0,1fr) auto}.forum-achievement em{grid-column:auto}.forum-rep-meta{gap:5px}.forum-rep-meta>div{padding:8px 6px}.forum-rep-meta span{font-size:12px}.forum-rep-meta b{font-size:13px}}
@media(max-width:390px){.forum-achievement{grid-template-columns:26px minmax(0,1fr)}.forum-achievement em{grid-column:2}.forum-trust-gauge{width:62px;height:62px;flex-basis:62px}.forum-rep-head h3{font-size:14px}}


/* =========================================================
   CarHelpMate 3.29 — Unified premium typography
   Guest + authenticated home page headings
   ========================================================= */
.forum-premium-section-title{
  margin:0!important;
  max-width:none!important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(27px,2.1vw,34px)!important;
  line-height:1.06!important;
  font-weight:800!important;
  letter-spacing:-.043em!important;
  color:#0f172a!important;
  text-wrap:balance;
}

@media(min-width:1024px){
  .forum-guest-section-head.is-left .forum-premium-section-title{
    white-space:nowrap;
  }
}

.forum-home-premium-title{
  max-width:100%!important;
  margin:0!important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(31px,2.65vw,42px)!important;
  line-height:1.045!important;
  font-weight:800!important;
  letter-spacing:-.044em!important;
  color:#0f172a!important;
  text-wrap:balance;
}

.forum-home-section-title{
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.032em!important;
  color:#0f172a!important;
}
.forum-starter-head .forum-home-section-title{
  font-size:16px!important;
  line-height:1.18!important;
}
.forum-community-title-wrap .forum-home-section-title{
  font-size:19px!important;
  line-height:1.15!important;
}

@media(min-width:1180px){
  .forum-home-premium-title{white-space:nowrap;}
  .forum-starter-head .forum-home-section-title{white-space:nowrap;}
  .forum-community-title-wrap .forum-home-section-title{white-space:nowrap;}
}

@media(max-width:1023px){
  .forum-premium-section-title{
    font-size:clamp(25px,3.2vw,31px)!important;
    line-height:1.07!important;
  }
  .forum-home-premium-title{
    font-size:clamp(29px,4vw,36px)!important;
    line-height:1.055!important;
  }
}

@media(max-width:767px){
  .forum-premium-section-title{
    font-size:clamp(22px,6.4vw,27px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
  }
  .forum-guest-section-head.is-left{
    margin-bottom:16px!important;
  }
  .forum-home-premium-title{
    font-size:clamp(26px,7.2vw,32px)!important;
    line-height:1.065!important;
    letter-spacing:-.036em!important;
    white-space:normal!important;
  }
  .forum-starter-head .forum-home-section-title{
    font-size:14.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .forum-community-title-wrap .forum-home-section-title{
    font-size:16px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
}


/* =========================================================
   CarHelpMate 3.30 — Diagnostic League
   ========================================================= */
.forum-sidebar-league-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.forum-sidebar-league-head a{display:inline-flex;align-items:center;gap:4px;font-size:12.25px;font-weight:800;color:var(--primary);text-decoration:none}.forum-sidebar-league-head a:hover{color:var(--primary-dark)}
.forum-rep-league-link{margin-top:13px;min-height:36px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(145deg,#eff6ff,#fff);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:800;color:#1d4ed8;text-decoration:none;transition:.2s ease}.forum-rep-league-link:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,99,235,.09)}
.forum-league-page{padding-bottom:34px}.forum-league-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:26px;align-items:center;padding:31px 34px;border-color:#bfdbfe;background:linear-gradient(125deg,#fff 0%,#f8fbff 54%,#eef5ff 100%);box-shadow:0 20px 55px rgba(37,99,235,.08)}.forum-league-hero-glow{position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(59,130,246,.16),rgba(59,130,246,0) 68%);pointer-events:none}.forum-league-hero-copy{position:relative;z-index:1}.forum-league-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.25px;font-weight:900;letter-spacing:.16em;color:#2563eb;text-transform:uppercase}.forum-league-hero h1{margin:9px 0 0;font:800 clamp(29px,3vw,43px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.045em;color:#0f172a}.forum-league-hero-copy>p{max-width:680px;margin:12px 0 0;font-size:13px;line-height:1.65;color:#64748b}.forum-league-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:21px}.forum-league-tabs a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#64748b;font-size:12.5px;font-weight:800;text-decoration:none;transition:.18s ease}.forum-league-tabs a:hover{border-color:#bfdbfe;color:#2563eb}.forum-league-tabs a.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;box-shadow:0 5px 14px rgba(37,99,235,.08)}
.forum-league-champion{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid rgba(191,219,254,.9);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(37,99,235,.09);text-decoration:none;color:inherit;transition:.2s ease}.forum-league-champion:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 18px 40px rgba(37,99,235,.13)}.forum-league-champion-crown{position:absolute;right:13px;top:-12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#d97706;box-shadow:0 8px 20px rgba(217,119,6,.12)}.forum-league-champion .forum-avatar{width:52px!important;height:52px!important;border-radius:50%!important}.forum-league-champion>div{min-width:0}.forum-league-champion small{display:block;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.forum-league-champion strong{display:block;margin-top:3px;font:800 15px/1.2 Manrope,Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-league-champion span{display:block;margin-top:4px;font-size:12.25px;color:#64748b}.forum-league-champion span b{color:#2563eb}.forum-league-champion>em{font-style:normal;font:850 22px/1 Manrope,Inter,sans-serif;color:#2563eb;padding-right:3px}
.forum-league-formula{margin-top:14px;display:flex;align-items:center;gap:12px;padding:14px 17px}.forum-league-formula-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#2563eb}.forum-league-formula>div:nth-child(2){min-width:0;flex:1}.forum-league-formula b{font-size:12.75px}.forum-league-formula p{margin:2px 0 0;font-size:12.25px;line-height:1.45;color:#94a3b8}.forum-league-mypos{margin-left:auto;min-width:145px;padding-left:14px;border-left:1px solid #e2e8f0;text-align:right}.forum-league-mypos small{display:block;font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.forum-league-mypos strong{display:inline-block;margin-top:1px;font-size:18px;color:#2563eb}.forum-league-mypos span{display:block;font-size:12px;color:#64748b}
.forum-league-board{margin-top:14px;padding:22px}.forum-league-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.forum-league-board-head>div>span{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#2563eb}.forum-league-board-head h2{margin:3px 0 0;font:800 21px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.035em}.forum-league-board-head p{margin:4px 0 0;font-size:12.25px;color:#94a3b8}.forum-league-table-head{display:grid;grid-template-columns:62px minmax(220px,1fr) 86px 86px 86px 100px;align-items:center;gap:7px;padding:0 12px 8px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.forum-league-table-head span:nth-child(n+3){text-align:center}.forum-league-list{display:grid;gap:6px}.forum-league-row{display:grid;grid-template-columns:62px minmax(220px,1fr) 86px 86px 86px 100px;align-items:center;gap:7px;min-height:66px;padding:8px 12px;border:1px solid #edf1f6;border-radius:15px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}.forum-league-row:hover{border-color:#bfdbfe;background:#fbfdff;transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.045)}.forum-league-row.is-me{border-color:#93c5fd;background:linear-gradient(90deg,#eff6ff,#fff 46%)}.forum-league-row.is-podium{border-color:#dbeafe;background:linear-gradient(90deg,#f8fbff,#fff)}.forum-league-row.is-podium-1{border-color:#fde68a;background:linear-gradient(90deg,#fffbeb,#fff 42%)}.forum-league-pos{display:flex;align-items:center;gap:6px;color:#94a3b8}.forum-league-pos svg{color:#f59e0b}.forum-league-pos b{font:800 13px/1 Manrope,Inter,sans-serif;color:#475569}.forum-league-person{display:flex;align-items:center;gap:10px;min-width:0}.forum-league-person .forum-avatar{width:38px!important;height:38px!important;border-radius:50%!important;flex:0 0 38px}.forum-league-person>span{min-width:0}.forum-league-person strong{display:block;font-size:12.75px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-league-person small{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:12px;color:#94a3b8}.forum-league-person small b{color:#2563eb}.forum-league-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.forum-league-metric svg{margin-bottom:2px;color:#94a3b8}.forum-league-metric b{font-size:12.75px;color:#334155}.forum-league-metric small{font-size:12px;color:#94a3b8}.forum-league-metric.is-green svg,.forum-league-metric.is-green b{color:#16a34a}.forum-league-score{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:right}.forum-league-score strong{font:850 15px/1 Manrope,Inter,sans-serif;color:#2563eb}.forum-league-score small{grid-column:1;font-size:12px;color:#94a3b8}.forum-league-score svg{grid-column:2;grid-row:1/3;color:#cbd5e1;margin-left:6px}.forum-league-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.forum-league-empty p{font-size:12.5px}.forum-league-outside{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-color:#bfdbfe}.forum-league-outside span{font-size:12px;color:#2563eb;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.forum-league-outside h3{margin:2px 0 0;font-size:13px}.forum-league-outside p{margin:2px 0 0;font-size:12px;color:#94a3b8}.forum-league-outside>strong{font:850 24px/1 Manrope,Inter,sans-serif;color:#2563eb}
@media(max-width:1023px){.forum-league-hero{grid-template-columns:1fr;padding:25px}.forum-league-champion{max-width:520px}.forum-league-table-head{display:none}.forum-league-row{grid-template-columns:48px minmax(160px,1fr) repeat(3,64px) 82px}.forum-league-board{padding:18px}.forum-community-league-btn{display:none}}
@media(max-width:767px){.forum-league-page{padding-bottom:88px}.forum-league-hero{padding:20px 16px;border-radius:20px}.forum-league-hero h1{font-size:29px}.forum-league-hero-copy>p{font-size:12.5px}.forum-league-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.forum-league-tabs a{flex:0 0 auto}.forum-league-champion{grid-template-columns:auto minmax(0,1fr);padding:13px}.forum-league-champion>em{grid-column:2;font-size:17px;text-align:left;margin-top:-3px}.forum-league-champion .forum-avatar{width:46px!important;height:46px!important}.forum-league-formula{align-items:flex-start;flex-wrap:wrap}.forum-league-mypos{width:100%;margin:2px 0 0;padding:9px 0 0;border-left:0;border-top:1px solid #e2e8f0;text-align:left}.forum-league-board{padding:14px 10px}.forum-league-board-head{align-items:flex-start}.forum-league-board-head .forum-btn{display:none}.forum-league-board-head h2{font-size:18px}.forum-league-row{grid-template-columns:38px minmax(0,1fr) 60px;min-height:70px;padding:8px 9px}.forum-league-metric{display:none}.forum-league-score{grid-column:3}.forum-league-person .forum-avatar{width:36px!important;height:36px!important;flex-basis:36px}.forum-league-person strong{font-size:12.5px}.forum-league-person small{font-size:12px}.forum-league-pos{gap:3px}.forum-league-pos b{font-size:12.5px}.forum-league-outside{padding:13px 15px}}
@media(max-width:390px){.forum-league-hero h1{font-size:26px}.forum-league-kicker{font-size:12px}.forum-league-row{grid-template-columns:34px minmax(0,1fr) 55px}.forum-league-score strong{font-size:13px}}

/* =========================================================
   CarHelpMate 3.31 — Premium Admin & Moderation
   ========================================================= */
.forum-admin-page{--admin-navy:#0f172a;--admin-blue:#2563eb;--admin-surface:#fff;--admin-soft:#f8fafc}.forum-admin-wrap{max-width:1400px;margin:0 auto;padding:26px 24px 54px}.forum-admin-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #dbe7f7;border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(37,99,235,.12),transparent 34%),linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 18px 45px rgba(15,23,42,.06)}.forum-admin-hero.is-compact{padding:24px 28px}.forum-admin-hero-copy{min-width:0}.forum-admin-kicker{display:inline-flex;align-items:center;gap:7px;font:800 12.5px/1 Manrope,Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2563eb}.forum-admin-hero h1{margin:8px 0 0;font:800 clamp(28px,3vw,42px)/1.04 Manrope,Inter,sans-serif;letter-spacing:-.045em;color:#0f172a}.forum-admin-hero p{margin:9px 0 0;font-size:13px;line-height:1.6;color:#64748b}.forum-admin-hero-actions{display:flex;flex-wrap:wrap;gap:9px;flex:0 0 auto}.forum-admin-alert{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 14px;border-radius:13px;font-size:12.75px;font-weight:700}.forum-admin-alert.is-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.forum-admin-alert.is-error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.forum-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.forum-admin-metrics article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px 18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.04)}.forum-admin-metrics article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px}.forum-admin-metrics .is-blue{background:#eff6ff;color:#2563eb}.forum-admin-metrics .is-indigo{background:#eef2ff;color:#4f46e5}.forum-admin-metrics .is-green{background:#f0fdf4;color:#16a34a}.forum-admin-metrics .is-amber{background:#fffbeb;color:#d97706}.forum-admin-metrics b{display:block;font:800 20px/1 Manrope,Inter,sans-serif;color:#0f172a}.forum-admin-metrics small{display:block;margin-top:4px;font-size:12.25px;color:#94a3b8}.forum-admin-metrics em{font-style:normal;font-size:12.25px;font-weight:700;color:#64748b;white-space:nowrap}.forum-admin-health,.forum-admin-attention,.forum-admin-moderation{margin-top:16px;padding:20px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045)}.forum-admin-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.forum-admin-section-head>div>span{display:block;font:800 12.25px/1 Manrope,Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2563eb}.forum-admin-section-head h2{margin:5px 0 0;font:800 19px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.03em}.forum-admin-section-head>a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#2563eb}.forum-admin-section-head>small{font-size:12.25px;color:#94a3b8}.forum-admin-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.forum-admin-health-grid>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'i b' 'i s';column-gap:10px;align-items:center;padding:13px 14px;border:1px solid #edf2f7;border-radius:15px;background:#f8fafc}.forum-admin-health-grid span{grid-area:i;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#64748b;border:1px solid #e2e8f0}.forum-admin-health-grid b{grid-area:b;font:800 16px/1 Manrope,Inter,sans-serif}.forum-admin-health-grid small{grid-area:s;margin-top:3px;font-size:12.25px;color:#94a3b8}.forum-admin-health-grid .is-warn{border-color:#fde68a;background:#fffbeb}.forum-admin-health-grid .is-danger{border-color:#fecaca;background:#fef2f2}.forum-admin-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.forum-admin-attention-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;transition:.18s ease}.forum-admin-attention-list>a:hover{border-color:#bfdbfe;background:#f8fbff;transform:translateY(-1px)}.forum-admin-attention-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f8fafc;color:#64748b}.forum-admin-attention-icon.is-urgent{background:#fff1f2;color:#e11d48}.forum-admin-attention-list b{display:block;font-size:12.75px;line-height:1.35;color:#0f172a}.forum-admin-attention-list small{display:block;margin-top:4px;font-size:12px;color:#94a3b8}.forum-admin-attention-list em{font-style:normal;font-size:12px;font-weight:800;color:#64748b}.forum-admin-filter{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(125px,.72fr)) auto auto;gap:8px;margin-bottom:14px}.forum-admin-search{position:relative}.forum-admin-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.forum-admin-search input,.forum-admin-filter select{width:100%;height:40px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#0f172a;font-size:12.5px;outline:none}.forum-admin-search input{padding:0 12px 0 36px}.forum-admin-filter select{padding:0 32px 0 11px}.forum-admin-search input:focus,.forum-admin-filter select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.forum-admin-filter .forum-btn{min-height:40px;padding:0 14px}.forum-admin-topic-list{display:grid;gap:8px}.forum-admin-topic{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.forum-admin-topic.is-urgent{border-left:3px solid #ef4444}.forum-admin-topic-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.forum-admin-topic-title{display:inline-block;font:750 13px/1.4 Manrope,Inter,sans-serif;color:#0f172a}.forum-admin-topic-title:hover{color:#2563eb}.forum-admin-topic-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px;color:#94a3b8;font-size:12px}.forum-admin-topic-meta span{display:inline-flex;align-items:center;gap:3px}.forum-admin-topic-actions{display:flex;align-items:center;gap:6px}.forum-admin-icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:.18s ease}.forum-admin-icon-btn:hover{border-color:#bfdbfe;color:#2563eb;background:#eff6ff}.forum-admin-icon-btn.is-active{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.forum-admin-icon-btn.is-danger{color:#dc2626}.forum-admin-icon-btn.is-disabled{opacity:.38;cursor:not-allowed}.forum-admin-more{position:relative}.forum-admin-more>summary{list-style:none}.forum-admin-more>summary::-webkit-details-marker{display:none}.forum-admin-more-menu{position:absolute;right:0;top:42px;z-index:30;width:245px;padding:10px;border:1px solid #dbe3ee;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16)}.forum-admin-more-menu form{display:grid;gap:6px;padding:7px 5px}.forum-admin-more-menu form+form{border-top:1px solid #eef2f7}.forum-admin-more-menu label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#64748b}.forum-admin-more-menu select{height:34px;border:1px solid #dbe3ee;border-radius:9px;padding:0 8px;font-size:12.25px}.forum-admin-more-menu button,.forum-admin-more-menu>a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:33px;border:0;border-radius:9px;background:#f8fafc;color:#334155;font-size:12.25px;font-weight:800;cursor:pointer}.forum-admin-more-menu button:hover,.forum-admin-more-menu>a:hover{background:#eff6ff;color:#2563eb}.forum-admin-more-menu .is-danger{background:#fef2f2;color:#dc2626}.forum-admin-empty{display:grid;place-items:center;padding:35px 15px;text-align:center;color:#94a3b8}.forum-admin-empty b{margin-top:8px;color:#334155;font-size:13px}.forum-admin-empty p{margin-top:4px;font-size:12.25px}.forum-admin-category-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;margin-top:16px}.forum-admin-category-form{position:sticky;top:78px;padding:20px}.forum-admin-category-form form{display:grid;gap:13px}.forum-admin-category-form label{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:#475569}.forum-admin-form-actions{display:flex;gap:8px;padding-top:3px}.forum-admin-category-list{display:grid;gap:9px}.forum-admin-category-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px}.forum-admin-category-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;color:#2563eb}.forum-admin-category-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.forum-admin-category-copy h3{font:800 13px/1.3 Manrope,Inter,sans-serif}.forum-admin-category-copy>div>span{font-size:12px;color:#94a3b8}.forum-admin-category-copy p{margin:5px 0 0;font-size:12.25px;line-height:1.5;color:#64748b}.forum-admin-category-copy small{display:block;margin-top:6px;font-size:12px;color:#94a3b8}.forum-admin-category-actions{display:flex;gap:6px}
@media(max-width:1100px){.forum-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-admin-filter{grid-template-columns:1fr 1fr 1fr}.forum-admin-search{grid-column:1/-1}.forum-admin-attention-list{grid-template-columns:1fr}.forum-admin-category-layout{grid-template-columns:1fr}.forum-admin-category-form{position:static}.forum-admin-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.forum-admin-wrap{padding:16px 12px 94px}.forum-admin-hero{display:block;padding:19px 17px;border-radius:20px}.forum-admin-hero h1{font-size:27px}.forum-admin-hero p{font-size:12.5px}.forum-admin-hero-actions{margin-top:14px}.forum-admin-hero-actions .forum-btn{flex:1}.forum-admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.forum-admin-metrics article{grid-template-columns:auto 1fr;padding:12px}.forum-admin-metrics article>em{display:none}.forum-admin-metrics b{font-size:17px}.forum-admin-health,.forum-admin-attention,.forum-admin-moderation{padding:14px;border-radius:18px}.forum-admin-health-grid{grid-template-columns:1fr 1fr;gap:7px}.forum-admin-health-grid>div{padding:10px}.forum-admin-filter{display:flex;overflow-x:auto;padding-bottom:4px}.forum-admin-filter>*{flex:0 0 170px}.forum-admin-search{flex-basis:240px}.forum-admin-filter .forum-btn{flex-basis:auto}.forum-admin-topic{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.forum-admin-topic-actions{justify-content:flex-end}.forum-admin-more-menu{right:0;position:fixed;left:12px;right:12px;top:auto;bottom:88px;width:auto;max-height:60vh;overflow:auto}.forum-admin-category-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.forum-admin-category-actions{grid-column:2;justify-content:flex-end}.forum-admin-section-head h2{font-size:17px}.forum-admin-attention-list>a{grid-template-columns:auto 1fr}.forum-admin-attention-list em{display:none}}
@media(max-width:420px){.forum-admin-metrics{grid-template-columns:1fr 1fr}.forum-admin-metrics article>span{width:31px;height:31px}.forum-admin-metrics small{font-size:12px}.forum-admin-health-grid{grid-template-columns:1fr}.forum-admin-hero-actions{display:grid;grid-template-columns:1fr}.forum-admin-category-copy>div{display:block}.forum-admin-category-copy>div>span{display:block;margin-top:4px}}


/* =========================================================
   CarHelpMate 3.32 — Personal Diagnostic Radar
   ========================================================= */
.forum-diagnostic-radar{position:relative;margin:0 0 22px;padding:20px;overflow:hidden;border-color:#dbeafe;background:radial-gradient(circle at 92% -18%,rgba(37,99,235,.13),transparent 35%),linear-gradient(145deg,#fff,#fbfdff 62%,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.05)}
.forum-diagnostic-radar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2563eb,#4f46e5 52%,#0ea5e9)}
.forum-radar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.forum-radar-title-wrap{display:flex;align-items:flex-start;gap:13px;min-width:0}.forum-radar-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #bfdbfe;border-radius:14px;background:linear-gradient(145deg,#eff6ff,#fff);color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.09);overflow:hidden}.forum-radar-mark>i{position:absolute;width:32px;height:32px;border:1px solid rgba(37,99,235,.12);border-radius:50%}.forum-radar-mark>i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;transform-origin:left center;transform:rotate(-35deg);background:linear-gradient(90deg,rgba(37,99,235,.55),transparent)}.forum-radar-kicker{display:flex;align-items:center;gap:6px;color:#2563eb;font:850 12px/1 Manrope,Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.forum-radar-title-wrap h2{margin:6px 0 0;color:#0f172a;font:850 19px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.035em}.forum-radar-title-wrap p{max-width:760px;margin:6px 0 0;color:#64748b;font-size:12.25px;line-height:1.55}.forum-radar-state{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#64748b;font-size:12px;font-weight:850;white-space:nowrap;box-shadow:0 5px 15px rgba(15,23,42,.04)}.forum-radar-state.is-clear{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.forum-radar-state.is-attention{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.forum-radar-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.forum-radar-metric{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:67px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:14px;background:rgba(255,255,255,.88);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.forum-radar-metric:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 8px 20px rgba(15,23,42,.055)}.forum-radar-metric-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f1f5f9;color:#64748b}.forum-radar-metric>span:nth-child(2){display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline;min-width:0}.forum-radar-metric b{grid-row:1/3;color:#0f172a;font:900 18px/1 Manrope,Inter,sans-serif}.forum-radar-metric strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font:800 12.25px/1.2 Manrope,Inter,sans-serif}.forum-radar-metric small{margin-top:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:12px}.forum-radar-metric-arrow{color:#cbd5e1}.forum-radar-metric.is-active{border-color:#fed7aa;background:linear-gradient(135deg,#fffaf5,#fff)}.forum-radar-metric.is-active .forum-radar-metric-icon{background:#fff7ed;color:#ea580c}.forum-radar-metric.is-unread .forum-radar-metric-icon{background:#eff6ff;color:#2563eb}.forum-radar-metric.is-match .forum-radar-metric-icon{background:#f0fdf4;color:#16a34a}
.forum-radar-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.forum-radar-signals.is-single{grid-template-columns:1fr}.forum-radar-signal-panel{min-width:0;padding:12px;border:1px solid #e5eaf1;border-radius:15px;background:rgba(248,250,252,.78)}.forum-radar-signal-panel.is-focus{background:linear-gradient(135deg,#fffaf7,#fff)}.forum-radar-signal-panel.is-solutions{background:linear-gradient(135deg,#f7fff9,#fff)}.forum-radar-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0 2px 8px}.forum-radar-panel-head span{display:block;color:#334155;font:850 12.25px/1.2 Manrope,Inter,sans-serif}.forum-radar-panel-head small{display:block;margin-top:3px;color:#94a3b8;font-size:12px}.forum-radar-panel-head>a{display:inline-flex;align-items:center;gap:3px;color:#2563eb;font-size:12px;font-weight:800;white-space:nowrap}.forum-radar-list{display:grid;gap:5px}.forum-radar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:46px;padding:7px 8px;border:1px solid #e8edf3;border-radius:11px;background:#fff;transition:border-color .18s ease,transform .18s ease}.forum-radar-row:hover{border-color:#bfdbfe;transform:translateX(1px)}.forum-radar-row-status{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eff6ff;color:#2563eb}.forum-radar-row-status.is-urgent{background:#fff1f2;color:#e11d48}.forum-radar-row-status.is-solved{background:#f0fdf4;color:#16a34a}.forum-radar-row-copy{min-width:0}.forum-radar-row-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font:780 12.25px/1.3 Manrope,Inter,sans-serif}.forum-radar-row-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:12px}.forum-radar-row-time{color:#94a3b8;font-size:12px;white-space:nowrap}.forum-radar-row-arrow{color:#cbd5e1}
@media(max-width:1023px){.forum-diagnostic-radar{padding:18px}.forum-radar-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-radar-signals{grid-template-columns:1fr}.forum-radar-title-wrap p{max-width:600px}}
@media(max-width:767px){.forum-diagnostic-radar{margin-bottom:16px;padding:15px;border-radius:18px}.forum-radar-head{display:block}.forum-radar-title-wrap{gap:10px}.forum-radar-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.forum-radar-title-wrap h2{font-size:16px}.forum-radar-title-wrap p{font-size:12px;line-height:1.5}.forum-radar-state{margin:11px 0 0 48px;min-height:27px;font-size:12px}.forum-radar-metrics{gap:6px;margin-top:13px}.forum-radar-metric{min-height:61px;padding:8px;border-radius:12px;gap:7px}.forum-radar-metric-icon{width:28px;height:28px;border-radius:9px}.forum-radar-metric b{font-size:16px}.forum-radar-metric strong{font-size:12px}.forum-radar-metric small{font-size:12px}.forum-radar-signals{gap:6px;margin-top:7px}.forum-radar-signal-panel{padding:9px;border-radius:13px}.forum-radar-row{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.forum-radar-row-time{display:none}.forum-radar-row-copy strong{font-size:12px}.forum-radar-panel-head>a{font-size:12px}}
@media(max-width:430px){.forum-radar-metrics{grid-template-columns:1fr 1fr}.forum-radar-metric{grid-template-columns:auto minmax(0,1fr);min-height:58px}.forum-radar-metric-arrow{display:none}.forum-radar-metric>span:nth-child(2){grid-template-columns:auto 1fr;column-gap:6px}.forum-radar-metric small{grid-column:1/-1}.forum-radar-state{margin-left:0}.forum-radar-row-copy small{font-size:12px}}
@media(max-width:340px){.forum-radar-metrics{grid-template-columns:1fr}.forum-radar-metric small{grid-column:auto}.forum-radar-metric>span:nth-child(2){grid-template-columns:auto 1fr}}

/* =========================================================
   CarHelpMate 3.35 — Standalone product shell
   ========================================================= */
html:has(body.forum-standalone-app),
body.forum-standalone-app {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100%;
  background: #f8fafc;
}
body.forum-standalone-app > .forum-topbar:first-of-type {
  margin-top: 0 !important;
}

/* =========================================================
   CarHelpMate v3.36 — Diagnostic Hub
   ========================================================= */
.forum-diagnostics-page{background:
  radial-gradient(circle at 12% 2%,rgba(59,130,246,.08),transparent 34rem),
  radial-gradient(circle at 86% 16%,rgba(99,102,241,.055),transparent 31rem),
  #f8fafc}
.forum-diagnostics-wrap{position:relative}
.forum-diagnostic-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;margin-bottom:22px;border:1px solid rgba(191,219,254,.78);border-radius:26px;background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(239,246,255,.94) 56%,rgba(238,242,255,.9));box-shadow:0 18px 46px rgba(15,23,42,.07)}
.forum-diagnostic-hero:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-150px;border:52px solid rgba(59,130,246,.055);border-radius:50%;pointer-events:none}
.forum-diagnostic-hero-copy{position:relative;z-index:1;max-width:820px}
.forum-diagnostic-kicker{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#2563eb;font-size:12.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.forum-diagnostic-hero h1{margin:0;font-family:var(--forum-font-display,'Manrope',sans-serif);font-size:clamp(29px,4vw,44px);line-height:1.03;letter-spacing:-.045em;color:#0f172a}
.forum-diagnostic-hero p{max-width:760px;margin:12px 0 0;color:#475569;font-size:13px;line-height:1.72}
.forum-diagnostic-plan-card{position:relative;z-index:1;flex:0 0 230px;padding:15px 16px;border:1px solid rgba(147,197,253,.65);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 10px 28px rgba(37,99,235,.08);backdrop-filter:blur(10px)}
.forum-diagnostic-plan-card>span{display:block;color:#64748b;font-size:12.5px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.forum-diagnostic-plan-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.forum-diagnostic-plan-line>b{font:850 18px/1 var(--forum-font-display,'Manrope',sans-serif);color:#1d4ed8}
.forum-diagnostic-plan-line>em{font-style:normal;color:#0f172a;font-size:13px;font-weight:800}
.forum-diagnostic-plan-card small{display:block;margin-top:8px;color:#94a3b8;font-size:12.25px;line-height:1.4}
.forum-diagnostic-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.forum-diagnostic-workbench{padding:0;overflow:hidden;border-radius:24px!important}
.forum-diagnostic-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px;border-bottom:1px solid #e8eef6;background:linear-gradient(180deg,#fff,#fbfdff)}
.forum-diagnostic-section-head>div{display:flex;align-items:center;gap:11px}
.forum-diagnostic-section-head h2{margin:0;font:800 17px/1.2 var(--forum-font-display,'Manrope',sans-serif);color:#0f172a}
.forum-diagnostic-step{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:12.25px;font-weight:900;letter-spacing:.06em}
.forum-diagnostic-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dcfce7;border-radius:999px;background:#f0fdf4;color:#15803d;font-size:12.25px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.forum-diagnostic-live i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.forum-diagnostic-form{padding:24px}
.forum-diagnostic-field label{display:block;margin-bottom:7px;color:#334155;font-size:12.75px;font-weight:800}
.forum-diagnostic-vehicle-select-wrap{position:relative}
.forum-diagnostic-vehicle-select-wrap .forum-input{padding-left:43px!important;min-height:48px;font-weight:700}
.forum-diagnostic-field-icon{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:#2563eb}
.forum-diagnostic-field-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:16px;margin-top:18px;align-items:start}
.forum-diagnostic-field textarea{min-height:178px;line-height:1.6;resize:vertical;padding:14px!important}
.forum-diagnostic-field-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:7px;color:#94a3b8;font-size:12.25px;line-height:1.45}
.forum-diagnostic-field-meta span{max-width:610px}.forum-diagnostic-field-meta b{white-space:nowrap;color:#64748b}
.forum-diagnostic-dtc-input{position:relative}.forum-diagnostic-dtc-input>span{position:absolute;z-index:2;left:11px;top:50%;transform:translateY(-50%);padding:4px 6px;border-radius:6px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.forum-diagnostic-dtc-input .forum-input{padding-left:72px!important;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:750}
.forum-diagnostic-dtc-field>small{display:block;margin-top:7px;color:#94a3b8;font-size:12.25px;line-height:1.4}
.forum-diagnostic-context-card{display:flex;gap:9px;margin-top:17px;padding:12px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e}.forum-diagnostic-context-card svg{flex:0 0 auto;margin-top:1px}.forum-diagnostic-context-card p{margin:0;font-size:12.25px;line-height:1.5}
.forum-diagnostic-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid #eef2f7}
.forum-diagnostic-trust{display:flex;align-items:center;gap:10px;color:#64748b}.forum-diagnostic-trust>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f1f5f9;color:#2563eb}.forum-diagnostic-trust p{margin:0}.forum-diagnostic-trust b{display:block;color:#334155;font-size:12.5px}.forum-diagnostic-trust small{display:block;margin-top:2px;color:#94a3b8;font-size:12px}
.forum-diagnostic-analyze{min-width:210px;justify-content:center;box-shadow:0 10px 24px rgba(37,99,235,.2)}
.forum-diagnostic-analyze:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.forum-diagnostic-side{display:grid;gap:18px;position:sticky;top:88px}
.forum-diagnostic-how,.forum-diagnostic-garage-mini{padding:19px}
.forum-diagnostic-side-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.forum-diagnostic-side-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eff6ff;color:#2563eb}.forum-diagnostic-side-title h3{margin:0;flex:1;font:800 13px/1.2 var(--forum-font-display,'Manrope',sans-serif)}.forum-diagnostic-side-title>a{color:#94a3b8}
.forum-diagnostic-how ol{list-style:none;padding:0;margin:0;display:grid;gap:11px}.forum-diagnostic-how li{display:flex;gap:10px;align-items:flex-start}.forum-diagnostic-how li>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #dbeafe;border-radius:7px;background:#f8fbff;color:#2563eb;font-size:12px;font-weight:900}.forum-diagnostic-how li p{margin:1px 0 0;color:#64748b;font-size:12.5px;line-height:1.5}
.forum-diagnostic-garage-list{display:grid;gap:7px}.forum-diagnostic-garage-list>a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;background:#f8fafc;color:#475569}.forum-diagnostic-garage-list>a:hover,.forum-diagnostic-garage-list>a.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.forum-diagnostic-garage-list>a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;border:1px solid #e2e8f0}.forum-diagnostic-garage-list p{min-width:0;margin:0}.forum-diagnostic-garage-list b,.forum-diagnostic-garage-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-diagnostic-garage-list b{font-size:12.5px}.forum-diagnostic-garage-list small{margin-top:2px;color:#94a3b8;font-size:12px}
.forum-diagnostic-loading{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 24px 24px;padding:20px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.forum-diagnostic-loading b{display:block;color:#1e3a8a;font-size:12.75px}.forum-diagnostic-loading small{display:block;margin-top:3px;color:#60a5fa;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.forum-diagnostic-orbit{position:relative;width:34px;height:34px;border:1px solid #bfdbfe;border-radius:50%;animation:forumDiagSpin 1.5s linear infinite}.forum-diagnostic-orbit span{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#2563eb}.forum-diagnostic-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.13)}
@keyframes forumDiagSpin{to{transform:rotate(360deg)}}
.forum-diagnostic-error{margin:0 24px 24px;padding:13px 14px;border:1px solid #fecaca;border-radius:13px;background:#fef2f2;color:#b91c1c;font-size:12.5px;font-weight:650;line-height:1.45}
.forum-diagnostic-result{margin:0 24px 24px;padding:20px;border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 14px 36px rgba(37,99,235,.07);scroll-margin-top:92px}
.forum-diag-result-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.forum-diag-result-head>div:first-child>span{display:block;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.forum-diag-result-head h2{margin:5px 0 0;font:850 19px/1.25 var(--forum-font-display,'Manrope',sans-serif);letter-spacing:-.02em;color:#0f172a}
.forum-diag-probability{display:grid;justify-items:center;align-content:start;width:88px;min-height:96px;flex:0 0 88px;padding:0;background:none;box-shadow:none}.forum-diag-probability-ring{--p:calc(var(--diag-probability)*1%);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at center,#fff 66%,transparent 67%),conic-gradient(#2563eb var(--p),#e2e8f0 0);box-shadow:inset 0 0 0 1px rgba(37,99,235,.04)}.forum-diag-probability-ring b{font:850 16px/1 var(--forum-font-display,'Manrope',sans-serif);color:#1d4ed8;white-space:nowrap}.forum-diag-probability>small{display:block;width:100%;margin-top:5px;color:#64748b;font-size:10px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.forum-diag-provider{display:inline-flex;margin-top:7px;padding:4px 7px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10.5px;font-weight:800;letter-spacing:.02em}
.forum-diag-result-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:17px}.forum-diag-result-meta>div{min-width:0;padding:11px;border:1px solid #e8eef6;border-radius:12px;background:#fff}.forum-diag-result-meta span,.forum-diag-result-meta b{display:block}.forum-diag-result-meta span{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.forum-diag-result-meta b{margin-top:4px;color:#334155;font-size:12.5px;white-space:normal;overflow-wrap:anywhere}.forum-diag-result-meta b.is-urgent{color:#dc2626}.forum-diag-result-meta b.is-moderate{color:#d97706}.forum-diag-result-meta b.is-minor{color:#16a34a}
.forum-diag-result-description{margin-top:14px;padding:14px 15px;border-radius:13px;background:#f8fafc;color:#475569;font-size:12.75px;line-height:1.65}
.forum-diag-next-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.forum-diag-next-steps>div{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.forum-diag-next-steps span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:900}.forum-diag-next-steps p{margin:1px 0 0;color:#475569;font-size:12.25px;line-height:1.45}
.forum-diag-safety{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e}.forum-diag-safety svg{flex:0 0 auto}.forum-diag-safety p{margin:0;font-size:12.25px;line-height:1.45}
.forum-diag-community-block{margin-top:16px;padding-top:16px;border-top:1px solid #e8eef6}.forum-diag-community-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.forum-diag-community-head span{font:800 12.75px/1.2 var(--forum-font-display,'Manrope',sans-serif);color:#334155}.forum-diag-community-head b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12.25px}.forum-diag-community-list{display:grid;gap:7px}.forum-diag-community-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569}.forum-diag-community-item:hover{border-color:#bfdbfe;background:#f8fbff;color:#1d4ed8}.forum-diag-community-status{padding:4px 6px;border-radius:7px;background:#ecfdf5;color:#047857;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.forum-diag-community-item p{min-width:0;margin:0}.forum-diag-community-item b,.forum-diag-community-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-diag-community-item b{font-size:12.5px}.forum-diag-community-item small{margin-top:2px;color:#94a3b8;font-size:12px}.forum-diag-community-empty{padding:12px;border-radius:11px;background:#f8fafc;color:#94a3b8;font-size:12.25px;text-align:center}
.forum-diag-result-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.forum-diag-result-actions .forum-btn{min-height:38px;font-size:12.5px}
.forum-diagnostic-history-section{margin-top:28px}.forum-diagnostic-history-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px;padding:0 2px}.forum-diagnostic-history-head span{display:block;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.forum-diagnostic-history-head h2{margin:5px 0 0;font:850 19px/1.2 var(--forum-font-display,'Manrope',sans-serif);letter-spacing:-.02em}.forum-diagnostic-history-head>b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:12.75px}
.forum-diagnostic-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.forum-diagnostic-history-card{padding:17px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.forum-diagnostic-history-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 13px 28px rgba(15,23,42,.07)}.forum-diagnostic-history-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.forum-diagnostic-history-top time{color:#94a3b8;font-size:12px}.forum-diagnostic-severity{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;font-size:12px;font-weight:850}.forum-diagnostic-severity.is-urgent{background:#fef2f2;color:#dc2626}.forum-diagnostic-severity.is-moderate{background:#fffbeb;color:#d97706}.forum-diagnostic-severity.is-minor{background:#f0fdf4;color:#16a34a}.forum-diagnostic-history-card h3{margin:10px 0 0;font:800 13px/1.35 var(--forum-font-display,'Manrope',sans-serif);color:#0f172a}.forum-diagnostic-history-car{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#64748b;font-size:12.25px}.forum-diagnostic-history-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;color:#64748b;font-size:12.25px;line-height:1.55}.forum-diagnostic-history-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #eef2f7}.forum-diagnostic-history-bottom>span b,.forum-diagnostic-history-bottom>span small{display:block}.forum-diagnostic-history-bottom>span b{font:800 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#2563eb}.forum-diagnostic-history-bottom>span small{margin-top:4px;color:#94a3b8;font-size:12px}.forum-diagnostic-history-bottom>a{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-size:12.25px;font-weight:800}.forum-diagnostic-history-empty{display:flex;align-items:center;justify-content:center;gap:9px;padding:28px;color:#94a3b8;font-size:12.5px}
.forum-diagnostic-empty{display:grid;justify-items:center;text-align:center;padding:48px 24px;margin:0 auto;max-width:720px}.forum-diagnostic-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#eff6ff;color:#2563eb}.forum-diagnostic-empty h2{max-width:520px;margin:16px 0 18px;font:800 15px/1.5 var(--forum-font-display,'Manrope',sans-serif);color:#475569}
@media(max-width:1180px){.forum-diagnostic-layout{grid-template-columns:minmax(0,1fr) 270px}.forum-diagnostic-field-grid{grid-template-columns:minmax(0,1fr) 210px}.forum-diag-result-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.forum-diagnostic-layout{grid-template-columns:1fr}.forum-diagnostic-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.forum-diagnostic-hero{align-items:center}.forum-diagnostic-history-grid{grid-template-columns:1fr}}
@media(max-width:720px){.forum-diagnostics-wrap{padding-left:12px!important;padding-right:12px!important}.forum-diagnostic-hero{display:block;padding:22px 19px;border-radius:21px}.forum-diagnostic-hero p{font-size:12.75px}.forum-diagnostic-plan-card{margin-top:18px;width:auto;max-width:100%;padding:13px 14px}.forum-diagnostic-section-head{padding:17px}.forum-diagnostic-live{display:none}.forum-diagnostic-form{padding:17px}.forum-diagnostic-field-grid{grid-template-columns:1fr}.forum-diagnostic-field textarea{min-height:155px}.forum-diagnostic-submit-row{display:block}.forum-diagnostic-trust{margin-bottom:14px}.forum-diagnostic-analyze{width:100%}.forum-diagnostic-side{grid-template-columns:1fr}.forum-diagnostic-result{margin:0 17px 17px;padding:15px}.forum-diagnostic-loading,.forum-diagnostic-error{margin-left:17px;margin-right:17px;margin-bottom:17px}.forum-diag-result-head{align-items:flex-start}.forum-diag-result-head h2{font-size:16px}.forum-diag-probability{width:72px;min-height:82px;flex-basis:72px}.forum-diag-probability-ring{width:62px;height:62px}.forum-diag-probability-ring b{font-size:13px}.forum-diag-probability>small{font-size:9px}.forum-diag-result-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-diag-next-steps{grid-template-columns:1fr}.forum-diag-result-actions{display:grid;grid-template-columns:1fr}.forum-diag-result-actions .forum-btn{justify-content:center}.forum-diagnostic-history-grid{gap:10px}}
@media(max-width:420px){.forum-diagnostic-hero h1{font-size:28px}.forum-diagnostic-result{padding:13px}.forum-diag-result-meta{grid-template-columns:1fr 1fr}.forum-diag-result-meta>div:nth-child(3){grid-column:1/-1}.forum-diagnostic-history-card{padding:14px}}
.forum-my-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.forum-my-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.forum-my-hero-actions .forum-btn{justify-content:center}}

/* =========================================================
   CarHelpMate v3.37 — Vehicle Health Passport
   ========================================================= */
.forum-health-passport-page{--health-good:#16a34a;--health-stable:#2563eb;--health-watch:#f59e0b;--health-critical:#ef4444}
.forum-health-alert{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:14px;padding:11px 14px;margin:0 0 14px;font-size:13px;font-weight:700;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.forum-health-alert.is-success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.forum-health-alert.is-error{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
.forum-health-hero{grid-template-columns:minmax(210px,280px) minmax(0,1fr) minmax(250px,310px)}
.forum-health-index{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:11px;border-radius:20px;padding:18px;border:1px solid #dbeafe;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(239,246,255,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 15px 35px rgba(37,99,235,.08)}
.forum-health-ring{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--health-color) calc(var(--health-score)*1%),#e2e8f0 0);position:relative;box-shadow:0 8px 22px color-mix(in srgb,var(--health-color) 18%,transparent)}
.forum-health-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)}
.forum-health-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;gap:2px}.forum-health-ring strong{font-family:Manrope,Inter,sans-serif;font-size:29px;line-height:1;font-weight:800;color:#0f172a}.forum-health-ring span{font-size:12.5px;font-weight:800;color:#94a3b8}
.forum-health-index-copy small{display:block;font-size:12.25px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.forum-health-index-copy b{display:flex;align-items:center;justify-content:center;gap:6px;font:800 13px Manrope,Inter,sans-serif;color:var(--health-color)}.forum-health-index-copy p{margin:6px auto 0;max-width:225px;font-size:12.25px;line-height:1.45;color:#94a3b8}
.forum-health-index.is-excellent{--health-color:var(--health-good)}.forum-health-index.is-stable{--health-color:var(--health-stable)}.forum-health-index.is-attention{--health-color:var(--health-watch)}.forum-health-index.is-critical{--health-color:var(--health-critical)}
.forum-health-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.forum-health-stats article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:13px 15px;box-shadow:0 7px 22px rgba(15,23,42,.035)}.forum-health-stats article>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#64748b}.forum-health-stats strong{font:800 20px/1 Manrope,Inter,sans-serif;color:#0f172a}.forum-health-stats small{font-size:12.25px;color:#94a3b8;font-weight:700;margin-top:3px}.forum-health-stats .is-health>span{background:#eff6ff;color:#2563eb}.forum-health-stats .is-warning>span{background:#fff7ed;color:#ea580c}
.forum-health-next-card{padding:18px}.forum-health-next{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}.forum-health-next>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#64748b;border:1px solid #e2e8f0}.forum-health-next b{display:block;font-size:13px;color:#0f172a}.forum-health-next p{margin:2px 0 0;font-size:12.5px;color:#64748b}.forum-health-next em{font-style:normal;font-size:12.25px;font-weight:800;padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569;white-space:nowrap}.forum-health-next.is-overdue{border-color:#fecaca;background:#fff7f7}.forum-health-next.is-overdue>span{color:#dc2626;background:#fef2f2;border-color:#fecaca}.forum-health-next.is-overdue em{background:#fee2e2;color:#b91c1c}.forum-health-next.is-soon{border-color:#fed7aa;background:#fffbeb}.forum-health-next.is-soon>span{color:#d97706;background:#fff7ed;border-color:#fed7aa}.forum-health-next.is-soon em{background:#fef3c7;color:#92400e}.forum-health-empty-mini{display:flex;gap:10px;align-items:center;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;color:#16a34a}.forum-health-empty-mini span{display:block}.forum-health-empty-mini b{display:block;font-size:12.75px;color:#0f172a}.forum-health-empty-mini small{display:block;font-size:12.25px;color:#94a3b8;margin-top:2px}
.forum-care-center{padding:0;overflow:hidden;margin-top:18px}.forum-care-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(105deg,#fff 0%,#f8fbff 58%,#eff6ff 100%)}.forum-care-head>div{display:flex;align-items:center;gap:13px}.forum-care-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.forum-care-kicker{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;color:#2563eb;margin-bottom:3px}.forum-care-head h2{margin:0;font:800 17px/1.2 Manrope,Inter,sans-serif;color:#0f172a}.forum-care-head p{margin:4px 0 0;font-size:12.5px;color:#64748b}.forum-care-missing{margin:18px 22px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12.75px}.forum-care-missing a{margin-left:auto;font-weight:800;color:#2563eb;display:flex;align-items:center;gap:4px}
.forum-service-form{margin:18px 22px;padding:17px;border:1px solid #bfdbfe;border-radius:17px;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:0 12px 34px rgba(37,99,235,.08)}.forum-service-form[hidden]{display:none!important}.forum-service-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.forum-service-form-head b{font:800 13px Manrope,Inter,sans-serif}.forum-service-form-head small{display:block;max-width:650px;font-size:12.25px;color:#94a3b8;line-height:1.45;margin-top:3px}.forum-service-templates{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:13px}.forum-service-templates>span{font-size:12.25px;font-weight:800;color:#64748b;margin-right:2px}.forum-service-templates button{border:1px solid #dbeafe;background:#fff;color:#475569;border-radius:999px;padding:6px 9px;font-size:12.25px;font-weight:700;cursor:pointer;transition:.18s ease}.forum-service-templates button:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;transform:translateY(-1px)}.forum-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.forum-service-grid>div{min-width:0}.forum-service-grid>.is-wide{grid-column:1/-1}.forum-service-grid label{display:block;font-size:12.25px;font-weight:800;color:#475569;margin:0 0 5px}.forum-service-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.forum-service-list{display:grid;gap:9px;padding:18px 22px 22px}.forum-service-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;transition:.18s ease}.forum-service-item:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(15,23,42,.045);transform:translateY(-1px)}.forum-service-state{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#64748b}.forum-service-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.forum-service-main b{font-size:13px;color:#0f172a}.forum-service-main p{font-size:12.5px;color:#64748b;line-height:1.45;margin:4px 0 0}.forum-service-main small{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12.25px;color:#94a3b8}.forum-service-main small svg{vertical-align:-2px;margin-right:3px}.forum-service-badge{font-size:12px!important;font-weight:900!important;line-height:1;padding:5px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;white-space:nowrap}.forum-service-item.is-overdue{border-color:#fecaca;background:#fffafa}.forum-service-item.is-overdue .forum-service-state{background:#fef2f2;color:#dc2626}.forum-service-item.is-overdue .forum-service-badge{background:#fee2e2;color:#b91c1c}.forum-service-item.is-soon{border-color:#fed7aa;background:#fffdf7}.forum-service-item.is-soon .forum-service-state{background:#fff7ed;color:#d97706}.forum-service-item.is-soon .forum-service-badge{background:#fef3c7;color:#92400e}.forum-service-item.is-completed{opacity:.72;background:#f8fafc}.forum-service-item.is-completed .forum-service-state{background:#f0fdf4;color:#16a34a}.forum-service-item.is-completed .forum-service-badge{background:#dcfce7;color:#166534}.forum-service-buttons{display:flex;align-items:center;gap:5px}.forum-service-buttons form{margin:0}.forum-service-delete{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#94a3b8;display:grid;place-items:center;cursor:pointer}.forum-service-delete:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2}.forum-care-empty{padding:35px 22px 38px;text-align:center;color:#94a3b8}.forum-care-empty>svg{color:#94a3b8}.forum-care-empty h3{margin:10px 0 4px;font:800 14px Manrope,Inter,sans-serif;color:#334155}.forum-care-empty p{max-width:540px;margin:0 auto 14px;font-size:12.5px;line-height:1.5}.forum-care-empty.is-compact{padding:24px}
.forum-ai-history-card{padding:20px 22px;margin-top:18px}.forum-ai-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.forum-ai-history-grid article{min-width:0;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.forum-ai-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.forum-ai-history-top>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.forum-ai-history-top>span.is-urgent{background:#fef2f2;color:#dc2626}.forum-ai-history-top>span.is-moderate{background:#fff7ed;color:#d97706}.forum-ai-history-top>span.is-minor{background:#f0fdf4;color:#16a34a}.forum-ai-history-top time{font-size:12px;color:#94a3b8}.forum-ai-history-grid h3{margin:9px 0 4px;font-size:12.75px;line-height:1.35;color:#0f172a}.forum-ai-history-grid p{margin:0;color:#64748b;font-size:12.25px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.forum-ai-history-grid footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:#64748b}.forum-ai-history-grid footer b{color:#2563eb;background:#eff6ff;border-radius:6px;padding:3px 5px}
.forum-health-timeline-card{margin-top:18px}.forum-event-source{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#475569;background:#f1f5f9;padding:5px 7px;border-radius:999px}.forum-event-source.is-ai{color:#1d4ed8;background:#eff6ff}.forum-event-source.is-service{color:#6d28d9;background:#f5f3ff}.forum-passport-event.is-event-ai .forum-passport-event-node{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.forum-passport-event.is-event-service .forum-passport-event-node{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.forum-passport-event.is-event-service.is-overdue .forum-passport-event-node{color:#dc2626;background:#fef2f2;border-color:#fecaca}.forum-health-severity{font-size:12px;font-weight:900;text-transform:uppercase;border-radius:999px;padding:5px 7px;background:#f1f5f9;color:#64748b}.forum-health-severity.is-urgent{background:#fee2e2;color:#b91c1c}.forum-health-severity.is-moderate{background:#fef3c7;color:#92400e}.forum-health-severity.is-minor{background:#dcfce7;color:#166534}.forum-health-event-copy{margin:7px 0 0;color:#64748b;font-size:12.5px;line-height:1.55}
@media(max-width:1100px){.forum-health-hero{grid-template-columns:220px minmax(0,1fr)}.forum-health-index{grid-column:1/-1;flex-direction:row;text-align:left;justify-content:flex-start;padding:14px 18px}.forum-health-ring{width:74px;height:74px;flex:0 0 74px}.forum-health-ring strong{font-size:23px}.forum-health-index-copy b{justify-content:flex-start}.forum-health-index-copy p{max-width:none}.forum-ai-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.forum-health-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-care-head{align-items:flex-start;padding:18px}.forum-care-head>div{align-items:flex-start}.forum-care-head>.forum-btn{flex:0 0 auto}.forum-service-form{margin:14px}.forum-service-list{padding:14px}.forum-service-grid{grid-template-columns:1fr}.forum-service-grid>.is-wide{grid-column:auto}.forum-service-item{grid-template-columns:36px minmax(0,1fr)}.forum-service-state{width:36px;height:36px}.forum-service-buttons{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.forum-ai-history-card{padding:17px}.forum-ai-history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.forum-health-index{align-items:center}.forum-health-index-copy p{display:none}.forum-health-stats{gap:8px}.forum-health-stats article{padding:11px}.forum-health-stats article>span{width:34px;height:34px}.forum-health-stats strong{font-size:17px}.forum-care-head{display:grid;grid-template-columns:1fr}.forum-care-head>.forum-btn{width:100%}.forum-care-missing{margin:13px;align-items:flex-start;flex-wrap:wrap}.forum-care-missing a{margin-left:0;width:100%}.forum-service-form{padding:13px}.forum-service-actions{justify-content:stretch}.forum-service-actions .forum-btn{flex:1}.forum-service-buttons .forum-btn{font-size:12.25px}.forum-ai-history-grid{grid-template-columns:1fr}.forum-ai-history-card .forum-passport-section-head.is-timeline{align-items:flex-start}.forum-ai-history-card .forum-passport-section-head.is-timeline>.forum-btn{width:100%;margin-top:8px}.forum-health-next{grid-template-columns:36px minmax(0,1fr)}.forum-health-next em{grid-column:2;justify-self:start}.forum-health-next>span{width:36px;height:36px}}
.forum-garage-card-meta{display:flex;align-items:center;gap:8px}.forum-garage-health{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:10px;border:1px solid #dbeafe;background:#f8fbff;text-decoration:none!important}.forum-garage-health strong{font:800 13px/1 Manrope,Inter,sans-serif;color:#2563eb}.forum-garage-health span{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.forum-garage-health.is-excellent{border-color:#bbf7d0;background:#f0fdf4}.forum-garage-health.is-excellent strong{color:#16a34a}.forum-garage-health.is-attention{border-color:#fed7aa;background:#fff7ed}.forum-garage-health.is-attention strong{color:#d97706}.forum-garage-health.is-critical{border-color:#fecaca;background:#fef2f2}.forum-garage-health.is-critical strong{color:#dc2626}
@media(max-width:560px){.forum-garage-card-meta{align-items:flex-end;flex-direction:column;gap:5px}.forum-garage-health span{display:none}}

/* ============================================================
   V3.38 — COMMUNITY ESSENTIALS
   Classic free forum utilities: recent activity + sharing.
   ============================================================ */
.forum-activity-page{padding-bottom:30px}
.forum-activity-hero{position:relative;overflow:hidden;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff 0%,#f8fbff 70%,#eef6ff 100%)}
.forum-activity-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-125px;background:radial-gradient(circle,rgba(37,99,235,.12),rgba(37,99,235,0) 70%);pointer-events:none}
.forum-activity-hero-copy{position:relative;z-index:1;max-width:680px}
.forum-activity-kicker{display:inline-flex;align-items:center;gap:7px;color:#2563eb;font-size:12.5px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.forum-activity-hero h1{font-family:Manrope,Inter,sans-serif;font-size:30px;line-height:1.1;font-weight:800;margin:8px 0 7px;color:var(--text)}
.forum-activity-hero p{font-size:13px;line-height:1.65;color:var(--text-dim);margin:0}
.forum-activity-today{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px;flex:0 0 auto}
.forum-activity-today>div{min-width:105px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.9);box-shadow:0 4px 16px rgba(15,23,42,.035)}
.forum-activity-today span{display:block;font-size:12.25px;color:var(--text-faint);font-weight:700;white-space:nowrap}
.forum-activity-today b{display:block;margin-top:3px;font-family:Manrope,Inter,sans-serif;font-size:20px;color:var(--text)}
.forum-activity-today .is-solved b{color:#16a34a}
.forum-activity-tabs{display:flex;gap:6px;padding:12px 0}
.forum-activity-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text-dim);font-size:12.75px;font-weight:700;text-decoration:none;transition:.16s ease}
.forum-activity-tabs a:hover{border-color:#bfdbfe;color:#2563eb;background:#f8fbff}
.forum-activity-tabs a.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;box-shadow:inset 0 0 0 1px rgba(37,99,235,.03)}
.forum-activity-feed{overflow:hidden}
.forum-activity-item{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;gap:12px;align-items:start;padding:16px 18px;border-bottom:1px solid var(--border);transition:background .16s ease}
.forum-activity-item:last-child{border-bottom:0}
.forum-activity-item:hover{background:#fbfdff}
.forum-activity-avatar{text-decoration:none}.forum-activity-avatar .forum-avatar{width:40px;height:40px;border-radius:50%;font-size:13px}
.forum-activity-body{padding-top:1px}
.forum-activity-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12.5px;color:var(--text-faint)}
.forum-activity-meta a{color:var(--text);text-decoration:none}.forum-activity-meta strong{font-size:12.75px}.forum-activity-meta time:before{content:"·";margin-right:5px}
.forum-activity-topic-title{display:inline-block;margin-top:4px;font-size:13px;line-height:1.45;font-weight:750;color:var(--text);text-decoration:none}.forum-activity-topic-title:hover{color:#2563eb}
.forum-activity-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}.forum-activity-badges .forum-badge{font-size:12px;padding:3px 6px}
.forum-activity-category,.forum-activity-vehicle{display:inline-flex;align-items:center;gap:4px;font-size:12.25px;color:var(--text-faint)}
.forum-activity-excerpt{margin:7px 0 0;font-size:12.75px;line-height:1.55;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.forum-activity-open{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);text-decoration:none;margin-top:4px}.forum-activity-open:hover{background:#eff6ff;color:#2563eb}
.forum-activity-empty{padding:55px 20px;text-align:center;color:var(--text-faint)}.forum-activity-empty svg{margin:auto}.forum-activity-empty p{font-size:13px;margin:9px 0 0}
@media(max-width:900px){.forum-activity-hero{align-items:flex-start;flex-direction:column}.forum-activity-today{width:100%;grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.forum-activity-hero{padding:20px 18px}.forum-activity-hero h1{font-size:26px}.forum-activity-today{gap:6px}.forum-activity-today>div{min-width:0;padding:9px}.forum-activity-today span{font-size:12px;white-space:normal}.forum-activity-today b{font-size:18px}.forum-activity-tabs{overflow-x:auto;scrollbar-width:none}.forum-activity-tabs::-webkit-scrollbar{display:none}.forum-activity-tabs a{white-space:nowrap}.forum-activity-item{grid-template-columns:36px minmax(0,1fr) 26px;padding:14px 13px;gap:9px}.forum-activity-avatar .forum-avatar{width:34px;height:34px;border-radius:50%}.forum-activity-excerpt{font-size:12.5px}.forum-activity-open{width:26px;height:26px}.forum-mobile-nav>a,.forum-mobile-nav>button{min-width:0}.forum-mobile-nav-label{font-size:12px}}

/* ========================================================================== 
   3.39 Community Member Profile — public CarHelpMate ID
   Free community layer: identity, public activity, garage and contribution.
   ========================================================================== */
.forum-profile-v339 .forum-profile-hero{border-top:3px solid #2f6df6;background:radial-gradient(circle at 85% 0%,rgba(219,234,254,.7),transparent 30%),linear-gradient(145deg,#fff 0%,#f8fbff 60%,#eef5ff 100%)}
.forum-profile-v339 .forum-profile-hero:after{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.78),transparent);pointer-events:none}
.forum-profile-presence{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.forum-profile-presence-chip{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 8px;border:1px solid #dde7f2;border-radius:9px;background:rgba(255,255,255,.78);color:#64748b;font-size:12px;font-weight:700;box-shadow:0 3px 10px rgba(15,23,42,.025)}
.forum-profile-presence-chip svg{color:#7890ad}.forum-profile-presence-chip b{color:#334155;font-weight:850}
.forum-profile-presence-chip.is-online{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.forum-profile-presence-chip.is-online svg{color:#16a34a}

.forum-profile-section-icon.is-violet{background:#f5f3ff;color:#7c3aed;border-color:#ede9fe}
.forum-profile-count.is-violet{background:#f5f3ff;color:#7c3aed}
.forum-profile-reply-list{display:flex;flex-direction:column}
.forum-profile-reply-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #f0f3f7;color:inherit;text-decoration:none;transition:background .15s ease,padding-left .15s ease}
.forum-profile-reply-row:last-child{border-bottom:0}.forum-profile-reply-row:hover{background:#faf9ff;padding-left:20px}
.forum-profile-reply-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f5f3ff;color:#7c3aed;border:1px solid #ede9fe}
.forum-profile-reply-copy{min-width:0}.forum-profile-reply-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;font-weight:750}
.forum-profile-reply-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;color:#64748b;font-size:12.5px;line-height:1.5}
.forum-profile-reply-copy small{display:flex;align-items:center;gap:3px;margin-top:4px;color:#94a3b8;font-size:12.25px;font-weight:650}.forum-profile-reply-copy small svg{color:#94a3b8}
.forum-profile-reply-row:hover .forum-profile-topic-arrow{transform:translateX(2px);color:#7c3aed}
.forum-profile-empty.is-violet svg{color:#c4b5fd}

.forum-profile-about-card{overflow:hidden;padding:0;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}
.forum-profile-about-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 15px 13px;border-bottom:1px solid #edf2f7;background:linear-gradient(135deg,#f8fbff,#fff)}
.forum-profile-about-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:#2563eb}
.forum-profile-about-head>div{min-width:0}.forum-profile-about-head span:not(.forum-profile-about-mark){display:block;color:#94a3b8;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.forum-profile-about-head b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font:800 12.75px/1.25 Manrope,Inter,sans-serif}
.forum-profile-presence-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 4px #f1f5f9}.forum-profile-presence-dot.is-online{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
.forum-profile-about-list{padding:4px 14px 6px}.forum-profile-about-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;border-bottom:1px solid #f0f3f7}.forum-profile-about-list>div:last-child{border-bottom:0}
.forum-profile-about-list span{display:flex;align-items:center;gap:7px;min-width:0;color:#7890ad}.forum-profile-about-list span svg{flex:0 0 auto}.forum-profile-about-list em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12.25px;font-style:normal;font-weight:700}
.forum-profile-about-list b{flex:0 0 auto;color:#0f172a;font-size:12.25px;font-weight:850}.forum-profile-about-list b.is-online{color:#16a34a}
.forum-profile-about-card>p{display:flex;align-items:flex-start;gap:6px;margin:0;padding:10px 14px 12px;border-top:1px solid #edf2f7;background:#f8fafc;color:#94a3b8;font-size:12px;line-height:1.5}.forum-profile-about-card>p svg{flex:0 0 auto;margin-top:1px;color:#7890ad}

@media (max-width:767px){
  .forum-profile-v339 .forum-profile-hero:after{left:14px;right:14px}
  .forum-profile-presence{margin-top:8px;gap:5px}.forum-profile-presence-chip{min-height:24px;padding:4px 6px;font-size:12px}
  .forum-profile-reply-row{gap:9px;padding:11px 12px}.forum-profile-reply-row:hover{padding-left:12px}.forum-profile-reply-icon{width:28px;height:28px;border-radius:9px}.forum-profile-reply-copy b{font-size:12.75px}.forum-profile-reply-copy p{font-size:12.25px}.forum-profile-reply-copy small{font-size:12px}
  .forum-profile-about-card{border-radius:16px}.forum-profile-about-head{padding:13px}.forum-profile-about-list{padding-left:12px;padding-right:12px}
}
@media (max-width:480px){
  .forum-profile-presence-chip:nth-child(3){display:none}
  .forum-profile-about-head{grid-template-columns:auto minmax(0,1fr) auto}
}
@media (prefers-reduced-motion:reduce){.forum-profile-reply-row{transition:none!important}}

/* =========================================================
   v3.40 — Sections Experience
   Better forum browsing without premium-only intelligence.
   ========================================================= */
.forum-category-title-link{display:inline-flex;max-width:100%;text-decoration:none!important;color:inherit}
.forum-category-title-link:hover .forum-category-title{color:var(--primary,#2563eb)}
.forum-category-open-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#475569!important;font-family:var(--forum-font-meta);font-size:12.75px;font-weight:750;text-decoration:none!important;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .18s,color .18s,background .18s,transform .18s}
.forum-category-open-link:hover{border-color:#bfdbfe;background:#f8fbff;color:#2563eb!important;transform:translateX(1px)}

.forum-topic-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(150px,.62fr) 72px 72px minmax(125px,.5fr);gap:16px;align-items:center;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e7edf4;color:#94a3b8;font-family:var(--forum-font-meta);font-size:12.25px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.forum-topic-columns>span{min-width:0}

.forum-category-footer-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 19px;border-top:1px solid #edf1f6;background:linear-gradient(180deg,#fbfdff,#f8fafc);color:#64748b!important;text-decoration:none!important;font-family:var(--forum-font-meta);font-size:12.75px;font-weight:700;transition:background .18s,color .18s}
.forum-category-footer-link>span:last-child{display:inline-flex;align-items:center;gap:7px;color:#94a3b8;font-weight:650}
.forum-category-footer-link:hover{background:#f4f8fd;color:#2563eb!important}
.forum-category-footer-link:hover>span:last-child{color:#2563eb}

.forum-category-empty{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 19px;background:linear-gradient(90deg,#fbfdff,#fff);border-bottom:1px solid #edf1f6;color:#64748b}
.forum-category-empty>span:first-child{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#94a3b8}
.forum-category-empty div{min-width:0}
.forum-category-empty b{display:block;color:#334155;font-size:13px;line-height:1.3}
.forum-category-empty small{display:block;margin-top:3px;color:#94a3b8;font-size:12.5px;line-height:1.45;max-width:660px}
.forum-category-empty>a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#eff6ff;color:#2563eb!important;text-decoration:none!important;font-size:12.5px;font-weight:750;white-space:nowrap}

.forum-section-focus{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin:0 0 22px;padding:21px 22px 0;overflow:hidden;border-color:#dbe7f5!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#f4f7ff 100%)}
.forum-section-focus::before{content:"";position:absolute;right:-70px;top:-95px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.1),rgba(37,99,235,0) 69%);pointer-events:none}
.forum-section-focus-main{min-width:0;position:relative;z-index:1}
.forum-section-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:13px;color:#7b8ba1!important;text-decoration:none!important;font-family:var(--forum-font-meta);font-size:12.5px;font-weight:700}
.forum-section-back:hover{color:#2563eb!important}
.forum-section-focus-title-row{display:flex;align-items:flex-start;gap:14px}
.forum-section-focus-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:1px solid #cfe0fa;border-radius:16px;background:linear-gradient(145deg,#eef6ff,#fff);color:#2563eb;box-shadow:0 8px 25px rgba(37,99,235,.08),inset 0 1px 0 #fff}
.forum-section-focus-kicker{display:block;margin:1px 0 4px;color:#2563eb;font-family:var(--forum-font-meta);font-size:12.25px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.forum-section-focus h1{margin:0;color:#0f172a;font-family:var(--forum-font-display);font-size:23px;font-weight:850;line-height:1.2;letter-spacing:-.025em}
.forum-section-focus p{max-width:780px;margin:6px 0 0;color:#64748b;font-family:var(--forum-font-meta);font-size:13px;line-height:1.55}
.forum-section-focus-stats{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 17px;padding-left:66px}
.forum-section-focus-stats span{display:inline-flex;align-items:baseline;gap:4px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:8px;background:rgba(255,255,255,.82);color:#8492a6;font-family:var(--forum-font-meta);font-size:12.25px;font-weight:650}
.forum-section-focus-stats b{color:#334155;font-size:12.75px}
.forum-section-focus-stats .is-solved{border-color:#d9eee1;background:#f7fcf8;color:#6f927a}
.forum-section-focus-stats .is-solved b{color:#168145}
.forum-section-focus-actions{position:relative;z-index:1;display:flex;align-items:flex-start;padding-top:28px}
.forum-section-focus-actions .forum-btn{white-space:nowrap}
.forum-section-tabs{grid-column:1/-1;position:relative;z-index:1;display:flex;align-items:center;gap:4px;margin:0 -22px;padding:0 22px;border-top:1px solid #e7edf5;background:rgba(255,255,255,.68);overflow-x:auto;scrollbar-width:none}
.forum-section-tabs::-webkit-scrollbar{display:none}
.forum-section-tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:11px 10px 10px;color:#718096!important;text-decoration:none!important;font-family:var(--forum-font-meta);font-size:12.5px;font-weight:750;white-space:nowrap}
.forum-section-tabs a::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;background:#2563eb;transform:scaleX(0);transition:transform .18s}
.forum-section-tabs a:hover,.forum-section-tabs a.active{color:#2563eb!important}
.forum-section-tabs a.active::after{transform:scaleX(1)}
.forum-section-tabs a.is-success{color:#168145!important}
.forum-section-tabs a.is-success::after{background:#16a34a}

.forum-section-empty{display:flex;align-items:center;gap:14px;padding:24px 20px;background:linear-gradient(90deg,#fbfdff,#fff);border-bottom:1px solid #edf1f6}
.forum-section-empty-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid #dbe4ef;border-radius:15px;background:#fff;color:#94a3b8}
.forum-section-empty>div{min-width:0;flex:1}
.forum-section-empty h3{margin:0;color:#1e293b;font-size:13px;font-weight:800}
.forum-section-empty p{margin:4px 0 0;max-width:650px;color:#8a99ac;font-size:12.75px;line-height:1.5}

@media (max-width:1180px){
  .forum-topic-columns{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr) 64px 64px minmax(105px,.45fr);gap:12px;padding:8px 16px}
}
@media (max-width:900px){
  .forum-topic-columns{display:none}
  .forum-category-open-link{margin-left:53px}
  .forum-section-focus{grid-template-columns:1fr;padding:18px 17px 0;gap:8px}
  .forum-section-focus-actions{padding:0 0 13px 66px}
  .forum-section-tabs{margin:0 -17px;padding:0 17px}
}
@media (max-width:640px){
  .forum-category-head{position:relative}
  .forum-category-open-link{margin-left:0;width:100%;justify-content:space-between;padding:8px 10px;background:#f8fafc}
  .forum-category-footer-link{padding:10px 15px}
  .forum-category-footer-link>span:last-child{font-size:12.25px}
  .forum-category-empty{grid-template-columns:34px minmax(0,1fr);padding:14px 15px}
  .forum-category-empty>a{grid-column:2;width:max-content;margin-top:2px}
  .forum-category-empty small{font-size:12.5px}
  .forum-section-focus-title-row{gap:11px}
  .forum-section-focus-icon{width:44px;height:44px;border-radius:13px}
  .forum-section-focus h1{font-size:19px}
  .forum-section-focus p{font-size:12.75px}
  .forum-section-focus-stats{padding-left:55px;margin-top:12px;gap:6px}
  .forum-section-focus-stats span{font-size:12.25px;padding:4px 7px}
  .forum-section-focus-actions{padding-left:55px}
  .forum-section-focus-actions .forum-btn{width:100%;justify-content:center}
  .forum-section-empty{align-items:flex-start;flex-wrap:wrap;padding:19px 16px}
  .forum-section-empty-icon{width:42px;height:42px;border-radius:13px}
  .forum-section-empty>div{flex-basis:calc(100% - 58px)}
  .forum-section-empty>a{margin-left:58px}
}

/* =========================================================
   V3.41 — Topic Experience / launch-ready public discussions
   Premium topic hero, author rail, guest CTA and end navigation.
   ========================================================= */
.forum-topic-page [id^="post-"]{scroll-margin-top:86px}
.forum-topic-hero{
  position:relative;
  border:1px solid #dbe5f1!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:0 14px 44px rgba(15,23,42,.065)!important;
}
.forum-topic-hero::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,#2563eb 0%,#60a5fa 62%,#bfdbfe 100%);
  border-radius:22px 0 0 22px;pointer-events:none
}
.forum-topic-hero::after{
  content:"";position:absolute;right:-120px;top:-130px;width:330px;height:330px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.085),rgba(37,99,235,0) 68%);pointer-events:none
}
.forum-topic-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-width:0}
.forum-topic-hero-main{padding:24px 28px 25px;min-width:0}
.forum-topic-hero-side{padding:22px;border-left:1px solid #e6edf5;background:linear-gradient(180deg,rgba(248,251,255,.88),rgba(248,250,252,.62));min-width:0}
.forum-topic-breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:13px;color:#94a3b8;font-size:12.5px;font-weight:650}
.forum-topic-breadcrumbs a{color:#64748b;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}
.forum-topic-breadcrumbs a:hover{color:#2563eb}
.forum-topic-breadcrumbs svg{transform:scale(.84);opacity:.72}
.forum-topic-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.forum-topic-hero h1{margin:0;max-width:980px;font-family:Manrope,Inter,sans-serif;font-size:clamp(27px,2.35vw,36px)!important;line-height:1.1!important;letter-spacing:-.038em!important;font-weight:850;color:#0f172a;text-wrap:balance}
.forum-topic-author-line{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #edf1f6}
.forum-topic-author-avatar{display:block;flex:0 0 auto}
.forum-topic-author-line>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;row-gap:2px;min-width:0}
.forum-topic-author-line span{font-size:12.25px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8}
.forum-topic-author-line strong{font-size:13px;color:#0f172a;min-width:0}
.forum-topic-author-line strong a:hover{color:#2563eb}
.forum-topic-author-line small{grid-column:1/-1;font-size:12.5px;color:#94a3b8}
.forum-topic-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.forum-topic-hero-stats>div{min-height:72px;padding:10px 11px;border:1px solid #e1e8f1;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(15,23,42,.025)}
.forum-topic-hero-stats>div>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eff6ff;color:#2563eb;margin-bottom:7px}
.forum-topic-hero-stats b{display:block;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1;font-weight:850;color:#0f172a}
.forum-topic-hero-stats small{display:block;margin-top:3px;font-size:12px;font-weight:750;color:#94a3b8;text-transform:uppercase;letter-spacing:.055em}
.forum-topic-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.forum-topic-hero-actions .forum-btn{min-height:38px!important;padding:0 9px!important;border-radius:10px!important;justify-content:center!important;text-align:center!important;font-size:12.5px!important;white-space:normal!important;line-height:1.15!important}
.forum-topic-solution-jump{grid-column:1/-1;background:#ecfdf3!important;border:1px solid #bbf7d0!important;color:#15803d!important;font-weight:800!important}
.forum-topic-solution-jump:hover{background:#dcfce7!important;border-color:#86efac!important}
.forum-topic-hero-actions .forum-btn-primary{grid-column:1/-1}
.forum-topic-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #e5ebf3}
.forum-topic-admin-actions .forum-action{min-height:30px;padding:0 8px;border-radius:8px;font-size:12.25px}

/* Discussion cards */
.forum-topic-page .forum-post-card{
  border:1px solid #dfe7f1!important;border-radius:19px!important;background:#fff!important;
  box-shadow:0 8px 27px rgba(15,23,42,.045)!important;transition:border-color .16s ease,box-shadow .16s ease!important
}
.forum-topic-page .forum-post-card:hover{transform:none!important;border-color:#cfdbea!important;box-shadow:0 11px 32px rgba(15,23,42,.06)!important}
.forum-topic-page .forum-post-card.is-original-post{border-color:#d7e5f7!important}
.forum-topic-page .forum-post-card.is-best-answer{border-color:#a7e7bd!important;box-shadow:0 9px 30px rgba(22,163,74,.075)!important}
.forum-best-answer-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 15px 9px 18px;border-bottom:1px solid #c9eed5;background:linear-gradient(90deg,#f0fdf4,#f8fff9);color:#15803d}
.forum-best-answer-strip>span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:850}
.forum-best-answer-strip>a{display:inline-flex;align-items:center;gap:5px;font-size:12.25px;font-weight:750;color:#15803d}
.forum-post-layout{display:grid;grid-template-columns:176px minmax(0,1fr);min-width:0}
.forum-post-author-rail{display:flex;flex-direction:column;align-items:center;min-width:0;padding:20px 15px 17px;border-right:1px solid #edf1f5;background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);text-align:center}
.forum-post-author-avatar{display:block;margin-bottom:9px}
.forum-post-author-avatar-image{width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important;font-size:15px!important;box-shadow:0 9px 22px rgba(37,99,235,.11)!important}
.forum-post-author-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:850;color:#0f172a;white-space:nowrap}
.forum-post-author-name:hover{color:#2563eb}
.forum-post-author-rail>.forum-badge{margin-top:7px;font-size:12px!important;padding:.22rem .42rem!important}
.forum-post-author-level{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;color:#64748b;font-size:12.25px;font-weight:700;line-height:1.2}
.forum-post-author-level svg{color:#2563eb}
.forum-post-author-reputation{display:flex;justify-content:center;margin-top:8px;max-width:100%}
.forum-post-author-metrics{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:12px;padding-top:10px;border-top:1px solid #e8edf4}
.forum-post-author-metrics>div{min-width:0;padding:0 3px}
.forum-post-author-metrics>div+div{border-left:1px solid #e8edf4}
.forum-post-author-metrics b{display:block;font-family:Manrope,Inter,sans-serif;font-size:12.75px;font-weight:850;color:#0f172a}
.forum-post-author-metrics span{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:#a0aec0;white-space:nowrap}
.forum-post-author-profile{display:inline-flex;align-items:center;gap:4px;margin-top:11px;font-size:12px;font-weight:750;color:#64748b}
.forum-post-author-profile:hover{color:#2563eb}
.forum-post-content-column{min-width:0;padding:17px 21px 20px}
.forum-post-mobile-author{display:none}
.forum-post-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #f0f3f7}
.forum-post-content-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.forum-post-kind{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:7px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.is-original-post .forum-post-kind{background:#eff6ff;color:#2563eb}
.is-best-answer .forum-post-kind{background:#ecfdf3;color:#15803d}
.forum-post-content-head time{font-size:12.25px;color:#94a3b8}
.forum-post-number{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:25px;padding:0 6px;border:1px solid #e6ebf1;border-radius:8px;background:#fbfdff;color:#94a3b8;font-size:12.25px;font-weight:750;transition:.15s ease}
.forum-post-number:hover{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}
.forum-topic-page .forum-post-message{margin-top:14px!important;font-size:14px!important;line-height:1.76!important;color:#334155!important;overflow-wrap:anywhere}
.forum-topic-page .forum-post-message p:first-child{margin-top:0}.forum-topic-page .forum-post-message p:last-child{margin-bottom:0}
.forum-post-edit-box{margin-top:15px}
.forum-post-actions-wrap{padding:9px 16px 10px 192px;border-top:1px solid #edf1f5;background:#fcfdff}
.forum-topic-page .forum-post-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;padding:0!important;border:0!important}
.forum-topic-page .forum-post-actions .forum-action{min-height:31px!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;font-size:12.5px!important;color:#64748b!important;white-space:nowrap!important}
.forum-topic-page .forum-post-actions .forum-action:hover{border-color:#dbe4ef!important;background:#fff!important;color:#0f172a!important}
.forum-topic-page .forum-post-actions .forum-action-helpful.is-active{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#15803d!important}
.forum-topic-page .forum-post-actions .forum-action-danger:hover{border-color:#fecaca!important;background:#fff5f5!important;color:#dc2626!important}

/* Reply / guest / closing navigation */
.forum-reply-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.forum-reply-heading h2{margin:3px 0 0;font-family:Manrope,Inter,sans-serif;font-size:16.5px!important;line-height:1.2;font-weight:850;color:#0f172a}
.forum-reply-heading p{margin:4px 0 0;max-width:680px;font-size:12.5px;line-height:1.45;color:#94a3b8}
.forum-reply-kicker{display:inline-flex;align-items:center;gap:5px;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.forum-topic-locked-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px;color:#64748b;font-size:13px;font-weight:650}
.forum-topic-guest-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 19px!important;border-color:#d8e5f5!important;background:linear-gradient(100deg,#f8fbff,#fff)!important}
.forum-topic-guest-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}
.forum-topic-guest-copy h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14.5px;font-weight:850;color:#0f172a}
.forum-topic-guest-copy p{margin:4px 0 0;max-width:660px;font-size:12.5px;line-height:1.5;color:#64748b}
.forum-topic-guest-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.forum-topic-guest-actions .forum-btn{min-height:38px!important;padding:0 12px!important;font-size:12.5px!important}
.forum-topic-endnav{display:flex;align-items:center;gap:8px;padding:10px!important;background:#fafcff!important;box-shadow:none!important}
.forum-topic-endnav>a{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:7px 8px;border-radius:10px;transition:.15s ease}
.forum-topic-endnav>a:hover{background:#fff}
.forum-topic-endnav-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #e1e8f1;border-radius:9px;background:#fff;color:#64748b;flex:0 0 auto}
.forum-topic-endnav>a span:last-child{min-width:0}
.forum-topic-endnav small{display:block;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:750}
.forum-topic-endnav b{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:#334155}
.forum-topic-endnav>button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 9px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#64748b;font-size:12.25px;font-weight:700;transition:.15s ease}
.forum-topic-endnav>button:hover{border-color:#bfdbfe;color:#2563eb;background:#f8fbff}

@media (max-width:1099px){
  .forum-topic-hero-grid{grid-template-columns:minmax(0,1fr) 300px}
  .forum-post-layout{grid-template-columns:156px minmax(0,1fr)}
  .forum-post-actions-wrap{padding-left:172px}
}
@media (max-width:899px){
  .forum-topic-hero{border-radius:18px!important}
  .forum-topic-hero::before{border-radius:18px 0 0 18px}
  .forum-topic-hero-grid{grid-template-columns:1fr}
  .forum-topic-hero-main{padding:18px 18px 17px}
  .forum-topic-hero-side{padding:14px 17px 16px;border-left:0;border-top:1px solid #e6edf5}
  .forum-topic-hero h1{font-size:26px!important;line-height:1.13!important}
  .forum-topic-author-line{margin-top:13px;padding-top:12px}
  .forum-topic-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .forum-topic-hero-stats>div{min-height:57px;padding:8px}
  .forum-topic-hero-stats>div>span{width:21px;height:21px;margin-bottom:4px}
  .forum-topic-hero-stats b{font-size:14px}
  .forum-topic-hero-stats small{font-size:12px}
  .forum-topic-hero-actions{display:flex;flex-wrap:wrap;margin-top:9px}
  .forum-topic-hero-actions .forum-btn,.forum-topic-solution-jump,.forum-topic-hero-actions .forum-btn-primary{grid-column:auto;flex:1 1 150px}
  .forum-topic-admin-actions{justify-content:flex-start}

  .forum-post-layout{display:block}
  .forum-post-author-rail{display:none}
  .forum-post-content-column{padding:14px 15px 16px}
  .forum-post-mobile-author{display:flex;align-items:center;gap:9px;padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid #f0f3f7}
  .forum-post-mobile-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;font-size:12.5px!important}
  .forum-post-mobile-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
  .forum-post-mobile-name>a{font-size:12.75px;font-weight:850;color:#0f172a}
  .forum-post-mobile-name .forum-badge{font-size:12px!important;padding:.18rem .36rem!important}
  .forum-post-mobile-level{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:12px;color:#94a3b8}
  .forum-post-content-head{padding-bottom:8px}
  .forum-topic-page .forum-post-message{font-size:13.5px!important;line-height:1.7!important;margin-top:12px!important}
  .forum-post-actions-wrap{padding:8px 11px 9px;border-top:1px solid #edf1f5}
  .forum-topic-page .forum-post-actions{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;overscroll-behavior-inline:contain}
  .forum-topic-page .forum-post-actions::-webkit-scrollbar{display:none}
  .forum-topic-page .forum-post-actions .forum-action{flex:0 0 auto!important;background:#fff!important;border-color:#e5ebf3!important}

  .forum-topic-guest-cta{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:15px!important}
  .forum-topic-guest-actions{grid-column:1/-1;justify-content:flex-start;padding-left:55px}
}
@media (max-width:560px){
  .forum-topic-page>div{padding-top:14px!important}
  .forum-topic-hero{margin-bottom:14px!important}
  .forum-topic-hero-main{padding:15px 14px 14px}
  .forum-topic-hero-side{padding:12px 14px 14px}
  .forum-topic-breadcrumbs{margin-bottom:10px;font-size:12.25px}
  .forum-topic-status-row{gap:5px;margin-bottom:8px}
  .forum-topic-hero h1{font-size:22px!important;letter-spacing:-.03em!important}
  .forum-topic-author-line{gap:8px;margin-top:11px;padding-top:10px}
  .forum-topic-author-line .forum-user-avatar{width:34px!important;height:34px!important;border-radius:50%!important}
  .forum-topic-author-line span{font-size:12px}.forum-topic-author-line strong{font-size:12.5px}.forum-topic-author-line small{font-size:12px}
  .forum-topic-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .forum-topic-hero-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-height:51px}
  .forum-topic-hero-stats>div>span{grid-row:1/3;margin:0}
  .forum-topic-hero-stats b{font-size:13px}.forum-topic-hero-stats small{margin:0;font-size:12px}
  .forum-topic-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .forum-topic-hero-actions .forum-btn{width:100%;min-height:37px!important;flex:auto;font-size:12.5px!important}
  .forum-topic-solution-jump,.forum-topic-hero-actions .forum-btn-primary{grid-column:1/-1!important}
  .forum-topic-admin-actions{overflow-x:auto}

  .forum-topic-page .forum-post-card{border-radius:15px!important}
  .forum-best-answer-strip{padding:8px 11px}.forum-best-answer-strip>span{font-size:12.25px}.forum-best-answer-strip>a{font-size:12px}
  .forum-post-content-column{padding:12px 12px 14px}
  .forum-post-mobile-author{padding-bottom:9px;margin-bottom:8px}
  .forum-post-kind{min-height:20px;font-size:12px;padding:0 6px}
  .forum-post-content-head time{font-size:12px}
  .forum-post-number{min-width:28px;height:23px}
  .forum-topic-page .forum-post-message{font-size:13px!important;line-height:1.68!important}
  .forum-post-actions-wrap{padding:7px 9px 8px}

  .forum-reply-heading{margin-bottom:11px}.forum-reply-heading h2{font-size:15px!important}.forum-reply-heading p{font-size:12.25px}
  .forum-topic-guest-cta{display:block;text-align:left}
  .forum-topic-guest-icon{width:38px;height:38px;margin-bottom:9px}
  .forum-topic-guest-copy h3{font-size:13.5px}.forum-topic-guest-copy p{font-size:12.5px}
  .forum-topic-guest-actions{display:grid;grid-template-columns:1fr 1fr;padding:0;margin-top:11px}
  .forum-topic-guest-actions .forum-btn{justify-content:center!important;padding:0 8px!important}
  .forum-topic-endnav{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .forum-topic-endnav>a{grid-column:1/-1}
  .forum-topic-endnav>button{justify-content:center}
}


/* =========================================================
   v3.42.1 — Premium account menu / visible sign-out entry
   ========================================================= */
.forum-account{position:relative;flex:0 0 auto}
.forum-account-trigger{display:flex;align-items:center;gap:6px;height:42px;padding:0 8px 0 5px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:#64748b;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.03);transition:.18s}
.forum-account-trigger:hover,.forum-account.open .forum-account-trigger{border-color:#bfdbfe;background:#eff6ff;color:#2563eb;box-shadow:0 6px 16px rgba(15,23,42,.07);transform:translateY(-1px)}
.forum-account-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#eef2ff);box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);color:#1d4ed8;font:850 12.5px/1 var(--forum-font-ui,Manrope,Inter,sans-serif);letter-spacing:.02em}
.forum-account-chevron{display:grid;place-items:center;transition:transform .16s}.forum-account.open .forum-account-chevron{transform:rotate(180deg)}
.forum-account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:72;width:250px;padding:8px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:var(--forum-shadow-lg,0 18px 50px rgba(15,23,42,.16));display:none;overflow:hidden}
.forum-account.open .forum-account-menu{display:block;animation:forumPop .16s ease-out}
.forum-account-head{display:flex;align-items:center;gap:11px;padding:10px 9px 12px;margin-bottom:5px;border-bottom:1px solid #eef2f7}
.forum-account-avatar-lg{width:40px;height:40px;border-radius:50%;font-size:13px;flex:0 0 auto}
.forum-account-head>div{min-width:0}.forum-account-head small{display:block;margin-bottom:3px;color:#94a3b8;font:700 12px/1.2 var(--forum-font-ui,Manrope,Inter,sans-serif);text-transform:uppercase;letter-spacing:.055em}.forum-account-head b{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font:800 13px/1.25 var(--forum-font-ui,Manrope,Inter,sans-serif)}.forum-account-head span:not(.forum-account-avatar){display:block;margin-top:3px;color:#94a3b8;font:600 12.25px/1.2 Inter,sans-serif}
.forum-account-links{display:grid;gap:2px}.forum-account-links>a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;color:#475569;text-decoration:none;font:750 12.75px/1.2 var(--forum-font-ui,Manrope,Inter,sans-serif);transition:.15s}.forum-account-links>a svg{flex:0 0 auto;color:#64748b}.forum-account-links>a:hover{background:#f8fafc;color:#0f172a}.forum-account-links>a:hover svg{color:#2563eb}
.forum-account-separator{height:1px;margin:4px 5px;background:#eef2f7}.forum-account-links>a.forum-account-logout{color:#b91c1c}.forum-account-links>a.forum-account-logout svg{color:#dc2626}.forum-account-links>a.forum-account-logout:hover{background:#fef2f2;color:#991b1b}.forum-account-links>a.forum-account-logout:hover svg{color:#b91c1c}
@media(max-width:767px){.forum-account-trigger{width:40px;height:40px;padding:4px;border-radius:12px}.forum-account-trigger .forum-account-chevron{display:none}.forum-account-avatar{width:30px;height:30px}.forum-account-menu{position:fixed;right:8px;top:62px;width:min(280px,calc(100vw - 16px));border-radius:16px}.forum-top-settings-link{display:none!important}}
@media(max-width:390px){.forum-account-trigger{width:38px;height:38px}.forum-account-avatar{width:28px;height:28px}.forum-account-menu{top:58px}}

/* =========================================================
   v3.43 — CarHelpMate Display System
   Unified premium headings across the forum
   ========================================================= */
.forum-shell{
  --forum-title-ink:#0b1324;
  --forum-title-muted:#334155;
  --forum-title-accent:#2563eb;
}

.forum-shell h1,
.forum-shell h2,
.forum-shell h3,
.forum-shell .forum-section-title,
.forum-shell .forum-topic-title{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Major page titles */
.forum-hero h1,
.forum-section-focus h1,
.forum-guest-hero h1,
.forum-my-hero h1,
.forum-garage-hero-copy h1,
.forum-diagnostic-hero h1,
.forum-league-hero h1,
.forum-activity-hero h1,
.forum-new-topic-hero h1,
.forum-settings-heading h1,
.forum-notifications-header h1,
.forum-legal-hero h1,
.forum-passport-copy h1,
.forum-admin-hero h1{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:clamp(30px,2.65vw,42px)!important;
  font-weight:800!important;
  line-height:1.075!important;
  letter-spacing:-.047em!important;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  color:var(--forum-title-ink);
}

/* Signature underline for landing/section heroes */
.forum-hero h1::after,
.forum-section-focus h1::after,
.forum-guest-hero h1::after,
.forum-my-hero h1::after,
.forum-garage-hero-copy h1::after,
.forum-diagnostic-hero h1::after,
.forum-league-hero h1::after,
.forum-activity-hero h1::after,
.forum-new-topic-hero h1::after,
.forum-legal-hero h1::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:11px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#6366f1);
  box-shadow:0 5px 14px rgba(37,99,235,.16);
}

/* Topic/profile titles: strong, but not oversized */
.forum-topic-hero h1,
.forum-topic-page h1,
.forum-profile-identity h1{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:clamp(25px,2.15vw,35px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:anywhere;
}

/* Section titles get a subtle brand marker */
.forum-section-title{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.026em!important;
  color:var(--forum-title-ink)!important;
}
.forum-section-title::before{
  content:"";
  display:inline-block;
  width:3px;
  height:15px;
  margin-right:8px;
  border-radius:999px;
  vertical-align:-2px;
  background:linear-gradient(180deg,#2563eb,#6366f1);
  box-shadow:0 3px 9px rgba(37,99,235,.14);
}

/* Component headings share one rhythm */
.forum-profile-section-head h2,
.forum-garage-section-head h2,
.forum-diagnostic-section-head h2,
.forum-diagnostic-history-head h2,
.forum-new-topic-section-head h2,
.forum-guest-section-head h2,
.forum-admin-section-head h2,
.forum-passport-section-head h2,
.forum-community-title-wrap h2,
.forum-radar-title-wrap h2,
.forum-starter-head h2,
.forum-care-head h2,
.forum-league-board-head h2,
.forum-reply-card h2,
.forum-reply-heading h2,
.forum-avatar-settings-copy h2,
.forum-diagnostic-empty h2,
.forum-garage-empty h2,
.forum-guest-join h2{
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.026em!important;
  text-wrap:balance;
  color:var(--forum-title-ink);
}

/* Topic list titles remain compact and highly readable */
.forum-topic-title{
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:780!important;
  line-height:1.32!important;
  letter-spacing:-.018em!important;
  color:#162033;
  text-wrap:pretty;
}

/* Small card titles */
.forum-vehicle-card h2,
.forum-garage-card-title h2,
.forum-ai-history-grid h3,
.forum-care-empty h3{
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.018em!important;
  line-height:1.25!important;
}

/* Prevent overlarge hero headings on narrow screens */
@media(max-width:760px){
  .forum-hero h1,
  .forum-section-focus h1,
  .forum-guest-hero h1,
  .forum-my-hero h1,
  .forum-garage-hero-copy h1,
  .forum-diagnostic-hero h1,
  .forum-league-hero h1,
  .forum-activity-hero h1,
  .forum-new-topic-hero h1,
  .forum-settings-heading h1,
  .forum-notifications-header h1,
  .forum-legal-hero h1,
  .forum-passport-copy h1,
  .forum-admin-hero h1{
    font-size:clamp(25px,7.4vw,32px)!important;
    line-height:1.1!important;
    letter-spacing:-.04em!important;
  }
  .forum-topic-hero h1,
  .forum-topic-page h1,
  .forum-profile-identity h1{
    font-size:clamp(22px,6.4vw,28px)!important;
    line-height:1.14!important;
  }
  .forum-section-title{font-size:15.5px!important}
  .forum-section-title::before{height:13px;margin-right:7px}
}

/* v3.44 release hardening: responsive content safety */
.forum-standalone-app img,
.forum-standalone-app video,
.forum-standalone-app canvas{max-width:100%;height:auto}
.forum-shell input,
.forum-shell select,
.forum-shell textarea,
.forum-shell button{max-width:100%}
.forum-topic-title,
.forum-post-content,
.forum-post-content a,
.forum-profile-identity,
.forum-legal-card,
.forum-card{overflow-wrap:anywhere;word-break:normal}
.forum-post-content pre,
.forum-post-content code{overflow-x:auto;max-width:100%}
@media(max-width:767px){
  .forum-top-actions{gap:5px;min-width:0}
  .forum-brand-copy{min-width:0}
  .forum-shell table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .forum-btn,.forum-icon-btn,.forum-account-trigger{touch-action:manipulation}
}

/* =========================================================
   v3.48 — CarHelpMate Unified Content Grid
   One visual canvas across all main forum pages.
   Reference width: Forum home / topic page = 1440px.
   ========================================================= */
:root{
  --forum-content-max:1440px;
}

/* Shared chrome follows exactly the same desktop grid. */
.forum-topbar-inner,
.forum-site-footer-inner,
.forum-site-footer-bottom{
  width:100%;
  max-width:var(--forum-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Main member/community pages. Keep each page's internal layout,
   but place it on the same 1440px canvas. */
.forum-home-page > div,
.forum-topic-page > div,
.forum-activity-page > div,
.forum-my-page > div,
.forum-profile-page > div,
.forum-notifications-page > div,
.forum-settings-page > div,
.forum-garage-page > div,
.forum-passport-page > div,
.forum-league-page > div,
.forum-new-topic-wrap,
.forum-diagnostics-wrap{
  width:100%;
  max-width:var(--forum-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Public landing, legal and admin pages use the same outer canvas too. */
.forum-guest-shell,
.forum-legal-wrap,
.forum-admin-wrap{
  width:100%;
  max-width:var(--forum-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep desktop gutters identical to Forum: 24px from 640px upward. */
@media (min-width:640px){
  .forum-guest-shell,
  .forum-legal-wrap,
  .forum-admin-wrap{
    padding-left:24px;
    padding-right:24px;
  }
}

/* Forum itself uses 16px side gutters on phones. Preserve that rhythm
   on pages that previously had unusually narrow/wide mobile gutters. */
@media (max-width:639px){
  .forum-home-page > div,
  .forum-topic-page > div,
  .forum-activity-page > div,
  .forum-my-page > div,
  .forum-profile-page > div,
  .forum-notifications-page > div,
  .forum-settings-page > div,
  .forum-garage-page > div,
  .forum-passport-page > div,
  .forum-league-page > div,
  .forum-new-topic-wrap,
  .forum-diagnostics-wrap,
  .forum-guest-shell,
  .forum-legal-wrap,
  .forum-admin-wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* =========================================================
   v3.49 — Auth-style Page Titles + My Forum Hero Card
   Internal page headings now use the same calm typography rhythm
   as login/register forms. My Forum receives the same premium
   framed hero language as Garage and other primary sections.
   ========================================================= */

/* Auth pages use Manrope 800 with a restrained size/tracking.
   Reuse that exact visual language for internal page titles instead
   of the oversized display treatment introduced in v3.43. */
.forum-section-focus h1,
.forum-guest-hero h1,
.forum-my-hero h1,
.forum-garage-hero-copy h1,
.forum-diagnostic-hero h1,
.forum-league-hero h1,
.forum-activity-hero h1,
.forum-new-topic-hero h1,
.forum-settings-heading h1,
.forum-notifications-header h1,
.forum-legal-hero h1,
.forum-passport-copy h1,
.forum-admin-hero h1{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:clamp(28px,2.05vw,34px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  color:#111827!important;
  text-wrap:balance;
}

/* Topic/profile titles follow the same family without becoming too small. */
.forum-topic-hero h1,
.forum-topic-page h1,
.forum-profile-identity h1{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:clamp(26px,1.85vw,32px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  color:#111827!important;
}

/* Keep the signature underline, but make it lighter and more proportional
   to the calmer auth-style heading. */
.forum-section-focus h1::after,
.forum-guest-hero h1::after,
.forum-my-hero h1::after,
.forum-garage-hero-copy h1::after,
.forum-diagnostic-hero h1::after,
.forum-league-hero h1::after,
.forum-activity-hero h1::after,
.forum-new-topic-hero h1::after,
.forum-legal-hero h1::after{
  width:38px!important;
  height:2.5px!important;
  margin-top:10px!important;
  box-shadow:0 4px 11px rgba(37,99,235,.13)!important;
}

/* My Forum previously had only floating heading/actions.
   Turn that existing block into the same framed premium hero card. */
.forum-my-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  align-items:center;
  padding:26px 28px;
  margin-bottom:22px;
  border:1px solid #dbe7f7;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#eef6ff 100%);
  box-shadow:0 14px 36px rgba(15,23,42,.055);
}
.forum-my-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:340px;
  height:340px;
  right:-145px;
  top:-205px;
  border:48px solid rgba(37,99,235,.045);
  border-radius:50%;
  pointer-events:none;
}
.forum-my-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.14),transparent);
  pointer-events:none;
}
.forum-my-heading,
.forum-my-hero-actions{
  position:relative;
  z-index:1;
}
.forum-my-hero-actions{
  align-self:center;
}

/* The breadcrumb should read as a subtle kicker inside the new card. */
.forum-my-heading > .text-\[11px\]{
  margin-bottom:9px!important;
  color:#7c8da5!important;
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:.02em;
}

@media(max-width:760px){
  .forum-section-focus h1,
  .forum-guest-hero h1,
  .forum-my-hero h1,
  .forum-garage-hero-copy h1,
  .forum-diagnostic-hero h1,
  .forum-league-hero h1,
  .forum-activity-hero h1,
  .forum-new-topic-hero h1,
  .forum-settings-heading h1,
  .forum-notifications-header h1,
  .forum-legal-hero h1,
  .forum-passport-copy h1,
  .forum-admin-hero h1{
    font-size:clamp(24px,7vw,28px)!important;
    line-height:1.14!important;
    letter-spacing:-.035em!important;
  }
  .forum-topic-hero h1,
  .forum-topic-page h1,
  .forum-profile-identity h1{
    font-size:clamp(22px,6.2vw,27px)!important;
    line-height:1.16!important;
  }
  .forum-my-hero{
    padding:20px 17px;
    border-radius:20px;
    gap:15px;
    margin-bottom:17px;
    align-items:stretch;
  }
  .forum-my-hero::before{
    width:230px;
    height:230px;
    right:-115px;
    top:-145px;
    border-width:34px;
  }
  .forum-my-hero-actions{
    align-self:stretch;
  }
}

@media(max-width:430px){
  .forum-my-hero{padding:18px 15px;border-radius:18px}
  .forum-my-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .forum-my-hero-actions .forum-btn{width:100%;justify-content:center}
}

/* =========================================================
   CarHelpMate v3.50 — Responsive System Audit
   Phones 320–430, tablets 768–1023, laptops and wide screens.
   Final override layer intentionally lives last in the stylesheet.
   ========================================================= */

/* Global horizontal-safety without hiding intended vertical content. */
html,body{max-width:100%}
body.forum-standalone-app{overflow-x:clip}
.forum-shell,.forum-shell>*{min-width:0}
.forum-shell :where(main,aside,section,article,div,form,fieldset,nav){min-width:0}
.forum-shell :where(img,video,canvas,iframe){max-width:100%;height:auto}
.forum-shell :where(pre,code){max-width:100%}
.forum-shell pre{overflow-x:auto;-webkit-overflow-scrolling:touch}
.forum-shell :where(input,select,textarea){max-width:100%;box-sizing:border-box}
.forum-shell :where(h1,h2,h3,h4,p,a,b,strong,small,span){overflow-wrap:anywhere}

/* Tablet header: the complete desktop menu is wider than the viewport.
   Switch to the compact bottom navigation through 1023px. */
@media(max-width:1023px){
  .forum-navlinks{display:none!important}
  .forum-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;
    left:50%!important;
    right:auto!important;
    width:min(720px,calc(100vw - 24px))!important;
    transform:translateX(-50%)!important;
    min-height:66px!important;
    height:auto!important;
    padding:6px!important;
    gap:3px!important;
    box-sizing:border-box;
  }
  .forum-mobile-nav>a,.forum-mobile-nav>button{
    width:100%!important;min-width:0!important;height:auto!important;min-height:52px!important;
  }
  .forum-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .forum-sticky-side,.forum-side-column{position:static!important;top:auto!important}
  .forum-main-layout,.forum-my-layout,.forum-settings-layout,.forum-topic-layout,
  .forum-diagnostic-layout,.forum-passport-layout{grid-template-columns:1fr!important}
}

/* Compact desktop / small laptop header. */
@media(min-width:1024px) and (max-width:1180px){
  .forum-topbar-inner{padding-left:12px!important;padding-right:12px!important;gap:8px!important}
  .forum-brand{gap:7px!important}.forum-site-logo{width:36px!important;height:36px!important;flex-basis:36px!important}
  .forum-brand-title{font-size:13px!important}.forum-brand-forum{display:none!important}
  .forum-navlinks{gap:1px!important}
  .forum-navlinks a,.forum-navlinks button{padding:7px 7px!important;min-height:38px!important;gap:4px!important}
  .forum-navlinks svg{width:13px!important;height:13px!important}
  .forum-top-actions{gap:4px!important}.forum-icon-btn{width:36px!important;height:36px!important}.forum-account-trigger{height:38px!important}
}

@media(max-width:767px){
  /* Unified mobile canvas. */
  .forum-home-page>div,.forum-topic-page>div,.forum-activity-page>div,.forum-my-page>div,
  .forum-profile-page>div,.forum-notifications-page>div,.forum-settings-page>div,
  .forum-garage-page>div,.forum-passport-page>div,.forum-league-page>div,
  .forum-new-topic-wrap,.forum-diagnostics-wrap,.forum-guest-shell,.forum-legal-wrap,.forum-admin-wrap{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding-left:14px!important;padding-right:14px!important;
  }

  /* Top bar remains single-line and never pushes the viewport wider. */
  .forum-topbar-inner{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 10px!important;gap:6px!important}
  .forum-brand{min-width:0!important;max-width:calc(100% - 126px)!important;overflow:hidden!important}
  .forum-brand-copy{min-width:0!important;overflow:hidden!important}
  .forum-brand-title{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .forum-top-actions{flex:0 0 auto!important;min-width:0!important}

  /* Mobile bottom nav: auto-fit fixes the old 6-items/4-columns conflict. */
  .forum-mobile-nav{
    left:6px!important;right:6px!important;width:auto!important;transform:none!important;
    grid-template-columns:repeat(auto-fit,minmax(52px,1fr))!important;
    min-height:66px!important;height:auto!important;padding:6px 5px!important;
    gap:2px!important;border-radius:17px!important;
    padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;
  }
  .forum-mobile-nav>a,.forum-mobile-nav>button{
    display:grid!important;grid-template-rows:22px minmax(18px,auto)!important;
    align-content:center!important;justify-items:center!important;row-gap:3px!important;
    min-height:54px!important;height:auto!important;padding:4px 2px!important;margin:0!important;
  }
  .forum-mobile-nav .forum-mobile-nav-icon{width:24px!important;height:22px!important;display:grid!important;place-items:center!important}
  .forum-mobile-nav .forum-mobile-nav-label{
    display:-webkit-box!important;width:100%!important;height:auto!important;min-height:18px!important;max-height:20px!important;
    padding:0 1px!important;overflow:hidden!important;text-align:center!important;white-space:normal!important;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.05!important;font-size:12px!important;font-weight:800!important;
  }
  .forum-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}

  /* Common card/title rhythm. */
  .forum-card{max-width:100%;box-sizing:border-box}
  .forum-btn{max-width:100%;white-space:normal;text-align:center}
  .forum-section-focus,.forum-activity-hero,.forum-my-hero,.forum-garage-hero,
  .forum-diagnostic-hero,.forum-league-hero,.forum-admin-hero,.forum-profile-hero,
  .forum-passport-hero,.forum-legal-hero{max-width:100%;box-sizing:border-box}

  /* Hero/action groups become deliberate mobile layouts. */
  .forum-hero-actions,.forum-my-hero-actions,.forum-garage-hero-actions,
  .forum-admin-hero-actions,.forum-profile-hero-actions{
    width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  .forum-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-hero-actions .forum-btn{width:100%!important;justify-content:center!important}

  /* Home/search/categories. */
  .forum-home-page .forum-hero>div{padding:20px 16px!important}
  .forum-home-page .forum-hero h1{font-size:clamp(25px,7vw,30px)!important}
  .forum-home-page .forum-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important}
  .forum-search-panel .forum-search-grid{grid-template-columns:1fr!important}
  .forum-search-panel .forum-search-grid>div{grid-column:auto!important;min-width:0!important}
  .forum-search-actions{width:100%!important;display:flex!important;justify-content:center!important;gap:7px!important}
  .forum-search-panel .forum-search-submit{max-width:none!important}
  .forum-search-quick{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;overscroll-behavior-inline:contain}
  .forum-search-quick::-webkit-scrollbar{display:none}.forum-search-quick .forum-chip{flex:0 0 auto}
  .forum-category-head{min-width:0!important}.forum-category-info{min-width:0!important}.forum-category-copy{min-width:0!important}

  /* Activity. */
  .forum-activity-hero{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
  .forum-activity-today{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .forum-activity-item{min-width:0!important}.forum-activity-copy{min-width:0!important}

  /* My Forum. */
  .forum-my-hero{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .forum-my-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
  .forum-my-hero-actions .forum-btn{width:100%!important;justify-content:center!important}
  .forum-my-tabs{max-width:100%;overflow-x:auto!important;scrollbar-width:none}.forum-my-tabs::-webkit-scrollbar{display:none}
  .forum-my-topic-card,.forum-my-solution-card{max-width:100%;overflow:hidden}

  /* Garage. */
  .forum-garage-hero{padding-left:14px!important;padding-right:14px!important}
  .forum-garage-hero-main{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}
  .forum-garage-owner-avatar .forum-user-avatar{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important}
  .forum-garage-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-garage-hero-actions .forum-btn{width:100%!important;min-width:0!important}
  .forum-garage-hero-stats{max-width:100%!important;box-sizing:border-box!important}
  .forum-garage-card-title{min-width:0}.forum-garage-card-title>div:first-child{min-width:0}
  .forum-garage-card-title h2{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .forum-garage-case-line{flex-wrap:wrap!important;align-items:flex-start!important}
  .forum-garage-card-actions .forum-btn{min-width:0!important}
  .forum-garage-photo-editor>*{min-width:0!important}

  /* Diagnostics. */
  .forum-diagnostic-hero{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
  .forum-diagnostic-plan-card{width:100%!important;max-width:100%!important;flex-basis:auto!important;box-sizing:border-box!important}
  .forum-diagnostic-layout,.forum-diagnostic-side,.forum-diagnostic-field-grid{grid-template-columns:1fr!important}
  .forum-diagnostic-field,.forum-diagnostic-field-meta,.forum-diagnostic-workbench{min-width:0!important}
  .forum-diagnostic-history-bottom{align-items:flex-start!important;flex-wrap:wrap!important}

  /* Profile. */
  .forum-profile-hero-main{min-width:0!important}.forum-profile-identity{min-width:0!important}
  .forum-profile-identity h1{max-width:100%!important}
  .forum-profile-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-profile-hero-actions .forum-btn{width:100%!important;min-width:0!important}
  .forum-profile-vehicle-grid{grid-template-columns:1fr!important}

  /* Notifications/settings. */
  .forum-notifications-header{min-width:0!important}.forum-notifications-header form{max-width:100%}
  .forum-notifications-header .forum-btn{width:100%!important}
  .forum-notifications-row>*{min-width:0}.forum-notifications-row b,.forum-notifications-row p{overflow-wrap:anywhere}
  .forum-settings-layout{grid-template-columns:1fr!important}.forum-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Topic reading. */
  .forum-topic-hero-grid,.forum-post-layout{grid-template-columns:1fr!important}
  .forum-topic-timeline{display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;justify-content:flex-start!important}
  .forum-topic-page .forum-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forum-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forum-topic-endnav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .forum-topic-endnav>button{grid-column:1/-1;width:100%!important;justify-content:center!important}
  .forum-topic-endnav>a{min-width:0!important}.forum-topic-endnav b{max-width:100%}
  .forum-topic-guest-actions{padding-left:0!important}

  /* Leaderboard. */
  .forum-league-hero{grid-template-columns:1fr!important}
  .forum-league-tabs{max-width:100%;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.forum-league-tabs::-webkit-scrollbar{display:none}
  .forum-league-row{min-width:0!important}

  /* Admin: no sideways filter ribbon on phones. */
  .forum-admin-filter{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;padding-bottom:0!important}
  .forum-admin-filter>*{width:100%!important;max-width:100%!important;min-width:0!important;flex-basis:auto!important}
  .forum-admin-search{grid-column:auto!important}
  .forum-admin-filter .forum-btn{width:100%!important}
  .forum-admin-topic-actions,.forum-admin-category-actions{flex-wrap:wrap!important}
  .forum-admin-more-menu{max-width:calc(100vw - 24px)!important}

  /* Forms/modals/files. */
  .forum-create-modal-panel{max-width:100vw!important}
  .forum-create-category-copy strong{white-space:normal!important;overflow-wrap:anywhere!important}
  .forum-file-list,.forum-attachment-list{max-width:100%;overflow:hidden}
}

@media(max-width:560px){
  .forum-home-page>div,.forum-topic-page>div,.forum-activity-page>div,.forum-my-page>div,
  .forum-profile-page>div,.forum-notifications-page>div,.forum-settings-page>div,
  .forum-garage-page>div,.forum-passport-page>div,.forum-league-page>div,
  .forum-new-topic-wrap,.forum-diagnostics-wrap,.forum-guest-shell,.forum-legal-wrap,.forum-admin-wrap{
    padding-left:12px!important;padding-right:12px!important;
  }
  .forum-hero-actions,.forum-my-hero-actions,.forum-garage-hero-actions,.forum-profile-hero-actions{grid-template-columns:1fr!important}
  .forum-my-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forum-my-stat{justify-content:center!important;min-width:0!important}
  .forum-garage-card-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .forum-garage-card-title h2{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .forum-garage-card-actions-passport{grid-template-columns:1fr!important}
  .forum-garage-card-actions-passport .forum-btn:last-child:nth-child(3){grid-column:auto!important}
  .forum-profile-hero-actions{grid-template-columns:1fr!important}
  .forum-topic-page .forum-case-grid{grid-template-columns:1fr!important}
  .forum-topic-endnav{grid-template-columns:1fr!important}.forum-topic-endnav>button{grid-column:auto}
  .forum-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forum-admin-health-grid{grid-template-columns:1fr!important}
}

@media(max-width:390px){
  .forum-topbar-inner{padding-left:8px!important;padding-right:8px!important}
  .forum-brand{max-width:calc(100% - 116px)!important}.forum-brand-title{font-size:12.75px!important}
  .forum-topbar .forum-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .forum-account-trigger{width:37px!important;height:37px!important}
  .forum-home-page .forum-hero-stats{gap:7px!important}
  .forum-activity-today{gap:5px!important}
  .forum-language-grid{grid-template-columns:1fr 1fr!important}
  .forum-garage-hero-main{grid-template-columns:42px minmax(0,1fr)!important}
  .forum-garage-owner-avatar .forum-user-avatar{width:42px!important;height:42px!important;min-width:42px!important}
  .forum-garage-specs{grid-template-columns:1fr!important}
  .forum-garage-photo-editor{grid-template-columns:1fr!important}
  .forum-garage-photo-preview{max-width:170px;width:100%;justify-self:center}
  .forum-admin-metrics{grid-template-columns:1fr!important}
}

/* Extra-small phones: 6 member navigation items become a clean 3x2 grid. */
@media(max-width:340px){
  .forum-brand-copy{display:none!important}.forum-brand{max-width:44px!important;flex:0 0 44px!important}
  .forum-mobile-nav{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;min-height:auto!important}
  .forum-mobile-nav>a,.forum-mobile-nav>button{min-height:48px!important}
  .forum-mobile-nav .forum-mobile-nav-label{font-size:12px!important;max-height:19px!important}
  .forum-shell{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
  .forum-admin-more-menu{bottom:136px!important}
  .forum-my-stats{grid-template-columns:1fr!important}
  .forum-activity-today{grid-template-columns:1fr 1fr!important}.forum-activity-today>div:last-child{grid-column:1/-1}
  .forum-language-grid{grid-template-columns:1fr!important}
}

/* Landscape phones: preserve vertical working space. */
@media(max-height:520px) and (max-width:900px) and (orientation:landscape){
  .forum-mobile-nav{min-height:56px!important;padding-top:4px!important;padding-bottom:4px!important}
  .forum-mobile-nav>a,.forum-mobile-nav>button{min-height:46px!important;grid-template-rows:19px 15px!important}
  .forum-mobile-nav .forum-mobile-nav-icon{height:19px!important}.forum-mobile-nav .forum-mobile-nav-icon svg{width:17px!important;height:17px!important}
  .forum-mobile-nav .forum-mobile-nav-label{font-size:12px!important;max-height:15px!important;-webkit-line-clamp:1}
  .forum-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}


/* =========================================================
   CarHelpMate v3.50.1 — Android horizontal overflow hotfix
   Fixes page dragging left/right caused by intrinsic width of
   the fixed 6-item mobile navigation on some Android browsers.
   ========================================================= */

/* The root scroller must never acquire horizontal overflow.
   Use hidden rather than clip here because Android/Chromium builds
   do not handle body-only overflow:clip consistently. */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
body,
body.forum-standalone-app{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}

/* Prevent a wide fixed child from enlarging the document's overflow area. */
.forum-mobile-nav{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:calc(100vw - 12px)!important;
  max-width:calc(100dvw - 12px)!important;
  overflow:hidden!important;
  contain:layout paint;
  overscroll-behavior-x:none;
}
.forum-mobile-nav>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.forum-mobile-nav .forum-mobile-nav-icon,
.forum-mobile-nav .forum-mobile-nav-label{
  min-width:0!important;
  max-width:100%!important;
}

@media(max-width:767px){
  /* Explicit column counts remove grid intrinsic sizing ambiguity.
     Member menu = 6 items, guest menu = 2 items. */
  .forum-mobile-nav{
    left:6px!important;
    right:6px!important;
    inset-inline:6px!important;
    width:auto!important;
    max-width:calc(100vw - 12px)!important;
    max-width:calc(100dvw - 12px)!important;
    transform:none!important;
  }
  .forum-mobile-nav.is-member{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .forum-mobile-nav.is-guest{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .forum-mobile-nav>a,
  .forum-mobile-nav>button{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding-left:1px!important;
    padding-right:1px!important;
  }
  .forum-mobile-nav-label{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  /* Top-level page containers cannot create a wider scroll area. */
  .forum-shell,
  .forum-home-page,
  .forum-topic-page,
  .forum-activity-page,
  .forum-my-page,
  .forum-profile-page,
  .forum-notifications-page,
  .forum-settings-page,
  .forum-garage-page,
  .forum-passport-page,
  .forum-league-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
}

/* 320–340px screens: use two rows instead of squeezing six labels. */
@media(max-width:340px){
  .forum-mobile-nav.is-member{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .forum-mobile-nav.is-guest{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   CarHelpMate v3.50.2 — REAL PHONE NAV + DOCUMENT WIDTH FIX
   Ordinary phones use a 3 x 2 bottom navigation grid.
   The page canvas is hard-clamped to the visual viewport.
   ========================================================= */
html,
body,
body.forum-standalone-app{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.forum-standalone-app{
  position:relative!important;
}

@media(max-width:767px){
  .forum-shell{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .forum-shell>div{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .forum-mobile-nav{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    inset-inline:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .forum-mobile-nav>*{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
}

/* Real phone layout: 6 member actions = 3 columns x 2 rows.
   This is intentionally used on normal 320–520px phone viewports,
   not only on ultra-small 340px devices. */
@media(max-width:520px){
  .forum-mobile-nav.is-member{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(48px,auto)!important;
    gap:3px!important;
    min-height:auto!important;
    padding:5px!important;
    padding-bottom:calc(5px + env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
  }
  .forum-mobile-nav.is-member>a,
  .forum-mobile-nav.is-member>button{
    min-height:48px!important;
    padding:4px 3px!important;
    display:grid!important;
    grid-template-rows:21px minmax(15px,auto)!important;
    align-content:center!important;
    justify-items:center!important;
    gap:2px!important;
  }
  .forum-mobile-nav.is-member .forum-mobile-nav-icon{
    width:21px!important;
    height:21px!important;
  }
  .forum-mobile-nav.is-member .forum-mobile-nav-icon svg{
    width:18px!important;
    height:18px!important;
  }
  .forum-mobile-nav.is-member .forum-mobile-nav-label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    line-height:1.1!important;
    font-size:12px!important;
    text-align:center!important;
  }
  .forum-shell{
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
  .forum-admin-more-menu{
    bottom:calc(136px + env(safe-area-inset-bottom))!important;
  }
}

/* Larger phones / tablets can safely use one row. */
@media(min-width:521px) and (max-width:1023px){
  .forum-mobile-nav.is-member{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}


/* =========================================================
   CarHelpMate v3.50.3 — MOBILE TYPOGRAPHY BALANCE
   Readable content first: raise tiny 7–10px copy, keep action
   buttons calmer, and preserve the existing responsive layout.
   ========================================================= */
@media(max-width:767px){
  /* Generic mobile type floor for utility-sized copy inside the app. */
  .forum-shell .text-\[9px\]:not(.forum-badge),
  .forum-shell .text-\[10px\]:not(.forum-badge){font-size:12.75px!important;line-height:1.45!important}
  .forum-shell .text-\[11px\]:not(.forum-badge){font-size:13px!important;line-height:1.48!important}
  .forum-shell .text-\[12px\]:not(.forum-badge){font-size:12.5px!important;line-height:1.5!important}
  .forum-shell .text-\[13px\]:not(.forum-badge){font-size:13.25px!important;line-height:1.55!important}

  /* Hero copy should read like body text, while CTA labels stay restrained. */
  .forum-home-page .forum-hero p,
  .forum-activity-hero p,
  .forum-my-hero p,
  .forum-garage-hero-copy>p,
  .forum-diagnostic-hero p,
  .forum-profile-hero p,
  .forum-league-hero-copy>p,
  .forum-admin-hero p,
  .forum-legal-hero p{
    font-size:13px!important;
    line-height:1.58!important;
  }
  .forum-home-page .forum-hero .forum-btn,
  .forum-hero-actions .forum-btn,
  .forum-community-actions .forum-btn,
  .forum-my-hero-actions .forum-btn,
  .forum-garage-hero-actions .forum-btn,
  .forum-profile-hero-actions .forum-btn,
  .forum-admin-hero-actions .forum-btn{
    font-size:12.5px!important;
    font-weight:800!important;
    line-height:1.15!important;
  }

  /* Main forum hero statistics. */
  .forum-hero-stats>div>div{font-size:12.75px!important;line-height:1.3!important}
  .forum-stat small{font-size:12.75px!important;line-height:1.35!important}

  /* Community pulse — previously several labels were 7–10px. */
  .forum-community-kicker{font-size:12.5px!important;line-height:1.25!important}
  .forum-community-live{font-size:12.25px!important}
  .forum-community-title-wrap p{font-size:13px!important;line-height:1.5!important;max-width:none!important}
  .forum-community-metrics small{font-size:12.5px!important;line-height:1.3!important}
  .forum-community-panel-head h3{font-size:13.5px!important;line-height:1.25!important}
  .forum-community-panel-head p{font-size:12.75px!important;line-height:1.4!important}
  .forum-community-panel-head>a{font-size:12.5px!important}
  .forum-community-solution-copy strong,
  .forum-community-car-copy strong{font-size:13px!important;line-height:1.3!important}
  .forum-community-solution-copy small,
  .forum-community-car-copy small{font-size:12.5px!important;line-height:1.35!important}
  .forum-community-car-copy em{font-size:12.5px!important;line-height:1.3!important}
  .forum-community-empty{font-size:12.75px!important;line-height:1.45!important}

  /* Personal Diagnostic Radar — this was the smallest typography on mobile. */
  .forum-radar-kicker{font-size:12.5px!important;line-height:1.25!important}
  .forum-radar-title-wrap p{font-size:12.75px!important;line-height:1.5!important}
  .forum-radar-state{font-size:12.5px!important;line-height:1.25!important}
  .forum-radar-metric strong{font-size:12.75px!important;line-height:1.25!important}
  .forum-radar-metric small{font-size:12.5px!important;line-height:1.3!important}
  .forum-radar-panel-head span{font-size:12.75px!important;line-height:1.25!important}
  .forum-radar-panel-head small{font-size:12.5px!important;line-height:1.35!important}
  .forum-radar-panel-head>a{font-size:12.5px!important}
  .forum-radar-row-copy strong{font-size:12.75px!important;line-height:1.3!important}
  .forum-radar-row-copy small{font-size:12.5px!important;line-height:1.35!important}

  /* Activity / forum rows / common secondary copy. */
  .forum-activity-excerpt{font-size:13px!important;line-height:1.5!important}
  .forum-topic-meta,
  .forum-topic-obd,
  .forum-topic-muted,
  .forum-topic-last-time{font-size:12.5px!important;line-height:1.4!important}
  .forum-category-description{font-size:13px!important;line-height:1.5!important}
  .forum-category-meta{font-size:12.5px!important;line-height:1.4!important}

  /* Bottom navigation should be readable but visually quieter than page content. */
  .forum-mobile-nav.is-member .forum-mobile-nav-label,
  .forum-mobile-nav.is-guest .forum-mobile-nav-label{
    font-size:12.25px!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    line-height:1.12!important;
  }
}

@media(max-width:430px){
  .forum-home-page .forum-hero p,
  .forum-community-title-wrap p,
  .forum-radar-title-wrap p{font-size:13px!important}
  .forum-community-metrics small{font-size:12.5px!important}
  .forum-radar-metric strong{font-size:12.75px!important}
  .forum-radar-metric small{font-size:12.25px!important}
  .forum-mobile-nav.is-member .forum-mobile-nav-label{font-size:12.25px!important}
}

/* =========================================================
   CarHelpMate v3.50.4 — REAL MOBILE TYPE SCALE
   Whole-forum mobile typography pass. Previous patches fixed only
   selected widgets; legacy component rules still forced 7–11px text.
   This block is intentionally LAST so it wins on real phones.
   ========================================================= */
@media (max-width:767px){
  /* Core reading scale */
  .forum-shell{
    font-size:14px!important;
    line-height:1.5!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  .forum-shell :where(p,li,dd,dt){
    font-size:13px!important;
    line-height:1.55!important;
  }
  .forum-shell :where(small,time){
    font-size:12.75px!important;
    line-height:1.4!important;
  }
  .forum-shell :where(label){
    font-size:12.5px!important;
    line-height:1.35!important;
  }

  /* Tailwind-style tiny utility sizes used across legacy cards */
  .forum-shell .text-\[7px\],
  .forum-shell .text-\[8px\],
  .forum-shell .text-\[9px\],
  .forum-shell .text-\[10px\]{font-size:12.75px!important;line-height:1.4!important}
  .forum-shell .text-\[11px\]{font-size:13px!important;line-height:1.45!important}
  .forum-shell .text-\[12px\]{font-size:12.75px!important;line-height:1.5!important}
  .forum-shell .text-\[13px\]{font-size:13px!important;line-height:1.5!important}
  .forum-shell .text-\[14px\]{font-size:14px!important;line-height:1.5!important}

  /* Buttons stay touch-friendly, but labels no longer dominate content */
  .forum-shell .forum-btn,
  .forum-create-category,
  .forum-category-open-link,
  .forum-category-footer-link,
  .forum-action{
    font-size:12.5px!important;
    line-height:1.2!important;
  }
  .forum-shell .forum-btn{font-weight:800!important}

  /* Home/category/topic lists */
  .forum-category-title{font-size:16.5px!important;line-height:1.3!important}
  .forum-category-description{font-size:13px!important;line-height:1.55!important}
  .forum-category-meta{font-size:13px!important;line-height:1.4!important}
  .forum-topic-title{font-size:15px!important;line-height:1.4!important}
  .forum-topic-meta,
  .forum-topic-muted,
  .forum-topic-last-time,
  .forum-topic-obd,
  .forum-topic-mobile-meta{font-size:13px!important;line-height:1.4!important}
  .forum-topic-metric-label{font-size:12.75px!important;line-height:1.3!important}
  .forum-topic-last-author{font-size:12.5px!important}
  .forum-topic-page .forum-post-message{font-size:15px!important;line-height:1.72!important}
  .forum-topic-page .forum-post-message :where(p,li){font-size:15px!important;line-height:1.72!important}
  .forum-post-content-head time{font-size:12.75px!important}
  .forum-topic-author-line span{font-size:12.5px!important}
  .forum-topic-author-line strong{font-size:13px!important}
  .forum-topic-author-line small{font-size:12.75px!important}
  .forum-post-author-level{font-size:12.75px!important}
  .forum-post-number{font-size:12.5px!important}
  .forum-topic-page .forum-post-actions .forum-action{font-size:12.75px!important}
  .forum-topic-hero-stats small{font-size:12.5px!important}
  .forum-topic-guest-copy p{font-size:12.5px!important}

  /* My forum + notifications + settings */
  .forum-my-stat{font-size:12.75px!important}
  .forum-my-stat small{font-size:12.75px!important}
  .forum-my-topic-card .font-semibold{font-size:14px!important}
  .forum-my-topic-card .text-\[10px\]{font-size:13px!important}
  .forum-notifications-row b{font-size:13px!important}
  .forum-notifications-row p{font-size:13px!important}
  .forum-notifications-row time{font-size:12.75px!important}
  .forum-settings-heading p{font-size:12.5px!important}

  /* Activity */
  .forum-activity-kicker{font-size:12.5px!important}
  .forum-activity-hero p{font-size:13px!important}
  .forum-activity-today span{font-size:12.75px!important}
  .forum-activity-tabs a{font-size:13px!important}
  .forum-activity-meta{font-size:12.75px!important}
  .forum-activity-meta strong{font-size:12.5px!important}
  .forum-activity-category,
  .forum-activity-vehicle{font-size:12.75px!important}
  .forum-activity-excerpt{font-size:13px!important;line-height:1.55!important}

  /* Community pulse */
  .forum-community-kicker{font-size:12.5px!important}
  .forum-community-live{font-size:12.5px!important}
  .forum-community-title-wrap p{font-size:13px!important;line-height:1.5!important}
  .forum-community-metrics small{font-size:12.75px!important}
  .forum-community-panel-head h3{font-size:14px!important}
  .forum-community-panel-head p{font-size:13px!important}
  .forum-community-panel-head>a{font-size:12.75px!important}
  .forum-community-solution-copy strong,
  .forum-community-car-copy strong{font-size:13px!important}
  .forum-community-solution-copy small,
  .forum-community-car-copy small{font-size:12.75px!important}
  .forum-community-car-copy em{font-size:12.75px!important}

  /* Diagnostic radar */
  .forum-radar-kicker{font-size:12.5px!important}
  .forum-radar-title-wrap p{font-size:12.5px!important;line-height:1.5!important}
  .forum-radar-state{font-size:12.75px!important}
  .forum-radar-metric strong{font-size:12.5px!important}
  .forum-radar-metric small{font-size:12.75px!important}
  .forum-radar-panel-head span{font-size:12.5px!important}
  .forum-radar-panel-head small{font-size:12.75px!important}
  .forum-radar-panel-head>a{font-size:12.75px!important}
  .forum-radar-row-copy strong{font-size:12.5px!important}
  .forum-radar-row-copy small{font-size:12.75px!important}
  .forum-radar-row-time{font-size:12.5px!important}

  /* Profile */
  .forum-profile-kicker{font-size:12.5px!important}
  .forum-profile-level{font-size:12.75px!important}
  .forum-profile-identity p{font-size:12.5px!important}
  .forum-profile-stats small{font-size:12.75px!important}
  .forum-profile-section-head h2{font-size:14px!important}
  .forum-profile-section-head p{font-size:12.75px!important}
  .forum-profile-topic-copy b,
  .forum-profile-solution-copy b,
  .forum-profile-reply-copy b{font-size:13px!important}
  .forum-profile-topic-copy small,
  .forum-profile-solution-copy small,
  .forum-profile-reply-copy small{font-size:12.75px!important}
  .forum-profile-solution-copy p,
  .forum-profile-reply-copy p{font-size:12.5px!important}
  .forum-profile-reputation-head b{font-size:13px!important}
  .forum-profile-reputation-head small{font-size:12.75px!important}
  .forum-profile-score span{font-size:12.75px!important}
  .forum-profile-reputation p{font-size:13px!important}
  .forum-profile-badges-card h3{font-size:13.5px!important}
  .forum-profile-badge{font-size:13px!important}
  .forum-profile-about-head span:not(.forum-profile-about-mark){font-size:12.5px!important}
  .forum-profile-about-list em{font-size:12.75px!important}

  /* Garage */
  .forum-garage-kicker{font-size:12.5px!important}
  .forum-garage-hero-copy>p{font-size:13px!important}
  .forum-garage-owner-link{font-size:13px!important}
  .forum-garage-hero-stats span{font-size:12.75px!important}
  .forum-garage-alert{font-size:12.5px!important}
  .forum-garage-section-head h2{font-size:15px!important}
  .forum-garage-section-head p{font-size:12.75px!important}
  .forum-garage-photo-upload b{font-size:12.5px!important}
  .forum-garage-photo-upload small{font-size:12.75px!important}
  .forum-garage-fields label{font-size:13px!important}
  .forum-garage-card-id{font-size:12.5px!important}
  .forum-garage-card-title span{font-size:12.5px!important}
  .forum-garage-card-title h2{font-size:16px!important}
  .forum-garage-card-title>b{font-size:12.75px!important}
  .forum-garage-specs small{font-size:12.75px!important}
  .forum-garage-specs b{font-size:12.5px!important}
  .forum-garage-notes{font-size:12.5px!important}
  .forum-garage-case-line{font-size:12.75px!important}
  .forum-garage-health span{font-size:12.5px!important}

  /* AI diagnostics */
  .forum-diagnostic-kicker{font-size:12.5px!important}
  .forum-diagnostic-plan-card>span{font-size:12.75px!important}
  .forum-diagnostic-plan-line>em{font-size:13px!important}
  .forum-diagnostic-plan-card small{font-size:12.75px!important}
  .forum-diagnostic-step{font-size:12.5px!important}
  .forum-diagnostic-live{font-size:12.5px!important}
  .forum-diagnostic-field label{font-size:12.5px!important}
  .forum-diagnostic-field-meta{font-size:12.75px!important}
  .forum-diagnostic-dtc-input>span{font-size:12.5px!important}
  .forum-diagnostic-dtc-field>small{font-size:12.75px!important}
  .forum-diagnostic-trust b{font-size:12.5px!important}
  .forum-diagnostic-trust small{font-size:12.75px!important}
  .forum-diagnostic-how li p{font-size:12.5px!important}
  .forum-diagnostic-how li>span{font-size:12.5px!important}
  .forum-diagnostic-garage-list b{font-size:12.5px!important}
  .forum-diagnostic-garage-list small{font-size:12.75px!important}
  .forum-diagnostic-loading b{font-size:12.5px!important}
  .forum-diagnostic-loading small{font-size:12.5px!important}
  .forum-diag-probability small{font-size:12.5px!important}
  .forum-diag-result-meta span{font-size:12.5px!important}
  .forum-diag-result-meta b{font-size:13px!important}
  .forum-diag-result-description{font-size:13.5px!important;line-height:1.6!important}
  .forum-diag-next-steps p{font-size:12.5px!important}
  .forum-diag-community-head span{font-size:12.5px!important}
  .forum-diag-community-head b{font-size:12.5px!important}
  .forum-diag-community-status{font-size:12.5px!important}
  .forum-diag-community-item b{font-size:12.5px!important}
  .forum-diag-community-item small{font-size:12.75px!important}
  .forum-diag-community-empty{font-size:13px!important}

  /* Bottom navigation: visible but subordinate to content */
  .forum-mobile-nav.is-member .forum-mobile-nav-label,
  .forum-mobile-nav.is-guest .forum-mobile-nav-label{
    font-size:12.5px!important;
    font-weight:750!important;
    line-height:1.15!important;
  }
}

@media (max-width:390px){
  .forum-shell{font-size:13.5px!important}
  .forum-shell :where(p,li,dd,dt){font-size:12.75px!important}
  .forum-topic-page .forum-post-message,
  .forum-topic-page .forum-post-message :where(p,li){font-size:14.5px!important}
  .forum-mobile-nav.is-member .forum-mobile-nav-label{font-size:12.5px!important}
}

/* =========================================================
   CarHelpMate v3.50.5 — Guest mobile CTA + nav containment
   Fixes guest buttons expanding beyond the phone viewport.
   ========================================================= */
@media (max-width: 767px){
  .forum-guest-page,
  .forum-guest-shell,
  .forum-guest-hero,
  .forum-guest-hero-copy,
  .forum-guest-hero-actions{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .forum-guest-hero-copy{
    overflow:hidden!important;
  }

  .forum-guest-hero-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }

  .forum-guest-hero-actions .forum-btn,
  .forum-guest-main-cta{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:14px!important;
    padding-right:14px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  /* Guest bottom navigation should be compact and centered, not two huge half-screen tiles. */
  .forum-mobile-nav.is-guest{
    left:50%!important;
    right:auto!important;
    inset-inline:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100dvw - 28px)!important;
    max-width:360px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
    box-sizing:border-box!important;
  }

  .forum-mobile-nav.is-guest>a,
  .forum-mobile-nav.is-guest>button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-inline:6px!important;
    overflow:hidden!important;
  }

  .forum-mobile-nav.is-guest .forum-mobile-nav-label{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    font-size:12.5px!important;
    line-height:1.15!important;
  }

  /* Compact guest login button in the top bar. */
  .forum-topbar a[href="login.php"].forum-btn{
    min-width:0!important;
    max-width:112px!important;
    min-height:38px!important;
    padding:0 14px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 390px){
  .forum-guest-hero-actions .forum-btn,
  .forum-guest-main-cta{
    font-size:12.5px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .forum-mobile-nav.is-guest{
    width:calc(100dvw - 20px)!important;
    max-width:340px!important;
  }
  .forum-topbar a[href="login.php"].forum-btn{
    max-width:98px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
}


/* v3.50.6 — guest mobile navigation cleanup */
@media (max-width: 767px){
  body:not(:has(.forum-mobile-nav.is-member)) .forum-shell{
    padding-bottom:24px!important;
  }
}


/* =========================================================
   CarHelpMate v3.50.7 — MOBILE CATEGORY LAYOUT FIX
   Fixes category title collapsing to one-character-wide column.
   Cause: mobile flex-row + 100%-wide "Open section" button.
   ========================================================= */
@media (max-width: 767px){
  .forum-home-page .forum-category-head,
  .forum-category-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:12px!important;
  }

  .forum-home-page .forum-category-info,
  .forum-category-info{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:start!important;
    gap:11px!important;
  }

  .forum-category-info>div:last-child{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
  }

  .forum-category-title-link,
  .forum-category-title,
  .forum-category-description,
  .forum-category-meta{
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .forum-category-title-link{
    display:block!important;
  }

  .forum-category-open-link{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    justify-content:space-between!important;
  }
}

/* =========================================================
   CarHelpMate v3.51 — UNIFIED RESPONSIVE FOUNDATION
   One final mobile/tablet layout layer for the whole forum.
   This intentionally overrides older per-page mobile patches.
   ========================================================= */

/* Universal sizing contract */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body.forum-standalone-app{min-width:0!important}
.forum-shell,.forum-guest-page,.forum-topbar,.forum-footer{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.forum-shell *,.forum-shell *::before,.forum-shell *::after,
.forum-guest-page *,.forum-guest-page *::before,.forum-guest-page *::after,
.forum-topbar *,.forum-topbar *::before,.forum-topbar *::after,
.forum-footer *,.forum-footer *::before,.forum-footer *::after{box-sizing:border-box}
.forum-shell :where(div,section,article,aside,main,nav,header,footer,form,fieldset,label),
.forum-guest-page :where(div,section,article,aside,main,nav,header,footer,form,fieldset,label){min-width:0}
.forum-shell :where(img,video,canvas,iframe,svg),.forum-guest-page :where(img,video,canvas,iframe,svg){max-width:100%;height:auto}
.forum-shell :where(h1,h2,h3,h4,p,span,b,strong,small,a),.forum-guest-page :where(h1,h2,h3,h4,p,span,b,strong,small,a){overflow-wrap:break-word;word-break:normal}
.forum-btn{box-sizing:border-box;max-width:100%;min-width:0}

/* Tablet stability */
@media (min-width:768px) and (max-width:1199px){
  .forum-topbar-inner{max-width:100%!important;padding-inline:16px!important}
  .forum-navlinks{min-width:0!important;overflow:hidden!important}
  .forum-navlinks a{padding-inline:9px!important}
  .forum-main-layout,.forum-diagnostics-grid,.forum-garage-grid,.forum-profile-layout{min-width:0!important}
  .forum-card{min-width:0!important;max-width:100%!important}
}

/* Phone foundation */
@media (max-width:767px){
  :root{--forum-mobile-gutter:14px}

  .forum-shell,
  .forum-home-page,.forum-topic-page,.forum-activity-page,.forum-my-page,
  .forum-profile-page,.forum-notifications-page,.forum-settings-page,
  .forum-garage-page,.forum-passport-page,.forum-league-page,
  .forum-new-topic-page,.forum-diagnostics-page,.forum-admin-page,
  .forum-legal-page,.forum-guest-page{
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow-x:hidden!important;
  }

  /* All cards/components stay inside the viewport */
  .forum-card,
  .forum-hero,.forum-section-focus,.forum-community-pulse,.forum-radar,
  .forum-activity-hero,.forum-my-hero,.forum-garage-hero,.forum-diagnostic-hero,
  .forum-profile-hero,.forum-league-hero,.forum-new-topic-hero,
  .forum-passport-hero,.forum-legal-hero,.forum-admin-hero,
  .forum-guest-hero,.forum-guest-how,.forum-guest-join,
  .forum-topic-guest-cta,.forum-topic-endnav{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }

  /* Mobile buttons: content-sized by default, full width only inside action groups. */
  .forum-btn{
    min-width:0!important;max-width:100%!important;
    white-space:normal!important;text-align:center!important;
    overflow-wrap:break-word!important;word-break:normal!important;
  }
  .forum-hero-actions,.forum-community-actions,.forum-my-hero-actions,
  .forum-garage-hero-actions,.forum-profile-hero-actions,.forum-admin-hero-actions,
  .forum-new-topic-actions,.forum-diagnostic-result-actions,.forum-search-actions,
  .forum-reply-footer,.forum-topic-guest-actions,.forum-guest-hero-actions{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
  }
  .forum-hero-actions>.forum-btn,.forum-community-actions>.forum-btn,.forum-my-hero-actions>.forum-btn,
  .forum-garage-hero-actions>.forum-btn,.forum-profile-hero-actions>.forum-btn,.forum-admin-hero-actions>.forum-btn,
  .forum-new-topic-actions>.forum-btn,.forum-diagnostic-result-actions>.forum-btn,.forum-search-actions>.forum-btn,
  .forum-reply-footer>.forum-btn,.forum-topic-guest-actions>.forum-btn,.forum-guest-hero-actions>.forum-btn{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
    justify-content:center!important;
  }

  /* Guest landing-page CTA at the bottom — fixes the button shown overflowing in 1476.jpg. */
  .forum-guest-shell{width:100%!important;max-width:100%!important;padding:14px var(--forum-mobile-gutter) 24px!important;box-sizing:border-box!important}
  .forum-guest-join{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;padding:18px!important;overflow:hidden!important;
  }
  .forum-guest-join>div{
    width:100%!important;min-width:0!important;display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;
  }
  .forum-guest-join>div>span{width:46px!important;min-width:46px!important;max-width:46px!important}
  .forum-guest-join>div>div{min-width:0!important;width:100%!important}
  .forum-guest-join h2,.forum-guest-join p{max-width:100%!important;white-space:normal!important}
  .forum-guest-join>.forum-btn{
    display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:12px 14px!important;justify-content:center!important;
    white-space:normal!important;line-height:1.25!important;
  }

  /* Guest CTA inside topic pages */
  .forum-topic-guest-cta{
    display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;padding:15px!important;overflow:hidden!important;
  }
  .forum-topic-guest-icon{width:42px!important;height:42px!important;margin:0!important}
  .forum-topic-guest-copy{min-width:0!important}
  .forum-topic-guest-actions{
    grid-column:1/-1!important;padding:0!important;margin:4px 0 0!important;
  }

  /* Category cards */
  .forum-category-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  .forum-category-info{width:100%!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important}
  .forum-category-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .forum-category-actions .forum-btn,.forum-category-open-link{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}

  /* Tables and toolbar-like rows must scroll internally, never the page. */
  .forum-shell table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .forum-topic-toolbar,.forum-post-actions,.forum-my-tabs,.forum-league-tabs,.forum-chip-row,.forum-filter-row{
    max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch;
  }

  /* Forms */
  .forum-input,.forum-shell input,.forum-shell select,.forum-shell textarea{
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }
  .forum-search-grid,.forum-diagnostic-field-grid,.forum-garage-fields,.forum-language-grid,
  .forum-admin-filter,.forum-new-topic-grid{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  /* Footer is always single-column on phone. */
  .forum-footer-inner,.forum-footer-main,.forum-footer-links{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .forum-footer-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .forum-footer-links{display:flex!important;flex-wrap:wrap!important;gap:14px 18px!important}

  /* Member bottom navigation: exactly 3 x 2, without contributing to page width. */
  .forum-mobile-nav.is-member{
    position:fixed!important;left:10px!important;right:10px!important;inset-inline:10px!important;
    width:auto!important;max-width:none!important;min-width:0!important;transform:none!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(50px,auto)!important;gap:3px!important;
    padding:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;contain:layout paint!important;
  }
  .forum-mobile-nav.is-member>*{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .forum-mobile-nav.is-member .forum-mobile-nav-label{
    width:100%!important;min-width:0!important;max-width:100%!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:12.5px!important;line-height:1.15!important;
  }
  .forum-shell{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}

  /* Guest pages have no bottom navigation and therefore no fake bottom gap. */
  body:not(:has(.forum-mobile-nav.is-member)) .forum-shell,
  body:not(:has(.forum-mobile-nav.is-member)) .forum-guest-page{padding-bottom:24px!important}
}

/* Narrow phones */
@media (max-width:390px){
  :root{--forum-mobile-gutter:11px}
  .forum-topbar-inner{padding-inline:10px!important}
  .forum-brand-title{font-size:13px!important}
  .forum-btn{font-size:12.5px!important}
  .forum-guest-join{padding:15px!important}
  .forum-guest-join>div{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
  .forum-guest-join>div>span{width:42px!important;min-width:42px!important;max-width:42px!important}
}

/* Ultra-narrow phones */
@media (max-width:340px){
  .forum-brand-copy{display:none!important}
  .forum-mobile-nav.is-member .forum-mobile-nav-label{font-size:12.25px!important}
  .forum-footer-links{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
}


/* =========================================================
   CarHelpMate v3.51.1 — guest hero floating label containment
   Keeps OBD / solved / garage chips fully inside mobile hero.
   ========================================================= */
@media (max-width: 767px){
  .forum-guest-visual{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding-inline:12px!important;
  }
  .forum-guest-float{
    transform:none!important;
    min-width:0!important;
    width:132px!important;
    max-width:calc(50% - 16px)!important;
    box-sizing:border-box!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:7px!important;
    padding:9px 10px!important;
  }
  .forum-guest-float>span{
    width:28px!important;
    height:28px!important;
  }
  .forum-guest-float>b{
    min-width:0!important;
    max-width:100%!important;
    font-size:12.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .forum-guest-float>small{
    min-width:0!important;
    max-width:100%!important;
    font-size:12.25px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .forum-guest-float.float-obd{
    left:12px!important;
    right:auto!important;
    top:19%!important;
  }
  .forum-guest-float.float-solved{
    right:12px!important;
    left:auto!important;
    top:34%!important;
  }
  .forum-guest-float.float-garage{
    left:18px!important;
    right:auto!important;
    bottom:10%!important;
  }
}
@media (max-width: 390px){
  .forum-guest-float{
    width:124px!important;
    max-width:calc(50% - 12px)!important;
    padding:8px 9px!important;
    grid-template-columns:26px minmax(0,1fr)!important;
  }
  .forum-guest-float>span{width:26px!important;height:26px!important}
  .forum-guest-float.float-obd{left:8px!important}
  .forum-guest-float.float-solved{right:8px!important}
  .forum-guest-float.float-garage{left:12px!important}
}


/* v3.64.1 achievement readability normalization */
.forum-achievement b{font-size:13px!important;line-height:1.3!important}
.forum-achievement small{font-size:12.25px!important;line-height:1.45!important}
.forum-achievement em{font-size:12px!important;line-height:1.35!important}

/* CarHelpMate v9.0.21 — PWA Web Push settings */
.forum-push-settings{margin-top:22px;border:1px solid #dbe7f5;border-radius:18px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);overflow:hidden}
.forum-push-head{display:flex;align-items:flex-start;gap:13px;padding:18px 18px 15px}
.forum-push-orb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:14px;background:#eaf3ff;color:#2563eb;border:1px solid #d8e8ff}
.forum-push-kicker{display:block;margin-bottom:4px;font-size:10.5px;line-height:1.2;font-weight:800;letter-spacing:.08em;color:#6b84a6}
.forum-push-head h2{margin:0;font-size:17px;line-height:1.25;font-weight:800;color:#20324a}
.forum-push-head p{margin:5px 0 0;font-size:12.75px;line-height:1.55;color:#6b7d94}
.forum-push-body{border-top:1px solid #e6eef7;padding:15px 18px 17px}
.forum-push-status{display:flex;align-items:center;min-height:38px;padding:9px 11px;border-radius:11px;background:#f3f7fb;border:1px solid #e1e9f2;font-size:12.5px;font-weight:650;color:#526780}
.forum-push-status[data-state="enabled"]{background:#effaf3;border-color:#cfeeda;color:#187443}
.forum-push-status[data-state="blocked"],.forum-push-status[data-state="error"]{background:#fff6f3;border-color:#ffd9ce;color:#a9452b}
.forum-push-status[data-state="unsupported"]{background:#f7f7f8;border-color:#e5e7eb;color:#6b7280}
.forum-push-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.forum-push-hint{display:flex;align-items:flex-start;gap:7px;margin-top:12px;font-size:11.5px;line-height:1.5;color:#7d8da2}
.forum-push-hint svg{flex:0 0 auto;margin-top:1px}
@media (max-width:640px){
  .forum-push-settings{margin-top:17px;border-radius:15px}
  .forum-push-head{padding:15px 14px 13px;gap:10px}
  .forum-push-orb{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .forum-push-head h2{font-size:16px}
  .forum-push-head p{font-size:12.5px}
  .forum-push-body{padding:13px 14px 15px}
  .forum-push-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .forum-push-actions .forum-btn{width:100%!important}
}