:root{--vhb-bg:#070707;--vhb-panel:#111317;--vhb-panel2:#171a20;--vhb-border:rgba(255,255,255,.16);--vhb-text:#f7f7f7;--vhb-muted:#a8adb7;--vhb-orange:#ff7a00;--vhb-orange2:#ffb15c;--vhb-red:#ff4d4d;}

/* v0.2.109U: Launchpad Visual Independence
   Preserve the Launchpad visual safety defaults when Vol Hoops runs under
   Twenty Twenty-Five or any other neutral/core WordPress theme. Scoped to the
   plugin-owned standalone document/body so legacy Launchpad can be retired
   without changing the board/home/article visual tone. */
html:has(body.vhb-standalone-theme-neutral){
  margin:0!important;
  background:#050506!important;
  overflow-x:hidden!important;
}

/* v0.2.113IPRt259 — durable public rendering for the Board editor palette.
   These classes are written server-side during save, so WordPress's inline-style
   sanitizer cannot remove a text color or highlight after B/I/U is applied. */
.vhb-post-text .vhb-inline-color-navy{color:#111419!important}
.vhb-post-text .vhb-inline-color-gold{color:#ffd24a!important}
.vhb-post-text .vhb-inline-color-green{color:#34d399!important}
.vhb-post-text .vhb-inline-color-blue{color:#60a5fa!important}
.vhb-post-text .vhb-inline-color-red{color:#f87171!important}
.vhb-post-text .vhb-inline-color-purple{color:#c084fc!important}
.vhb-post-text .vhb-inline-color-black{color:#000!important}
.vhb-post-text .vhb-inline-color-white{color:#f5f0eb!important}
.vhb-post-text .vhb-inline-highlight-navy{background-color:#111419!important}
.vhb-post-text .vhb-inline-highlight-gold{background-color:#ffd24a!important}
.vhb-post-text .vhb-inline-highlight-green{background-color:#34d399!important}
.vhb-post-text .vhb-inline-highlight-blue{background-color:#60a5fa!important}
.vhb-post-text .vhb-inline-highlight-red{background-color:#f87171!important}
.vhb-post-text .vhb-inline-highlight-purple{background-color:#c084fc!important}
.vhb-post-text .vhb-inline-highlight-black{background-color:#000!important}
.vhb-post-text .vhb-inline-highlight-white{background-color:#f5f0eb!important}

/* v0.2.113IPRt218 — Update Avatar nested-card close control. */
.vhb-profile-avatar-drawer[open]{
  position:relative!important;
}
.vhb-profile-avatar-close{
  appearance:none!important;
  position:absolute!important;
  top:9px!important;
  right:11px!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.42)!important;
  color:#f5f6f8!important;
  font:400 24px/1 Inter,system-ui,sans-serif!important;
  cursor:pointer!important;
  transition:border-color .16s ease,color .16s ease,background .16s ease!important;
}
.vhb-profile-avatar-close:hover,
.vhb-profile-avatar-close:focus-visible{
  border-color:rgba(255,130,0,.78)!important;
  background:rgba(255,130,0,.12)!important;
  color:#ffb15c!important;
  outline:none!important;
}
.vhb-profile-avatar-drawer[open] > summary{
  padding-left:48px!important;
  padding-right:48px!important;
}
body.vhb-standalone-theme-neutral{
  margin:0!important;
  padding:0!important;
  min-height:100vh!important;
  background:#050506!important;
  color:#fff!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  overflow-x:hidden!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.vhb-standalone-theme-neutral *,
body.vhb-standalone-theme-neutral *:before,
body.vhb-standalone-theme-neutral *:after{
  box-sizing:border-box;
}
body.vhb-standalone-theme-neutral a{
  color:inherit;
  text-decoration:none;
}
body.vhb-standalone-theme-neutral a:hover,
body.vhb-standalone-theme-neutral a:focus{
  text-decoration:none;
}
body.vhb-standalone-theme-neutral img,
body.vhb-standalone-theme-neutral svg,
body.vhb-standalone-theme-neutral video,
body.vhb-standalone-theme-neutral canvas{
  max-width:100%;
  height:auto;
}
body.vhb-standalone-theme-neutral button,
body.vhb-standalone-theme-neutral input,
body.vhb-standalone-theme-neutral textarea,
body.vhb-standalone-theme-neutral select{
  font:inherit;
}
body.vhb-standalone-theme-neutral .wp-site-blocks,
body.vhb-standalone-theme-neutral .wp-block-group,
body.vhb-standalone-theme-neutral .entry-content,
body.vhb-standalone-theme-neutral main#vhb-app{
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  max-width:none!important;
}
body.vhb-standalone-theme-neutral #vhb-app{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}

.vhb-app,.vhb-app *{box-sizing:border-box}.vhb-app{background:radial-gradient(circle at top left,rgba(255,122,0,.13),transparent 32%),var(--vhb-bg);color:var(--vhb-text);min-height:70vh;padding:28px 18px 64px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vhb-shell{max-width:1220px;margin:0 auto}.vhb-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px;border:1px solid var(--vhb-border);border-radius:24px;background:linear-gradient(135deg,#161920,#090a0d);box-shadow:0 18px 60px rgba(0,0,0,.35);margin-bottom:24px}.vhb-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--vhb-orange2);font-weight:800;font-size:12px;margin:0 0 8px}.vhb-hero h1,.vhb-board-header h1,.vhb-thread-head h1{font-size:clamp(28px,4vw,52px);line-height:1;margin:0 0 12px}.vhb-hero p,.vhb-board-header p{color:var(--vhb-muted);max-width:680px}.vhb-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--vhb-orange),#ff9d2e);color:#1b0c00!important;text-decoration:none!important;font-weight:900;padding:12px 18px;border:0;cursor:pointer;box-shadow:0 10px 26px rgba(255,122,0,.22)}.vhb-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.vhb-main,.vhb-sidebar{min-width:0}.vhb-section-head,.vhb-board-header,.vhb-thread-head{border:1px solid var(--vhb-border);border-radius:20px;background:rgba(17,19,23,.92);padding:22px;margin-bottom:18px}.vhb-section-head{display:flex;align-items:center;justify-content:space-between}.vhb-section-head h2{margin:0;font-size:24px}.vhb-section-head span,.vhb-muted{color:var(--vhb-muted)}.vhb-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vhb-board-card{display:flex;gap:16px;text-decoration:none!important;color:var(--vhb-text)!important;background:linear-gradient(135deg,var(--vhb-panel),var(--vhb-panel2));border:1px solid var(--vhb-border);border-radius:20px;padding:18px;transition:transform .18s ease,border-color .18s ease}.vhb-board-card:hover{transform:translateY(-2px);border-color:rgba(255,122,0,.55)}.vhb-board-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,122,0,.15);font-size:26px;flex:0 0 auto}.vhb-board-card h3{margin:0 0 6px;font-size:20px}.vhb-board-card p{margin:0 0 12px;color:var(--vhb-muted);line-height:1.45}.vhb-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--vhb-muted);font-size:13px}.vhb-topic-list{display:grid;gap:12px}.vhb-topic-row{display:grid;grid-template-columns:54px minmax(0,1fr) 76px 76px;align-items:center;gap:14px;background:var(--vhb-panel);border:1px solid var(--vhb-border);border-radius:18px;padding:14px}.vhb-avatar img,.vhb-author-avatar img{border-radius:50%;border:2px solid rgba(255,122,0,.55)}.vhb-topic-titleline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vhb-topic-titleline a{color:#fff!important;text-decoration:none!important;font-weight:900;font-size:18px}.vhb-topic-titleline a:hover{color:var(--vhb-orange2)!important}.vhb-topic-meta{color:var(--vhb-muted);font-size:13px;margin-top:4px}.vhb-badge,.vhb-rank{display:inline-flex;border-radius:999px;background:rgba(255,122,0,.14);border:1px solid rgba(255,122,0,.35);color:var(--vhb-orange2);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px}.vhb-topic-stats{text-align:center;color:var(--vhb-muted);font-size:12px}.vhb-topic-stats strong{display:block;color:#fff;font-size:20px}.vhb-post-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;background:var(--vhb-panel);border:1px solid var(--vhb-border);border-radius:20px;padding:18px;margin-bottom:16px}.vhb-post-author{text-align:center;border-right:1px solid var(--vhb-border);padding-right:18px}.vhb-post-author strong{display:block;margin:8px 0}.vhb-post-top{display:flex;justify-content:space-between;gap:12px;color:var(--vhb-muted);font-size:13px;margin-bottom:12px}.vhb-post-text{line-height:1.65;color:#f4f4f4}.vhb-post-actions{display:flex;gap:10px;margin-top:18px}.vhb-post-actions button,.vhb-post-actions a{background:rgba(255,255,255,.06);border:1px solid var(--vhb-border);border-radius:999px;color:#fff!important;text-decoration:none!important;padding:7px 12px;cursor:pointer}.vhb-composer,.vhb-login-callout,.vhb-empty,.vhb-notice,.vhb-member-card{background:var(--vhb-panel);border:1px solid var(--vhb-border);border-radius:18px;padding:18px;margin-bottom:16px}.vhb-composer summary{font-weight:900;cursor:pointer;color:var(--vhb-orange2)}.vhb-composer form{display:grid;gap:14px;margin-top:14px}.vhb-composer label{display:grid;gap:8px;font-weight:800}.vhb-composer input,.vhb-composer textarea{width:100%;border:1px solid var(--vhb-border);background:#090b0f;color:#fff;border-radius:14px;padding:13px;font:inherit}.vhb-sidebar{display:grid;gap:16px;align-content:start}.vhb-widget,.vhb-ad-card{background:var(--vhb-panel);border:1px solid var(--vhb-border);border-radius:20px;padding:18px}.vhb-widget h3{margin:0 0 12px}.vhb-mini-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.vhb-mini-list a{color:#fff!important;text-decoration:none!important;font-weight:800}.vhb-mini-list span{display:block;color:var(--vhb-muted);font-size:12px;margin-top:3px}.vhb-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vhb-stat-grid div{text-align:center;background:rgba(255,255,255,.045);border-radius:14px;padding:12px}.vhb-stat-grid strong{display:block;font-size:22px;color:#fff}.vhb-stat-grid span{font-size:12px;color:var(--vhb-muted)}.vhb-ad-card{background:linear-gradient(135deg,rgba(255,122,0,.12),rgba(255,255,255,.04))}.vhb-ad-card span{color:var(--vhb-orange2);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.vhb-ad-card strong{display:block;margin:8px 0}.vhb-back{color:var(--vhb-orange2)!important;text-decoration:none!important;font-weight:900}.vhb-notice{border-color:rgba(255,122,0,.4);color:var(--vhb-orange2)}
@media(max-width:980px){.vhb-layout{grid-template-columns:1fr}.vhb-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.vhb-hero{align-items:flex-start}.vhb-board-grid{grid-template-columns:1fr}}
@media(max-width:680px){.vhb-app{padding:18px 12px 42px}.vhb-hero{display:block;padding:22px}.vhb-hero .vhb-button{margin-top:14px;width:100%}.vhb-sidebar{grid-template-columns:1fr}.vhb-topic-row{grid-template-columns:44px minmax(0,1fr);gap:12px}.vhb-topic-stats{grid-column:2;text-align:left;display:inline-flex;gap:6px;align-items:baseline}.vhb-topic-stats strong{font-size:16px}.vhb-post-card{grid-template-columns:1fr}.vhb-post-author{border-right:0;border-bottom:1px solid var(--vhb-border);padding-right:0;padding-bottom:14px}.vhb-post-top{display:block}.vhb-stat-grid{grid-template-columns:repeat(3,1fr)}.vhb-board-card{padding:15px}.vhb-board-icon{width:44px;height:44px;font-size:22px}.vhb-topic-titleline a{font-size:16px}}

/* v0.1.2 polish: navigation, thread readability, quote cards, prop sidebar */
.vhb-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.vhb-crumb{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--vhb-border);border-radius:999px;background:rgba(255,255,255,.045);color:#fff!important;text-decoration:none!important;font-weight:850;font-size:13px;padding:7px 12px}.vhb-crumb-primary{background:linear-gradient(135deg,rgba(255,122,0,.24),rgba(255,255,255,.055));border-color:rgba(255,122,0,.48);color:var(--vhb-orange2)!important}.vhb-crumb-current{color:var(--vhb-muted)!important;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vhb-crumb-sep{color:rgba(255,255,255,.28);font-weight:900}.vhb-board-header{background:radial-gradient(circle at top right,rgba(255,122,0,.14),transparent 42%),linear-gradient(135deg,#141820,#0c0d11);border-color:rgba(255,122,0,.22)}.vhb-thread-head{padding:18px 20px;background:linear-gradient(135deg,#12151b,#090a0d);border-color:rgba(255,122,0,.18)}.vhb-thread-head h1{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.12;margin-bottom:10px}.vhb-board-header h1{font-size:clamp(30px,3.5vw,44px)}.vhb-section-head,.vhb-topic-row,.vhb-post-card,.vhb-widget,.vhb-score-card,.vhb-ad-card{box-shadow:0 14px 38px rgba(0,0,0,.22)}.vhb-topic-row{background:linear-gradient(135deg,rgba(23,26,32,.98),rgba(13,15,19,.98));border-color:rgba(255,255,255,.09)}.vhb-topic-row:hover{border-color:rgba(255,122,0,.42);transform:translateY(-1px);transition:.16s ease}.vhb-post-card{background:linear-gradient(135deg,#14171d,#0d0f13)}.vhb-post-top span{color:var(--vhb-orange2);font-weight:900}.vhb-quote-preview,.vhb-quote-box{position:relative;background:rgba(255,122,0,.08);border:1px solid rgba(255,122,0,.25);border-left:4px solid var(--vhb-orange);border-radius:14px;padding:12px 14px;margin:0 0 14px}.vhb-quote-preview > span,.vhb-quote-box > span{display:block;color:var(--vhb-orange2);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.vhb-quote-preview p,.vhb-quote-box p{margin:0;color:#d8dbe2;line-height:1.45}.vhb-quote-box button#vhb-clear-quote{position:absolute;right:10px;top:8px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}.vhb-inline-form{display:inline;margin:0}.vhb-post-actions .vhb-inline-form button{background:rgba(255,77,77,.09);border:1px solid rgba(255,77,77,.25);color:#ffd3d3!important;border-radius:999px;padding:7px 12px;cursor:pointer}.vhb-score-card{background:linear-gradient(160deg,#1a1e26,#08090c);border:1px solid rgba(255,122,0,.32);border-radius:22px;padding:18px;overflow:hidden;position:relative}.vhb-score-card:before{content:"";position:absolute;inset:-60px -70px auto auto;width:150px;height:150px;border-radius:50%;background:rgba(255,122,0,.16)}.vhb-score-kicker{position:relative;color:var(--vhb-orange2);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.vhb-score-card h3{position:relative;margin:6px 0 14px;font-size:18px}.vhb-score-row{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:9px 0}.vhb-score-row span{font-weight:950;letter-spacing:.08em}.vhb-score-row strong{font-size:28px;color:#fff}.vhb-score-card p{position:relative;color:var(--vhb-muted);margin:10px 0 14px}.vhb-small-button{display:inline-flex;border-radius:999px;background:rgba(255,122,0,.16);border:1px solid rgba(255,122,0,.36);color:var(--vhb-orange2)!important;text-decoration:none!important;font-weight:900;padding:9px 13px}.vhb-prop-ad strong{font-size:18px}.vhb-prop-ad p{color:#d8dbe2}.vhb-trending-list li{position:relative;padding-left:2px}.vhb-rank{background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(255,255,255,.06));}
@media(max-width:980px){.vhb-thread-head h1{font-size:clamp(21px,3.2vw,28px)!important}.vhb-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.vhb-score-card{grid-column:auto}.vhb-crumb-current{max-width:300px}}
@media(max-width:680px){.vhb-breadcrumbs{gap:6px}.vhb-crumb{font-size:12px;padding:7px 10px;min-height:32px}.vhb-crumb-current{max-width:100%;white-space:normal}.vhb-thread-head{padding:16px}.vhb-thread-head h1{font-size:22px!important}.vhb-score-card{padding:16px}.vhb-post-actions{flex-wrap:wrap}.vhb-inline-form{display:inline-flex}.vhb-quote-preview,.vhb-quote-box{padding:11px 12px}}

/* v0.1.3 community polish: ranks, guidelines, action buttons, mobile author layout, responsive ad slots */
.vhb-guidelines-doc{line-height:1.65;color:#f3f4f7}.vhb-guidelines-doc h2,.vhb-guidelines-doc h3{margin:20px 0 8px;color:#fff}.vhb-guidelines-doc h2:first-child{margin-top:0}.vhb-guidelines-doc h3{font-size:18px;color:var(--vhb-orange2)}.vhb-guidelines-doc ul{margin:8px 0 14px;padding-left:22px}.vhb-guidelines-doc li{margin:5px 0}.vhb-achievement{display:inline-flex;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);color:#e8ecf4;font-weight:800;font-size:10px;letter-spacing:.04em;padding:4px 7px}.vhb-author-row{display:grid;justify-items:center}.vhb-rank{align-self:center;justify-content:center;gap:4px}.vhb-post-top{align-items:center}.vhb-post-top span,.vhb-post-top time{display:inline-flex;align-items:center}.vhb-post-top time:before{content:"•";display:none;margin:0 9px;color:rgba(255,255,255,.28)}.vhb-post-actions{align-items:center}.vhb-post-actions .vhb-action-button,.vhb-post-actions button,.vhb-post-actions a,.vhb-post-actions .vhb-inline-form button{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:34px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important;font-weight:850;font-size:12px;line-height:1;padding:8px 13px;cursor:pointer;box-shadow:none}.vhb-post-actions .vhb-action-button:hover,.vhb-post-actions button:hover,.vhb-post-actions a:hover{border-color:rgba(255,122,0,.48);background:rgba(255,122,0,.14);color:var(--vhb-orange2)!important}.vhb-post-actions .vhb-delete-button{background:rgba(255,77,77,.075)!important;border-color:rgba(255,77,77,.22)!important;color:#ffdada!important}.vhb-post-actions .vhb-delete-button:hover{background:rgba(255,77,77,.13)!important;border-color:rgba(255,77,77,.38)!important}.vhb-inline-ad-slot{margin:18px 0;border:1px dashed rgba(255,122,0,.38);border-radius:20px;background:linear-gradient(135deg,rgba(255,122,0,.10),rgba(255,255,255,.04));padding:18px 20px;text-align:center;box-shadow:0 14px 36px rgba(0,0,0,.18)}.vhb-inline-ad-slot span{display:block;color:var(--vhb-orange2);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:950;margin-bottom:7px}.vhb-inline-ad-slot strong{display:block;color:#fff;font-size:20px;margin-bottom:5px}.vhb-inline-ad-slot p{margin:0 auto;color:#d6dae2;max-width:620px}.vhb-topic-titleline .vhb-badge:first-of-type{background:rgba(255,122,0,.18);border-color:rgba(255,122,0,.5)}
@media(max-width:680px){.vhb-post-card{gap:12px}.vhb-post-author{display:block;text-align:left;border-bottom:1px solid var(--vhb-border);padding-bottom:12px}.vhb-author-row{display:flex;align-items:center;gap:12px;justify-items:start}.vhb-author-avatar img{width:48px;height:48px}.vhb-post-author strong{margin:0;font-size:15px}.vhb-post-author .vhb-rank{margin-top:9px;width:max-content;max-width:100%;font-size:10px}.vhb-achievement{margin-top:7px;margin-right:6px}.vhb-post-top{display:flex;justify-content:flex-start;gap:0;flex-wrap:wrap}.vhb-post-top time:before{display:inline-flex}.vhb-post-actions{gap:8px}.vhb-post-actions .vhb-action-button,.vhb-post-actions button,.vhb-post-actions a,.vhb-post-actions .vhb-inline-form button{min-width:78px;min-height:34px;padding:8px 11px}.vhb-inline-ad-slot{padding:16px 14px}.vhb-inline-ad-slot strong{font-size:17px}.vhb-guidelines-doc h2{font-size:22px}.vhb-guidelines-doc h3{font-size:16px}}


/* v0.1.4 identity/access and mobile UX pass */
.vhb-account-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 16px;min-height:42px}
.vhb-account-welcome{display:flex;align-items:center;gap:9px;color:var(--vhb-muted);font-size:13px;margin-right:auto}
.vhb-account-avatar img{border-radius:50%;border:1px solid rgba(255,122,0,.45)}
.vhb-account-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,122,0,.35);background:rgba(255,122,0,.08);color:var(--vhb-orange2)!important;text-decoration:none!important;font-weight:900;padding:9px 13px;cursor:pointer}
.vhb-account-join{background:linear-gradient(135deg,var(--vhb-orange),#ff9d2e);color:#1b0c00!important;border-color:transparent}
.vhb-join-callout{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vhb-join-callout p{margin:4px 0 0;color:var(--vhb-muted)}
.vhb-auth-modal[hidden]{display:none!important}.vhb-auth-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
.vhb-auth-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.vhb-auth-card{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:26px;border:1px solid rgba(255,122,0,.32);background:linear-gradient(145deg,#15171d,#08090c);box-shadow:0 30px 90px rgba(0,0,0,.65);padding:22px}
.vhb-auth-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:999px;border:1px solid var(--vhb-border);background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.vhb-auth-tabs{display:flex;gap:8px;margin:8px 42px 18px 0}.vhb-auth-tabs button{flex:1;border-radius:999px;border:1px solid var(--vhb-border);background:rgba(255,255,255,.05);color:#fff;font-weight:900;padding:10px;cursor:pointer}.vhb-auth-tabs button.active{background:rgba(255,122,0,.18);border-color:rgba(255,122,0,.45);color:var(--vhb-orange2)}
.vhb-auth-panel{display:none;gap:13px}.vhb-auth-panel.active{display:grid}.vhb-auth-panel label,.vhb-profile-avatar-form label{display:grid;gap:7px;color:#fff;font-weight:800}.vhb-auth-panel input,.vhb-profile-avatar-form input{width:100%;border:1px solid var(--vhb-border);border-radius:14px;background:#090b0f;color:#fff;padding:12px}.vhb-auth-panel input[type=file],.vhb-profile-avatar-form input[type=file]{padding:10px}.vhb-field-note{color:var(--vhb-muted);font-weight:600;font-size:12px}.vhb-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px;color:var(--vhb-muted)!important;font-weight:700!important}.vhb-check input{width:auto!important}.vhb-auth-help{color:var(--vhb-orange2)!important;text-decoration:none!important;font-weight:800}
.vhb-profile-avatar-form{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--vhb-border)}
.vhb-mobile-score-ticker{display:none}
.vhb-topic-titleline{align-items:flex-start}.vhb-topic-badges{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.vhb-post-author .vhb-achievement{display:none!important}
@media(max-width:680px){
  .vhb-account-bar{justify-content:flex-start;flex-wrap:wrap;margin-bottom:12px}
  .vhb-account-welcome{width:100%;margin:0}.vhb-account-link{flex:1;min-width:132px}
  .vhb-mobile-score-ticker{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;margin:-12px 0 14px;padding:9px 12px;border:1px solid rgba(255,122,0,.24);border-radius:0 0 16px 16px;background:rgba(8,9,12,.94);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.28);font-size:12px;font-weight:900}
  .vhb-mobile-score-ticker span{color:#fff}.vhb-mobile-score-ticker a{color:var(--vhb-orange2)!important;text-decoration:none!important}
  .vhb-topic-titleline{display:block}.vhb-topic-titleline a{display:block;margin-bottom:9px}.vhb-topic-badges{display:flex}
  .vhb-post-card{display:block;padding:16px}
  .vhb-post-author{border-right:0!important;border-bottom:1px solid var(--vhb-border);padding:0 0 12px!important;margin-bottom:14px;text-align:left}
  .vhb-author-row{display:flex!important;align-items:center;gap:12px;justify-content:flex-start}.vhb-author-row strong{font-size:17px!important}
  .vhb-post-author .vhb-rank{margin-top:10px;display:inline-flex}
  .vhb-post-top{gap:9px}.vhb-post-top span{color:var(--vhb-orange2);font-weight:950}.vhb-post-top time{color:var(--vhb-muted)}.vhb-post-top time:before{display:inline-flex!important}
  .vhb-sidebar{display:grid!important;grid-template-columns:1fr!important;gap:16px}
  .vhb-score-card,.vhb-widget,.vhb-ad-card{width:100%;grid-column:1/-1!important}
  .vhb-button{min-height:48px;text-align:center;line-height:1.1}
  .vhb-join-callout{display:grid;grid-template-columns:1fr;align-items:start}.vhb-join-callout .vhb-button,.vhb-join-callout .vhb-small-button{width:100%}
}

/* v0.1.5 identity, mobile, avatar, and reply-chain refinement */
.vhb-button,.vhb-account-link,.vhb-small-button,.vhb-action-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;white-space:normal}
.vhb-logout-form{display:inline-flex;margin:0}.vhb-logout-form button{font:inherit}.vhb-default-avatar{display:inline-grid;place-items:center;border-radius:50%;border:2px solid rgba(255,122,0,.55);background:linear-gradient(135deg,#ff7a00,#3a1c08);color:#fff;font-weight:1000;line-height:1;text-transform:uppercase}.vhb-account-avatar .vhb-default-avatar{border-width:1px}.vhb-author-identity{display:grid;gap:6px;justify-items:center}.vhb-author-identity .vhb-rank{width:max-content;max-width:100%}.vhb-quote-preview{position:relative;margin:0 0 14px;border:1px solid rgba(255,122,0,.32);border-left:4px solid var(--vhb-orange);border-radius:16px;background:linear-gradient(135deg,rgba(255,122,0,.16),rgba(255,255,255,.045));overflow:hidden}.vhb-quote-preview-head{padding:10px 13px;background:linear-gradient(90deg,rgba(255,122,0,.22),rgba(255,122,0,.04));color:var(--vhb-orange2);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.vhb-quote-preview p{margin:0;padding:11px 13px;color:#f6efe8;line-height:1.45}.vhb-reply-chain-toggle{margin:0 13px 12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,122,0,.34);border-radius:999px;color:var(--vhb-orange2);font-weight:900;padding:6px 10px;cursor:pointer}.vhb-reply-chain{border-top:1px solid rgba(255,122,0,.18);padding:9px 13px 13px;display:grid;gap:8px}.vhb-chain-item{border-radius:12px;background:rgba(0,0,0,.22);padding:9px 10px}.vhb-chain-item strong{color:#fff}.vhb-chain-item p{padding:4px 0 0;margin:0;color:var(--vhb-muted);font-size:13px}.vhb-guidelines-link{appearance:none;background:none;border:0;color:var(--vhb-orange2);font:inherit;font-weight:900;text-decoration:underline;cursor:pointer;padding:0}.vhb-guidelines-modal{border:1px solid var(--vhb-border);border-radius:16px;background:#101216;padding:0;max-height:50vh;overflow:hidden}.vhb-guidelines-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,122,0,.12);border-bottom:1px solid var(--vhb-border)}.vhb-guidelines-modal-head button{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.vhb-guidelines-modal-body{padding:14px;overflow:auto;max-height:40vh}.vhb-topic-badges{display:inline-flex;gap:7px;align-items:center;flex-wrap:nowrap}.vhb-post-top{align-items:center}.vhb-post-top time:before{content:'•';display:inline-block;margin:0 8px;color:var(--vhb-muted)}
@media(max-width:680px) and (orientation:portrait){.vhb-topic-titleline{display:grid;gap:7px;align-items:start}.vhb-topic-badges{grid-row:2;justify-self:start}.vhb-post-card{display:block;padding:15px}.vhb-post-author{display:block;text-align:left;border-right:0;border-bottom:1px solid var(--vhb-border);padding:0 0 10px;margin:0 0 12px}.vhb-author-row{display:flex;align-items:center;gap:10px}.vhb-author-avatar img,.vhb-author-avatar .vhb-default-avatar{width:44px!important;height:44px!important}.vhb-author-identity{display:flex;align-items:center;gap:8px;justify-items:start;min-width:0;flex-wrap:wrap}.vhb-author-identity strong{margin:0;font-size:15px}.vhb-author-identity .vhb-rank{margin:0;font-size:10px;padding:4px 7px}.vhb-post-author .vhb-achievement{display:block;margin:7px 0 0 54px;width:max-content;max-width:calc(100% - 54px)}.vhb-post-top{gap:0}.vhb-post-actions{flex-wrap:wrap}.vhb-sidebar{grid-template-columns:1fr!important}.vhb-score-card,.vhb-widget,.vhb-ad-card{width:100%}.vhb-mobile-score-ticker{position:sticky;top:0;z-index:50;display:flex!important}.vhb-account-bar{gap:8px}.vhb-account-link{min-height:38px}.vhb-join-callout{display:grid;gap:12px}.vhb-join-callout .vhb-button,.vhb-join-callout .vhb-small-button{width:100%;min-height:42px}}
@media(min-width:681px){.vhb-mobile-score-ticker{display:none!important}}
@media(max-width:680px) and (orientation:landscape){.vhb-mobile-score-ticker{display:none!important}}


/* v0.1.6 polish: registration UX, post separation, avatar handling, and reply chains */
.vhb-auth-error{border:1px solid rgba(255,77,77,.45);background:rgba(255,77,77,.10);color:#ffd0d0;border-radius:14px;padding:11px 13px;margin:-4px 0 14px;font-weight:800;line-height:1.35}
.vhb-success-toast{position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:100000;display:grid;gap:4px;min-width:min(92vw,390px);padding:16px 18px;border-radius:18px;border:1px solid rgba(255,122,0,.48);background:linear-gradient(135deg,#1a1d24,#0b0c10);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 34px rgba(255,122,0,.16);color:#fff;animation:vhb-toast-fade 3.8s ease both}.vhb-success-toast strong{color:var(--vhb-orange2);font-size:16px}.vhb-success-toast span{color:var(--vhb-muted);font-size:13px}@keyframes vhb-toast-fade{0%{opacity:0;transform:translate(-50%,-10px)}10%,72%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-10px);pointer-events:none}}
.vhb-local-avatar{object-fit:cover;aspect-ratio:1/1;border-radius:50%;border:2px solid rgba(255,122,0,.55)}
.vhb-post-card{border-color:rgba(255,255,255,.22)!important;box-shadow:0 18px 46px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055)!important}.vhb-post-card+.vhb-post-card{margin-top:18px}.vhb-post-card:hover{border-color:rgba(255,122,0,.30)!important}
.vhb-topic-badges{margin-bottom:5px}.vhb-topic-titleline{row-gap:9px}.vhb-topic-meta{clear:both}.vhb-action-button,.vhb-post-actions .vhb-inline-form button{font-size:12px!important;padding:5px 10px!important;min-height:30px!important;min-width:auto!important}.vhb-post-actions{gap:7px!important}.vhb-delete-button{color:#ffd5d5!important}
.vhb-reply-chain[hidden]{display:none!important}.vhb-reply-chain-toggle{font-size:12px;padding:5px 9px}.vhb-quote-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.vhb-profile-avatar-form .vhb-field-note,.vhb-auth-panel .vhb-field-note{line-height:1.35}.vhb-member-card .vhb-breadcrumbs{margin-bottom:14px}
@media(max-width:680px) and (orientation:portrait){.vhb-post-card{border-color:rgba(255,255,255,.24)!important}.vhb-post-actions{gap:6px!important}.vhb-action-button,.vhb-post-actions .vhb-inline-form button{font-size:11px!important;padding:5px 8px!important;min-height:30px!important}.vhb-author-identity{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.vhb-author-identity .vhb-rank{margin-left:0!important}.vhb-topic-badges{margin-bottom:6px}}

/* v0.1.7 correction pass: onboarding, reply UX, card separation, and tablet readability */
.vhb-success-toast{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(92vw,340px)!important;
  min-height:230px!important;
  place-content:center!important;
  text-align:center!important;
  padding:28px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#f4f0e8,#d9d3c8)!important;
  color:#1b130d!important;
  border:2px solid rgba(255,122,0,.55)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 0 9999px rgba(0,0,0,.38)!important;
}
.vhb-success-toast strong{display:block;color:#1b130d!important;font-size:22px!important;line-height:1.2!important}.vhb-success-toast span{display:block;color:#4d4034!important;font-size:15px!important;margin-top:8px!important}
@keyframes vhb-toast-fade{0%{opacity:0;transform:translate(-50%,-52%) scale(.96)}10%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-48%) scale(.98);pointer-events:none}}
.vhb-register-feedback{border:1px solid rgba(255,77,77,.45);background:rgba(255,77,77,.12);color:#ffd0d0;border-radius:14px;padding:11px 13px;font-weight:850;line-height:1.35}.vhb-register-feedback-ok{border-color:rgba(80,220,140,.4);background:rgba(80,220,140,.12);color:#d7ffe5}.vhb-inline-validation{display:block;min-height:18px;color:var(--vhb-muted);font-size:13px;font-weight:850}.vhb-inline-validation.vhb-valid{color:#9dffbd}.vhb-inline-validation.vhb-invalid{color:#ffd0d0}.vhb-avatar-field{gap:10px!important}.vhb-avatar-preview{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.045);padding:10px;color:var(--vhb-muted);font-size:13px}.vhb-avatar-preview img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,122,0,.55)}
.vhb-auth-panel input,.vhb-profile-avatar-form input{font-size:16px!important;min-height:46px}.vhb-auth-panel input[type=file],.vhb-profile-avatar-form input[type=file]{font-size:15px!important;min-height:48px}.vhb-join-callout .vhb-button{font-size:16px!important;font-weight:1000!important}.vhb-auth-card{width:min(560px,100%)!important}.vhb-auth-tabs button{font-size:15px!important}.vhb-field-note{font-size:13px!important}.vhb-profile-close{float:right;margin:0 0 12px 12px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,122,0,.38);background:rgba(255,122,0,.12);color:#fff;font-size:26px;font-weight:900;cursor:pointer}.vhb-profile-close:hover{border-color:rgba(255,122,0,.7);color:var(--vhb-orange2)}
.vhb-post-card{border-color:rgba(255,255,255,.32)!important;box-shadow:0 20px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.075)!important}.vhb-post-card:hover{border-color:rgba(255,122,0,.38)!important}.vhb-post-author{border-color:rgba(255,255,255,.26)!important}.vhb-post-card+.vhb-post-card{margin-top:22px!important}.vhb-post-top{justify-content:flex-end!important}.vhb-post-top time{color:var(--vhb-muted)!important;font-weight:800!important}.vhb-post-top time:before{display:none!important}.vhb-action-button,.vhb-post-actions .vhb-inline-form button{font-size:11px!important;padding:4px 9px!important;min-height:28px!important;min-width:auto!important}.vhb-post-actions{gap:6px!important}.vhb-topic-badges{padding-bottom:5px}.vhb-topic-meta{margin-top:7px}.vhb-quote-preview{border-color:rgba(255,122,0,.42)!important;background:linear-gradient(135deg,rgba(255,122,0,.20),rgba(255,255,255,.06))!important}.vhb-quote-preview-head{font-size:12px!important;color:#ffd19a!important}.vhb-reply-chain[hidden]{display:none!important}.vhb-chain-item{border:1px solid rgba(255,255,255,.12)}
@media(min-width:681px) and (max-width:1100px){.vhb-auth-card{width:min(620px,92vw)!important;padding:28px!important}.vhb-auth-panel{gap:16px!important}.vhb-auth-panel label{font-size:16px!important}.vhb-auth-panel input{font-size:17px!important;min-height:52px!important;padding:14px!important}.vhb-auth-panel input[type=file]{font-size:16px!important;min-height:52px!important}.vhb-avatar-preview img{width:88px;height:88px}.vhb-avatar-preview{font-size:15px;padding:12px}.vhb-button{font-size:16px}.vhb-join-callout .vhb-button{font-size:17px!important}}
@media(max-width:680px) and (orientation:portrait){.vhb-success-toast{width:min(90vw,320px)!important;min-height:220px!important}.vhb-post-card{border-color:rgba(255,255,255,.34)!important}.vhb-post-top{justify-content:flex-start!important}.vhb-auth-panel input{font-size:16px!important}.vhb-avatar-preview img{width:68px;height:68px}.vhb-action-button,.vhb-post-actions .vhb-inline-form button{font-size:11px!important;padding:4px 8px!important;min-height:28px!important}}

/* v0.1.8 correction pass: registration repair, reply-chain transcript, safer deletion requests, profile modal polish */
.vhb-success-toast{
  width:min(92vw,360px)!important;
  min-height:250px!important;
  background:linear-gradient(145deg,#f8f5ed,#d8d0c4)!important;
  border-color:rgba(255,122,0,.7)!important;
}
.vhb-auth-form-actions,.vhb-composer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vhb-auth-form-actions .vhb-button{flex:1 1 190px}.vhb-auth-form-actions .vhb-small-button{flex:0 0 auto;min-height:44px}.vhb-register-feedback{margin:0 0 10px}.vhb-inline-validation{padding-top:4px}.vhb-inline-validation.vhb-valid{color:#9dffbd!important}.vhb-inline-validation.vhb-invalid{color:#ffd0d0!important}.vhb-auth-panel label{gap:7px}.vhb-auth-panel input{font-weight:500!important}.vhb-avatar-preview{min-height:92px}.vhb-avatar-preview img{width:82px!important;height:82px!important}.vhb-guidelines-link,.vhb-auth-panel .vhb-button,.vhb-auth-tabs button,.vhb-account-link,.vhb-small-button,.vhb-action-button{font-weight:750!important}.vhb-button{font-weight:800!important}.vhb-post-content{min-width:0}.vhb-quote-preview-head{font-weight:850!important;letter-spacing:.02em}.vhb-reply-chain{background:rgba(0,0,0,.18);border-radius:0 0 14px 14px}.vhb-chain-item{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.045)!important}.vhb-chain-item strong{display:block;color:#ffd19a!important;font-size:12px;letter-spacing:.02em;text-transform:none}.vhb-chain-item p{font-size:13px;line-height:1.45}.vhb-delete-button{color:#ffd7d7!important;border-color:rgba(255,100,100,.32)!important;background:rgba(255,70,70,.07)!important}.vhb-delete-button:hover{border-color:rgba(255,100,100,.55)!important;background:rgba(255,70,70,.13)!important}.vhb-post-top time{font-weight:650!important}.vhb-post-card{border-color:rgba(255,255,255,.34)!important}.vhb-post-card:hover{border-color:rgba(255,122,0,.42)!important}.vhb-profile-close{position:relative;z-index:5}.vhb-member-card{position:relative}.vhb-topic-badges{padding-bottom:7px}.vhb-topic-meta{margin-top:8px}.vhb-composer-actions .vhb-small-button{align-self:center}.vhb-composer[open] summary{margin-bottom:12px}
@media(max-width:680px){.vhb-auth-modal{align-items:flex-start!important}.vhb-auth-card{margin-top:max(34px,calc(env(safe-area-inset-top) + 28px))!important;max-height:calc(100vh - 52px)!important;overflow:auto}.vhb-auth-close{top:10px!important;right:10px!important}.vhb-auth-panel input,.vhb-auth-panel input[type=file]{font-size:16px!important}.vhb-success-toast{min-height:235px!important}.vhb-auth-form-actions{display:grid;grid-template-columns:1fr}.vhb-auth-form-actions .vhb-small-button{width:100%}}
@media(min-width:681px) and (max-width:1100px){.vhb-auth-form-actions .vhb-small-button{min-height:48px}.vhb-avatar-preview img{width:96px!important;height:96px!important}.vhb-avatar-preview{min-height:108px}.vhb-auth-panel label{gap:8px}}


/* v0.1.9 hotfix: registration scrolling, reply-chain transcript, deletion request modal */
.vhb-auth-panel .vhb-field-note br{display:block;margin-bottom:4px;content:""}
.vhb-quote-preview.vhb-chain-expanded .vhb-quote-current{display:none}
.vhb-quote-preview .vhb-reply-chain-toggle{display:inline-flex;margin-top:10px;align-items:center;justify-content:center}
.vhb-reply-chain{margin-top:8px;padding:10px;border:1px solid rgba(255,122,0,.18);background:rgba(0,0,0,.20)}
.vhb-chain-item + .vhb-chain-item{margin-top:8px}
.vhb-delete-request-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58)}
.vhb-delete-request-card{position:relative;width:min(92vw,420px);border:1px solid rgba(255,122,0,.38);border-radius:22px;background:linear-gradient(145deg,#171a20,#0b0d12);box-shadow:0 28px 90px rgba(0,0,0,.7);color:#fff;padding:22px;display:grid;gap:12px}
.vhb-delete-request-card h3{margin:0;color:#ffb15d;font-size:22px}.vhb-delete-request-card p{margin:0;color:var(--vhb-muted);line-height:1.45}.vhb-delete-request-card label{display:flex;gap:9px;align-items:center;color:#f4f4f4}.vhb-delete-request-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.vhb-delete-request-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
@media(max-width:680px){.vhb-auth-card{max-height:calc(100dvh - 44px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:84px!important}.vhb-auth-panel{padding-bottom:28px!important}.vhb-delete-request-card{align-self:center}.vhb-auth-form-actions{padding-bottom:12px}}

/* v0.1.11 auth polish: password visibility controls */
.vhb-password-wrap{position:relative;display:block;width:100%}
.vhb-password-wrap input{width:100%;padding-right:48px!important}
.vhb-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}
.vhb-password-toggle:hover{border-color:rgba(255,122,0,.65);background:rgba(255,122,0,.13)}
.vhb-password-toggle[aria-pressed="true"]{color:var(--vhb-orange2);border-color:rgba(255,122,0,.75)}

/* v0.1.12 hotfix: generic reusable default avatar. */
.vhb-generic-avatar{font-size:calc(var(--vhb-avatar-size, 1em));overflow:hidden}
.vhb-generic-avatar span{font-size:.52em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}

/* v0.1.14 mobile avatar preview/processing hotfix */
.vhb-avatar-preview-error{border-color:rgba(255,95,95,.58)!important;background:rgba(255,60,60,.12)!important;color:#ffd0d0!important;font-weight:800}
.vhb-profile-avatar-preview{margin-top:10px}
@media(max-width:680px){
  .vhb-avatar-field .vhb-avatar-preview,
  .vhb-profile-avatar-form .vhb-avatar-preview{display:flex!important;width:100%;box-sizing:border-box;min-height:96px;margin-top:10px;align-items:center;gap:12px;white-space:normal}
  .vhb-avatar-field .vhb-avatar-preview img,
  .vhb-profile-avatar-form .vhb-avatar-preview img{width:76px!important;height:76px!important;flex:0 0 76px;display:block;background:#111318}
  .vhb-avatar-field .vhb-avatar-preview span,
  .vhb-profile-avatar-form .vhb-avatar-preview span{display:block;min-width:0;line-height:1.35}
}

/* v0.1.15 UX cleanup: smaller themed success popup for completed moderation requests. */
.vhb-action-success-toast{
  width:min(88vw,330px)!important;
  min-height:0!important;
  padding:20px 22px!important;
  text-align:center!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#171a20,#0b0d12)!important;
  color:#fff!important;
  border:1px solid rgba(255,122,0,.55)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
}
.vhb-action-success-toast strong{display:block!important;color:#ffb15d!important;font-size:22px!important;line-height:1.15!important;margin-bottom:8px!important}
.vhb-action-success-toast span{display:block!important;color:var(--vhb-muted)!important;font-size:14px!important;line-height:1.45!important}
@media(max-width:680px){.vhb-action-success-toast{width:min(90vw,310px)!important;padding:18px!important}.vhb-action-success-toast strong{font-size:20px!important}}

/* v0.1.17 Home Page v2 Phase 1: Mockup Era layout shell, header, rails, and widget placeholders */
:root{--vhb-orange:#ff8200;--vhb-orange2:#ffb45f;--vhb-mock-bg:#050608;--vhb-mock-panel:#101216;--vhb-mock-panel2:#171a20;--vhb-mock-border:rgba(255,255,255,.12);--vhb-mock-muted:#9da3af}
.vhb-app{background:radial-gradient(circle at 18% 0,rgba(255,130,0,.16),transparent 27%),radial-gradient(circle at 88% 14%,rgba(255,255,255,.055),transparent 26%),#050608!important;font-family:"Arial Narrow","Roboto Condensed","Barlow Condensed","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.005em}
.vhb-shell{max-width:1440px!important;margin:0 auto!important}
.vhb-site-header{display:flex;align-items:center;gap:22px;margin:0 0 16px;padding:13px 16px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(135deg,rgba(19,22,28,.98),rgba(8,9,12,.98));box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055)}
.vhb-wordmark{display:inline-flex;align-items:baseline;text-decoration:none!important;font-style:italic;font-weight:1000;line-height:.9;letter-spacing:-.065em;text-transform:lowercase;white-space:nowrap;font-size:clamp(31px,3vw,50px);text-shadow:0 4px 14px rgba(0,0,0,.38)}
.vhb-wordmark span{color:#ff8200}.vhb-wordmark strong{color:#fff;font-weight:1000}
.vhb-site-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:8px}.vhb-site-nav a,.vhb-search-pill{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dfe3ea!important;text-decoration:none!important;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:8px 12px}.vhb-site-nav a.is-active{border-color:rgba(255,130,0,.48);background:rgba(255,130,0,.13);color:#ffb45f!important}.vhb-site-nav a[aria-disabled="true"]{opacity:.75;cursor:default}.vhb-header-actions{margin-left:auto}.vhb-search-pill{color:#aeb4bf!important}
.vhb-account-bar{padding:0 2px;margin-bottom:18px!important}.vhb-account-link{border-color:rgba(255,130,0,.42)!important}.vhb-account-join,.vhb-button{background:linear-gradient(135deg,#ff8200,#ffad3d)!important;color:#1c0d00!important}
.vhb-home-v2-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr) 275px!important;gap:18px!important;align-items:start!important}.vhb-left-rail,.vhb-right-rail{display:grid;gap:14px;align-content:start;min-width:0}.vhb-left-card,.vhb-widget,.vhb-ad-card,.vhb-section-head,.vhb-board-header,.vhb-thread-head,.vhb-topic-row,.vhb-post-card,.vhb-composer,.vhb-login-callout,.vhb-empty,.vhb-member-card{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(20,23,29,.98),rgba(9,10,14,.98))!important;box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)!important}
.vhb-left-card,.vhb-widget,.vhb-ad-card{border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:15px;background:linear-gradient(145deg,rgba(18,21,27,.98),rgba(8,9,12,.98));box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.vhb-rail-title,.vhb-widget h3,.vhb-score-card h3{margin:0 0 11px;color:#fff;font-size:13px!important;line-height:1.1;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.vhb-rail-title{color:#ffb45f}.vhb-left-nav{display:grid;gap:7px}.vhb-rail-link{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:40px;border-radius:12px;color:#e9edf4!important;text-decoration:none!important;padding:8px 9px;border:1px solid transparent;background:rgba(255,255,255,.028);font-size:13px;font-weight:950;line-height:1.15}.vhb-rail-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.055)}.vhb-rail-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vhb-rail-link:hover,.vhb-rail-link.active{border-color:rgba(255,130,0,.52);background:rgba(255,130,0,.13);color:#fff!important}.vhb-rail-link.active span{background:#ff8200;color:#160a00}
.vhb-online-strip{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:4px 0 10px}.vhb-online-strip img,.vhb-online-strip .vhb-default-avatar{width:34px!important;height:34px!important;border:2px solid rgba(255,130,0,.55);box-shadow:0 0 0 2px rgba(0,0,0,.32)}.vhb-online-card p,.vhb-widget-placeholder p,.vhb-ad-card p{margin:0;color:var(--vhb-mock-muted);font-size:13px;line-height:1.45}.vhb-widget-kicker,.vhb-ad-card span{display:inline-flex;width:max-content;max-width:100%;margin:0 0 8px;padding:4px 7px;border-radius:999px;background:rgba(255,130,0,.12);border:1px solid rgba(255,130,0,.28);color:#ffb45f!important;font-size:10px!important;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:1000}.vhb-widget-placeholder{border-style:dashed!important}.vhb-widget-placeholder h3{margin-bottom:8px!important}.vhb-ad-placeholder{text-align:center;min-height:150px;display:grid;place-items:center;align-content:center}.vhb-ad-placeholder strong{font-size:20px;color:#fff}.vhb-sidebar{grid-template-columns:1fr!important}.vhb-score-card{padding:16px!important}.vhb-score-card:before{opacity:.6}.vhb-score-row{min-height:32px}.vhb-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vhb-stat-grid div{padding:10px 7px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)}.vhb-stat-grid strong{font-size:20px!important}.vhb-stat-grid span{font-size:10px!important;text-transform:uppercase;letter-spacing:.07em}
.vhb-hero{border-radius:22px!important;background:radial-gradient(circle at right top,rgba(255,130,0,.22),transparent 45%),linear-gradient(135deg,#171b23,#08090d)!important}.vhb-eyebrow{color:#ffb45f!important}.vhb-hero h1,.vhb-board-header h1,.vhb-thread-head h1,.vhb-section-head h2{font-weight:1000!important;letter-spacing:-.035em;text-transform:none}.vhb-section-head h2{font-size:26px!important}.vhb-topic-titleline a{font-weight:1000!important;letter-spacing:-.02em}.vhb-topic-row{border-radius:16px!important}.vhb-board-card{border-radius:17px!important;background:linear-gradient(145deg,rgba(21,24,31,.98),rgba(10,11,15,.98))!important}.vhb-board-icon{background:rgba(255,130,0,.14)!important;color:#ffb45f}.vhb-small-button{border-color:rgba(255,130,0,.38)!important;color:#ffb45f!important}
.vhb-action-success-toast{background:linear-gradient(145deg,#f8f5ed,#d8d0c4)!important;color:#1b130d!important;border-color:rgba(255,130,0,.7)!important;text-align:center!important}.vhb-action-success-toast strong{color:#1b130d!important}.vhb-action-success-toast span{color:#4d4034!important}
@media(min-width:681px) and (max-width:1150px){.vhb-shell{max-width:980px!important}.vhb-home-v2-layout{grid-template-columns:230px minmax(0,1fr)!important}.vhb-right-rail{display:none!important}.vhb-site-header{flex-wrap:wrap}.vhb-header-actions{margin-left:0}.vhb-site-nav{margin-left:auto}.vhb-board-grid{grid-template-columns:1fr!important}}
@media(max-width:680px){.vhb-app{padding:14px 10px 38px!important}.vhb-site-header{display:grid;gap:11px;justify-items:start;border-radius:18px;padding:13px}.vhb-wordmark{font-size:36px}.vhb-site-nav{margin:0;width:100%;display:grid;grid-template-columns:1fr 1fr}.vhb-site-nav a{justify-content:center}.vhb-header-actions{display:none}.vhb-home-v2-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.vhb-left-rail{order:1}.vhb-main{order:2}.vhb-right-rail{order:3;display:grid!important}.vhb-left-nav{grid-template-columns:1fr 1fr}.vhb-rail-title{grid-column:1/-1}.vhb-rail-link{min-height:38px}.vhb-rail-link strong{white-space:normal}.vhb-widget-placeholder,.vhb-ad-placeholder{min-height:auto}.vhb-board-grid{grid-template-columns:1fr!important}.vhb-topic-row{grid-template-columns:44px minmax(0,1fr)!important}.vhb-topic-stats{grid-column:2!important}.vhb-stat-grid strong{font-size:18px!important}}

/* v0.1.18 Home Page v2 Phase 2 baseline: mockup-style topic table and placeholder avatars */
.vhb-hero{display:none!important}
.vhb-site-header{min-height:76px!important;padding:18px 22px!important;border-radius:26px!important}
.vhb-wordmark{font-family:"Arial Black","Impact","Roboto Condensed","Arial Narrow",system-ui,sans-serif!important;font-weight:1000!important;font-size:clamp(48px,4.45vw,74px)!important;letter-spacing:-.105em!important;transform:skew(-8deg);line-height:.78!important;text-shadow:0 5px 18px rgba(0,0,0,.55)!important}
.vhb-wordmark span,.vhb-wordmark strong{font-weight:1000!important;display:inline-block!important}.vhb-wordmark span{color:#ff8200!important}.vhb-wordmark strong{color:#fff!important}.vhb-wordmark:hover{filter:brightness(1.08)}
.vhb-site-nav a,.vhb-search-pill{font-size:14px!important;min-height:42px!important;padding:10px 17px!important;border-radius:999px!important}.vhb-topic-board-panel{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:linear-gradient(180deg,rgba(17,19,24,.96),rgba(8,9,12,.98));box-shadow:0 18px 54px rgba(0,0,0,.34);overflow:hidden}.vhb-board-view-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 12px}.vhb-board-view-head h1{margin:0;color:#fff;font-size:28px;font-weight:1000;letter-spacing:-.03em}.vhb-topic-form-wrap{padding:0 18px 12px}.vhb-topic-form-wrap .vhb-composer{margin-top:0}
.vhb-topic-tabs{display:flex;align-items:center;gap:28px;padding:18px 16px 0;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.018);overflow-x:auto;scrollbar-width:none}.vhb-topic-tabs::-webkit-scrollbar{display:none}.vhb-topic-tab{position:relative;display:inline-flex;align-items:center;min-height:48px;color:#a9afbb!important;text-decoration:none!important;text-transform:uppercase;font-weight:1000;font-size:13px;letter-spacing:.04em;white-space:nowrap}.vhb-topic-tab.active{color:#ffb15d!important}.vhb-topic-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#ff8200;border-radius:999px;box-shadow:0 0 16px rgba(255,130,0,.5)}
.vhb-topic-table-head{display:grid;grid-template-columns:minmax(0,1fr) 94px 94px 170px;gap:12px;align-items:center;padding:13px 18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-bottom:1px solid rgba(255,255,255,.12);color:#cdd2db;text-transform:uppercase;font-size:12px;font-weight:1000;letter-spacing:.055em}.vhb-mock-topic-list{display:grid}.vhb-mock-topic-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 94px 94px 170px!important;gap:12px!important;align-items:center!important;padding:16px 18px!important;border-radius:0!important;border-width:0 0 1px 0!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(11,12,16,.68),rgba(8,9,12,.72))!important;box-shadow:none!important;min-height:78px}.vhb-mock-topic-row:hover{background:linear-gradient(180deg,rgba(255,130,0,.075),rgba(12,13,18,.86))!important}.vhb-topic-status{display:grid;place-items:center;color:#b8bdc7;font-size:20px}.vhb-mock-topic-row.is-pinned .vhb-topic-status{color:#fff}.vhb-mock-topic-row:not(.is-pinned) .vhb-topic-status{font-size:18px;color:#7a818e}.vhb-mock-topic-row:not(.is-pinned) .vhb-topic-status:has(+ .vhb-topic-body a[href*="game-thread"]){color:#4894e8}
.vhb-topic-body{min-width:0}.vhb-topic-titleline{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;line-height:1.15!important}.vhb-topic-titleline a{font-size:16px!important;color:#f7f7f5!important;text-decoration:none!important;font-weight:1000!important;letter-spacing:-.015em!important}.vhb-topic-titleline a:hover{color:#ffb15d!important}.vhb-pin-badge,.vhb-badge{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:3px 8px!important;border-radius:5px!important;background:linear-gradient(180deg,#ff9b24,#a95900)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.05em!important;font-weight:1000!important;box-shadow:0 2px 8px rgba(0,0,0,.35)}.vhb-lock-badge{background:linear-gradient(180deg,#707784,#343942)!important}.vhb-topic-meta{display:flex!important;align-items:center!important;gap:7px!important;margin-top:6px!important;color:#aeb4bf!important;font-size:13px!important;line-height:1.2!important;flex-wrap:wrap}.vhb-mini-author{display:inline-flex;align-items:center;gap:5px;color:#fff}.vhb-mini-author strong{color:#ffb15d;font-weight:1000}.vhb-mini-author img,.vhb-mini-author .vhb-default-avatar{width:20px!important;height:20px!important;border-radius:6px!important}.vhb-meta-dot{opacity:.6}.vhb-topic-count{text-align:center;color:#e7eaf0}.vhb-topic-count strong{display:block;font-size:15px;font-weight:950}.vhb-topic-count span{display:none}.vhb-last-activity{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.vhb-last-avatar img,.vhb-last-avatar .vhb-default-avatar,.vhb-placeholder-avatar{border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 2px rgba(0,0,0,.45)}.vhb-last-activity strong{display:block;color:#f7f7f5;font-size:13px;font-weight:1000;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhb-last-activity em{display:block;color:#58d168;font-style:normal;font-size:12px;font-weight:900;line-height:1.2}.vhb-load-more-topics{text-align:center;padding:12px;background:rgba(255,255,255,.018)}.vhb-load-more-topics a{color:#cfd4dc!important;text-transform:uppercase;font-size:11px;font-weight:1000;letter-spacing:.09em;text-decoration:none!important}.vhb-left-card,.vhb-widget,.vhb-ad-card{border-radius:6px!important}.vhb-left-nav{padding:0!important;overflow:hidden}.vhb-left-nav .vhb-rail-title{padding:14px 14px 8px;margin:0}.vhb-rail-link{border-radius:0!important;padding:11px 13px!important;background:transparent!important;border-left:3px solid transparent!important}.vhb-rail-link.active,.vhb-rail-link:hover{border-left-color:#ff8200!important;background:linear-gradient(90deg,rgba(255,130,0,.28),rgba(255,130,0,.03))!important}.vhb-online-now{display:flex;align-items:center;gap:7px!important;margin-bottom:10px!important;color:#dfe3ea!important;font-weight:900!important}.vhb-online-now span{width:8px;height:8px;border-radius:50%;background:#55d66b;box-shadow:0 0 10px rgba(85,214,107,.75)}.vhb-online-more{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);font-size:11px;font-weight:1000;color:#fff}.vhb-sponsor-card{min-height:178px;background:radial-gradient(circle at 78% 70%,rgba(255,130,0,.45),transparent 28%),linear-gradient(145deg,rgba(25,27,31,.96),rgba(4,5,8,.98))!important;display:grid;align-content:center;gap:8px}.vhb-sponsor-card strong{font-size:22px!important;line-height:1.03;text-transform:uppercase;color:#fff}.vhb-sponsor-card strong:first-line{font-size:12px;color:#fff}.vhb-sponsor-card a,.vhb-widget-button{display:flex;justify-content:center;align-items:center;min-height:34px;border-radius:6px;border:1px solid rgba(255,130,0,.6);color:#ffb15d!important;text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:1000;margin-top:8px}.vhb-score-kicker{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-weight:1000;color:#ffb15d}.vhb-score-kicker b{background:#c22f25;color:#fff;border-radius:4px;padding:3px 6px;font-size:10px}.vhb-contrib-row{display:grid;grid-template-columns:18px 30px minmax(0,1fr) auto;align-items:center;gap:8px;margin:9px 0;color:#d8dde6}.vhb-contrib-row>span{font-size:12px;color:#aeb4bf}.vhb-contrib-row strong{color:#ffb15d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhb-contrib-row em{font-style:normal;color:#b8bec8;font-size:11px}.vhb-activity-preview{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;margin:9px 0}.vhb-activity-preview p{font-size:12px!important}.vhb-activity-preview strong{color:#fff}.vhb-widget-board-stats{order:4}.vhb-score-card{order:2}.vhb-top-contributors{order:3}.vhb-sponsor-card{order:1}
@media(min-width:681px) and (max-width:1150px){.vhb-wordmark{font-size:clamp(46px,6vw,68px)!important}.vhb-site-header{min-height:82px!important}.vhb-topic-table-head{grid-template-columns:minmax(0,1fr) 78px 78px}.vhb-topic-table-head span:nth-child(4){display:none}.vhb-mock-topic-row{grid-template-columns:38px minmax(0,1fr) 78px 78px!important}.vhb-last-activity{display:none!important}.vhb-topic-tabs{gap:20px}}
@media(max-width:680px){.vhb-site-header{min-height:0!important}.vhb-wordmark{font-size:48px!important}.vhb-topic-board-panel{border-radius:14px}.vhb-topic-tabs{gap:18px;padding:10px 12px 0}.vhb-topic-tab{font-size:11px;min-height:40px}.vhb-topic-table-head{display:none}.vhb-mock-topic-row{grid-template-columns:34px minmax(0,1fr)!important;padding:14px 12px!important;gap:9px!important;min-height:0}.vhb-topic-count{display:flex;gap:5px;align-items:center;text-align:left;grid-column:2}.vhb-topic-count strong{font-size:13px}.vhb-topic-count span{display:inline;color:#8e96a3;font-size:11px;text-transform:uppercase;font-weight:900}.vhb-last-activity{grid-column:2;grid-template-columns:30px minmax(0,1fr);margin-top:4px}.vhb-last-avatar img,.vhb-last-avatar .vhb-default-avatar{width:28px!important;height:28px!important}.vhb-topic-titleline a{font-size:15px!important}.vhb-topic-meta{font-size:12px!important}.vhb-board-view-head{padding:14px 12px}.vhb-board-view-head h1{font-size:22px}.vhb-topic-form-wrap{padding:0 12px 10px}.vhb-left-nav{grid-template-columns:1fr!important}.vhb-contrib-row{grid-template-columns:18px 30px minmax(0,1fr);}.vhb-contrib-row em{grid-column:3}}
.vhb-new-topic-button{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:7px;background:linear-gradient(135deg,#ff8200,#ffad3d);color:#1b0b00!important;text-decoration:none!important;text-transform:uppercase;font-size:13px;font-weight:1000;letter-spacing:.07em;box-shadow:0 14px 30px rgba(255,130,0,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.vhb-mock-board-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 10px}.vhb-mock-board-title h1{margin:0;color:#fff;font-size:27px;line-height:1;font-weight:1000;letter-spacing:-.035em;text-transform:uppercase}.vhb-mock-board-title div{display:flex;gap:10px;flex-wrap:wrap}.vhb-mock-board-title a{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#e7ebf2!important;text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:1000;letter-spacing:.08em;padding:7px 12px;background:rgba(255,255,255,.035)}.vhb-mock-board-title a:hover{border-color:rgba(255,130,0,.5);color:#ffb15d!important}
@media(max-width:680px){.vhb-mock-board-title{display:grid;padding:14px 12px 8px}.vhb-mock-board-title h1{font-size:22px}.vhb-mock-board-title div{display:none}.vhb-new-topic-button{min-height:42px}}

/* v0.1.19 Mockup Era Responsive Header + Layout Intelligence Pass */
.vhb-shell{max-width:1360px!important}
.vhb-site-header{display:grid!important;grid-template-columns:minmax(210px,300px) minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:72px!important;padding:13px 18px!important;border-radius:18px!important;overflow:hidden!important}
.vhb-logo-link,.vhb-wordmark{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;max-width:300px!important;flex:0 0 auto!important;transform:none!important;letter-spacing:0!important;text-shadow:none!important;line-height:1!important;white-space:nowrap!important}
.vhb-logo-link img,.vhb-wordmark img{display:block!important;width:100%!important;max-width:300px!important;min-width:190px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 5px 14px rgba(0,0,0,.42))}
.vhb-site-nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;min-width:0!important;margin:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.vhb-site-nav::-webkit-scrollbar{display:none!important}
.vhb-site-nav a,.vhb-search-pill{display:inline-flex!important;align-items:center!important;min-height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;color:#dce1ea!important;text-transform:uppercase!important;letter-spacing:.075em!important;font-size:12px!important;font-weight:780!important;white-space:nowrap!important;line-height:1.1!important}.vhb-site-nav a.is-active,.vhb-site-nav a:hover,.vhb-site-nav a:focus-visible{background:transparent!important;color:#ff8200!important;outline:none!important}.vhb-site-nav a.is-active{position:relative!important}.vhb-site-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:#ff8200;box-shadow:0 0 12px rgba(255,130,0,.45)}
.vhb-header-actions{justify-self:end!important;margin-left:0!important;white-space:nowrap!important}.vhb-search-pill{color:#aeb5c0!important;font-size:11px!important}
.vhb-account-bar{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-bottom:14px!important}.vhb-account-welcome{display:flex!important;align-items:center!important;gap:8px!important;min-height:34px!important}.vhb-account-avatar img,.vhb-account-avatar .vhb-default-avatar{width:26px!important;height:26px!important}.vhb-account-welcome span:last-child{font-size:13px!important;color:#dfe3ea!important}.vhb-account-link{min-height:32px!important;padding:6px 10px!important;font-size:11px!important;border-radius:6px!important}
.vhb-home-v2-layout{grid-template-columns:218px minmax(0,1fr) 238px!important;gap:14px!important}.vhb-left-card,.vhb-widget,.vhb-ad-card{padding:13px!important}.vhb-rail-link{grid-template-columns:24px minmax(0,1fr)!important;min-height:36px!important;padding:9px 11px!important;font-size:12px!important}.vhb-rail-link span{width:24px!important;height:24px!important}.vhb-sponsor-card{min-height:148px!important}.vhb-sponsor-card strong{font-size:19px!important}.vhb-widget h3,.vhb-rail-title,.vhb-score-card h3{font-size:12px!important}.vhb-contrib-row{gap:7px!important;grid-template-columns:16px 28px minmax(0,1fr)!important}.vhb-contrib-row em{grid-column:3!important}.vhb-topic-table-head{grid-template-columns:minmax(0,1fr) 76px 76px 142px!important;padding:11px 14px!important}.vhb-mock-topic-row{grid-template-columns:34px minmax(0,1fr) 76px 76px 142px!important;gap:10px!important;min-height:68px!important;padding:12px 14px!important}.vhb-topic-titleline a{font-size:15px!important}.vhb-topic-meta{font-size:12px!important;margin-top:5px!important}.vhb-last-activity{grid-template-columns:32px minmax(0,1fr)!important}.vhb-last-avatar img,.vhb-last-avatar .vhb-default-avatar{width:30px!important;height:30px!important}.vhb-last-activity strong{font-size:12px!important}.vhb-last-activity em{font-size:11px!important}.vhb-topic-count strong{font-size:14px!important}.vhb-thread-head{padding:18px!important}.vhb-thread-head h1{font-size:clamp(25px,3vw,42px)!important}.vhb-post-card{grid-template-columns:128px minmax(0,1fr)!important;padding:16px!important}.vhb-post-author{padding-right:14px!important}.vhb-author-avatar img,.vhb-author-avatar .vhb-default-avatar{width:62px!important;height:62px!important}

@media(min-width:1161px){.vhb-left-rail,.vhb-right-rail{position:sticky!important;top:16px!important}.vhb-home-v2-layout{align-items:start!important}}

@media(min-width:901px) and (max-width:1150px){.vhb-shell{max-width:1100px!important}.vhb-site-header{grid-template-columns:250px minmax(0,1fr) auto!important;gap:14px!important}.vhb-logo-link img,.vhb-wordmark img{max-width:250px!important;min-width:210px!important}.vhb-site-nav{gap:14px!important}.vhb-site-nav a{font-size:11px!important}.vhb-search-pill{display:none!important}.vhb-home-v2-layout{grid-template-columns:188px minmax(0,1fr) 196px!important;gap:12px!important}.vhb-right-rail{display:grid!important}.vhb-left-card,.vhb-widget,.vhb-ad-card{padding:11px!important}.vhb-topic-table-head{grid-template-columns:minmax(0,1fr) 62px 62px!important}.vhb-topic-table-head span:nth-child(4){display:none!important}.vhb-mock-topic-row{grid-template-columns:30px minmax(0,1fr) 62px 62px!important;padding:11px 12px!important;gap:8px!important}.vhb-last-activity{display:none!important}.vhb-topic-tabs{gap:16px!important}.vhb-topic-tab{font-size:11px!important}.vhb-post-card{grid-template-columns:110px minmax(0,1fr)!important}}

@media(min-width:681px) and (max-width:900px){.vhb-shell{max-width:860px!important}.vhb-site-header{grid-template-columns:minmax(220px,250px) minmax(0,1fr)!important;gap:12px!important;padding:12px 14px!important;min-height:64px!important}.vhb-logo-link img,.vhb-wordmark img{max-width:240px!important;min-width:205px!important}.vhb-header-actions{display:none!important}.vhb-site-nav{justify-content:flex-end!important;gap:13px!important}.vhb-site-nav a{font-size:10.5px!important;letter-spacing:.055em!important}.vhb-home-v2-layout{grid-template-columns:178px minmax(0,1fr)!important;gap:12px!important}.vhb-left-rail{grid-column:1!important}.vhb-main{grid-column:2!important}.vhb-right-rail{display:grid!important;grid-column:1 / -1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.vhb-right-rail .vhb-widget,.vhb-right-rail .vhb-ad-card{min-width:0!important}.vhb-topic-table-head{grid-template-columns:minmax(0,1fr) 58px 58px!important}.vhb-topic-table-head span:nth-child(4){display:none!important}.vhb-mock-topic-row{grid-template-columns:28px minmax(0,1fr) 58px 58px!important;gap:7px!important;padding:10px 11px!important;min-height:64px!important}.vhb-last-activity{display:none!important}.vhb-topic-titleline a{font-size:14px!important}.vhb-topic-meta{font-size:11px!important}.vhb-topic-tabs{gap:14px!important}.vhb-topic-tab{font-size:10.5px!important;min-height:40px!important}.vhb-post-card{grid-template-columns:96px minmax(0,1fr)!important}.vhb-author-avatar img,.vhb-author-avatar .vhb-default-avatar{width:52px!important;height:52px!important}}

@media(max-width:680px){.vhb-site-header{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;justify-items:stretch!important;padding:11px 12px 10px!important;border-radius:14px!important;overflow:hidden!important}.vhb-logo-link,.vhb-wordmark{width:auto!important;max-width:none!important}.vhb-logo-link img,.vhb-wordmark img{width:min(265px,74vw)!important;max-width:265px!important;min-width:0!important;height:auto!important}.vhb-site-nav{width:100%!important;display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;gap:16px!important;padding:4px 1px 2px!important;overflow-x:auto!important;flex-wrap:nowrap!important}.vhb-site-nav a{justify-content:flex-start!important;font-size:10.5px!important;font-weight:720!important;letter-spacing:.055em!important;min-width:max-content!important;padding:3px 0!important}.vhb-site-nav a.is-active:after{bottom:-5px!important}.vhb-header-actions{display:none!important}.vhb-account-bar{display:flex!important;margin-bottom:12px!important;gap:7px!important}.vhb-account-welcome{display:flex!important;flex:1 1 100%!important}.vhb-account-welcome span:last-child{font-size:12px!important}.vhb-account-avatar img,.vhb-account-avatar .vhb-default-avatar{width:24px!important;height:24px!important}.vhb-home-v2-layout{grid-template-columns:1fr!important;gap:12px!important}.vhb-left-rail{order:1!important}.vhb-main{order:2!important}.vhb-right-rail{order:3!important;display:grid!important}.vhb-left-nav{grid-template-columns:1fr 1fr!important}.vhb-left-nav .vhb-rail-title{grid-column:1 / -1!important}.vhb-topic-tabs{gap:16px!important;padding:8px 10px 0!important}.vhb-topic-tab{min-height:34px!important;font-size:10px!important}.vhb-mock-topic-row{position:relative!important;display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;grid-template-areas:"status body replies" "status body views" "status last last"!important;gap:3px 8px!important;min-height:58px!important;padding:10px 10px!important}.vhb-topic-status{grid-area:status!important;font-size:15px!important;align-self:start!important;padding-top:2px!important}.vhb-topic-body{grid-area:body!important}.vhb-replies-count{grid-area:replies!important}.vhb-views-count{grid-area:views!important}.vhb-topic-count{grid-column:auto!important;display:flex!important;justify-content:flex-end!important;gap:3px!important;align-items:baseline!important;text-align:right!important;min-width:44px!important}.vhb-topic-count strong{font-size:12px!important;line-height:1!important}.vhb-topic-count span{font-size:8.5px!important;letter-spacing:.04em!important}.vhb-last-activity{grid-area:last!important;display:flex!important;align-items:center!important;gap:6px!important;margin-top:3px!important;padding-left:34px!important;min-width:0!important}.vhb-last-avatar img,.vhb-last-avatar .vhb-default-avatar{width:22px!important;height:22px!important}.vhb-last-activity strong,.vhb-last-activity em{display:inline!important;font-size:10.5px!important}.vhb-last-activity em:before{content:" · "}.vhb-topic-titleline{gap:5px!important}.vhb-topic-titleline a{font-size:14px!important;line-height:1.14!important}.vhb-topic-meta{font-size:10.5px!important;gap:5px!important;margin-top:4px!important}.vhb-mini-author img,.vhb-mini-author .vhb-default-avatar{width:16px!important;height:16px!important}.vhb-pin-badge,.vhb-badge{min-height:18px!important;font-size:8.5px!important;padding:2px 5px!important}.vhb-mock-board-title{padding:12px 10px 6px!important}.vhb-mock-board-title h1{font-size:20px!important}.vhb-board-view-head{padding:12px 10px!important}.vhb-board-view-head h1{font-size:20px!important}.vhb-post-card{grid-template-columns:1fr!important;padding:13px!important}.vhb-post-author{border-right:0!important;border-bottom:1px solid var(--vhb-border)!important;padding:0 0 9px!important;margin:0 0 10px!important}.vhb-author-avatar img,.vhb-author-avatar .vhb-default-avatar{width:44px!important;height:44px!important}}

/* v0.1.20 Board Discovery Architecture Pass */
.vhb-site-header .vhb-logo-link img,.vhb-site-header .vhb-wordmark img{transform:scaleY(.94)!important;transform-origin:left center!important;max-width:280px!important;min-width:220px!important}
.vhb-board-directory-layout .vhb-left-nav{display:none!important}
.vhb-board-directory-panel{overflow:hidden!important}
.vhb-directory-title{align-items:end!important;padding:18px 22px 8px!important}
.vhb-directory-title h1{text-transform:uppercase!important;letter-spacing:.02em!important}
.vhb-directory-title>div{display:flex!important;gap:22px!important;align-items:center!important;flex-wrap:wrap!important}
.vhb-directory-title a{border:0!important;background:transparent!important;color:#c5c9d2!important;padding:0!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.06em!important;font-weight:750!important;text-decoration:none!important;box-shadow:none!important}
.vhb-directory-title a:hover{color:#ff8200!important}
.vhb-board-directory-list{display:grid!important;gap:5px!important;padding:8px 12px 12px!important}
.vhb-directory-card{display:grid!important;grid-template-columns:72px minmax(0,1fr) 76px 76px minmax(142px,.43fr)!important;align-items:center!important;gap:16px!important;color:#f7f7f7!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:7px!important;background:linear-gradient(135deg,rgba(23,25,30,.96),rgba(9,10,13,.98))!important;padding:16px!important;min-height:112px!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important}
.vhb-directory-card:hover{border-color:rgba(255,130,0,.62)!important;background:linear-gradient(135deg,rgba(31,24,18,.98),rgba(12,13,17,.98))!important;transform:translateY(-1px)!important}
.vhb-directory-icon{width:54px;height:54px;border-radius:999px;background:linear-gradient(135deg,#ff8200,#ff9f2e);display:grid;place-items:center;font-size:27px;box-shadow:0 10px 22px rgba(255,130,0,.2)}
.vhb-directory-info{display:grid;gap:5px;min-width:0}.vhb-directory-info>strong{font-size:18px;line-height:1.08;font-weight:900}.vhb-directory-info>em{font-style:normal;color:#d7dae2;font-size:13px;line-height:1.35}.vhb-directory-info small{font-size:11px;color:#fff}.vhb-directory-info small span{color:#ff8200}.vhb-directory-stat{display:grid;gap:3px;text-align:center}.vhb-directory-stat em,.vhb-directory-latest em{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#aeb4bf;font-style:normal}.vhb-directory-stat strong{font-size:18px}.vhb-directory-latest{display:grid;gap:4px;min-width:0}.vhb-directory-latest strong{font-size:12px;line-height:1.25}.vhb-directory-latest small{font-size:11px;color:#aeb4bf;line-height:1.25}.vhb-directory-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:0 12px 12px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(255,255,255,.035);overflow:hidden}.vhb-directory-stats-strip div{display:grid;gap:3px;justify-items:center;padding:12px;border-right:1px solid rgba(255,255,255,.16)}.vhb-directory-stats-strip div:last-child{border-right:0}.vhb-directory-stats-strip span{text-transform:uppercase;font-size:10px;color:#aeb4bf}.vhb-directory-stats-strip strong{font-size:18px;color:#fff}.vhb-left-rail .vhb-news-asset{padding:0!important;overflow:hidden!important;border-radius:8px!important}.vhb-news-asset img,.vhb-big-orange-art img{display:block!important;width:100%!important;height:auto!important;border-radius:7px!important}.vhb-big-orange-art{padding:0!important;overflow:hidden!important;border-radius:8px!important;background:#090a0d!important}.vhb-live-score-card{order:-10!important}.vhb-upcoming-schedule{display:grid!important;gap:9px!important}.vhb-schedule-row{display:grid!important;grid-template-columns:44px 1fr auto!important;gap:8px!important;align-items:center!important;font-size:12px!important}.vhb-schedule-row span,.vhb-schedule-row em{color:#c2c7d0!important;font-style:normal!important}.vhb-schedule-row strong{font-size:12px!important}.vhb-left-nav{gap:4px!important}.vhb-rail-link{overflow:hidden!important}.vhb-rail-link strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vhb-new-topic-button,.vhb-button{border-radius:8px!important}.vhb-sidebar .vhb-widget-button,.vhb-sidebar .vhb-small-button{border-radius:8px!important}
@media(min-width:1161px){.vhb-board-directory-layout{grid-template-columns:224px minmax(0,1fr) 300px!important}.vhb-board-directory-layout .vhb-right-rail{width:auto!important}.vhb-board-directory-layout .vhb-left-rail{gap:12px!important}}
@media(min-width:901px) and (max-width:1150px){.vhb-site-header .vhb-logo-link img,.vhb-site-header .vhb-wordmark img{max-width:235px!important;min-width:195px!important}.vhb-board-directory-layout{grid-template-columns:190px minmax(0,1fr) 218px!important}.vhb-directory-card{grid-template-columns:48px minmax(0,1fr) 56px 56px!important;gap:10px!important;padding:13px!important}.vhb-directory-icon{width:42px;height:42px;font-size:22px}.vhb-directory-latest{grid-column:2 / -1;display:block}.vhb-directory-info>strong{font-size:16px}.vhb-directory-info>em{font-size:12px}}
@media(min-width:681px) and (max-width:900px){.vhb-site-header .vhb-logo-link img,.vhb-site-header .vhb-wordmark img{max-width:220px!important;min-width:190px!important}.vhb-board-directory-layout{grid-template-columns:178px minmax(0,1fr)!important}.vhb-directory-card{grid-template-columns:44px minmax(0,1fr) 52px 52px!important;gap:9px!important;padding:12px!important;min-height:98px!important}.vhb-directory-icon{width:38px;height:38px;font-size:20px}.vhb-directory-latest{grid-column:2 / -1}.vhb-directory-info>strong{font-size:15px}.vhb-directory-info>em{font-size:11.5px}.vhb-directory-title>div{gap:12px!important}.vhb-directory-title a{font-size:10.5px!important}}
@media(max-width:680px){.vhb-site-header .vhb-logo-link img,.vhb-site-header .vhb-wordmark img{width:min(240px,70vw)!important;max-width:240px!important}.vhb-board-directory-list{padding:8px 8px 10px!important}.vhb-directory-card{grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-areas:"icon info stats" "icon latest latest";gap:7px 10px!important;padding:11px!important;min-height:auto!important}.vhb-directory-icon{grid-area:icon;width:36px;height:36px;font-size:18px}.vhb-directory-info{grid-area:info}.vhb-directory-info>strong{font-size:15px}.vhb-directory-info>em{font-size:11.5px}.vhb-directory-info small{font-size:10px}.vhb-directory-stat{display:none!important}.vhb-directory-latest{grid-area:latest}.vhb-directory-stats-strip{grid-template-columns:1fr!important}.vhb-directory-stats-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.vhb-directory-stats-strip div:last-child{border-bottom:0}.vhb-directory-title{padding:12px 10px 8px!important}.vhb-directory-title>div{gap:12px!important;overflow-x:auto!important;flex-wrap:nowrap!important}.vhb-directory-title a{font-size:10px!important;min-width:max-content!important}}

/* v0.1.21 Premium Typography + Navigation Cleanup + Quote Bubble Pass */
.vhb-app,
.vhb-app *{
  font-family:"Barlow",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.vhb-site-nav a,
.vhb-account-link,
.vhb-new-topic-button,
.vhb-button,
.vhb-small-button,
.vhb-widget-button,
.vhb-directory-title a,
.vhb-rail-title,
.vhb-rail-link strong,
.vhb-topic-tab,
.vhb-eyebrow,
.vhb-score-kicker,
.vhb-widget-kicker,
.vhb-badge,
.vhb-rank,
.vhb-pin-badge,
.vhb-topic-table-head,
.vhb-directory-stat em,
.vhb-directory-latest em,
.vhb-directory-title h1,
.vhb-board-view-head h1,
.vhb-thread-head h1{
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
}
.vhb-app{letter-spacing:0!important;font-weight:500!important}
.vhb-post-text,.vhb-topic-meta,.vhb-login-callout p,.vhb-widget p,.vhb-directory-info>em,.vhb-directory-latest small{font-weight:500!important}
.vhb-board-view-head h1,.vhb-thread-head h1,.vhb-directory-title h1{font-weight:850!important;letter-spacing:.005em!important}

/* Remove redundant app-like center/top navigation chrome now that board nav lives in the left rail. */
.vhb-home-v2-layout > .vhb-main > .vhb-breadcrumbs,
.vhb-topic-board-panel > .vhb-topic-tabs{
  display:none!important;
}
.vhb-topic-board-panel .vhb-board-view-head,
.vhb-home-v2-layout .vhb-thread-head{
  margin-top:0!important;
}
.vhb-topic-board-panel .vhb-topic-table-head{margin-top:8px!important}
.vhb-board-view-head{padding-top:12px!important;padding-bottom:12px!important;align-items:center!important}
.vhb-board-view-head .vhb-button{font-size:16px!important;font-weight:750!important;letter-spacing:.02em!important;padding:10px 14px!important;min-height:40px!important}

/* CTA/button weight cleanup. */
.vhb-login-callout .vhb-button,
.vhb-login-callout .vhb-small-button,
.vhb-account-join{
  font-weight:650!important;
}
.vhb-button,.vhb-small-button,.vhb-widget-button,.vhb-account-link,.vhb-action-button{
  letter-spacing:.01em!important;
}

/* Sidebar nav tightening and tablet clipping repair. */
.vhb-left-nav{gap:3px!important;padding:10px!important}
.vhb-rail-link{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:8px 9px!important;gap:7px!important;border-radius:8px!important}
.vhb-rail-link span{flex:0 0 auto!important;line-height:1!important}
.vhb-rail-link strong{min-width:0!important;font-size:14px!important;line-height:1.08!important;font-weight:750!important}
@media(min-width:681px) and (max-width:1150px){
  .vhb-left-rail{min-width:0!important}
  .vhb-left-nav{padding:8px!important;gap:3px!important}
  .vhb-rail-link{padding:7px 7px!important;gap:5px!important}
  .vhb-rail-link strong{font-size:12.25px!important;letter-spacing:-.005em!important}
}

/* Restored sponsor/ad placeholders. */
.vhb-sidebar-sponsor{border:1px dashed rgba(255,255,255,.24)!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,130,0,.055))!important;color:#f5f6f8!important}
.vhb-sidebar-sponsor span{display:block;color:#c8cdd6!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important;margin-bottom:5px!important}
.vhb-sidebar-sponsor strong{display:block;color:#fff!important;font-size:16px!important;line-height:1.1!important;margin:0 0 6px!important}
.vhb-sidebar-sponsor p{margin:0!important;color:#b5bac4!important;font-size:12px!important;line-height:1.35!important}
.vhb-left-sponsor{padding:13px!important;border-radius:8px!important}.vhb-right-sponsor{padding:15px!important;border-radius:12px!important}

/* Quoted post / reply-chain speech bubble redesign. */
.vhb-quote-preview,
.vhb-quote-box{
  position:relative!important;
  overflow:visible!important;
  margin:0 0 22px!important;
  padding:13px 14px 16px!important;
  border:1px solid rgba(255,130,0,.55)!important;
  border-left:1px solid rgba(255,130,0,.55)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(18,20,25,.98),rgba(8,9,12,.98))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.vhb-quote-preview:before,
.vhb-quote-box:before{
  content:""!important;
  position:absolute!important;
  left:50px!important;
  bottom:-11px!important;
  width:18px!important;
  height:18px!important;
  background:linear-gradient(135deg,rgba(8,9,12,.98),rgba(18,20,25,.98))!important;
  border-left:1px solid rgba(255,130,0,.55)!important;
  border-bottom:1px solid rgba(255,130,0,.55)!important;
  transform:rotate(-45deg)!important;
  border-radius:0 0 3px 0!important;
  z-index:1!important;
}
.vhb-quote-current,
.vhb-quote-preview .vhb-quote-current{
  position:relative!important;
  z-index:2!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:13px!important;
  overflow:hidden!important;
}
.vhb-quote-preview-head,
.vhb-quote-preview > span,
.vhb-quote-box > span{
  display:block!important;
  padding:8px 11px!important;
  margin:0!important;
  background:rgba(255,130,0,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  color:#ffb866!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.vhb-quote-preview p,
.vhb-quote-box p{
  padding:10px 11px!important;
  margin:0!important;
  color:#e1e4ea!important;
  line-height:1.48!important;
  font-size:14px!important;
}
.vhb-reply-chain{
  position:relative!important;
  z-index:2!important;
  margin:0 0 12px!important;
  padding:10px!important;
  display:grid!important;
  gap:8px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:13px!important;
}
.vhb-reply-chain[hidden]{display:none!important}
.vhb-chain-item{
  border:1px solid rgba(255,255,255,.13)!important;
  border-left:3px solid rgba(255,130,0,.52)!important;
  border-radius:11px!important;
  background:rgba(0,0,0,.22)!important;
  padding:9px 10px!important;
}
.vhb-chain-item strong{
  color:#ffb866!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
.vhb-chain-item p{padding:5px 0 0!important;margin:0!important;color:#d6dae2!important;font-size:13.5px!important;line-height:1.45!important}
.vhb-reply-chain-toggle{
  position:relative!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:10px 0 0!important;
  padding:7px 12px!important;
  min-height:30px!important;
  border:1px solid rgba(255,255,255,.40)!important;
  border-radius:999px!important;
  background:#d9dde5!important;
  color:#111318!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.vhb-reply-chain-toggle:hover{background:#f0f2f5!important;border-color:#fff!important;color:#090a0d!important}
.vhb-quote-preview.vhb-chain-expanded{padding-bottom:16px!important}
.vhb-quote-preview.vhb-chain-expanded .vhb-quote-current{display:none!important}
.vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain-toggle{margin-top:10px!important;margin-bottom:0!important}

@media(max-width:680px){
  .vhb-new-topic-button{font-size:16px!important;font-weight:750!important;min-height:42px!important;letter-spacing:.015em!important}
  .vhb-board-view-head .vhb-button{font-size:16px!important;font-weight:750!important;min-height:40px!important}
  .vhb-login-callout .vhb-button,.vhb-login-callout .vhb-small-button{font-weight:600!important;font-size:14px!important}
  .vhb-quote-preview,.vhb-quote-box{padding:11px 12px 15px!important;border-radius:16px!important;margin-bottom:20px!important}
  .vhb-quote-preview:before,.vhb-quote-box:before{left:38px!important;bottom:-9px!important;width:16px!important;height:16px!important}
  .vhb-reply-chain-toggle{font-size:12.5px!important;padding:7px 11px!important}
}

/* v0.1.22 Quote / Reply Chain Correction Pass */
.vhb-quote-preview,
.vhb-quote-box{
  border-color:#ff8200!important;
  border-width:1.5px!important;
  background:linear-gradient(135deg,#0b0e12,#050608)!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.vhb-quote-preview:before,
.vhb-quote-box:before{
  left:50px!important;
  bottom:-12px!important;
  width:21px!important;
  height:21px!important;
  background:#050608!important;
  border-left:1.5px solid #ff8200!important;
  border-bottom:1.5px solid #ff8200!important;
  border-radius:0 0 2px 0!important;
  box-shadow:none!important;
}
.vhb-quote-preview-head,
.vhb-quote-preview > span,
.vhb-quote-box > span,
.vhb-chain-item strong{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0 0 8px!important;
  color:#ff8200!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.vhb-quote-current,
.vhb-quote-preview .vhb-quote-current{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  padding:6px 8px 4px 70px!important;
}
.vhb-quote-current:before{
  content:"\201C"!important;
  position:absolute!important;
  left:20px!important;
  top:26px!important;
  color:#ff8200!important;
  font-family:Georgia,serif!important;
  font-size:58px!important;
  line-height:.75!important;
  font-weight:900!important;
}
.vhb-quote-preview p,
.vhb-quote-box p{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  color:#f4f6fa!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
.vhb-reply-chain{
  margin:0 0 16px!important;
  padding:2px 18px 12px!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.vhb-reply-chain[hidden]{display:none!important}
.vhb-chain-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:84px 1fr auto!important;
  grid-template-areas:"avatar label date" "avatar body date"!important;
  column-gap:18px!important;
  align-items:start!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:18px 0 20px!important;
  margin:0!important;
}
.vhb-chain-item + .vhb-chain-item{
  border-top:1px solid rgba(255,255,255,.24)!important;
  margin-top:0!important;
}
.vhb-chain-item:before{
  content:"\201C"!important;
  grid-area:avatar!important;
  justify-self:end!important;
  align-self:center!important;
  color:#ff8200!important;
  font-family:Georgia,serif!important;
  font-size:58px!important;
  line-height:.7!important;
  font-weight:900!important;
}
.vhb-chain-item strong{grid-area:label!important;align-self:end!important;margin:0 0 8px!important}
.vhb-chain-item p{
  grid-area:body!important;
  padding:0!important;
  margin:0!important;
  color:#f4f6fa!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
.vhb-chain-item p:before{content:none!important}
.vhb-reply-chain-toggle{
  margin:10px 0 2px 18px!important;
  background:#d9dde5!important;
  color:#0c0d10!important;
  border:1px solid rgba(255,255,255,.65)!important;
  font-size:14px!important;
  font-weight:800!important;
  padding:8px 15px!important;
  min-height:34px!important;
}
.vhb-quote-preview.vhb-chain-expanded{
  padding:20px 24px 26px!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain-toggle{
  margin-top:8px!important;
  margin-bottom:4px!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain{
  padding-bottom:14px!important;
}
@media(max-width:680px){
  .vhb-quote-current,.vhb-quote-preview .vhb-quote-current{padding:6px 4px 4px 48px!important}
  .vhb-quote-current:before{left:8px!important;top:26px!important;font-size:45px!important}
  .vhb-chain-item{grid-template-columns:46px 1fr!important;grid-template-areas:"avatar label" "avatar body"!important;column-gap:10px!important;padding:15px 0 17px!important}
  .vhb-chain-item:before{font-size:42px!important;justify-self:start!important}
  .vhb-chain-item strong{font-size:14px!important}
  .vhb-chain-item p{font-size:14.5px!important;line-height:1.45!important}
  .vhb-reply-chain{padding-left:4px!important;padding-right:4px!important}
  .vhb-reply-chain-toggle{margin-left:8px!important;font-size:13px!important}
}

/* v0.1.23 Reply-chain avatar hotfix: restore user avatars beside each expanded-chain comment. */
.vhb-reply-chain .vhb-chain-item{
  grid-template-columns:64px 48px minmax(0,1fr) auto!important;
  grid-template-areas:"avatar quote label date" "avatar quote body date"!important;
  column-gap:14px!important;
}
.vhb-chain-avatar{
  grid-area:avatar!important;
  align-self:start!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  margin-top:2px!important;
}
.vhb-chain-avatar img,
.vhb-chain-avatar .vhb-default-avatar{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.vhb-reply-chain .vhb-chain-item:before{
  grid-area:quote!important;
  justify-self:center!important;
  align-self:start!important;
  margin-top:4px!important;
}
.vhb-reply-chain .vhb-chain-item strong{grid-area:label!important}
.vhb-reply-chain .vhb-chain-item p{grid-area:body!important}
@media(max-width:680px){
  .vhb-reply-chain .vhb-chain-item{
    grid-template-columns:42px 32px minmax(0,1fr)!important;
    grid-template-areas:"avatar quote label" "avatar quote body"!important;
    column-gap:8px!important;
  }
  .vhb-chain-avatar,
  .vhb-chain-avatar img,
  .vhb-chain-avatar .vhb-default-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .vhb-reply-chain .vhb-chain-item:before{
    font-size:38px!important;
    margin-top:2px!important;
  }
}

/* v0.2.113IPRt211 — full author names and registration display-name standards. */
#vhb-app .vhb-post-author .vhb-author-identity>strong,
#vhb-app .vhb-post-author .vhb-author-identity>strong>a,
body #vhb-app .vhb-post-author .vhb-author-identity>strong,
body #vhb-app .vhb-post-author .vhb-author-identity>strong>a,
body .vhb-app .vhb-post-author .vhb-author-identity>strong,
body .vhb-app .vhb-post-author .vhb-author-identity>strong>a{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
@media (min-width:681px) and (min-height:521px){
  #vhb-app .vhb-post-author .vhb-author-row,
  body #vhb-app .vhb-post-author .vhb-author-row,
  body .vhb-app .vhb-post-author .vhb-author-row{
    padding-right:clamp(190px,25vw,300px)!important;
  }
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    flex-wrap:wrap!important;
  }
}
.vhb-display-name-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-top:6px;
}
.vhb-display-name-meta .vhb-field-note{
  margin:0;
}
.vhb-display-name-count{
  flex:0 0 auto;
  color:#aeb5c1;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  font-variant-numeric:tabular-nums;
}
.vhb-display-name-count.is-near-limit{
  color:#ffb15c;
}

/* v0.2.113IPRt209 — approved author standing spacing and reading typography. */
#vhb-app .vhb-post-author .vhb-author-identity,
body #vhb-app .vhb-post-author .vhb-author-identity,
body .vhb-app .vhb-post-author .vhb-author-identity{
  column-gap:16px!important;
}
#vhb-app .vhb-post-author .vhb-author-standing,
body #vhb-app .vhb-post-author .vhb-author-standing,
body .vhb-app .vhb-post-author .vhb-author-standing{
  gap:0!important;
}
#vhb-app .vhb-post-author .vhb-rank-label,
#vhb-app .vhb-post-author .vhb-charter-rank-label,
body #vhb-app .vhb-post-author .vhb-rank-label,
body #vhb-app .vhb-post-author .vhb-charter-rank-label,
body .vhb-app .vhb-post-author .vhb-rank-label,
body .vhb-app .vhb-post-author .vhb-charter-rank-label{
  color:#ffb15c!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-badge,
body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin-left:18px!important;
  padding-left:18px!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
  border-radius:0!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-label,
body #vhb-app .vhb-post-author .vhb-charter-rank-label,
body .vhb-app .vhb-post-author .vhb-charter-rank-label{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    column-gap:13px!important;
  }
  #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
    margin-left:13px!important;
    padding-left:13px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    flex-basis:auto!important;
  }
  #vhb-app .vhb-post-author .vhb-rank-label,
  #vhb-app .vhb-post-author .vhb-charter-rank-label,
  body #vhb-app .vhb-post-author .vhb-rank-label,
  body #vhb-app .vhb-post-author .vhb-charter-rank-label,
  body .vhb-app .vhb-post-author .vhb-rank-label,
  body .vhb-app .vhb-post-author .vhb-charter-rank-label{
    font-size:11px!important;
  }
}

/* T217 — DAYS uses natural digits and remains optically centered at every count. */
#vhb-app .vhb-countdown-widget .vhb-countdown-grid strong[data-unit="days"],
body .vhb-countdown-widget .vhb-countdown-grid strong[data-unit="days"]{
  display:block!important;
  width:100%!important;
  justify-self:stretch!important;
  text-align:center!important;
}

@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    flex-basis:auto!important;
  }
}


/* v0.1.25 Standalone quote avatar hotfix: match unexpanded quote bubbles to expanded reply-chain rows. */
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  display:grid!important;
  grid-template-columns:64px 48px minmax(0,1fr)!important;
  grid-template-areas:"avatar quote label" "avatar quote body"!important;
  column-gap:14px!important;
  align-items:start!important;
  padding:20px 22px 20px 22px!important;
}
.vhb-quote-current-avatar{
  grid-area:avatar!important;
  align-self:start!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  margin-top:2px!important;
}
.vhb-quote-current-avatar img,
.vhb-quote-current-avatar .vhb-default-avatar{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current:before{
  position:static!important;
  grid-area:quote!important;
  justify-self:center!important;
  align-self:start!important;
  margin-top:4px!important;
  content:"\201C"!important;
  color:#ff8200!important;
  font-family:Georgia,serif!important;
  font-size:58px!important;
  line-height:.7!important;
  font-weight:900!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  grid-area:label!important;
  align-self:end!important;
  margin:0 0 8px!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
  grid-area:body!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-quote-current-avatar{display:none!important}
@media(max-width:680px){
  .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    grid-template-columns:42px 32px minmax(0,1fr)!important;
    grid-template-areas:"avatar quote label" "avatar quote body"!important;
    column-gap:8px!important;
    padding:16px 12px 16px 12px!important;
  }
  .vhb-quote-current-avatar,
  .vhb-quote-current-avatar img,
  .vhb-quote-current-avatar .vhb-default-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current:before{
    font-size:38px!important;
    margin-top:2px!important;
  }
}


/* v0.1.26 Typography + board/header polish pass */
.vhb-app,
.vhb-app *{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.vhb-app{font-weight:400!important;letter-spacing:0!important}
.vhb-site-nav a,
.vhb-account-link,
.vhb-new-topic-button,
.vhb-button,
.vhb-small-button,
.vhb-widget-button,
.vhb-directory-title a,
.vhb-rail-title,
.vhb-rail-link strong,
.vhb-topic-tab,
.vhb-eyebrow,
.vhb-score-kicker,
.vhb-widget-kicker,
.vhb-badge,
.vhb-rank,
.vhb-pin-badge,
.vhb-topic-table-head,
.vhb-directory-stat em,
.vhb-directory-latest em,
.vhb-directory-title h1,
.vhb-board-view-head h1,
.vhb-thread-head h1{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.vhb-topic-titleline a,
.vhb-board-view-head h1,
.vhb-thread-head h1,
.vhb-directory-title h1,
.vhb-directory-info>strong{
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.vhb-topic-titleline a{font-size:16px!important;line-height:1.18!important}
.vhb-thread-head h1{font-size:clamp(22px,2.15vw,31px)!important;line-height:1.13!important;margin:0 0 8px!important}
.vhb-thread-head .vhb-eyebrow{font-size:11px!important;font-weight:700!important;letter-spacing:.09em!important;margin:0 0 5px!important;color:#ff9d2e!important}
.vhb-thread-head{padding:13px 16px 14px!important;margin-top:0!important;margin-bottom:14px!important}
.vhb-thread-head .vhb-meta{font-size:12px!important;gap:10px!important}
.vhb-board-view-head{padding:10px 12px!important;margin-bottom:8px!important;align-items:flex-start!important}
.vhb-board-view-head h1{font-size:clamp(22px,2.1vw,30px)!important;line-height:1.12!important;margin:0!important}
.vhb-board-view-head .vhb-button{font-size:15px!important;font-weight:700!important;min-height:38px!important;padding:9px 13px!important}
.vhb-topic-table-head{margin-top:6px!important}
.vhb-topic-meta,
.vhb-directory-info>em,
.vhb-directory-latest small,
.vhb-post-text,
.vhb-widget p{
  font-weight:400!important;
}
.vhb-mini-author strong,
.vhb-last-activity strong,
.vhb-topic-count strong,
.vhb-directory-stat strong,
.vhb-directory-latest strong{
  font-weight:650!important;
}
.vhb-directory-title{align-items:center!important;padding:14px 18px 7px!important;gap:14px!important}
.vhb-directory-title h1{font-size:24px!important;white-space:nowrap!important;margin:0!important}
.vhb-directory-title>div{flex-wrap:nowrap!important;gap:16px!important;min-width:0!important;overflow-x:auto!important;white-space:nowrap!important}
.vhb-directory-title a{font-size:11px!important;font-weight:600!important;letter-spacing:.045em!important;min-width:max-content!important}
.vhb-directory-card{border-color:rgba(255,255,255,.30)!important;gap:14px!important}
.vhb-directory-card:hover,
.vhb-directory-card:focus-visible{
  border-color:#ff8200!important;
  background:linear-gradient(135deg,rgba(23,25,30,.97),rgba(9,10,13,.99))!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.18)!important;
}
.vhb-directory-info small{display:none!important}
.vhb-directory-info>strong{font-size:17px!important;line-height:1.14!important}
.vhb-directory-info>em{font-size:12.5px!important;line-height:1.35!important;color:#d5d9e1!important}
.vhb-directory-latest{line-height:1.2!important}
.vhb-directory-latest em{font-size:9px!important;font-weight:700!important;letter-spacing:.065em!important;white-space:nowrap!important}
.vhb-directory-latest strong{font-size:11.5px!important;line-height:1.22!important}
.vhb-directory-latest small{font-size:10.5px!important;line-height:1.25!important;color:#b2b8c3!important}
.vhb-rail-link:hover,
.vhb-rail-link.active,
.vhb-topic-row:hover,
.vhb-topic-tab:hover,
.vhb-topic-tab.active{
  background:transparent!important;
  border-color:#ff8200!important;
  box-shadow:inset 0 0 0 1px rgba(255,130,0,.28)!important;
  color:#fff!important;
}
.vhb-rail-link:hover,
.vhb-rail-link.active{border-left-color:#ff8200!important}
.vhb-rail-link.active span{background:#ff8200!important;color:#120800!important}
.vhb-pin-badge,.vhb-badge{
  background:rgba(255,130,0,.10)!important;
  border:1px solid rgba(255,130,0,.68)!important;
  color:#ffb866!important;
  box-shadow:none!important;
  font-weight:700!important;
}
.vhb-new-topic-button{font-size:15px!important;font-weight:700!important;letter-spacing:.01em!important}
.vhb-login-callout .vhb-button,
.vhb-login-callout .vhb-small-button,
.vhb-account-join{font-weight:600!important}
.vhb-quote-current:before,
.vhb-chain-item:before,
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current:before{
  font-family:Georgia,serif!important;
}
@media(min-width:681px) and (max-width:900px){
  .vhb-directory-title{padding:10px 12px 6px!important;align-items:center!important}
  .vhb-directory-title h1{font-size:20px!important}
  .vhb-directory-title>div{gap:11px!important}
  .vhb-directory-title a{font-size:9.75px!important;letter-spacing:.035em!important}
  .vhb-directory-card{grid-template-columns:42px minmax(0,1fr) 48px 48px!important;gap:8px!important;padding:11px!important}
  .vhb-directory-latest{grid-column:2 / -1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:4px 7px!important;align-items:baseline!important}
  .vhb-directory-latest em{font-size:8.5px!important}
  .vhb-directory-latest strong{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vhb-directory-latest small{grid-column:2!important;font-size:10px!important}
  .vhb-board-view-head{padding-top:8px!important}
}
@media(max-width:680px){
  .vhb-directory-title h1{font-size:19px!important;white-space:nowrap!important}
  .vhb-directory-title{padding:10px 9px 6px!important}
  .vhb-directory-title>div{gap:10px!important}
  .vhb-directory-title a{font-size:9.5px!important;font-weight:600!important}
  .vhb-topic-titleline a{font-size:14.5px!important;font-weight:650!important;letter-spacing:-.018em!important}
  .vhb-topic-meta{font-size:10.25px!important;font-weight:400!important}
  .vhb-mock-topic-row.vhb-no-last-reply .vhb-last-activity{display:none!important}
  .vhb-mock-topic-row.vhb-no-last-reply{grid-template-areas:"status body replies" "status body views"!important;min-height:54px!important}
  .vhb-thread-head{padding:11px 12px 12px!important;margin-bottom:12px!important}
  .vhb-thread-head h1{font-size:20px!important;font-weight:700!important}
  .vhb-thread-head .vhb-eyebrow{font-size:10px!important;margin-bottom:4px!important}
  .vhb-board-view-head{padding:9px 10px!important}
  .vhb-board-view-head h1{font-size:20px!important}
  .vhb-board-view-head .vhb-button{font-size:15px!important;font-weight:700!important}
}


/* v0.1.27 board icon refresh + compact post action links + edit form */
.vhb-board-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
.vhb-directory-icon.vhb-board-icon{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,130,0,.36);color:#d9dee8;box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.035) inset}
.vhb-directory-card:hover .vhb-directory-icon,.vhb-directory-card:focus-visible .vhb-directory-icon{border-color:#ff8200;color:#ffb15c;background:rgba(255,130,0,.10)}
.vhb-rail-link .vhb-board-icon{background:rgba(255,255,255,.055);color:#d9dee8;border:1px solid rgba(255,255,255,.06)}
.vhb-rail-link:hover .vhb-board-icon,.vhb-rail-link.active .vhb-board-icon{background:rgba(255,130,0,.12);border-color:#ff8200;color:#ffb15c}
.vhb-board-icon-recruiting svg,.vhb-board-icon-lady-vols svg{fill:currentColor;stroke:none}.vhb-board-icon-game-threads svg{fill:currentColor;stroke:none}.vhb-board-icon-off-topic svg{fill:none}
.vhb-post-actions{gap:14px;align-items:center;flex-wrap:wrap}
.vhb-post-actions .vhb-action-link,.vhb-reply-chain-toggle.vhb-action-link,.vhb-edit-actions .vhb-action-link{appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:0!important;color:#cfd4dd!important;text-decoration:none!important;font-weight:800;font-size:13px;line-height:1.2;cursor:pointer}
.vhb-post-actions .vhb-action-link:hover,.vhb-post-actions .vhb-action-link:focus-visible,.vhb-reply-chain-toggle.vhb-action-link:hover,.vhb-reply-chain-toggle.vhb-action-link:focus-visible,.vhb-edit-actions .vhb-action-link:hover{color:#ffb15c!important;text-decoration:underline!important;text-underline-offset:3px}
.vhb-reply-chain-toggle.vhb-action-link{margin:18px 0 0 0!important;display:inline-flex!important}
.vhb-edit-form{display:grid;gap:10px;margin:16px 0 0}
.vhb-edit-form[hidden]{display:none!important}
.vhb-edit-form textarea{width:100%;min-height:140px;border:1px solid rgba(255,130,0,.34);border-radius:16px;background:#080a0e;color:#fff;padding:13px 14px;font:inherit;line-height:1.45}
.vhb-edit-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.vhb-edit-actions .vhb-primary{appearance:none;border:1px solid rgba(255,130,0,.55);background:linear-gradient(135deg,#ff8200,#ffad42);color:#160a00;border-radius:999px;padding:8px 14px;font-weight:900;cursor:pointer}
.vhb-post-card.is-editing .vhb-post-text{display:none}
.vhb-post-card.is-editing .vhb-post-actions{display:none}
@media(max-width:680px){.vhb-post-actions{gap:12px}.vhb-post-actions .vhb-action-link,.vhb-reply-chain-toggle.vhb-action-link{font-size:13px}.vhb-directory-icon.vhb-board-icon{width:48px;height:48px}.vhb-board-icon svg{width:20px;height:20px}}
.vhb-edited-marker{color:#aeb4bf;font-size:12px;font-weight:700}


/* v0.1.28 board polish, action cleanup, and modal/profile refinements */
.vhb-left-rail{align-content:start}
.vhb-left-rail .vhb-new-topic-button{display:none!important}

/* Directory and board header alignment */
.vhb-board-directory-panel{overflow:visible!important}
.vhb-mock-board-title.vhb-directory-title{
  align-items:flex-start!important;
  padding:10px 14px 6px!important;
  min-height:52px!important;
}
.vhb-mock-board-title.vhb-directory-title h1{
  font-size:25px!important;
  line-height:1!important;
  padding-top:0!important;
}
.vhb-mock-board-title.vhb-directory-title>div{
  align-items:flex-start!important;
  padding-top:1px!important;
}
.vhb-board-view-head{
  align-items:flex-start!important;
  padding:10px 14px 8px!important;
}
.vhb-board-view-head h1{
  line-height:1!important;
  padding-top:0!important;
  font-size:25px!important;
  font-weight:750!important;
}
.vhb-board-view-head .vhb-button{
  align-self:flex-start!important;
  margin-top:0!important;
}
.vhb-topic-form-wrap{
  padding:0 14px 10px!important;
}
.vhb-topic-form-wrap .vhb-composer{
  margin:0 0 10px!important;
}
.vhb-topic-form-wrap .vhb-composer summary{
  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;
}

/* Board card metadata consistency */
.vhb-directory-card{
  grid-template-columns:58px minmax(0,1fr) 66px 66px!important;
  grid-template-areas:
    "icon info topics posts"
    "icon latest latest latest"!important;
  gap:8px 14px!important;
  min-height:94px!important;
  padding:13px 14px!important;
}
.vhb-directory-icon{grid-area:icon!important}
.vhb-directory-info{grid-area:info!important}
.vhb-directory-stat:nth-of-type(3){grid-area:topics!important}
.vhb-directory-stat:nth-of-type(4){grid-area:posts!important}
.vhb-directory-latest{
  grid-area:latest!important;
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}
.vhb-directory-latest small{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:11.5px!important;
  color:#b7bdc8!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
}
.vhb-directory-latest small strong{
  color:#ffb15c!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}

/* Board icon art assets */
.vhb-board-icon svg{display:none!important}
.vhb-board-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:999px!important;
}
.vhb-directory-icon.vhb-board-icon{
  width:54px!important;
  height:54px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 10px 26px rgba(0,0,0,.25)!important;
}
.vhb-rail-link .vhb-board-icon{
  width:28px!important;
  height:28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  flex:0 0 28px!important;
}

/* Remove muddy active gradients in nav-style links */
.vhb-topic-tab,
.vhb-rail-link,
.vhb-mock-board-title a,
.vhb-directory-title a{
  background:transparent!important;
  box-shadow:none!important;
}
.vhb-rail-link.active,
.vhb-rail-link:hover,
.vhb-topic-tab:hover,
.vhb-mock-board-title a:hover,
.vhb-directory-title a:hover{
  background:transparent!important;
  border-color:#ff8200!important;
  color:#ffb15c!important;
}
.vhb-topic-tab.active{
  color:#ffb15c!important;
}

/* Post action separators */
.vhb-post-actions{
  gap:0!important;
}
.vhb-post-actions > *{
  display:inline-flex!important;
  align-items:center!important;
}
.vhb-post-actions > * + *::before{
  content:"•";
  display:inline-block;
  margin:0 10px;
  color:#7f8794;
  font-weight:800;
}
.vhb-post-actions .vhb-inline-form{
  margin:0!important;
}
.vhb-post-actions .vhb-action-button,
.vhb-post-actions .vhb-delete-button{
  appearance:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  color:#cfd4dd!important;
  text-decoration:none!important;
  font-weight:800!important;
  font-size:13px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.vhb-post-actions .vhb-action-button:hover,
.vhb-post-actions .vhb-delete-button:hover{
  color:#ffb15c!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* Live score widget cleanup */
.vhb-live-score-card .vhb-score-kicker{display:none!important}
.vhb-live-score-card h3{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.vhb-score-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:12px!important;
  flex-wrap:wrap!important;
}
.vhb-live-now-badge{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:#e33434!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:850!important;
  padding:6px 9px!important;
}
.vhb-score-thread-link{
  color:#e6e9ef!important;
  text-decoration:none!important;
  font-weight:750!important;
  font-size:13px!important;
}
.vhb-score-thread-link:hover{
  color:#ffb15c!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.vhb-live-score-card .vhb-small-button{display:none!important}

/* Profile modal */
.vhb-profile-modal[hidden]{display:none!important}
.vhb-profile-modal{
  position:fixed;
  inset:0;
  z-index:100010;
  display:grid;
  place-items:center;
  padding:18px;
}
.vhb-profile-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(5px);
}
.vhb-profile-card-modal{
  position:relative;
  z-index:1;
  width:min(94vw,420px);
  max-height:90vh;
  overflow:auto;
  border:1px solid rgba(255,130,0,.42);
  border-radius:20px;
  background:linear-gradient(160deg,#151922,#08090c);
  box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 34px rgba(255,130,0,.14);
  padding:26px 24px;
  text-align:center;
}
.vhb-profile-modal-close{
  position:absolute;
  top:10px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.vhb-profile-modal-avatar{display:grid;place-items:center;margin-bottom:12px}
.vhb-profile-modal-avatar img,
.vhb-profile-modal-avatar .vhb-default-avatar{width:96px!important;height:96px!important}
.vhb-profile-card-modal h2{margin:6px 0 4px;font-size:24px}
.vhb-profile-note{color:#b5bbc6;line-height:1.45}
.vhb-profile-card-modal .vhb-profile-avatar-form{text-align:left}

/* Tablet/mobile alignment and metadata behavior */
@media(max-width:900px){
  .vhb-mock-board-title.vhb-directory-title{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
  }
  .vhb-mock-board-title.vhb-directory-title h1{
    white-space:nowrap!important;
    font-size:21px!important;
  }
  .vhb-mock-board-title.vhb-directory-title>div{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .vhb-mock-board-title.vhb-directory-title>div::-webkit-scrollbar{display:none!important}
  .vhb-directory-card{
    grid-template-columns:46px minmax(0,1fr) 48px 48px!important;
    gap:7px 9px!important;
    padding:11px!important;
    min-height:88px!important;
  }
  .vhb-directory-icon.vhb-board-icon{width:42px!important;height:42px!important}
  .vhb-directory-latest small{font-size:10.5px!important}
  .vhb-board-view-head{padding:10px 12px 7px!important}
  .vhb-board-view-head h1{font-size:21px!important}
}
@media(max-width:680px){
  .vhb-board-view-head{
    display:flex!important;
    align-items:flex-start!important;
  }
  .vhb-board-view-head h1{font-size:20px!important}
  .vhb-board-view-head .vhb-button{font-size:13.5px!important;padding:8px 10px!important;white-space:nowrap!important}
  .vhb-directory-card{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-areas:"icon info stats" "icon latest latest"!important;
  }
  .vhb-directory-stat:nth-of-type(3),.vhb-directory-stat:nth-of-type(4){
    grid-area:stats!important;
  }
  .vhb-directory-stat:nth-of-type(4){display:none!important}
}


/* v0.1.29 lightweight polish hotfix: actions, card separation, header buttons, profile CTA */
.vhb-post-card{
  border-color:rgba(255,255,255,.18)!important;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.vhb-post-card:hover{
  border-color:rgba(255,130,0,.72)!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.12);
}

/* Post action link/separator normalization */
.vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex-wrap:wrap!important;
}
.vhb-post-actions > * + *::before{
  content:none!important;
}
.vhb-post-actions .vhb-action-separator{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 12px!important;
  color:#858d99!important;
  font:800 13px/1 var(--vhb-font-ui, Inter, system-ui, sans-serif)!important;
  text-decoration:none!important;
  pointer-events:none!important;
}
.vhb-post-actions .vhb-action-link,
.vhb-post-actions .vhb-action-button,
.vhb-post-actions .vhb-delete-button,
.vhb-post-actions .vhb-inline-form button{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  color:#cfd4dd!important;
  text-decoration:none!important;
  font-family:var(--vhb-font-ui, Inter, system-ui, sans-serif)!important;
  font-weight:800!important;
  font-size:13px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.vhb-post-actions .vhb-action-link:hover,
.vhb-post-actions .vhb-action-link:focus-visible,
.vhb-post-actions .vhb-action-button:hover,
.vhb-post-actions .vhb-action-button:focus-visible,
.vhb-post-actions .vhb-delete-button:hover,
.vhb-post-actions .vhb-delete-button:focus-visible,
.vhb-post-actions .vhb-inline-form button:hover,
.vhb-post-actions .vhb-inline-form button:focus-visible{
  color:#ffb15c!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.vhb-post-actions .vhb-inline-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}

/* Clean account buttons: important actions still look clickable without muddy fills */
.vhb-account-link{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#e8ebf0!important;
  box-shadow:none!important;
  transition:border-color .18s ease, color .18s ease, background .18s ease;
}
.vhb-account-link:hover,
.vhb-account-link:focus-visible{
  background:transparent!important;
  border-color:#ff8200!important;
  color:#ffb15c!important;
}
.vhb-account-join{
  background:linear-gradient(135deg,var(--vhb-orange),#ffad42)!important;
  color:#160a00!important;
  border-color:transparent!important;
}
.vhb-account-join:hover,
.vhb-account-join:focus-visible{
  color:#160a00!important;
  border-color:transparent!important;
}

/* Profile modal Save Avatar should match the primary CTA family */
.vhb-profile-avatar-form .vhb-button,
.vhb-profile-modal .vhb-profile-avatar-form .vhb-button{
  font-family:var(--vhb-font-ui, Inter, system-ui, sans-serif)!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.2!important;
  min-height:54px!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,var(--vhb-orange),#ffad42)!important;
  color:#160a00!important;
  border:0!important;
  box-shadow:none!important;
}
.vhb-profile-avatar-form .vhb-button:hover,
.vhb-profile-avatar-form .vhb-button:focus-visible{
  filter:brightness(1.05);
}
@media(max-width:680px){
  .vhb-post-actions .vhb-action-separator{margin:0 9px!important}
  .vhb-post-actions .vhb-action-link,
  .vhb-post-actions .vhb-action-button,
  .vhb-post-actions .vhb-delete-button,
  .vhb-post-actions .vhb-inline-form button{font-size:13px!important}
}

/* v0.1.30 Home Mode / Board Mode Phase 1 shell + auth/account polish */
:root{
  --vhb-soft-line: rgba(255,255,255,.28);
  --vhb-soft-line-strong: rgba(255,255,255,.34);
}

/* Account/auth button polish */
.vhb-account-link{
  border-color:var(--vhb-soft-line)!important;
  color:#eef1f5!important;
}
.vhb-account-link:hover,
.vhb-account-link:focus-visible{
  border-color:#ff8200!important;
  color:#ffb15c!important;
  background:transparent!important;
}
.vhb-account-join,
.vhb-account-join:hover,
.vhb-account-join:focus-visible{
  color:#160a00!important;
  text-shadow:none!important;
}
.vhb-auth-tabs button,
.vhb-auth-tabs button.active,
.vhb-auth-tabs button:hover,
.vhb-auth-tabs button:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
  border:1px solid var(--vhb-soft-line)!important;
  color:#eef1f5!important;
}
.vhb-auth-tabs button:hover,
.vhb-auth-tabs button:focus-visible,
.vhb-auth-tabs button.active{
  border-color:#ff8200!important;
  color:#ffb15c!important;
}
.vhb-auth-panel .vhb-button,
.vhb-auth-form-actions .vhb-button,
.vhb-auth-form-actions .vhb-small-button{
  background:transparent!important;
  border:1px solid var(--vhb-soft-line)!important;
  color:#eef1f5!important;
  box-shadow:none!important;
}
.vhb-auth-panel .vhb-button:hover,
.vhb-auth-panel .vhb-button:focus-visible,
.vhb-auth-form-actions .vhb-button:hover,
.vhb-auth-form-actions .vhb-button:focus-visible,
.vhb-auth-form-actions .vhb-small-button:hover,
.vhb-auth-form-actions .vhb-small-button:focus-visible{
  background:transparent!important;
  border-color:#ff8200!important;
  color:#ffb15c!important;
}

/* Signed-out board-page prompt: one clean CTA, no redundant mini button */
.vhb-board-view-head-guest .vhb-button,
.vhb-join-callout .vhb-button{
  white-space:nowrap!important;
}
.vhb-join-callout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
}
.vhb-join-callout .vhb-button{
  min-width:220px!important;
  text-align:center!important;
  justify-content:center!important;
}

/* Home Mode shell */
.vhb-mode-main{
  min-width:0;
}
.vhb-home-mode,
.vhb-board-mode{
  width:100%;
}
.vhb-home-hero-card{
  display:block;
  padding:20px 24px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:radial-gradient(circle at 100% 0%,rgba(255,130,0,.13),transparent 34%),linear-gradient(135deg,rgba(18,20,26,.98),rgba(8,9,12,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  margin-bottom:14px;
}
.vhb-home-hero-main{
  min-width:0;
}
.vhb-home-hero-headline-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
}
.vhb-home-kicker{
  display:block;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#ffb15c;
  font-weight:850;
  font-size:12px;
  margin-bottom:7px;
}
.vhb-home-hero-card h1{
  margin:0;
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.035em;
  color:#fff;
}
.vhb-home-hero-card p{
  margin:8px 0 0;
  color:#c5cbd5;
  line-height:1.45;
  max-width:none;
}
.vhb-enter-board-mode{
  align-self:start!important;
  min-height:54px!important;
  padding:14px 24px!important;
  white-space:nowrap!important;
}
.vhb-home-content-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:10px;
}
.vhb-home-story-card{
  display:grid;
  gap:8px;
  min-height:128px;
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(17,19,24,.96),rgba(9,10,13,.98));
  color:#fff;
  text-decoration:none;
  transition:border-color .18s ease, transform .18s ease;
}
.vhb-home-story-card:hover{
  border-color:#ff8200;
  transform:translateY(-1px);
}
.vhb-home-story-card span{
  color:#ffb15c;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:850;
}
.vhb-home-story-card strong{
  font-size:19px;
  line-height:1.18;
}
.vhb-home-story-card em{
  font-style:normal;
  color:#aeb5c1;
  font-size:13px;
}
.vhb-home-story-card-large{
  grid-row:span 2;
  min-height:266px;
  align-content:end;
  background:radial-gradient(circle at 0% 100%,rgba(255,130,0,.12),transparent 42%),linear-gradient(135deg,rgba(21,23,29,.98),rgba(7,8,11,.98));
}
.vhb-home-story-card-large strong{font-size:26px;}

/* Board Mode should feel like the existing center-column board ecosystem, not a boxed dropdown */
.vhb-board-mode[hidden],
.vhb-home-mode[hidden]{display:none!important;}
.vhb-board-mode .vhb-topic-board-panel{width:100%;}
.vhb-exit-board-mode{
  position:sticky;
  top:10px;
  z-index:40;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin:0 0 10px auto;
  padding:9px 13px;
  border:1px solid var(--vhb-soft-line);
  border-radius:999px;
  background:rgba(10,11,14,.92);
  color:#eef1f5;
  font-weight:850;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.vhb-exit-board-mode:hover,
.vhb-exit-board-mode:focus-visible{
  border-color:#ff8200;
  color:#ffb15c;
}
.vhb-board-mode-tools{
  display:flex;
  justify-content:flex-end;
  margin:0 0 8px;
}
.vhb-board-mode-tools .vhb-exit-board-mode{margin-left:auto;}

@media(max-width:900px){
  .vhb-home-hero-card{padding:18px;}
  .vhb-home-hero-headline-row{grid-template-columns:1fr;gap:12px;}
  .vhb-home-hero-card h1{font-size:28px;}
  .vhb-home-content-grid{grid-template-columns:1fr;}
  .vhb-home-story-card-large{grid-row:auto;min-height:180px;}
  .vhb-join-callout{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  .vhb-exit-board-mode{
    position:sticky;
    bottom:12px;
    top:auto;
    margin:10px auto;
    width:calc(100% - 24px);
  }
  .vhb-home-hero-card{border-radius:14px;padding:16px;}
  .vhb-home-hero-card h1{font-size:25px;}
  .vhb-home-story-card strong{font-size:18px;}
}

/* v0.1.31 Board Mode stabilization + guest/auth cleanup */
:root{
  --vhb-account-line-v31: rgba(255,255,255,.38);
}

/* Board pages: keep the persistent Exit control available without pushing titles down */
.vhb-board-mode-tools{
  position:sticky!important;
  top:10px!important;
  z-index:80!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
.vhb-board-mode-tools .vhb-exit-board-mode,
.vhb-board-mode-tools .vhb-exit-board-mode-link{
  pointer-events:auto!important;
  margin:0 0 0 auto!important;
}
.vhb-board-mode > .vhb-exit-board-mode{
  position:sticky!important;
  top:10px!important;
  z-index:80!important;
}

/* Restore top alignment after Exit Message Board became part of the shell */
.vhb-topic-board-panel .vhb-board-view-head,
.vhb-main > .vhb-thread-head{
  margin-top:0!important;
}
.vhb-board-view-head{
  align-items:flex-start!important;
}

/* Signed-out board pages: one clear CTA, smaller and less bulky */
.vhb-board-view-head-guest .vhb-guest-post-cta,
.vhb-board-view-head-guest .vhb-button{
  font-size:14px!important;
  font-weight:760!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}

/* Account/auth buttons: remove remaining orange/muddy fill from Join controls */
.vhb-account-link,
.vhb-account-join,
.vhb-account-join:hover,
.vhb-account-join:focus-visible,
.vhb-auth-tabs button,
.vhb-auth-panel .vhb-button,
.vhb-auth-form-actions .vhb-button,
.vhb-auth-form-actions .vhb-small-button{
  background:transparent!important;
  background-image:none!important;
  border:1px solid var(--vhb-account-line-v31)!important;
  color:#eef1f5!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.vhb-account-link:hover,
.vhb-account-link:focus-visible,
.vhb-account-join:hover,
.vhb-account-join:focus-visible,
.vhb-auth-tabs button:hover,
.vhb-auth-tabs button:focus-visible,
.vhb-auth-tabs button.active,
.vhb-auth-panel .vhb-button:hover,
.vhb-auth-panel .vhb-button:focus-visible,
.vhb-auth-form-actions .vhb-button:hover,
.vhb-auth-form-actions .vhb-button:focus-visible,
.vhb-auth-form-actions .vhb-small-button:hover,
.vhb-auth-form-actions .vhb-small-button:focus-visible{
  background:transparent!important;
  background-image:none!important;
  border-color:#ff8200!important;
  color:#ffb15c!important;
}

@media(max-width:680px){
  .vhb-board-mode-tools{
    top:auto!important;
    bottom:12px!important;
    justify-content:center!important;
  }
  .vhb-board-mode-tools .vhb-exit-board-mode,
  .vhb-board-mode-tools .vhb-exit-board-mode-link{
    width:calc(100% - 24px)!important;
    max-width:360px!important;
  }
  .vhb-board-view-head-guest{
    gap:8px!important;
  }
  .vhb-board-view-head-guest .vhb-guest-post-cta,
  .vhb-board-view-head-guest .vhb-button{
    font-size:13px!important;
    min-height:34px!important;
    padding:8px 10px!important;
  }
}


/* v0.1.32 Exit Message Board shell-control stabilization */
.vhb-exit-board-mode-global{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  top:auto!important;
  z-index:9999!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  margin:0!important;
  padding:13px 18px!important;
  border:1.5px solid rgba(255,255,255,.48)!important;
  border-radius:999px!important;
  background:rgba(12,14,18,.96)!important;
  color:#f4f6fa!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42), 0 0 0 1px rgba(255,130,0,.12) inset!important;
  cursor:pointer!important;
}
.vhb-exit-board-mode-global:hover,
.vhb-exit-board-mode-global:focus-visible{
  border-color:#ff8200!important;
  color:#ffb15c!important;
  background:rgba(14,15,18,.98)!important;
}
.vhb-board-mode-tools{display:none!important;}
.vhb-exit-board-mode-sidebar{
  margin-bottom:8px!important;
  border-color:rgba(255,255,255,.28)!important;
}
.vhb-exit-board-mode-sidebar strong{color:#eef1f5!important;}
.vhb-exit-board-mode-sidebar:hover strong{color:#ffb15c!important;}
@media(max-width:680px){
  .vhb-exit-board-mode-global{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    padding:13px 14px!important;
    font-size:13px!important;
  }
}

/* v0.1.33 Exit Message Board bottom-centered stabilization
   Use one reliable device-agnostic pattern: fixed bottom center + left-rail backup. */
.vhb-exit-board-mode-global,
.vhb-board-mode > .vhb-exit-board-mode,
.vhb-layout > .vhb-exit-board-mode-global{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:99999!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 28px)!important;
  margin:0!important;
  padding:14px 20px!important;
  border:1.5px solid rgba(255,255,255,.56)!important;
  border-radius:999px!important;
  background:rgba(10,12,16,.98)!important;
  color:#f4f6fa!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52), 0 0 0 1px rgba(255,130,0,.16) inset!important;
  cursor:pointer!important;
}
.vhb-exit-board-mode-global:hover,
.vhb-exit-board-mode-global:focus-visible,
.vhb-board-mode > .vhb-exit-board-mode:hover,
.vhb-board-mode > .vhb-exit-board-mode:focus-visible,
.vhb-layout > .vhb-exit-board-mode-global:hover,
.vhb-layout > .vhb-exit-board-mode-global:focus-visible{
  border-color:#ff8200!important;
  color:#ffb15c!important;
  background:rgba(12,14,18,1)!important;
}
/* Prevent old sticky/header positioning rules from reserving page space. */
.vhb-board-mode-tools{display:none!important;}
/* Leave enough breathing room so the fixed exit pill doesn't cover final-page controls. */
.vhb-board-mode,
.vhb-main,
.vhb-topic-board-panel{padding-bottom:72px;}
@media(max-width:680px){
  .vhb-exit-board-mode-global,
  .vhb-board-mode > .vhb-exit-board-mode,
  .vhb-layout > .vhb-exit-board-mode-global{
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    padding:13px 16px!important;
    font-size:13px!important;
  }
  .vhb-board-mode,
  .vhb-main,
  .vhb-topic-board-panel{padding-bottom:78px;}
}

/* v0.1.34 Thread bubble interior layout + board icon polish */
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px 36px minmax(0,1fr)!important;
  grid-template-areas:"avatar quote label" "body body body"!important;
  column-gap:10px!important;
  row-gap:10px!important;
  align-items:center!important;
  padding:18px 20px 22px!important;
}
.vhb-quote-current-avatar{
  grid-area:avatar!important;
  align-self:center!important;
  justify-self:start!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
}
.vhb-quote-current-avatar img,
.vhb-quote-current-avatar .vhb-default-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current:before{
  grid-area:quote!important;
  position:static!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
  font-size:48px!important;
  line-height:.72!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  grid-area:label!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
  grid-area:body!important;
  padding:8px 0 0!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain{
  display:block!important;
  padding:18px 20px 22px!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain[hidden]{display:none!important}
.vhb-quote-preview.vhb-chain-expanded .vhb-chain-item,
.vhb-reply-chain .vhb-chain-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px 36px minmax(0,1fr)!important;
  grid-template-areas:"avatar quote label" "body body body"!important;
  column-gap:10px!important;
  row-gap:10px!important;
  align-items:center!important;
  padding:14px 0 18px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.vhb-quote-preview.vhb-chain-expanded .vhb-chain-item + .vhb-chain-item,
.vhb-reply-chain .vhb-chain-item + .vhb-chain-item{
  border-top:1px solid rgba(255,255,255,.20)!important;
  margin-top:0!important;
  padding-top:18px!important;
}
.vhb-chain-avatar{
  grid-area:avatar!important;
  width:40px!important;
  height:40px!important;
  align-self:center!important;
  justify-self:start!important;
}
.vhb-chain-avatar img,
.vhb-chain-avatar .vhb-default-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.vhb-reply-chain .vhb-chain-item:before{
  grid-area:quote!important;
  position:static!important;
  content:"\201C"!important;
  color:#ff8200!important;
  font-family:Georgia,serif!important;
  font-size:48px!important;
  line-height:.72!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
.vhb-reply-chain .vhb-chain-item strong{
  grid-area:label!important;
  align-self:center!important;
  margin:0!important;
  color:#ff8a24!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
}
.vhb-reply-chain .vhb-chain-item p{
  grid-area:body!important;
  padding:6px 0 0!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}
.vhb-left-nav-exit-only{padding:12px!important}
@media(max-width:680px){
  .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  .vhb-quote-preview.vhb-chain-expanded .vhb-chain-item,
  .vhb-reply-chain .vhb-chain-item{
    grid-template-columns:34px 28px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .vhb-quote-current-avatar,
  .vhb-quote-current-avatar img,
  .vhb-quote-current-avatar .vhb-default-avatar,
  .vhb-chain-avatar,
  .vhb-chain-avatar img,
  .vhb-chain-avatar .vhb-default-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current:before,
  .vhb-reply-chain .vhb-chain-item:before{
    font-size:38px!important;
  }
  .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    padding:16px 14px 18px!important;
  }
  .vhb-quote-preview.vhb-chain-expanded .vhb-reply-chain{
    padding:14px 14px 18px!important;
  }
}

/* v0.1.35 Home Mode content prototype + CTA/avatar polish */
.vhb-home-content-prototype{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr)!important;
  grid-template-areas:
    "feature small1"
    "feature small2"
    "ad ad"
    "small3 insider"
    "small4 insider"!important;
  gap:12px!important;
}
.vhb-home-content-prototype .vhb-home-story-card,
.vhb-home-content-prototype .vhb-home-banner-ad{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:148px!important;
  padding:16px!important;
  border-color:rgba(255,255,255,.22)!important;
}
.vhb-home-content-prototype .vhb-home-story-card-large{
  min-height:316px!important;
  align-content:end!important;
  padding:22px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:nth-of-type(1){grid-area:feature!important;}
.vhb-home-content-prototype .vhb-home-story-card:nth-of-type(2){grid-area:small1!important;}
.vhb-home-content-prototype .vhb-home-story-card:nth-of-type(3){grid-area:small2!important;}
.vhb-home-content-prototype .vhb-home-banner-ad{grid-area:ad!important;}
.vhb-home-content-prototype .vhb-home-story-card:nth-of-type(4){grid-area:small3!important;}
.vhb-home-content-prototype .vhb-home-story-card:nth-of-type(5){grid-area:small4!important;}
.vhb-home-content-prototype .vhb-home-card-insider{grid-area:insider!important;}
.vhb-home-content-prototype .vhb-home-story-card span,
.vhb-home-content-prototype .vhb-home-banner-ad span{
  position:relative!important;
  z-index:2!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,130,0,.50)!important;
  border-radius:999px!important;
  background:rgba(8,9,12,.58)!important;
  color:#ffb15c!important;
}
.vhb-home-content-prototype .vhb-home-story-card strong,
.vhb-home-content-prototype .vhb-home-story-card em,
.vhb-home-content-prototype .vhb-home-banner-ad strong,
.vhb-home-content-prototype .vhb-home-banner-ad em{
  position:relative!important;
  z-index:2!important;
}
.vhb-home-content-prototype .vhb-home-story-card strong{max-width:95%;}
.vhb-home-content-prototype .vhb-home-story-card-large strong{font-size:27px!important;line-height:1.08!important;}
.vhb-home-content-prototype .vhb-home-card-insider strong{
  font-size:29px!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.58)!important;
}
.vhb-home-content-prototype .vhb-home-story-card i{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.92!important;
}
.vhb-card-art-backcourt i,
.vhb-card-art-recruiting i,
.vhb-card-art-poll i,
.vhb-card-art-community i,
.vhb-card-art-xo i,
.vhb-card-art-insider i{
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
.vhb-card-art-backcourt i{background-image:linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.24)),url('../images/home/feature_game_action.png')!important;}
.vhb-card-art-recruiting i{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.25)),url('../images/home/recruiting_watch.png')!important;}
.vhb-card-art-poll i{background-image:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.27)),url('../images/home/fan_poll.png')!important;}
.vhb-card-art-community i{background-image:linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.28)),url('../images/home/community_spotlight.png')!important;}
.vhb-card-art-xo i{background-image:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.26)),url('../images/home/xo_analysis.png')!important;}
.vhb-card-art-insider{background:linear-gradient(135deg,rgba(10,11,14,.98),rgba(22,23,28,.98))!important;}
.vhb-card-art-insider i{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.30)),url('../images/home/the_insider.png')!important;}

.vhb-home-content-prototype .vhb-card-has-custom-image i{
  background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
  background-size:cover!important;
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
  }
}
.vhb-card-art-backcourt i:before,
.vhb-card-art-recruiting i:before,
.vhb-card-art-poll i:before,
.vhb-card-art-community i:before,
.vhb-card-art-xo i:before,
.vhb-card-art-insider i:before{content:none!important;display:none!important;}
.vhb-home-banner-ad{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px dashed rgba(255,255,255,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,130,0,.10),rgba(255,255,255,.04)),rgba(11,12,16,.94)!important;
  color:#fff!important;
}
.vhb-home-banner-ad strong{font-size:20px!important;letter-spacing:-.02em!important;}
.vhb-home-banner-ad em{font-style:normal!important;color:#aeb5c1!important;font-size:13px!important;}
@keyframes vhbFloatCard{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes vhbPulseInsider{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.04);opacity:1}}

/* Use the successful signed-out reply CTA as the orange CTA typography model. */
.vhb-enter-board-mode,
.vhb-guest-post-cta,
.vhb-join-callout .vhb-button,
.vhb-reply-box .vhb-button,
.vhb-topic-form .vhb-button,
.vhb-profile-avatar-form .vhb-button{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.05!important;
  letter-spacing:-.01em!important;
}
.vhb-board-view-head-guest .vhb-guest-post-cta{
  font-size:15px!important;
  font-weight:850!important;
}

/* Default basketball avatar centering after compact bubble header refactor. */
.vhb-quote-current-avatar .vhb-default-avatar,
.vhb-chain-avatar .vhb-default-avatar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  line-height:1!important;
}
.vhb-quote-current-avatar .vhb-default-avatar span,
.vhb-chain-avatar .vhb-default-avatar span{
  display:block!important;
  transform:translateY(1px) scale(.86)!important;
  line-height:1!important;
}

@media(max-width:900px){
  .vhb-home-content-prototype{grid-template-columns:1fr!important;grid-template-areas:"feature" "small1" "small2" "ad" "insider" "small3" "small4"!important;}
  .vhb-home-content-prototype .vhb-home-story-card-large{min-height:220px!important;}
  .vhb-home-content-prototype .vhb-home-card-insider strong{font-size:25px!important;}
}
@media(max-width:680px){
  .vhb-enter-board-mode{font-size:22px!important;font-weight:850!important;min-height:62px!important;}
  .vhb-home-content-prototype .vhb-home-story-card{min-height:140px!important;}
  .vhb-home-content-prototype .vhb-home-story-card-large{min-height:210px!important;}
  .vhb-home-content-prototype .vhb-home-card-insider strong{font-size:23px!important;}
  .vhb-home-banner-ad{display:grid!important;justify-items:start!important;min-height:96px!important;}
}


/* v0.1.36 Insider card hierarchy refinement */
/* v0.1.37 Home Mode realistic media card imagery */
.vhb-home-content-prototype .vhb-home-card-insider{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-title{
  position:relative!important;
  z-index:2!important;
  max-width:72%!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.58)!important;
}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-teaser{
  position:relative!important;
  z-index:2!important;
  max-width:78%!important;
  color:#d8dde6!important;
  font-style:normal!important;
  font-weight:800!important;
  font-size:20px!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55)!important;
}
@media (max-width: 680px){
  .vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-title{font-size:28px!important;max-width:78%!important;}
  .vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-teaser{font-size:18px!important;max-width:86%!important;}
}

/* v0.1.40 Home footer, second ad slot, Insider placement, and icon polish */
.vhb-home-content-prototype{
  grid-template-areas:
    "feature small1"
    "feature small2"
    "ad ad"
    "small3 insider"
    "small4 insider"
    "ad2 ad2"!important;
}
.vhb-home-content-prototype .vhb-home-banner-ad-primary{grid-area:ad!important;}
.vhb-home-content-prototype .vhb-home-banner-ad-secondary{grid-area:ad2!important;}
.vhb-home-content-prototype .vhb-home-card-insider{
  justify-content:flex-start!important;
  padding-top:22px!important;
}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-title{
  margin-top:0!important;
}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-teaser{
  margin-top:auto!important;
  margin-bottom:0!important;
}
.vhb-site-footer{
  margin-top:16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,130,0,.10),rgba(255,255,255,.04)),rgba(11,12,16,.96)!important;
  padding:22px!important;
  color:#dfe3ea!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
}
.vhb-footer-brand img{
  width:150px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  margin-bottom:8px!important;
}
.vhb-footer-brand p,
.vhb-footer-copy{
  margin:0!important;
  color:#aeb5c1!important;
  font-size:13px!important;
}
.vhb-footer-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 14px!important;
  align-items:center!important;
}
.vhb-footer-links a{
  color:#dfe3ea!important;
  text-decoration:none!important;
  font-weight:800!important;
  font-size:13px!important;
}
.vhb-footer-links a:hover{color:#ff8a18!important;}
.vhb-footer-legal{justify-content:flex-end!important;}
.vhb-footer-copy{grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:12px!important;}
@media(max-width:900px){
  .vhb-home-content-prototype{grid-template-areas:"feature" "small1" "small2" "ad" "insider" "small3" "small4" "ad2"!important;}
  .vhb-site-footer{grid-template-columns:1fr!important;align-items:start!important;}
  .vhb-footer-legal{justify-content:flex-start!important;}
}
@media(max-width:680px){
  .vhb-site-footer{padding:18px!important;border-radius:18px!important;}
  .vhb-footer-brand img{width:128px!important;}
}

/* v0.1.41 footer polish + functional Admin Panel support */
.vhb-site-footer{
  grid-column:1/-1!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.9fr) minmax(160px,.7fr)!important;
  align-items:start!important;
}
.vhb-footer-links,
.vhb-footer-legal{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.vhb-footer-links span{
  color:#ffb15c!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:11px!important;
  font-weight:900!important;
  margin-bottom:2px!important;
}
.vhb-footer-links a{
  line-height:1.2!important;
}
.vhb-footer-copy{
  text-align:center!important;
}
@media(max-width:900px){
  .vhb-site-footer{grid-template-columns:1fr!important;}
  .vhb-footer-copy{text-align:left!important;}
}

/* v0.1.42 article routing, admin card usability, footer stabilization */
.vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
  grid-column:1/-1!important;
  order:99!important;
  width:100%!important;
  max-width:none!important;
  margin:18px 0 0!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1.15fr) minmax(280px,1fr) minmax(180px,.72fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.vhb-site-footer .vhb-footer-brand img{width:128px!important;margin-bottom:6px!important;}
.vhb-site-footer .vhb-footer-brand p,.vhb-site-footer .vhb-footer-copy{font-size:12px!important;line-height:1.35!important;}
.vhb-site-footer .vhb-footer-links{gap:6px 12px!important;}
.vhb-site-footer .vhb-footer-links span{font-size:10px!important;letter-spacing:.17em!important;margin-bottom:1px!important;}
.vhb-site-footer .vhb-footer-links a{font-size:12px!important;font-weight:800!important;line-height:1.15!important;}
.vhb-site-footer .vhb-footer-copy{grid-column:1/-1!important;text-align:left!important;padding-top:10px!important;}
@media(max-width:900px){
  .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
    order:99!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px 18px!important;
    padding:14px!important;
  }
  .vhb-site-footer .vhb-footer-brand{grid-column:1/-1!important;}
  .vhb-site-footer .vhb-footer-brand img{width:120px!important;}
  .vhb-site-footer .vhb-footer-copy{grid-column:1/-1!important;}
}
@media(max-width:680px){
  .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
    order:99!important;
    grid-template-columns:1fr 1fr!important;
    border-radius:16px!important;
    padding:14px!important;
  }
  .vhb-site-footer .vhb-footer-links a{font-size:12px!important;}
  .vhb-site-footer .vhb-footer-brand p{font-size:12px!important;}
}
.vhb-home-content-prototype .vhb-home-story-card span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  line-height:1!important;
  padding:4px 10px 5px!important;
  vertical-align:middle!important;
}
.vhb-admin-home-layout{
  grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr)!important;
  grid-template-areas:
    "topfeature topsmall1"
    "topfeature topsmall2"
    "banner1 banner1"
    "bottomsmall1 insider"
    "bottomsmall2 insider"
    "banner2 banner2"!important;
  align-items:stretch!important;
}
.vhb-admin-slot-top-feature{grid-area:topfeature!important;}
.vhb-admin-slot-top-small-1{grid-area:topsmall1!important;}
.vhb-admin-slot-top-small-2{grid-area:topsmall2!important;}
.vhb-admin-banner-1{grid-area:banner1!important;}
.vhb-admin-slot-bottom-small-1{grid-area:bottomsmall1!important;}
.vhb-admin-slot-bottom-small-2{grid-area:bottomsmall2!important;}
.vhb-admin-slot-insider{grid-area:insider!important;}
.vhb-admin-banner-2{grid-area:banner2!important;}
.vhb-admin-home-layout .vhb-admin-card{display:flex!important;flex-direction:column!important;}
.vhb-admin-home-layout .vhb-admin-card label{margin-top:9px!important;}
.vhb-admin-home-layout .vhb-admin-card input[type=text],
.vhb-admin-home-layout .vhb-admin-card input[type=url],
.vhb-admin-home-layout .vhb-admin-card textarea{padding:8px 10px!important;}
.vhb-admin-home-layout .vhb-admin-card textarea{min-height:64px!important;}
.vhb-admin-slot-top-small-1,.vhb-admin-slot-top-small-2,.vhb-admin-slot-bottom-small-1,.vhb-admin-slot-bottom-small-2{padding:14px!important;}
.vhb-admin-slot-top-small-1 h3,.vhb-admin-slot-top-small-2 h3,.vhb-admin-slot-bottom-small-1 h3,.vhb-admin-slot-bottom-small-2 h3{font-size:19px!important;margin-bottom:8px!important;}
.vhb-save-card-button{margin-top:14px!important;align-self:flex-start!important;background:#ff8a18!important;border-color:#ff8a18!important;color:#111!important;font-weight:900!important;border-radius:999px!important;}
.vhb-admin-mini-preview span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  line-height:1!important;
  padding:3px 8px!important;
  border:1px solid rgba(255,130,0,.45)!important;
  border-radius:999px!important;
  color:#ffb15c!important;
}
.vhb-admin-banner-slot{border:1px dashed rgba(255,255,255,.22);border-radius:18px;padding:18px;background:linear-gradient(135deg,rgba(255,130,0,.10),rgba(255,255,255,.04)),#101218;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#dfe3ea;}
.vhb-admin-banner-slot span{color:#ffb15c;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:11px;}
.vhb-admin-banner-slot strong{font-size:20px;color:#fff;}
.vhb-admin-banner-slot em{font-style:normal;color:#aeb5c1;}
@media(max-width:900px){.vhb-admin-home-layout{grid-template-columns:1fr!important;grid-template-areas:"topfeature" "topsmall1" "topsmall2" "banner1" "bottomsmall1" "bottomsmall2" "insider" "banner2"!important;}}
.vhb-article-layout .vhb-site-footer{grid-column:1/-1!important;order:99!important;}
.vhb-article-main{min-width:0!important;}
.vhb-article-card{border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(20,23,29,.98),rgba(9,10,14,.98));box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045);padding:26px;color:#e9edf5;}
.vhb-article-back{display:inline-flex;margin-bottom:18px;color:#ffb15c!important;text-decoration:none!important;font-weight:900;}
.vhb-article-head span{display:inline-block;color:#ffb15c;text-transform:uppercase;letter-spacing:.17em;font-weight:900;font-size:12px;margin-bottom:10px;}
.vhb-article-head h1{margin:0;color:#fff;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em;}
.vhb-article-head p{color:#aeb5c1;margin:12px 0 0;}
.vhb-article-featured{margin:22px 0 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);}
.vhb-article-featured img{display:block;width:100%;height:auto;}
.vhb-article-content{margin-top:22px;font-size:18px;line-height:1.75;color:#e4e8f0;}
.vhb-article-content p{margin:0 0 1.1em;}
.vhb-article-content a{color:#ffb15c;}


/* v0.1.47 Admin Home Cards geometry hotfix */
.vhb-admin-home-layout{align-items:start!important;grid-auto-rows:auto!important;}
.vhb-admin-slot-top-feature,.vhb-admin-slot-insider{align-self:start!important;}
.vhb-admin-slot-top-small-1,.vhb-admin-slot-top-small-2,.vhb-admin-slot-bottom-small-1,.vhb-admin-slot-bottom-small-2{align-self:start!important;padding:11px 12px!important;}
.vhb-admin-slot-top-small-1 .vhb-admin-card-head,.vhb-admin-slot-top-small-2 .vhb-admin-card-head,.vhb-admin-slot-bottom-small-1 .vhb-admin-card-head,.vhb-admin-slot-bottom-small-2 .vhb-admin-card-head{margin-bottom:4px!important;}
.vhb-admin-slot-top-small-1 h3,.vhb-admin-slot-top-small-2 h3,.vhb-admin-slot-bottom-small-1 h3,.vhb-admin-slot-bottom-small-2 h3{font-size:17px!important;margin:3px 0 5px!important;line-height:1.05!important;}
.vhb-admin-slot-top-small-1 label,.vhb-admin-slot-top-small-2 label,.vhb-admin-slot-bottom-small-1 label,.vhb-admin-slot-bottom-small-2 label{margin-top:6px!important;font-size:14px!important;line-height:1.08!important;}
.vhb-admin-slot-top-small-1 input[type=text],.vhb-admin-slot-top-small-1 input[type=url],.vhb-admin-slot-top-small-2 input[type=text],.vhb-admin-slot-top-small-2 input[type=url],.vhb-admin-slot-bottom-small-1 input[type=text],.vhb-admin-slot-bottom-small-1 input[type=url],.vhb-admin-slot-bottom-small-2 input[type=text],.vhb-admin-slot-bottom-small-2 input[type=url]{padding:5px 8px!important;min-height:30px!important;margin-top:4px!important;}
.vhb-admin-slot-top-small-1 textarea,.vhb-admin-slot-top-small-2 textarea,.vhb-admin-slot-bottom-small-1 textarea,.vhb-admin-slot-bottom-small-2 textarea{padding:5px 8px!important;min-height:38px!important;height:38px!important;margin-top:4px!important;}
.vhb-admin-slot-top-small-1 .vhb-admin-mini-preview,.vhb-admin-slot-top-small-2 .vhb-admin-mini-preview,.vhb-admin-slot-bottom-small-1 .vhb-admin-mini-preview,.vhb-admin-slot-bottom-small-2 .vhb-admin-mini-preview{margin-top:8px!important;padding:8px 10px!important;border-radius:12px!important;}
.vhb-admin-slot-top-small-1 .vhb-save-card-button,.vhb-admin-slot-top-small-2 .vhb-save-card-button,.vhb-admin-slot-bottom-small-1 .vhb-save-card-button,.vhb-admin-slot-bottom-small-2 .vhb-save-card-button{margin-top:9px!important;padding:5px 14px!important;min-height:34px!important;line-height:1!important;}
.vhb-admin-view-home-only{position:static!important;box-shadow:none!important;background:transparent!important;border:0!important;padding:0!important;margin:14px 0 0!important;}
.vhb-admin-view-home-only .button{background:transparent!important;border-color:#3c63ff!important;color:#6f8cff!important;}

/* v0.1.47 Desktop footer clear fix: keep the footer below both rails instead of allowing sticky sidebars to visually overlap it. */
@media(min-width:1161px){
  .vhb-home-v2-layout > .vhb-left-rail,
  .vhb-home-v2-layout > .vhb-right-rail{position:relative!important;top:auto!important;}
  .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{grid-column:1 / -1!important;clear:both!important;margin-top:24px!important;position:relative!important;z-index:1!important;}
}

/* v0.1.48 structural Home Cards layout: explicit clusters replace row-spanning grid behavior. */.vhb-admin-home-layout-v2{display:flex!important;flex-direction:column!important;gap:14px!important}.vhb-admin-card-cluster{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr)!important;gap:14px!important;align-items:start!important}.vhb-admin-small-stack{display:flex!important;flex-direction:column!important;gap:14px!important}.vhb-admin-card-cluster>.vhb-admin-card,.vhb-admin-small-stack>.vhb-admin-card{align-self:start!important;width:100%!important;box-sizing:border-box!important}.vhb-admin-card-cluster>.vhb-admin-card,.vhb-admin-small-stack>.vhb-admin-card{grid-area:auto!important}.vhb-admin-slot-top-feature,.vhb-admin-slot-insider{min-height:0!important;height:auto!important}.vhb-admin-slot-top-feature .vhb-admin-mini-preview,.vhb-admin-slot-insider .vhb-admin-mini-preview{margin-top:12px!important;padding:10px 12px!important}.vhb-admin-small-stack .vhb-admin-card{padding:9px 11px!important}.vhb-admin-small-stack .vhb-admin-card-head{gap:8px!important;margin-bottom:2px!important}.vhb-admin-small-stack .vhb-admin-card h3{font-size:16px!important;line-height:1.04!important;margin:2px 0 4px!important}.vhb-admin-small-stack .vhb-admin-card span{font-size:9px!important;letter-spacing:.14em!important}.vhb-admin-small-stack .vhb-admin-card label{font-size:13px!important;line-height:1.04!important;margin-top:5px!important}.vhb-admin-small-stack .vhb-admin-card input[type=text],.vhb-admin-small-stack .vhb-admin-card input[type=url]{min-height:28px!important;padding:4px 7px!important;margin-top:3px!important;border-radius:9px!important}.vhb-admin-small-stack .vhb-admin-card textarea{min-height:34px!important;height:34px!important;padding:4px 7px!important;margin-top:3px!important;border-radius:9px!important}.vhb-admin-small-stack .vhb-admin-mini-preview{margin-top:7px!important;padding:7px 9px!important}.vhb-admin-small-stack .vhb-admin-mini-preview strong{font-size:12px!important;line-height:1.08!important;margin:3px 0 1px!important}.vhb-admin-small-stack .vhb-admin-mini-preview em{font-size:11px!important;line-height:1.12!important}.vhb-admin-small-stack .vhb-save-card-button{margin-top:7px!important;padding:4px 12px!important;min-height:30px!important;line-height:1!important}.vhb-admin-home-form label{color:#ff8a18!important}.vhb-admin-home-form label input,.vhb-admin-home-form label textarea{color:#f5f6f8!important}.vhb-admin-home-form .vhb-admin-switch{color:#ff8a18!important}@media(max-width:900px){.vhb-admin-card-cluster{grid-template-columns:1fr!important}.vhb-admin-small-stack{gap:14px!important}.vhb-admin-small-stack .vhb-admin-card{padding:14px!important}.vhb-admin-small-stack .vhb-admin-card textarea{min-height:64px!important;height:auto!important}}


/* v0.1.49 Home Cards geometry refinement: compact the paired small-card stacks without stretching feature editors. */
.vhb-admin-home-layout-v2{gap:12px!important;}
.vhb-admin-card-cluster{gap:12px!important;align-items:start!important;}
.vhb-admin-small-stack{gap:8px!important;align-self:start!important;}
.vhb-admin-small-stack .vhb-admin-card{padding:6px 9px!important;border-radius:15px!important;}
.vhb-admin-small-stack .vhb-admin-card-head{gap:6px!important;margin-bottom:0!important;align-items:flex-start!important;}
.vhb-admin-small-stack .vhb-admin-card span{font-size:8px!important;letter-spacing:.16em!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-card h3{font-size:15px!important;line-height:1!important;margin:1px 0 3px!important;}
.vhb-admin-small-stack .vhb-admin-switch{font-size:13px!important;gap:5px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-card label{font-size:12px!important;line-height:1!important;margin-top:3px!important;}
.vhb-admin-small-stack .vhb-admin-card input[type=text],
.vhb-admin-small-stack .vhb-admin-card input[type=url]{min-height:24px!important;height:24px!important;padding:2px 7px!important;margin-top:2px!important;border-radius:8px!important;line-height:1.1!important;}
.vhb-admin-small-stack .vhb-admin-card textarea{min-height:28px!important;height:28px!important;padding:3px 7px!important;margin-top:2px!important;border-radius:8px!important;line-height:1.12!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview{margin-top:5px!important;padding:5px 8px!important;border-radius:11px!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview span{font-size:8px!important;min-height:18px!important;padding:2px 6px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview strong{font-size:11px!important;line-height:1.05!important;margin:2px 0 0!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview em{font-size:10px!important;line-height:1.08!important;}
.vhb-admin-small-stack .vhb-save-card-button{margin-top:5px!important;padding:3px 11px!important;min-height:26px!important;font-size:13px!important;line-height:1!important;}
.vhb-admin-slot-top-feature,.vhb-admin-slot-insider{padding-bottom:14px!important;}
.vhb-admin-slot-top-feature .vhb-admin-mini-preview,.vhb-admin-slot-insider .vhb-admin-mini-preview{margin-top:10px!important;padding:9px 11px!important;}
.vhb-admin-slot-top-feature .vhb-save-card-button,.vhb-admin-slot-insider .vhb-save-card-button{margin-top:10px!important;}
@media(max-width:900px){
  .vhb-admin-small-stack{gap:14px!important;}
  .vhb-admin-small-stack .vhb-admin-card{padding:14px!important;}
  .vhb-admin-small-stack .vhb-admin-card input[type=text],
  .vhb-admin-small-stack .vhb-admin-card input[type=url]{height:auto!important;min-height:30px!important;padding:5px 8px!important;}
  .vhb-admin-small-stack .vhb-admin-card textarea{height:auto!important;min-height:64px!important;padding:8px 10px!important;}
}


/* v0.1.51 Final Home Cards geometry pass: tighten only paired small editors and brighten editor borders. */
.vhb-admin-home-layout-v2 .vhb-admin-card{
  border-color:rgba(255,255,255,.86)!important;
}
.vhb-admin-home-layout-v2 .vhb-admin-mini-preview{
  border-color:rgba(255,255,255,.42)!important;
}
.vhb-admin-home-layout-v2 input[type=text],
.vhb-admin-home-layout-v2 input[type=url],
.vhb-admin-home-layout-v2 textarea{
  border-color:rgba(255,255,255,.34)!important;
}
.vhb-admin-small-stack{gap:4px!important;}
.vhb-admin-small-stack .vhb-admin-card{padding:4px 8px!important;}
.vhb-admin-small-stack .vhb-admin-card-head{margin-bottom:0!important;gap:5px!important;}
.vhb-admin-small-stack .vhb-admin-card h3{font-size:16px!important;margin:0 0 3px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-switch{font-size:12px!important;gap:4px!important;}
.vhb-admin-small-stack .vhb-admin-card label{font-size:12px!important;margin-top:2px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-card input[type=text],
.vhb-admin-small-stack .vhb-admin-card input[type=url]{height:22px!important;min-height:22px!important;padding:1px 7px!important;margin-top:1px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-card textarea{height:24px!important;min-height:24px!important;padding:2px 7px!important;margin-top:1px!important;line-height:1.05!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview{margin-top:3px!important;padding:3px 8px!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview span{min-height:15px!important;padding:1px 6px!important;font-size:7px!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview strong{font-size:10px!important;line-height:1!important;margin:1px 0 0!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview em{font-size:9px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-save-card-button{margin-top:3px!important;min-height:23px!important;padding:2px 10px!important;font-size:12px!important;}
@media(max-width:900px){
  .vhb-admin-home-layout-v2 .vhb-admin-card{border-color:rgba(255,255,255,.72)!important;}
  .vhb-admin-small-stack{gap:14px!important;}
  .vhb-admin-small-stack .vhb-admin-card{padding:14px!important;}
}


/* v0.1.54 Home Cards midpoint balance: keep v0.1.52 bright borders, preserve the v0.1.53 between-card gap feel, but trim the total small-stack height back toward the midpoint. */
.vhb-admin-small-stack{gap:8px!important;}
.vhb-admin-small-stack .vhb-admin-card{padding:5px 9px!important;}
.vhb-admin-small-stack .vhb-admin-card-head{margin-bottom:1px!important;gap:6px!important;}
.vhb-admin-small-stack .vhb-admin-card h3{font-size:16px!important;margin:0 0 3px!important;line-height:1.01!important;}
.vhb-admin-small-stack .vhb-admin-switch{font-size:12px!important;gap:4px!important;}
.vhb-admin-small-stack .vhb-admin-card label{font-size:12px!important;margin-top:2px!important;line-height:1!important;}
.vhb-admin-small-stack .vhb-admin-card input[type=text],.vhb-admin-small-stack .vhb-admin-card input[type=url]{height:23px!important;min-height:23px!important;padding:2px 7px!important;margin-top:1px!important;line-height:1.03!important;}
.vhb-admin-small-stack .vhb-admin-card textarea{height:25px!important;min-height:25px!important;padding:2px 7px!important;margin-top:1px!important;line-height:1.06!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview{margin-top:4px!important;padding:4px 8px!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview span{min-height:16px!important;padding:1px 6px!important;font-size:7px!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview strong{font-size:10.25px!important;line-height:1.03!important;margin:1px 0 0!important;}
.vhb-admin-small-stack .vhb-admin-mini-preview em{font-size:9.25px!important;line-height:1.03!important;}
.vhb-admin-small-stack .vhb-save-card-button{margin-top:4px!important;min-height:24px!important;padding:2px 11px!important;font-size:12px!important;}@media(max-width:900px){.vhb-admin-small-stack{gap:14px!important}
.vhb-admin-small-stack .vhb-admin-card{padding:14px!important}}

/* v0.2.7: restored v0.2.5 homepage grid while preserving crop zoom rendering. */
.vhb-home-content-prototype .vhb-card-has-custom-image i{
  background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
  background-size:var(--vhb-card-desktop-zoom,100%) auto!important;
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
}


/* v0.2.8: surgically normalize the lower homepage cluster without disturbing the restored master grid.
   The Insider now uses the same large-column geometry as Top Feature; Bottom Small 1/2 use the same support-column geometry as Top Small 1/2. */
.vhb-home-content-prototype{
  grid-template-areas:
    "feature small1"
    "feature small2"
    "ad ad"
    "insider small3"
    "insider small4"
    "ad2 ad2"!important;
}
@media(max-width:900px){
  .vhb-home-content-prototype{
    grid-template-areas:"feature" "small1" "small2" "ad" "insider" "small3" "small4" "ad2"!important;
  }
}

/* v0.2.9: lower cluster column swap without changing card proportions.
   Top cluster remains unchanged. Bottom cluster becomes small-card stack on left + Insider feature on right. */
.vhb-home-content-prototype{
  grid-template-areas:
    "feature small1"
    "feature small2"
    "ad ad"
    "lower lower"
    "ad2 ad2"!important;
}
.vhb-home-content-prototype .vhb-home-lower-cluster{
  grid-area:lower!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr)!important;
  grid-template-areas:
    "small3 insider"
    "small4 insider"!important;
  gap:12px!important;
  min-width:0!important;
}
.vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(1){grid-area:small3!important;}
.vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(2){grid-area:small4!important;}
.vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-card-insider{grid-area:insider!important;}
@media(max-width:900px){
  .vhb-home-content-prototype{grid-template-areas:"feature" "small1" "small2" "ad" "lower" "ad2"!important;}
  .vhb-home-content-prototype .vhb-home-lower-cluster{
    grid-template-columns:1fr!important;
    grid-template-areas:"insider" "small3" "small4"!important;
  }
}

/* v0.2.14: ensure hidden board-profile CTA stays hidden even when button display rules use !important. */
.vhb-board-profile-button[hidden]{display:none!important;}

/* v0.2.19 Thread utility: Back to Top floating control */
.vhb-back-to-top-global{
  position:fixed!important;
  right:22px!important;
  bottom:18px!important;
  z-index:99998!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100vw - 28px)!important;
  margin:0!important;
  padding:13px 18px!important;
  border:1.5px solid rgba(255,130,0,.68)!important;
  border-radius:999px!important;
  background:rgba(10,12,16,.98)!important;
  color:#ffb15c!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52), 0 0 0 1px rgba(255,130,0,.16) inset!important;
  cursor:pointer!important;
}
.vhb-back-to-top-global:hover,
.vhb-back-to-top-global:focus-visible{
  border-color:#ffb15c!important;
  color:#ffd19b!important;
  background:rgba(12,14,18,1)!important;
}
@media(max-width:680px){
  .vhb-back-to-top-global{
    right:14px!important;
    bottom:72px!important;
    padding:11px 14px!important;
    font-size:12px!important;
  }
}

/* v0.2.20: Header account area + compact page body */
.vhb-site-header .vhb-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  min-width:0!important;
}
.vhb-header-account{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
}
.vhb-header-user{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  color:#dfe3ea!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.vhb-header-user .vhb-account-avatar img,
.vhb-header-user .vhb-account-avatar .vhb-default-avatar{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}
.vhb-header-user-text strong{color:#fff!important;font-weight:850!important;}
.vhb-header-account .vhb-account-link{
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,130,0,.58)!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#ffb15c!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}
.vhb-header-account .vhb-account-link:hover,
.vhb-header-account .vhb-account-link:focus-visible{
  border-color:#ffbd75!important;
  color:#ffd19b!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.18),0 0 18px rgba(255,130,0,.16)!important;
}
@media(min-width:681px) and (max-width:900px){
  .vhb-site-header .vhb-header-actions{
    display:flex!important;
    grid-column:1 / -1!important;
    width:100%!important;
    justify-content:space-between!important;
    margin-top:2px!important;
  }
}
@media(max-width:680px){
  .vhb-site-header .vhb-header-actions{
    display:flex!important;
    width:100%!important;
    justify-content:space-between!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .vhb-site-header .vhb-search-pill{display:none!important;}
  .vhb-header-account{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;}
  .vhb-header-user{flex:1 1 100%!important;font-size:12px!important;}
}

/* v0.2.20: Vol Hoops outlined CTA standard for Home hero entry. */
.vhb-home-hero-card .vhb-enter-board-mode,
.vhb-enter-board-mode{
  background:transparent!important;
  background-image:none!important;
  border:1.5px solid rgba(255,130,0,.72)!important;
  color:#ffb15c!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.10),0 12px 28px rgba(0,0,0,.22)!important;
  text-shadow:none!important;
}
.vhb-home-hero-card .vhb-enter-board-mode:hover,
.vhb-home-hero-card .vhb-enter-board-mode:focus-visible,
.vhb-enter-board-mode:hover,
.vhb-enter-board-mode:focus-visible{
  border-color:#ffbd75!important;
  color:#ffd19b!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.20),0 0 22px rgba(255,130,0,.20),0 14px 30px rgba(0,0,0,.26)!important;
}

/* v0.2.20: Stack Back to Top above Exit Message Board as one centered utility cluster. */
.vhb-back-to-top-global{
  left:50%!important;
  right:auto!important;
  bottom:78px!important;
  transform:translateX(-50%)!important;
  z-index:99999!important;
}
@media(max-width:680px){
  .vhb-back-to-top-global{
    left:50%!important;
    right:auto!important;
    bottom:68px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* v0.2.21: Board action outline style + cleaner reply composer. */
.vhb-board-view-head .vhb-button,
.vhb-topic-form-wrap .vhb-composer .vhb-button,
.vhb-reply-composer .vhb-button,
.vhb-reply-submit{
  background:transparent!important;
  background-image:none!important;
  border:1.5px solid rgba(255,130,0,.72)!important;
  color:#ffb15c!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.10),0 10px 24px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
  border-radius:999px!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:132px!important;
}
.vhb-board-view-head .vhb-button:hover,
.vhb-board-view-head .vhb-button:focus-visible,
.vhb-topic-form-wrap .vhb-composer .vhb-button:hover,
.vhb-topic-form-wrap .vhb-composer .vhb-button:focus-visible,
.vhb-reply-composer .vhb-button:hover,
.vhb-reply-composer .vhb-button:focus-visible,
.vhb-reply-submit:hover,
.vhb-reply-submit:focus-visible{
  border-color:#ffbd75!important;
  color:#ffd19b!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.20),0 0 18px rgba(255,130,0,.18),0 12px 26px rgba(0,0,0,.22)!important;
}
.vhb-reply-composer{
  padding-top:18px!important;
}
.vhb-reply-composer h3{
  display:none!important;
}
.vhb-reply-field{
  font-size:0!important;
  gap:0!important;
}
.vhb-reply-field textarea{
  font-size:18px!important;
}
.vhb-reply-field textarea::placeholder{
  color:#b9bec8!important;
  opacity:1!important;
  font-weight:850!important;
}
.vhb-sr-only{
  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;
}
.vhb-reply-submit{
  justify-self:start!important;
  margin-top:2px!important;
}

/* v0.2.22: Home Card editorial positioning + typography cleanup */
.vhb-home-content-prototype .vhb-home-story-card.vhb-text-top{
  align-content:start!important;
}
.vhb-home-content-prototype .vhb-home-story-card.vhb-text-middle{
  align-content:center!important;
}
.vhb-home-content-prototype .vhb-home-story-card.vhb-text-bottom{
  align-content:end!important;
}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-text-top,
.vhb-home-content-prototype .vhb-home-card-insider.vhb-text-middle,
.vhb-home-content-prototype .vhb-home-card-insider.vhb-text-bottom{
  display:grid!important;
}
.vhb-composer input,
.vhb-composer textarea,
.vhb-composer select,
.vhb-composer label{
  font-weight:500!important;
}
.vhb-composer summary{
  font-weight:800!important;
}
.vhb-admin-inline-help{
  display:block;
  margin-top:6px;
  color:#b9bfca;
  font-style:normal;
  font-size:12px;
  line-height:1.35;
  font-weight:500!important;
}
.vhb-text-position-row{
  align-items:start;
}
.vhb-top-contributors h3{
  margin:0 0 11px;
  color:#fff;
  font-size:13px!important;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:1000;
}


/* v0.2.25: safe Home Card content zones + independent title/excerpt controls */
.vhb-home-content-prototype .vhb-home-story-card{
  display:flex!important;
  flex-direction:column!important;
}
.vhb-home-content-prototype .vhb-home-story-card > i{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}
.vhb-home-content-prototype .vhb-card-content-zones{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:100%!important;
  width:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:8px!important;
}
.vhb-home-content-prototype .vhb-card-zone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
}
.vhb-home-content-prototype .vhb-card-zone-top{justify-content:flex-start!important;align-self:start!important;}
.vhb-home-content-prototype .vhb-card-zone-middle{justify-content:center!important;align-self:stretch!important;}
.vhb-home-content-prototype .vhb-card-zone-bottom{justify-content:flex-end!important;align-self:end!important;}
.vhb-home-content-prototype .vhb-card-label{
  position:relative!important;
  z-index:2!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,130,0,.50)!important;
  border-radius:999px!important;
  background:rgba(8,9,12,.58)!important;
  color:#ffb15c!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  font-size:11px!important;
  font-weight:850!important;
}
.vhb-home-content-prototype .vhb-card-title,
.vhb-home-content-prototype .vhb-card-excerpt{
  position:relative!important;
  z-index:2!important;
  max-width:95%!important;
  text-shadow:0 2px 18px rgba(0,0,0,.62)!important;
}
.vhb-home-content-prototype .vhb-card-title{font-style:normal!important;color:#fff!important;font-weight:900!important;line-height:1.1!important;}
.vhb-home-content-prototype .vhb-card-excerpt{font-style:normal!important;color:#c4cad4!important;font-weight:600!important;line-height:1.35!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-small .vhb-card-title{font-size:clamp(19px,1.75vw,26px)!important;line-height:1.1!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-medium .vhb-card-title{font-size:clamp(24px,2.35vw,36px)!important;line-height:1.06!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-large .vhb-card-title{font-size:clamp(30px,3.05vw,48px)!important;line-height:1.02!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large).vhb-title-small .vhb-card-title{font-size:17px!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large).vhb-title-medium .vhb-card-title{font-size:21px!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large).vhb-title-large .vhb-card-title{font-size:25px!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-excerpt-short .vhb-card-excerpt{font-size:12px!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-excerpt-medium .vhb-card-excerpt{font-size:13px!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-excerpt-long .vhb-card-excerpt{font-size:15px!important;}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{font-size:29px!important;line-height:1.03!important;letter-spacing:-.035em!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title{font-size:24px!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title{font-size:31px!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title{font-size:39px!important;}

.vhb-admin-mini-preview.vhb-content-preview{
  min-height:128px!important;
  display:flex!important;
  flex-direction:column!important;
}
.vhb-admin-mini-preview .vhb-card-content-zones{
  position:relative!important;
  z-index:2!important;
  flex:1!important;
  width:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:8px!important;
}
.vhb-admin-mini-preview .vhb-card-zone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
}
.vhb-admin-mini-preview .vhb-card-zone-top{justify-content:flex-start!important;align-self:start!important;}
.vhb-admin-mini-preview .vhb-card-zone-middle{justify-content:center!important;align-self:stretch!important;}
.vhb-admin-mini-preview .vhb-card-zone-bottom{justify-content:flex-end!important;align-self:end!important;}
.vhb-admin-mini-preview .vhb-card-label{
  width:max-content!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,130,0,.50)!important;
  border-radius:999px!important;
  background:rgba(8,9,12,.58)!important;
  color:#ffb15c!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  font-size:11px!important;
  font-weight:850!important;
}
.vhb-admin-mini-preview .vhb-card-title{font-style:normal!important;color:#fff!important;font-weight:900!important;line-height:1.1!important;}
.vhb-admin-mini-preview .vhb-card-excerpt{font-style:normal!important;color:#c4cad4!important;font-weight:600!important;line-height:1.35!important;}
.vhb-admin-mini-preview.vhb-preview-title-small .vhb-card-title{font-size:18px!important;}
.vhb-admin-mini-preview.vhb-preview-title-medium .vhb-card-title{font-size:24px!important;}
.vhb-admin-mini-preview.vhb-preview-title-large .vhb-card-title{font-size:30px!important;}
.vhb-admin-mini-preview.vhb-preview-excerpt-short .vhb-card-excerpt{font-size:12px!important;}
.vhb-admin-mini-preview.vhb-preview-excerpt-medium .vhb-card-excerpt{font-size:13px!important;}
.vhb-admin-mini-preview.vhb-preview-excerpt-long .vhb-card-excerpt{font-size:15px!important;}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-large .vhb-card-title{font-size:24px!important;}
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-medium .vhb-card-title{font-size:21px!important;}
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-small .vhb-card-title{font-size:17px!important;}
}



/* ===== v0.2.35 Moderation Toolbox: architectural replacement ===== */
.vhb-topic-titleline,
.vhb-topic-row,
.vhb-mock-topic-list,
.vhb-post-actions{
  overflow:visible!important;
}

.vhb-modtool{
  display:inline-flex;
  position:relative;
  align-items:center;
  margin-left:4px;
  vertical-align:baseline;
  z-index:40;
}

.vhb-post-actions .vhb-modtool,
.vhb-modtool-post{
  margin-left:6px;
}

.vhb-modtool-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:0 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ff8a18!important;
  cursor:pointer!important;
  line-height:1!important;
  font:inherit!important;
}

.vhb-modtool-caret{
  display:inline-block;
  color:#ff8a18!important;
  font-size:.55em!important;
  line-height:1!important;
  transform-origin:center center;
  transition:transform .15s ease,color .15s ease;
}

.vhb-modtool.vhb-modtool-open .vhb-modtool-caret{
  transform:rotate(180deg);
  color:#ffb15c!important;
}

.vhb-modtool-card{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:min(312px, calc(100vw - 28px));
  max-width:calc(100vw - 28px);
  background:#080a0f!important;
  background-color:#080a0f!important;
  opacity:1!important;
  color:#fff!important;
  border:1px solid rgba(255,138,24,.58)!important;
  border-radius:18px!important;
  box-shadow:0 26px 72px rgba(0,0,0,.78), 0 0 0 1px rgba(255,255,255,.04) inset!important;
  padding:14px!important;
  z-index:2147483000!important;
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.vhb-modtool-card,
.vhb-modtool-card *{
  box-sizing:border-box;
}

.vhb-modtool.vhb-modtool-open .vhb-modtool-card{
  display:block!important;
}

.vhb-modtool-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 10px;
  padding:0 0 9px;
  border-bottom:1px solid rgba(255,138,24,.22);
}

.vhb-modtool-head strong{
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
}

.vhb-modtool-form{
  margin:0!important;
  padding:0!important;
}

.vhb-modtool-action{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 7px!important;
  padding:10px 10px!important;
  border:1px solid rgba(255,138,24,.28)!important;
  border-radius:13px!important;
  background:#10131a!important;
  color:#f7f7f7!important;
  text-align:left!important;
  cursor:pointer!important;
  font-weight:820!important;
  font-size:13px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
}

.vhb-modtool-action:hover,
.vhb-modtool-action:focus{
  background:#171b24!important;
  border-color:rgba(255,138,24,.72)!important;
  color:#fff!important;
  outline:none!important;
}

.vhb-modtool-icon{
  flex:0 0 22px;
  width:22px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-size:15px;
  line-height:1;
}

.vhb-modtool-label{
  flex:1 1 auto;
}

.vhb-modtool-title-form{
  margin-bottom:7px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.vhb-modtool-title-row{
  cursor:default!important;
  margin-bottom:8px!important;
}

.vhb-modtool-title-row:hover{
  background:#10131a!important;
  border-color:rgba(255,138,24,.28)!important;
}

.vhb-modtool-input{
  width:100%!important;
  margin:0 0 8px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:11px!important;
  background:#05070b!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
}

.vhb-modtool-save{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  border:1px solid rgba(255,138,24,.68)!important;
  border-radius:999px!important;
  background:rgba(255,138,24,.13)!important;
  color:#ffb15c!important;
  cursor:pointer!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1!important;
  padding:8px 12px!important;
}

.vhb-modtool-save:hover,
.vhb-modtool-save:focus{
  background:rgba(255,138,24,.22)!important;
  color:#fff!important;
  outline:none!important;
}

.vhb-modtool-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  margin:9px 0 0 auto!important;
  padding:4px 2px!important;
  border:0!important;
  background:transparent!important;
  color:#ffb15c!important;
  cursor:pointer!important;
  font-weight:850!important;
  font-size:12px!important;
  line-height:1!important;
  text-decoration:none!important;
}

.vhb-modtool-close:hover,
.vhb-modtool-close:focus{
  color:#fff!important;
  outline:none!important;
  text-decoration:underline!important;
}

/* Retire legacy dropdown architecture from visual/behavioral flow. */
.vhb-admin-options,
.vhb-admin-options-menu,
.vhb-admin-popover,
.vhb-admin-popover-menu{
  display:none!important;
}

.vhb-hidden-badge{
  border-color:rgba(255,214,102,.55)!important;
  color:#ffd666!important;
  background:rgba(255,214,102,.11)!important;
}

.vhb-post-hidden-placeholder{
  border:1px dashed rgba(255,214,102,.38);
  border-radius:14px;
  background:rgba(255,214,102,.06);
  padding:12px;
}

.vhb-post-hidden-placeholder em{
  color:#ffd666;
  font-style:normal;
  font-weight:800;
}

@media(max-width:760px){
  .vhb-modtool-card{
    width:min(292px, calc(100vw - 22px));
    padding:13px!important;
    border-radius:16px!important;
  }
  .vhb-modtool-action{
    padding:10px 9px!important;
    font-size:13px!important;
  }
  .vhb-modtool-caret{
    font-size:.62em!important;
  }
}


/* ===== v0.2.36 Moderation Toolbox Stabilization =====
   Topic rows previously used translateY on hover. Because the moderation
   toolbox card is position:fixed, any active transform on the topic-row
   ancestor can create a transformed containing block and make the fixed card
   calculate from the row instead of the viewport. That produced the topic-page
   bottom-corner jump and hover flicker. Preserve the orange border/glow hover
   treatment, but neutralize only the transform/animation conflict. */
.vhb-topic-row,
.vhb-topic-row:hover,
.vhb-topic-row:focus-within{
  transform:none!important;
}

.vhb-topic-row{
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease!important;
}

.vhb-topic-row .vhb-modtool-card{
  background:#080a0f!important;
  background-color:#080a0f!important;
  opacity:1!important;
}


/* ===== v0.2.38 Moderation Toolbox Polish ===== */
.vhb-modtool{margin-left:10px!important;z-index:2147482990!important;flex:0 0 auto;}
.vhb-modtool-trigger{
  position:relative!important;
  padding:6px!important;
  margin-left:2px!important;
  z-index:2147482991!important;
}
.vhb-modtool-caret{
  font-size:.95em!important;
  font-weight:700!important;
}
.vhb-modtool.vhb-modtool-open .vhb-modtool-trigger{
  pointer-events:none!important;
}
.vhb-modtool-card{
  background:#080a0f!important;
  opacity:1!important;
  z-index:2147483640!important;
}
.vhb-topic-titleline,
.vhb-topic-titleline a{
  display:inline!important;
}
.vhb-topic-titleline{
  white-space:nowrap!important;
}
.vhb-topic-titleline .vhb-modtool{
  white-space:nowrap!important;
}

@media (max-width:1024px){
 .vhb-modtool{margin-left:12px!important;}
 .vhb-modtool-caret{font-size:1.05em!important;}
 .vhb-modtool-trigger{padding:7px!important;}
}
@media (max-width:760px){
 .vhb-modtool{margin-left:12px!important;}
 .vhb-modtool-trigger{
   padding:10px!important;
   margin:-10px 0 -10px 2px!important;
 }
 .vhb-modtool-caret{font-size:1em!important;}
}


/* ===== v0.2.38 QA Hotfix ===== */
.vhb-modtool-card{overflow:hidden!important;contain:layout paint!important;}
.vhb-modtool-card::before{content:"";position:absolute;inset:0;background:#080a0f;border-radius:inherit;z-index:-1;}
.vhb-modtool-title-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
.vhb-modtool-save{display:flex!important;width:100%!important;max-width:100%!important;margin:0!important;}


/* ===== v0.2.39 Moderation Toolbox Final Stabilization =====
   Treat triangle show-through as a stacking/layering conflict, not opacity.
   While any moderation toolbox is open, suppress row triggers that are not
   part of the visible card layer. This prevents active and neighboring orange
   carets from painting or receiving clicks through the fixed toolbox. */
html.vhb-modtool-active .vhb-mock-topic-list .vhb-modtool-trigger,
html.vhb-modtool-active .vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html.vhb-modtool-active .vhb-mock-topic-list .vhb-modtool:not(.vhb-modtool-open),
html.vhb-modtool-active .vhb-topic-board-panel .vhb-topic-row .vhb-modtool:not(.vhb-modtool-open){
  z-index:1!important;
}

html.vhb-modtool-active .vhb-modtool.vhb-modtool-open{
  z-index:2147483638!important;
}

html.vhb-modtool-active .vhb-modtool.vhb-modtool-open .vhb-modtool-card{
  z-index:2147483640!important;
  background:#080a0f!important;
  background-color:#080a0f!important;
  opacity:1!important;
}

.vhb-modtool-card::before{
  z-index:0!important;
  pointer-events:none!important;
}

.vhb-modtool-card > *{
  position:relative!important;
  z-index:1!important;
}


/* ===== v0.2.40 Edit Post Hotfix =====
   Keep post editing in the original post workspace while closing the
   moderation toolbox that initiated the edit action. */
.vhb-post-card.is-editing .vhb-post-content{
  position:relative;
}
.vhb-post-card.is-editing .vhb-edit-form{
  margin:14px 0 0;
  padding:14px;
  border:1px solid rgba(255,130,0,.34);
  border-radius:18px;
  background:rgba(8,10,14,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.vhb-post-card.is-editing .vhb-edit-form textarea{
  min-height:220px;
  resize:vertical;
}
.vhb-post-card.is-editing .vhb-edit-actions{
  justify-content:flex-start;
  padding-top:2px;
}
@media (max-width: 720px){
  .vhb-post-card.is-editing .vhb-edit-form{
    padding:12px;
    border-radius:16px;
  }
  .vhb-post-card.is-editing .vhb-edit-form textarea{
    min-height:190px;
  }
}

/* v0.2.44 Countdown To Tipoff widget production-fidelity pass */
.vhb-countdown-widget{position:relative;overflow:hidden!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;background:radial-gradient(circle at 78% 0%,rgba(255,130,0,.27),transparent 30%),radial-gradient(circle at 18% 8%,rgba(255,130,0,.14),transparent 25%),linear-gradient(180deg,#08090c 0%,#040507 58%,#0d0907 100%)!important;box-shadow:0 20px 48px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,130,0,.04)!important;color:#fff!important;isolation:isolate}.vhb-countdown-widget:before{content:"";position:absolute;inset:38px 0 88px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.25)),radial-gradient(circle at 50% 50%,rgba(255,130,0,.23),transparent 34%),linear-gradient(90deg,rgba(255,130,0,.10),transparent 24%,transparent 76%,rgba(255,130,0,.12));opacity:.86;pointer-events:none}.vhb-countdown-widget:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,130,0,.055) 45%,transparent 100%);pointer-events:none}.vhb-countdown-widget>*{position:relative;z-index:1}.vhb-countdown-topline{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:1000;color:#ff8200;background:linear-gradient(90deg,rgba(255,130,0,.10),rgba(0,0,0,.18),rgba(255,130,0,.06))}.vhb-countdown-topline span{display:flex;align-items:center;gap:9px}.vhb-countdown-topline span:before,.vhb-countdown-topline span:after{content:"";display:block;width:18px;height:2px;background:#c75d05;border-radius:9px}.vhb-countdown-topline em{display:flex;align-items:center;gap:8px;font-style:normal;color:#f2f4f8;font-size:10px;letter-spacing:.13em}.vhb-countdown-topline i{display:block;width:6px;height:6px;border-radius:50%;background:#ff8200;box-shadow:0 0 12px rgba(255,130,0,.7)}.vhb-countdown-stage{padding:20px 17px 18px;text-align:center}.vhb-countdown-label{margin:1px 0 4px;color:#eef2f7;text-align:center;text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.75)}.vhb-countdown-hero{margin:0 auto 18px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.vhb-countdown-hero img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:0!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.72))}.vhb-countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 18px}.vhb-countdown-grid div{display:grid;justify-items:center;align-content:center;gap:7px;min-width:0;min-height:88px;padding:13px 4px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02);box-shadow:none}.vhb-countdown-grid strong{font-family:'Arial Narrow','Roboto Condensed','DIN Condensed',sans-serif;color:#ff7a00;font-size:clamp(26px,3.8vw,44px);line-height:.92;font-weight:700;letter-spacing:.01em;text-shadow:0 0 20px rgba(255,103,0,.34),0 2px 0 rgba(0,0,0,.45);font-variant-numeric:tabular-nums}.vhb-countdown-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#f7f8fb;font-weight:1000}.vhb-countdown-zero{margin:0 0 18px;padding:14px 12px;border:1px solid rgba(255,130,0,.66);border-radius:9px;background:linear-gradient(180deg,rgba(255,130,0,.15),rgba(88,38,0,.13));color:#ffb15d;text-align:center;text-transform:uppercase;letter-spacing:.10em;font-size:11px;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.vhb-countdown-first-game{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;margin:0 auto;text-transform:uppercase;font-size:11px;letter-spacing:.08em;text-align:center;color:#fff}.vhb-countdown-first-game span{color:#ff8200;font-size:14px}.vhb-countdown-first-game strong{font-size:11px;line-height:1.25;letter-spacing:.09em}.vhb-countdown-first-game em{grid-column:2;font-style:normal;color:#cbd1dc;margin-top:3px;letter-spacing:.08em}.vhb-countdown-nextup{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;padding:18px 17px 13px;border-top:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(255,130,0,.16),rgba(0,0,0,.42) 48%,rgba(255,130,0,.07)),radial-gradient(circle at 82% 24%,rgba(255,130,0,.24),transparent 35%)}.vhb-countdown-power-t{display:grid;place-items:center;width:58px;height:56px}.vhb-countdown-power-t img{max-width:58px;max-height:56px;display:block}.vhb-countdown-nextup-copy{min-width:0}.vhb-countdown-nextup span{display:block;text-transform:uppercase;color:#cfd5df;font-size:11px;font-weight:1000;letter-spacing:.15em;margin-bottom:5px}.vhb-countdown-nextup strong{display:block;text-transform:uppercase;font-size:17px;line-height:1.05;letter-spacing:.01em;overflow-wrap:anywhere}.vhb-countdown-nextup small{font-size:11px;color:#c2c8d2;margin:0 5px;letter-spacing:.08em}.vhb-countdown-nextup em{display:block;margin-top:7px;text-transform:uppercase;font-style:normal;color:#c5ccd6;font-size:10px;letter-spacing:.07em}.vhb-countdown-button{display:flex!important;align-items:center;justify-content:center;margin:0 17px 18px;min-height:43px;border-radius:10px;border:2px solid rgba(255,130,0,.9);background:rgba(0,0,0,.42);color:#ff9d2e!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.10em;font-size:12px;font-weight:1000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.vhb-countdown-button:hover{background:rgba(255,130,0,.13);color:#ffb15d!important}.vhb-countdown-preview-widget{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.vhb-left-rail .vhb-big-orange-art{padding:0!important;overflow:hidden!important;border-radius:8px!important;background:#090a0d!important;border:1px solid rgba(255,255,255,.17)!important}.vhb-right-rail>.vhb-countdown-widget{order:-10!important}@media(max-width:700px){.vhb-countdown-topline{padding:14px 16px 12px}.vhb-countdown-stage{padding:18px 15px 17px}.vhb-countdown-grid{gap:8px}.vhb-countdown-grid div{min-height:76px;border-radius:9px}.vhb-countdown-grid strong{font-size:34px}.vhb-countdown-grid span{font-size:8px}.vhb-countdown-nextup{grid-template-columns:52px minmax(0,1fr)}.vhb-countdown-power-t{width:50px;height:48px;font-size:39px}.vhb-countdown-nextup strong{font-size:15px}}@media(max-width:420px){.vhb-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vhb-countdown-grid div{min-height:86px}.vhb-countdown-grid strong{font-size:42px}.vhb-countdown-nextup{grid-template-columns:48px minmax(0,1fr);gap:12px}.vhb-countdown-power-t{width:46px;height:44px;font-size:36px}.vhb-countdown-button{margin-left:15px;margin-right:15px}}

/* v0.2.46 Countdown Widget Fidelity Completion Build */
.vhb-countdown-widget{
  container-type:inline-size;
  border-color:rgba(255,255,255,.20)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(255,130,0,.23),transparent 28%),
    radial-gradient(circle at 50% 44%,rgba(255,130,0,.18),transparent 42%),
    linear-gradient(180deg,#07080b 0%,#080706 54%,#0a0705 100%)!important;
}
.vhb-countdown-widget:before{
  inset:34px 0 74px!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.20)),
    radial-gradient(circle at 50% 48%,rgba(255,130,0,.24),transparent 38%),
    linear-gradient(90deg,rgba(255,130,0,.10),transparent 25%,transparent 75%,rgba(255,130,0,.12))!important;
  opacity:.92!important;
}
.vhb-countdown-topline{
  padding:13px 17px 12px!important;
  font-size:11px!important;
  letter-spacing:.145em!important;
}
.vhb-countdown-stage{
  padding:17px 16px 14px!important;
}
.vhb-countdown-label{
  margin:0 0 4px!important;
  font-size:10px!important;
  letter-spacing:.23em!important;
}
.vhb-countdown-hero{
  margin:0 auto 13px!important;
}
.vhb-countdown-grid{
  gap:9px!important;
  margin:0 auto 14px!important;
}
.vhb-countdown-grid div{
  min-height:74px!important;
  padding:9px 3px 8px!important;
  border-color:rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:inset 0 0 24px rgba(255,130,0,.025)!important;
}
.vhb-countdown-grid strong{
  font-size:clamp(28px, 12cqw, 46px)!important;
  font-family:'Arial Narrow','Roboto Condensed','DIN Condensed','Helvetica Neue Condensed',Impact,sans-serif!important;
  font-stretch:condensed;
  font-weight:700!important;
  line-height:.88!important;
  letter-spacing:-.015em!important;
}
.vhb-countdown-grid span{
  font-size:8px!important;
  letter-spacing:.10em!important;
}
.vhb-countdown-first-game{
  grid-template-columns:16px minmax(0,1fr)!important;
  gap:4px!important;
  font-size:10px!important;
}
.vhb-countdown-first-game span{font-size:12px!important;}
.vhb-countdown-first-game strong{font-size:10px!important;line-height:1.2!important;}
.vhb-countdown-first-game em{margin-top:2px!important;font-size:10px!important;}
.vhb-countdown-nextup{
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:11px!important;
  padding:13px 16px 10px!important;
}
.vhb-countdown-power-t{width:50px!important;height:48px!important;}
.vhb-countdown-power-t img{max-width:50px!important;max-height:48px!important;}
.vhb-countdown-nextup span{
  font-size:10px!important;
  margin-bottom:4px!important;
  letter-spacing:.16em!important;
}
.vhb-countdown-nextup strong{
  font-size:15px!important;
  line-height:1.02!important;
}
.vhb-countdown-nextup small{
  font-size:10px!important;
  margin:0 4px!important;
}
.vhb-countdown-nextup em{
  margin-top:5px!important;
  font-size:9px!important;
}
.vhb-countdown-button{
  min-height:36px!important;
  margin:0 16px 13px!important;
  border-radius:9px!important;
  font-size:11px!important;
  letter-spacing:.10em!important;
}

/* Dedicated narrow right-rail tuning so desktop/sidebar is not just a squeezed mobile card. */
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-topline,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-topline{
  padding-left:14px!important;
  padding-right:14px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-stage,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-stage{
  padding-left:14px!important;
  padding-right:14px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid{
  gap:7px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong{
  font-size:clamp(25px, 11.4cqw, 40px)!important;
  letter-spacing:-.025em!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div{
  min-height:67px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-nextup,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-nextup{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:9px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-power-t,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-power-t{width:44px!important;height:42px!important;}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-power-t img,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-power-t img{max-width:44px!important;max-height:42px!important;}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-nextup strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-nextup strong{font-size:14px!important;}

@media(max-width:700px){
  .vhb-countdown-topline{padding:13px 16px 11px!important;}
  .vhb-countdown-stage{padding:17px 15px 15px!important;}
  .vhb-countdown-grid strong{font-size:clamp(30px, 12cqw, 44px)!important;}
  .vhb-countdown-nextup{grid-template-columns:50px minmax(0,1fr)!important;}
  .vhb-countdown-button{min-height:38px!important;}
}
@media(max-width:420px){
  .vhb-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;}
  .vhb-countdown-grid div{min-height:82px!important;}
  .vhb-countdown-grid strong{font-size:42px!important;}
  .vhb-countdown-nextup{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding:12px 14px 9px!important;}
  .vhb-countdown-button{margin:0 14px 12px!important;}
}


/* v0.2.47 Countdown Widget Final Atmosphere & Proportion Pass */
.vhb-countdown-widget{
  --vhb-countdown-arena:url('../img/branding/vhb-countdown-arena-atmosphere.jpeg');
  border-color:rgba(255,255,255,.24)!important;
  border-radius:14px!important;
  background:
    linear-gradient(90deg,rgba(255,130,0,.16) 0%,rgba(0,0,0,.50) 24%,rgba(0,0,0,.73) 50%,rgba(0,0,0,.50) 76%,rgba(255,130,0,.16) 100%),
    linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.70) 100%),
    var(--vhb-countdown-arena) center center/cover no-repeat!important;
  box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,130,0,.08)!important;
}
.vhb-countdown-widget:before{
  inset:38px 0 0!important;
  background:
    radial-gradient(circle at 7% 12%,rgba(255,130,0,.30),transparent 18%),
    radial-gradient(circle at 93% 11%,rgba(255,130,0,.32),transparent 18%),
    radial-gradient(circle at 10% 82%,rgba(255,130,0,.20),transparent 20%),
    radial-gradient(circle at 90% 82%,rgba(255,130,0,.18),transparent 20%),
    linear-gradient(90deg,rgba(255,130,0,.13),rgba(0,0,0,.44) 28%,rgba(0,0,0,.78) 50%,rgba(0,0,0,.44) 72%,rgba(255,130,0,.13))!important;
  opacity:.82!important;
  mix-blend-mode:screen;
}
.vhb-countdown-widget:after{
  background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.03) 32%,rgba(0,0,0,.48) 100%)!important;
}
.vhb-countdown-topline{
  background:rgba(0,0,0,.26)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
.vhb-countdown-stage{
  padding:17px 16px 16px!important;
  background:transparent!important;
}
.vhb-countdown-label{
  text-shadow:0 2px 14px rgba(0,0,0,.90),0 0 24px rgba(0,0,0,.70)!important;
}
.vhb-countdown-hero{
  margin-bottom:12px!important;
  background:transparent!important;
}
.vhb-countdown-hero img{
  filter:drop-shadow(0 9px 16px rgba(0,0,0,.78)) contrast(1.04)!important;
}
.vhb-countdown-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:13px!important;
}
.vhb-countdown-grid div{
  min-height:66px!important;
  padding:8px 2px 7px!important;
  border-color:rgba(255,255,255,.035)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.08))!important;
  box-shadow:inset 0 0 20px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
}
.vhb-countdown-grid strong{
  color:#ff7f0a!important;
  text-shadow:0 0 13px rgba(255,92,0,.24),0 2px 2px rgba(0,0,0,.70),0 0 30px rgba(0,0,0,.72)!important;
}
.vhb-countdown-grid span{
  text-shadow:0 2px 10px rgba(0,0,0,.90)!important;
}
.vhb-countdown-first-game{
  padding:0 6px 1px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
}
.vhb-countdown-first-game strong{
  font-size:10.5px!important;
}
.vhb-countdown-first-game em{
  color:#d7dce6!important;
}
.vhb-countdown-nextup,
.vhb-countdown-button{
  display:none!important;
}
.vhb-countdown-widget .vhb-countdown-stage:last-child{
  border-bottom:0!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-stage,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-stage{
  padding-bottom:15px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div{
  min-height:58px!important;
  border-radius:8px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong{
  font-size:clamp(20px,9cqw,31px)!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid span,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid span{
  font-size:6.5px!important;
  letter-spacing:.07em!important;
}
@media(max-width:700px){
  .vhb-countdown-widget{
    background:
      linear-gradient(90deg,rgba(255,130,0,.14) 0%,rgba(0,0,0,.50) 24%,rgba(0,0,0,.76) 50%,rgba(0,0,0,.50) 76%,rgba(255,130,0,.14) 100%),
      linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.62)),
      var(--vhb-countdown-arena) center center/cover no-repeat!important;
  }
  .vhb-countdown-stage{padding:17px 15px 16px!important;}
  .vhb-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .vhb-countdown-grid div{min-height:63px!important;padding:8px 1px 7px!important;}
  .vhb-countdown-grid strong{font-size:clamp(21px,9.4cqw,35px)!important;}
  .vhb-countdown-grid span{font-size:7px!important;letter-spacing:.07em!important;}
}
@media(max-width:420px){
  .vhb-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
  .vhb-countdown-grid div{min-height:59px!important;border-radius:8px!important;padding:7px 1px 6px!important;}
  .vhb-countdown-grid strong{font-size:clamp(19px,8.2cqw,30px)!important;letter-spacing:-.04em!important;}
  .vhb-countdown-grid span{font-size:6.2px!important;letter-spacing:.045em!important;}
  .vhb-countdown-first-game{grid-template-columns:14px minmax(0,1fr)!important;}
  .vhb-countdown-first-game strong{font-size:9.5px!important;letter-spacing:.075em!important;}
  .vhb-countdown-first-game em{font-size:9.5px!important;}
}

/* v0.2.48 fidelity pass */
.vhb-countdown-matchup{display:flex;justify-content:center;align-items:center;gap:28px;padding:18px 0 8px;text-transform:uppercase;font-weight:900;color:#fff}
.vhb-team-logo{width:54px;height:54px;object-fit:contain}
.vhb-kentucky-logo{width:64px}
.vhb-countdown-matchup span{font-size:22px;letter-spacing:.06em}
.vhb-countdown-widget{border-radius:24px!important;background:var(--vhb-countdown-arena) center center/cover no-repeat!important}
.vhb-countdown-stage{background:transparent!important;padding-top:6px!important}
.vhb-countdown-label{font-size:16px!important;letter-spacing:.25em!important;color:#fff!important}
.vhb-countdown-grid div{background:rgba(0,0,0,.42)!important;border:1px solid rgba(255,255,255,.08)!important}
.vhb-countdown-first-game{display:flex!important;flex-direction:column;align-items:center;text-align:center;background:none!important;border:0!important;padding-top:16px!important}
.vhb-countdown-first-game strong{font-size:20px!important}
.vhb-countdown-first-game em{font-size:14px!important;color:#d9d9e5!important}

/* v0.2.49 Countdown Widget Logo Scaling + Mockup Proportion Correction
   Front-end visual fidelity only: tighter matchup row, safer responsive logo sizing,
   reduced heading/date dominance, preserved live countdown markup and behavior. */
.vhb-countdown-widget{
  container-type:inline-size;
  border-radius:22px!important;
  background:
    linear-gradient(90deg,rgba(255,130,0,.10) 0%,rgba(0,0,0,.48) 22%,rgba(0,0,0,.68) 50%,rgba(0,0,0,.48) 78%,rgba(255,130,0,.10) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.20) 42%,rgba(0,0,0,.62) 100%),
    var(--vhb-countdown-arena) center top/cover no-repeat!important;
  padding:0!important;
  overflow:hidden!important;
}
.vhb-countdown-matchup{
  display:grid!important;
  grid-template-columns:minmax(44px,58px) auto minmax(48px,66px)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(18px,7cqw,34px)!important;
  padding:clamp(12px,4.4cqw,20px) 16px clamp(4px,1.8cqw,8px)!important;
  min-width:0!important;
  text-transform:uppercase!important;
  color:#fff!important;
}
.vhb-countdown-matchup .vhb-team-logo,
.vhb-countdown-widget img.vhb-team-logo{
  display:block!important;
  width:clamp(42px,15cqw,58px)!important;
  height:clamp(42px,15cqw,58px)!important;
  max-width:58px!important;
  max-height:58px!important;
  min-width:0!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  border-radius:12px!important;
}
.vhb-countdown-matchup .vhb-kentucky-logo,
.vhb-countdown-widget img.vhb-kentucky-logo{
  width:clamp(46px,17cqw,66px)!important;
  height:clamp(42px,15cqw,58px)!important;
  max-width:66px!important;
  max-height:58px!important;
}
.vhb-countdown-matchup span{
  display:block!important;
  font-size:clamp(15px,5.5cqw,21px)!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  font-weight:1000!important;
  text-shadow:0 2px 10px rgba(0,0,0,.82)!important;
  white-space:nowrap!important;
}
.vhb-countdown-stage{
  padding:clamp(8px,3.2cqw,14px) clamp(14px,4.6cqw,18px) clamp(16px,5cqw,22px)!important;
  background:transparent!important;
}
.vhb-countdown-label{
  margin:2px 0 8px!important;
  font-size:clamp(10px,4.1cqw,15px)!important;
  line-height:1.22!important;
  letter-spacing:clamp(.13em,1.25cqw,.23em)!important;
  font-weight:900!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-wrap:balance!important;
}
.vhb-countdown-hero{
  margin:0 auto clamp(12px,4cqw,17px)!important;
  max-width:min(100%,430px)!important;
}
.vhb-countdown-hero img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
.vhb-countdown-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(6px,2.5cqw,10px)!important;
  margin:0 auto clamp(18px,5.5cqw,28px)!important;
}
.vhb-countdown-grid div{
  min-height:clamp(58px,19cqw,76px)!important;
  padding:clamp(7px,2.6cqw,11px) 2px clamp(6px,2.2cqw,9px)!important;
  border-radius:clamp(8px,3cqw,12px)!important;
  background:rgba(0,0,0,.48)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.vhb-countdown-grid strong{
  font-size:clamp(21px,10.2cqw,38px)!important;
  line-height:.96!important;
  letter-spacing:-.02em!important;
}
.vhb-countdown-grid span{
  font-size:clamp(6.2px,2.4cqw,9px)!important;
  letter-spacing:clamp(.035em,.8cqw,.10em)!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.vhb-countdown-first-game{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(6px,2.2cqw,9px)!important;
  padding:0 6px!important;
  margin:0 auto!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
}
.vhb-countdown-first-game strong{
  display:block!important;
  font-size:clamp(19px,7.5cqw,32px)!important;
  line-height:1.18!important;
  letter-spacing:clamp(.08em,1.2cqw,.16em)!important;
  font-weight:1000!important;
  color:#fff!important;
  max-width:100%!important;
}
.vhb-countdown-first-game em{
  display:block!important;
  grid-column:auto!important;
  margin:0!important;
  font-size:clamp(13px,4.7cqw,21px)!important;
  line-height:1.15!important;
  letter-spacing:clamp(.05em,.9cqw,.11em)!important;
  color:#dfe2ea!important;
  font-style:normal!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-matchup,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-matchup{
  grid-template-columns:minmax(40px,52px) auto minmax(44px,60px)!important;
  gap:clamp(15px,6cqw,26px)!important;
  padding-top:clamp(11px,4cqw,16px)!important;
}
.vhb-right-rail > .vhb-countdown-widget img.vhb-team-logo,
.vhb-sidebar > .vhb-countdown-widget img.vhb-team-logo{
  width:clamp(40px,14cqw,52px)!important;
  height:clamp(40px,14cqw,52px)!important;
  max-width:52px!important;
  max-height:52px!important;
}
.vhb-right-rail > .vhb-countdown-widget img.vhb-kentucky-logo,
.vhb-sidebar > .vhb-countdown-widget img.vhb-kentucky-logo{
  width:clamp(44px,15.5cqw,60px)!important;
  height:clamp(40px,14cqw,52px)!important;
  max-width:60px!important;
  max-height:52px!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-label,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-label{
  font-size:clamp(10px,3.7cqw,13px)!important;
  letter-spacing:clamp(.12em,1.1cqw,.20em)!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game strong{
  font-size:clamp(18px,7cqw,27px)!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game em,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game em{
  font-size:clamp(12px,4.3cqw,18px)!important;
}
@media(max-width:420px){
  .vhb-countdown-matchup{grid-template-columns:minmax(38px,48px) auto minmax(42px,56px)!important;gap:14px!important;padding-left:12px!important;padding-right:12px!important;}
  .vhb-countdown-widget img.vhb-team-logo{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;}
  .vhb-countdown-widget img.vhb-kentucky-logo{width:50px!important;height:44px!important;max-width:50px!important;max-height:44px!important;}
  .vhb-countdown-matchup span{font-size:17px!important;}
  .vhb-countdown-label{font-size:11px!important;letter-spacing:.16em!important;}
  .vhb-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;}
  .vhb-countdown-grid div{min-height:56px!important;padding:7px 1px 6px!important;}
  .vhb-countdown-grid strong{font-size:22px!important;letter-spacing:-.04em!important;}
  .vhb-countdown-grid span{font-size:6px!important;letter-spacing:.035em!important;}
  .vhb-countdown-first-game strong{font-size:22px!important;}
  .vhb-countdown-first-game em{font-size:14px!important;}
}

/* v0.2.50 Countdown Widget Background + Final Scale Correction
   Uses the approved arena background asset as the full-card stage, binds bottom
   date/time to the live target timestamp in PHP, reduces date metadata scale,
   and modestly increases countdown numeral presence. */
.vhb-countdown-widget{
  container-type:inline-size;
  border-radius:22px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.34) 21%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.34) 79%,rgba(0,0,0,.22) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.20) 44%,rgba(0,0,0,.72) 100%),
    var(--vhb-countdown-arena) center center/cover no-repeat!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:0 20px 48px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,130,0,.08)!important;
}
.vhb-countdown-widget:before{
  content:none!important;
}
.vhb-countdown-stage{
  padding:clamp(8px,3.2cqw,14px) clamp(14px,4.6cqw,18px) clamp(12px,4cqw,18px)!important;
  background:transparent!important;
}
.vhb-countdown-grid{
  gap:clamp(6px,2.5cqw,10px)!important;
  margin:0 auto clamp(11px,3.5cqw,18px)!important;
}
.vhb-countdown-grid div{
  min-height:clamp(62px,20.5cqw,84px)!important;
  padding:clamp(7px,2.4cqw,10px) 2px clamp(6px,2cqw,8px)!important;
  background:rgba(0,0,0,.54)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.vhb-countdown-grid strong{
  font-size:clamp(25px,12.1cqw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
}
.vhb-countdown-grid span{
  font-size:clamp(6.3px,2.4cqw,9px)!important;
}
.vhb-countdown-first-game{
  gap:clamp(3px,1.2cqw,5px)!important;
  padding:0 6px!important;
  margin:0 auto!important;
}
.vhb-countdown-first-game strong{
  font-size:clamp(11px,4.15cqw,16px)!important;
  line-height:1.14!important;
  letter-spacing:clamp(.14em,1.45cqw,.24em)!important;
  font-weight:900!important;
}
.vhb-countdown-first-game em{
  font-size:clamp(9px,3.05cqw,12px)!important;
  line-height:1.12!important;
  letter-spacing:clamp(.08em,.9cqw,.14em)!important;
  color:#d7dbe5!important;
}
.vhb-right-rail > .vhb-countdown-widget,
.vhb-sidebar > .vhb-countdown-widget{
  background:
    linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.36) 20%,rgba(0,0,0,.54) 50%,rgba(0,0,0,.36) 80%,rgba(0,0,0,.22) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.74) 100%),
    var(--vhb-countdown-arena) center center/cover no-repeat!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong{
  font-size:clamp(23px,11.4cqw,40px)!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game strong,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game strong{
  font-size:clamp(10px,3.75cqw,14px)!important;
}
.vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game em,
.vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game em{
  font-size:clamp(8.5px,2.8cqw,11px)!important;
}
@media(max-width:420px){
  .vhb-countdown-widget{
    background:
      linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.34) 22%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.34) 78%,rgba(0,0,0,.22) 100%),
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.20) 42%,rgba(0,0,0,.72) 100%),
      var(--vhb-countdown-arena) center center/cover no-repeat!important;
  }
  .vhb-countdown-grid div{min-height:62px!important;padding:7px 1px 6px!important;}
  .vhb-countdown-grid strong{font-size:27px!important;letter-spacing:-.04em!important;}
  .vhb-countdown-first-game strong{font-size:13px!important;letter-spacing:.17em!important;}
  .vhb-countdown-first-game em{font-size:10px!important;}
}


/* v0.2.52 Countdown Widget Fidelity Completion Build
   Final art-direction pass: approved bright arena background, visible jumbotron,
   reduced hero/date dominance, slightly smaller matchup row, preserved live countdown. */
body .vhb-countdown-widget{
  --vhb-countdown-arena:url('../img/branding/vhb-countdown-arena-atmosphere.jpeg');
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.03) 33%,rgba(0,0,0,.18) 53%,rgba(0,0,0,.68) 100%),
    linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.11) 78%,rgba(0,0,0,.05) 100%),
    var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030303!important;
  box-shadow:0 20px 48px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,130,0,.08)!important;
}
body .vhb-countdown-widget:before,
body .vhb-countdown-widget:after{content:none!important;display:none!important;}
body .vhb-countdown-widget > *{position:relative!important;z-index:1!important;}

/* Top matchup should identify the teams without becoming the hero. */
body .vhb-countdown-widget .vhb-countdown-matchup{
  display:grid!important;
  grid-template-columns:minmax(34px,50px) auto minmax(40px,56px)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(20px,6.2cqw,42px)!important;
  padding:clamp(11px,3.8cqw,18px) 16px 0!important;
  margin:0 0 clamp(38px,12cqw,118px)!important;
  color:#fff!important;
  background:transparent!important;
}
body .vhb-countdown-widget .vhb-countdown-matchup .vhb-team-logo,
body .vhb-countdown-widget img.vhb-team-logo{
  width:clamp(34px,10.5cqw,50px)!important;
  height:clamp(34px,10.5cqw,50px)!important;
  max-width:50px!important;
  max-height:50px!important;
  object-fit:contain!important;
  border-radius:11px!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.72))!important;
}
body .vhb-countdown-widget .vhb-countdown-matchup .vhb-kentucky-logo,
body .vhb-countdown-widget img.vhb-kentucky-logo{
  width:clamp(40px,12cqw,56px)!important;
  height:clamp(34px,10.5cqw,50px)!important;
  max-width:56px!important;
  max-height:50px!important;
}
body .vhb-countdown-widget .vhb-countdown-matchup span{
  font-size:clamp(15px,4.7cqw,20px)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.9)!important;
  white-space:nowrap!important;
}

/* Stage content floats over the arena; do not hide the venue. */
body .vhb-countdown-widget .vhb-countdown-stage{
  padding:0 clamp(14px,4.6cqw,18px) clamp(14px,4.5cqw,20px)!important;
  background:transparent!important;
}
body .vhb-countdown-widget .vhb-countdown-label{
  margin:0 0 clamp(5px,1.3cqw,9px)!important;
  color:#fff!important;
  font-size:clamp(10px,3.5cqw,14px)!important;
  line-height:1.15!important;
  letter-spacing:clamp(.16em,1.25cqw,.25em)!important;
  font-weight:900!important;
  text-shadow:0 2px 14px rgba(0,0,0,.95),0 0 26px rgba(0,0,0,.72)!important;
  white-space:nowrap!important;
}
body .vhb-countdown-widget .vhb-countdown-hero{
  width:88%!important;
  max-width:720px!important;
  margin:0 auto clamp(12px,3.6cqw,18px)!important;
  background:transparent!important;
  overflow:visible!important;
}
body .vhb-countdown-widget .vhb-countdown-hero img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.76)) contrast(1.04)!important;
}

body .vhb-countdown-widget .vhb-countdown-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(7px,2.5cqw,13px)!important;
  width:92%!important;
  max-width:770px!important;
  margin:0 auto clamp(12px,3.2cqw,20px)!important;
}
body .vhb-countdown-widget .vhb-countdown-grid div{
  min-height:clamp(58px,18.5cqw,88px)!important;
  padding:clamp(7px,2.2cqw,10px) 2px clamp(6px,1.9cqw,9px)!important;
  border-radius:clamp(8px,2.5cqw,12px)!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.32),0 6px 18px rgba(0,0,0,.20)!important;
}
body .vhb-countdown-widget .vhb-countdown-grid strong{
  font-size:clamp(25px,11.4cqw,46px)!important;
  line-height:.92!important;
  letter-spacing:-.035em!important;
  color:#ff7f0a!important;
  font-weight:700!important;
  text-shadow:0 0 16px rgba(255,92,0,.28),0 2px 2px rgba(0,0,0,.72)!important;
}
body .vhb-countdown-widget .vhb-countdown-grid span{
  font-size:clamp(6.4px,2.2cqw,9px)!important;
  letter-spacing:.085em!important;
  color:#fff!important;
  font-weight:1000!important;
  text-shadow:0 2px 10px rgba(0,0,0,.94)!important;
}

/* Date/time are live metadata, not billboard content. */
body .vhb-countdown-widget .vhb-countdown-first-game{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(2px,.9cqw,5px)!important;
  margin:0 auto!important;
  padding:0 6px!important;
  background:transparent!important;
  border:0!important;
  text-align:center!important;
  text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
}
body .vhb-countdown-widget .vhb-countdown-first-game span{display:none!important;}
body .vhb-countdown-widget .vhb-countdown-first-game strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(10px,2.25cqw,18px)!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:clamp(.12em,1.05cqw,.20em)!important;
  max-width:100%!important;
}
body .vhb-countdown-widget .vhb-countdown-first-game em{
  display:block!important;
  margin:0!important;
  color:#d8dde7!important;
  font-size:clamp(8.5px,1.75cqw,12px)!important;
  line-height:1.1!important;
  font-style:normal!important;
  letter-spacing:clamp(.06em,.75cqw,.12em)!important;
}

/* Sidebar geometry: keep arena legible while protecting compact dimensions. */
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget{
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 33%,rgba(0,0,0,.20) 55%,rgba(0,0,0,.70) 100%),
    linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.13) 22%,rgba(0,0,0,.30) 50%,rgba(0,0,0,.13) 78%,rgba(0,0,0,.06) 100%),
    var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030303!important;
}
body .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-matchup,
body .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-matchup{
  margin-bottom:clamp(32px,10.5cqw,74px)!important;
  gap:clamp(17px,5.7cqw,28px)!important;
}
body .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-hero,
body .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-hero{width:90%!important;}
body .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game strong,
body .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:clamp(9.5px,2.9cqw,13px)!important;}
body .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-first-game em,
body .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-first-game em{font-size:clamp(8px,2.4cqw,10.5px)!important;}

@media(max-width:420px){
  body .vhb-countdown-widget .vhb-countdown-matchup{grid-template-columns:minmax(34px,46px) auto minmax(40px,52px)!important;gap:16px!important;margin-bottom:42px!important;padding-top:12px!important;}
  body .vhb-countdown-widget img.vhb-team-logo{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;}
  body .vhb-countdown-widget img.vhb-kentucky-logo{width:50px!important;height:44px!important;max-width:50px!important;max-height:44px!important;}
  body .vhb-countdown-widget .vhb-countdown-matchup span{font-size:17px!important;}
  body .vhb-countdown-widget .vhb-countdown-label{font-size:11px!important;letter-spacing:.16em!important;}
  body .vhb-countdown-widget .vhb-countdown-hero{width:91%!important;margin-bottom:12px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:94%!important;gap:6px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid div{min-height:60px!important;border-radius:8px!important;padding:7px 1px 6px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid strong{font-size:27px!important;letter-spacing:-.04em!important;}
  body .vhb-countdown-widget .vhb-countdown-grid span{font-size:6.2px!important;letter-spacing:.045em!important;}
  body .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:11px!important;letter-spacing:.15em!important;}
  body .vhb-countdown-widget .vhb-countdown-first-game em{font-size:9px!important;}
}

/* v0.2.54 mobile card geometry + archives sidebar integration */
@media(max-width:680px){.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){min-height:190px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;}}
.vhb-left-archives-card{padding:0!important;background:transparent!important;border:0!important}.vhb-archives-widget{background:#101218;border:1px solid rgba(255,130,0,.35);border-radius:14px;padding:14px;box-shadow:0 14px 34px rgba(0,0,0,.18)}.vhb-archives-widget h3{margin:0 0 8px!important;color:#ff8a18!important;font-size:14px!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important}.vhb-archives-intro{margin:0 0 10px!important;color:#b5bac4!important;font-size:12px!important;line-height:1.35!important}.vhb-archives-widget ul{list-style:none!important;padding:0!important;margin:0 0 12px!important}.vhb-archives-widget li{padding:4px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}.vhb-archives-widget li:first-child{border-top:0!important}.vhb-archives-widget a,.vhb-archives-widget span{color:#dfe3ea!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important}.vhb-archives-widget a:hover,.vhb-archives-cta:hover{color:#ff8a18!important}.vhb-archives-cta{display:inline-flex!important;align-items:center!important;color:#ff8a18!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:900!important}
.archive .post,.category .post{background:#101218;border:1px solid rgba(255,255,255,.15);padding:16px;border-radius:14px;margin-bottom:12px;}

/* v0.2.57 */
.vhb-home-content-prototype .vhb-home-story-card>i{background-repeat:no-repeat!important;background-size:cover!important;}
.vhb-card-title,.vhb-card-excerpt{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;}
.vhb-card-title{-webkit-line-clamp:3!important}.vhb-card-excerpt{-webkit-line-clamp:4!important}.vhb-excerpt-none .vhb-card-excerpt{display:none!important;}
@media (min-width:761px) and (max-width:1180px) and (orientation:landscape){.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large){aspect-ratio:1.55/1!important}.vhb-card-title{-webkit-line-clamp:2!important}.vhb-card-excerpt{-webkit-line-clamp:3!important;}}
/* v0.2.58 tablet polish */
@media (min-width:761px) and (max-width:1180px) and (orientation:landscape){.vhb-card-title{-webkit-line-clamp:3!important}.vhb-home-story-card:not(.vhb-home-story-card-large) .vhb-card-title{font-size:19px!important}.vhb-home-story-card .vhb-home-card-overlay{padding-bottom:20px!important}.vhb-card-excerpt{-webkit-line-clamp:4!important}}
.vhb-tagline-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;}


/* v0.2.59: Home Cards full-title rendering, safe padding, and reliable tagline device visibility */
.vhb-home-content-prototype .vhb-card-title{
  overflow:visible!important;
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
  max-width:100%!important;
}
.vhb-home-content-prototype .vhb-card-excerpt{
  overflow:visible!important;
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
  padding:18px 18px 24px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones{
  min-height:calc(100% - 6px)!important;
  padding-bottom:8px!important;
  box-sizing:border-box!important;
  gap:10px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone{
  gap:6px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom{
  padding-bottom:4px!important;
  transform:translateY(-2px)!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title{font-size:clamp(15px,1.45vw,17px)!important;line-height:1.12!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title{font-size:clamp(16px,1.6vw,20px)!important;line-height:1.1!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title{font-size:clamp(18px,1.85vw,23px)!important;line-height:1.08!important;}
.vhb-tagline-desktop-hide .vhb-tagline{display:none!important;}
@media (min-width:761px) and (max-width:1180px){
  .vhb-home-content-prototype .vhb-tagline-desktop-hide .vhb-tagline{display:block!important;}
  .vhb-home-content-prototype .vhb-tagline-tablet-hide .vhb-tagline{display:none!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){padding:16px 16px 26px!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom{transform:translateY(-4px)!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-title{font-size:clamp(15px,1.75vw,19px)!important;line-height:1.08!important;}
}
@media (max-width:760px){
  .vhb-home-content-prototype .vhb-tagline-desktop-hide .vhb-tagline{display:block!important;}
  .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-tagline{display:none!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){padding:16px 16px 24px!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-title{font-size:clamp(16px,5vw,21px)!important;line-height:1.1!important;}
}
@media (min-width:1181px){
  .vhb-home-content-prototype .vhb-tagline-tablet-hide .vhb-tagline,
  .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-tagline{display:block!important;}
}
.vhb-device-visibility-grid{display:flex;gap:10px;flex-wrap:wrap;width:100%;}
.vhb-tagline-global-toggle{display:inline-flex!important;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 10px;color:#fff;font-weight:850;}
.vhb-device-toggle{display:grid;gap:5px;min-width:150px;background:rgba(6,8,12,.72);border:1px solid rgba(255,130,0,.24);border-radius:10px;padding:8px;}
.vhb-device-toggle>span{color:#ffb15d;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950;}
.vhb-device-toggle-options{display:flex;gap:6px;}
.vhb-device-toggle-options label{margin:0!important;}
.vhb-device-toggle-options input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.vhb-device-toggle-options label span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#dfe3ea;font-size:11px;font-weight:900;cursor:pointer;}
.vhb-device-toggle-options input:checked + span{background:#ff8200;color:#141414;border-color:#ffb15d;box-shadow:0 0 0 1px rgba(255,130,0,.18);}

/* v0.2.60 */
.vhb-home-story-card:not(.vhb-home-story-card-large) .vhb-card-zone-bottom{padding-bottom:14px!important;transform:none!important;}
.vhb-home-story-card:not(.vhb-home-story-card-large) .vhb-home-card-overlay{padding-bottom:14px!important;}
.vhb-home-story-card:not(.vhb-home-story-card-large){aspect-ratio:1.55/1!important;overflow:hidden!important;}
@media(max-width:760px){.vhb-home-story-card:not(.vhb-home-story-card-large){aspect-ratio:1.35/1!important;}}
.vhb-device-toggle-single{display:flex!important;align-items:center;justify-content:space-between;min-width:220px;padding:10px 12px;}
.vhb-switch{position:relative;display:inline-block;width:52px;height:28px;}
.vhb-switch input{opacity:0;width:0;height:0;}
.vhb-switch-slider{position:absolute;cursor:pointer;inset:0;background:#444;border-radius:999px;transition:.2s;}
.vhb-switch-slider:before{content:'';position:absolute;height:22px;width:22px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;}
.vhb-switch input:checked + .vhb-switch-slider{background:#ff8200;}
.vhb-switch input:checked + .vhb-switch-slider:before{transform:translateX(24px);}


/* v0.2.64: restore saved Home Card crop/zoom rendering after v0.2.57 cover normalization. */
.vhb-home-content-prototype .vhb-card-has-custom-image>i,
.vhb-home-content-prototype .vhb-card-has-custom-image i{
  background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
  background-size:var(--vhb-card-desktop-zoom,100%) auto!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-card-has-custom-image>i,
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
}

/* v0.2.66: Small Box card bottom breathing room consistency.
   Styling-only correction: preserve card geometry and positioning controls while
   increasing the minimum bottom content cushion on compact Home Cards. */
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
  padding-bottom:28px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones{
  padding-bottom:12px!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom{
  padding-bottom:6px!important;
  transform:translateY(-3px)!important;
}
@media (min-width:761px) and (max-width:1180px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
    padding-bottom:28px!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding-bottom:12px!important;
  }
}
@media (max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
    padding-bottom:28px!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding-bottom:12px!important;
  }
}

/* v0.2.67 Archive Foundation */
.vhb-archive-layout .vhb-main{min-width:0}.vhb-archive-hero{border:1px solid rgba(255,130,0,.24);background:linear-gradient(135deg,#10151d,#07090d);border-radius:18px;padding:28px 30px;margin-bottom:22px;box-shadow:0 16px 34px rgba(0,0,0,.25)}.vhb-archive-hero span{display:inline-flex;align-items:center;gap:8px;color:#ff9d2e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.vhb-archive-hero h1{margin:8px 0 8px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.02}.vhb-archive-hero p{margin:0;color:#c7d0dc;max-width:760px;font-size:16px;line-height:1.55}.vhb-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vhb-archive-card{overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:#0c1118;box-shadow:0 12px 28px rgba(0,0,0,.22)}.vhb-archive-image{display:flex;align-items:flex-start;justify-content:flex-start;min-height:190px;padding:16px;text-decoration:none;background:#151a22 center/cover no-repeat}.vhb-archive-image span{display:inline-flex;border-radius:999px;background:rgba(255,130,0,.94);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px}.vhb-archive-body{padding:18px 18px 20px}.vhb-archive-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;color:#9da8b7;font-size:12px}.vhb-archive-meta span{color:#ff9d2e;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.vhb-archive-meta em{font-style:normal;color:#d8dee8}.vhb-archive-meta time{color:#9da8b7}.vhb-archive-card h2{margin:0 0 10px;font-size:21px;line-height:1.18}.vhb-archive-card h2 a{color:#fff;text-decoration:none}.vhb-archive-card h2 a:hover{color:#ff9d2e}.vhb-archive-card p{margin:0;color:#c5ceda;line-height:1.55}.vhb-archive-readmore{display:inline-flex;margin-top:14px;color:#ff9d2e;font-weight:900;text-decoration:none}.vhb-archive-empty{grid-column:1/-1;border:1px dashed rgba(255,130,0,.34);border-radius:16px;padding:28px;background:rgba(255,130,0,.06);color:#d8dee8}.vhb-archive-empty h2{margin:0 0 8px;color:#fff}.vhb-archive-empty p{margin:0;color:#c7d0dc}.vhb-archive-main .navigation.pagination{margin-top:24px}.vhb-archive-main .nav-links{display:flex;gap:8px;flex-wrap:wrap}.vhb-archive-main .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:8px 11px;border-radius:10px;background:#111722;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.10);font-weight:800}.vhb-archive-main .page-numbers.current,.vhb-archive-main .page-numbers:hover{background:#f47b20;border-color:#f47b20;color:#fff}@media(max-width:900px){.vhb-archive-grid{grid-template-columns:1fr}.vhb-archive-hero{padding:24px 22px}.vhb-archive-image{min-height:170px}}

.vhb-archives-select{width:100%;background:#111;color:#fff;border:1px solid #ff7a00;padding:8px;border-radius:6px;margin:8px 0;}


/* v0.2.75: tablet/mobile Home Card custom images must cover the card art layer without changing title/excerpt layout or text padding. */
@media(max-width:1150px){
  .vhb-home-content-prototype .vhb-card-has-custom-image > i{
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:cover!important;
  }
}

/* v0.2.76: Mobile/tablet small Home Card bottom text alignment.
   Presentation-only: align the bottom text zone closer to desktop spacing without
   changing title/excerpt typography, markup, or inner text padding. */
@media(max-width:1150px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    min-height:100%!important;
    padding-bottom:0!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
    padding-bottom:0!important;
    transform:none!important;
  }
}


/* v0.2.78: universal small-card bottom safe zone.
   Presentation-only: protect title/excerpt from sitting flush against the card bottom
   across tablet and mobile, including title-only cards. This intentionally overrides
   the v0.2.76 zero-bottom alignment rule without changing markup, typography, or
   title/excerpt internal padding. */
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
  --vhb-small-card-bottom-safe:15px;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones{
  box-sizing:border-box!important;
  padding-bottom:var(--vhb-small-card-bottom-safe)!important;
}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom{
  box-sizing:border-box!important;
  padding-bottom:var(--vhb-small-card-bottom-safe)!important;
  transform:none!important;
}
@media(max-width:1150px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
    --vhb-small-card-bottom-safe:15px;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones,
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    padding-bottom:var(--vhb-small-card-bottom-safe)!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom,
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
    padding-bottom:var(--vhb-small-card-bottom-safe)!important;
    transform:none!important;
  }
}


/* v0.2.79: hard mobile/tablet small-card bottom-safe frame.
   Presentation-only: preserve text markup/typography while preventing title/excerpt
   from reaching or clipping against the card bottom on compact breakpoints. */
@media(max-width:1150px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
    position:relative!important;
    padding-bottom:0!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-content-zones,
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:16px!important;
    bottom:15px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider) .vhb-card-zone-bottom,
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
    padding-bottom:0!important;
    margin-bottom:0!important;
    transform:none!important;
    align-self:end!important;
    justify-content:flex-end!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
}


/* v0.2.83: Preserve saved mobile crop/zoom while retaining the v0.2.75 no-black-filler cover floor.
   The cover floor prevents exposed card background; saved zoom values can still exceed that floor. */
.vhb-home-content-prototype .vhb-card-has-custom-image > i,
.vhb-home-content-prototype .vhb-card-has-custom-image i{
  background-repeat:no-repeat!important;
  background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
  background-size:max(var(--vhb-card-desktop-cover-zoom,100%), var(--vhb-card-desktop-zoom,100%)) auto!important;
}
@media(max-width:1150px) and (min-width:761px){
  .vhb-home-content-prototype .vhb-card-has-custom-image > i,
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
    background-size:max(var(--vhb-card-tablet-cover-zoom,var(--vhb-card-desktop-cover-zoom,100%)), var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-card-has-custom-image > i,
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
  }
}


/* v0.2.84: Mobile Home Card hierarchy correction.
   Mobile-only: make the Top Feature visually larger/taller than standard small cards,
   and align the mobile crop preview aspect ratios with the frontend card geometry. */
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card-large{
    aspect-ratio:1.35/1!important;
    min-height:0!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider){
    aspect-ratio:1.70/1!important;
    min-height:0!important;
  }
}


/* v0.2.85: Mobile feature-card bottom-safe zone + editor preview scale correction.
   Frontend mobile only: preserve v0.2.84 feature hierarchy while preventing title/excerpt
   from sitting flush against or clipping through the feature-card bottom edge.
   Admin only: keep the mobile crop preview aspect ratio matched to mobile frontend,
   but do not let the mobile preview appear physically larger than the desktop preview. */
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card-large{
    position:relative!important;
    overflow:hidden!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card-large .vhb-card-content-zones,
  .vhb-home-content-prototype .vhb-home-story-card-large.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:16px!important;
    bottom:15px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card-large .vhb-card-zone-bottom,
  .vhb-home-content-prototype .vhb-home-story-card-large.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
    padding-bottom:0!important;
    margin-bottom:0!important;
    transform:none!important;
    align-self:end!important;
    justify-content:flex-end!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-unit-mobile{
  width:min(76%,520px)!important;
  max-width:520px!important;
  justify-self:start!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-mobile{
  aspect-ratio:1.35/1!important;
}


/* v0.2.86: Feature-card editor crop previews must match frontend card geometry.
   Hotfix scope: admin preview aspect ratios only. Desktop feature preview uses the
   two-row frontend feature geometry; mobile feature preview uses the mobile feature
   geometry. Both previews fill the editor column width so the crop/reposition view
   matches the card frame instead of a smaller thumbnail. */
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-unit-desktop,
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-unit-mobile{
  width:100%!important;
  max-width:100%!important;
  justify-self:stretch!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-desktop{
  aspect-ratio:1.10/1!important;
  width:100%!important;
  max-width:100%!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-mobile{
  aspect-ratio:1.35/1!important;
  width:100%!important;
  max-width:100%!important;
}

/* v0.2.87: Admin Home Card crop preview fidelity.
   The crop/reposition previews now simulate the frontend card, including category pill,
   title, excerpt, overlay, and bottom-safe text zones, so the editor composes against
   the same visible card treatment users see after save. */
.vhb-admin-home-form-v2 .vhb-crop-box{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.10) 45%,rgba(0,0,0,.46) 100%)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-device-tag{
  position:absolute!important;
  top:8px!important;
  left:10px!important;
  z-index:3!important;
  pointer-events:none!important;
  color:#ffb15c!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.75)!important;
  opacity:.72!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-preview{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:16px!important;
  bottom:15px!important;
  z-index:2!important;
  pointer-events:none!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  box-sizing:border-box!important;
  min-height:0!important;
  overflow:hidden!important;
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.70)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-height:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-top{justify-content:flex-start!important;align-self:start!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-middle{justify-content:center!important;align-self:stretch!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-bottom{justify-content:flex-end!important;align-self:end!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-label{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  align-items:center!important;
  padding:6px 12px!important;
  border:1px solid rgba(255,130,0,.65)!important;
  border-radius:999px!important;
  background:rgba(8,9,12,.56)!important;
  color:#ffb15c!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  box-sizing:border-box!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-title,
.vhb-admin-home-form-v2 .vhb-crop-card-excerpt{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  font-style:normal!important;
  font-weight:900!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  min-height:0!important;
  overflow:hidden!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
  box-sizing:border-box!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-excerpt{
  color:#d2d7e0!important;
  font-weight:650!important;
  line-height:1.28!important;
  letter-spacing:0!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-preview{left:18px!important;right:18px!important;top:18px!important;bottom:15px!important;gap:9px!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-label{font-size:12px!important;padding:7px 14px!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-small .vhb-crop-card-title{font-size:clamp(22px,5.8vw,34px)!important;line-height:1.06!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-medium .vhb-crop-card-title{font-size:clamp(28px,7.2vw,46px)!important;line-height:1.03!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-large .vhb-crop-card-title{font-size:clamp(34px,8.4vw,58px)!important;line-height:1.0!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-short .vhb-crop-card-excerpt{font-size:clamp(13px,2.5vw,18px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-medium .vhb-crop-card-excerpt{font-size:clamp(15px,3vw,22px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-long .vhb-crop-card-excerpt{font-size:clamp(17px,3.4vw,25px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-preview{left:13px!important;right:13px!important;top:13px!important;bottom:15px!important;gap:6px!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-label{font-size:10px!important;padding:5px 10px!important;letter-spacing:.12em!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-small .vhb-crop-card-title{font-size:17px!important;line-height:1.08!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-medium .vhb-crop-card-title{font-size:21px!important;line-height:1.05!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-large .vhb-crop-card-title{font-size:25px!important;line-height:1.02!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-short .vhb-crop-card-excerpt{font-size:12px!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-medium .vhb-crop-card-excerpt{font-size:13px!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-long .vhb-crop-card-excerpt{font-size:15px!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-desktop{aspect-ratio:1.10/1!important;width:100%!important;max-width:100%!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-mobile{aspect-ratio:1.35/1!important;width:100%!important;max-width:100%!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-desktop{aspect-ratio:16/9!important;width:100%!important;max-width:100%!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile{aspect-ratio:1.70/1!important;width:100%!important;max-width:100%!important;}


/* v0.2.88 — Admin crop preview fidelity sizing + position sync.
   The crop previews now use explicit positional zones and container-relative
   type scaling so the editor more closely mirrors frontend cards. */
.vhb-admin-home-form-v2 .vhb-crop-box{
  container-type:inline-size!important;
}
.vhb-admin-home-form-v2 .vhb-crop-device-tag{
  display:none!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-preview{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.76)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:clamp(10px,3.2cqw,26px)!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-preview{
  padding:clamp(14px,4.8cqw,34px)!important;
  padding-bottom:clamp(15px,4.4cqw,32px)!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-preview{
  padding:clamp(10px,3.4cqw,22px)!important;
  padding-bottom:clamp(15px,3.6cqw,24px)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone{
  position:absolute!important;
  left:clamp(10px,3.2cqw,30px)!important;
  right:clamp(10px,3.2cqw,30px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:clamp(4px,1.2cqw,10px)!important;
  max-width:none!important;
  min-height:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-zone{
  left:clamp(14px,4.8cqw,40px)!important;
  right:clamp(14px,4.8cqw,40px)!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-zone{
  left:clamp(10px,3.4cqw,24px)!important;
  right:clamp(10px,3.4cqw,24px)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-top{
  top:clamp(10px,3.2cqw,28px)!important;
  bottom:auto!important;
  transform:none!important;
  justify-content:flex-start!important;
  align-self:auto!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-middle{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  justify-content:center!important;
  align-self:auto!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-bottom{
  top:auto!important;
  bottom:clamp(15px,4cqw,32px)!important;
  transform:none!important;
  justify-content:flex-end!important;
  align-self:auto!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-label{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border:1px solid rgba(255,130,0,.68)!important;
  border-radius:999px!important;
  background:rgba(8,9,12,.58)!important;
  color:#ffb15c!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  line-height:1!important;
  font-weight:900!important;
  box-sizing:border-box!important;
  text-shadow:0 2px 12px rgba(0,0,0,.78)!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-label{
  font-size:clamp(10px,2.9cqw,22px)!important;
  padding:clamp(5px,1.5cqw,12px) clamp(10px,3.4cqw,26px)!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-label{
  font-size:clamp(9px,2.3cqw,15px)!important;
  padding:clamp(4px,1.1cqw,8px) clamp(8px,2.5cqw,16px)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-title,
.vhb-admin-home-form-v2 .vhb-crop-card-excerpt{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-style:normal!important;
  text-transform:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-title{
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-excerpt{
  color:#d9dee8!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.22!important;
}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-small .vhb-crop-card-title{font-size:clamp(20px,6.0cqw,42px)!important;line-height:1.07!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-medium .vhb-crop-card-title{font-size:clamp(25px,7.4cqw,54px)!important;line-height:1.04!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-title-large .vhb-crop-card-title{font-size:clamp(30px,8.8cqw,64px)!important;line-height:1.0!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-short .vhb-crop-card-excerpt{font-size:clamp(12px,2.7cqw,20px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-medium .vhb-crop-card-excerpt{font-size:clamp(14px,3.2cqw,24px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-preview-excerpt-long .vhb-crop-card-excerpt{font-size:clamp(16px,3.6cqw,28px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-small .vhb-crop-card-title{font-size:clamp(15px,4.1cqw,22px)!important;line-height:1.08!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-medium .vhb-crop-card-title{font-size:clamp(18px,5.0cqw,27px)!important;line-height:1.05!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-title-large .vhb-crop-card-title{font-size:clamp(21px,5.8cqw,32px)!important;line-height:1.03!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-short .vhb-crop-card-excerpt{font-size:clamp(11px,2.8cqw,15px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-medium .vhb-crop-card-excerpt{font-size:clamp(12px,3.2cqw,17px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-preview-excerpt-long .vhb-crop-card-excerpt{font-size:clamp(13px,3.6cqw,19px)!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-bottom .vhb-crop-card-title:last-child,
.vhb-admin-home-form-v2 .vhb-crop-card-zone-bottom .vhb-crop-card-excerpt:last-child{
  margin-bottom:0!important;
}


/* v0.2.89 preview renderer unification pass */
.vhb-admin-home-form-v2 .vhb-crop-card-preview{
 display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-top,
.vhb-admin-home-form-v2 .vhb-crop-card-zone-middle{flex:0 0 auto!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-zone-bottom{margin-top:auto!important;}
.vhb-admin-home-form-v2 .vhb-titlepos-bottom .vhb-crop-card-zone-bottom{display:flex!important;}
.vhb-admin-home-form-v2 .vhb-titlepos-middle .vhb-crop-card-zone-middle{display:flex!important;justify-content:center!important;height:100%!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-title{font-size:clamp(38px,9cqw,64px)!important;line-height:1.02!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-excerpt{font-size:clamp(18px,4cqw,28px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-title{font-size:clamp(18px,5cqw,34px)!important;}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-excerpt{font-size:clamp(12px,3cqw,18px)!important;}

/* v0.2.90 — Admin preview fidelity hardening.
   Use JS-measured pixel variables instead of unsupported/variable container units,
   and make the crop preview zones obey the selected top/middle/bottom positions. */
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-device-tag{display:none!important;}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-preview{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.82)!important;
  --vhb-preview-title-px:24px;
  --vhb-preview-excerpt-px:14px;
  --vhb-preview-label-px:10px;
  --vhb-preview-pad-px:14px;
  --vhb-preview-bottom-px:15px;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-zone{
  position:absolute!important;
  left:var(--vhb-preview-pad-px)!important;
  right:var(--vhb-preview-pad-px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:max(4px, calc(var(--vhb-preview-pad-px) * .32))!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-zone-top{
  top:var(--vhb-preview-pad-px)!important;
  bottom:auto!important;
  transform:none!important;
  justify-content:flex-start!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-zone-middle{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  justify-content:center!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-zone-bottom{
  top:auto!important;
  bottom:var(--vhb-preview-bottom-px)!important;
  transform:none!important;
  justify-content:flex-end!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:999px!important;
  background:rgba(10,10,12,.62)!important;
  color:#ffb15c!important;
  font-size:var(--vhb-preview-label-px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  padding:calc(var(--vhb-preview-label-px) * .45) calc(var(--vhb-preview-label-px) * 1.15)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.78)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-title,
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-excerpt{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-style:normal!important;
  text-transform:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-title{
  font-size:var(--vhb-preview-title-px)!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-excerpt{
  font-size:var(--vhb-preview-excerpt-px)!important;
  line-height:1.22!important;
  color:#d9dee8!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-preview.vhb-titlepos-bottom .vhb-crop-card-zone-bottom,
.vhb-admin-home-form-v2 .vhb-crop-box .vhb-crop-card-preview.vhb-excerptpos-bottom .vhb-crop-card-zone-bottom{
  bottom:var(--vhb-preview-bottom-px)!important;
}


/* v0.2.92: tablet custom-image crop should stay desktop-like, while true mobile keeps the mobile crop.
   Also reinforces the correct cover floor so no dark filler appears on tablet/compact feature cards. */
@media(min-width:761px) and (max-width:1150px){
  .vhb-home-content-prototype .vhb-card-has-custom-image > i,
  .vhb-home-content-prototype .vhb-card-has-custom-image i{
    background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
    background-size:max(var(--vhb-card-tablet-cover-zoom,var(--vhb-card-desktop-cover-zoom,100%)), var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card-large.vhb-card-has-custom-image > i,
  .vhb-home-content-prototype .vhb-home-story-card-large.vhb-card-has-custom-image i{
    background-size:max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
  }
}

/* v0.2.98: Thread-page board-index return link */
.vhb-thread-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 5px!important}
.vhb-thread-kicker-row .vhb-eyebrow{margin:0!important}
.vhb-thread-board-back{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border:1px solid rgba(255,122,0,.36);border-radius:999px;background:rgba(255,122,0,.10);color:var(--vhb-orange2)!important;text-decoration:none!important;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.vhb-thread-board-back:hover,.vhb-thread-board-back:focus-visible{border-color:rgba(255,122,0,.62);background:rgba(255,122,0,.18);color:#fff!important;outline:none}
@media(max-width:680px){.vhb-thread-kicker-row{align-items:flex-start;gap:8px}.vhb-thread-board-back{font-size:10px;min-height:26px;padding:4px 8px}}

/* v0.2.99A: Vol Hoops WYSIWYG reply editor integration. */
.vhb-reply-composer{
  margin-top:28px!important;
  padding:18px!important;
  border:1px solid rgba(255,122,0,.34)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(21,24,30,.96),rgba(10,12,16,.98))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  display:grid!important;
  gap:14px!important;
}
.vhb-reply-composer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 2px!important;padding:0 2px 2px!important}
.vhb-reply-composer-head span{color:#ffb15c!important;font-size:13px!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.vhb-reply-composer-head small{color:#bfc5cf!important;font-size:12px!important;font-weight:750!important}
.vhb-rich-reply-field{font-size:16px!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,122,0,.30)!important;background:#111419!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.20)!important}
.vhb-rich-reply-field:focus-within{border-color:rgba(255,122,0,.78)!important;box-shadow:0 0 0 3px rgba(255,122,0,.13),inset 0 1px 0 rgba(255,255,255,.07)!important}
.vhb-rich-reply-field .wp-editor-wrap{border:0!important;background:#111419!important}
.vhb-rich-reply-field .wp-editor-container{border:0!important;background:#111419!important}
.vhb-rich-reply-field .mce-tinymce{border:0!important;background:#111419!important;box-shadow:none!important}
.vhb-rich-reply-field .mce-top-part:before{box-shadow:none!important}
.vhb-rich-reply-field .mce-toolbar-grp{background:linear-gradient(180deg,#20242c,#161a21)!important;border:0!important;border-bottom:1px solid rgba(255,122,0,.25)!important;padding:7px 8px!important;overflow-x:auto!important;white-space:nowrap!important}
.vhb-rich-reply-field .mce-toolbar{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:max-content!important}
.vhb-rich-reply-field .mce-btn-group{display:inline-flex!important;align-items:center!important;gap:4px!important;float:none!important;margin:0 7px 0 0!important;padding-right:7px!important;border-right:1px solid rgba(255,255,255,.11)!important}
.vhb-rich-reply-field .mce-btn-group:last-child{border-right:0!important;margin-right:0!important;padding-right:0!important}
.vhb-rich-reply-field .mce-btn{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;min-width:38px!important;min-height:36px!important;box-shadow:none!important}
.vhb-rich-reply-field .mce-btn:hover,.vhb-rich-reply-field .mce-btn:focus,.vhb-rich-reply-field .mce-btn.mce-active{background:rgba(255,122,0,.16)!important;border-color:rgba(255,122,0,.52)!important}
.vhb-rich-reply-field .mce-ico{color:#f5efe7!important;text-shadow:none!important;font-size:18px!important;line-height:1!important}
.vhb-rich-reply-field .mce-caret{border-top-color:#f5efe7!important}
.vhb-rich-reply-field iframe{background:#111419!important;display:block!important}
.vhb-rich-reply-field textarea.wp-editor-area{background:#111419!important;color:#f5f0eb!important;border:0!important;padding:16px!important;font-size:17px!important;line-height:1.6!important}
.vhb-reply-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
.vhb-preview-reply{border-color:rgba(255,255,255,.25)!important;color:#f1f3f6!important;background:rgba(255,255,255,.045)!important;min-height:42px!important;border-radius:999px!important;font-weight:850!important}
.vhb-preview-reply:hover,.vhb-preview-reply:focus-visible{border-color:rgba(255,122,0,.62)!important;color:#ffb15c!important;background:rgba(255,122,0,.10)!important}
.vhb-reply-preview{border:1px solid rgba(255,122,0,.32)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,122,0,.075),rgba(255,255,255,.035))!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important}
.vhb-reply-preview-label{padding:9px 13px!important;background:rgba(255,122,0,.13)!important;border-bottom:1px solid rgba(255,122,0,.20)!important;color:#ffb15c!important;font-size:12px!important;font-weight:950!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.vhb-reply-preview-content{padding:15px!important;color:#f5f0eb!important;font-size:16px!important;line-height:1.6!important;word-break:break-word!important}
.vhb-reply-preview-content a{color:#ffb15c!important;text-decoration:underline!important;text-underline-offset:3px!important}
.vhb-reply-preview-content blockquote{margin:12px 0!important;padding:10px 13px!important;border-left:4px solid #ff7a00!important;border-radius:10px!important;background:rgba(255,122,0,.10)!important;color:#f7e7d5!important}
.vhb-reply-preview-content ul,.vhb-reply-preview-content ol{padding-left:24px!important;margin:10px 0!important}.vhb-reply-preview-content p{margin:0 0 12px!important}.vhb-reply-preview-content p:last-child{margin-bottom:0!important}
@media(max-width:760px){.vhb-reply-composer{padding:14px!important;border-radius:18px!important}.vhb-reply-composer-head{align-items:flex-start!important}.vhb-reply-composer-head small{font-size:11.5px!important}.vhb-rich-reply-field .mce-toolbar-grp{padding:7px 6px!important}.vhb-rich-reply-field .mce-btn{min-width:40px!important;min-height:40px!important}.vhb-rich-reply-field .mce-ico{font-size:19px!important}.vhb-reply-actions{gap:9px!important}.vhb-reply-actions .vhb-button,.vhb-reply-actions .vhb-small-button{flex:1 1 142px!important;max-width:none!important;justify-content:center!important}.vhb-reply-preview-content{font-size:15.5px!important;padding:13px!important}}

/* v0.2.99B — WYSIWYG toolbar icon rendering fallback
   TinyMCE frontend icon fonts/sprites can fail to render on some theme/front-end stacks.
   These rules replace blank/broken icon boxes with stable Vol Hoops text/SVG-style glyphs. */
.vhb-rich-reply-field .mce-btn button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  min-height:36px!important;
  padding:0 9px!important;
  color:#f6efe8!important;
}
.vhb-rich-reply-field .mce-btn .mce-ico{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:20px!important;
  height:20px!important;
  margin:0!important;
  color:#f6efe8!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:0!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:1!important;
  overflow:visible!important;
  text-indent:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.vhb-rich-reply-field .mce-btn .mce-ico:before{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f6efe8!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  text-shadow:none!important;
}
.vhb-rich-reply-field .mce-btn:hover .mce-ico:before,
.vhb-rich-reply-field .mce-btn:focus .mce-ico:before,
.vhb-rich-reply-field .mce-btn.mce-active .mce-ico:before{
  color:#ffb15c!important;
}
.vhb-rich-reply-field .mce-i-bold:before{content:"B"!important;font-weight:1000!important;}
.vhb-rich-reply-field .mce-i-italic:before{content:"I"!important;font-style:italic!important;font-family:Georgia,'Times New Roman',serif!important;}
.vhb-rich-reply-field .mce-i-underline:before{content:"U"!important;text-decoration:underline!important;text-underline-offset:2px!important;}
.vhb-rich-reply-field .mce-i-link:before{content:"🔗"!important;font-size:16px!important;}
.vhb-rich-reply-field .mce-i-blockquote:before{content:"❝"!important;font-size:20px!important;}
.vhb-rich-reply-field .mce-i-bullist:before{content:"•≡"!important;font-size:18px!important;letter-spacing:-1px!important;}
.vhb-rich-reply-field .mce-i-numlist:before{content:"1≡"!important;font-size:17px!important;letter-spacing:-1px!important;}
.vhb-rich-reply-field .mce-i-removeformat:before{content:"Tx"!important;font-size:14px!important;letter-spacing:-.03em!important;}
.vhb-rich-reply-field .mce-i-undo:before{content:"↶"!important;font-size:21px!important;}
.vhb-rich-reply-field .mce-i-redo:before{content:"↷"!important;font-size:21px!important;}
/* v0.2.105Y: Keep Undo/Redo toolbar icons readable even when TinyMCE marks them disabled. */
.vhb-rich-reply-field .mce-btn .mce-i-undo,
.vhb-rich-reply-field .mce-btn .mce-i-redo,
.vhb-rich-reply-field .mce-btn .mce-i-undo:before,
.vhb-rich-reply-field .mce-btn .mce-i-redo:before,
.vhb-rich-reply-field .mce-btn.mce-disabled .mce-i-undo,
.vhb-rich-reply-field .mce-btn.mce-disabled .mce-i-redo,
.vhb-rich-reply-field .mce-btn.mce-disabled .mce-i-undo:before,
.vhb-rich-reply-field .mce-btn.mce-disabled .mce-i-redo:before{
  color:#f6efe8!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:0 0 1px rgba(246,239,232,.35)!important;
}
.vhb-rich-reply-field .mce-btn.mce-disabled button:has(.mce-i-undo),
.vhb-rich-reply-field .mce-btn.mce-disabled button:has(.mce-i-redo){
  opacity:1!important;
}
.vhb-rich-reply-field .mce-btn button[aria-label],
.vhb-rich-reply-field .mce-btn button[title]{
  cursor:pointer!important;
}
.vhb-rich-reply-field .mce-btn:hover,
.vhb-rich-reply-field .mce-btn:focus-within,
.vhb-rich-reply-field .mce-btn.mce-active{
  box-shadow:0 0 0 1px rgba(255,122,0,.22),0 8px 18px rgba(0,0,0,.18)!important;
}
@media(max-width:760px){
  .vhb-rich-reply-field .mce-btn button{min-width:40px!important;min-height:40px!important;padding:0 10px!important;}
  .vhb-rich-reply-field .mce-btn .mce-ico:before{font-size:18px!important;}
  .vhb-rich-reply-field .mce-i-link:before{font-size:17px!important;}
  .vhb-rich-reply-field .mce-i-blockquote:before{font-size:21px!important;}
}


/* v0.2.99C: WYSIWYG mobile responsive overflow correction. */
.vhb-reply-composer,.vhb-rich-reply-field,.vhb-rich-reply-field .wp-editor-wrap,.vhb-rich-reply-field .wp-editor-container,.vhb-rich-reply-field .mce-tinymce{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.vhb-rich-reply-field .mce-container,.vhb-rich-reply-field .mce-container-body{max-width:100%!important}
@media(max-width:760px){
 .vhb-reply-composer{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .vhb-rich-reply-field .mce-toolbar-grp{overflow-x:visible!important;white-space:nowrap!important;padding:8px!important}
 .vhb-rich-reply-field .mce-flow-layout{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 .vhb-rich-reply-field .mce-toolbar,.vhb-rich-reply-field .mce-container-body.mce-stack-layout{display:flex!important;flex-wrap:wrap!important;min-width:0!important;width:100%!important}
 .vhb-rich-reply-field .mce-btn-group{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important;padding:0 6px 0 0!important}
 .vhb-rich-reply-field .mce-toolbar-grp .mce-btn-group{border-right:none!important}
 .vhb-rich-reply-field iframe,.vhb-rich-reply-field textarea.wp-editor-area{max-width:100%!important}
 .vhb-reply-actions>*{width:100%!important;flex:1 1 100%!important}
}

/* v0.2.103E Reply action tray normalization */
.vhb-reply-actions .vhb-preview-reply,
.vhb-reply-actions .vhb-reply-submit,
.vhb-reply-actions .vhb-cancel-session{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.vhb-reply-actions .vhb-reply-submit{
  background:rgba(255,122,0,.16)!important;
  border:1px solid rgba(255,122,0,.36)!important;
  color:var(--vhb-orange2)!important;
}

/* v0.2.103F Reply/Quote regression correction */
.vhb-reply-actions .vhb-small-button,
.vhb-reply-actions .vhb-reply-submit,
.vhb-reply-actions .vhb-preview-reply,
.vhb-reply-actions .vhb-cancel-session {
  min-height: 38px;
  padding: 9px 15px;
  line-height: 1.1;
}


/* v0.2.103G Reply/Quote runtime hardening */
.vhb-reply-validation{margin:10px 0 0;color:#ffcf9b;font-weight:800;font-size:13px;letter-spacing:.01em;}
#vhb-cancel-session:hover,.vhb-cancel-session:hover{filter:brightness(1.08);transform:translateY(-1px);}
#vhb-cancel-session,.vhb-cancel-session{position:relative;z-index:5;pointer-events:auto;}


/* v0.2.103P: tablet Reply/Quote scroll repaint guard */
@media (pointer:coarse) and (min-width:700px) and (max-width:1200px){
  html.vhb-tablet-composer-scroll-active,
  html.vhb-tablet-composer-scroll-active body,
  html.vhb-tablet-composer-scroll-active .vhb-reply-composer,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-wrap,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-container,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .mce-tinymce,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field iframe{
    background-color:#111419!important;
  }
  html.vhb-tablet-composer-scroll-active .vhb-reply-composer,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field{
    transform:translateZ(0);
    backface-visibility:hidden;
  }
}

/* v0.2.103Q: Reply/Quote custom-scroll repaint guard for all device classes */
html.vhb-composer-scroll-active,
html.vhb-composer-scroll-active body,
html.vhb-composer-scroll-active .vhb-reply-composer,
html.vhb-composer-scroll-active .vhb-rich-reply-field,
html.vhb-composer-scroll-active .vhb-rich-reply-field .wp-editor-wrap,
html.vhb-composer-scroll-active .vhb-rich-reply-field .wp-editor-container,
html.vhb-composer-scroll-active .vhb-rich-reply-field .mce-tinymce,
html.vhb-composer-scroll-active .vhb-rich-reply-field iframe{
  background-color:#111419!important;
}
html.vhb-composer-scroll-active .vhb-reply-composer,
html.vhb-composer-scroll-active .vhb-rich-reply-field{
  transform:translateZ(0);
  backface-visibility:hidden;
}


/* v0.2.103R: stronger tablet scroll repaint shield while preserving custom eased scroll */
@media (pointer:coarse) and (min-width:700px) and (max-width:1200px){
  html.vhb-tablet-composer-scroll-active,
  html.vhb-tablet-composer-scroll-active body,
  html.vhb-tablet-composer-scroll-active #page,
  html.vhb-tablet-composer-scroll-active .site,
  html.vhb-tablet-composer-scroll-active .site-content,
  html.vhb-tablet-composer-scroll-active .content-area,
  html.vhb-tablet-composer-scroll-active .entry-content,
  html.vhb-tablet-composer-scroll-active .vhb-app,
  html.vhb-tablet-composer-scroll-active .vhb-board-shell,
  html.vhb-tablet-composer-scroll-active .vhb-thread-layout,
  html.vhb-tablet-composer-scroll-active .vhb-thread-main,
  html.vhb-tablet-composer-scroll-active .vhb-reply-composer,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-wrap,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-container,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .mce-tinymce,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field iframe{
    background:#111419!important;
    background-color:#111419!important;
  }
  html.vhb-tablet-composer-scroll-active .vhb-reply-composer,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-container,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .mce-tinymce{
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    will-change:transform;
  }
}


/* v0.2.103S: tablet long-scroll smoothing/repaint guard. Keep the editor/composer surface
   composited and dark while the custom eased scroll is running. */
@media (pointer:coarse) and (min-width:700px) and (max-width:1200px){
  html.vhb-tablet-composer-scroll-active,
  html.vhb-tablet-composer-scroll-active body{
    background:#111419!important;
    background-color:#111419!important;
  }
  html.vhb-tablet-composer-scroll-active .vhb-thread-main,
  html.vhb-tablet-composer-scroll-active .vhb-reply-composer,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-wrap,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .wp-editor-container,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field .mce-tinymce,
  html.vhb-tablet-composer-scroll-active .vhb-rich-reply-field iframe{
    background:#111419!important;
    background-color:#111419!important;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    will-change:transform;
  }
}

/* v0.2.104 Editor Formatting Expansion: preserve readable published formatted quote previews. */
.vhb-post-text .vhb-formatted-quote-preview{
  margin:0 0 14px;
  border:1px solid rgba(255,122,0,.42);
  border-left:4px solid var(--vhb-orange);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,122,0,.20),rgba(255,255,255,.06));
  padding:10px 12px;
  color:#f7e7d5;
}
.vhb-post-text .vhb-formatted-quote-preview strong{
  display:block;
  margin-bottom:4px;
  color:#ffd19a;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.04em;
}


/* v0.2.104A — Text color/highlight toolbar polish
   TinyMCE forecolor/backcolor split buttons need the same stable Vol Hoops
   rendering fallback as the earlier WYSIWYG controls. */
.vhb-rich-reply-field .mce-btn.mce-splitbtn,
.vhb-rich-reply-field .mce-splitbtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:70px!important;
  min-height:36px!important;
  padding:0!important;
  overflow:hidden!important;
}
.vhb-rich-reply-field .mce-splitbtn button{
  min-width:42px!important;
  min-height:36px!important;
  padding:0 8px!important;
  position:relative!important;
}
.vhb-rich-reply-field .mce-splitbtn .mce-open{
  min-width:26px!important;
  width:26px!important;
  padding:0!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
}
.vhb-rich-reply-field .mce-i-forecolor:before{
  content:"A"!important;
  font-size:18px!important;
  font-weight:1000!important;
  text-decoration:underline!important;
  text-decoration-thickness:3px!important;
  text-underline-offset:5px!important;
  text-decoration-color:#ff7a00!important;
}
.vhb-rich-reply-field .mce-i-backcolor:before{
  content:"H"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  min-height:22px!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#171a20!important;
  background:linear-gradient(180deg,#fff7df,#ffcf69)!important;
  border-radius:4px!important;
  box-shadow:0 3px 0 #ff8200!important;
}
.vhb-rich-reply-field .mce-btn:hover .mce-i-backcolor:before,
.vhb-rich-reply-field .mce-btn:focus-within .mce-i-backcolor:before{
  color:#111419!important;
  background:linear-gradient(180deg,#fff4d6,#ffb15c)!important;
  box-shadow:0 3px 0 #ff7a00!important;
}
.vhb-rich-reply-field .mce-splitbtn .mce-preview{
  left:9px!important;
  right:9px!important;
  bottom:5px!important;
  height:3px!important;
  border-radius:999px!important;
  opacity:1!important;
}
.vhb-rich-reply-field .mce-splitbtn .mce-caret{
  margin:0!important;
  border-top-color:#f5efe7!important;
}
.vhb-rich-reply-field .mce-colorbutton,
.vhb-rich-reply-field .mce-colorbutton:hover{
  color:#f6efe8!important;
}
/* Prevent old TinyMCE icon-font fallback text from leaking vertically in color controls. */
.vhb-rich-reply-field .mce-i-forecolor,
.vhb-rich-reply-field .mce-i-backcolor{
  text-indent:0!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
}

/* v0.2.104B — Vol Hoops editor popovers + mobile toolbar polish. */
.vhb-editor-popover{
  position:fixed!important;
  z-index:999999!important;
  width:min(300px,calc(100vw - 24px))!important;
  border:1px solid rgba(255,130,0,.52)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#1b2028,#101319)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f5f0eb!important;
  padding:14px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.vhb-editor-popover-title{
  color:#ffb15c!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  margin:0 0 11px!important;
}
.vhb-editor-color-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;margin-bottom:12px!important}
.vhb-editor-color-swatch{
  appearance:none!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  border:2px solid rgba(255,255,255,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.24)!important;
  cursor:pointer!important;
}
.vhb-editor-color-swatch:hover,.vhb-editor-color-swatch:focus-visible{outline:none!important;border-color:#ff8200!important;transform:translateY(-1px)!important}
.vhb-editor-custom-color{display:flex!important;gap:8px!important;align-items:flex-end!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:11px!important}
.vhb-editor-custom-color label,.vhb-editor-link-modal label{display:grid!important;gap:6px!important;flex:1!important;color:#cfd5df!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.07em!important}
.vhb-editor-custom-color input,.vhb-editor-link-modal input{
  width:100%!important;
  min-height:38px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#080a0e!important;
  color:#fff!important;
  padding:8px 10px!important;
  font:inherit!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.vhb-editor-custom-color input::placeholder,.vhb-editor-link-modal input::placeholder{color:rgba(255,255,255,.36)!important}
.vhb-editor-custom-color input.is-invalid{border-color:#f87171!important;box-shadow:0 0 0 2px rgba(248,113,113,.16)!important}
.vhb-editor-custom-color button,.vhb-editor-popover-actions button{
  appearance:none!important;
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,130,0,.55)!important;
  background:rgba(255,130,0,.16)!important;
  color:#ffb15c!important;
  font-weight:950!important;
  padding:8px 13px!important;
  cursor:pointer!important;
}
.vhb-editor-custom-color button:hover,.vhb-editor-popover-actions button:hover{background:rgba(255,130,0,.26)!important;border-color:#ff8200!important;color:#fff!important}
.vhb-editor-link-modal{width:min(560px,calc(100vw - 28px))!important;padding:18px!important}
.vhb-editor-link-modal label{margin-bottom:14px!important;font-size:12px!important}
.vhb-editor-link-modal label span{color:#858d99!important;text-transform:none!important;letter-spacing:0!important;font-weight:750!important}
.vhb-editor-link-modal input{min-height:50px!important;border-radius:12px!important;font-size:16px!important;background:#0b0e13!important}
.vhb-editor-popover-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:4px!important}
.vhb-editor-popover-actions .vhb-link-cancel{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.055)!important;color:#edf0f5!important}
.vhb-editor-popover-actions .vhb-link-insert{background:linear-gradient(135deg,#ff8200,#ffad42)!important;color:#160a00!important;border-color:#ff8200!important}
.vhb-editor-popover-note{margin-top:10px!important;color:#ffcf9b!important;font-size:13px!important;font-weight:800!important}

/* Native TinyMCE color/link panels are superseded by Vol Hoops popovers. */
.mce-menu,.mce-panel.mce-menu,.mce-floatpanel.mce-menu{font-family:Inter,system-ui,sans-serif!important}

/* Keep color/highlight split buttons compact and readable on narrow screens. */
@media(max-width:760px){
  .vhb-rich-reply-field .mce-toolbar-grp{padding:7px 6px!important}
  .vhb-rich-reply-field .mce-toolbar{gap:4px!important}
  .vhb-rich-reply-field .mce-flow-layout{gap:5px!important;align-items:flex-start!important}
  .vhb-rich-reply-field .mce-btn-group{gap:4px!important;padding-right:0!important;margin-right:0!important}
  .vhb-rich-reply-field .mce-btn{min-width:34px!important;min-height:34px!important;border-radius:9px!important}
  .vhb-rich-reply-field .mce-btn button{min-width:34px!important;min-height:34px!important;padding:0 7px!important}
  .vhb-rich-reply-field .mce-btn .mce-ico:before{font-size:16px!important}
  .vhb-rich-reply-field .mce-i-link:before{font-size:15px!important}
  .vhb-rich-reply-field .mce-i-blockquote:before{font-size:19px!important}
  .vhb-rich-reply-field .mce-btn.mce-splitbtn,.vhb-rich-reply-field .mce-splitbtn{min-width:58px!important;min-height:34px!important}
  .vhb-rich-reply-field .mce-splitbtn button{min-width:36px!important;min-height:34px!important;padding:0 7px!important}
  .vhb-rich-reply-field .mce-splitbtn .mce-open{min-width:22px!important;width:22px!important}
  .vhb-rich-reply-field .mce-i-forecolor:before,.vhb-rich-reply-field .mce-i-backcolor:before{font-size:16px!important}
}


/* v0.2.104C — hardened custom editor control click targets. */
.vhb-rich-reply-field [data-vhb-editor-control]{
  cursor:pointer!important;
  pointer-events:auto!important;
}
.vhb-rich-reply-field [data-vhb-editor-control] *{
  pointer-events:auto!important;
}
.vhb-editor-popover input,
.vhb-editor-popover button{
  pointer-events:auto!important;
}

/* v0.2.104I — data-marked editor control fallbacks.
   If TinyMCE renders a color/highlight/link button without the expected icon class,
   Vol Hoops JS marks the real button and these rules restore the visible glyph. */
.vhb-rich-reply-field [data-vhb-editor-control="fore"] .vhb-editor-control-icon:before,
.vhb-rich-reply-field [data-vhb-editor-control="fore"] .mce-ico:before{
  content:"A"!important;
  font-size:18px!important;
  font-weight:1000!important;
  text-decoration:underline!important;
  text-decoration-thickness:3px!important;
  text-underline-offset:5px!important;
  text-decoration-color:#ff7a00!important;
}
.vhb-rich-reply-field [data-vhb-editor-control="back"] .vhb-editor-control-icon:before,
.vhb-rich-reply-field [data-vhb-editor-control="back"] .mce-ico:before{
  content:"H"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  min-height:22px!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#171a20!important;
  background:linear-gradient(180deg,#fff7df,#ffcf69)!important;
  border-radius:4px!important;
  box-shadow:0 3px 0 #ff8200!important;
}
.vhb-rich-reply-field [data-vhb-editor-control="link"] .vhb-editor-control-icon:before,
.vhb-rich-reply-field [data-vhb-editor-control="link"] .mce-ico:before{
  content:"🔗"!important;
  font-size:16px!important;
  line-height:1!important;
}
.vhb-rich-reply-field [data-vhb-editor-control="fore"],
.vhb-rich-reply-field [data-vhb-editor-control="back"],
.vhb-rich-reply-field [data-vhb-editor-control="link"]{
  cursor:pointer!important;
  pointer-events:auto!important;
}


/* v0.2.104L — custom TinyMCE editor controls. These replace native forecolor/backcolor/link
   controls so Vol Hoops popovers are opened directly instead of TinyMCE float panels. */
.vhb-rich-reply-field .mce-btn.mce-vhb-custom-tmce-btn,
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn{
  min-width:56px!important;
  min-height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.18)!important;
}
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn button{
  min-width:56px!important;
  min-height:44px!important;
  padding:0 12px!important;
  color:#f6efe8!important;
  font-size:22px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-align:center!important;
}
.vhb-rich-reply-field .mce-vhb-custom-forecolor button{ text-decoration:underline!important; text-decoration-color:#ff8200!important; text-decoration-thickness:4px!important; text-underline-offset:7px!important; }
.vhb-rich-reply-field .mce-vhb-custom-backcolor button{
  color:#171a20!important;
  background:linear-gradient(180deg,#fff5ca,#ffd24a)!important;
  border-radius:8px!important;
  margin:7px!important;
  min-width:34px!important;
  min-height:30px!important;
  box-shadow:inset 0 -4px 0 rgba(255,130,0,.75)!important;
}
.vhb-rich-reply-field .mce-vhb-custom-link button{font-size:20px!important;}
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn:hover,
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn:focus-within{
  border-color:rgba(255,130,0,.72)!important;
  background:linear-gradient(180deg,rgba(255,130,0,.20),rgba(255,255,255,.055))!important;
}

/* v0.2.104N — normalize custom editor button sizing to match existing TinyMCE toolbar controls. */
.vhb-rich-reply-field .mce-btn.mce-vhb-custom-tmce-btn,
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn{
  min-width:46px!important;
  width:46px!important;
  min-height:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
.vhb-rich-reply-field .mce-vhb-custom-tmce-btn button{
  min-width:46px!important;
  width:46px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0!important;
  font-size:19px!important;
}
.vhb-rich-reply-field .mce-vhb-custom-backcolor button{
  margin:5px!important;
  min-width:30px!important;
  width:30px!important;
  min-height:27px!important;
  height:27px!important;
  border-radius:7px!important;
}
.vhb-rich-reply-field .mce-vhb-custom-link button{font-size:18px!important;}
.vhb-editor-popover-104m .vhb-editor-color-grid{
  grid-template-columns:repeat(6,1fr)!important;
  gap:7px!important;
}
@media (max-width: 640px){
  .vhb-rich-reply-field .mce-btn.mce-vhb-custom-tmce-btn,
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn{
    min-width:38px!important;
    width:38px!important;
    min-height:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn button{
    min-width:38px!important;
    width:38px!important;
    min-height:34px!important;
    height:34px!important;
    font-size:17px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-backcolor button{
    margin:4px!important;
    min-width:26px!important;
    width:26px!important;
    min-height:24px!important;
    height:24px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-link button{font-size:16px!important;}
}

/* v0.2.104O — final polish for custom editor controls and popover actions. */
.vhb-editor-custom-color{
  align-items:flex-end!important;
}
.vhb-editor-custom-color .vhb-editor-color-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.vhb-editor-custom-color button,
.vhb-editor-popover-actions button,
.vhb-editor-popover-actions .vhb-link-cancel,
.vhb-editor-popover-actions .vhb-link-insert{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 15px!important;
  border:1px solid #ff8200!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:none!important;
  color:#ffb15c!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
.vhb-editor-custom-color button:hover,
.vhb-editor-custom-color button:focus-visible,
.vhb-editor-popover-actions button:hover,
.vhb-editor-popover-actions button:focus-visible{
  background:rgba(255,130,0,.12)!important;
  color:#fff!important;
  outline:none!important;
}
@media (min-width: 641px){
  .vhb-rich-reply-field .mce-btn.mce-vhb-custom-tmce-btn,
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn{
    min-width:38px!important;
    width:38px!important;
    min-height:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn button{
    min-width:38px!important;
    width:38px!important;
    min-height:36px!important;
    height:36px!important;
    padding:0!important;
    font-size:17px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-backcolor button{
    margin:4px!important;
    min-width:26px!important;
    width:26px!important;
    min-height:24px!important;
    height:24px!important;
    border-radius:6px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-link button{font-size:16px!important;}
}


/* v0.2.104P — desktop/tablet custom toolbar buttons match native control footprint more closely; mobile sizing from prior build remains protected. */
@media (min-width: 641px){
  .vhb-rich-reply-field .mce-btn.mce-vhb-custom-tmce-btn,
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn{
    min-width:34px!important;
    width:34px!important;
    min-height:34px!important;
    height:34px!important;
    border-radius:9px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-tmce-btn button{
    min-width:34px!important;
    width:34px!important;
    min-height:34px!important;
    height:34px!important;
    font-size:16px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-backcolor button{
    margin:4px!important;
    min-width:24px!important;
    width:24px!important;
    min-height:22px!important;
    height:22px!important;
  }
  .vhb-rich-reply-field .mce-vhb-custom-link button{font-size:15px!important;}
}

/* v0.2.105A — YouTube viewer, emoji picker, and underlined saved links. */
.vhb-post-text a{color:#ff8200!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color .16s ease,text-decoration-thickness .16s ease;}
.vhb-post-text a:visited{color:#d86f00!important;}
.vhb-post-text a:hover{color:#ff9d2e!important;text-decoration-thickness:2px;}
.vhb-post-text a:focus-visible{color:#ff9d2e!important;outline:2px solid #ffb15c;outline-offset:3px;border-radius:2px;}
.vhb-youtube-viewer{width:min(100%,640px);margin:14px 0;border:1px solid rgba(255,130,0,.34);border-radius:16px;overflow:hidden;background:#0f1319;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.vhb-post-card .vhb-parent-preview .vhb-youtube-viewer,.vhb-reply-chain .vhb-youtube-viewer,.vhb-formatted-quote-preview .vhb-youtube-viewer{width:min(100%,420px);border-radius:12px;margin:10px 0}
.vhb-youtube-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#101318;cursor:pointer;overflow:hidden}
.vhb-youtube-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.03)}
.vhb-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:46px;border-radius:14px;background:rgba(255,130,0,.92);color:#170900;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.34)}
.vhb-youtube-player{position:relative;width:100%;aspect-ratio:16/9;background:#05070a}
.vhb-youtube-player iframe{display:block;width:100%;height:100%;border:0}
.vhb-youtube-minimize{position:absolute;right:10px;top:10px;z-index:2;border:1px solid rgba(255,130,0,.9);border-radius:999px;background:rgba(17,20,25,.82);color:#ffb15c;font-size:12px;font-weight:900;padding:6px 11px;cursor:pointer}
.vhb-editor-youtube-modal{width:min(360px,calc(100vw - 24px))!important}
.vhb-editor-emoji-popover{width:min(360px,calc(100vw - 24px))!important}
.vhb-editor-emoji-kicker{font-size:12px;font-weight:800;color:#cfd3dc;margin:-2px 0 10px;text-transform:uppercase;letter-spacing:.04em}
.vhb-editor-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;max-height:250px;overflow:auto;padding:2px}
.vhb-emoji-choice{height:34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);font-size:20px;line-height:1;cursor:pointer}
.vhb-emoji-choice:hover,.vhb-emoji-choice:focus-visible{border-color:#ff8200;background:rgba(255,130,0,.18);outline:none}
.vhb-rich-reply-field .mce-vhb-custom-youtube button,.vhb-rich-reply-field .mce-vhb-custom-emoji button{font-weight:900!important}
@media (max-width:640px){.vhb-editor-emoji-grid{grid-template-columns:repeat(7,1fr);max-height:220px}.vhb-emoji-choice{height:32px;font-size:19px}.vhb-youtube-viewer{border-radius:13px}}

/* v0.2.105B — YouTube preview/chain refinements and media button reliability. */
.vhb-youtube-viewer-compact{width:min(100%,360px)!important;max-width:100%;margin:8px 0 9px;border-radius:12px}
.vhb-reply-chain .vhb-youtube-viewer-compact{width:min(100%,320px)!important}
.vhb-youtube-viewer-compact .vhb-youtube-play{width:46px;height:34px;border-radius:10px;font-size:18px}
.vhb-youtube-teaser{position:relative;width:min(100%,420px);height:98px;margin:9px 0 8px;border:1px solid rgba(255,130,0,.32);border-radius:12px;overflow:hidden;background:#06080c;box-shadow:inset 0 -34px 40px rgba(6,8,12,.92)}
.vhb-youtube-teaser iframe{display:block;width:100%;height:236px;border:0;pointer-events:none;transform:translateY(-2px)}
.vhb-youtube-teaser:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom,rgba(6,8,12,0),rgba(6,8,12,.96));pointer-events:none}
.vhb-quote-current .vhb-youtube-teaser{grid-column:2;width:min(100%,380px)}
.vhb-chain-item .vhb-youtube-viewer{grid-column:2}
@media (max-width:640px){.vhb-youtube-teaser{height:82px;width:100%}.vhb-youtube-teaser iframe{height:206px}.vhb-quote-current .vhb-youtube-teaser{grid-column:1 / -1}.vhb-chain-item .vhb-youtube-viewer{grid-column:1 / -1;width:100%!important}}

/* v0.2.105C — YouTube live viewer correction and toolbar bridge hardening. */
.vhb-youtube-viewer-live{position:relative}
.vhb-youtube-viewer-live .vhb-youtube-player{display:block;width:100%;aspect-ratio:16/9;background:#05070a}
.vhb-youtube-viewer-live .vhb-youtube-player iframe{display:block;width:100%;height:100%;border:0}
.vhb-youtube-viewer-live .vhb-youtube-minimize{position:absolute;right:10px;top:10px;z-index:3;border:1px solid rgba(255,130,0,.9);border-radius:999px;background:rgba(9,11,15,.78);color:#ffb15c;font-size:12px;font-weight:900;padding:6px 11px;cursor:pointer;backdrop-filter:blur(4px)}
.vhb-youtube-viewer-live.vhb-youtube-viewer-minimized .vhb-youtube-player{height:120px;aspect-ratio:auto;overflow:hidden}
.vhb-youtube-viewer-live.vhb-youtube-viewer-minimized iframe{height:236px;transform:translateY(-4px);pointer-events:none}
.vhb-youtube-viewer-live.vhb-youtube-viewer-compact{width:min(100%,360px)!important}
.vhb-youtube-viewer-live.vhb-youtube-viewer-compact .vhb-youtube-minimize{display:none}
.vhb-youtube-play{background:#ff0000!important;color:#fff!important;border-radius:14px!important}

/* v0.2.105D — expandable minimized YouTube teasers for quoted/reply-chain previews. */
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser{
  width:min(100%,520px)!important;
  max-width:100%;
  margin:10px 0 9px;
  border-radius:14px;
  overflow:hidden;
}
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized{
  position:relative;
  height:118px;
  aspect-ratio:auto;
  box-shadow:inset 0 -46px 52px rgba(6,8,12,.96),0 10px 22px rgba(0,0,0,.22);
}
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player{
  height:220px;
  aspect-ratio:auto;
  overflow:hidden;
}
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe{
  height:220px;
  transform:translateY(-2px);
  pointer-events:none;
}
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:62px;
  background:linear-gradient(to bottom,rgba(6,8,12,0),rgba(6,8,12,.97));
  pointer-events:none;
  z-index:2;
}
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser .vhb-youtube-minimize{
  z-index:4;
}
.vhb-quote-current .vhb-youtube-viewer-teaser,
.vhb-chain-item .vhb-youtube-viewer-teaser{
  grid-column:2;
}
.vhb-reply-chain .vhb-youtube-viewer-teaser{
  width:min(100%,460px)!important;
}
.vhb-youtube-teaser{display:none!important}
@media (max-width:640px){
  .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,
  .vhb-reply-chain .vhb-youtube-viewer-teaser{
    width:100%!important;
  }
  .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized{
    height:96px;
  }
  .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player,
  .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe{
    height:186px;
  }
  .vhb-quote-current .vhb-youtube-viewer-teaser,
  .vhb-chain-item .vhb-youtube-viewer-teaser{
    grid-column:1 / -1;
  }
}


/* v0.2.105G — desktop/tablet quote YouTube teaser width correction.
   Cherry-picked from 105E without E/F's broad event interception. */
@media (min-width:641px){
  .vhb-quote-current .vhb-youtube-viewer-teaser,
  .vhb-chain-item .vhb-youtube-viewer-teaser,
  .vhb-post-card .vhb-parent-preview .vhb-youtube-viewer-teaser{
    grid-column:1 / -1!important;
    width:min(100%,640px)!important;
    justify-self:start;
  }
  .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized{
    height:118px;
    min-width:min(100%,520px);
  }
}


/* v0.2.105H — reply-chain YouTube first-instance sizing and teaser state correction.
   Keep this CSS-only so 105G's stable post/editor actions are not disturbed. */
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser),
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser){
  grid-column:1 / -1!important;
  width:min(100%,640px)!important;
  max-width:100%!important;
  justify-self:start;
  align-self:start;
  margin:14px 0 16px!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser) iframe,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser) iframe{
  width:100%!important;
  height:100%!important;
  transform:none!important;
  pointer-events:auto!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser{
  grid-column:1 / -1!important;
  width:min(100%,640px)!important;
  max-width:100%!important;
  justify-self:start;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized{
  height:118px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player{
  width:100%!important;
  height:220px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe{
  width:100%!important;
  height:220px!important;
  transform:translateY(-2px)!important;
  pointer-events:none!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player{
  height:auto!important;
  aspect-ratio:16 / 9!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser:not(.vhb-youtube-viewer-minimized) iframe,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser:not(.vhb-youtube-viewer-minimized) iframe{
  height:100%!important;
  transform:none!important;
  pointer-events:auto!important;
}
@media (max-width:640px){
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser),
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser),
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized{
    height:96px!important;
  }
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized .vhb-youtube-player,
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized iframe{
    height:186px!important;
  }
}

/* v0.2.105I — reply-chain first-instance YouTube minimize toggle correction.
   The first YouTube instance in a reply chain is rendered as a full live viewer, not a teaser.
   When its Minimize button toggles .vhb-youtube-viewer-minimized, force that same viewer into
   the faded minimized treatment instead of allowing the 105H full-player rules to keep it tall. */
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser),
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser){
  position:relative!important;
  grid-column:1 / -1!important;
  width:min(100%,640px)!important;
  max-width:100%!important;
  height:118px!important;
  min-width:0!important;
  overflow:hidden!important;
  aspect-ratio:auto!important;
  box-shadow:inset 0 -46px 52px rgba(6,8,12,.96),0 10px 22px rgba(0,0,0,.22)!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player{
  width:100%!important;
  height:220px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) iframe,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) iframe{
  width:100%!important;
  height:220px!important;
  transform:translateY(-2px)!important;
  pointer-events:none!important;
}
.vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser):after,
.vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser):after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:62px;
  background:linear-gradient(to bottom,rgba(6,8,12,0),rgba(6,8,12,.97));
  pointer-events:none;
  z-index:2;
}
@media (max-width:640px){
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser),
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser){
    width:100%!important;
    height:96px!important;
  }
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) .vhb-youtube-player,
  .vhb-reply-chain .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) iframe,
  .vhb-lineage-preview .vhb-chain-item > .vhb-youtube-viewer-live.vhb-youtube-viewer-minimized:not(.vhb-youtube-viewer-teaser) iframe{
    height:186px!important;
  }
}

/* v0.2.105J — final YouTube UX/editor media-button refinements. */
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button,
.vhb-rich-reply-field .mce-vhb-custom-youtube button,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button{
  background:#e62117!important;
  color:#fff!important;
  border-color:#e62117!important;
  border-radius:7px!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button:hover,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button:hover,
.vhb-rich-reply-field .mce-vhb-custom-youtube button:hover,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button:hover{
  background:#ff2b20!important;
  border-color:#ff2b20!important;
}
/* Full-by-default players are intentionally full by default; only teaser/minimized players expose a toggle. */
.vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser):not(.vhb-youtube-viewer-minimized) > .vhb-youtube-minimize{
  display:none!important;
}
/* Preserve existing rule: any player minimized by default remains faded by default. */
.vhb-youtube-viewer-live.vhb-youtube-viewer-teaser.vhb-youtube-viewer-minimized:after{
  pointer-events:none!important;
}


/* v0.2.105K — YouTube toolbar icon: true red play button, no platform emoji blue tile. */
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button,
.vhb-rich-reply-field .mce-vhb-custom-youtube button,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button{
  position:relative!important;
  background:#ff0000!important;
  color:transparent!important;
  border-color:#ff0000!important;
  overflow:hidden!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button .mce-txt,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button .mce-txt,
.vhb-rich-reply-field .mce-vhb-custom-youtube button .mce-txt,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button .mce-txt{
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button:before,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button:before,
.vhb-rich-reply-field .mce-vhb-custom-youtube button:before,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-38%,-50%);
  width:0;
  height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:13px solid #fff;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button:hover,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button:hover,
.vhb-rich-reply-field .mce-vhb-custom-youtube button:hover,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button:hover{
  background:#d90000!important;
  border-color:#d90000!important;
}


/* v0.2.105L — editor media/emoji polish and mobile containment. */
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button,
.vhb-rich-reply-field .mce-vhb-custom-youtube button,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button{
  position:relative!important;
  background:#f00!important;
  border-color:#f00!important;
  color:transparent!important;
  text-shadow:none!important;
  overflow:hidden!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button > *,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button > *,
.vhb-rich-reply-field .mce-vhb-custom-youtube button > *,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button > *{
  opacity:0!important;
  visibility:hidden!important;
  color:transparent!important;
  text-shadow:none!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button:before,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button:before,
.vhb-rich-reply-field .mce-vhb-custom-youtube button:before,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-38%,-50%)!important;
  width:0!important;
  height:0!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:13px solid #fff!important;
  background:transparent!important;
  z-index:2!important;
}
#wp-vhb_reply_box-wrap .mce-vhb-custom-youtube button:after,
#wp-vhb_reply_box-wrap [data-vhb-media-control="youtube"] button:after,
.vhb-rich-reply-field .mce-vhb-custom-youtube button:after,
.vhb-rich-reply-field [data-vhb-media-control="youtube"] button:after{
  content:""!important;
  display:none!important;
}
.vhb-editor-emoji-popover .vhb-editor-popover-title{display:none!important;}
.vhb-editor-emoji-kicker{
  font-weight:500!important;
  letter-spacing:.04em;
  color:#d2d6df!important;
  margin:0 0 12px!important;
}
.vhb-editor-youtube-modal label{
  display:block!important;
  color:#f4f5f7!important;
  font-weight:800!important;
}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:8px!important;
  background:#05070a!important;
  color:#ff8200!important;
  border:1px solid rgba(210,216,226,.82)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  outline:none!important;
}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]::placeholder{
  color:rgba(210,216,226,.62)!important;
}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]:focus{
  border-color:#ffb15c!important;
  box-shadow:0 0 0 2px rgba(255,130,0,.28)!important;
}
@media (max-width:640px){
  .vhb-editor-popover-105a{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top,0px) + 92px)!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  .vhb-editor-youtube-modal{
    max-width:calc(100vw - 32px)!important;
  }
  .vhb-editor-emoji-popover{
    max-width:calc(100vw - 32px)!important;
    max-height:calc(100vh - 150px)!important;
    overflow:hidden!important;
  }
  .vhb-editor-emoji-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    max-height:calc(100vh - 265px)!important;
    overflow:auto!important;
  }
  .vhb-editor-popover-actions{
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
}


/* v0.2.105U — final editor polish from stable 105L baseline.
   Keep mobile toolbar layout inherited from 105L; only adjust icon and modal presentation. */
.vhb-rich-reply-field .mce-vhb-custom-emoji button,
.vhb-rich-reply-field [data-vhb-media-control="emoji"] button,
#wp-vhb_reply_box-wrap .mce-vhb-custom-emoji button,
#wp-vhb_reply_box-wrap [data-vhb-media-control="emoji"] button{
  position:relative!important;
  overflow:hidden!important;
}
.vhb-rich-reply-field .mce-vhb-custom-emoji button > *,
.vhb-rich-reply-field [data-vhb-media-control="emoji"] button > *,
#wp-vhb_reply_box-wrap .mce-vhb-custom-emoji button > *,
#wp-vhb_reply_box-wrap [data-vhb-media-control="emoji"] button > *{
  opacity:0!important;
  visibility:hidden!important;
  color:transparent!important;
}
.vhb-rich-reply-field .mce-vhb-custom-emoji button:before,
.vhb-rich-reply-field [data-vhb-media-control="emoji"] button:before,
#wp-vhb_reply_box-wrap .mce-vhb-custom-emoji button:before,
#wp-vhb_reply_box-wrap [data-vhb-media-control="emoji"] button:before{
  content:"😊"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  font-size:30px!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  z-index:5!important;
}
.vhb-editor-youtube-modal .vhb-editor-popover-title{display:none!important;}
.vhb-editor-youtube-modal label,
.vhb-editor-youtube-modal .vhb-youtube-url-label{
  display:block!important;
  color:#f4f5f7!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:54px!important;
  height:54px!important;
  margin-top:10px!important;
  padding:13px 14px!important;
  background:#05070a!important;
  color:#ff8200!important;
  border:1px solid rgba(210,216,226,.82)!important;
  border-radius:8px!important;
  font-size:17px!important;
  line-height:1.35!important;
  box-shadow:none!important;
  outline:none!important;
}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]::placeholder{color:rgba(210,216,226,.62)!important;}
.vhb-editor-youtube-modal input[data-vhb-youtube-url]:focus{border-color:#ffb15c!important;box-shadow:0 0 0 2px rgba(255,130,0,.28)!important;}
@media (max-width:640px){
  .vhb-rich-reply-field .mce-vhb-custom-emoji button:before,
  .vhb-rich-reply-field [data-vhb-media-control="emoji"] button:before,
  #wp-vhb_reply_box-wrap .mce-vhb-custom-emoji button:before,
  #wp-vhb_reply_box-wrap [data-vhb-media-control="emoji"] button:before{font-size:30px!important;}
  .vhb-editor-youtube-modal label,
  .vhb-editor-youtube-modal .vhb-youtube-url-label{font-size:17px!important;}
  .vhb-editor-youtube-modal input[data-vhb-youtube-url]{min-height:52px!important;height:52px!important;font-size:16px!important;}
}


/* v0.2.105V — Emoji picker scroll containment. */
.vhb-editor-emoji-popover{
  overscroll-behavior:contain!important;
  touch-action:auto!important;
}
.vhb-editor-emoji-grid{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

/* v0.2.105W — mobile color/highlight picker viewport containment. */
@media (max-width:640px){
  .vhb-editor-color-popover{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top,0px) + 118px)!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px!important;
    overflow:visible!important;
  }
  .vhb-editor-color-popover .vhb-editor-color-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .vhb-editor-color-popover .vhb-editor-color-swatch{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:32px!important;
  }
  .vhb-editor-color-popover .vhb-editor-custom-color{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .vhb-editor-color-popover .vhb-editor-color-actions{
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
}


/* v0.2.105Z — tablet editor toolbar wrap restoration.
   Keep desktop/mobile behavior untouched; on tablet, break after the Numbered List group so Remove Format/Undo/Redo sit on row 2. */
@media (min-width:761px) and (max-width:1100px){
  .vhb-rich-reply-field .mce-toolbar-grp{
    overflow-x:visible!important;
    white-space:nowrap!important;
  }
  .vhb-rich-reply-field .mce-toolbar{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    row-gap:6px!important;
  }
  .vhb-rich-reply-field .mce-toolbar > .mce-btn-group{
    flex:0 0 auto!important;
  }
  .vhb-rich-reply-field .mce-toolbar > .mce-btn-group:nth-of-type(4){
    flex-basis:100%!important;
    width:100%!important;
    margin-left:0!important;
    padding-top:1px!important;
    border-right:0!important;
  }
  .vhb-rich-reply-field .mce-toolbar > .mce-btn-group:nth-of-type(4) .mce-btn{
    flex:0 0 auto!important;
  }
}

/* v0.2.106B Activity Engine widgets: Who's Online + Recent Activity */
.vhb-engine-widget{position:relative;overflow:hidden}.vhb-engine-widget:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,rgba(255,130,0,.95),rgba(255,177,92,.15));pointer-events:none}.vhb-engine-split{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr;gap:5px;align-items:baseline;margin:10px 0 12px;padding:9px 10px;border:1px solid rgba(255,130,0,.18);border-radius:13px;background:rgba(255,130,0,.06)}.vhb-engine-split strong{color:#fff;font-size:18px;line-height:1}.vhb-engine-split span{color:var(--vhb-muted,#aeb6c4);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.vhb-recent-activity-widget{display:grid;gap:10px}.vhb-recent-activity-widget h3{margin:0 0 2px!important}.vhb-engine-activity-row{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none!important;color:inherit!important;padding:9px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:border-color .16s ease,background .16s ease,transform .16s ease}.vhb-engine-activity-row:hover{border-color:rgba(255,130,0,.38);background:rgba(255,130,0,.075);transform:translateY(-1px)}.vhb-engine-activity-row img,.vhb-engine-activity-row .vhb-default-avatar{width:30px!important;height:30px!important;border-radius:999px}.vhb-engine-activity-row p{margin:0!important;min-width:0}.vhb-engine-activity-row em{display:block;color:#ffb45f;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-style:normal;font-weight:1000;line-height:1.1}.vhb-engine-activity-row strong{display:block;color:#fff;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhb-engine-activity-row small{display:block;color:var(--vhb-muted,#aeb6c4);font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhb-engine-empty{margin:0!important;color:var(--vhb-muted,#aeb6c4);font-size:13px;line-height:1.45}

/* v0.2.106C: streamlined post actions + Likes foundation */
.vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.vhb-post-actions > * + *::before,
.vhb-post-actions .vhb-action-separator{
  content:none!important;
  display:none!important;
}
.vhb-post-actions .vhb-action-link,
.vhb-post-actions .vhb-like-form .vhb-action-link,
.vhb-post-actions .vhb-like-static{
  appearance:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:4px 0!important;
  border-radius:0!important;
  color:#cfd4dd!important;
  text-decoration:none!important;
  font-weight:850!important;
  font-size:13px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.vhb-post-actions .vhb-action-link:hover,
.vhb-post-actions .vhb-action-link:focus-visible{
  color:#ffb15c!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.vhb-post-actions .vhb-like-toggle,
.vhb-post-actions .vhb-like-static{
  color:#ffb15c!important;
}
.vhb-post-actions .vhb-like-toggle.is-liked{
  color:#ff7a00!important;
}
.vhb-post-actions .vhb-like-static{
  cursor:default!important;
  opacity:.86;
}
.vhb-post-actions .vhb-like-static:hover{
  text-decoration:none!important;
}
.vhb-post-actions .vhb-inline-form,
.vhb-post-actions .vhb-like-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
@media(max-width:680px){
  .vhb-post-actions{gap:10px!important;row-gap:6px!important;}
  .vhb-post-actions .vhb-action-link,
  .vhb-post-actions .vhb-like-form .vhb-action-link,
  .vhb-post-actions .vhb-like-static{
    font-size:13px!important;
    padding:6px 0!important;
  }
}

/* v0.2.106D Trending Topics Engine */
.vhb-trending-widget{display:grid;gap:10px;}
.vhb-trending-widget h3{margin:0 0 2px!important;color:#fff;}
.vhb-trending-list{display:grid;gap:8px;}
.vhb-trending-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;text-decoration:none!important;color:inherit!important;padding:10px 9px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:border-color .16s ease,background .16s ease,transform .16s ease;}
.vhb-trending-row:hover{border-color:rgba(255,130,0,.40);background:rgba(255,130,0,.08);transform:translateY(-1px);}
.vhb-trending-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,130,0,.10);border:1px solid rgba(255,130,0,.22);font-size:14px;line-height:1;}
.vhb-trending-row p{margin:0!important;min-width:0;}
.vhb-trending-row strong{display:block;color:#fff;font-size:13px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vhb-trending-row small{display:block;color:var(--vhb-muted,#aeb6c4);font-size:11px;line-height:1.25;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vhb-trending-row em{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:rgba(85,214,107,.10);border:1px solid rgba(85,214,107,.22);color:#9dffbd;font-style:normal;font-size:11px;font-weight:1000;}
@media(max-width:700px){.vhb-trending-row{grid-template-columns:26px minmax(0,1fr) auto;padding:9px 8px}.vhb-trending-rank{width:26px;height:26px}.vhb-trending-row strong{font-size:12px}}


/* v0.2.106E hotfix: prevent admin-options clipping near lower viewport rows. */
.vhb-modtool-card{
  contain:none!important;
  overflow-y:auto!important;
  max-height:calc(100vh - 28px)!important;
  overscroll-behavior:contain!important;
}
.vhb-modtool.vhb-modtool-up .vhb-modtool-card{
  box-shadow:0 -22px 70px rgba(0,0,0,.78), 0 0 0 1px rgba(255,255,255,.04) inset!important;
}
.vhb-edit-form .tox-tinymce{
  border:1px solid rgba(255,130,0,.44)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}


/* v0.2.106F hotfix: keep admin-options card from being clipped by topic-list panel boundaries. */
html.vhb-modtool-active .vhb-topic-board-panel,
html.vhb-modtool-active .vhb-mock-topic-list,
html.vhb-modtool-active .vhb-topic-row{
  overflow:visible!important;
}
.vhb-edit-form .tox-tinymce{display:none!important;}
.vhb-edit-form textarea.vhb-visual-textarea-edit{
  display:block!important;
  min-height:180px!important;
  white-space:pre-wrap!important;
}

/* v0.2.107B Online Now refinement */
.vhb-online-card h3{margin:0;color:#fff}
.vhb-online-card .vhb-engine-split.vhb-online-counts{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;background:transparent!important;border:none!important;padding:5px 0 3px!important}
.vhb-online-count-pair{display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:5px!important;min-width:86px!important;white-space:nowrap!important}
.vhb-online-count-pair strong{font-size:28px!important;line-height:1!important;color:#ff9d2f!important;font-weight:1000!important;letter-spacing:-.04em!important}
.vhb-online-count-pair span{font-size:10px!important;line-height:1!important;color:#d9dee7!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:1000!important}
.vhb-online-caption{text-align:center;color:#cfd4dd!important;margin-top:8px!important}
.vhb-online-strip{justify-content:center;margin:8px 0 12px}
.vhb-online-strip span{margin-left:-8px}
.vhb-online-strip span:first-child{margin-left:0}
.vhb-online-card .vhb-online-more{width:34px!important;height:34px!important;margin-left:-8px!important;font-size:10px!important}
.vhb-online-card .vhb-widget-button{width:max-content!important;max-width:calc(100% - 24px)!important;min-height:30px!important;margin:10px auto 0!important;padding:0 14px!important;font-size:10px!important;line-height:1!important;letter-spacing:.075em!important}

/* v0.2.107D Community Widget Polish: Trending Discussions, homepage/board sidebar targeting, edit height, thumbs-up likes. */
.vhb-trending-widget h3{font-size:15px!important;letter-spacing:.01em!important;}
.vhb-trending-widget .vhb-widget-kicker{color:#ff9d2f!important;}
.vhb-trending-row{grid-template-columns:30px minmax(0,1fr) auto!important;gap:10px!important;padding:11px 10px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.10)!important;}
.vhb-trending-row strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.22!important;
  max-height:2.44em!important;
}
.vhb-trending-row small{font-size:10.5px!important;color:#aeb6c4!important;margin-top:4px!important;}
.vhb-trending-rank{background:rgba(255,130,0,.13)!important;border-color:rgba(255,130,0,.32)!important;}
.vhb-trending-row em{background:rgba(255,130,0,.10)!important;border-color:rgba(255,130,0,.28)!important;color:#ffb15d!important;}
.vhb-home-only-widget{display:none!important;}
.vhb-board-only-widget{display:block!important;}
.vhb-mode-layout:not(:has(.is-board-mode)) .vhb-home-only-widget{display:block!important;}
.vhb-mode-layout:not(:has(.is-board-mode)) .vhb-board-only-widget{display:none!important;}
.vhb-mode-layout:has(.is-board-mode) .vhb-home-only-widget{display:none!important;}
.vhb-mode-layout:has(.is-board-mode) .vhb-board-only-widget{display:block!important;}
body.vhb-board-mode-active .vhb-mode-layout .vhb-home-only-widget{display:none!important;}
body.vhb-board-mode-active .vhb-mode-layout .vhb-board-only-widget{display:block!important;}
body:not(.vhb-board-mode-active) .vhb-mode-layout .vhb-home-only-widget{display:block!important;}
body:not(.vhb-board-mode-active) .vhb-mode-layout .vhb-board-only-widget{display:none!important;}
.vhb-edit-form textarea.vhb-visual-textarea-edit{
  min-height:74px!important;
  height:auto!important;
  max-height:260px!important;
  resize:vertical!important;
  line-height:1.45!important;
  padding:15px 16px!important;
}
.vhb-online-card .vhb-widget-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 32px)!important;
  padding:0 16px!important;
  line-height:1!important;
}
@media(max-width:700px){
  .vhb-trending-row{grid-template-columns:28px minmax(0,1fr) auto!important;padding:10px 9px!important;}
  .vhb-trending-row strong{font-size:12.5px!important;}
}

/* v0.2.107E hotfix: enforce homepage/board widget targeting and compact inline edit. */
.vhb-home-v2-layout:not(.vhb-board-directory-layout) .vhb-board-only-widget{display:none!important;}
.vhb-home-v2-layout:not(.vhb-board-directory-layout) .vhb-home-only-widget{display:block!important;}
.vhb-board-directory-layout:not(.vhb-board-mode-active) .vhb-board-only-widget{display:none!important;}
.vhb-board-directory-layout:not(.vhb-board-mode-active) .vhb-home-only-widget{display:block!important;}
body:not(.vhb-board-mode-active) .vhb-board-directory-layout .vhb-left-rail .vhb-board-only-widget{display:none!important;}
body:not(.vhb-board-mode-active) .vhb-board-directory-layout .vhb-right-rail .vhb-board-only-widget{display:none!important;}
body.vhb-board-mode-active .vhb-board-directory-layout .vhb-home-only-widget{display:none!important;}
body.vhb-board-mode-active .vhb-board-directory-layout .vhb-board-only-widget{display:block!important;}
.vhb-left-rail .vhb-trending-widget.vhb-home-only-widget{display:none!important;}
.vhb-trending-widget h3{font-size:15px!important;text-transform:none!important;}
.vhb-post-card.is-editing .vhb-edit-form textarea,
.vhb-post-card.is-editing .vhb-edit-form textarea.vhb-visual-textarea-edit,
.vhb-edit-form textarea.vhb-visual-textarea-edit{
  min-height:68px!important;
  height:auto!important;
  max-height:240px!important;
  resize:vertical!important;
  overflow-y:auto!important;
}
.vhb-like-form,.vhb-like-static{display:inline-flex!important;align-items:center!important;gap:4px!important;}
.vhb-like-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:0!important;margin:0!important;text-decoration:none!important;}
.vhb-like-icon{display:inline-flex!important;width:15px!important;height:15px!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;color:#fff!important;}
.vhb-like-svg{width:15px!important;height:15px!important;display:block!important;fill:currentColor!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));}
.vhb-like-toggle.is-liked .vhb-like-icon,.vhb-like-toggle:hover .vhb-like-icon{color:#fff!important;}
.vhb-like-label{display:inline-block!important;color:#fff!important;text-decoration:none!important;line-height:1!important;}
.vhb-like-label.has-likes{color:#ff9d2f!important;}
.vhb-like-label:hover{color:inherit!important;text-decoration:none!important;}

/* v0.2.107F hotfix: final community-sidebar routing, Trending Discussions cleanup, Top Contributors implementation. */
.vhb-trending-widget > .vhb-widget-kicker{display:none!important;}
.vhb-post-actions .vhb-like-toggle,
.vhb-post-actions .vhb-like-static,
.vhb-like-toggle,
.vhb-like-static{gap:4px!important;}
.vhb-left-rail > .vhb-trending-widget,
.vhb-left-rail > .vhb-recent-activity-widget{display:none!important;}
.vhb-left-rail .vhb-left-archives-card.vhb-board-only-widget,
body.vhb-board-mode-active .vhb-left-rail .vhb-left-archives-card,
.vhb-left-rail .vhb-left-archives-card:not(.vhb-home-only-widget){display:none!important;}
.vhb-sidebar .vhb-trending-widget{display:block!important;}
.vhb-top-contributors{padding:14px 12px!important;background:linear-gradient(180deg,rgba(18,21,27,.98),rgba(8,10,14,.98))!important;border:1px solid rgba(255,255,255,.12)!important;border-top-color:rgba(255,130,0,.34)!important;box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;}
.vhb-topcontrib-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-bottom:12px!important;margin-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
.vhb-topcontrib-head h3{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:12px!important;font-weight:1000!important;}
.vhb-topcontrib-head h3 span{font-size:17px!important;line-height:1!important;color:#ff9500!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));}
.vhb-topcontrib-head em{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:0 9px!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;color:#b8c0cc!important;font-size:10px!important;font-style:normal!important;font-weight:850!important;white-space:nowrap!important;}
.vhb-topcontrib-list{display:grid!important;gap:12px!important;}
.vhb-topcontrib-row{display:grid!important;grid-template-columns:18px 34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;color:#e9edf4!important;}
.vhb-topcontrib-rank{color:#dfe4ec!important;font-size:14px!important;font-weight:900!important;text-align:left!important;}
.vhb-topcontrib-avatar img,.vhb-topcontrib-avatar .vhb-default-avatar,.vhb-topcontrib-avatar .vhb-placeholder-avatar{width:34px!important;height:34px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.55)!important;object-fit:cover!important;box-shadow:0 0 0 2px rgba(0,0,0,.45)!important;}
.vhb-topcontrib-row p{display:grid!important;gap:6px!important;margin:0!important;min-width:0!important;}
.vhb-topcontrib-row strong{display:block!important;color:#fff!important;font-size:13px!important;font-weight:950!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vhb-topcontrib-row i{display:block!important;height:5px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.45)!important;}
.vhb-topcontrib-row i b{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#ff8200,#ffad42)!important;box-shadow:0 0 10px rgba(255,130,0,.28)!important;}
.vhb-topcontrib-row > em{color:#ff9d2f!important;font-size:12px!important;font-weight:1000!important;font-style:normal!important;}
.vhb-topcontrib-cta{margin-top:14px!important;text-transform:none!important;font-size:12px!important;letter-spacing:0!important;justify-content:space-between!important;padding:0 14px!important;color:#f3f5f8!important;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.025)!important;}
.vhb-topcontrib-cta span{font-size:20px!important;line-height:1!important;color:#fff!important;}
.vhb-post-card.is-editing .vhb-edit-form textarea.vhb-visual-textarea-edit,
.vhb-edit-form textarea.vhb-visual-textarea-edit{height:calc(1.45em * 3 + 30px)!important;min-height:calc(1.45em * 3 + 30px)!important;max-height:180px!important;}


/* v0.2.107G hotfix: add breathing room above Trending Discussions title. */
.vhb-trending-widget{padding-top:16px!important;}
.vhb-trending-widget h3{margin-top:0!important;}


/* v0.2.107I Top Contributors: board-left placement and mockup-pack polish. */
.vhb-left-rail > .vhb-top-contributors.vhb-board-only-widget{display:block!important;}
.vhb-left-rail > .vhb-sidebar-sponsor + .vhb-top-contributors{margin-top:0!important;}
.vhb-top-contributors{
  padding:18px 16px!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(255,130,0,.08),transparent 26%),
    linear-gradient(180deg,rgba(20,23,29,.98),rgba(8,10,14,.99))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.vhb-topcontrib-head{
  padding-bottom:15px!important;
  margin-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
}
.vhb-topcontrib-head h3{
  gap:11px!important;
  font-size:14px!important;
  letter-spacing:.08em!important;
  line-height:1.1!important;
}
.vhb-topcontrib-head h3 span{
  font-size:24px!important;
  color:#ff9200!important;
  filter:drop-shadow(0 2px 5px rgba(255,130,0,.18)) drop-shadow(0 1px 1px rgba(0,0,0,.7))!important;
}
.vhb-topcontrib-head em{
  min-height:31px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  font-size:12px!important;
  letter-spacing:.01em!important;
  background:rgba(7,9,13,.45)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.vhb-topcontrib-head em span{margin-left:4px!important;color:#929aa7!important;font-size:11px!important;}
.vhb-topcontrib-list{gap:17px!important;}
.vhb-topcontrib-row{
  grid-template-columns:20px 42px minmax(0,1fr) 38px!important;
  gap:11px!important;
  min-height:50px!important;
}
.vhb-topcontrib-rank{font-size:18px!important;font-weight:850!important;color:#fff!important;}
.vhb-topcontrib-avatar img,.vhb-topcontrib-avatar .vhb-default-avatar,.vhb-topcontrib-avatar .vhb-placeholder-avatar{
  width:42px!important;height:42px!important;border-width:2px!important;border-color:rgba(255,255,255,.62)!important;
}
.vhb-topcontrib-row p{gap:8px!important;}
.vhb-topcontrib-row strong{font-size:14px!important;line-height:1.05!important;}
.vhb-topcontrib-row i{height:6px!important;background:rgba(255,255,255,.075)!important;}
.vhb-topcontrib-row i b{background:linear-gradient(90deg,#ff8200,#ff9f23)!important;box-shadow:0 0 12px rgba(255,130,0,.32)!important;}
.vhb-topcontrib-row > em{font-size:15px!important;color:#ff9500!important;min-width:34px!important;text-align:right!important;}
.vhb-topcontrib-cta{
  margin-top:19px!important;
  min-height:46px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:850!important;
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(255,255,255,.17)!important;
}
.vhb-topcontrib-cta:hover{border-color:rgba(255,130,0,.55)!important;background:rgba(255,130,0,.07)!important;color:#fff!important;}
@media (max-width: 1180px){
  .vhb-topcontrib-row{grid-template-columns:18px 36px minmax(0,1fr) 34px!important;gap:9px!important;}
  .vhb-topcontrib-avatar img,.vhb-topcontrib-avatar .vhb-default-avatar,.vhb-topcontrib-avatar .vhb-placeholder-avatar{width:36px!important;height:36px!important;}
  .vhb-topcontrib-head h3{font-size:12px!important;}
  .vhb-topcontrib-head h3 span{font-size:20px!important;}
  .vhb-topcontrib-head em{font-size:10px!important;padding:0 8px!important;}
  .vhb-topcontrib-row strong{font-size:12px!important;}
  .vhb-topcontrib-row > em{font-size:12px!important;}
}


/* v0.2.107L hotfix: enlarge saved replies that contain emoji only. */
.vhb-post-text.vhb-emoji-only-reply{
  font-size:2em!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
}
.vhb-post-text.vhb-emoji-only-reply p{
  margin:.05em 0!important;
}
@media(max-width:700px){
  .vhb-post-text.vhb-emoji-only-reply{font-size:2.05em!important;}
}

/* v0.2.107M hotfix: minimal script-ready Like control. */
.vhb-like-toggle,
.vhb-like-static{
  gap:3px!important;
}
.vhb-like-label{
  font-variant-numeric:tabular-nums!important;
  min-width:.65em!important;
}
.vhb-like-toggle.is-busy{
  opacity:.72!important;
  pointer-events:none!important;
}
.vhb-like-toggle .vhb-like-icon,
.vhb-like-static .vhb-like-icon{
  cursor:pointer!important;
}


/* v0.2.107O: Like control final polish. Thumb is the only clickable element; count never underlines. */
.vhb-post-actions .vhb-like-form{display:inline-flex!important;align-items:center!important;gap:4px!important;}
.vhb-post-actions .vhb-like-toggle{min-width:0!important;border:0!important;background:transparent!important;color:#fff!important;text-decoration:none!important;}
.vhb-post-actions .vhb-like-toggle:hover,.vhb-post-actions .vhb-like-toggle:focus{text-decoration:none!important;color:#fff!important;}
.vhb-post-actions .vhb-like-toggle .vhb-like-icon{color:#fff!important;}
.vhb-post-actions .vhb-like-label{pointer-events:none!important;color:#fff!important;text-decoration:none!important;}
.vhb-post-actions .vhb-like-label.has-likes{color:#ff9d2f!important;}

/* v0.2.107U: sticky header, Boards Map dropdown, mobile nav suppression, board-widget placement polish. */
.vhb-site-header{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.admin-bar .vhb-site-header{top:32px!important;}
.vhb-boards-map-card{
  padding:10px!important;
  display:block!important;
}
.vhb-boards-map summary{
  cursor:pointer!important;
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:42px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,130,0,.42)!important;
  border-radius:10px!important;
  background:rgba(255,130,0,.07)!important;
  color:#ffb15c!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
}
.vhb-boards-map summary::-webkit-details-marker{display:none!important;}
.vhb-boards-map summary:after{
  content:'⌄';
  color:#ffb15c!important;
  font-size:16px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
.vhb-boards-map[open] summary:after{transform:rotate(180deg)!important;}
.vhb-boards-map summary span{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.vhb-boards-map-list{
  display:grid!important;
  gap:5px!important;
  margin-top:9px!important;
}
.vhb-boards-map-list .vhb-rail-link{
  min-height:40px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
}
.vhb-boards-map-list .vhb-rail-link .vhb-board-icon,
.vhb-boards-map-list .vhb-rail-link > span:first-child{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
}
.vhb-boards-map-list .vhb-rail-link strong{
  font-size:12px!important;
}
.vhb-left-rail > .vhb-sidebar-sponsor + .vhb-top-contributors.vhb-board-only-widget{
  margin-top:0!important;
}
.vhb-left-rail .vhb-top-contributors.vhb-board-only-widget{
  display:block!important;
}
.vhb-exit-board-mode,
.vhb-exit-board-mode-global,
.vhb-exit-board-mode-sidebar,
.vhb-left-nav-exit-only{
  display:none!important;
}
@media(max-width:782px){
  .admin-bar .vhb-site-header{top:46px!important;}
}
@media(max-width:680px){
  .vhb-boards-map-card,
  .vhb-left-nav,
  .vhb-left-nav-exit-only{
    display:none!important;
  }
  .vhb-site-header{
    top:0!important;
    border-radius:0 0 18px 18px!important;
    margin-left:-4px!important;
    margin-right:-4px!important;
  }
  .admin-bar .vhb-site-header{top:46px!important;}
}


/* v0.2.107V: sticky header top-mask, instant Like tooltip, duplicate-topic display support. */
.vhb-site-header{
  top:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  box-shadow:0 -160px 0 160px #03050a,0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-bar .vhb-site-header{top:0!important;}
.vhb-site-header::before{
  content:""!important;
  position:absolute!important;
  left:-200vw!important;
  right:-200vw!important;
  top:-160px!important;
  height:160px!important;
  background:#03050a!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.vhb-post-actions .vhb-like-toggle{
  position:relative!important;
  overflow:visible!important;
}
.vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
.vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after{
  content:"You have already liked this post."!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 9px)!important;
  transform:translateX(-50%)!important;
  z-index:9000!important;
  width:max-content!important;
  max-width:min(260px, calc(100vw - 32px))!important;
  min-width:190px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,130,0,.5)!important;
  border-radius:9px!important;
  background:rgba(8,10,14,.98)!important;
  color:#f4f6fb!important;
  box-shadow:0 10px 24px rgba(0,0,0,.45)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
.vhb-post-actions .vhb-like-toggle.is-liked:hover::before,
.vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 4px)!important;
  transform:translateX(-50%) rotate(45deg)!important;
  width:8px!important;
  height:8px!important;
  background:rgba(8,10,14,.98)!important;
  border-right:1px solid rgba(255,130,0,.5)!important;
  border-bottom:1px solid rgba(255,130,0,.5)!important;
  z-index:9001!important;
  pointer-events:none!important;
}


/* v0.2.107W: active nav, tooltip cleanup, and tablet Online Now breathing room. */
.vhb-site-nav a.is-active{color:#ff8200!important;}
@media(min-width:681px) and (max-width:1150px){
  .vhb-online-card{padding-left:14px!important;padding-right:14px!important;}
  .vhb-online-card .vhb-engine-split,
  .vhb-online-card .vhb-online-counts{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
  }
  .vhb-online-card .vhb-online-count-pair{
    flex:1 1 0!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .vhb-online-card .vhb-online-count-pair strong{font-size:30px!important;}
  .vhb-online-card .vhb-online-count-pair span{font-size:9px!important;letter-spacing:.04em!important;}
  .vhb-online-card .vhb-online-strip{padding-left:2px!important;padding-right:2px!important;}
  .vhb-online-card .vhb-widget-button{max-width:100%!important;white-space:nowrap!important;padding-left:10px!important;padding-right:10px!important;}
}


/* v0.2.107X: mobile/tablet horizontal drift correction for sticky header. */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
.vhb-app,
.vhb-shell,
.vhb-home-v2-layout,
.vhb-board-directory-layout,
.vhb-board-grid,
.vhb-main,
.vhb-left-rail,
.vhb-right-rail{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.vhb-site-header{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  touch-action:pan-y pinch-zoom!important;
  overflow:visible!important;
}
.vhb-site-header::before{
  content:""!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  width:auto!important;
  max-width:none!important;
  height:160px!important;
  background:#03050a!important;
  pointer-events:none!important;
  z-index:-1!important;
  transform:none!important;
}
.admin-bar .vhb-site-header::before{
  top:0!important;
  height:180px!important;
}
@media(max-width:1150px){
  .vhb-site-header,
  .vhb-site-header *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .vhb-site-header{
    margin-left:0!important;
    margin-right:0!important;
  }
  .vhb-site-nav,
  .vhb-directory-title>div,
  .vhb-topic-tabs{
    max-width:100%!important;
  }
}
@media(max-width:680px){
  body{
    position:relative!important;
    width:100%!important;
  }
  .vhb-app{
    overflow-x:hidden!important;
  }
  .vhb-site-header{
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0 0 18px 18px!important;
  }
}


/* v0.2.107Y: restore sticky header while retaining mobile/tablet horizontal drift protection. */
html{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
  overscroll-behavior-x:none!important;
}
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
  overscroll-behavior-x:none!important;
}
.vhb-app{
  width:100%!important;
  max-width:100%!important;
  overflow-x:visible!important;
  touch-action:pan-y pinch-zoom!important;
}
.vhb-site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  contain:layout paint!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.admin-bar .vhb-site-header{top:0!important;}
.vhb-site-header::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-180px!important;
  width:100%!important;
  height:180px!important;
  max-width:100%!important;
  background:#03050a!important;
  pointer-events:none!important;
  z-index:-1!important;
  transform:none!important;
}
.vhb-left-rail,
.vhb-right-rail,
.vhb-main,
.vhb-board-directory-layout,
.vhb-home-v2-layout{
  min-width:0!important;
}
.vhb-left-rail .vhb-widget:first-child,
.vhb-left-rail .vhb-online-card:first-child{
  margin-top:0!important;
}
@supports not (overflow-x:clip){
  html,body{overflow-x:hidden!important;}
}
@media(max-width:1150px){
  .vhb-shell,
  .vhb-home-v2-layout,
  .vhb-board-directory-layout,
  .vhb-board-grid{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  .vhb-site-header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
  }
}
@media(max-width:680px){
  .vhb-site-header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    border-radius:0 0 18px 18px!important;
  }
  .vhb-site-nav{
    max-width:100%!important;
  }
}


/* v0.2.107Z: mobile-only top-load vertical offset correction.
   Keep tablet/desktop untouched; preserve sticky header, mask, and no-drift fixes. */
@media(max-width:680px){
  html,
  body{
    margin-top:0!important;
    padding-top:0!important;
  }
  .vhb-app{
    padding-top:0!important;
    margin-top:0!important;
  }
  .vhb-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
  .vhb-site-header{
    margin-top:0!important;
    top:0!important;
  }
}


/* v0.2.107ZA: final mobile-only top dead-space correction.
   Remove residual theme/page wrapper top spacing above the sticky header without changing tablet/desktop. */
@media(max-width:680px){
  body:has(.vhb-app){
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(.vhb-app) #page,
  body:has(.vhb-app) .site,
  body:has(.vhb-app) .site-content,
  body:has(.vhb-app) .content-area,
  body:has(.vhb-app) .site-main,
  body:has(.vhb-app) main,
  body:has(.vhb-app) article,
  body:has(.vhb-app) .entry,
  body:has(.vhb-app) .entry-content,
  body:has(.vhb-app) .wp-site-blocks,
  body:has(.vhb-app) .wp-block-post-content,
  body:has(.vhb-app) .ast-container,
  body:has(.vhb-app) .ast-row{
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(.vhb-app) .vhb-app{
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(.vhb-app) .vhb-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(.vhb-app) .vhb-site-header{
    margin-top:0!important;
    top:0!important;
  }
}


/* v0.2.107ZB: mobile-only launch/theme header spacer removal.
   The remaining blank area on initial mobile load comes from the WP/theme header
   shell above the plugin app. Hide only the outer theme header on Vol Hoops
   plugin pages; keep the Vol Hoops sticky header intact. */
@media(max-width:680px){
  body:has(#vhb-app) > header:not(.vhb-site-header),
  body:has(#vhb-app) #masthead,
  body:has(#vhb-app) .site-header:not(.vhb-site-header),
  body:has(#vhb-app) .ast-mobile-header-wrap,
  body:has(#vhb-app) .ast-desktop-header,
  body:has(#vhb-app) .ast-primary-header-bar,
  body:has(#vhb-app) .main-header-bar,
  body:has(#vhb-app) .wp-block-template-part:has(header){
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body:has(#vhb-app) #content,
  body:has(#vhb-app) .site-content,
  body:has(#vhb-app) .ast-container,
  body:has(#vhb-app) .entry-content{
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(#vhb-app) #vhb-app{
    margin-top:0!important;
    padding-top:0!important;
  }
  body:has(#vhb-app) #vhb-app > .vhb-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* v0.2.107ZC: mobile launch-shell hard trim.
   Some mobile theme/header shells are injected before the plugin app and keep
   reserving vertical space even after CSS header hiding. JS marks those prior
   siblings; this CSS collapses them without affecting tablet/desktop. */
@media(max-width:680px){
  body.vhb-mobile-shell-trim > .vhb-mobile-preapp-collapse{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.vhb-mobile-shell-trim #vhb-app,
  body.vhb-mobile-shell-trim #vhb-app.vhb-app{
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
  }
  body.vhb-mobile-shell-trim #vhb-app > .vhb-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
  body.vhb-mobile-shell-trim .vhb-site-header{
    margin-top:0!important;
    top:0!important;
  }
}


/* v0.2.107ZD: keep the mobile shell eligible for the initial-header snap while
   preserving all Z/Y sticky, mask, and no-drift constraints. */
@media(max-width:680px){
  #vhb-app.vhb-app{
    scroll-margin-top:0!important;
  }
  .vhb-site-header{
    scroll-margin-top:0!important;
  }
}

/* v0.2.107ZE: restore responsive text wrapping and Home Card title-size hierarchy.
   Recent mobile/sticky containment work exposed older nowrap rules on Home Cards and
   Topic Index titles. This pass re-enables normal wrapping without disturbing the
   sticky/no-drift fixes. */
.vhb-home-content-prototype,
.vhb-home-content-prototype .vhb-home-story-card,
.vhb-home-content-prototype .vhb-card-content-zones,
.vhb-home-content-prototype .vhb-card-zone,
.vhb-mock-topic-row,
.vhb-topic-body,
.vhb-topic-titleline{
  min-width:0!important;
}
.vhb-home-content-prototype .vhb-card-title,
.vhb-home-content-prototype .vhb-card-excerpt,
.vhb-admin-mini-preview .vhb-card-title,
.vhb-admin-mini-preview .vhb-card-excerpt{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-overflow:clip!important;
  transition:max-height 520ms cubic-bezier(.22,.72,.22,1)!important;
}
.vhb-home-content-prototype .vhb-card-title,
.vhb-admin-mini-preview .vhb-card-title{
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
.vhb-home-content-prototype .vhb-card-excerpt,
.vhb-admin-mini-preview .vhb-card-excerpt{
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
.vhb-home-content-prototype .vhb-card-zone{
  max-width:100%!important;
  overflow:visible!important;
}
/* Clear, consistent title-size hierarchy for frontend Home Cards. */
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-small .vhb-card-title{font-size:clamp(18px,1.65vw,25px)!important;line-height:1.12!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-medium .vhb-card-title{font-size:clamp(23px,2.15vw,34px)!important;line-height:1.08!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-title-large .vhb-card-title{font-size:clamp(29px,2.85vw,46px)!important;line-height:1.04!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title{font-size:clamp(16px,1.35vw,18px)!important;line-height:1.16!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title{font-size:clamp(19px,1.65vw,22px)!important;line-height:1.12!important;}
.vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title{font-size:clamp(22px,1.95vw,27px)!important;line-height:1.08!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title{font-size:clamp(23px,2vw,30px)!important;line-height:1.08!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title{font-size:clamp(29px,2.55vw,38px)!important;line-height:1.04!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title{font-size:clamp(35px,3.2vw,48px)!important;line-height:1.01!important;}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-small .vhb-card-title{font-size:21px!important;line-height:1.12!important;}
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-medium .vhb-card-title{font-size:26px!important;line-height:1.08!important;}
  .vhb-home-content-prototype .vhb-home-story-card.vhb-title-large .vhb-card-title{font-size:31px!important;line-height:1.04!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title{font-size:18px!important;line-height:1.15!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title{font-size:21px!important;line-height:1.12!important;}
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title{font-size:24px!important;line-height:1.08!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title{font-size:24px!important;line-height:1.08!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title{font-size:30px!important;line-height:1.04!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title{font-size:36px!important;line-height:1.01!important;}
  .vhb-home-content-prototype .vhb-card-excerpt{font-size:clamp(15px,4vw,18px)!important;line-height:1.18!important;}
}
/* Keep admin previews faithful enough that the title-size controls are visibly distinct. */
.vhb-admin-mini-preview.vhb-preview-title-small .vhb-card-title{font-size:18px!important;line-height:1.14!important;}
.vhb-admin-mini-preview.vhb-preview-title-medium .vhb-card-title{font-size:24px!important;line-height:1.08!important;}
.vhb-admin-mini-preview.vhb-preview-title-large .vhb-card-title{font-size:31px!important;line-height:1.03!important;}
/* Topic Index title wrapping: title should wrap before it collides with replies/views. */
.vhb-topic-body{overflow:visible!important;}
.vhb-topic-titleline{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
}
.vhb-topic-titleline a{
  display:inline!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  text-overflow:clip!important;
}
.vhb-mock-topic-row .vhb-topic-body{min-width:0!important;max-width:100%!important;}
@media(max-width:680px){
  .vhb-mock-topic-row{
    grid-template-columns:26px minmax(0,1fr) minmax(54px,auto)!important;
    overflow:hidden!important;
  }
  .vhb-mock-topic-row .vhb-topic-titleline a{font-size:20px!important;line-height:1.18!important;}
  .vhb-mock-topic-row .vhb-topic-count{position:relative!important;z-index:2!important;align-self:start!important;}
}


/* v0.2.107ZF: Insider card title-size wiring.
   The Insider card has legacy, highly-specific title/teaser rules. Make the same
   Small / Medium / Large controls drive the Insider overlay text reliably, whether
   the visible quote is stored as the card title or teaser/excerpt. */
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-title,
.vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-teaser{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-overflow:clip!important;
  overflow:visible!important;
  max-width:min(92%, 620px)!important;
}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-insider-title{font-size:clamp(24px,2.05vw,31px)!important;line-height:1.08!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-insider-title{font-size:clamp(30px,2.65vw,39px)!important;line-height:1.04!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-insider-title{font-size:clamp(37px,3.35vw,52px)!important;line-height:1.01!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-insider-teaser{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.16!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-insider-teaser{font-size:clamp(21px,1.9vw,26px)!important;line-height:1.12!important;}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-insider-teaser{font-size:clamp(24px,2.25vw,31px)!important;line-height:1.08!important;}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-title,
  .vhb-home-content-prototype .vhb-home-card-insider .vhb-insider-teaser{max-width:92%!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-insider-title{font-size:23px!important;line-height:1.09!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-insider-title{font-size:29px!important;line-height:1.05!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-insider-title{font-size:35px!important;line-height:1.02!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-insider-teaser{font-size:17px!important;line-height:1.17!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-insider-teaser{font-size:21px!important;line-height:1.13!important;}
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-insider-teaser{font-size:25px!important;line-height:1.09!important;}
}


/* v0.2.107ZG reply-chain control polish */
.vhb-quote-preview{
  display:flex!important;
  flex-direction:column!important;
}
.vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
.vhb-reply-chain-toggle.vhb-action-link{
  align-self:flex-end!important;
  margin:10px 18px 10px auto!important;
  font-weight:500!important;
  text-decoration:none!important;
  color:#cfd4dd!important;
}
.vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link:hover,
.vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link:focus-visible,
.vhb-reply-chain-toggle.vhb-action-link:hover,
.vhb-reply-chain-toggle.vhb-action-link:focus-visible{
  color:#ffb15c!important;
  text-decoration:none!important;
}
@media(max-width:680px){
  .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
  .vhb-reply-chain-toggle.vhb-action-link{
    margin-right:10px!important;
    margin-bottom:8px!important;
  }
}


/* v0.2.107ZH: moderation caret stacking fix.
   Orange admin carets should behave like ordinary row controls until opened.
   They must stay below sticky headers, modtool cards, edit panels, and other
   overlays instead of riding above the entire UI. Only the opened tool card is
   elevated. */
.vhb-modtool:not(.vhb-modtool-open){
  z-index:20!important;
}
.vhb-modtool:not(.vhb-modtool-open) .vhb-modtool-trigger,
.vhb-modtool:not(.vhb-modtool-open) .vhb-modtool-caret{
  position:relative!important;
  z-index:21!important;
}
.vhb-modtool.vhb-modtool-open{
  z-index:100000!important;
}
.vhb-modtool.vhb-modtool-open .vhb-modtool-trigger,
.vhb-modtool.vhb-modtool-open .vhb-modtool-caret{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.vhb-modtool.vhb-modtool-open .vhb-modtool-card{
  z-index:100001!important;
}
.vhb-site-header{
  z-index:9999!important;
}
.vhb-sticky-mask,
.vhb-site-header::before{
  pointer-events:none!important;
}


/* v0.2.108A Identity Card overlay refresh */
.vhb-identity-card-modal{width:min(560px,calc(100vw - 28px))!important;padding:0!important;overflow:hidden;text-align:left;background:linear-gradient(180deg,#141820 0%,#0b0d12 58%,#08090d 100%)!important;border-color:rgba(255,122,0,.62)!important;box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.06) inset!important}
.vhb-identity-card-modal .vhb-profile-modal-close{position:absolute;right:18px;top:18px;z-index:6;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.vhb-identity-hero{position:relative;display:grid;justify-items:center;text-align:center;padding:34px 28px 24px;isolation:isolate}
.vhb-identity-court{position:absolute;inset:0;height:168px;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.94)),url('../img/branding/vhb-countdown-arena-approved-v0252.jpeg') center 35%/cover no-repeat;opacity:.88;z-index:-1;border-bottom:1px solid rgba(255,255,255,.08)}
.vhb-identity-avatar{position:relative;margin:0 0 12px!important}
.vhb-identity-avatar img,.vhb-identity-avatar .vhb-default-avatar{width:116px!important;height:116px!important;border:3px solid rgba(255,255,255,.40)!important;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 4px rgba(0,0,0,.20)!important}
.vhb-identity-online{position:absolute;right:3px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#4fe36f;border:3px solid #141820;box-shadow:0 0 14px rgba(79,227,111,.55)}
.vhb-identity-card-modal h2{margin:0 0 8px!important;font-size:30px!important;line-height:1.05;color:#fff;text-align:center;letter-spacing:-.02em}
.vhb-identity-rank{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin:2px 0 14px!important;padding:7px 13px!important;border:1px solid rgba(255,122,0,.65)!important;border-radius:999px!important;background:rgba(255,122,0,.13)!important;color:#ffb15c!important;font-size:13px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.10em}
.vhb-identity-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:3px}.vhb-identity-badges span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,122,0,.38);border-radius:999px;background:rgba(0,0,0,.34);padding:7px 10px;color:#ffd09a;font-size:12px;font-weight:850}.vhb-identity-badges b{font-weight:900}
.vhb-identity-stats{display:grid;gap:0;margin:0 28px 22px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);padding:12px 0}.vhb-identity-stats div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.vhb-identity-stats span{color:#9fa6b3;font-weight:750}.vhb-identity-stats strong{color:#f5f6f8;font-weight:850}.vhb-identity-stats .vhb-reputation-score{color:#59df78!important}
.vhb-profile-avatar-drawer{margin:0 28px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.vhb-profile-avatar-drawer summary{cursor:pointer;list-style:none;padding:14px 16px;color:#fff;font-weight:950}.vhb-profile-avatar-drawer summary::-webkit-details-marker{display:none}.vhb-profile-avatar-drawer summary:after{content:'›';float:right;color:#ffb15c;font-size:22px;line-height:.8;transition:transform .18s ease}.vhb-profile-avatar-drawer[open] summary:after{transform:rotate(90deg)}.vhb-profile-avatar-drawer .vhb-profile-avatar-form{margin:0!important;padding:0 16px 16px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.vhb-identity-full-profile{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 28px 28px;min-height:48px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.035);color:#f7f8fb!important;text-decoration:none!important;font-weight:900}.vhb-identity-full-profile:hover{border-color:rgba(255,122,0,.55);background:rgba(255,122,0,.10)}
@media(max-width:620px){.vhb-identity-card-modal{width:calc(100vw - 22px)!important}.vhb-identity-hero{padding:30px 18px 22px}.vhb-identity-card-modal h2{font-size:27px!important}.vhb-identity-stats{margin-left:20px;margin-right:20px}.vhb-profile-avatar-drawer,.vhb-identity-full-profile{margin-left:20px;margin-right:20px}.vhb-identity-badges span{font-size:11px;padding:6px 9px}}

/* v0.2.108B: compact account menu in sticky header */
.vhb-header-account{position:relative!important;}
.vhb-account-menu{position:relative!important;display:inline-block!important;z-index:320!important;}
.vhb-account-menu-trigger{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  max-width:240px!important;
  padding:5px 12px 5px 6px!important;
  border:1px solid rgba(255,130,0,.48)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,130,0,.055))!important;
  color:#f7f8fb!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.25)!important;
}
.vhb-account-menu-trigger:hover,.vhb-account-menu-trigger:focus-visible,.vhb-account-menu.is-open .vhb-account-menu-trigger{
  border-color:rgba(255,178,92,.82)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,130,0,.12),rgba(255,255,255,.065))!important;
  box-shadow:0 0 0 1px rgba(255,130,0,.16),0 0 24px rgba(255,130,0,.16),0 14px 28px rgba(0,0,0,.28)!important;
}
.vhb-account-menu-avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
.vhb-account-menu-avatar img,.vhb-account-menu-avatar .vhb-default-avatar{
  width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:999px!important;border:1.5px solid rgba(255,130,0,.75)!important;box-shadow:0 0 0 2px rgba(0,0,0,.38)!important;
}
.vhb-account-menu-name{display:block!important;min-width:0!important;max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.vhb-account-menu-caret{color:#ffb15c!important;font-size:16px!important;line-height:1!important;margin-left:1px!important;transform:translateY(-1px)!important;transition:transform .16s ease!important;}
.vhb-account-menu.is-open .vhb-account-menu-caret{transform:rotate(180deg) translateY(1px)!important;}
.vhb-account-menu-panel{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  width:min(230px,calc(100vw - 24px))!important;
  padding:8px!important;
  border:1px solid rgba(255,130,0,.48)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(18,20,26,.98),rgba(8,10,14,.98))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.045) inset!important;
  z-index:9999!important;
}
.vhb-account-menu-panel[hidden]{display:none!important;}
.vhb-account-menu-panel:before{content:'';position:absolute;right:22px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:rgba(18,20,26,.98);border-left:1px solid rgba(255,130,0,.48);border-top:1px solid rgba(255,130,0,.48);}
.vhb-account-menu-item{
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#f2f4f8!important;
  text-align:left!important;
  text-decoration:none!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.vhb-account-menu-item:hover,.vhb-account-menu-item:focus-visible{background:rgba(255,130,0,.12)!important;color:#ffbd75!important;outline:none!important;}
.vhb-account-menu-item span[aria-hidden="true"]{width:20px;text-align:center;opacity:.95;}
.vhb-account-menu-form{margin:4px 0 0!important;padding:4px 0 0!important;border-top:1px solid rgba(255,255,255,.10)!important;}
.vhb-header-user{display:none!important;}
.vhb-header-account .vhb-logout-form{display:none!important;}
.vhb-header-account .vhb-board-profile-button.vhb-account-link{display:none!important;}
@media(max-width:680px){
  .vhb-header-account{width:100%!important;justify-content:flex-start!important;}
  .vhb-account-menu,.vhb-account-menu-trigger{width:100%!important;max-width:100%!important;}
  .vhb-account-menu-trigger{justify-content:flex-start!important;border-radius:14px!important;padding:7px 12px 7px 7px!important;}
  .vhb-account-menu-name{max-width:none!important;flex:1!important;}
  .vhb-account-menu-panel{left:0!important;right:auto!important;top:calc(100% + 8px)!important;width:min(280px,100%)!important;}
  .vhb-account-menu-panel:before{left:22px;right:auto;}
}


/* v0.2.108C: account dropdown layer/hover polish.
   Sticky header uses masks/shadows, but account menu must escape the header box.
   Remove paint containment and ensure open panel layers above nearby widgets. */
.vhb-site-header,
.vhb-header-account,
.vhb-account-menu{
  overflow:visible!important;
  contain:none!important;
}
.vhb-site-header{
  z-index:12000!important;
}
.vhb-account-menu{
  z-index:12100!important;
}
.vhb-account-menu-panel{
  z-index:12200!important;
  background:#07090d!important;
  border-color:rgba(255,130,0,.58)!important;
}
.vhb-account-menu-panel:before{
  background:#07090d!important;
}
.vhb-account-menu-item,
.vhb-account-menu-item:visited{
  background:transparent!important;
  color:#f2f4f8!important;
}
.vhb-account-menu-item:hover,
.vhb-account-menu-item:focus-visible{
  background:#000!important;
  color:#ffbd75!important;
  outline:none!important;
}
.vhb-account-menu-form .vhb-account-menu-item:hover,
.vhb-account-menu-form .vhb-account-menu-item:focus-visible{
  background:#000!important;
}

/* v0.2.108D: profile identity completion + borderless account control */
.vhb-account-menu-trigger{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:5px 6px!important;
  border-radius:14px!important;
}
.vhb-account-menu-trigger:hover,
.vhb-account-menu-trigger:focus-visible,
.vhb-account-menu.is-open .vhb-account-menu-trigger{
  border:0!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.vhb-account-menu-avatar img,
.vhb-account-menu-avatar .vhb-default-avatar{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
}
.vhb-account-menu-panel{width:min(205px,calc(100vw - 24px))!important;}
.vhb-identity-card-modal{
  width:min(1180px,calc(100vw - 28px))!important;
  max-height:min(92vh,980px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.vhb-identity-hero{
  padding:340px 34px 28px!important;
  overflow:hidden!important;
}
.vhb-identity-court{
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:320px!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.07) 63%,rgba(9,11,16,.78) 100%),
    url('../img/branding/vhb-profile-arena-crowd-v108d.jpg') center center/cover no-repeat!important;
  opacity:1!important;
  z-index:-1!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.vhb-identity-avatar{margin-top:0!important;}
.vhb-identity-card-modal h2{font-size:34px!important;}
.vhb-identity-badges{max-width:820px;margin-left:auto;margin-right:auto;}
.vhb-identity-stats,
.vhb-profile-avatar-drawer{
  width:auto!important;
}
.vhb-identity-stats{
  margin:0 34px 22px!important;
}
.vhb-profile-avatar-drawer{
  margin:0 34px 20px!important;
}
.vhb-profile-avatar-drawer[open] summary:after{display:none!important;}
.vhb-profile-avatar-drawer summary{cursor:default!important;text-align:center!important;color:#fff!important;}
.vhb-profile-avatar-drawer .vhb-profile-avatar-form{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
}
.vhb-profile-avatar-drawer .vhb-profile-avatar-form label{min-width:0!important;}
.vhb-profile-avatar-drawer .vhb-profile-avatar-form input[type=file]{background:#080a0e!important;}
.vhb-profile-avatar-drawer .vhb-profile-avatar-form .vhb-button{align-self:end!important;min-width:190px!important;}
.vhb-identity-full-profile{margin:0 34px 30px!important;border-color:rgba(255,122,0,.42)!important;color:#ffb15c!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
@media(min-width:760px){
  .vhb-identity-stats{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:46px!important;}
  .vhb-identity-stats div{display:grid!important;grid-template-columns:1fr auto!important;}
}
@media(max-width:760px){
  .vhb-identity-card-modal{width:calc(100vw - 18px)!important;max-height:90vh!important;}
  .vhb-identity-hero{padding:220px 18px 24px!important;}
  .vhb-identity-court{height:205px!important;background-position:center top!important;}
  .vhb-identity-card-modal h2{font-size:28px!important;}
  .vhb-identity-stats{margin:0 20px 18px!important;display:grid!important;grid-template-columns:1fr!important;}
  .vhb-profile-avatar-drawer{margin:0 20px 18px!important;}
  .vhb-profile-avatar-drawer .vhb-profile-avatar-form{grid-template-columns:1fr!important;}
  .vhb-profile-avatar-drawer .vhb-profile-avatar-form .vhb-button{width:100%!important;}
  .vhb-identity-full-profile{margin:0 20px 24px!important;}
  .vhb-account-menu-trigger{width:auto!important;max-width:100%!important;}
  .vhb-account-menu-name{max-width:145px!important;flex:0 1 auto!important;}
}

/* v0.2.108E: profile overlay card proportion + full court banner visibility */
.vhb-profile-modal{
  padding:clamp(14px,2.2vw,30px)!important;
  align-items:center!important;
  justify-items:center!important;
}
.vhb-profile-backdrop{
  background:rgba(0,0,0,.72)!important;
}
.vhb-identity-card-modal{
  width:min(920px,calc(100vw - 42px))!important;
  max-height:min(88vh,820px)!important;
  border-radius:22px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.vhb-identity-hero{
  padding:clamp(250px,34vw,330px) 30px 26px!important;
  overflow:hidden!important;
}
.vhb-identity-court{
  height:clamp(230px,31vw,310px)!important;
  background-color:#050608!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.05) 68%,rgba(9,11,16,.76) 100%),
    url('../img/branding/vhb-profile-arena-crowd-v108d.jpg')!important;
  background-position:center center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
}
.vhb-identity-avatar img,
.vhb-identity-avatar .vhb-default-avatar{
  width:108px!important;
  height:108px!important;
}
.vhb-identity-card-modal h2{
  font-size:30px!important;
}
.vhb-identity-badges{
  max-width:720px!important;
}
@media(min-width:760px){
  .vhb-profile-avatar-drawer .vhb-profile-avatar-form{
    grid-template-columns:minmax(260px,1fr) auto!important;
  }
}
@media(max-width:760px){
  .vhb-profile-modal{padding:9px!important;}
  .vhb-identity-card-modal{width:calc(100vw - 18px)!important;max-height:88vh!important;}
  .vhb-identity-hero{padding:190px 18px 22px!important;}
  .vhb-identity-court{height:178px!important;background-size:contain!important;background-position:center center!important;}
  .vhb-identity-avatar img,
  .vhb-identity-avatar .vhb-default-avatar{width:96px!important;height:96px!important;}
  .vhb-identity-card-modal h2{font-size:27px!important;}
}


/* v0.2.108F: profile overlay card-fit + true full arena banner */
.vhb-identity-card-modal{
  width:min(860px,calc(100vw - 44px))!important;
  max-height:min(86vh,780px)!important;
  overflow:auto!important;
  border-radius:22px!important;
}
.vhb-identity-hero{
  display:block!important;
  padding:0 28px 24px!important;
  text-align:center!important;
  overflow:visible!important;
  isolation:auto!important;
}
.vhb-identity-court{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:calc(100% + 56px)!important;
  height:auto!important;
  aspect-ratio:1600/529!important;
  margin:0 -28px 24px!important;
  background-color:#050608!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.06) 72%,rgba(0,0,0,.16) 100%),
    url('../img/branding/vhb-profile-arena-crowd-v108d.jpg')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px 20px 0 0!important;
}
.vhb-identity-avatar{
  margin:0 auto 12px!important;
}
.vhb-identity-avatar img,
.vhb-identity-avatar .vhb-default-avatar{
  width:104px!important;
  height:104px!important;
}
.vhb-identity-card-modal h2{
  font-size:30px!important;
  margin:0 0 8px!important;
}
.vhb-identity-rank{margin-bottom:14px!important;}
.vhb-identity-badges{margin-top:0!important;}
.vhb-identity-stats{margin:0 28px 20px!important;}
.vhb-profile-avatar-drawer{margin:0 28px 18px!important;}
.vhb-identity-full-profile{margin:0 28px 26px!important;}
@media(max-width:760px){
  .vhb-identity-card-modal{
    width:calc(100vw - 18px)!important;
    max-height:88vh!important;
  }
  .vhb-identity-hero{padding:0 18px 22px!important;}
  .vhb-identity-court{
    width:calc(100% + 36px)!important;
    margin:0 -18px 22px!important;
    aspect-ratio:1600/529!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
  .vhb-identity-avatar img,
  .vhb-identity-avatar .vhb-default-avatar{width:92px!important;height:92px!important;}
  .vhb-identity-card-modal h2{font-size:27px!important;}
  .vhb-identity-stats{margin:0 20px 18px!important;}
  .vhb-profile-avatar-drawer{margin:0 20px 18px!important;}
  .vhb-identity-full-profile{margin:0 20px 24px!important;}
}

/* v0.2.108G: profile overlay DOM/layer cleanup + clean centered arena banner */
.vhb-profile-card-modal.vhb-identity-card-modal{
  width:min(860px,calc(100vw - 44px))!important;
  max-height:min(86vh,780px)!important;
  overflow:auto!important;
  border-radius:22px!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero{
  display:block!important;
  position:relative!important;
  padding:0 28px 24px!important;
  text-align:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
  position:relative!important;
  inset:auto!important;
  z-index:0!important;
  display:block!important;
  width:calc(100% + 56px)!important;
  height:auto!important;
  aspect-ratio:940/378!important;
  margin:0 -28px 24px!important;
  background-color:#050608!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 68%,rgba(0,0,0,.18) 100%),
    url('../img/branding/vhb-profile-arena-crowd-v108g.jpg')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px 20px 0 0!important;
  pointer-events:none!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar{
  position:relative!important;
  z-index:1!important;
  margin:0 auto 12px!important;
  display:grid!important;
  place-items:center!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal h2,
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-rank,
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badges{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:760px){
  .vhb-profile-card-modal.vhb-identity-card-modal{
    width:calc(100vw - 18px)!important;
    max-height:88vh!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero{
    padding:0 18px 22px!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
    width:calc(100% + 36px)!important;
    margin:0 -18px 22px!important;
    aspect-ratio:940/378!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}

/* v0.2.108H: profile overlay avatar overlap + mobile close control safety */
.vhb-profile-modal{
  z-index:200000!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-close{
  z-index:40!important;
  top:14px!important;
  right:14px!important;
  transform:none!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar{
  margin:-52px auto 12px!important;
}
@media(max-width:760px){
  .vhb-profile-modal{
    padding-top:max(14px,calc(env(safe-area-inset-top,0px) + 10px))!important;
    align-items:start!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal{
    margin-top:0!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-close{
    top:max(10px,calc(env(safe-area-inset-top,0px) + 8px))!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    line-height:34px!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar{
    margin:-46px auto 12px!important;
  }
}


/* v0.2.108I: desktop/tablet sticky-header clearance.
   Keep the sticky header and top mask, but prevent the main page container from
   visually tucking underneath the header on wider viewports. */
@media (min-width: 681px){
  .vhb-site-header{
    margin-bottom:22px!important;
  }

  .vhb-site-header + .vhb-home-v2-layout,
  .vhb-site-header + .vhb-board-directory-layout,
  .vhb-site-header + .vhb-board-view-layout,
  .vhb-site-header + .vhb-thread-layout,
  .vhb-site-header + .vhb-main,
  .vhb-site-header + .vhb-hero,
  .vhb-site-header + .vhb-section-head{
    margin-top:0!important;
  }

  .vhb-home-v2-layout,
  .vhb-board-directory-layout,
  .vhb-board-view-layout,
  .vhb-thread-layout,
  .vhb-main{
    scroll-margin-top:120px!important;
  }
}

/* keep the mask above the sticky header only; do not let it behave like a
   paint layer over the page content below the header. */
.vhb-site-header::before{
  bottom:auto!important;
}


/* v0.2.108J: sticky-header paint mask correction.
   The earlier header mask used a large spread box-shadow that painted below the
   sticky header on desktop/tablet and visually clipped the page content. Keep the
   top mask via ::before only; remove the downward paint layer. */
.vhb-site-header{
  box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.vhb-site-header::before{
  top:-180px!important;
  height:180px!important;
  bottom:auto!important;
}
@media (min-width:681px){
  .vhb-site-header{
    margin-bottom:24px!important;
  }
}


/* v0.2.108K: compact sticky header footprint.
   The sticky header itself had accumulated an oversized vertical box while the
   visible logo/nav row remained near the top. Compact the desktop/tablet header
   instead of pushing page content farther down after every hotfix. */
@media (min-width:681px){
  .vhb-site-header{
    display:grid!important;
    grid-template-columns:minmax(210px,280px) minmax(0,1fr) auto!important;
    align-items:center!important;
    align-content:center!important;
    min-height:0!important;
    height:auto!important;
    padding:8px 16px!important;
    margin-bottom:12px!important;
    gap:16px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  .vhb-site-header .vhb-logo-link,
  .vhb-site-header .vhb-wordmark{
    display:flex!important;
    align-items:center!important;
    min-height:0!important;
    line-height:1!important;
  }
  .vhb-site-header .vhb-logo-link img,
  .vhb-site-header .vhb-wordmark img{
    display:block!important;
    width:auto!important;
    max-width:260px!important;
    min-width:0!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .vhb-site-nav{
    align-items:center!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .vhb-site-nav a,
  .vhb-search-pill,
  .vhb-account-menu-trigger{
    min-height:32px!important;
  }
  .vhb-header-actions{
    align-self:center!important;
  }
  .vhb-site-header + .vhb-home-v2-layout,
  .vhb-site-header + .vhb-board-directory-layout,
  .vhb-site-header + .vhb-board-view-layout,
  .vhb-site-header + .vhb-thread-layout,
  .vhb-site-header + .vhb-main,
  .vhb-site-header + .vhb-hero,
  .vhb-site-header + .vhb-section-head{
    margin-top:0!important;
  }
}
@media (min-width:901px) and (max-width:1150px){
  .vhb-site-header{
    grid-template-columns:minmax(190px,235px) minmax(0,1fr) auto!important;
    padding:8px 14px!important;
    gap:12px!important;
  }
  .vhb-site-header .vhb-logo-link img,
  .vhb-site-header .vhb-wordmark img{
    max-width:230px!important;
    max-height:54px!important;
  }
}


@media (min-width:681px) and (max-width:900px){
  .vhb-site-header{
    grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;
    padding:8px 12px!important;
    gap:10px!important;
  }
  .vhb-site-header .vhb-logo-link img,
  .vhb-site-header .vhb-wordmark img{
    max-width:215px!important;
    max-height:52px!important;
  }
}


/* v0.2.108L: sticky header real compact/crop fix.
   The visible issue is a header/mask footprint, not page-content clearance.
   Clamp the desktop/tablet header to the real logo/nav/account row height and
   place the page content safely below that actual footprint. */
@media (min-width:681px){
  #vhb-app .vhb-site-header,
  body #vhb-app .vhb-site-header,
  body .vhb-app .vhb-site-header{
    display:grid!important;
    grid-template-columns:minmax(220px,280px) minmax(0,1fr) auto!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:stretch!important;
    gap:16px!important;
    box-sizing:border-box!important;
    min-height:74px!important;
    height:74px!important;
    max-height:74px!important;
    padding:8px 18px!important;
    margin:0 0 22px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-site-header::before,
  body #vhb-app .vhb-site-header::before,
  body .vhb-app .vhb-site-header::before{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-180px!important;
    height:180px!important;
    bottom:auto!important;
    width:100%!important;
    background:#03050a!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
  #vhb-app .vhb-site-header .vhb-logo-link,
  #vhb-app .vhb-site-header .vhb-wordmark,
  #vhb-app .vhb-site-header .vhb-site-nav,
  #vhb-app .vhb-site-header .vhb-header-actions,
  #vhb-app .vhb-site-header .vhb-header-account,
  #vhb-app .vhb-site-header .vhb-account-menu{
    min-height:0!important;
    height:auto!important;
    max-height:58px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    align-self:center!important;
    box-sizing:border-box!important;
  }
  #vhb-app .vhb-site-header .vhb-logo-link img,
  #vhb-app .vhb-site-header .vhb-wordmark img{
    width:auto!important;
    max-width:260px!important;
    max-height:54px!important;
    min-width:0!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
  #vhb-app .vhb-site-header .vhb-site-nav{
    display:flex!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  #vhb-app .vhb-site-header .vhb-site-nav a,
  #vhb-app .vhb-site-header .vhb-search-pill,
  #vhb-app .vhb-site-header .vhb-account-menu-trigger{
    min-height:32px!important;
    max-height:42px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
  }
  #vhb-app .vhb-site-header + .vhb-home-v2-layout,
  #vhb-app .vhb-site-header + .vhb-board-directory-layout,
  #vhb-app .vhb-site-header + .vhb-board-view-layout,
  #vhb-app .vhb-site-header + .vhb-thread-layout,
  #vhb-app .vhb-site-header + .vhb-main,
  #vhb-app .vhb-site-header + .vhb-hero,
  #vhb-app .vhb-site-header + .vhb-section-head{
    margin-top:0!important;
    padding-top:0!important;
  }
}
@media (min-width:901px) and (max-width:1150px){
  #vhb-app .vhb-site-header,
  body #vhb-app .vhb-site-header,
  body .vhb-app .vhb-site-header{
    grid-template-columns:minmax(190px,235px) minmax(0,1fr) auto!important;
    min-height:70px!important;
    height:70px!important;
    max-height:70px!important;
    padding:8px 14px!important;
    gap:12px!important;
  }
  #vhb-app .vhb-site-header .vhb-logo-link img,
  #vhb-app .vhb-site-header .vhb-wordmark img{
    max-width:230px!important;
    max-height:50px!important;
  }
}
@media (min-width:681px) and (max-width:900px){
  #vhb-app .vhb-site-header,
  body #vhb-app .vhb-site-header,
  body .vhb-app .vhb-site-header{
    grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;
    min-height:68px!important;
    height:68px!important;
    max-height:68px!important;
    padding:8px 12px!important;
    gap:10px!important;
  }
  #vhb-app .vhb-site-header .vhb-logo-link img,
  #vhb-app .vhb-site-header .vhb-wordmark img{
    max-width:215px!important;
    max-height:48px!important;
  }
}


/* v0.2.108M — restore reply editor toolbar row break after Numbered List.
   TinyMCE now uses toolbar2 for Remove Formatting / Undo / Redo; keep rows visible and non-scrolling on desktop/tablet. */
@media (min-width: 761px){
  .vhb-rich-reply-field .mce-toolbar-grp{
    overflow-x: visible !important;
    white-space: normal !important;
  }
  .vhb-rich-reply-field .mce-toolbar{
    flex-wrap: wrap !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* v0.2.108N — Black Background Cleanup
   Retire the legacy brown/orange ambient gradients. Use black/near-black surfaces and reserve Tennessee orange for accents, borders, active states, and imagery. */
:root{
  --vhb-bg:#000000;
  --vhb-panel:#101114;
  --vhb-panel2:#15161a;
}
html,body,
#vhb-app,
.vhb-app,
.vhb-shell,
.vhb-site-wrap{
  background:#000000!important;
}
.vhb-app{
  background:#000000!important;
}
.vhb-hero,
.vhb-section-head,
.vhb-board-header,
.vhb-thread-head,
.vhb-board-card,
.vhb-topic-row,
.vhb-post-card,
.vhb-widget,
.vhb-ad-card,
.vhb-composer,
.vhb-login-callout,
.vhb-empty,
.vhb-notice,
.vhb-member-card,
.vhb-score-card,
.vhb-inline-ad-slot,
.vhb-article-card,
.vhb-admin-banner-slot,
.vhb-account-dropdown,
.vhb-board-map-menu,
.vhb-admin-menu,
.vhb-profile-card,
.vhb-profile-modal,
.vhb-auth-panel,
.vhb-modal-card,
.vhb-editor-modal,
.vhb-youtube-modal,
.vhb-link-modal,
.vhb-emoji-panel,
.vhb-tooltip,
.vhb-like-tooltip,
.vhb-dropdown,
.vhb-menu-panel{
  background:#101114!important;
}
.vhb-post-card,
.vhb-topic-row,
.vhb-board-card,
.vhb-thread-head,
.vhb-board-header,
.vhb-section-head,
.vhb-widget,
.vhb-article-card{
  box-shadow:0 14px 38px rgba(0,0,0,.34)!important;
}
.vhb-button,
.vhb-small-button,
.vhb-account-link,
.vhb-countdown-button,
.vhb-post-actions .vhb-action-button,
.vhb-post-actions button,
.vhb-post-actions a,
.vhb-post-actions .vhb-inline-form button,
.vhb-admin-menu a,
.vhb-admin-menu button,
.vhb-account-dropdown a,
.vhb-account-dropdown button,
.vhb-board-map-menu a,
.vhb-board-map-menu button,
.vhb-modal-card button,
.vhb-editor-modal button{
  background:#000000!important;
  border-color:rgba(255,130,0,.45)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.vhb-button:hover,
.vhb-small-button:hover,
.vhb-account-link:hover,
.vhb-countdown-button:hover,
.vhb-post-actions .vhb-action-button:hover,
.vhb-post-actions button:hover,
.vhb-post-actions a:hover,
.vhb-post-actions .vhb-inline-form button:hover,
.vhb-admin-menu a:hover,
.vhb-admin-menu button:hover,
.vhb-account-dropdown a:hover,
.vhb-account-dropdown button:hover,
.vhb-board-map-menu a:hover,
.vhb-board-map-menu button:hover{
  background:#000000!important;
  border-color:rgba(255,130,0,.85)!important;
  color:var(--vhb-orange2)!important;
}
.vhb-crumb-primary,
.vhb-rank,
.vhb-badge,
.vhb-achievement{
  background:#000000!important;
  border-color:rgba(255,130,0,.45)!important;
  color:var(--vhb-orange2)!important;
}
.vhb-quote-preview,
.vhb-quote-box,
.vhb-inline-ad-slot,
.vhb-ad-card{
  background:#101114!important;
}
.vhb-board-header,
.vhb-thread-head,
.vhb-score-card,
.vhb-countdown-widget,
.vhb-countdown-topline,
.vhb-countdown-nextup,
.vhb-countdown-zero{
  background:#08090b!important;
}
.vhb-score-card:before,
.vhb-countdown-widget:before,
.vhb-countdown-widget:after{
  background:none!important;
}
.vhb-countdown-nextup,
.vhb-countdown-topline{
  border-color:rgba(255,255,255,.10)!important;
}
.vhb-site-header,
.vhb-sticky-mask,
.vhb-header-mask,
.vhb-topbar{
  background:#000000!important;
}
.vhb-home-card-overlay,
.vhb-card-overlay,
.vhb-card-art-insider i{
  background-color:transparent!important;
}


/* v0.2.108O — Gradient Purge
   Retire remaining muddy/brown orange ambient backgrounds from widgets, rails,
   banner placeholders, dropdown hover states, admin placeholders, and generic
   board surfaces. Preserve intentional orange accents, image art overlays,
   and CTA borders. */
.vhb-app,
.vhb-home-shell,
.vhb-board-shell,
.vhb-site-shell,
.vhb-page,
.vhb-main-wrap{
  background:#000000!important;
}
.vhb-left-card,
.vhb-widget,
.vhb-ad-card,
.vhb-sponsor-card,
.vhb-home-banner-ad,
.vhb-home-inline-promo,
.vhb-admin-banner-slot,
.vhb-inline-ad-slot,
.vhb-sidebar-sponsor,
.vhb-board-map-card,
.vhb-board-map-menu,
.vhb-account-dropdown,
.vhb-admin-menu,
.vhb-modal-card,
.vhb-editor-modal,
.vhb-topic-row,
.vhb-post-card,
.vhb-composer,
.vhb-login-callout,
.vhb-empty,
.vhb-member-card,
.vhb-section-head,
.vhb-board-header,
.vhb-thread-head,
.vhb-score-card,
.vhb-online-card,
.vhb-online-widget,
.vhb-online-now-card,
.vhb-top-contributors,
.vhb-recent-activity,
.vhb-trending-widget,
.vhb-trending-card,
.vhb-activity-widget,
.vhb-profile-avatar-form,
.vhb-profile-settings-panel,
.vhb-quote-preview,
.vhb-quote-box,
.vhb-reply-preview,
.vhb-post-text .vhb-formatted-quote-preview,
.vhb-parent-preview,
.vhb-reply-chain,
.vhb-reply-chain-preview,
.vhb-log-section,
.vhb-log-card{
  background:#090a0d!important;
  background-image:none!important;
}
.vhb-ad-card,
.vhb-home-banner-ad,
.vhb-admin-banner-slot,
.vhb-inline-ad-slot,
.vhb-sidebar-sponsor,
.vhb-sponsor-card{
  border-color:rgba(255,130,0,.30)!important;
}
.vhb-home-content-prototype .vhb-home-banner-ad,
.vhb-home-content-prototype .vhb-home-inline-promo,
.vhb-home-content-prototype .vhb-home-story-card-large,
.vhb-home-content-prototype .vhb-home-story-card-small,
.vhb-home-content-prototype .vhb-home-story-card,
.vhb-home-content-prototype .vhb-home-sidebar-card{
  background:#090a0d!important;
  background-image:none!important;
}
.vhb-account-menu-trigger,
.vhb-account-menu-trigger:hover,
.vhb-account-menu-trigger:focus-visible,
.vhb-account-menu.is-open .vhb-account-menu-trigger,
.vhb-account-dropdown a,
.vhb-account-dropdown button,
.vhb-account-dropdown a:hover,
.vhb-account-dropdown button:hover,
.vhb-admin-menu a,
.vhb-admin-menu button,
.vhb-admin-menu a:hover,
.vhb-admin-menu button:hover,
.vhb-board-map-menu a,
.vhb-board-map-menu button,
.vhb-board-map-menu a:hover,
.vhb-board-map-menu button:hover{
  background:#000000!important;
  background-image:none!important;
}
.vhb-rank,
.vhb-badge,
.vhb-pin-badge,
.vhb-achievement,
.vhb-crumb-primary,
.vhb-small-button,
.vhb-widget-button,
.vhb-post-actions button,
.vhb-post-actions a,
.vhb-post-actions .vhb-action-button,
.vhb-post-actions .vhb-inline-form button{
  background:#000000!important;
  background-image:none!important;
}
.vhb-score-card:before,
.vhb-score-card:after,
.vhb-countdown-widget:before,
.vhb-countdown-widget:after,
.vhb-sponsor-card:before,
.vhb-sponsor-card:after,
.vhb-widget:before,
.vhb-widget:after,
.vhb-ad-card:before,
.vhb-ad-card:after,
.vhb-top-contributors:before,
.vhb-top-contributors:after,
.vhb-reply-preview:before,
.vhb-reply-preview:after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
.vhb-reply-preview-label{
  background:#000000!important;
  background-image:none!important;
}


/* v0.2.109A Rewards Engine Foundation */
.vhb-rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.vhb-rewards-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#07080b;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.34)}.vhb-rewards-card>span,.vhb-rewards-sandbox article>span{display:block;color:#ffb15c;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:950}.vhb-rewards-card h2{margin:5px 0 8px;color:#fff}.vhb-rewards-card p{color:#aeb5c1;line-height:1.45}.vhb-rank-ladder,.vhb-badge-admin-list{display:grid;gap:9px;margin-top:14px}.vhb-rank-row,.vhb-badge-admin-item{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:#000;padding:11px 12px}.vhb-rank-row{justify-content:space-between;align-items:flex-start}.vhb-rank-row strong,.vhb-badge-admin-item strong{color:#fff;font-weight:950}.vhb-rank-row small,.vhb-badge-admin-item small{display:block;color:#aeb5c1;margin-top:3px;font-size:12px}.vhb-badge-admin-item b{font-size:22px;min-width:28px;text-align:center}.vhb-rewards-sandbox{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;margin:18px 0}.vhb-rewards-user-picker{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.vhb-rewards-user-picker label{display:grid;gap:5px;color:#ffb15c;font-weight:900}.vhb-rewards-user-picker select,.vhb-sandbox-fields input{background:#000!important;color:#f8f9fb!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:12px;padding:8px 10px}.vhb-rewards-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.vhb-rewards-preview>div{border:1px solid rgba(255,122,0,.22);border-radius:16px;background:rgba(255,122,0,.06);padding:12px}.vhb-rewards-preview span{display:block;color:#ffb15c;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.vhb-rewards-preview strong{display:block;color:#fff;font-size:22px;margin-top:3px}.vhb-rewards-preview small{display:block;color:#aeb5c1;margin-top:3px}.vhb-rewards-check{display:flex!important;gap:8px;align-items:center;color:#f5f6f8!important;font-weight:850;margin:10px 0}.vhb-sandbox-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.vhb-sandbox-fields label{display:grid;gap:5px;color:#aeb5c1;font-weight:750}.vhb-sandbox-fields span{color:#ffb15c;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.vhb-rewards-top-check{grid-column:1/-1}.vhb-rewards-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.vhb-manual-badge-forms{display:grid;gap:8px;margin-top:13px}.vhb-manual-badge-forms form{margin:0}.vhb-manual-badge-forms .button{width:100%;justify-content:center}.vhb-rewards-notes{margin-top:18px}.vhb-achievement,.vhb-identity-badges span{white-space:normal}.vhb-identity-badges{align-items:center;justify-content:center;flex-wrap:wrap}.vhb-profile-edit-drawer:not([open]){background:transparent!important;border-color:transparent!important}.vhb-profile-edit-drawer:not([open]) summary{font-size:12px!important;color:#aeb5c1!important;text-transform:none!important;letter-spacing:0!important}.vhb-profile-edit-drawer:not([open]) summary:hover{color:#ffb15c!important;text-decoration:underline!important}@media(max-width:980px){.vhb-rewards-grid,.vhb-rewards-sandbox{grid-template-columns:1fr}.vhb-sandbox-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vhb-rewards-preview,.vhb-sandbox-fields{grid-template-columns:1fr}.vhb-rank-row{display:block}}


/* v0.2.109P — Safe Zoom Regression Reversal
   Baseline restored to the stable 109M shell. These are intentionally light guardrails only:
   no forced desktop shell widths, no routing changes, no splash/mobile changes. */
@media (min-width: 981px){
  .vhb-post-text,
  .vhb-post-text *,
  .vhb-topic-titleline,
  .vhb-topic-titleline a,
  .vhb-mini-list,
  .vhb-mini-list *,
  .vhb-widget,
  .vhb-widget *,
  .vhb-post-actions,
  .vhb-post-actions *,
  .vhb-account-menu,
  .vhb-account-menu *{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .vhb-widget img,
  .vhb-ad-card img,
  .vhb-left-rail img,
  .vhb-right-rail img{
    max-width:100%;
    height:auto;
  }
}


/* v0.2.109Q — Desktop Rail Width Restoration
   Restore breathing room at desktop/zoom-out widths without touching routing, splash,
   mobile, or theme-shell ownership. This intentionally avoids fixed shell hacks and
   only widens rails/post author columns when the viewport can safely support them. */
@media (min-width: 1400px){
  #vhb-app .vhb-home-v2-layout,
  body #vhb-app .vhb-home-v2-layout{
    grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,330px)!important;
    gap:20px!important;
  }

  #vhb-app .vhb-left-rail,
  #vhb-app .vhb-right-rail{
    min-width:0!important;
    width:auto!important;
  }

  #vhb-app .vhb-left-card,
  #vhb-app .vhb-widget,
  #vhb-app .vhb-ad-card,
  #vhb-app .vhb-sidebar-sponsor,
  #vhb-app .vhb-top-contributors{
    padding-left:16px!important;
    padding-right:16px!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-post-card{
    grid-template-columns:170px minmax(0,1fr)!important;
  }

  #vhb-app .vhb-post-author{
    padding-right:16px!important;
    min-width:0!important;
  }

  #vhb-app .vhb-post-author strong,
  #vhb-app .vhb-contrib-row strong,
  #vhb-app .vhb-mini-list a,
  #vhb-app .vhb-trending-title,
  #vhb-app .vhb-widget h3{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #vhb-app .vhb-rank,
  #vhb-app .vhb-badge,
  #vhb-app .vhb-widget-button,
  #vhb-app .vhb-small-button,
  #vhb-app .vhb-post-actions button,
  #vhb-app .vhb-post-actions a{
    max-width:100%!important;
    white-space:nowrap!important;
  }

  #vhb-app .vhb-post-actions{
    flex-wrap:wrap!important;
    max-width:100%!important;
  }
}

@media (min-width: 1161px) and (max-width: 1399px){
  #vhb-app .vhb-home-v2-layout,
  body #vhb-app .vhb-home-v2-layout{
    grid-template-columns:minmax(240px,260px) minmax(0,1fr) minmax(255px,280px)!important;
    gap:16px!important;
  }

  #vhb-app .vhb-post-card{
    grid-template-columns:150px minmax(0,1fr)!important;
  }

  #vhb-app .vhb-left-card,
  #vhb-app .vhb-widget,
  #vhb-app .vhb-ad-card,
  #vhb-app .vhb-sidebar-sponsor,
  #vhb-app .vhb-top-contributors{
    overflow:hidden!important;
  }
}


/* v0.2.109R — Desktop Board Grid Stabilization
   Fix zoom-out behavior structurally: keep the board shell as one centered unit,
   protect left/right rails from being eaten by the center column, and keep the
   Top Contributors widget compact inside its rail. Desktop/tablet only; no
   splash, mobile, routing, or theme-shell changes. */
@media (min-width: 1161px){
  #vhb-app .vhb-shell,
  body #vhb-app .vhb-shell,
  body .vhb-app .vhb-shell{
    width:calc(100% - 24px)!important;
    max-width:1680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-layout.vhb-home-v2-layout,
  body #vhb-app .vhb-layout.vhb-home-v2-layout,
  body .vhb-app .vhb-layout.vhb-home-v2-layout{
    display:grid!important;
    grid-template-columns:minmax(250px,280px) minmax(0,1fr) minmax(275px,305px)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-left-rail,
  #vhb-app .vhb-right-rail,
  body .vhb-app .vhb-left-rail,
  body .vhb-app .vhb-right-rail{
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-main,
  body .vhb-app .vhb-main{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    grid-template-columns:minmax(132px,150px) minmax(0,1fr)!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-post-author strong,
  body .vhb-app .vhb-post-author strong{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (min-width: 1161px) and (max-width: 1450px){
  #vhb-app .vhb-layout.vhb-home-v2-layout,
  body #vhb-app .vhb-layout.vhb-home-v2-layout,
  body .vhb-app .vhb-layout.vhb-home-v2-layout{
    grid-template-columns:minmax(235px,255px) minmax(0,1fr) minmax(250px,275px)!important;
    gap:16px!important;
  }
}

@media (min-width: 1161px){
  #vhb-app .vhb-left-rail .vhb-left-card,
  #vhb-app .vhb-left-rail .vhb-widget,
  #vhb-app .vhb-left-rail .vhb-ad-card,
  #vhb-app .vhb-left-rail .vhb-sidebar-sponsor,
  #vhb-app .vhb-left-rail .vhb-top-contributors,
  #vhb-app .vhb-right-rail .vhb-widget,
  #vhb-app .vhb-right-rail .vhb-ad-card,
  #vhb-app .vhb-right-rail .vhb-sidebar-sponsor,
  body .vhb-app .vhb-left-rail .vhb-left-card,
  body .vhb-app .vhb-left-rail .vhb-widget,
  body .vhb-app .vhb-left-rail .vhb-ad-card,
  body .vhb-app .vhb-left-rail .vhb-sidebar-sponsor,
  body .vhb-app .vhb-left-rail .vhb-top-contributors,
  body .vhb-app .vhb-right-rail .vhb-widget,
  body .vhb-app .vhb-right-rail .vhb-ad-card,
  body .vhb-app .vhb-right-rail .vhb-sidebar-sponsor{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-topcontrib-head,
  body .vhb-app .vhb-topcontrib-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
  }

  #vhb-app .vhb-topcontrib-head h3,
  body .vhb-app .vhb-topcontrib-head h3{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #vhb-app .vhb-topcontrib-head em,
  body .vhb-app .vhb-topcontrib-head em{
    max-width:92px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #vhb-app .vhb-topcontrib-row,
  body .vhb-app .vhb-topcontrib-row{
    grid-template-columns:18px 36px minmax(0,1fr) 28px!important;
    gap:8px!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-topcontrib-avatar img,
  #vhb-app .vhb-topcontrib-avatar .vhb-default-avatar,
  #vhb-app .vhb-topcontrib-avatar .vhb-placeholder-avatar,
  body .vhb-app .vhb-topcontrib-avatar img,
  body .vhb-app .vhb-topcontrib-avatar .vhb-default-avatar,
  body .vhb-app .vhb-topcontrib-avatar .vhb-placeholder-avatar{
    width:36px!important;
    height:36px!important;
  }

  #vhb-app .vhb-topcontrib-row p,
  body .vhb-app .vhb-topcontrib-row p{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-topcontrib-row strong,
  body .vhb-app .vhb-topcontrib-row strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #vhb-app .vhb-topcontrib-row > em,
  body .vhb-app .vhb-topcontrib-row > em{
    min-width:0!important;
    max-width:28px!important;
    text-align:right!important;
  }

  #vhb-app .vhb-topcontrib-cta,
  body .vhb-app .vhb-topcontrib-cta{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }
}


/* v0.2.109S — Top Contributors Widget Containment
   Desktop/sidebar-only containment for the Top Contributors engine. The board grid
   stabilization in 109R improved the parent layout; this pass prevents the widget
   header, period selector, rows, scores, and CTA from overlapping or escaping when
   the sidebar rail becomes narrow during desktop zoom changes. */
@media (min-width: 981px){
  #vhb-app .vhb-left-rail .vhb-top-contributors,
  body .vhb-app .vhb-left-rail .vhb-top-contributors{
    padding:14px 12px!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-head,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
    padding-bottom:12px!important;
    margin-bottom:13px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-head h3,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-head h3{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:start!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.05!important;
    letter-spacing:.075em!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-head h3 span,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-head h3 span{
    font-size:15px!important;
    line-height:1!important;
    transform:translateY(1px);
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-head em,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-head em{
    justify-self:start!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    padding:0 10px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-list,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-list{
    display:grid!important;
    gap:13px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row{
    display:grid!important;
    grid-template-columns:18px 36px minmax(0,1fr) 22px!important;
    gap:8px!important;
    align-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-rank,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-rank{
    min-width:0!important;
    font-size:16px!important;
    text-align:left!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar img,
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-default-avatar,
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-placeholder-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar img,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-default-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-placeholder-avatar{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row p,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row p{
    display:grid!important;
    grid-template-rows:auto 6px!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row strong,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.05!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row i,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row i{
    width:100%!important;
    max-width:100%!important;
    height:6px!important;
    overflow:hidden!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row > em,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row > em{
    min-width:0!important;
    max-width:22px!important;
    overflow:hidden!important;
    text-align:right!important;
    font-size:13px!important;
    line-height:1!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-cta,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-cta{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    margin-top:14px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:12px!important;
    letter-spacing:.03em!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-cta span,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-cta span{
    flex:0 0 auto!important;
    margin-left:6px!important;
  }
}

@media (min-width: 981px) and (max-width: 1280px){
  #vhb-app .vhb-left-rail .vhb-top-contributors,
  body .vhb-app .vhb-left-rail .vhb-top-contributors{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #vhb-app .vhb-left-rail .vhb-topcontrib-row,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row{
    grid-template-columns:16px 32px minmax(0,1fr) 20px!important;
    gap:7px!important;
  }
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
  }
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar img,
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-default-avatar,
  #vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-placeholder-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar img,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-default-avatar,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-avatar .vhb-placeholder-avatar{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
  }
  #vhb-app .vhb-left-rail .vhb-topcontrib-row strong,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row strong{
    font-size:12px!important;
  }
}


/* v0.2.109T — Desktop Zoom Shell Stabilization
   Targeted desktop-only correction for CMD-minus / browser zoom-out behavior.
   109R/109S protected individual rails and widgets, but the parent desktop grid
   could still behave elastically as browser zoom increased the CSS viewport.
   This pass restores the board/home desktop shell as a centered, fixed-proportion
   unit: side rails retain real width, the center column has a firm readable cap,
   and extra zoom-out space is absorbed outside the grid rather than by stretching
   post cards and quote bubbles. Mobile/tablet/splash/routing untouched. */
@media (min-width:1161px){
  #vhb-app .vhb-shell,
  body #vhb-app .vhb-shell,
  body .vhb-app .vhb-shell{
    width:min(calc(100% - 24px), 1440px)!important;
    max-width:1440px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #vhb-app .vhb-layout.vhb-home-v2-layout,
  body #vhb-app .vhb-layout.vhb-home-v2-layout,
  body .vhb-app .vhb-layout.vhb-home-v2-layout{
    display:grid!important;
    grid-template-columns:260px minmax(0, 850px) 294px!important;
    justify-content:center!important;
    align-items:start!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #vhb-app .vhb-left-rail,
  #vhb-app .vhb-right-rail,
  body #vhb-app .vhb-left-rail,
  body #vhb-app .vhb-right-rail,
  body .vhb-app .vhb-left-rail,
  body .vhb-app .vhb-right-rail{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-main,
  body #vhb-app .vhb-main,
  body .vhb-app .vhb-main{
    width:100%!important;
    max-width:850px!important;
    min-width:0!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #vhb-app .vhb-post-card,
  body #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    grid-template-columns:150px minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #vhb-app .vhb-post-text,
  #vhb-app .vhb-quote-preview,
  #vhb-app .vhb-quoted-post,
  body .vhb-app .vhb-post-text,
  body .vhb-app .vhb-quote-preview,
  body .vhb-app .vhb-quoted-post{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:1161px) and (max-width:1320px){
  #vhb-app .vhb-shell,
  body #vhb-app .vhb-shell,
  body .vhb-app .vhb-shell{
    width:calc(100% - 20px)!important;
    max-width:1240px!important;
  }

  #vhb-app .vhb-layout.vhb-home-v2-layout,
  body #vhb-app .vhb-layout.vhb-home-v2-layout,
  body .vhb-app .vhb-layout.vhb-home-v2-layout{
    grid-template-columns:235px minmax(0,1fr) 255px!important;
    gap:16px!important;
  }

  #vhb-app .vhb-main,
  body #vhb-app .vhb-main,
  body .vhb-app .vhb-main{
    max-width:none!important;
  }
}

/* v0.2.109V: Launchpad Typography Match
   Twenty Twenty-Five applies its own heading/paragraph typography through the
   block theme stack. These high-specificity plugin-owned rules preserve the
   Launchpad-era Vol Hoops density so the custom theme can be retired without
   changing the visual weight, spacing, or board readability. */
#vhb-app,
body #vhb-app,
body .vhb-app{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}

#vhb-app .vhb-home-hero-card h1,
body #vhb-app .vhb-home-hero-card h1,
body .vhb-app .vhb-home-hero-card h1{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:34px!important;
  font-weight:900!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
  margin:0!important;
}

#vhb-app .vhb-home-hero-card p,
body #vhb-app .vhb-home-hero-card p,
body .vhb-app .vhb-home-hero-card p{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  margin:8px 0 0!important;
  color:#c5cbd5!important;
}

#vhb-app .vhb-post-content,
body #vhb-app .vhb-post-content,
body .vhb-app .vhb-post-content{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}

#vhb-app .vhb-post-text,
#vhb-app .vhb-post-text p,
body #vhb-app .vhb-post-text,
body #vhb-app .vhb-post-text p,
body .vhb-app .vhb-post-text,
body .vhb-app .vhb-post-text p{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  color:#f4f4f4!important;
}

#vhb-app .vhb-post-text p,
body #vhb-app .vhb-post-text p,
body .vhb-app .vhb-post-text p{
  margin:0 0 .65em!important;
}

#vhb-app .vhb-post-text p:last-child,
body #vhb-app .vhb-post-text p:last-child,
body .vhb-app .vhb-post-text p:last-child{
  margin-bottom:0!important;
}

#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  margin-top:16px!important;
}

@media(max-width:680px){
  #vhb-app .vhb-home-hero-card h1,
  body #vhb-app .vhb-home-hero-card h1,
  body .vhb-app .vhb-home-hero-card h1{
    font-size:25px!important;
    line-height:1.02!important;
  }

  #vhb-app .vhb-home-hero-card p,
  body #vhb-app .vhb-home-hero-card p,
  body .vhb-app .vhb-home-hero-card p{
    font-size:16px!important;
    line-height:1.38!important;
  }

  #vhb-app .vhb-post-text,
  #vhb-app .vhb-post-text p,
  body #vhb-app .vhb-post-text,
  body #vhb-app .vhb-post-text p,
  body .vhb-app .vhb-post-text,
  body .vhb-app .vhb-post-text p{
    font-size:17px!important;
    line-height:1.42!important;
  }
}


/* v0.2.109Y: Article Typography Match
   Extends the Launchpad typography independence pass to article/post templates.
   Twenty Twenty-Five can otherwise reintroduce lighter block-theme heading
   weight and looser article typography on Vol Hoops article pages. */
#vhb-app .vhb-article-card,
body #vhb-app .vhb-article-card,
body .vhb-app .vhb-article-card{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}

#vhb-app .vhb-article-head h1,
body #vhb-app .vhb-article-head h1,
body .vhb-app .vhb-article-head h1{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
  margin:0!important;
}

#vhb-app .vhb-article-head p,
body #vhb-app .vhb-article-head p,
body .vhb-app .vhb-article-head p{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  color:#aeb5c1!important;
  margin:12px 0 0!important;
}

#vhb-app .vhb-article-content,
#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content,
body .vhb-app .vhb-article-content p{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.58!important;
  letter-spacing:0!important;
}

#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content p{
  margin:0 0 .9em!important;
}

#vhb-app .vhb-article-content p:last-child,
body #vhb-app .vhb-article-content p:last-child,
body .vhb-app .vhb-article-content p:last-child{
  margin-bottom:0!important;
}

@media(max-width:680px){
  #vhb-app .vhb-article-head h1,
  body #vhb-app .vhb-article-head h1,
  body .vhb-app .vhb-article-head h1{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
  }

  #vhb-app .vhb-article-content,
  #vhb-app .vhb-article-content p,
  body #vhb-app .vhb-article-content,
  body #vhb-app .vhb-article-content p,
  body .vhb-app .vhb-article-content,
  body .vhb-app .vhb-article-content p{
    font-size:17px!important;
    line-height:1.52!important;
  }
}


/* v0.2.109Y: Article Readability Polish
   Adds a touch more breathing room to long-form article/post body copy
   across devices while leaving board thread/reply typography untouched. */
#vhb-app .vhb-article-content,
#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content,
body .vhb-app .vhb-article-content p{
  line-height:1.66!important;
}

#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content p{
  margin:0 0 1.05em!important;
}

@media(max-width:680px){
  #vhb-app .vhb-article-content,
  #vhb-app .vhb-article-content p,
  body #vhb-app .vhb-article-content,
  body #vhb-app .vhb-article-content p,
  body .vhb-app .vhb-article-content,
  body .vhb-app .vhb-article-content p{
    line-height:1.62!important;
  }
}


/* v0.2.109Z: Editorial Readability Refinement
   Gives long-form article/post body copy additional breathing room with
   slightly looser leading and subtle word spacing, while preserving board
   thread/reply typography and all non-article layouts. */
#vhb-app .vhb-article-content,
#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content,
body .vhb-app .vhb-article-content p{
  line-height:1.72!important;
  letter-spacing:.003em!important;
  word-spacing:.035em!important;
}

#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content p{
  margin:0 0 1.12em!important;
}

@media(max-width:680px){
  #vhb-app .vhb-article-content,
  #vhb-app .vhb-article-content p,
  body #vhb-app .vhb-article-content,
  body #vhb-app .vhb-article-content p,
  body .vhb-app .vhb-article-content,
  body .vhb-app .vhb-article-content p{
    line-height:1.68!important;
    letter-spacing:.002em!important;
    word-spacing:.03em!important;
  }
}


/* v0.2.110A: Editorial Typography Prototype
   Experiments with a more traditional feature-article reading experience by
   using a serif body face, more spacious leading, and a slightly narrower
   article measure. Scope is limited to Vol Hoops article/post body copy;
   board threads, topic pages, splash, home cards, and profile overlays remain
   untouched. */
#vhb-app .vhb-article-content,
#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content,
body .vhb-app .vhb-article-content p{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-size:21px!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}

#vhb-app .vhb-article-content,
body #vhb-app .vhb-article-content,
body .vhb-app .vhb-article-content{
  max-width:750px!important;
}

#vhb-app .vhb-article-content p,
body #vhb-app .vhb-article-content p,
body .vhb-app .vhb-article-content p{
  margin:0 0 1.35em!important;
}

#vhb-app .vhb-article-content a,
body #vhb-app .vhb-article-content a,
body .vhb-app .vhb-article-content a{
  font-family:inherit!important;
}

@media(max-width:680px){
  #vhb-app .vhb-article-content,
  #vhb-app .vhb-article-content p,
  body #vhb-app .vhb-article-content,
  body #vhb-app .vhb-article-content p,
  body .vhb-app .vhb-article-content,
  body .vhb-app .vhb-article-content p{
    font-size:19px!important;
    line-height:1.72!important;
  }

  #vhb-app .vhb-article-content p,
  body #vhb-app .vhb-article-content p,
  body .vhb-app .vhb-article-content p{
    margin-bottom:1.3em!important;
  }
}

/* v0.2.111X — Contact page */
.vhb-contact-shell{max-width:1280px!important;}
.vhb-contact-hero{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.10);border-radius:0 0 22px 22px;overflow:hidden;background:#050506;background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 27%,rgba(0,0,0,.35) 54%,rgba(0,0,0,.08) 100%),linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 54%,rgba(0,0,0,.88) 100%),var(--vhb-contact-hero);background-size:cover;background-position:center right;box-shadow:0 30px 90px rgba(0,0,0,.52);margin:0 0 -34px;}
.vhb-contact-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 34%,rgba(255,130,0,.14),transparent 28%),linear-gradient(180deg,transparent 0%,rgba(5,6,8,.88) 98%);pointer-events:none;}
.vhb-contact-hero-copy{position:relative;z-index:1;max-width:520px;padding:84px 44px 118px;color:#fff;}
.vhb-contact-kicker{display:inline-flex;margin-bottom:12px;color:#ff8200;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:950;}
.vhb-contact-hero h1{font-size:60px;line-height:.95;margin:0 0 18px;letter-spacing:-.055em;font-weight:1000;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.72);}
.vhb-contact-hero h1:after{content:"";display:block;width:68px;height:4px;border-radius:999px;background:#ff8200;margin-top:18px;box-shadow:0 0 18px rgba(255,130,0,.58);}
.vhb-contact-hero p{font-size:18px;line-height:1.7;margin:0;color:#d8dde6;max-width:480px;text-shadow:0 2px 16px #000;}
.vhb-contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px;margin:0 28px 18px;align-items:start;}
.vhb-contact-card{background:linear-gradient(145deg,rgba(17,19,24,.96),rgba(8,9,12,.98));border:1px solid rgba(255,255,255,.13);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045);color:#edf1f7;}
.vhb-contact-form-card{padding:28px;}
.vhb-contact-card h2{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#fff;font-size:24px;line-height:1.1;font-weight:950;letter-spacing:-.025em;}
.vhb-contact-card h2 span{color:#ff8200;filter:saturate(1.2);}
.vhb-contact-form{display:grid;gap:18px;}
.vhb-contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.vhb-contact-form label{display:grid;gap:9px;color:#f1f3f6;font-weight:850;font-size:13px;}
.vhb-contact-form label span{color:#ff8200;}
.vhb-contact-form input,.vhb-contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#fff;font-size:15px;padding:14px 15px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.vhb-contact-form textarea{min-height:148px;resize:vertical;}
.vhb-contact-form input::placeholder,.vhb-contact-form textarea::placeholder{color:#8d949f;}
.vhb-contact-form input:focus,.vhb-contact-form textarea:focus{border-color:rgba(255,130,0,.66);box-shadow:0 0 0 3px rgba(255,130,0,.13),inset 0 1px 0 rgba(255,255,255,.05);}
.vhb-contact-submit{border:0;border-radius:9px;background:linear-gradient(180deg,#ff991f,#f07400);color:#fff;min-height:54px;font-size:18px;font-weight:950;letter-spacing:.01em;cursor:pointer;box-shadow:0 12px 34px rgba(255,117,0,.18),inset 0 1px 0 rgba(255,255,255,.28);}
.vhb-contact-submit:before{content:"✈ ";font-weight:900;}
.vhb-contact-submit:hover,.vhb-contact-submit:focus-visible{filter:brightness(1.08);outline:none;}
.vhb-contact-privacy{text-align:center;color:#99a0aa;font-size:13px;margin:2px 0 0;}
.vhb-contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.vhb-contact-side{display:grid;gap:14px;}
.vhb-contact-reach,.vhb-contact-vol-life{padding:24px;}
.vhb-contact-reach-row{border-top:1px solid rgba(255,255,255,.11);padding:17px 0 0;margin-top:17px;display:grid;gap:5px;}
.vhb-contact-reach-row:first-of-type{border-top:0;padding-top:0;margin-top:0;}
.vhb-contact-reach-row strong{color:#fff;font-size:15px;}
.vhb-contact-reach-row a{color:#ff8200!important;text-decoration:none!important;font-weight:950;}
.vhb-contact-reach-row span{color:#b9bfca;line-height:1.45;}
.vhb-contact-vol-life p{color:#c8cdd6;margin:0 0 8px;line-height:1.5;}
.vhb-contact-vol-life strong{display:block;color:#ff8200;line-height:1.45;}
.vhb-contact-boards-cta{margin:0 28px 34px;padding:22px 26px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,rgba(17,19,24,.96),rgba(8,9,12,.98));display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff;box-shadow:0 16px 50px rgba(0,0,0,.36);}
.vhb-contact-boards-cta div{display:grid;gap:6px;}
.vhb-contact-boards-cta strong{font-size:24px;font-weight:1000;letter-spacing:-.025em;}
.vhb-contact-boards-cta span{color:#c6cbd4;}
.vhb-contact-board-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:8px;border:1px solid rgba(255,130,0,.75);color:#ff9a2b!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.06em;font-weight:950;white-space:nowrap;background:rgba(255,130,0,.05);}
.vhb-contact-board-button:hover{background:rgba(255,130,0,.13);}
.vhb-contact-alert{margin:52px 28px -30px;position:relative;z-index:3;border-radius:13px;padding:14px 18px;display:flex;gap:8px;align-items:center;box-shadow:0 16px 44px rgba(0,0,0,.36);}
.vhb-contact-alert strong{font-weight:1000;}
.vhb-contact-alert span{color:#d8dde6;}
.vhb-contact-alert-success{border:1px solid rgba(89,214,131,.38);background:linear-gradient(135deg,rgba(24,87,46,.98),rgba(11,32,19,.98));color:#d8ffe2;}
.vhb-contact-alert-error{border:1px solid rgba(255,91,91,.35);background:linear-gradient(135deg,rgba(86,25,25,.98),rgba(33,11,11,.98));color:#ffdede;}
@media(max-width:900px){.vhb-contact-hero{min-height:320px;margin-bottom:-24px;background-position:center right 35%;}.vhb-contact-hero-copy{padding:58px 28px 92px;max-width:430px}.vhb-contact-hero h1{font-size:48px}.vhb-contact-hero p{font-size:16px}.vhb-contact-grid{grid-template-columns:1fr;margin:0 16px 16px}.vhb-contact-boards-cta{margin:0 16px 28px;align-items:flex-start;flex-direction:column}.vhb-contact-board-button{width:100%;}.vhb-contact-alert{margin:40px 16px -20px;align-items:flex-start;flex-direction:column;}}
@media(max-width:640px){.vhb-contact-shell{max-width:100%!important}.vhb-contact-hero{min-height:360px;border-radius:0 0 18px 18px;background-image:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.40) 42%,rgba(0,0,0,.96) 100%),var(--vhb-contact-hero);background-position:center top;background-size:auto 100%;margin:0 0 -16px;}.vhb-contact-hero-copy{padding:188px 18px 48px;}.vhb-contact-kicker{font-size:10px}.vhb-contact-hero h1{font-size:38px;margin-bottom:12px}.vhb-contact-hero h1:after{width:54px;height:3px;margin-top:12px}.vhb-contact-hero p{font-size:14px;line-height:1.58;max-width:310px}.vhb-contact-grid{margin:0 10px 12px;gap:12px}.vhb-contact-form-card,.vhb-contact-reach,.vhb-contact-vol-life{padding:18px}.vhb-contact-card h2{font-size:20px}.vhb-contact-field-row{grid-template-columns:1fr;gap:14px}.vhb-contact-form{gap:14px}.vhb-contact-form input,.vhb-contact-form textarea{font-size:14px;padding:12px 13px}.vhb-contact-submit{min-height:50px;font-size:16px}.vhb-contact-boards-cta{margin:0 10px 24px;padding:18px}.vhb-contact-boards-cta strong{font-size:20px}.vhb-contact-boards-cta span{font-size:13px}.vhb-contact-alert{margin:32px 10px -10px;font-size:13px}}

/* v0.2.111Y — Contact page responsive polish */
.vhb-contact-hero{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.64) 28%,rgba(0,0,0,.22) 56%,rgba(0,0,0,.02) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 56%,rgba(0,0,0,.68) 100%),
    var(--vhb-contact-hero)!important;
}
.vhb-contact-hero:after{
  background:radial-gradient(circle at 82% 34%,rgba(255,130,0,.12),transparent 28%),linear-gradient(180deg,transparent 0%,rgba(5,6,8,.66) 98%)!important;
}
.vhb-site-header .vhb-site-nav a{
  color:rgba(220,225,234,.68)!important;
}
.vhb-site-header .vhb-site-nav a:hover,
.vhb-site-header .vhb-site-nav a:focus-visible{
  color:rgba(255,255,255,.88)!important;
}
.vhb-site-header .vhb-site-nav a.is-active{
  color:#ff8200!important;
}
.vhb-contact-toast{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.98);
  z-index:100000!important;
  width:min(92vw,360px)!important;
  min-height:210px!important;
  display:grid!important;
  place-content:center!important;
  gap:8px!important;
  text-align:center!important;
  padding:26px 24px!important;
  border-radius:24px!important;
  border:2px solid rgba(255,130,0,.68)!important;
  background:linear-gradient(145deg,#f8f5ed,#d8d0c4)!important;
  color:#1b130d!important;
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 0 9999px rgba(0,0,0,.38)!important;
  animation:vhb-contact-toast-fade 4.2s ease both!important;
}
.vhb-contact-toast strong{display:block;color:#1b130d!important;font-size:22px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:-.02em!important}
.vhb-contact-toast span{display:block;color:#4d4034!important;font-size:15px!important;line-height:1.45!important;margin-top:4px!important}
.vhb-contact-toast.vhb-contact-toast-error{border-color:rgba(255,91,91,.55)!important;background:linear-gradient(145deg,#fff3f1,#e7d2cc)!important}
@keyframes vhb-contact-toast-fade{0%{opacity:0;transform:translate(-50%,-52%) scale(.96)}10%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-48%) scale(.98);pointer-events:none}}
@media(max-width:640px){
  .vhb-contact-hero{
    min-height:410px!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.80) 73%,rgba(0,0,0,.97) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-12px!important;
  }
  .vhb-contact-hero:after{background:linear-gradient(180deg,transparent 0%,rgba(5,6,8,.22) 42%,rgba(5,6,8,.92) 100%)!important;}
  .vhb-contact-hero-copy{padding:210px 18px 46px!important;max-width:360px!important;}
  .vhb-contact-hero h1{font-size:39px!important;}
  .vhb-contact-hero p{font-size:15px!important;line-height:1.58!important;max-width:330px!important;}
  .vhb-contact-toast{width:min(90vw,330px)!important;min-height:215px!important;padding:22px 20px!important;}
}


/* v0.2.111Z — Contact mobile hero, clean art, nav final polish */
.vhb-site-header .vhb-site-nav a:not(.is-active){
  color:rgba(220,225,234,.62)!important;
}
.vhb-site-header .vhb-site-nav a:not(.is-active):hover,
.vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible{
  color:rgba(245,248,255,.86)!important;
}
.vhb-site-header .vhb-site-nav a.is-active{
  color:#ff8200!important;
}
@media(max-width:640px){
  .vhb-contact-hero{
    min-height:432px!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-position:63% center!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.38) 44%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.14) 38%,rgba(0,0,0,.82) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-12px!important;
  }
  .vhb-contact-hero:after{
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(5,6,8,.18) 46%,rgba(5,6,8,.82) 100%)!important;
  }
  .vhb-contact-hero-copy{
    padding:166px 18px 48px!important;
    max-width:350px!important;
  }
  .vhb-contact-kicker{margin-bottom:8px!important;}
  .vhb-contact-hero h1{font-size:38px!important;margin-bottom:12px!important;}
  .vhb-contact-hero p{font-size:15px!important;line-height:1.58!important;max-width:330px!important;}
}


/* v0.2.111AA — Contact mobile hero scale + unified top-nav inactive tone */
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active),
body .vhb-site-header .vhb-site-nav a:not(.is-active){
  color:rgba(245,248,255,.86)!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible,
body .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
body .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible{
  color:rgba(255,255,255,.96)!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a.is-active,
body .vhb-site-header .vhb-site-nav a.is-active{
  color:#ff8200!important;
}
@media(max-width:640px){
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:426px!important;
    background-size:155% auto!important;
    background-repeat:no-repeat!important;
    background-position:59% 0!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.68) 62%,rgba(0,0,0,.98) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-12px!important;
  }
  #vhb-app .vhb-contact-hero:after,
  body .vhb-contact-hero:after{
    background:linear-gradient(180deg,rgba(5,6,8,0) 0%,rgba(5,6,8,.12) 36%,rgba(5,6,8,.70) 68%,rgba(5,6,8,.96) 100%)!important;
  }
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    padding:166px 18px 46px!important;
    max-width:350px!important;
  }
  #vhb-app .vhb-contact-hero h1,
  body .vhb-contact-hero h1{
    font-size:38px!important;
    margin-bottom:12px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    font-size:15px!important;
    line-height:1.58!important;
    max-width:330px!important;
  }
}


/* v0.2.111AB — final contact mobile title lift + nav shade correction */
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active),
#vhb-app .vhb-site-header .vhb-site-nav a[aria-disabled="true"]:not(.is-active),
body .vhb-site-header .vhb-site-nav a:not(.is-active),
body .vhb-site-header .vhb-site-nav a[aria-disabled="true"]:not(.is-active){
  color:#e8edf5!important;
  opacity:1!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible,
body .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
body .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible{
  color:#ffffff!important;
  opacity:1!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a.is-active,
body .vhb-site-header .vhb-site-nav a.is-active{
  color:#ff8200!important;
  opacity:1!important;
}
@media(max-width:640px){
  /* Freeze the approved mobile hero image crop/brightness from 111AA; move only the overlay copy upward. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:426px!important;
    background-size:155% auto!important;
    background-repeat:no-repeat!important;
    background-position:59% 0!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.68) 62%,rgba(0,0,0,.98) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-12px!important;
  }
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    padding:92px 18px 46px!important;
    max-width:350px!important;
  }
}


/* v0.2.111AC — Contact mobile overlay structural alignment + exact nav tone */
#vhb-app .vhb-site-header .vhb-site-nav a,
body .vhb-site-header .vhb-site-nav a{
  color:#e8edf5!important;
  opacity:1!important;
  filter:none!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a[aria-disabled="true"],
body .vhb-site-header .vhb-site-nav a[aria-disabled="true"]{
  color:#e8edf5!important;
  opacity:1!important;
  filter:none!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a.is-active,
body .vhb-site-header .vhb-site-nav a.is-active{
  color:#ff8200!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible,
body .vhb-site-header .vhb-site-nav a:not(.is-active):hover,
body .vhb-site-header .vhb-site-nav a:not(.is-active):focus-visible{
  color:#ffffff!important;
}
@media(max-width:640px){
  /* Preserve the approved 111AA mobile hero art crop/brightness. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:426px!important;
    background-size:155% auto!important;
    background-repeat:no-repeat!important;
    background-position:59% 0!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.68) 62%,rgba(0,0,0,.98) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-18px!important;
    position:relative!important;
  }
  #vhb-app .vhb-contact-hero:after,
  body .vhb-contact-hero:after{
    background:linear-gradient(180deg,rgba(5,6,8,0) 0%,rgba(5,6,8,.12) 36%,rgba(5,6,8,.70) 68%,rgba(5,6,8,.96) 100%)!important;
  }
  /* Move the whole intro copy block into the hero instead of letting it expand the hero height. */
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:54px!important;
    z-index:2!important;
    padding:0 18px!important;
    max-width:350px!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:0!important;
    position:relative!important;
    z-index:3!important;
  }
}

/* v0.2.111AD — Contact mobile final overlay/card lift + locked nav tone */
#vhb-app .vhb-site-header .vhb-site-nav a,
#vhb-app .vhb-site-header .vhb-site-nav a:visited,
body .vhb-site-header .vhb-site-nav a,
body .vhb-site-header .vhb-site-nav a:visited{
  color:#e8edf5!important;
  -webkit-text-fill-color:#e8edf5!important;
  opacity:1!important;
  filter:none!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a.is-active,
#vhb-app .vhb-site-header .vhb-site-nav a.is-active:visited,
body .vhb-site-header .vhb-site-nav a.is-active,
body .vhb-site-header .vhb-site-nav a.is-active:visited{
  color:#ff8200!important;
  -webkit-text-fill-color:#ff8200!important;
}
@media(max-width:640px){
  /* Preserve the approved image crop/brightness; move content and card only. */
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    top:22px!important;
    padding:0 18px!important;
    max-width:315px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    max-width:282px!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-92px!important;
  }
}


/* v0.2.111AE — Contact mobile final rhythm + nav unification */
.vhb-contact-copy-mobile{display:none!important;}
.vhb-contact-copy-desktop{display:inline!important;}
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active),
#vhb-app .vhb-site-header .vhb-site-nav a:not(.is-active):visited,
#vhb-app .vhb-site-header .vhb-site-nav a[aria-disabled="true"]:not(.is-active),
body .vhb-site-header .vhb-site-nav a:not(.is-active),
body .vhb-site-header .vhb-site-nav a:not(.is-active):visited,
body .vhb-site-header .vhb-site-nav a[aria-disabled="true"]:not(.is-active){
  color:#f2f5fa!important;
  -webkit-text-fill-color:#f2f5fa!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
#vhb-app .vhb-site-header .vhb-site-nav a.is-active,
#vhb-app .vhb-site-header .vhb-site-nav a.is-active:visited,
body .vhb-site-header .vhb-site-nav a.is-active,
body .vhb-site-header .vhb-site-nav a.is-active:visited{
  color:#ff8200!important;
  -webkit-text-fill-color:#ff8200!important;
}
@media(max-width:640px){
  .vhb-contact-copy-desktop{display:none!important;}
  .vhb-contact-copy-mobile{display:inline!important;}
  /* Preserve approved hero art exactly; tighten only typography and section rhythm. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:360px!important;
    background-size:155% auto!important;
    background-repeat:no-repeat!important;
    background-position:59% 0!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.68) 62%,rgba(0,0,0,.98) 100%),
      var(--vhb-contact-hero)!important;
    margin-bottom:-18px!important;
    position:relative!important;
  }
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:42px!important;
    z-index:2!important;
    padding:0 18px!important;
    max-width:305px!important;
  }
  #vhb-app .vhb-contact-kicker,
  body .vhb-contact-kicker{
    margin-bottom:9px!important;
  }
  #vhb-app .vhb-contact-hero h1,
  body .vhb-contact-hero h1{
    font-size:34px!important;
    line-height:.96!important;
    margin-bottom:10px!important;
  }
  #vhb-app .vhb-contact-hero h1:after,
  body .vhb-contact-hero h1:after{
    width:56px!important;
    height:3px!important;
    margin-top:12px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    font-size:15px!important;
    line-height:1.42!important;
    max-width:250px!important;
    margin-top:0!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-6px!important;
    position:relative!important;
    z-index:3!important;
  }
}


/* v0.2.111AF — Contact mobile final gap collapse */
@media(max-width:640px){
  /* Keep the approved hero image rules from 111AE intact; adjust only mobile copy placement and downstream rhythm. */
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    top:20px!important;
    padding:0 18px!important;
    max-width:305px!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-132px!important;
    position:relative!important;
    z-index:3!important;
  }
}


/* v0.2.111AG — Contact mobile hero image reframe + card lift */
@media(max-width:640px){
  /* Keep the approved copy placement; reframe and lightly brighten only the mobile hero art. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:360px!important;
    background-size:136% auto!important;
    background-repeat:no-repeat!important;
    background-position:right top!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.06) 100%),
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.50) 63%,rgba(0,0,0,.94) 100%),
      var(--vhb-contact-hero)!important;
  }
  #vhb-app .vhb-contact-hero:after,
  body .vhb-contact-hero:after{
    background:linear-gradient(180deg,rgba(5,6,8,0) 0%,rgba(5,6,8,.08) 38%,rgba(5,6,8,.50) 68%,rgba(5,6,8,.90) 100%)!important;
  }
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    top:20px!important;
    max-width:305px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    max-width:265px!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-205px!important;
    position:relative!important;
    z-index:3!important;
  }
}


/* v0.2.111AH — Contact mobile mockup-matched final tuning */
@media(max-width:640px){
  /* Slightly zoom back in from 111AG while keeping the basketball visible and the brighter mobile hero feel. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    min-height:360px!important;
    background-size:144% auto!important;
    background-repeat:no-repeat!important;
    background-position:right top!important;
    background-color:#050506!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.06) 100%),
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.50) 63%,rgba(0,0,0,.94) 100%),
      var(--vhb-contact-hero)!important;
  }
  #vhb-app .vhb-contact-hero:after,
  body .vhb-contact-hero:after{
    background:linear-gradient(180deg,rgba(5,6,8,0) 0%,rgba(5,6,8,.08) 38%,rgba(5,6,8,.50) 68%,rgba(5,6,8,.90) 100%)!important;
  }
  /* Bring intro copy back up while keeping text safely left of the basketball. */
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    top:10px!important;
    max-width:292px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    max-width:248px!important;
  }
  /* Let the form sit just under the hero instead of touching the copy. */
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-178px!important;
    position:relative!important;
    z-index:3!important;
  }
}


/* v0.2.111AI — Contact mobile final art-position lock */
@media(max-width:640px){
  /* Baseline 111AH: keep title/subtitle/form placement; shift hero artwork right to remove exposed black edge and create ball/text breathing room. */
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    background-size:144% auto!important;
    background-position:calc(100% + 44px) top!important;
    background-repeat:no-repeat!important;
  }
  #vhb-app .vhb-contact-hero-copy,
  body .vhb-contact-hero-copy{
    top:10px!important;
    max-width:292px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #vhb-app .vhb-contact-hero p,
  body .vhb-contact-hero p{
    max-width:248px!important;
  }
  #vhb-app .vhb-contact-grid,
  body .vhb-contact-grid{
    margin-top:-178px!important;
  }
}


/* v0.2.111AM — accessibility hotfix: allow browser pinch-zoom on touch devices. */
html, body, .vhb-app, .vhb-site-header{
  -ms-touch-action:pan-y pinch-zoom!important;
  touch-action:pan-y pinch-zoom!important;
}


/* v0.2.111AU — touch pinch-zoom hardening outside the splash page. */
@media (hover:none) and (pointer:coarse){
  html, body{
    touch-action:auto!important;
    -ms-touch-action:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .vhb-app, .vhb-app *{
    touch-action:auto;
    -ms-touch-action:auto;
  }
}
html.vhb-touch-zooming, html.vhb-touch-zooming body{
  overflow:auto!important;
  height:auto!important;
  position:static!important;
  touch-action:auto!important;
}

/* v0.2.111AV — tablet/iPad pinch-zoom repaint recovery.
   Keep normal layouts untouched at rest, but when Safari/iPadOS is actively
   pinch-zooming or has just ended a zoom gesture, release fixed-height/hidden
   tablet wrappers and composited layers that can freeze partial paints. */
html.vhb-tablet-touch-zooming,
html.vhb-tablet-touch-zooming body,
html.vhb-tablet-zoom-recovering,
html.vhb-tablet-zoom-recovering body{
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:auto!important;
}
html.vhb-tablet-touch-zooming .vhb-app,
html.vhb-tablet-touch-zooming .vhb-shell,
html.vhb-tablet-touch-zooming .vhb-main,
html.vhb-tablet-touch-zooming .vhb-site-header,
html.vhb-tablet-touch-zooming .vhb-splash-stage,
html.vhb-tablet-touch-zooming .vhb-splash-shell,
html.vhb-tablet-zoom-recovering .vhb-app,
html.vhb-tablet-zoom-recovering .vhb-shell,
html.vhb-tablet-zoom-recovering .vhb-main,
html.vhb-tablet-zoom-recovering .vhb-site-header,
html.vhb-tablet-zoom-recovering .vhb-splash-stage,
html.vhb-tablet-zoom-recovering .vhb-splash-shell{
  contain:none!important;
  transform:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  perspective:none!important;
}
html.vhb-tablet-touch-zooming.vhb-tablet-splash .vhb-splash-stage,
html.vhb-tablet-zoom-recovering.vhb-tablet-splash .vhb-splash-stage{
  height:auto!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  padding:clamp(10px,1.8vw,18px)!important;
}
html.vhb-tablet-touch-zooming.vhb-tablet-splash .vhb-splash-shell,
html.vhb-tablet-zoom-recovering.vhb-tablet-splash .vhb-splash-shell{
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
html.vhb-tablet-touch-zooming .vhb-site-header,
html.vhb-tablet-zoom-recovering .vhb-site-header{
  position:relative!important;
  top:auto!important;
}


/* v0.2.111AW — iPad/tablet post-zoom repaint hardening.
   These classes are toggled briefly by JS after tablet pinch gestures. They do
   not alter the resting design; they only release Safari compositing traps long
   enough for the page to repaint after aggressive zoom-out. */
@media (hover:none) and (pointer:coarse){
  html.vhb-ipad-zoom-recovering,
  html.vhb-ipad-zoom-recovering body,
  html.vhb-ipad-repaint-pass,
  html.vhb-ipad-repaint-pass body,
  html.vhb-ipad-repaint-strong,
  html.vhb-ipad-repaint-strong body{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
  }
  html.vhb-ipad-zoom-recovering .vhb-app,
  html.vhb-ipad-zoom-recovering .vhb-shell,
  html.vhb-ipad-zoom-recovering .vhb-main,
  html.vhb-ipad-zoom-recovering .vhb-site-header,
  html.vhb-ipad-zoom-recovering .vhb-splash-stage,
  html.vhb-ipad-zoom-recovering .vhb-splash-shell,
  html.vhb-ipad-zoom-recovering .vhb-home-shell,
  html.vhb-ipad-zoom-recovering .vhb-board-shell,
  html.vhb-ipad-repaint-pass .vhb-app,
  html.vhb-ipad-repaint-pass .vhb-shell,
  html.vhb-ipad-repaint-pass .vhb-main,
  html.vhb-ipad-repaint-pass .vhb-site-header,
  html.vhb-ipad-repaint-pass .vhb-splash-stage,
  html.vhb-ipad-repaint-pass .vhb-splash-shell,
  html.vhb-ipad-repaint-pass .vhb-home-shell,
  html.vhb-ipad-repaint-pass .vhb-board-shell,
  html.vhb-ipad-repaint-strong .vhb-app,
  html.vhb-ipad-repaint-strong .vhb-shell,
  html.vhb-ipad-repaint-strong .vhb-main,
  html.vhb-ipad-repaint-strong .vhb-site-header,
  html.vhb-ipad-repaint-strong .vhb-splash-stage,
  html.vhb-ipad-repaint-strong .vhb-splash-shell,
  html.vhb-ipad-repaint-strong .vhb-home-shell,
  html.vhb-ipad-repaint-strong .vhb-board-shell{
    contain:none!important;
    content-visibility:visible!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    perspective:none!important;
    -webkit-perspective:none!important;
  }
}


/* v0.2.111AX — iPad/tablet pinch-zoom compositor neutralizer experiment.
   AW proved staged repaint nudges alone were not enough on iPadOS Safari.
   While a tablet pinch is active, and briefly after it ends, temporarily release
   heavy compositor triggers on Vol Hoops wrappers so Safari can re-tile/repaint
   normally. Resting layout is untouched. Phone behavior is intentionally left to
   the working 111AU/AV path. */
@media (hover:none) and (pointer:coarse){
  html.vhb-ipad-zoom-decomposite,
  html.vhb-ipad-zoom-decomposite body{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow:auto!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
  }

  html.vhb-ipad-zoom-decomposite .vhb-app,
  html.vhb-ipad-zoom-decomposite .vhb-shell,
  html.vhb-ipad-zoom-decomposite .vhb-main,
  html.vhb-ipad-zoom-decomposite .vhb-home-shell,
  html.vhb-ipad-zoom-decomposite .vhb-board-shell,
  html.vhb-ipad-zoom-decomposite .vhb-contact-shell,
  html.vhb-ipad-zoom-decomposite .vhb-splash-stage,
  html.vhb-ipad-zoom-decomposite .vhb-splash-shell,
  html.vhb-ipad-zoom-decomposite .vhb-site-header,
  html.vhb-ipad-zoom-decomposite .vhb-page,
  html.vhb-ipad-zoom-decomposite .vhb-layout,
  html.vhb-ipad-zoom-decomposite .vhb-content,
  html.vhb-ipad-zoom-decomposite .vhb-sidebar,
  html.vhb-ipad-zoom-decomposite .vhb-card,
  html.vhb-ipad-zoom-decomposite .vhb-widget,
  html.vhb-ipad-zoom-decomposite .vhb-mobile-splash,
  html.vhb-ipad-zoom-decomposite .vhb-splash-mobile,
  html.vhb-ipad-zoom-decomposite [class*="vhb-splash"],
  html.vhb-ipad-zoom-decomposite [class*="vhb-home"],
  html.vhb-ipad-zoom-decomposite [class*="vhb-board"]{
    contain:none!important;
    content-visibility:visible!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    perspective:none!important;
    -webkit-perspective:none!important;
  }

  html.vhb-ipad-zoom-decomposite .vhb-site-header,
  html.vhb-ipad-zoom-decomposite [style*="position: fixed"],
  html.vhb-ipad-zoom-decomposite [style*="position:fixed"]{
    position:relative!important;
    top:auto!important;
  }

  html.vhb-ipad-zoom-decomposite.vhb-tablet-splash .vhb-splash-stage,
  html.vhb-ipad-zoom-decomposite.vhb-tablet-splash .vhb-splash-shell{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v0.2.111BA: Founding Member badge icon polish — crisp inline SVG Vol Flame */
.vhb-founding-member-pill{
  border-color:rgba(255,122,0,.72)!important;
  background:linear-gradient(180deg,rgba(255,122,0,.13),rgba(0,0,0,.34))!important;
  color:#ffb15c!important;
  box-shadow:0 0 0 1px rgba(255,122,0,.10),0 0 18px rgba(255,122,0,.12)!important;
  text-transform:uppercase!important;
  letter-spacing:.075em!important;
  font-weight:950!important;
}
.vhb-vol-flame{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:18px!important;
  height:20px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  line-height:1!important;
}
.vhb-vol-flame-svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  filter:drop-shadow(0 0 5px rgba(255,122,0,.45));
}
.vhb-vol-flame-shape{stroke:rgba(255,190,105,.72);stroke-width:1.25;}
.vhb-vol-flame-inner{display:block;}
.vhb-vol-flame span{display:none!important;}
.vhb-achievement.vhb-achievement-founding{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.vhb-achievement.vhb-achievement-founding .vhb-vol-flame{width:16px!important;height:18px!important;}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:46px!important;
  padding:8px 19px!important;
  border:1px solid rgba(255,122,0,.76)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,122,0,.15),rgba(0,0,0,.42))!important;
  color:#ffb15c!important;
  font-size:17px!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  box-shadow:0 0 0 1px rgba(255,122,0,.12),0 0 22px rgba(255,122,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  white-space:nowrap!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding .vhb-vol-flame{
  width:30px!important;
  height:34px!important;
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding .vhb-vol-flame-svg{
  filter:drop-shadow(0 0 8px rgba(255,122,0,.58));
}
.vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding .vhb-badge-label{transform:translateY(1px)!important;}
.vhb-identity-badge:not(.vhb-identity-badge-founding){
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,122,0,.38)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.34)!important;
  padding:7px 10px!important;
  color:#ffd09a!important;
  font-size:12px!important;
  font-weight:850!important;
}
@media(max-width:620px){
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding{
    min-height:40px!important;
    padding:7px 15px!important;
    font-size:14px!important;
    gap:8px!important;
    letter-spacing:.075em!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badge-founding .vhb-vol-flame{
    width:26px!important;
    height:29px!important;
  }
}


/* v0.2.111BJ: Home Card image clarity polish.
   Remove visitor-facing dark shading overlays from Home Card images and remove
   the matching admin crop-preview overlay so images display at natural brightness. */
.vhb-home-content-prototype .vhb-home-story-card > i,
.vhb-home-content-prototype .vhb-home-story-card i{
  background-blend-mode:normal!important;
}
.vhb-home-content-prototype .vhb-home-story-card > i::before,
.vhb-home-content-prototype .vhb-home-story-card > i::after,
.vhb-home-content-prototype .vhb-home-story-card::before,
.vhb-home-content-prototype .vhb-home-story-card::after,
.vhb-home-content-prototype .vhb-home-card-overlay,
.vhb-home-content-prototype .vhb-card-overlay{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* v0.2.111CC performance health: keep lazy Home Card backgrounds visually stable while delayed assets load. */
.vhb-home-story-card > i[data-vhb-bg]{background-color:#111318;}
.vhb-home-story-card > i.vhb-bg-loaded{transition:opacity .18s ease, filter .18s ease;}


/* v0.2.111CF — Home Card Image Treatment controls + visitor rendering.
   Defaults remain transparent. A saved treatment opt-in can add either a full
   soft overlay or a text-only backdrop, both driven by per-card strength vars. */
.vhb-admin-home-form-v2 .vhb-image-treatment-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,.55fr)!important;
  gap:12px!important;
  align-items:end!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:#08090b!important;
  margin:10px 0 12px!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel strong{display:block!important;color:#fff!important;font-size:13px!important;letter-spacing:.02em!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel p{margin:3px 0 0!important;color:#9da6b5!important;font-size:12px!important;line-height:1.25!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel label{margin:0!important;color:#ff8a18!important;font-size:12px!important;font-weight:800!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel label>span{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-bottom:5px!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel select{width:100%!important;min-height:34px!important;background:#050608!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel input[type=range]{width:100%!important;accent-color:#ff8200!important;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel .vhb-treatment-control{display:flex;flex-direction:column;grid-column:1 / -1;}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel .vhb-range-value{font-style:normal!important;color:#f5f6f8!important;font-weight:900!important;}
.vhb-admin-home-form-v2 .vhb-crop-box.vhb-treatment-full-overlay::before,
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-full-overlay::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  z-index:2!important;
  opacity:var(--vhb-card-overlay-strength,.35)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box.vhb-treatment-text-backdrop .vhb-crop-card-preview::before,
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-text-backdrop .vhb-card-content-zones::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:62%!important;
  display:block!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:var(--vhb-card-backdrop-strength,.45)!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.56) 42%,rgba(0,0,0,.86) 100%)!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box.vhb-treatment-text-backdrop .vhb-crop-card-preview,
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-text-backdrop .vhb-card-content-zones{
  position:absolute!important;
  isolation:isolate!important;
}
.vhb-admin-home-form-v2 .vhb-crop-box.vhb-treatment-full-overlay .vhb-crop-card-preview{z-index:5!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-full-overlay .vhb-card-content-zones{z-index:5!important;}
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-none::before,
.vhb-home-content-prototype .vhb-home-story-card.vhb-treatment-none::after{opacity:0!important;background:none!important;}
@media(max-width:900px){
  .vhb-admin-home-form-v2 .vhb-image-treatment-panel{grid-template-columns:1fr!important;}
}

/* v0.2.111CF — Home Card Image Treatment refinement.
   Keep the editor one-column, place image-treatment controls beside the crop workflow,
   and force the mode select to match the Vol Hoops dark editor chrome. */
.vhb-admin-home-form-v2 .vhb-crop-panel + .vhb-image-treatment-panel{
  margin-top:-2px!important;
  margin-bottom:14px!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel{
  background:linear-gradient(180deg,rgba(12,14,18,.98),rgba(5,6,8,.98))!important;
  border-color:rgba(255,130,0,.35)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel select.vhb-image-treatment-select{
  -webkit-appearance:none!important;
  appearance:none!important;
  color-scheme:dark!important;
  width:100%!important;
  min-height:38px!important;
  padding:8px 38px 8px 12px!important;
  background-color:#07090c!important;
  background-image:linear-gradient(45deg,transparent 50%,#ff8a18 50%),linear-gradient(135deg,#ff8a18 50%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0))!important;
  background-position:calc(100% - 18px) 16px,calc(100% - 12px) 16px,0 0!important;
  background-size:6px 6px,6px 6px,100% 100%!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,130,0,.55)!important;
  border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.45)!important;
  font-weight:800!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel select.vhb-image-treatment-select:focus{
  outline:none!important;
  border-color:#ff8a18!important;
  box-shadow:0 0 0 2px rgba(255,130,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel select.vhb-image-treatment-select option{
  background:#07090c!important;
  color:#fff!important;
}
.vhb-admin-home-form-v2 .vhb-image-treatment-panel .vhb-treatment-control input[type=range]{
  cursor:pointer!important;
}

/* v0.2.112A — Mobile Compact Header Phase 1A. Mobile only; desktop/tablet header remains on legacy markup. */
.vhb-mobile-compact-header,.vhb-compact-menu{display:none!important;}
.vhb-desktop-header-inner{display:contents!important;}
@media(max-width:680px){
  .vhb-site-header{
    display:block!important;
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    min-height:58px!important;
    height:auto!important;
    padding:0!important;
    margin:0 0 12px!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    background:rgba(3,5,9,.96)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
    overflow:visible!important;
    contain:none!important;
  }
  .vhb-desktop-header-inner{display:none!important;}
  .vhb-mobile-compact-header{
    display:grid!important;
    grid-template-columns:minmax(68px,1fr) auto minmax(68px,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 14px!important;
    gap:10px!important;
    background:linear-gradient(180deg,rgba(9,11,15,.98),rgba(2,3,6,.98))!important;
  }
  .vhb-mobile-compact-header[data-vhb-compact-home="0"]{grid-template-columns:auto 1fr auto!important;}
  .vhb-compact-logo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    text-decoration:none!important;
    line-height:1!important;
  }
  .vhb-compact-logo img{display:block!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 5px 14px rgba(0,0,0,.52))!important;}
  .vhb-compact-home-wordmark{grid-column:2!important;justify-self:center!important;}
  .vhb-compact-home-wordmark img{width:min(176px,46vw)!important;max-width:176px!important;min-width:0!important;transform:none!important;}
  .vhb-compact-vh-mark{grid-column:1!important;justify-self:start!important;}
  .vhb-compact-vh-mark img{width:55px!important;max-width:55px!important;min-width:0!important;transform:none!important;}
  .vhb-compact-actions{
    grid-column:3!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .vhb-mobile-compact-header[data-vhb-compact-home="0"] .vhb-compact-actions{grid-column:3!important;}
  .vhb-compact-icon{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#fff!important;
    padding:0!important;
    margin:0!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .vhb-compact-icon:focus-visible{outline:2px solid rgba(255,130,0,.85)!important;outline-offset:2px!important;}
  .vhb-compact-bell[aria-disabled="true"]{opacity:.72!important;cursor:default!important;}
  .vhb-compact-bell svg{width:22px!important;height:22px!important;display:block!important;}
  .vhb-menu-bars{display:grid!important;gap:5px!important;width:24px!important;}
  .vhb-menu-bars i{display:block!important;height:2.5px!important;border-radius:99px!important;background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.28)!important;}
  .vhb-compact-menu-toggle.is-open .vhb-menu-bars i:nth-child(1){transform:translateY(7.5px) rotate(45deg)!important;}
  .vhb-compact-menu-toggle.is-open .vhb-menu-bars i:nth-child(2){opacity:0!important;}
  .vhb-compact-menu-toggle.is-open .vhb-menu-bars i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)!important;}
  .vhb-menu-bars i{transition:transform .18s ease,opacity .18s ease!important;}
  .vhb-compact-menu{
    display:block!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:calc(100% + 8px)!important;
    z-index:10000!important;
    padding:8px!important;
    border:1px solid rgba(255,130,0,.32)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(17,19,24,.98),rgba(6,7,10,.98))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .vhb-compact-menu[hidden]{display:none!important;}
  .vhb-compact-menu-item,
  .vhb-compact-menu-details summary,
  .vhb-compact-submenu a{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:46px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#f6f7fb!important;
    text-decoration:none!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
  }
  .vhb-compact-menu-item:hover,.vhb-compact-menu-item:focus-visible,
  .vhb-compact-menu-details summary:hover,.vhb-compact-menu-details summary:focus-visible,
  .vhb-compact-submenu a:hover,.vhb-compact-submenu a:focus-visible{
    background:rgba(255,130,0,.12)!important;
    color:#ffb15c!important;
    outline:none!important;
  }
  .vhb-compact-menu-details{margin:0!important;padding:0!important;}
  .vhb-compact-menu-details summary{list-style:none!important;}
  .vhb-compact-menu-details summary::-webkit-details-marker{display:none!important;}
  .vhb-compact-menu-details[open] summary b{transform:rotate(180deg)!important;}
  .vhb-compact-menu-details summary b{transition:transform .18s ease!important;color:#ff8a18!important;}
  .vhb-compact-submenu{
    display:grid!important;
    gap:2px!important;
    margin:2px 0 8px 12px!important;
    padding-left:10px!important;
    border-left:1px solid rgba(255,130,0,.32)!important;
  }
  .vhb-compact-submenu a{
    min-height:38px!important;
    font-size:12px!important;
    font-weight:820!important;
    letter-spacing:.04em!important;
    color:#c8ced8!important;
    text-transform:none!important;
    justify-content:flex-start!important;
  }
  .vhb-compact-menu-form{margin:6px 0 0!important;padding:6px 0 0!important;border-top:1px solid rgba(255,255,255,.10)!important;}
  .vhb-compact-auth-item{color:#ffb15c!important;}
  .vhb-left-archives-card.vhb-home-only-widget{display:none!important;}
}


/* v0.2.112B — Compact Header polish: fixed mobile stickiness, home avatar, optical logo/icon balance, outline bell. */
@media(max-width:680px){
  .vhb-app{padding-top:76px!important;}
  .admin-bar .vhb-app{padding-top:122px!important;}
  .vhb-site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:100000!important;
    margin:0!important;
    border-radius:0!important;
    transform:translateZ(0)!important;
  }
  .admin-bar .vhb-site-header{top:46px!important;}
  .vhb-mobile-compact-header{
    grid-template-columns:minmax(44px,1fr) auto minmax(88px,1fr)!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 13px!important;
    gap:8px!important;
  }
  .vhb-mobile-compact-header[data-vhb-compact-home="0"]{
    grid-template-columns:auto 1fr auto!important;
  }
  .vhb-compact-home-avatar{
    appearance:none!important;
    -webkit-appearance:none!important;
    grid-column:1!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    border:1.5px solid rgba(255,130,0,.58)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:0 0 0 2px rgba(0,0,0,.35),0 7px 18px rgba(0,0,0,.38)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .vhb-compact-home-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:999px!important;
  }
  .vhb-compact-home-avatar:focus-visible{outline:2px solid rgba(255,130,0,.85)!important;outline-offset:3px!important;}
  .vhb-compact-home-wordmark img{
    width:min(166px,43vw)!important;
    max-width:166px!important;
  }
  .vhb-compact-vh-mark img{
    width:38px!important;
    max-width:38px!important;
  }
  .vhb-compact-actions{gap:6px!important;}
  .vhb-compact-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }
  .vhb-compact-bell{opacity:.86!important;}
  .vhb-compact-bell svg{
    width:24px!important;
    height:24px!important;
    stroke:currentColor!important;
    fill:none!important;
  }
  .vhb-menu-bars{width:24px!important;gap:5px!important;}
  .vhb-menu-bars i{height:2.15px!important;}
  .vhb-compact-menu{
    position:fixed!important;
    top:64px!important;
    left:10px!important;
    right:10px!important;
    z-index:100001!important;
  }
  .admin-bar .vhb-compact-menu{top:110px!important;}
}


/* v0.2.112C — Compact Header route fix, mobile profile overlay scroll, mobile Archives widget removal. */
@media(max-width:680px){
  /* Mobile Archives now lives in the hamburger submenu; keep the sidebar widget off mobile. */
  .vhb-left-archives-card,
  .vhb-left-archives-card.vhb-home-only-widget,
  .vhb-archives-widget{
    display:none!important;
  }

  /* Profile modal launched from compact header/hamburger must scroll to its true top and bottom. */
  .vhb-profile-modal{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    place-items:initial!important;
    align-items:initial!important;
    justify-items:initial!important;
    padding:calc(72px + env(safe-area-inset-top,0px)) 11px calc(30px + env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
  }
  .vhb-profile-modal[hidden]{display:none!important;}
  .vhb-profile-backdrop{
    position:fixed!important;
    inset:0!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal,
  .vhb-profile-card-modal{
    position:relative!important;
    z-index:1!important;
    width:calc(100vw - 22px)!important;
    max-width:560px!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  .admin-bar .vhb-profile-modal{
    padding-top:calc(118px + env(safe-area-inset-top,0px))!important;
  }
}


/* v0.2.112D — Compact Header refinement + profile and Insider card fixes. */
@media(max-width:680px){
  /* The fixed compact header should occupy only the visible header bar, not a tall black sheet. */
  .vhb-site-header{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .vhb-mobile-compact-header{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    grid-template-columns:minmax(44px,1fr) auto minmax(88px,1fr)!important;
  }
  .vhb-mobile-compact-header[data-vhb-compact-home="0"]{
    grid-template-columns:minmax(44px,1fr) auto minmax(88px,1fr)!important;
  }
  .vhb-compact-home-avatar{grid-column:1!important;justify-self:start!important;}
  .vhb-compact-home-wordmark,
  .vhb-compact-vh-mark{grid-column:2!important;justify-self:center!important;}
  .vhb-compact-vh-mark img{width:40px!important;max-width:40px!important;}
  .vhb-compact-actions{grid-column:3!important;justify-self:end!important;}
  .vhb-app{padding-top:68px!important;}
  .admin-bar .vhb-app{padding-top:114px!important;}

  /* Keep 112C's full modal scrolling, but open the profile card at the true top. */
  .vhb-profile-modal{
    padding:calc(12px + env(safe-area-inset-top,0px)) 11px calc(30px + env(safe-area-inset-bottom,0px))!important;
    align-items:flex-start!important;
    justify-items:center!important;
    place-items:initial!important;
    scroll-padding-top:0!important;
  }
  .admin-bar .vhb-profile-modal{
    padding-top:calc(58px + env(safe-area-inset-top,0px))!important;
  }
  .vhb-profile-card-modal.vhb-identity-card-modal,
  .vhb-profile-card-modal{
    margin:0 auto!important;
  }
}

/* Pull bottom-position Home Card copy safely inside the card after image-treatment layering.
   Applies broadly to the zone system while especially protecting The Insider card on desktop/tablet/mobile. */
.vhb-home-content-prototype .vhb-home-story-card{
  box-sizing:border-box!important;
}
.vhb-home-content-prototype .vhb-card-content-zones{
  box-sizing:border-box!important;
  min-height:0!important;
}
.vhb-home-content-prototype .vhb-home-story-card.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones,
.vhb-home-content-prototype .vhb-home-card-insider.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:18px!important;
  bottom:18px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:visible!important;
}
.vhb-home-content-prototype .vhb-home-card-insider.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
  padding-bottom:0!important;
  transform:none!important;
}
.vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
.vhb-home-content-prototype .vhb-home-card-insider .vhb-card-excerpt{
  max-width:100%!important;
}
@media(max-width:760px){
  .vhb-home-content-prototype .vhb-home-story-card.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones,
  .vhb-home-content-prototype .vhb-home-card-insider.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    left:16px!important;
    right:16px!important;
    top:16px!important;
    bottom:16px!important;
  }
}


/* v0.2.112E — Surgical follow-up: true compact mobile header footprint, top-docked profile overlay, and desktop/tablet small-card bottom restore. */
@media(max-width:680px){
  /* Kill the remaining old-header spacer/mask footprint while keeping the visible compact row fixed. */
  html body #vhb-app.vhb-app,
  body.vhb-mobile-shell-trim #vhb-app,
  body.vhb-mobile-shell-trim #vhb-app.vhb-app{
    padding-top:56px!important;
    margin-top:0!important;
  }
  html body #vhb-app > .vhb-shell,
  html body .vhb-app > .vhb-shell{
    padding-top:0!important;
    margin-top:0!important;
  }
  html body #vhb-app .vhb-site-header,
  html body .vhb-app .vhb-site-header,
  #vhb-app .vhb-site-header.vhb-site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    background:#000!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08)!important;
    overflow:visible!important;
    contain:none!important;
    z-index:100000!important;
  }
  .admin-bar #vhb-app .vhb-site-header,
  .admin-bar .vhb-app .vhb-site-header{top:46px!important;}
  html body #vhb-app .vhb-site-header::before,
  html body .vhb-app .vhb-site-header::before{
    content:none!important;
    display:none!important;
    height:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body #vhb-app .vhb-mobile-compact-header,
  html body .vhb-app .vhb-mobile-compact-header{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0 13px!important;
    margin:0!important;
    align-items:center!important;
    align-content:center!important;
    background:linear-gradient(180deg,rgba(9,11,15,.98),rgba(2,3,6,.98))!important;
  }
  html body #vhb-app .vhb-site-header + .vhb-home-v2-layout,
  html body #vhb-app .vhb-site-header + .vhb-board-directory-layout,
  html body #vhb-app .vhb-site-header + .vhb-board-view-layout,
  html body #vhb-app .vhb-site-header + .vhb-thread-layout,
  html body #vhb-app .vhb-site-header + .vhb-main,
  html body #vhb-app .vhb-site-header + .vhb-hero,
  html body #vhb-app .vhb-site-header + .vhb-section-head{
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Profile overlay: fixed to real viewport, opens from the true top, still scrolls fully. */
  html body .vhb-profile-modal,
  html body #vhb-app .vhb-profile-modal{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 11px calc(34px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    box-sizing:border-box!important;
    align-items:flex-start!important;
    justify-items:center!important;
    place-items:initial!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:200000!important;
  }
  html body .vhb-profile-modal[hidden],
  html body #vhb-app .vhb-profile-modal[hidden]{display:none!important;}
  html body .vhb-profile-card-modal.vhb-identity-card-modal,
  html body #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal{
    margin:0 auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
  }
}

/* Desktop/tablet only: undo 112D's broad bottom-position lift on the small Home Cards.
   Keep the Insider/large-card protection intact and leave mobile untouched. */
@media(min-width:761px){
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    padding-bottom:var(--vhb-small-card-bottom-safe,15px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:visible!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-zone-bottom{
    padding-bottom:var(--vhb-small-card-bottom-safe,15px)!important;
    transform:none!important;
    align-self:end!important;
    justify-content:flex-end!important;
  }
  .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-story-card-large):not(.vhb-home-card-insider).vhb-treatment-text-backdrop.vhb-titlepos-bottom.vhb-excerptpos-bottom .vhb-card-content-zones::before{
    left:0!important;
    right:0!important;
    bottom:0!important;
  }
}

/* v0.2.112F — Mobile header final docking, scoreboard removal, and profile overlay true-top mount. */
@media(max-width:900px){
  /* Scoreboard ticker is paused for launch/mobile overhaul. */
  .vhb-mobile-score-ticker,
  #vhb-app .vhb-mobile-score-ticker,
  body .vhb-mobile-score-ticker{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* When JS hoists the compact header to body, pin it to the real viewport top
     and remove any old-header mask/pseudo-element that can create a black gap. */
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    background:#000!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08)!important;
    transform:none!important;
    z-index:2147483000!important;
  }
  body.vhb-compact-header-hoisted .vhb-site-header::before,
  body.vhb-compact-header-hoisted .vhb-site-header::after,
  html body .vhb-site-header.vhb-compact-header-hoisted-node::before,
  html body .vhb-site-header.vhb-compact-header-hoisted-node::after{
    content:none!important;
    display:none!important;
    height:0!important;
    width:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  body.vhb-compact-header-hoisted .vhb-app,
  body.vhb-compact-header-hoisted #vhb-app.vhb-app{
    padding-top:56px!important;
    margin-top:0!important;
  }
  body.vhb-compact-header-hoisted .vhb-shell,
  body.vhb-compact-header-hoisted #vhb-app > .vhb-shell{
    padding-top:0!important;
    margin-top:0!important;
  }

  /* Profile modal: force a true top-origin panel when launched from compact menu/avatar. */
  html body .vhb-profile-modal.vhb-profile-force-top,
  html body #vhb-app .vhb-profile-modal.vhb-profile-force-top,
  html body .vhb-profile-modal.vhb-profile-force-top[style]{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    display:block!important;
    padding:8px 11px calc(34px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-items:flex-start!important;
    justify-items:center!important;
    place-items:initial!important;
    transform:none!important;
    box-sizing:border-box!important;
    z-index:2147483001!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  html body .vhb-profile-modal.vhb-profile-force-top[hidden]{display:none!important;}
  html body .vhb-profile-modal.vhb-profile-force-top .vhb-profile-card-modal,
  html body .vhb-profile-modal.vhb-profile-force-top .vhb-profile-card-modal.vhb-identity-card-modal{
    margin:0 auto!important;
    transform:none!important;
    top:auto!important;
    position:relative!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v0.2.112G — Mobile nightcap: Countdown under compact header, safe content offset, and avatar-label cleanup. */
.vhb-mobile-home-countdown{display:none;}
@media(max-width:680px){
  body.vhb-compact-header-hoisted .vhb-app,
  body.vhb-compact-header-hoisted #vhb-app.vhb-app,
  html body #vhb-app.vhb-app,
  body.vhb-mobile-shell-trim #vhb-app,
  body.vhb-mobile-shell-trim #vhb-app.vhb-app{
    padding-top:calc(56px + env(safe-area-inset-top,0px) + 10px)!important;
  }
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    top:env(safe-area-inset-top,0px)!important;
  }
  .vhb-mobile-home-countdown{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:10px 12px 12px!important;
    margin:0!important;
    background:#000!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-widget{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    border-radius:18px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-stage{
    padding:14px 12px 14px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-matchup{
    padding-top:12px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-hero{
    margin-bottom:12px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-grid{
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-grid div{
    min-height:70px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-grid strong{
    font-size:clamp(28px,9vw,40px)!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-first-game{
    justify-content:center!important;
  }
  .vhb-profile-avatar-drawer summary{
    color:#ffb15c!important;
  }
}


/* v0.2.112H — Mobile Countdown clearance: keep the nightcap widget fully below the fixed compact header. */
@media(max-width:680px){
  html body .vhb-mobile-home-countdown,
  html body #vhb-app .vhb-mobile-home-countdown,
  body.vhb-compact-header-hoisted .vhb-mobile-home-countdown{
    margin-top:18px!important;
    padding-top:10px!important;
  }
}


/* v0.2.112I — Mobile Countdown true clearance: move the Countdown card itself below the fixed compact header. */
@media(max-width:680px){
  html body .vhb-mobile-home-countdown,
  html body #vhb-app .vhb-mobile-home-countdown,
  body.vhb-compact-header-hoisted .vhb-mobile-home-countdown{
    margin-top:0!important;
    padding-top:12px!important;
  }
  html body .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  body.vhb-compact-header-hoisted .vhb-mobile-home-countdown .vhb-countdown-widget{
    margin-top:calc(56px + env(safe-area-inset-top,0px) + 16px)!important;
  }
}


/* v0.2.112J — Mobile Compact Header logo swap: preserve prior rendered compact mark height with the new orange V asset. */
@media(max-width:680px){
  html body #vhb-app .vhb-compact-vh-mark img,
  html body .vhb-app .vhb-compact-vh-mark img,
  .vhb-compact-vh-mark img{
    height:33px!important;
    width:auto!important;
    max-width:none!important;
  }
}


/* v0.2.112K — Global footer independent fan community disclaimer. */
.vhb-site-footer .vhb-footer-disclaimer{
  grid-column:1/-1!important;
  max-width:780px!important;
  margin:4px auto 0!important;
  padding:0 8px!important;
  color:rgba(174,181,193,.86)!important;
  font-size:13px!important;
  line-height:1.48!important;
  font-weight:650!important;
  text-align:center!important;
  letter-spacing:.005em!important;
}
.vhb-layout.vhb-home-v2-layout > .vhb-site-footer .vhb-footer-disclaimer{
  grid-column:1/-1!important;
}
@media(max-width:680px){
  .vhb-site-footer .vhb-footer-disclaimer{
    max-width:100%!important;
    margin-top:2px!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.45!important;
    text-align:left!important;
  }
}

/* v0.2.112N: Countdown background overlay is now admin-controlled.
   The image itself should render cleanly; the readability layer lives in ::after. */
body .vhb-countdown-widget{
  --vhb-countdown-overlay-strength:.20;
  background:var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030303!important;
}
body .vhb-countdown-widget:before{content:none!important;display:none!important;}
body .vhb-countdown-widget:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:rgba(0,0,0,var(--vhb-countdown-overlay-strength,.20))!important;
}
body .vhb-countdown-widget > *{position:relative!important;z-index:1!important;}
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget{
  background:var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030303!important;
}


/* v0.2.112O — Countdown admin live overlay preview + square-edged outer widget cleanup. */
body .vhb-countdown-widget,
body .vhb-mobile-home-countdown .vhb-countdown-widget,
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget,
body .vhb-widget-preview .vhb-countdown-widget{
  border-radius:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body .vhb-countdown-widget{
  background:var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030303!important;
}
@media(max-width:680px){
  body .vhb-mobile-home-countdown .vhb-countdown-widget{
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* v0.2.112P — Community Pulse engine and widget-management controls. */
.vhb-community-pulse-widget{border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16)}
.vhb-community-pulse-widget div{min-width:0}
.vhb-community-pulse-card{padding:0!important;overflow:hidden!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,130,0,.18)!important}
.vhb-left-rail .vhb-community-pulse-widget{margin:0!important;grid-template-columns:1fr!important;border:0!important;background:transparent!important}
.vhb-left-rail .vhb-community-pulse-widget div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;padding:13px 12px!important}
.vhb-left-rail .vhb-community-pulse-widget div:last-child{border-bottom:0!important}
@media(max-width:680px){.vhb-board-directory-pulse{display:grid!important;margin:0 12px 14px!important}}


/* v0.2.112Q — Community Pulse placement/toggle cleanup, hamburger Contact link, and countdown border test. */
body .vhb-board-directory-pulse{display:none!important;}
@media(max-width:680px){body .vhb-board-directory-pulse{display:grid!important;margin:0 12px 14px!important;}}
body .vhb-left-rail .vhb-community-pulse-left-slot{display:block!important;}
body .vhb-left-rail .vhb-community-pulse-card.vhb-home-only-widget,
body .vhb-left-rail .vhb-community-pulse-card .vhb-home-only-widget{display:block!important;}
body .vhb-countdown-widget,
body .vhb-mobile-home-countdown .vhb-countdown-widget,
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget,
body .vhb-widget-preview .vhb-countdown-widget{
  border:3px solid #e8e2d4!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* v0.2.112R — Cleanup pass: mobile CP hidden-state, CtT hairline, profile overlay fit, menu scroll lock, mobile top clearance. */
@media(max-width:680px){
  /* When Community Pulse is toggled off, do not leave a visible empty after-slot below the board directory cards. */
  body .vhb-board-directory-pulse:empty,
  body .vhb-board-directory-pulse:not(:has(*)){
    display:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    min-height:0!important;
    height:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body .vhb-board-directory-panel{
    min-height:0!important;
    padding-bottom:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body .vhb-board-directory-list{
    margin-bottom:0!important;
  }

  /* Fixed compact header clearance for mobile non-home/board/contact/article surfaces. */
  body.vhb-compact-header-hoisted .vhb-layout,
  body.vhb-compact-header-hoisted #vhb-app > .vhb-shell > .vhb-layout{
    padding-top:18px!important;
  }
  body.vhb-compact-header-hoisted .vhb-mobile-home-countdown + .vhb-layout{
    padding-top:0!important;
  }

  /* Hamburger menu should scroll internally; page behind should not move while menu is open. */
  body.vhb-compact-menu-open,
  html:has(body.vhb-compact-menu-open){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body .vhb-compact-menu{
    max-height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
  }
  .admin-bar body .vhb-compact-menu,
  body.admin-bar .vhb-compact-menu{
    max-height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px))!important;
  }
}

/* Countdown border: hairline warm off-white, not a thick frame. */
body .vhb-countdown-widget,
body .vhb-mobile-home-countdown .vhb-countdown-widget,
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget,
body .vhb-widget-preview .vhb-countdown-widget{
  border:1px solid rgba(232,226,212,.56)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Profile overlay: make desktop/tablet modal fill its available viewport more naturally. */
@media(min-width:681px){
  html body .vhb-profile-modal:not([hidden]){
    position:fixed!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    padding:24px!important;
    overflow:hidden!important;
    z-index:2147483001!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal{
    width:min(920px,calc(100vw - 72px))!important;
    max-width:920px!important;
    max-height:calc(100dvh - 58px)!important;
    min-height:min(720px,calc(100dvh - 58px))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:auto!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero{
    min-height:300px!important;
    padding:178px 34px 26px!important;
    flex:0 0 auto!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
    height:260px!important;
    background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(9,11,16,.88)),url('../img/branding/vhb-profile-arena-tba-112r.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    filter:none!important;
    opacity:.96!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-stats,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-avatar-drawer{
    flex:0 0 auto!important;
  }
}

/* Launch profile overlay is the profile for now; remove dead destination affordance if any legacy markup remains. */
.vhb-identity-full-profile{display:none!important;}

/* v0.2.112S — potpourri polish: correct compact avatar source, mobile home composition, contact offset, UP image crop. */
@media(max-width:680px){
  /* Contact page participates in the same fixed-header offset as other interior/mobile pages. */
  body.vhb-compact-header-hoisted .vhb-contact-shell,
  body.vhb-compact-header-hoisted #vhb-app .vhb-contact-shell,
  #vhb-app .vhb-contact-shell{
    padding-top:72px!important;
    box-sizing:border-box!important;
  }
  body.admin-bar.vhb-compact-header-hoisted .vhb-contact-shell,
  body.admin-bar #vhb-app .vhb-contact-shell{
    padding-top:118px!important;
  }

  /* Home mobile composition: after the countdown, lead with editorial/CTA/ad before community widgets. */
  body.home #vhb-app .vhb-board-directory-layout,
  body.home .vhb-board-directory-layout{
    display:flex!important;
    flex-direction:column!important;
  }
  body.home #vhb-app .vhb-board-directory-layout .vhb-main,
  body.home .vhb-board-directory-layout .vhb-main{
    order:1!important;
  }
  body.home #vhb-app .vhb-board-directory-layout .vhb-left-rail,
  body.home .vhb-board-directory-layout .vhb-left-rail{
    order:20!important;
  }
  body.home #vhb-app .vhb-board-directory-layout .vhb-right-rail,
  body.home .vhb-board-directory-layout .vhb-right-rail{
    order:30!important;
  }
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-home-content-grid,
  body.home .vhb-home-mode > .vhb-home-content-grid{
    display:contents!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-card-feature,
  body.home .vhb-home-mode .vhb-home-card-feature{
    order:1!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{
    order:2!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-banner-ad-primary,
  body.home .vhb-home-mode .vhb-home-banner-ad-primary{
    order:3!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-content-prototype > .vhb-home-story-card:not(.vhb-home-card-feature),
  body.home .vhb-home-mode .vhb-home-content-prototype > .vhb-home-story-card:not(.vhb-home-card-feature){
    order:4!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-lower-cluster,
  body.home .vhb-home-mode .vhb-home-lower-cluster{
    order:8!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-banner-ad-secondary,
  body.home .vhb-home-mode .vhb-home-banner-ad-secondary{
    order:9!important;
  }
  body.home #vhb-app .vhb-left-rail .vhb-online-card,
  body.home .vhb-left-rail .vhb-online-card{
    order:20!important;
  }
  body.home #vhb-app .vhb-left-rail .vhb-big-orange-art,
  body.home .vhb-left-rail .vhb-big-orange-art{
    order:21!important;
  }
}

/* Desktop/tablet profile overlay: fill the card width cleanly with the TBA header image instead of letterboxing. */
@media(min-width:681px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
    width:calc(100% + 68px)!important;
    margin:0 -34px 24px!important;
    height:260px!important;
    aspect-ratio:auto!important;
    background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.84)),url('../img/branding/vhb-profile-arena-tba-112r.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    border-radius:20px 20px 0 0!important;
  }
}

/* v0.2.112T — mobile composition and final localized cleanup. */
@media(max-width:680px){
  /* Remove the duplicate countdown that used to reappear in the lower/right-rail flow on Home. */
  body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget,
  body.home .vhb-right-rail > .vhb-countdown-widget{
    display:none!important;
  }

  /* Home Page order: CtT already sits first; then Board CTA, Top Feature, first ad, then the rest naturally. */
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{order:1!important;}
  body.home #vhb-app .vhb-home-mode .vhb-home-card-feature,
  body.home .vhb-home-mode .vhb-home-card-feature{order:2!important;}
  body.home #vhb-app .vhb-home-mode .vhb-home-banner-ad-primary,
  body.home .vhb-home-mode .vhb-home-banner-ad-primary{order:3!important;}

  /* Countdown should align with the same mobile card column as the Home Cards below it. */
  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    box-sizing:border-box!important;
    width:100%!important;
    padding:0 14px!important;
    margin:0 auto 16px!important;
  }
  body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* All Boards mobile composition: first sponsor/ad, then board directory, then community widgets/art. */
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout,
  body.vhb-board-mode-active .vhb-board-directory-layout,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active,
  .vhb-board-directory-layout.vhb-board-mode-active{
    display:flex!important;
    flex-direction:column!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-left-rail,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-left-rail,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-rail,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-rail{
    display:contents!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-left-rail .vhb-boards-map-card,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-left-rail .vhb-boards-map-card,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-rail .vhb-boards-map-card,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-rail .vhb-boards-map-card{
    display:none!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-left-sponsor,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-left-sponsor,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-sponsor,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-sponsor{
    order:1!important;
    margin:0 0 14px!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-main,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-main,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-main,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-main{order:2!important;}
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-online-card,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-online-card,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-online-card,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-online-card{order:3!important;margin-top:14px!important;}
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-top-contributors,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-top-contributors,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-top-contributors,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-top-contributors{order:4!important;}
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-big-orange-art,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-big-orange-art,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-big-orange-art,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-big-orange-art{order:5!important;}
}

/* Restore the softer rounded card treatment on the Countdown to Tipoff widget. */
body .vhb-countdown-widget,
body .vhb-mobile-home-countdown .vhb-countdown-widget,
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget,
body .vhb-widget-preview .vhb-countdown-widget{
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(232,226,212,.48)!important;
}
@media(max-width:680px){
  body .vhb-mobile-home-countdown .vhb-countdown-widget{border-radius:18px!important;}
}

/* Contact page: force the hero below the fixed compact header on mobile. */
@media(max-width:680px){
  #vhb-app > .vhb-shell.vhb-contact-shell,
  body #vhb-app .vhb-contact-shell,
  body .vhb-contact-shell{
    margin-top:104px!important;
    padding-top:0!important;
  }
  body.admin-bar #vhb-app > .vhb-shell.vhb-contact-shell,
  body.admin-bar #vhb-app .vhb-contact-shell,
  body.admin-bar .vhb-contact-shell{margin-top:146px!important;}
}

/* Desktop/tablet UP overlay: remove the top letterbox gap and make the TBA header image fill the banner region. */
@media(min-width:681px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero{
    padding:0 34px 26px!important;
    overflow:hidden!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
    position:relative!important;
    inset:auto!important;
    z-index:0!important;
    display:block!important;
    width:calc(100% + 68px)!important;
    height:280px!important;
    min-height:280px!important;
    aspect-ratio:auto!important;
    margin:0 -34px -52px!important;
    background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(9,11,16,.82)),url('../img/branding/vhb-profile-arena-tba-112r.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    border-radius:20px 20px 0 0!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar{
    margin-top:0!important;
  }
}

/* v0.2.112U — hard gremlin pass: CtT width/radius, Contact spacer, All Boards mobile title/ad, canonical UP image. */
@media(max-width:680px){
  /* Contact has its own page shell/header stack; use a real spacer after the compact header instead of fighting margins. */
  #vhb-app .vhb-mobile-contact-header-spacer,
  body .vhb-mobile-contact-header-spacer{
    display:block!important;
    height:124px!important;
    flex:0 0 124px!important;
  }
  body.admin-bar #vhb-app .vhb-mobile-contact-header-spacer,
  body.admin-bar .vhb-mobile-contact-header-spacer{
    height:150px!important;
    flex-basis:150px!important;
  }
  #vhb-app .vhb-contact-shell,
  body .vhb-contact-shell,
  #vhb-app > .vhb-shell.vhb-contact-shell,
  body #vhb-app > .vhb-shell.vhb-contact-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    margin-top:0!important;
  }

  /* CtT should share the same card column width as the cards below it. */
  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0 0 16px!important;
    box-sizing:border-box!important;
  }
  body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:14px!important;
  }

  /* Board Directory mobile: first banner, then title/filter row, then boards list. */
  #vhb-app .vhb-board-mobile-first-ad,
  body .vhb-board-mobile-first-ad{
    display:flex!important;
    order:0!important;
    margin:0 0 12px!important;
  }
  #vhb-app .vhb-board-mode,
  body .vhb-board-mode{
    display:flex!important;
    flex-direction:column!important;
  }
  #vhb-app .vhb-board-directory-panel,
  body .vhb-board-directory-panel{
    order:1!important;
  }
  #vhb-app .vhb-board-directory-panel .vhb-directory-title,
  body .vhb-board-directory-panel .vhb-directory-title,
  #vhb-app .vhb-board-directory-panel .vhb-mock-board-title,
  body .vhb-board-directory-panel .vhb-mock-board-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 14px 8px!important;
  }
  #vhb-app .vhb-board-directory-panel .vhb-directory-title > div,
  body .vhb-board-directory-panel .vhb-directory-title > div,
  #vhb-app .vhb-board-directory-panel .vhb-mock-board-title > div,
  body .vhb-board-directory-panel .vhb-mock-board-title > div{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:13px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-board-directory-panel .vhb-directory-title h1,
  body .vhb-board-directory-panel .vhb-directory-title h1{
    font-size:22px!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-board-directory-panel .vhb-directory-title a,
  body .vhb-board-directory-panel .vhb-directory-title a{
    font-size:10px!important;
    min-width:max-content!important;
  }
  /* Avoid showing the rail sponsor twice when the dedicated board-mode mobile ad is present. */
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-left-sponsor,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-left-sponsor,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-sponsor,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-left-sponsor{
    display:none!important;
  }
}
@media(min-width:681px){
  #vhb-app .vhb-mobile-contact-header-spacer,
  body .vhb-mobile-contact-header-spacer,
  #vhb-app .vhb-board-mobile-first-ad,
  body .vhb-board-mobile-first-ad{
    display:none!important;
  }
}

/* Countdown radius should echo the standard Home Card radius, not a full pill curve. */
body .vhb-countdown-widget,
body .vhb-mobile-home-countdown .vhb-countdown-widget,
body .vhb-right-rail > .vhb-countdown-widget,
body .vhb-sidebar > .vhb-countdown-widget,
body .vhb-widget-preview .vhb-countdown-widget{
  border-radius:14px!important;
  border:1px solid rgba(232,226,212,.42)!important;
}

/* Canonical Profile overlay header image. Cache-bust away from the old 69–25 / 69:25 asset. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
  background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.84)),url('../img/branding/vhb-profile-arena-tba-112u.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court{
    background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.88)),url('../img/branding/vhb-profile-arena-tba-112u.jpg')!important;
    background-position:center center!important;
  }
}

/* v0.2.112V — centralized mobile header offsets, board/thread widget order, footer coverage, canonical UP asset. */
@media(max-width:680px){
  :root{ --vhb-mobile-header-clearance:18px; }

  /* Normalize top spacing immediately after the sticky compact header. */
  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    margin-top:18px!important;
    margin-bottom:14px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout,
  body.vhb-board-mode-active .vhb-board-directory-layout,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active,
  .vhb-board-directory-layout.vhb-board-mode-active,
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:18px!important;
  }

  /* Contact: prior spacer was intentionally effective but too tall. Keep it real, not huge. */
  #vhb-app .vhb-mobile-contact-header-spacer,
  body .vhb-mobile-contact-header-spacer,
  body.admin-bar #vhb-app .vhb-mobile-contact-header-spacer,
  body.admin-bar .vhb-mobile-contact-header-spacer{
    display:block!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
  #vhb-app .vhb-contact-shell,
  body .vhb-contact-shell,
  #vhb-app > .vhb-shell.vhb-contact-shell,
  body #vhb-app > .vhb-shell.vhb-contact-shell{
    margin-top:0!important;
    padding-top:0!important;
  }
  #vhb-app .vhb-contact-hero,
  body .vhb-contact-hero{
    margin-top:0!important;
  }

  /* Home: tighten the vertical rhythm without collapsing card breathing room. */
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{gap:10px!important;}
  body.home #vhb-app .vhb-home-hero-card,
  body.home .vhb-home-hero-card{margin-top:0!important;margin-bottom:8px!important;}
  body.home #vhb-app .vhb-home-content-grid,
  body.home .vhb-home-content-grid{gap:12px!important;}
  body.home #vhb-app .vhb-home-story-card,
  body.home .vhb-home-story-card{margin-top:0!important;margin-bottom:10px!important;}
  body.home #vhb-app .vhb-home-banner-ad,
  body.home .vhb-home-banner-ad{margin-top:0!important;margin-bottom:10px!important;}

  /* Topic list pages: ad first, title/action next, topics list below; community widgets after. */
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad{
    display:flex!important;
    order:1!important;
    margin:0 0 12px!important;
    width:100%!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-main,
  body .vhb-board-view-layout .vhb-main{order:2!important;width:100%!important;}
  #vhb-app .vhb-board-view-layout .vhb-left-rail,
  body .vhb-board-view-layout .vhb-left-rail,
  #vhb-app .vhb-board-view-layout .vhb-right-rail,
  body .vhb-board-view-layout .vhb-right-rail{
    display:contents!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-online-card,
  body .vhb-board-view-layout .vhb-online-card,
  #vhb-app .vhb-board-view-layout .vhb-right-rail > .vhb-countdown-widget,
  body .vhb-board-view-layout .vhb-right-rail > .vhb-countdown-widget{
    display:none!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-right-rail .vhb-mini-widget,
  body .vhb-board-view-layout .vhb-right-rail .vhb-mini-widget,
  #vhb-app .vhb-board-view-layout .vhb-right-rail .vhb-widget:first-of-type,
  body .vhb-board-view-layout .vhb-right-rail .vhb-widget:first-of-type{
    order:3!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-right-rail > .vhb-ad-card,
  body .vhb-board-view-layout .vhb-right-rail > .vhb-ad-card,
  #vhb-app .vhb-board-view-layout .vhb-upcoming-schedule,
  body .vhb-board-view-layout .vhb-upcoming-schedule,
  #vhb-app .vhb-board-view-layout .vhb-widget-board-stats,
  body .vhb-board-view-layout .vhb-widget-board-stats{
    display:none!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-top-contributors,
  body .vhb-board-view-layout .vhb-top-contributors{order:4!important;}
  #vhb-app .vhb-board-view-layout .vhb-big-orange-art,
  body .vhb-board-view-layout .vhb-big-orange-art{order:99!important;margin-top:14px!important;}
  #vhb-app .vhb-board-view-layout .vhb-site-footer,
  body .vhb-board-view-layout .vhb-site-footer{order:100!important;width:100%!important;}

  /* Discussion pages: ad first, thread content, then Trending -> Online Now -> Top Contributors -> Big Orange -> footer. */
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  body .vhb-thread-layout .vhb-thread-first-ad{
    display:flex!important;
    order:1!important;
    margin:0 0 12px!important;
    width:100%!important;
  }
  #vhb-app .vhb-thread-layout .vhb-main,
  body .vhb-thread-layout .vhb-main{order:2!important;width:100%!important;}
  #vhb-app .vhb-thread-layout .vhb-left-rail,
  body .vhb-thread-layout .vhb-left-rail,
  #vhb-app .vhb-thread-layout .vhb-right-rail,
  body .vhb-thread-layout .vhb-right-rail{
    display:contents!important;
  }
  #vhb-app .vhb-thread-layout .vhb-right-rail > .vhb-countdown-widget,
  body .vhb-thread-layout .vhb-right-rail > .vhb-countdown-widget{
    display:none!important;
  }
  #vhb-app .vhb-thread-layout .vhb-right-rail > .vhb-ad-card,
  body .vhb-thread-layout .vhb-right-rail > .vhb-ad-card,
  #vhb-app .vhb-thread-layout .vhb-upcoming-schedule,
  body .vhb-thread-layout .vhb-upcoming-schedule,
  #vhb-app .vhb-thread-layout .vhb-widget-board-stats,
  body .vhb-thread-layout .vhb-widget-board-stats{
    display:none!important;
  }
  #vhb-app .vhb-thread-layout .vhb-right-rail .vhb-widget:first-of-type,
  body .vhb-thread-layout .vhb-right-rail .vhb-widget:first-of-type{order:3!important;}
  #vhb-app .vhb-thread-layout .vhb-online-card,
  body .vhb-thread-layout .vhb-online-card{order:4!important;margin-top:14px!important;}
  #vhb-app .vhb-thread-layout .vhb-top-contributors,
  body .vhb-thread-layout .vhb-top-contributors{order:5!important;}
  #vhb-app .vhb-thread-layout .vhb-big-orange-art,
  body .vhb-thread-layout .vhb-big-orange-art{order:99!important;margin-top:14px!important;}
  #vhb-app .vhb-thread-layout .vhb-site-footer,
  body .vhb-thread-layout .vhb-site-footer{order:100!important;width:100%!important;}
}
@media(min-width:681px){
  #vhb-app .vhb-board-topic-first-ad,
  body .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-first-ad,
  body .vhb-thread-first-ad{display:none!important;}
}

/* Canonical profile overlay image everywhere. Older v108/v112R references are retired. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.84)),url('../img/branding/vhb-profile-arena-tba-112u.jpg?v=112v')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.88)),url('../img/branding/vhb-profile-arena-tba-112u.jpg?v=112v')!important;
    background-position:center center!important;
  }
}

/* v0.2.112Vb — explicit mobile engine-widget ordering in board/thread layouts. */
@media(max-width:680px){
  #vhb-app .vhb-board-view-layout .vhb-trending-widget,
  body .vhb-board-view-layout .vhb-trending-widget{order:3!important;margin-top:14px!important;}
  #vhb-app .vhb-thread-layout .vhb-trending-widget,
  body .vhb-thread-layout .vhb-trending-widget{order:3!important;margin-top:14px!important;}
  #vhb-app .vhb-board-view-layout .vhb-recent-activity,
  body .vhb-board-view-layout .vhb-recent-activity,
  #vhb-app .vhb-thread-layout .vhb-recent-activity,
  body .vhb-thread-layout .vhb-recent-activity{order:6!important;}
  #vhb-app .vhb-board-view-layout > .vhb-site-footer,
  body .vhb-board-view-layout > .vhb-site-footer,
  #vhb-app .vhb-thread-layout > .vhb-site-footer,
  body .vhb-thread-layout > .vhb-site-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-top:24px!important;
  }
}


/* v0.2.112W — dedicated UP overlay image hotfix: final approved responsive TBA banner. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.84)),url('../img/branding/vhb-profile-arena-up-final-wide-112w.webp?v=112w')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(min-width:681px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.84)),url('../img/branding/vhb-profile-arena-up-final-wide-112w.webp?v=112w')!important;
    background-position:center center!important;
  }
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(9,11,16,.88)),url('../img/branding/vhb-profile-arena-up-final-mobile-112w.webp?v=112w')!important;
    background-size:cover!important;
    background-position:center center!important;
  }
}


/* v0.2.112X — UP overlay image display correction: full composition, full brightness, responsive aspect. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  background-image:url('../img/branding/vhb-profile-arena-up-final-wide-112w.webp?v=112x')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#050608!important;
  opacity:1!important;
  aspect-ratio:2400/680!important;
  height:auto!important;
  min-height:0!important;
  filter:none!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after{
  display:none!important;
  content:none!important;
}
@media(min-width:681px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:url('../img/branding/vhb-profile-arena-up-final-wide-112w.webp?v=112x')!important;
    aspect-ratio:2400/680!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:url('../img/branding/vhb-profile-arena-up-final-mobile-112w.webp?v=112x')!important;
    aspect-ratio:1800/720!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}


/* v0.2.112Y — UP overlay final image frame: show the full arena composition with only a very light blend overlay. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 52%,rgba(9,11,16,.10) 100%),
    url('../img/branding/vhb-profile-arena-up-final-panoramic-112y.webp?v=112y')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#050608!important;
  opacity:1!important;
  filter:none!important;
  aspect-ratio:1823/863!important;
  height:auto!important;
  min-height:0!important;
  width:calc(100% + 68px)!important;
  margin:0 -34px 24px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px 20px 0 0!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-identity-card-modal .vhb-identity-court::before,
body .vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-profile-modal .vhb-identity-court::before,
body .vhb-profile-modal .vhb-identity-court::after{
  display:none!important;
  content:none!important;
}
@media(min-width:681px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal{
    max-height:calc(100dvh - 48px)!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero{
    padding:0 34px 26px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar{
    margin:-56px auto 12px!important;
  }
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
  body .vhb-identity-card-modal .vhb-identity-hero,
  body .vhb-profile-modal .vhb-identity-hero{
    padding:0 18px 22px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 52%,rgba(9,11,16,.10) 100%),
      url('../img/branding/vhb-profile-arena-up-final-panoramic-mobile-112y.webp?v=112y')!important;
    aspect-ratio:1823/863!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    width:calc(100% + 36px)!important;
    margin:0 -18px 22px!important;
    border-radius:20px 20px 0 0!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-identity-card-modal .vhb-identity-avatar,
  body .vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-profile-modal .vhb-identity-avatar,
  body .vhb-profile-modal .vhb-profile-modal-avatar{
    margin:-50px auto 12px!important;
  }
}


/* v0.2.112Z — UP overlay cinematic gradient integration and tablet balance.
   Goal: keep the approved arena visible as atmosphere, move emphasis back to user identity,
   and ensure tablet first viewport reaches the full badge row before scrolling. */
html body .vhb-profile-card-modal.vhb-identity-card-modal,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal,
body .vhb-identity-card-modal{
  overflow:auto!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
body .vhb-identity-card-modal .vhb-identity-hero,
body .vhb-profile-modal .vhb-identity-hero{
  position:relative!important;
  padding-top:0!important;
  overflow:visible!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  position:relative!important;
  background-image:
    linear-gradient(180deg,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.06) 34%,
      rgba(7,9,13,.38) 66%,
      rgba(8,10,15,.96) 100%),
    url('../img/branding/vhb-profile-arena-up-final-panoramic-112y.webp?v=112z')!important;
  background-size:cover!important;
  background-position:center 38%!important;
  background-repeat:no-repeat!important;
  aspect-ratio:1823/685!important;
  width:calc(100% + 68px)!important;
  margin:0 -34px 0!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  box-shadow:inset 0 -80px 88px rgba(8,10,15,.72)!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
body .vhb-identity-card-modal .vhb-identity-court::before,
body .vhb-profile-modal .vhb-identity-court::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0 -1px 0!important;
  height:46%!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(8,10,15,0) 0%,rgba(8,10,15,.56) 50%,rgba(8,10,15,1) 100%)!important;
  z-index:1!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-profile-modal .vhb-identity-court::after{
  display:none!important;
  content:none!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
body .vhb-identity-card-modal .vhb-identity-avatar,
body .vhb-identity-card-modal .vhb-profile-modal-avatar,
body .vhb-profile-modal .vhb-identity-avatar,
body .vhb-profile-modal .vhb-profile-modal-avatar{
  margin:-58px auto 12px!important;
  position:relative!important;
  z-index:3!important;
}

html body .vhb-profile-card-modal.vhb-identity-card-modal h2,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-rank,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badges,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal h2,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-rank,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badges,
body .vhb-identity-card-modal h2,
body .vhb-identity-card-modal .vhb-identity-rank,
body .vhb-identity-card-modal .vhb-identity-badges{
  position:relative!important;
  z-index:3!important;
}

@media(min-width:681px) and (max-width:1100px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal,
  body .vhb-identity-card-modal{
    width:min(920px,calc(100vw - 56px))!important;
    max-height:calc(100dvh - 52px)!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-hero,
  body .vhb-identity-card-modal .vhb-identity-hero{
    padding-left:26px!important;
    padding-right:26px!important;
    padding-bottom:18px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court{
    width:calc(100% + 52px)!important;
    margin-left:-26px!important;
    margin-right:-26px!important;
    aspect-ratio:1823/615!important;
    background-position:center 40%!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-identity-card-modal .vhb-identity-avatar,
  body .vhb-identity-card-modal .vhb-profile-modal-avatar{
    margin-top:-54px!important;
    margin-bottom:8px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal h2,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal h2,
  body .vhb-identity-card-modal h2{
    margin-top:4px!important;
    margin-bottom:6px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-rank,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-rank,
  body .vhb-identity-card-modal .vhb-identity-rank{
    margin-bottom:12px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badges,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-badges,
  body .vhb-identity-card-modal .vhb-identity-badges{
    margin-top:10px!important;
    margin-bottom:14px!important;
  }
}

@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.08) 34%,
        rgba(7,9,13,.42) 65%,
        rgba(8,10,15,.98) 100%),
      url('../img/branding/vhb-profile-arena-up-final-panoramic-mobile-112y.webp?v=112z')!important;
    background-size:cover!important;
    background-position:center 40%!important;
    aspect-ratio:1823/680!important;
    width:calc(100% + 36px)!important;
    margin:0 -18px 0!important;
    box-shadow:inset 0 -70px 78px rgba(8,10,15,.78)!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-identity-card-modal .vhb-identity-avatar,
  body .vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-profile-modal .vhb-identity-avatar,
  body .vhb-profile-modal .vhb-profile-modal-avatar{
    margin:-52px auto 10px!important;
  }
}


/* v0.2.112ZA — UP overlay gradient/viewport correction.
   Single light image treatment only: remove stacked darkness, restore mobile hero height,
   and keep the arena readable while user identity remains primary. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
body .vhb-identity-card-modal .vhb-identity-court,
body .vhb-profile-modal .vhb-identity-court{
  background-image:
    linear-gradient(180deg,
      rgba(0,0,0,.00) 0%,
      rgba(0,0,0,.03) 52%,
      rgba(8,10,15,.24) 82%,
      rgba(8,10,15,.38) 100%),
    url('../img/branding/vhb-profile-arena-up-final-panoramic-112y.webp?v=112za')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
  aspect-ratio:1823/685!important;
  width:calc(100% + 68px)!important;
  margin:0 -34px 0!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::before,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-identity-card-modal .vhb-identity-court::before,
body .vhb-identity-card-modal .vhb-identity-court::after,
body .vhb-profile-modal .vhb-identity-court::before,
body .vhb-profile-modal .vhb-identity-court::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
@media(min-width:681px) and (max-width:1100px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,.00) 0%,
        rgba(0,0,0,.03) 50%,
        rgba(8,10,15,.22) 80%,
        rgba(8,10,15,.36) 100%),
      url('../img/branding/vhb-profile-arena-up-final-panoramic-112y.webp?v=112za')!important;
    background-size:cover!important;
    background-position:center 42%!important;
    aspect-ratio:1823/670!important;
    width:calc(100% + 52px)!important;
    margin-left:-26px!important;
    margin-right:-26px!important;
    box-shadow:none!important;
  }
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-court,
  body .vhb-identity-card-modal .vhb-identity-court,
  body .vhb-profile-modal .vhb-identity-court{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,.00) 0%,
        rgba(0,0,0,.02) 48%,
        rgba(8,10,15,.18) 78%,
        rgba(8,10,15,.32) 100%),
      url('../img/branding/vhb-profile-arena-up-final-panoramic-mobile-112y.webp?v=112za')!important;
    background-size:cover!important;
    background-position:center 43%!important;
    aspect-ratio:1200/568!important;
    width:calc(100% + 36px)!important;
    margin:0 -18px 0!important;
    box-shadow:none!important;
    min-height:0!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-identity-avatar,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-identity-card-modal .vhb-identity-avatar,
  body .vhb-identity-card-modal .vhb-profile-modal-avatar,
  body .vhb-profile-modal .vhb-identity-avatar,
  body .vhb-profile-modal .vhb-profile-modal-avatar{
    margin:-48px auto 10px!important;
  }
}


/* v0.2.112ZB — final mobile sticky-header breathing-room pass.
   Adds a small, consistent buffer below the compact sticky header without changing
   the UP overlay treatment from 112ZA. */
@media(max-width:680px){
  :root{ --vhb-mobile-header-clearance:42px; }

  /* Home: keep Countdown to Tipoff from touching/sliding under the sticky header. */
  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    margin-top:42px!important;
    padding-top:0!important;
  }

  /* All Boards / Topic / Discussion routes: give the first visible card breathing room. */
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout,
  body.vhb-board-mode-active .vhb-board-directory-layout,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active,
  .vhb-board-directory-layout.vhb-board-mode-active,
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:42px!important;
  }

  /* Contact: close, but add a wee bit more air below the sticky header. */
  #vhb-app .vhb-mobile-contact-header-spacer,
  body .vhb-mobile-contact-header-spacer,
  body.admin-bar #vhb-app .vhb-mobile-contact-header-spacer,
  body.admin-bar .vhb-mobile-contact-header-spacer{
    height:28px!important;
    flex:0 0 28px!important;
  }
}


/* v0.2.112ZC — final-final mobile sticky-header clearance.
   Adds a little more top clearance for mobile Home, Board routes, and Contact only. */
@media(max-width:680px){
  :root{ --vhb-mobile-header-clearance:64px; }

  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    margin-top:64px!important;
    padding-top:0!important;
  }

  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout,
  body.vhb-board-mode-active .vhb-board-directory-layout,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active,
  .vhb-board-directory-layout.vhb-board-mode-active,
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:70px!important;
  }

  #vhb-app .vhb-mobile-contact-header-spacer,
  body .vhb-mobile-contact-header-spacer,
  body.admin-bar #vhb-app .vhb-mobile-contact-header-spacer,
  body.admin-bar .vhb-mobile-contact-header-spacer{
    height:38px!important;
    flex:0 0 38px!important;
  }
}

/* v0.2.112ZD — mobile Board-route sticky-header clearance final.
   Board routes render their first content inside route-specific shells that were
   still tucking under the compact header. Add the clearance to the actual first
   visible route content instead of touching the already-good Home/Contact/UP rules. */
@media(max-width:680px){
  body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:56px!important;
  }

  body.vhb-board-mode-active #vhb-app .vhb-board-mobile-first-ad,
  body.vhb-board-mode-active .vhb-board-mobile-first-ad,
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:56px!important;
  }

  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:112px!important;
  }
}


/* v0.2.112ZE — board mobile header clearance trim.
   ZD fixed clipping but over-spaced board routes. Keep a small breathing gap under
   the sticky header without stacking route-shell padding and first-ad margin. */
@media(max-width:680px){
  body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:22px!important;
  }

  body.vhb-board-mode-active #vhb-app .vhb-board-mobile-first-ad,
  body.vhb-board-mode-active .vhb-board-mobile-first-ad,
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:10px!important;
  }

  #vhb-app .vhb-board-directory-layout,
  body .vhb-board-directory-layout,
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:34px!important;
  }
}


/* v0.2.112ZP — RTFC title size source-of-truth fallback.
   Keep this last: even if JS runs before final grid widths settle, staged small
   panes get the same CSS variable values normal panes use. */
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-desktop .vhb-preview-title-small{--vhb-preview-title-px:20px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-desktop .vhb-preview-title-medium{--vhb-preview-title-px:24px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-desktop .vhb-preview-title-large{--vhb-preview-title-px:28px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview .vhb-preview-title-small{--vhb-preview-title-px:18px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview .vhb-preview-title-medium{--vhb-preview-title-px:22px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview .vhb-preview-title-large{--vhb-preview-title-px:26px!important;}
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-card-title{font-size:var(--vhb-preview-title-px)!important;}


/* v0.2.112ZR — backend preview fidelity for small-card titles.
   Target the preview element itself, not only descendant summary wrappers, so
   normal editor panes and RTFC staged panes use the same visible title scale. */
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-small .vhb-crop-card-title,
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-small .vhb-crop-card-title{
  font-size:22px!important;
  line-height:1.09!important;
  letter-spacing:-.035em!important;
}
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-medium .vhb-crop-card-title,
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-medium .vhb-crop-card-title{
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-large .vhb-crop-card-title,
body.vhb-rotation-workbench-active .vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-large .vhb-crop-card-title{
  font-size:34px!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
}
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-small{--vhb-preview-title-px:22px!important;}
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-medium{--vhb-preview-title-px:28px!important;}
.vhb-admin-home-form-v2 .vhb-home-card-dashboard-unified .vhb-role-small .vhb-crop-card-preview.vhb-preview-title-large{--vhb-preview-title-px:34px!important;}


/* v0.2.112ZR — final admin preview title fidelity guard.
   JS also writes the same sizes inline with !important so stale mobile-side caps cannot win. */
.vhb-admin-home-form-v2 .vhb-crop-card-preview.vhb-preview-title-small .vhb-crop-card-title{font-size:22px!important;line-height:1.08!important;letter-spacing:-.035em!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-preview.vhb-preview-title-medium .vhb-crop-card-title{font-size:28px!important;line-height:1.04!important;letter-spacing:-.045em!important;}
.vhb-admin-home-form-v2 .vhb-crop-card-preview.vhb-preview-title-large .vhb-crop-card-title{font-size:34px!important;line-height:1.01!important;letter-spacing:-.055em!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-preview.vhb-preview-title-small .vhb-crop-card-title{font-size:clamp(22px,5.8vw,34px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-preview.vhb-preview-title-medium .vhb-crop-card-title{font-size:clamp(28px,7.2vw,46px)!important;}
.vhb-admin-home-form-v2 .vhb-role-feature .vhb-crop-card-preview.vhb-preview-title-large .vhb-crop-card-title{font-size:clamp(34px,8.4vw,58px)!important;}



/* v0.2.112ZS — Mobile Home Card Grid Revamp, Pass 1
   Mobile-only: mirror the editor's two master image panes while preserving desktop/tablet. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    gap:12px!important;
  }
  body.home #vhb-app .vhb-home-hero-card,
  body.home .vhb-home-hero-card{
    order:1!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-home-content-grid,
  body.home .vhb-home-mode > .vhb-home-content-grid,
  body.home #vhb-app .vhb-home-content-prototype,
  body.home .vhb-home-content-prototype{
    order:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "feature feature"
      "small1 small2"
      "lower lower"
      "ad ad"
      "ad2 ad2"!important;
    gap:10px!important;
    width:100%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature,
  body.home .vhb-home-content-prototype .vhb-home-card-feature{
    grid-area:feature!important;
  }
  body.home #vhb-app .vhb-home-content-prototype > .vhb-home-story-card:nth-of-type(2),
  body.home .vhb-home-content-prototype > .vhb-home-story-card:nth-of-type(2){
    grid-area:small1!important;
  }
  body.home #vhb-app .vhb-home-content-prototype > .vhb-home-story-card:nth-of-type(3),
  body.home .vhb-home-content-prototype > .vhb-home-story-card:nth-of-type(3){
    grid-area:small2!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-banner-ad-primary,
  body.home .vhb-home-content-prototype .vhb-home-banner-ad-primary{
    grid-area:ad!important;
    order:20!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-banner-ad-secondary,
  body.home .vhb-home-content-prototype .vhb-home-banner-ad-secondary{
    grid-area:ad2!important;
    order:21!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster,
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster{
    grid-area:lower!important;
    order:3!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "insider insider"
      "small3 small4"!important;
    gap:10px!important;
    width:100%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-card-insider,
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-card-insider{
    grid-area:insider!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(1),
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(1){
    grid-area:small3!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(2),
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster .vhb-home-story-card:nth-of-type(2){
    grid-area:small4!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
  body.home .vhb-home-content-prototype .vhb-home-story-card{
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(18,20,25,.98),rgba(7,8,11,.98))!important;
    box-shadow:0 14px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    display:grid!important;
    grid-template-columns:42% minmax(0,1fr)!important;
    align-items:stretch!important;
    aspect-ratio:auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature,
  body.home .vhb-home-content-prototype .vhb-home-card-feature,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider,
  body.home .vhb-home-content-prototype .vhb-home-card-insider{
    display:grid!important;
    grid-template-columns:42% minmax(0,1fr)!important;
    align-items:stretch!important;
    aspect-ratio:auto!important;
    min-height:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card > i{
    position:relative!important;
    inset:auto!important;
    z-index:0!important;
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    opacity:.96!important;
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature > i,
  body.home .vhb-home-content-prototype .vhb-home-card-feature > i,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider > i,
  body.home .vhb-home-content-prototype .vhb-home-card-insider > i{
    aspect-ratio:1.10/1!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i{
    aspect-ratio:1.70/1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-card-content-zones{
    position:relative!important;
    z-index:2!important;
    grid-column:2!important;
    grid-row:1!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    padding:10px 11px!important;
    background:linear-gradient(90deg,rgba(9,10,14,.94),rgba(13,15,20,.98))!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone{
    display:contents!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-bottom,
  body.home .vhb-home-content-prototype .vhb-card-zone-bottom{
    padding:0!important;
    transform:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-label,
  body.home .vhb-home-content-prototype .vhb-card-label{
    margin:0 0 2px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    line-height:1!important;
    border-radius:5px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    display:block!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    word-break:normal!important;
    hyphens:none!important;
    text-shadow:none!important;
    max-width:100%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title{font-size:13px!important;line-height:1.1!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title{font-size:14px!important;line-height:1.08!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title{font-size:15px!important;line-height:1.06!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title{font-size:19px!important;line-height:1.08!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title{font-size:21px!important;line-height:1.06!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title{font-size:23px!important;line-height:1.04!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    display:block!important;
    white-space:normal!important;
    overflow:hidden!important;
    color:#c8ced8!important;
    font-size:12px!important;
    line-height:1.22!important;
    max-height:3.65em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-tagline,
  body.home .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-tagline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-excerpt-none .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-excerpt-none .vhb-card-excerpt{
    display:none!important;
  }

  body.home #vhb-app .vhb-home-banner-ad,
  body.home .vhb-home-banner-ad{
    min-height:86px!important;
  }
}

/* v0.2.112ZU — Mobile Home Card Grid Stabilization from ZS baseline.
   Frontend mobile-only polish: preserve admin/editor stability, insert sponsor between
   the two editorial card acts, restore portrait-leaning small-card image panes, and
   calm the mobile typography for a premium editorial feel. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-mode > .vhb-home-content-grid,
  body.home .vhb-home-mode > .vhb-home-content-grid,
  body.home #vhb-app .vhb-home-content-prototype,
  body.home .vhb-home-content-prototype{
    grid-template-areas:
      "feature feature"
      "small1 small2"
      "ad ad"
      "lower lower"
      "ad2 ad2"!important;
    gap:10px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-banner-ad-primary,
  body.home .vhb-home-content-prototype .vhb-home-banner-ad-primary{
    grid-area:ad!important;
    display:flex!important;
    margin:2px 0 4px!important;
    min-height:72px!important;
    border-radius:14px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster,
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster{
    grid-template-areas:
      "small3 small4"
      "insider insider"!important;
    gap:10px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature,
  body.home .vhb-home-content-prototype .vhb-home-card-feature,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider,
  body.home .vhb-home-content-prototype .vhb-home-card-insider{
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:132px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    grid-template-columns:38% minmax(0,1fr)!important;
    min-height:108px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card > i{
    height:100%!important;
    min-height:100%!important;
    align-self:stretch!important;
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i{
    aspect-ratio:auto!important;
    width:100%!important;
    min-height:108px!important;
    background-size:auto var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature > i,
  body.home .vhb-home-content-prototype .vhb-home-card-feature > i,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider > i,
  body.home .vhb-home-content-prototype .vhb-home-card-insider > i{
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-card-content-zones{
    padding:8px 9px!important;
    gap:4px!important;
    justify-content:center!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    font-weight:550!important;
    letter-spacing:-.025em!important;
    text-shadow:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-small .vhb-card-title{font-size:12px!important;line-height:1.12!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-medium .vhb-card-title{font-size:13px!important;line-height:1.10!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-title-large .vhb-card-title{font-size:14px!important;line-height:1.08!important;font-weight:560!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-small .vhb-card-title{font-size:18px!important;line-height:1.1!important;font-weight:570!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-medium .vhb-card-title{font-size:20px!important;line-height:1.08!important;font-weight:570!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-title-large .vhb-card-title{font-size:22px!important;line-height:1.06!important;font-weight:600!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    font-weight:400!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    color:#bdc5d0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    font-weight:450!important;
    font-size:11px!important;
    color:#9fa8b6!important;
  }
}

/* v0.2.112ZU — admin preview geometry alignment only; no admin layout changes. */
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview{
  grid-template-columns:38% 62%!important;
  aspect-ratio:2.85/1!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview .vhb-mobile-image-viewport{
  width:38%!important;
  right:auto!important;
  background-size:auto var(--vhb-crop-zoom,100%)!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview .vhb-crop-card-preview{
  left:38%!important;
  padding:8px 9px!important;
}
.vhb-admin-home-form-v2 .vhb-role-small .vhb-crop-mobile.vhb-mobile-side-preview:after{
  left:38%!important;
}

/* v0.2.112ZV — Mobile Home Cards typography refinement.
   Moves the mobile card language closer to the cleaner sponsor-copy feel:
   lighter weights, more readable line-height, consistent safe-area padding, and
   independent mobile title-size/position classes. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-card-content-zones{
    padding:12px 13px!important;
    gap:6px!important;
    align-items:flex-start!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-titlepos-top .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-mobile-titlepos-top .vhb-card-content-zones{justify-content:flex-start!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-titlepos-middle .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-mobile-titlepos-middle .vhb-card-content-zones{justify-content:center!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-titlepos-bottom .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-mobile-titlepos-bottom .vhb-card-content-zones{justify-content:flex-end!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    font-family:inherit!important;
    letter-spacing:-.014em!important;
    text-shadow:none!important;
    overflow:hidden!important;
    max-width:100%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title{
    font-weight:430!important;
    color:rgba(255,255,255,.94)!important;
    letter-spacing:-.008em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:12.5px!important;line-height:1.24!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:13.5px!important;line-height:1.22!important;font-weight:430!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:14.5px!important;line-height:1.20!important;font-weight:460!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    font-weight:600!important;
    letter-spacing:-.018em!important;
    color:rgba(255,255,255,.97)!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:18px!important;line-height:1.22!important;font-weight:560!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:20px!important;line-height:1.20!important;font-weight:580!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:22px!important;line-height:1.18!important;font-weight:600!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    font-weight:400!important;
    font-style:normal!important;
    color:rgba(220,226,236,.86)!important;
    line-height:1.34!important;
    letter-spacing:-.004em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt{font-size:12px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt{font-size:13px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt{font-size:14px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    font-weight:400!important;
    font-size:11px!important;
    line-height:1.25!important;
    color:rgba(196,204,216,.72)!important;
  }
}

/* v0.2.112ZV — compact visual treatment for the new mobile-only editor controls. */
.vhb-admin-home-form-v2 .vhb-mobile-typography-row,
.vhb-admin-home-form-v2 .vhb-mobile-position-row{
  border:1px solid rgba(255,122,0,.20);
  border-radius:14px;
  padding:10px;
  background:rgba(255,122,0,.045);
}
.vhb-admin-home-form-v2 .vhb-preset-row strong em{
  display:block;
  margin-top:2px;
  font-size:11px;
  font-style:normal;
  font-weight:700;
  color:rgba(220,225,235,.62);
  letter-spacing:.04em;
  text-transform:uppercase;
}


/* v0.2.112ZW — Mobile editorial text-box standardization.
   Mobile Home Cards no longer rely on top/middle/bottom positioning controls.
   Each card owns a real centered text safe area with balanced padding, lighter
   banner-copy-inspired type, proportional excerpt sizing, and visible meta. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-card-content-zones{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    padding:14px 14px!important;
    gap:5px!important;
    text-align:left!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    padding:18px 18px!important;
    gap:7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone{
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone:empty,
  body.home .vhb-home-content-prototype .vhb-card-zone:empty{display:none!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-shadow:none!important;
    letter-spacing:-.012em!important;
    white-space:normal!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title{
    font-weight:400!important;
    color:rgba(245,247,252,.94)!important;
    letter-spacing:-.006em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:12px!important;line-height:1.30!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:13px!important;line-height:1.30!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:14px!important;line-height:1.28!important;font-weight:430!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    font-weight:560!important;
    color:rgba(255,255,255,.97)!important;
    letter-spacing:-.016em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:17px!important;line-height:1.24!important;font-weight:540!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:19px!important;line-height:1.22!important;font-weight:560!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:21px!important;line-height:1.20!important;font-weight:580!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    display:block!important;
    margin:5px 0 0!important;
    padding:0!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.38!important;
    color:rgba(220,226,236,.86)!important;
    letter-spacing:-.002em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt{font-size:12px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt{font-size:13px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt{font-size:14px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    display:block!important;
    margin:6px 0 0!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:400!important;
    color:rgba(196,204,216,.74)!important;
    letter-spacing:.002em!important;
  }
}

/* v0.2.112ZW — mobile position controls retired; mobile placement is standardized. */
.vhb-admin-home-form-v2 .vhb-mobile-position-row{display:none!important;}

/* v0.2.112ZX — Mobile Home Card editorial alignment polish.
   Tightens the final mobile card art direction against the approved mockup:
   smaller/shorter small cards, text stacks anchored near top, horizontally centered
   within safe areas, no meta pill, orange relative time, and better feature/meta rhythm. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype,
  body.home .vhb-home-content-prototype,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-lower-cluster,
  body.home .vhb-home-content-prototype .vhb-home-lower-cluster{
    gap:12px!important;
  }

  /* Feature/Insider: keep the successful row concept, but make the copy behave like
     one editorial stack inside a real content safe area. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature,
  body.home .vhb-home-content-prototype .vhb-home-card-feature,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider,
  body.home .vhb-home-content-prototype .vhb-home-card-insider{
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:126px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    padding:18px 20px 14px!important;
    gap:6px!important;
  }

  /* Small cards: shorter like the mockup, which naturally widens the crop window
     and gives the text fewer forced line breaks. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:88px!important;
    max-height:96px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i{
    min-height:88px!important;
    height:100%!important;
    background-size:auto max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)))!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones{
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    padding:11px 10px 9px!important;
    gap:4px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone{
    width:100%!important;
    text-align:inherit!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
    overflow:hidden!important;
    text-shadow:none!important;
  }

  /* Calm feature/Insider type; small cards use the cleaner banner-copy-like weight. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:17px!important;line-height:1.22!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:19px!important;line-height:1.20!important;font-weight:530!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:21px!important;line-height:1.18!important;font-weight:550!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:11.5px!important;line-height:1.22!important;font-weight:390!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:12.5px!important;line-height:1.22!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:13.5px!important;line-height:1.20!important;font-weight:430!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    text-align:center!important;
    margin:6px auto 0!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(220,226,236,.84)!important;
  }

  /* Meta: no badge/pill. Only the recency gets the Vol Orange accent. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:10px auto 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    text-align:center!important;
    text-transform:none!important;
    color:rgba(184,192,205,.78)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-card-meta-author{color:rgba(184,192,205,.78)!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-card-meta-dot{color:rgba(184,192,205,.55)!important;margin:0 4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-card-meta-time{color:#ff7a00!important;}
}


/* v0.2.112ZY — Mobile Home Card text-box finalization.
   Preserve ZX's successful mobile card/image geometry, but make the text system behave
   like an editorial content block: block centered in the panel, text left-aligned,
   top-safe-area anchored, and clean one-line metadata with orange recency. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:left!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    padding:18px 18px 12px!important;
    gap:7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding:10px 9px 8px!important;
    gap:3px!important;
  }

  /* Zones become transparent layout groups on mobile. The typography elements themselves
     are the centered blocks, but their internal text remains left aligned. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-top,
  body.home .vhb-home-content-prototype .vhb-card-zone-top,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-bottom,
  body.home .vhb-home-content-prototype .vhb-card-zone-bottom{
    display:contents!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    text-align:left!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta{
    align-self:center!important;
    text-align:left!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    width:min(92%,360px)!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-excerpt{
    width:min(92%,360px)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-excerpt{
    width:min(94%,185px)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    display:block!important;
    padding:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-shadow:none!important;
    letter-spacing:-.01em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    display:block!important;
    padding:0!important;
    text-align:left!important;
    font-weight:400!important;
    color:rgba(220,226,236,.84)!important;
    overflow:hidden!important;
  }

  /* Keep small-card type calm and let left alignment reduce unnecessary wraps. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:11.25px!important;line-height:1.16!important;font-weight:390!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:12.15px!important;line-height:1.15!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:13px!important;line-height:1.14!important;font-weight:420!important;}

  /* Feature/Insider remain lead items, but lose the poster-style centered line treatment. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:17px!important;line-height:1.16!important;font-weight:510!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:19px!important;line-height:1.15!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:21px!important;line-height:1.14!important;font-weight:540!important;}

  /* Meta: one editorial line, no pill/badge treatment. Time stays Vol Orange. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:4px!important;
    white-space:nowrap!important;
    width:auto!important;
    max-width:96%!important;
    min-width:0!important;
    margin:7px auto 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    text-align:left!important;
    text-transform:none!important;
    color:rgba(178,186,198,.78)!important;
    font-size:9.25px!important;
    line-height:1.12!important;
    font-weight:400!important;
    letter-spacing:.01em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta{
    font-size:10.25px!important;
    margin-top:9px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta *,
  body.home .vhb-home-content-prototype .vhb-card-meta *,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline *,
  body.home .vhb-home-content-prototype .vhb-card-byline *{
    display:inline!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    white-space:nowrap!important;
    font-weight:400!important;
    line-height:inherit!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-card-meta-author{color:rgba(178,186,198,.78)!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-card-meta-dot{color:rgba(178,186,198,.55)!important;margin:0 2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-card-meta-time{color:#ff7a00!important;font-weight:500!important;}
}


/* v0.2.112ZZ — Mobile Home Card content-budget layout.
   Finalizes the mobile card text system as a predictable editorial container:
   top-anchored safe areas, left-aligned copy, no centering tricks, clean one-line meta,
   and clamped/scaled content that can absorb optional excerpts without breaking the card. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    text-align:left!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Feature/Insider: larger editorial safe area. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    padding:18px 18px 12px!important;
    gap:0!important;
  }

  /* Small cards: preserve the successful card/image geometry; only correct the text box. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding:10px 11px 8px!important;
    gap:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-top,
  body.home .vhb-home-content-prototype .vhb-card-zone-top,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-bottom,
  body.home .vhb-home-content-prototype .vhb-card-zone-bottom{
    display:contents!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    padding:0!important;
    text-shadow:none!important;
    letter-spacing:-.012em!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    -webkit-line-clamp:4!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title{
    -webkit-line-clamp:3!important;
  }

  /* Typography scale: feature leads, small cards stay quiet and editorial. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:16.5px!important;line-height:1.17!important;font-weight:510!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:18.25px!important;line-height:1.16!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:20px!important;line-height:1.15!important;font-weight:535!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:10.75px!important;line-height:1.18!important;font-weight:390!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:11.75px!important;line-height:1.17!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:12.6px!important;line-height:1.16!important;font-weight:420!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:0!important;
    margin:6px 0 0!important;
    font-weight:400!important;
    line-height:1.32!important;
    color:rgba(220,226,236,.84)!important;
    text-align:left!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt{font-size:11.5px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt{font-size:12.25px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt{font-size:13px!important;}

  /* Metadata: plain, one line, no pill. The time is orange. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    margin:7px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    color:rgba(178,186,198,.78)!important;
    font-size:9.25px!important;
    line-height:1.1!important;
    font-weight:400!important;
    letter-spacing:.008em!important;
    text-transform:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta{
    font-size:10px!important;
    margin-top:8px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta *,
  body.home .vhb-home-content-prototype .vhb-card-meta *,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline *,
  body.home .vhb-home-content-prototype .vhb-card-byline *{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    white-space:nowrap!important;
    font-weight:400!important;
    line-height:inherit!important;
    min-width:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-card-meta-author{
    color:rgba(178,186,198,.78)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    flex:0 1 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-card-meta-dot{
    color:rgba(178,186,198,.55)!important;
    flex:0 0 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-card-meta-time{
    color:#ff7a00!important;
    font-weight:500!important;
    flex:0 0 auto!important;
  }
}


/* v0.2.112ZZA — Mobile Home Cards editorial column reset.
   Replaces the failed centering/auto-fit attempts with a hard, predictable text-panel layout:
   top-padded safe area, left-aligned editorial stack, small plain one-line meta, and no pill/centering tricks. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    text-align:left!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    padding:16px 18px 12px!important;
    gap:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding:9px 11px 7px!important;
    gap:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-top,
  body.home .vhb-home-content-prototype .vhb-card-zone-top,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-bottom,
  body.home .vhb-home-content-prototype .vhb-card-zone-bottom{
    display:contents!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    transform:none!important;
    text-align:left!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    padding:0!important;
    margin:0!important;
    text-shadow:none!important;
    letter-spacing:-.012em!important;
    color:#f6f7fb!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    -webkit-line-clamp:4!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title{
    -webkit-line-clamp:2!important;
  }

  /* Feature/Insider mobile title scale. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:16.25px!important;line-height:1.16!important;font-weight:510!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:18px!important;line-height:1.15!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:19.75px!important;line-height:1.14!important;font-weight:535!important;}

  /* Small card titles: light, left-aligned, two-line editorial teasers. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:10.65px!important;line-height:1.13!important;font-weight:390!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:11.45px!important;line-height:1.12!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:12.25px!important;line-height:1.11!important;font-weight:420!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:6px 0 0!important;
    padding:0!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.3!important;
    color:rgba(220,226,236,.84)!important;
    text-align:left!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt{font-size:11.25px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt{font-size:12px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt{font-size:12.75px!important;}

  /* Meta: plain one-line metadata, not a badge. Time remains Vol Orange. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    min-width:0!important;
    margin:6px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    text-align:left!important;
    text-transform:none!important;
    color:rgba(178,186,198,.72)!important;
    font-size:8.7px!important;
    line-height:1.05!important;
    font-weight:400!important;
    letter-spacing:.006em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta{
    font-size:9.25px!important;
    margin-top:7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta *,
  body.home .vhb-home-content-prototype .vhb-card-meta *,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline *,
  body.home .vhb-home-content-prototype .vhb-card-byline *{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    white-space:nowrap!important;
    font-weight:400!important;
    line-height:inherit!important;
    min-width:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-card-meta-author{
    color:rgba(178,186,198,.72)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    flex:0 1 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-card-meta-dot{
    color:rgba(178,186,198,.55)!important;
    flex:0 0 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-card-meta-time{
    color:#ff7a00!important;
    font-weight:500!important;
    flex:0 0 auto!important;
  }
}


/* v0.2.112ZZB — Mobile card text container correction + editorial meta byline.
   Keep the successful mobile card/image geometry. Replace the lingering centering/fitting
   behavior with a predictable editorial column: top-left safe area, left-aligned text,
   title/excerpt/meta ordered consistently, and small one-line meta with orange recency. */
@media (max-width:760px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    text-align:left!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-content-zones{
    padding:15px 17px 12px!important;
    gap:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-content-zones{
    padding:8px 10px 7px!important;
    gap:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone,
  body.home .vhb-home-content-prototype .vhb-card-zone,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-top,
  body.home .vhb-home-content-prototype .vhb-card-zone-top,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home .vhb-home-content-prototype .vhb-card-zone-middle,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-zone-bottom,
  body.home .vhb-home-content-prototype .vhb-card-zone-bottom{
    display:contents!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-card-title{
    order:1!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    padding:0!important;
    margin:0!important;
    text-shadow:none!important;
    letter-spacing:-.01em!important;
    color:#f5f6fa!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-title{
    -webkit-line-clamp:4!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-card-title{
    -webkit-line-clamp:2!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-card-title{font-size:16.25px!important;line-height:1.18!important;font-weight:510!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-card-title{font-size:18px!important;line-height:1.17!important;font-weight:520!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-card-title{font-size:19.75px!important;line-height:1.15!important;font-weight:535!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-card-title{font-size:10.6px!important;line-height:1.16!important;font-weight:390!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-card-title{font-size:11.35px!important;line-height:1.15!important;font-weight:400!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-card-title{font-size:12.1px!important;line-height:1.14!important;font-weight:420!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    order:2!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:5px 0 0!important;
    padding:0!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.32!important;
    color:rgba(220,226,236,.84)!important;
    text-align:left!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-card-excerpt{font-size:10.8px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-card-excerpt{font-size:11.5px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-card-excerpt{font-size:12.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-card-byline{
    order:3!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    min-width:0!important;
    margin:5px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    text-align:left!important;
    text-transform:none!important;
    color:rgba(178,186,198,.70)!important;
    font-size:7.8px!important;
    line-height:1!important;
    font-weight:400!important;
    letter-spacing:.005em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-card-meta{
    font-size:8.6px!important;
    margin-top:6px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta *,
  body.home .vhb-home-content-prototype .vhb-card-meta *,
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-byline *,
  body.home .vhb-home-content-prototype .vhb-card-byline *{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    white-space:nowrap!important;
    font-weight:400!important;
    line-height:inherit!important;
    min-width:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-card-meta-author{
    color:rgba(178,186,198,.70)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    flex:0 1 auto!important;
    max-width:70%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-card-meta-dot{
    color:rgba(178,186,198,.50)!important;
    flex:0 0 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-card-meta-time{
    color:#ff7a00!important;
    font-weight:450!important;
    flex:0 0 auto!important;
  }
}

/* v0.2.112ZZC — clean mobile Home Card components.
   Mobile Home cards now render through dedicated component markup so old desktop/text-zone
   positioning rules cannot leak into the compact editorial card grid. */
.vhb-home-content-prototype .vhb-mobile-card-component{display:none;}
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
  body.home .vhb-home-content-prototype .vhb-home-story-card{
    position:relative!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-content-zones{
    display:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(13,16,22,.96),rgba(8,10,15,.98))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    display:block!important;
    flex:0 0 39%!important;
    height:100%!important;
    min-width:0!important;
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:100%!important;
    box-sizing:border-box!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    text-align:left!important;
    overflow:hidden!important;
    background:linear-gradient(90deg,rgba(11,13,18,.88),rgba(8,10,15,.96))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    position:static!important;
    transform:none!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
    width:auto!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  /* Feature + Insider component: strong story row, but still a clean editorial column. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex-basis:40%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    padding:17px 18px 13px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    color:#f6f7fb!important;
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.17!important;
    text-shadow:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:15.8px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:17.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:18.6px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:5px 0 0!important;
    padding:0!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.28!important;
    color:rgba(222,227,236,.82)!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-excerpt{font-size:10.7px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-excerpt{font-size:11.35px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-excerpt{font-size:12px!important;}

  /* Small cards: compact component with image win preserved and the text column widened. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    flex-basis:38%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 8px 7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    color:rgba(245,247,252,.94)!important;
    font-weight:410!important;
    letter-spacing:-.006em!important;
    line-height:1.13!important;
    text-shadow:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:10.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:10.95px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:11.65px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    min-width:0!important;
    max-width:100%!important;
    margin:5px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    text-transform:none!important;
    color:rgba(178,186,198,.70)!important;
    line-height:1!important;
    font-weight:380!important;
    letter-spacing:.02em!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta{
    font-size:8.7px!important;
    margin-top:7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta{
    font-size:7.3px!important;
    margin-top:4px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta *,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta *{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    line-height:inherit!important;
    font-weight:inherit!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author{
    color:rgba(178,186,198,.70)!important;
    flex:0 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    min-width:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot{
    color:rgba(178,186,198,.48)!important;
    flex:0 0 auto!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time{
    color:#ff7a00!important;
    font-weight:420!important;
    flex:0 0 auto!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-tagline-mobile-hide .vhb-mobile-card-text .vhb-card-excerpt{
    display:none!important;
  }
}


/* v0.2.112ZZD — Mobile Home Card component cleanup.
   Keep ZZC's cleaner component layer, but remove visible scaffolding/oval boundaries,
   restore rectangular small-card image panes, and make Home Card meta timestamp-only/small. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text *,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text *{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    border-radius:0!important;
  }

  /* Restore the proven rectangular small-card mobile viewport from the pre-component pass. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    flex:0 0 39%!important;
    width:auto!important;
    height:100%!important;
    min-width:0!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex:0 0 40%!important;
    border-radius:0!important;
    background-size:cover!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    justify-content:flex-start!important;
    align-items:stretch!important;
    text-align:left!important;
  }

  /* Meta: timestamp only, quiet and subordinate. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:5px 0 0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta{
    font-size:7.8px!important;
    margin-top:6px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta{
    font-size:6.8px!important;
    margin-top:3px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot{
    display:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time{
    display:inline!important;
    color:#ff7a00!important;
    font:inherit!important;
    letter-spacing:inherit!important;
    text-transform:inherit!important;
  }
}


/* v0.2.112ZZE — Mobile Home card final text-column geometry.
   Keep the ZZD component/image wins, but make the text side a full-width editorial
   column: title/excerpt use the whole right panel, line-height breathes, meta is
   timestamp-only and subordinate, and no legacy all-caps/title-box constraints leak in. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:left!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    text-align:left!important;
    text-transform:none!important;
  }

  /* Feature + Insider: full text column, room for optional short excerpt, timestamp below. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    padding:18px 18px 13px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    margin:0!important;
    padding:0!important;
    color:#f5f7fb!important;
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:15.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:16.6px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:18px!important;}

  /* Small cards: preserve rectangular image panes, but let the text use the whole remaining side. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    flex:0 0 39%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    margin:0!important;
    padding:0!important;
    color:rgba(245,247,252,.94)!important;
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.30!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:9.4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:10.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:10.9px!important;}

  /* Excerpts, mostly for Feature/Insider: proportional but secondary. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    margin:6px 0 0!important;
    padding:0!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(222,227,236,.82)!important;
  }

  /* Timestamp-only footer: small, orange, and always below the title/excerpt stack. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:6px 0 0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta{
    font-size:7.4px!important;
    margin-top:7px!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta{
    font-size:6.4px!important;
    margin-top:5px!important;
  }
}


/* v0.2.112ZZF — Mobile Home Card title-flow reset.
   Final geometry correction: mobile titles are no longer line-clamped/ellipsized or
   trapped in artificial title boxes. Feature, Insider, and Small Card components use
   the whole remaining text column. Title/excerpt flow from the top; timestamp is the
   only footer item and remains small/orange. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    flex-shrink:0!important;
    min-width:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex-basis:40%!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    flex-basis:39%!important;
    background-size:cover!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:left!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    padding:17px 18px 12px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title{
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-align:left!important;
    text-transform:none!important;
    transform:none!important;
    color:#f5f7fb!important;
    text-shadow:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title{
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:15.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:16.6px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:18px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title{
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.32!important;
    color:rgba(245,247,252,.94)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:9.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:10.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:10.9px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt{
    position:static!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    text-align:left!important;
    text-transform:none!important;
    transform:none!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(222,227,236,.82)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-top:auto!important;
    padding-top:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:left!important;
    text-transform:uppercase!important;
    transform:none!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta{font-size:7.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta{font-size:6.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot{display:none!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time{
    display:inline!important;
    color:#ff7a00!important;
    font:inherit!important;
    letter-spacing:inherit!important;
    text-transform:inherit!important;
  }
}


/* v0.2.112ZZG — Mobile Home Card final architecture pass.
   Replace the remaining mobile title-box/clamp behavior with a single natural
   content column: title, optional excerpt, flex spacer, timestamp. The card/image
   geometry from ZZF is preserved; only the right-side content renderer changes. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:left!important;
    background:linear-gradient(90deg,rgba(11,13,18,.88),rgba(8,10,15,.96))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    padding:17px 18px 12px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    pointer-events:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-title{
    order:1!important;
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-clamp:unset!important;
    text-align:left!important;
    text-transform:none!important;
    transform:none!important;
    color:#f5f7fb!important;
    text-shadow:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-excerpt{
    order:2!important;
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-clamp:unset!important;
    text-align:left!important;
    transform:none!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(222,227,236,.82)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-mobile-card-spacer{order:3!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta{
    order:4!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding-top:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:left!important;
    text-transform:uppercase!important;
    transform:none!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-title{
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:15.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:16.6px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:18px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-title{
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.32!important;
    color:rgba(245,247,252,.94)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-text .vhb-card-title{font-size:9.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-text .vhb-card-title{font-size:10.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-text .vhb-card-title{font-size:10.9px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text .vhb-card-meta{font-size:7.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text .vhb-card-meta{font-size:6.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-author,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-dot{display:none!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text .vhb-card-meta-time{
    display:inline!important;
    color:#ff7a00!important;
    font:inherit!important;
    letter-spacing:inherit!important;
    text-transform:inherit!important;
  }
}

/* v0.2.112ZZH — Mobile Home Card real text-field hotfix.
   Mobile card text now uses mobile-only headline/deck/timestamp classes, removing
   dependency on legacy .vhb-card-title/.vhb-card-excerpt/.vhb-card-meta rules. The
   entire black panel to the right of each image is the text field; there is no inner
   title bounding box, clamp, or overlay geometry. Feature and Insider share identical
   mobile component behavior. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(13,16,22,.96),rgba(8,10,15,.98))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    display:block!important;
    flex:0 0 39%!important;
    width:auto!important;
    height:100%!important;
    min-width:0!important;
    max-width:none!important;
    border-radius:0!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex:0 0 40%!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    position:relative!important;
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-align:left!important;
    transform:none!important;
    background:linear-gradient(90deg,rgba(11,13,18,.88),rgba(8,10,15,.96))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    padding:17px 18px 12px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline{
    order:1!important;
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-align:left!important;
    text-transform:none!important;
    transform:none!important;
    color:#f5f7fb!important;
    text-shadow:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck{
    order:2!important;
    position:static!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-align:left!important;
    transform:none!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(222,227,236,.82)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    pointer-events:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-mobile-card-timestamp{
    order:4!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding-top:5px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:left!important;
    text-transform:uppercase!important;
    transform:none!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline{font-size:15.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:16.6px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline{font-size:18px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.32!important;
    color:rgba(245,247,252,.94)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:9.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:10.9px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp{font-size:7.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{font-size:6.4px!important;}
}


/* v0.2.112ZZI — Mobile Home Card text-field containment + Insider width parity.
   ZZH proved the mobile-only component is the correct path. This pass finishes the
   behavior: the black right panel is the only text field, all overlay/mask/fade
   remnants are neutralized, the timestamp is a true bottom-left flex footer, and
   Feature/Insider share identical image/text width rules. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    background:linear-gradient(90deg,rgba(13,16,22,.96),rgba(8,10,15,.98))!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component:after,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text:after,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline:after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex:0 0 40%!important;
    width:auto!important;
    max-width:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    flex:1 1 60%!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:17px 18px 12px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:left!important;
    background:linear-gradient(90deg,rgba(11,13,18,.88),rgba(8,10,15,.96))!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-mobile-card-timestamp{
    align-self:stretch!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:left!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline{
    order:1!important;
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-transform:none!important;
    color:#f5f7fb!important;
    text-shadow:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck{
    order:2!important;
    display:block!important;
    flex:0 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:normal!important;
    margin-top:6px!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:0 0 0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-mobile-card-timestamp{
    order:4!important;
    display:block!important;
    flex:0 0 auto!important;
    margin-top:auto!important;
    padding-top:5px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline{font-size:15.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:16.6px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline{font-size:18px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.32!important;
    color:#f5f7fb!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:9.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.2px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:10.9px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp{font-size:7.4px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{font-size:6.4px!important;}
}


/* v0.2.112ZZJ — Mobile Home Cards source-order renderer reset.
   This pass stops trying to finesse the legacy zone system on mobile. The desktop
   .vhb-card-content-zones layer is fully removed from the mobile paint path, and
   the mobile component is the only visible renderer: image + one black text column
   + natural headline/excerpt flow + bottom-left timestamp. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card > i,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > .vhb-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card > .vhb-card-content-zones,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card > .vhb-desktop-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card > .vhb-desktop-card-content-zones{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
  body.home .vhb-home-content-prototype .vhb-home-story-card{
    position:relative!important;
    overflow:hidden!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component{
    position:absolute!important;
    inset:0!important;
    z-index:20!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(13,16,22,.96),rgba(8,10,15,.98))!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-component:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-component:after,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text:after,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline:before,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline:after,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline:before,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline:after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    display:block!important;
    flex:0 0 39%!important;
    width:auto!important;
    height:100%!important;
    min-width:0!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex:0 0 40%!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-mobile-card-text{
    position:relative!important;
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:left!important;
    transform:none!important;
    background:linear-gradient(90deg,rgba(11,13,18,.88),rgba(8,10,15,.96))!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    flex:1 1 60%!important;
    padding:17px 18px 12px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-mobile-card-timestamp{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    clip-path:none!important;
    text-align:left!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-mobile-card-headline{
    order:1!important;
    display:block!important;
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    text-transform:none!important;
    color:#f5f7fb!important;
    text-shadow:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck{
    order:2!important;
    display:block!important;
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.34!important;
    color:rgba(222,227,236,.82)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-mobile-card-timestamp{
    order:4!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding-top:5px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
    color:#ff7a00!important;
    font-weight:420!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    font-weight:560!important;
    letter-spacing:-.012em!important;
    line-height:1.22!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-small .vhb-mobile-card-headline{font-size:15.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:16.6px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider.vhb-mobile-title-large .vhb-mobile-card-headline{font-size:18px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    font-weight:410!important;
    letter-spacing:-.004em!important;
    line-height:1.32!important;
    color:#f5f7fb!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:9.4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:10.9px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp{font-size:7.4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{font-size:6.4px!important;}
}


/* v0.2.112ZZK — Mobile Home Cards final text breathing + Insider width polish.
   Builds on ZZJ's successful mobile zone removal. This pass does not reintroduce
   legacy zones; it only restores title/meta breathing room on small cards and lets
   the Insider headline column use the available right-side black field more fully. */
@media(max-width:680px){
  /* Small cards: keep the timestamp in normal document flow after the title so it
     cannot be painted over by a tall headline. The timestamp still stays left-aligned
     and receives a real gap instead of relying on absolute/flex overlap behavior. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    flex:0 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    max-height:calc(100% - 18px)!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:none!important;
    flex:0 0 0!important;
    height:0!important;
    min-height:0!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    margin-top:7px!important;
    padding-top:0!important;
    align-self:flex-start!important;
    text-align:left!important;
    width:auto!important;
    max-width:100%!important;
    position:static!important;
    transform:none!important;
  }

  /* Feature keeps the ZZJ bottom-left footer rhythm. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp{
    margin-top:0!important;
    padding-top:5px!important;
  }

  /* Insider: same card family, but give the editorial text field more usable width.
     The image remains left, the title/meta remain in the black content column, and
     no title wrapper/zone/clamp layer is reintroduced. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    flex:0 0 34%!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    flex:1 1 66%!important;
    padding:17px 12px 12px 18px!important;
    align-items:stretch!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-deck{
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp{
    align-self:flex-start!important;
    margin-top:0!important;
    padding-top:5px!important;
  }
}


/* v0.2.112ZZL — Mobile Small Card headline completion repair.
   ZZK fixed the timestamp collision by giving small-card headlines a calculated
   max-height, but that recreated an abrupt ending on valid headlines. This pass
   removes that artificial title ceiling and lets the headline consume its natural
   flow before the timestamp, with a slightly tighter small-card rhythm so the
   complete title + timestamp fit inside the existing card height. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    justify-content:flex-start!important;
    align-items:flex-start!important;
    padding:8px 9px 6px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-height:1.18!important;
    margin:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:9.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:9.85px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:10.45px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    display:block!important;
    flex:0 0 auto!important;
    position:static!important;
    align-self:flex-start!important;
    width:auto!important;
    margin-top:5px!important;
    padding-top:0!important;
    line-height:1!important;
    text-align:left!important;
  }
}


/* v0.2.112ZZM — Mobile Small Card readable headline + meta gap polish.
   ZZL completed headline flow, but the small-card headline scale landed too
   caption-like against the approved mockup. This final polish raises only the
   mobile small-card headline size slightly and gives the timestamp a clearer
   editorial gap below the title, while preserving the zone-free renderer and
   the full-width Insider behavior. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding:8px 9px 6px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-weight:430!important;
    letter-spacing:-.006em!important;
    line-height:1.16!important;
    margin:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:10.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.9px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:11.55px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    display:block!important;
    flex:0 0 auto!important;
    position:static!important;
    align-self:flex-start!important;
    width:auto!important;
    margin-top:8px!important;
    padding-top:0!important;
    line-height:1!important;
    text-align:left!important;
  }
}


/* v0.2.112ZZN — Mobile Home Card line-height and small-card meta-floor repair.
   ZZM improved readability but the enlarged small-card headlines caused the
   timestamp to ride directly under the title. This pass restores a true flex
   spacer/gap in the small-card text column and opens headline leading on both
   feature-family and small cards without reintroducing title clamps or zones. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    line-height:1.28!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    padding:8px 9px 7px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-height:1.25!important;
    margin:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:1 1 auto!important;
    min-height:7px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    order:4!important;
    display:block!important;
    flex:0 0 auto!important;
    position:static!important;
    align-self:flex-start!important;
    width:auto!important;
    margin-top:0!important;
    padding-top:0!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
}


/* v0.2.112ZZO — Mobile Small Card fixed meta floor + editorial leading polish.
   ZZN proved flex spacing was the wrong tool for the tight two-column small cards:
   the timestamp could still collide with the title. This pass gives ONLY mobile
   Small Cards a reserved bottom timestamp floor. The timestamp is fixed to the
   bottom-left of the black text field with professional padding, while the title
   receives a reserved bottom-safe area and more generous leading. Feature and
   Insider keep the current full-width/zone-free behavior with slightly airier
   headline leading. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    line-height:1.34!important;
  }

  /* Small-card content field: reserve a real bottom meta floor inside the right-hand
     black field. Padding-bottom protects the title from the fixed timestamp row. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    position:relative!important;
    display:block!important;
    padding:8px 9px 22px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100% - 22px)!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-height:1.34!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:10.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.9px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:11.55px!important;}

  /* Bottom-left timestamp floor. This deliberately avoids flex pushing/collision. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:none!important;
    flex:0 0 0!important;
    height:0!important;
    min-height:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    display:block!important;
    position:absolute!important;
    left:9px!important;
    right:auto!important;
    bottom:7px!important;
    top:auto!important;
    width:auto!important;
    max-width:calc(100% - 18px)!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    z-index:3!important;
  }
}


/* v0.2.112ZZP — Mobile Small Card true absolute timestamp anchor.
   ZZO attempted a bottom timestamp floor, but the timestamp still behaved as if
   the text pane's containing block was shrinking to content height. This pass
   makes only the compact mobile Small Cards use an explicit two-column grid so
   the right-hand black text field has the full card height. The timestamp is
   then absolutely anchored to the bottom-left of that full-height text field,
   with title clearance reserved above it. Feature and Insider behavior is left
   intact. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component{
    display:grid!important;
    grid-template-columns:39% minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    flex:none!important;
    align-self:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    padding:8px 9px 24px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 0 6px!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-height:1.36!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    flex:0 0 0!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:absolute!important;
    left:9px!important;
    right:auto!important;
    bottom:8px!important;
    top:auto!important;
    display:block!important;
    width:auto!important;
    max-width:calc(100% - 18px)!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:10!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
}


/* v0.2.112ZZQ — Authoritative mobile Small Card timestamp floor.
   ZZP proved the old absolute attempt was not enough because title and meta were
   still visually competing in the same tight content field. This final mobile
   Small Card rule makes the whole card a real containing block, pins the mobile
   component to the full card, gives compact cards a touch more vertical room,
   and returns the text pane to a simple flex column: title at top, timestamp on
   the bottom floor. Feature and Insider are intentionally untouched. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    position:relative!important;
    display:block!important;
    min-height:118px!important;
    height:118px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) > i,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-desktop-card-content-zones,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-desktop-card-content-zones{
    display:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:39% minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    flex:none!important;
    align-self:stretch!important;
    background-size:cover!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    padding:9px 10px 10px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 1 auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    line-height:1.30!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:10.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:10.9px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:11.55px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:10px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:100%!important;
    transform:none!important;
    z-index:10!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
}


/* v0.2.112ZZR — Mobile Small Card readable-title + true timestamp floor.
   ZZR keeps the post-ZZQ clean renderer, but stops the timestamp from sharing
   the title flow. The small-card text pane is the containing block, the timestamp
   is anchored to the pane floor, and the title receives a reserved bottom lane.
   Small cards get a modest height/readability lift so larger headlines can breathe
   without colliding with the timestamp. Feature and Insider are intentionally
   preserved. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    min-height:132px!important;
    height:132px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    position:relative!important;
    display:block!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    padding:11px 12px 36px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100% - 0px)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-weight:800!important;
    line-height:1.36!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:11.4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:12.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:12.8px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    bottom:13px!important;
    top:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    transform:none!important;
    z-index:20!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
}


/* v0.2.112ZZS — Mobile Small Card hard meta lane.
   ZZR improved scale, but long headlines could still visually enter the timestamp lane.
   This pass gives compact mobile cards a true bottom meta lane: the timestamp is
   absolutely anchored to the text pane floor, and the headline is clipped above
   that lane so the meta can never be covered by title text. Feature/Insider are
   not touched. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    position:relative!important;
    height:132px!important;
    min-height:132px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:39% minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    padding:11px 12px 0!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100% - 39px)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-weight:800!important;
    line-height:1.34!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:11.4px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:12.1px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:12.8px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    bottom:13px!important;
    top:auto!important;
    display:block!important;
    z-index:30!important;
    margin:0!important;
    padding:2px 0 0!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    transform:none!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(8,10,14,.98) 0%,rgba(8,10,14,.92) 70%,rgba(8,10,14,0) 100%)!important;
  }
}


/* v0.2.112ZZT — Mobile Small Card unclipped natural-flow text stack.
   ZZS protected the meta lane but reintroduced title clipping by capping the
   headline region. This pass removes the fixed headline ceiling for Small Cards
   and makes the compact card a simple grid/flex text stack: title flows first,
   a real spacer expands when room exists, and timestamp sits on the bottom row.
   If a headline genuinely needs more vertical room, the card may grow from its
   minimum height instead of clipping the text. Feature/Insider are untouched. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider),
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider){
    height:auto!important;
    min-height:132px!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-component{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:39% minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    width:100%!important;
    min-height:132px!important;
    height:auto!important;
    overflow:visible!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    min-height:132px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:132px!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
    padding:11px 12px 13px!important;
    overflow:visible!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-weight:800!important;
    line-height:1.32!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:11.2px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:11.85px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:12.45px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    z-index:2!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:100%!important;
    transform:none!important;
    text-align:left!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    background:transparent!important;
  }
}


/* v0.2.112ZZU — Mobile Small Card typography polish.
   Narrow finishing pass from ZZT: keep the working unclipped flow, reduce the
   compact-card headline weight so it no longer overpowers Feature, add a tiny
   editorial tracking adjustment, and reclaim a few pixels of text width. The
   text-wrap rule helps avoid lonely one-word lines such as "and" when the
   browser supports it. No card structure, timestamp behavior, Feature, or
   Insider rules are changed. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    font-weight:700!important;
    letter-spacing:-0.012em!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}


/* v0.2.112ZZV — Desktop/tablet Home Card meta removal.
   The mobile card timestamp from ZZU is preserved. On tablet and desktop,
   Home Cards return to pure editorial image + headline treatment with no
   date/author pill or reserved meta space. */
@media (min-width:681px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-byline,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-byline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-mobile-card-text .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-mobile-card-text .vhb-card-meta{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
  }
}


/* v0.2.112ZZX — Mobile Home Card final geometry, type nudge, and image zoom respect.
   Restrained follow-up from ZZV: keep the stable clean mobile source-order flow,
   give Insider the same Feature-card mobile geometry, nudge Small Card headlines
   slightly larger without returning to absolute meta positioning, and reassert
   mobile crop zoom after earlier cover rules so front-end mobile images respect
   the admin crop/zoom values. */
@media(max-width:680px){
  /* Mobile crop/zoom: the dedicated mobile component must honor the saved mobile
     zoom and focal point. Use the computed cover floor only as a minimum so the
     image never leaves empty space. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
    background-repeat:no-repeat!important;
  }

  /* Feature + Insider: identical mobile card geometry. This undoes the earlier
     Insider-only narrow-image/wide-text tweak now that the content column itself
     is clean and unclipped. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature,
  body.home .vhb-home-content-prototype .vhb-home-card-feature,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider,
  body.home .vhb-home-content-prototype .vhb-home-card-insider{
    min-height:150px!important;
    height:auto!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component{
    display:grid!important;
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:150px!important;
    height:auto!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-image,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    flex:initial!important;
    width:100%!important;
    height:100%!important;
    min-height:150px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    flex:initial!important;
    min-height:150px!important;
    height:auto!important;
    padding:17px 18px 12px!important;
    overflow:visible!important;
  }

  /* Small Cards: tiny readable type nudge only. Timestamp remains in normal flex
     flow after the title/spacer, so a taller title pushes it naturally instead
     of sliding underneath it. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-text{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-headline{
    max-height:none!important;
    overflow:visible!important;
    line-height:1.32!important;
    font-weight:700!important;
    letter-spacing:-0.014em!important;
    text-wrap:balance!important;
    hyphens:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-small .vhb-mobile-card-headline{font-size:11.55px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-medium .vhb-mobile-card-headline{font-size:12.25px!important;}
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider).vhb-mobile-title-large .vhb-mobile-card-headline{font-size:12.85px!important;}

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:7px!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-story-card:not(.vhb-home-card-feature):not(.vhb-home-card-insider) .vhb-mobile-card-timestamp{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    background:transparent!important;
  }
}


/* v0.2.112ZZX — Final mobile Home Card whipped-cream polish.
   Surgical follow-up from ZZW:
   1) Insider uses the same full text-column width behavior as Feature after being
      promoted to Feature geometry.
   2) Mobile image panes prefer the saved mobile zoom/focal values directly rather
      than falling back through the desktop zoom state. */
@media(max-width:680px){
  /* Mobile crop/zoom: honor saved mobile crop controls first. Do not let the desktop
     zoom become the effective mobile size when a mobile zoom value exists. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    background-position:var(--vhb-card-mobile-x,50%) var(--vhb-card-mobile-y,50%)!important;
    background-size:var(--vhb-card-mobile-zoom,100%) auto!important;
    background-repeat:no-repeat!important;
  }

  /* Feature/Insider: keep the matched geometry, but explicitly make the text pane
     and headline consume the entire second grid column. This removes the old
     Insider/narrow-title inheritance without touching Small Cards. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component{
    grid-template-columns:40% minmax(0,60%)!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
}


/* v0.2.112ZZY — Mobile Home Card final corrective pass.
   ZZX confirmed that the previous whipped-cream selectors were not resolving the
   two live issues. This pass restores the proven cover-floor crop math while
   keeping mobile zoom/focal values ahead of desktop fallback, and opens the
   Insider text column by using an Insider-specific mobile split instead of the
   Feature split that reintroduced the exaggerated right-side title margin. */
@media(max-width:680px){
  /* Mobile crop/zoom: restore the stable cover-floor sizing that avoids exposed
     image pane background. The saved mobile zoom remains the preferred authored
     value; desktop zoom is only a fallback when no mobile value exists. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:max(var(--vhb-card-mobile-cover-zoom,100%), var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
    background-repeat:no-repeat!important;
  }

  /* Keep Feature geometry intact. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-component{
    display:grid!important;
    grid-template-columns:40% minmax(0,1fr)!important;
    min-height:150px!important;
    align-items:stretch!important;
  }

  /* Insider keeps the same enlarged card height but reclaims text width. */
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-component{
    display:grid!important;
    grid-template-columns:35% minmax(0,65%)!important;
    min-height:150px!important;
    align-items:stretch!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text{
    grid-column:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:17px 10px 12px 18px!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-headline{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
}


/* v0.2.112ZZZ — Mobile Home Card crop/zoom final correction.
   Keep all ZZY layout wins intact. Replace the Safari-sensitive CSS max(var())
   background-size with a PHP-computed effective mobile zoom value so the mobile
   front end honors the Mobile Preview crop controls rather than falling back to
   desktop/default rendering. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-image,
  body.home .vhb-home-content-prototype .vhb-mobile-card-image{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-effective-zoom,var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
    background-repeat:no-repeat!important;
  }
}


/* v0.2.112ZZZB — Mobile Feature/Insider timestamp proximity polish.
   Final small visual adjustment: Feature and Insider already use clean mobile
   source-order markup (headline, spacer, timestamp). The previous flexible spacer
   pushed their timestamps too far toward the card floor. Keep Small Cards and all
   image/crop rules untouched; make only Feature/Insider use a short fixed spacer
   so the timestamp sits closer beneath the title while remaining in normal flow. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-spacer,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-spacer{
    display:block!important;
    flex:0 0 8px!important;
    height:8px!important;
    min-height:8px!important;
    max-height:8px!important;
    width:100%!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-timestamp{
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }
}


/* v0.2.112ZZZC — Mobile Feature/Insider excerpt flow repair.
   Keep the ZZZB title/meta proximity for cards without excerpts, but when a
   Feature/Insider card has a mobile excerpt, give the headline, excerpt, spacer,
   and timestamp a clean source-order flow so the excerpt cannot paint over the
   title or timestamp. Small Cards, desktop/tablet, and image/crop rules are untouched. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck),
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck),
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck),
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck){
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline{
    order:1!important;
    display:block!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck{
    order:2!important;
    display:-webkit-box!important;
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    font-style:normal!important;
    font-weight:360!important;
    font-size:10.6px!important;
    line-height:1.22!important;
    letter-spacing:.03em!important;
    color:rgba(222,227,236,.78)!important;
    text-transform:none!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:0 0 7px!important;
    height:7px!important;
    min-height:7px!important;
    max-height:7px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp{
    order:4!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
}


/* v0.2.112ZZZD — Mobile Feature/Insider excerpt ceiling removal + spacing polish.
   Feature/Insider only: remove the remaining excerpt clamp/hidden lane introduced by
   earlier mobile excerpt passes, add a touch more title→excerpt separation, and keep
   excerpt→timestamp separation consistent with the other mobile cards. Small Cards,
   desktop/tablet, image/crop rules, and card geometry are untouched. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-headline{
    flex:0 0 auto!important;
    overflow:visible!important;
    max-height:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-deck{
    order:2!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:9px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-box-orient:unset!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    font-style:normal!important;
    font-weight:360!important;
    font-size:10.8px!important;
    line-height:1.34!important;
    letter-spacing:.025em!important;
    color:rgba(222,227,236,.78)!important;
    text-transform:none!important;
    transform:none!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-spacer{
    order:3!important;
    display:block!important;
    flex:0 0 8px!important;
    height:8px!important;
    min-height:8px!important;
    max-height:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-feature .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp,
  body.home .vhb-home-content-prototype .vhb-home-card-insider .vhb-mobile-card-text:has(.vhb-mobile-card-deck) .vhb-mobile-card-timestamp{
    order:4!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
}


/* v0.2.112ZZZE — Mobile Countdown to Tipoff condensed layout
   Mobile-only presentation for the Home Page countdown widget. Desktop/tablet
   keep the established full-size arena design. The same countdown markup and
   admin data/controls are reused; only the mobile front-end geometry changes. */
@media (max-width: 760px){
  body .vhb-mobile-home-countdown{
    margin: 14px 0 14px !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-widget{
    height: clamp(142px, 39vw, 174px) !important;
    min-height: 0 !important;
    max-height: 174px !important;
    border-radius: 14px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.34) 20%,rgba(0,0,0,.58) 52%,rgba(0,0,0,.38) 78%,rgba(0,0,0,.18) 100%),
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.76) 100%),
      var(--vhb-countdown-arena) center 47%/cover no-repeat !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  body .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    content: none !important;
    display: none !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{
    position: absolute !important;
    z-index: 3 !important;
    top: clamp(12px,3vw,17px) !important;
    left: clamp(66px,18vw,92px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    grid-template-columns: none !important;
    gap: clamp(8px,2.5vw,13px) !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-team-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width: clamp(30px,8.7vw,39px) !important;
    height: clamp(30px,8.7vw,39px) !important;
    max-width: 39px !important;
    max-height: 39px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.78)) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-kentucky-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width: clamp(34px,9.6vw,44px) !important;
    height: clamp(30px,8.7vw,39px) !important;
    max-width: 44px !important;
    max-height: 39px !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup span{
    font-size: clamp(12px,3.5vw,16px) !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: .03em !important;
    text-shadow: 0 2px 9px rgba(0,0,0,.92) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-stage{
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-label{
    position: absolute !important;
    top: clamp(14px,3.4vw,20px) !important;
    right: clamp(16px,4.5vw,24px) !important;
    width: min(52%, 232px) !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(8px,2.25vw,10.5px) !important;
    line-height: 1.05 !important;
    letter-spacing: .19em !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 11px rgba(0,0,0,.96) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-hero{
    position: absolute !important;
    top: clamp(35px,9.2vw,48px) !important;
    right: clamp(15px,4.2vw,24px) !important;
    width: min(53%, 238px) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-hero img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    filter: drop-shadow(0 5px 9px rgba(0,0,0,.86)) contrast(1.04) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid{
    position: absolute !important;
    left: clamp(70px,18.8vw,96px) !important;
    bottom: clamp(18px,4.7vw,25px) !important;
    width: min(48%, 214px) !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: clamp(4px,1.25vw,6px) !important;
    margin: 0 !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid div{
    min-height: clamp(35px,9.8vw,46px) !important;
    height: clamp(35px,9.8vw,46px) !important;
    padding: clamp(4px,1.3vw,6px) 1px clamp(3px,1vw,5px) !important;
    border-radius: clamp(6px,1.8vw,9px) !important;
    background: rgba(0,0,0,.54) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 0 16px rgba(0,0,0,.36), 0 4px 12px rgba(0,0,0,.18) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid strong{
    font-size: clamp(15px,4.7vw,22px) !important;
    line-height: .95 !important;
    letter-spacing: -.035em !important;
    font-weight: 800 !important;
    color: #ff8414 !important;
    text-shadow: 0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid span{
    margin-top: 2px !important;
    font-size: clamp(4.9px,1.42vw,6.2px) !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
    color: #fff !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{
    position: absolute !important;
    right: clamp(19px,5vw,27px) !important;
    bottom: clamp(24px,6.4vw,34px) !important;
    width: min(32%, 142px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.94) !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-first-game strong{
    font-size: clamp(7.8px,2.35vw,10.5px) !important;
    line-height: 1.08 !important;
    letter-spacing: .16em !important;
    color: #fff !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-first-game em{
    font-size: clamp(7px,2vw,9px) !important;
    line-height: 1.05 !important;
    letter-spacing: .08em !important;
    color: #dce0e8 !important;
    font-style: normal !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 380px){
  body .vhb-mobile-home-countdown .vhb-countdown-widget{height: 138px !important;}
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{left: 58px !important; gap: 7px !important;}
  body .vhb-mobile-home-countdown .vhb-countdown-grid{left: 58px !important; width: 50% !important;}
  body .vhb-mobile-home-countdown .vhb-countdown-label{right: 12px !important; width: 52% !important;}
  body .vhb-mobile-home-countdown .vhb-countdown-hero{right: 12px !important; width: 54% !important;}
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{right: 12px !important; width: 32% !important;}
}

/* Admin preview helper for the responsive CtT system. Existing admin controls remain
   the single source of truth; this note keeps the condensed mobile behavior visible
   without adding a separate widget configuration surface. */
.vhb-countdown-mobile-note{
  margin:10px 0 0!important;
  color:#66707d!important;
  font-size:12px!important;
  line-height:1.4!important;
}


/* v0.2.112ZZZG — Mobile CtT art-direction polish + admin mobile preview
   Desktop/tablet remain on the established full widget. These overrides tune only
   the condensed Home mobile presentation and the matching admin mobile preview. */
.vhb-countdown-preview-label{
  margin:14px 0 8px!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#505a66!important;
  font-weight:900!important;
}
.vhb-countdown-mobile-preview-shell{
  margin-top:18px!important;
  padding:14px 12px 16px!important;
  border:1px solid #e6e7eb!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget{
  max-width:390px!important;
  margin:0 auto!important;
}
@media (max-width:760px){
  body .vhb-mobile-home-countdown .vhb-countdown-widget{
    background:
      linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.30) 20%,rgba(0,0,0,.60) 52%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.14) 100%),
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.16) 45%,rgba(0,0,0,.74) 100%),
      var(--vhb-countdown-arena) center 16%/cover no-repeat!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{
    top:clamp(10px,2.45vw,14px)!important;
    left:clamp(70px,18.5vw,96px)!important;
    gap:clamp(7px,2.1vw,11px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-team-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(28px,7.9vw,36px)!important;
    height:clamp(28px,7.9vw,36px)!important;
    max-width:36px!important;
    max-height:36px!important;
    border-radius:8px!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-kentucky-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(31px,8.8vw,41px)!important;
    height:clamp(28px,7.9vw,36px)!important;
    max-width:41px!important;
    max-height:36px!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup span{
    font-size:clamp(11px,3.1vw,15px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-label{
    top:clamp(9px,2.35vw,13px)!important;
    right:clamp(18px,4.6vw,25px)!important;
    width:min(50%,220px)!important;
    font-size:clamp(7.6px,2.05vw,9.7px)!important;
    letter-spacing:.18em!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-hero{
    top:clamp(25px,6.7vw,35px)!important;
    right:clamp(18px,4.6vw,26px)!important;
    width:min(49%,218px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid{
    left:clamp(68px,18vw,94px)!important;
    bottom:clamp(17px,4.4vw,24px)!important;
    width:min(47%,208px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{
    right:clamp(22px,5.6vw,30px)!important;
    bottom:clamp(22px,5.7vw,31px)!important;
    width:min(31%,136px)!important;
  }
}
@media (max-width:380px){
  body .vhb-mobile-home-countdown .vhb-countdown-widget{
    background:
      linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.30) 20%,rgba(0,0,0,.60) 52%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.14) 100%),
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.16) 45%,rgba(0,0,0,.74) 100%),
      var(--vhb-countdown-arena) center 14%/cover no-repeat!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{left:58px!important;top:9px!important;gap:6px!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-label{top:8px!important;right:12px!important;width:50%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-hero{top:24px!important;right:12px!important;width:50%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-grid{left:58px!important;width:49%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{right:13px!important;width:31%!important;}
}
/* Admin-side rendering of the mobile preview without affecting the full preview. */
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget{
  height:154px!important;
  min-height:0!important;
  max-height:154px!important;
  border-radius:14px!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.30) 20%,rgba(0,0,0,.60) 52%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.16) 45%,rgba(0,0,0,.74) 100%),
    var(--vhb-countdown-arena) center 16%/cover no-repeat!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget:before,
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget:after{content:none!important;display:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-matchup{position:absolute!important;z-index:3!important;top:10px!important;left:70px!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget img.vhb-team-logo{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:8px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.78))!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-widget img.vhb-kentucky-logo{width:36px!important;height:32px!important;max-width:36px!important;max-height:32px!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-matchup span{font-size:13px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-stage{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-label{position:absolute!important;top:9px!important;right:18px!important;width:196px!important;margin:0!important;color:#fff!important;font-size:8.5px!important;line-height:1.05!important;letter-spacing:.18em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important;text-shadow:0 2px 11px rgba(0,0,0,.96)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-hero{position:absolute!important;top:28px!important;right:18px!important;width:194px!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-hero img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.86)) contrast(1.04)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-grid{position:absolute!important;left:68px!important;bottom:18px!important;width:186px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-grid div{min-height:40px!important;height:40px!important;padding:5px 1px 4px!important;border-radius:7px!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.36),0 4px 12px rgba(0,0,0,.18)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-grid strong{font-size:18px!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:800!important;color:#ff8414!important;text-shadow:0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-grid span{margin-top:2px!important;font-size:5.2px!important;line-height:1!important;letter-spacing:.07em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-first-game{position:absolute!important;right:22px!important;bottom:22px!important;width:120px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.94)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-first-game strong{font-size:8.5px!important;line-height:1.08!important;letter-spacing:.16em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-first-game em{font-size:7.6px!important;line-height:1.05!important;letter-spacing:.08em!important;color:#dce0e8!important;font-style:normal!important;white-space:nowrap!important;}


/* v0.2.112ZZZG — Mobile CtT art-direction final polish + dark admin mobile preview
   Live mobile only: align logo cluster with hero lockup, shift lower rows left.
   Admin only: render a dark, phone-like condensed mobile preview using the same data. */
@media (max-width:760px){
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{
    top:clamp(22px,5.8vw,31px)!important;
    left:clamp(66px,17.4vw,90px)!important;
    gap:clamp(6px,1.9vw,10px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-team-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(27px,7.6vw,35px)!important;
    height:clamp(27px,7.6vw,35px)!important;
    max-width:35px!important;
    max-height:35px!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-matchup .vhb-kentucky-logo,
  body .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(30px,8.5vw,39px)!important;
    height:clamp(27px,7.6vw,35px)!important;
    max-width:39px!important;
    max-height:35px!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-label{
    top:clamp(8px,2.15vw,12px)!important;
    right:clamp(40px,10.5vw,55px)!important;
    width:min(50%,220px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-hero{
    top:clamp(26px,6.8vw,36px)!important;
    right:clamp(42px,10.8vw,58px)!important;
    width:min(47%,208px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-grid{
    left:clamp(46px,12.4vw,66px)!important;
    bottom:clamp(17px,4.4vw,24px)!important;
    width:min(47%,208px)!important;
  }
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{
    right:clamp(44px,11.5vw,62px)!important;
    bottom:clamp(22px,5.7vw,31px)!important;
    width:min(31%,136px)!important;
  }
}
@media (max-width:380px){
  body .vhb-mobile-home-countdown .vhb-countdown-matchup{top:20px!important;left:54px!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-label{right:24px!important;width:52%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-hero{right:25px!important;width:50%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-grid{left:38px!important;width:50%!important;}
  body .vhb-mobile-home-countdown .vhb-countdown-first-game{right:26px!important;width:32%!important;}
}

.vhb-countdown-mobile-preview-shell{
  margin:20px 0 24px!important;
  padding:18px!important;
  border:1px solid rgba(255,130,0,.30)!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 20% 0%,rgba(255,130,0,.12),transparent 32%),linear-gradient(180deg,#0f141b,#06080c)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.vhb-countdown-mobile-preview-shell > .vhb-countdown-preview-label{
  margin:0 0 14px!important;
  color:#ff9a2b!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{
  width:min(390px,100%)!important;
  max-width:390px!important;
  margin:0 auto!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#030407!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,130,0,.10),0 12px 28px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget{
  width:100%!important;
  max-width:100%!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  margin:0!important;
  border-radius:14px!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.30) 20%,rgba(0,0,0,.60) 52%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.16) 45%,rgba(0,0,0,.74) 100%),
    var(--vhb-countdown-arena) center 16%/cover no-repeat!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget:before,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget:after{content:none!important;display:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup{position:absolute!important;z-index:3!important;top:22px!important;left:54px!important;display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-team-logo{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;border-radius:7px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.78))!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-kentucky-logo{width:31px!important;height:28px!important;max-width:31px!important;max-height:28px!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup span{font-size:11px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-stage{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-label{position:absolute!important;top:8px!important;right:34px!important;width:190px!important;margin:0!important;color:#fff!important;font-size:7.7px!important;line-height:1.05!important;letter-spacing:.18em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important;text-shadow:0 2px 11px rgba(0,0,0,.96)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero{position:absolute!important;top:25px!important;right:36px!important;width:178px!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.86)) contrast(1.04)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid{position:absolute!important;left:36px!important;bottom:17px!important;width:184px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid div{min-height:38px!important;height:38px!important;padding:5px 1px 4px!important;border-radius:7px!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.36),0 4px 12px rgba(0,0,0,.18)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid strong{font-size:17px!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:800!important;color:#ff8414!important;text-shadow:0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid span{margin-top:2px!important;font-size:5.1px!important;line-height:1!important;letter-spacing:.07em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game{position:absolute!important;right:38px!important;bottom:21px!important;width:118px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.94)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game strong{font-size:8px!important;line-height:1.08!important;letter-spacing:.16em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game em{font-size:7.3px!important;line-height:1.05!important;letter-spacing:.08em!important;color:#dce0e8!important;font-style:normal!important;white-space:nowrap!important;}
@media(max-width:500px){
  .vhb-countdown-mobile-preview-shell{padding:14px 10px 16px!important;margin-left:-6px!important;margin-right:-6px!important;}
  .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{padding:8px!important;}
}


/* v0.2.112ZZZK — Countdown hero lockup transparency pass
   The hero artwork itself is now transparent; keep readability via a subtle
   feathered shadow layer instead of the old opaque black rectangle. */
.vhb-countdown-hero{
  position:absolute!important;
  isolation:isolate!important;
  background:transparent!important;
}
.vhb-countdown-hero:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:-10% -8% -16%!important;
  border-radius:18px!important;
  background:
    radial-gradient(ellipse at 50% 52%, rgba(0,0,0,.46) 0%, rgba(0,0,0,.30) 38%, rgba(0,0,0,.10) 66%, rgba(0,0,0,0) 100%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
.vhb-countdown-hero img{
  position:relative!important;
  z-index:1!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.84)) drop-shadow(0 0 18px rgba(0,0,0,.42)) contrast(1.04)!important;
}
body .vhb-mobile-home-countdown .vhb-countdown-hero:before,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero:before{
  inset:-12% -10% -18%!important;
  background:
    radial-gradient(ellipse at 50% 54%, rgba(0,0,0,.50) 0%, rgba(0,0,0,.32) 36%, rgba(0,0,0,.12) 64%, rgba(0,0,0,0) 100%)!important;
}

/* v0.2.112ZZZK — Admin mobile CtT preview visibility/fixed phone frame. */
.vhb-countdown-mobile-preview-shell{margin:22px 0 24px!important;padding:18px!important;border:1px solid rgba(255,130,0,.32)!important;border-radius:18px!important;background:radial-gradient(circle at 18% 0%,rgba(255,130,0,.14),transparent 34%),linear-gradient(180deg,#10151d,#06080c)!important;box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;overflow:hidden!important}.vhb-countdown-mobile-preview-shell>.vhb-countdown-preview-label{margin:0 0 14px!important;color:#ff9a2b!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.14em!important;text-transform:uppercase!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{width:100%!important;max-width:392px!important;margin:0 auto!important;padding:10px!important;border-radius:24px!important;background:#030407!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,130,0,.10),0 12px 28px rgba(0,0,0,.45)!important;overflow:hidden!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget{display:block!important;width:100%!important;max-width:none!important;height:146px!important;min-height:146px!important;max-height:146px!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.30) 20%,rgba(0,0,0,.62) 52%,rgba(0,0,0,.36) 78%,rgba(0,0,0,.16) 100%),linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.75) 100%),var(--vhb-countdown-arena) center 15%/cover no-repeat!important;box-shadow:none!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget:before,.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget:after{content:none!important;display:none!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup{position:absolute!important;z-index:5!important;top:22px!important;left:48px!important;display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-team-logo{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;border-radius:7px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.78))!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-kentucky-logo{width:34px!important;height:30px!important;max-width:34px!important;max-height:30px!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup span{font-size:12px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-stage{position:absolute!important;inset:0!important;z-index:4!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-label{position:absolute!important;top:8px!important;right:20px!important;width:210px!important;margin:0!important;color:#fff!important;font-size:8px!important;line-height:1.05!important;letter-spacing:.18em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important;text-shadow:0 2px 11px rgba(0,0,0,.96)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero{position:absolute!important;top:28px!important;right:20px!important;width:210px!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;isolation:isolate!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero:before{content:""!important;position:absolute!important;z-index:0!important;inset:-12% -10% -18%!important;border-radius:16px!important;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.50) 0%,rgba(0,0,0,.32) 36%,rgba(0,0,0,.12) 64%,rgba(0,0,0,0) 100%)!important;filter:blur(2px)!important;pointer-events:none!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero img{display:block!important;position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;height:auto!important;border:0!important;border-radius:0!important;margin:0!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.86)) drop-shadow(0 0 14px rgba(0,0,0,.42)) contrast(1.04)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid{position:absolute!important;left:38px!important;bottom:18px!important;width:198px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important;padding:0!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid div{display:grid!important;justify-items:center!important;align-content:center!important;min-height:40px!important;height:40px!important;padding:5px 1px 4px!important;border-radius:7px!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.36),0 4px 12px rgba(0,0,0,.18)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid strong{font-size:18px!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:800!important;color:#ff8414!important;text-shadow:0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid span{margin-top:2px!important;font-size:5.2px!important;line-height:1!important;letter-spacing:.07em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game{position:absolute!important;right:22px!important;bottom:21px!important;width:126px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.94)!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game strong{font-size:8.4px!important;line-height:1.08!important;letter-spacing:.16em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game em{font-size:7.5px!important;line-height:1.05!important;letter-spacing:.08em!important;color:#dce0e8!important;font-style:normal!important;white-space:nowrap!important}@media(max-width:782px){.vhb-countdown-mobile-preview-shell{padding:14px 10px 16px!important;margin-left:0!important;margin-right:0!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{padding:8px!important}.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget{height:142px!important;min-height:142px!important;max-height:142px!important}}


/* v0.2.112ZZZK — Admin mobile CtT preview mount fix.
   The preview wrapper also carries .vhb-mobile-home-countdown, which is hidden by default
   for non-mobile contexts. Force the admin preview wrapper visible without touching the live widget. */
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render.vhb-mobile-home-countdown,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:154px!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render > .vhb-countdown-widget{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v0.2.112ZZZN — practical admin mobile CtT preview sandbox and linked-selector cleanup.
   Live widget is untouched; this is preview-only proportional artwork. */
.vhb-countdown-mobile-preview-shell{
  margin:22px 0 24px!important;
  padding:18px 16px 20px!important;
  border:1px solid rgba(255,130,0,.34)!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 18% 0%,rgba(255,130,0,.13),transparent 36%),linear-gradient(180deg,#10151d,#06080c)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.vhb-countdown-mobile-preview-shell>.vhb-countdown-preview-label{
  margin:0 0 14px!important;
  color:#ff9a2b!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{
  width:465px!important;
  max-width:100%!important;
  height:154px!important;
  margin:0 auto!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#030407!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 0 0 1px rgba(255,130,0,.10),0 12px 28px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
  position:relative!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget{
  display:block!important;
  position:relative!important;
  width:620px!important;
  min-width:620px!important;
  max-width:620px!important;
  height:178px!important;
  min-height:178px!important;
  max-height:178px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:scale(.718)!important;
  transform-origin:top left!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.28) 19%,rgba(0,0,0,.56) 52%,rgba(0,0,0,.36) 78%,rgba(0,0,0,.16) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.10) 36%,rgba(0,0,0,.68) 100%),
    var(--vhb-countdown-arena) center 18%/cover no-repeat!important;
}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget:before,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget:after{content:none!important;display:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-stage{position:absolute!important;inset:0!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;z-index:2!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup{position:absolute!important;z-index:5!important;top:20px!important;left:96px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;background:transparent!important;width:auto!important;height:auto!important;transform:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup img.vhb-team-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;border-radius:10px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.82))!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup img.vhb-kentucky-logo{width:48px!important;height:42px!important;max-width:48px!important;max-height:42px!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup span{font-size:17px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important;margin:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-label{position:absolute!important;z-index:4!important;top:18px!important;right:30px!important;left:auto!important;width:260px!important;margin:0!important;font-size:10.5px!important;line-height:1.05!important;letter-spacing:.19em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 2px 11px rgba(0,0,0,.96)!important;transform:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero{position:absolute!important;z-index:4!important;top:48px!important;right:30px!important;left:auto!important;width:260px!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;transform:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero:before{content:""!important;position:absolute!important;z-index:0!important;inset:-10% -9% -18%!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.50) 0%,rgba(0,0,0,.30) 38%,rgba(0,0,0,.10) 68%,rgba(0,0,0,0) 100%)!important;filter:blur(2px)!important;pointer-events:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero img{display:block!important;position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;height:auto!important;border:0!important;border-radius:0!important;margin:0!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.86)) drop-shadow(0 0 14px rgba(0,0,0,.42)) contrast(1.04)!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid{position:absolute!important;z-index:4!important;left:86px!important;right:auto!important;bottom:22px!important;top:auto!important;width:244px!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important;transform:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid div{display:grid!important;justify-items:center!important;align-content:center!important;min-height:46px!important;height:46px!important;padding:6px 1px 5px!important;border-radius:9px!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.36),0 4px 12px rgba(0,0,0,.18)!important;margin:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid strong{display:block!important;font-size:22px!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:800!important;color:#ff8414!important;text-shadow:0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75)!important;margin:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid span{display:block!important;margin:2px 0 0!important;font-size:6px!important;line-height:1!important;letter-spacing:.07em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game{position:absolute!important;z-index:4!important;right:34px!important;left:auto!important;bottom:30px!important;top:auto!important;width:158px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.94)!important;transform:none!important;grid-template-columns:none!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game strong{font-size:10px!important;line-height:1.08!important;letter-spacing:.16em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;margin:0!important;padding:0!important;}
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game em{font-size:8.5px!important;line-height:1.05!important;letter-spacing:.08em!important;color:#dce0e8!important;font-style:normal!important;white-space:nowrap!important;margin:0!important;padding:0!important;}
@media(max-width:560px){
  .vhb-countdown-mobile-preview-shell{padding:14px 10px 16px!important;}
  .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{width:380px!important;height:132px!important;padding:8px!important;}
  .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget{transform:scale(.587)!important;}
}
.vhb-home-card-admin select.vhb-card-content-select option[value=""],
.vhb-home-card-admin .vhb-card-content-select option[value=""]{display:none!important;}


/* v0.2.112ZZZO — final admin-only CtT mobile preview framing.
   Keep the live widget untouched. The admin preview renders as a fixed, self-contained
   mini phone composition with percentage-based internal placement so it remains visible
   inside the widget control panel instead of inheriting live/front-end scale rules. */
.vhb-widget-preview .vhb-countdown-mobile-preview-shell{
  margin:22px 0 24px!important;
  padding:18px 16px 20px!important;
  border:1px solid rgba(255,130,0,.38)!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 18% 0%,rgba(255,130,0,.13),transparent 36%),linear-gradient(180deg,#10151d,#06080c)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell>.vhb-countdown-preview-label{
  margin:0 0 14px!important;
  color:#ff9a2b!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{
  box-sizing:border-box!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:520px!important;
  max-width:100%!important;
  height:166px!important;
  min-height:166px!important;
  margin:0 auto!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#030407!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 0 0 1px rgba(255,130,0,.10),0 12px 28px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
  position:relative!important;
}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget,
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:144px!important;
  min-height:144px!important;
  max-height:144px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transform-origin:initial!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.13) 0%,rgba(0,0,0,.24) 18%,rgba(0,0,0,.54) 52%,rgba(0,0,0,.34) 78%,rgba(0,0,0,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.09) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.70) 100%),
    var(--vhb-countdown-arena) center 16%/cover no-repeat!important;
}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget:before,
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget:after{content:none!important;display:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-stage{position:absolute!important;inset:0!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;z-index:2!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup{position:absolute!important;z-index:5!important;top:20px!important;left:13%!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;transform:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup img.vhb-team-logo,
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-team-logo{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:8px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.78))!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup img.vhb-kentucky-logo,
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget img.vhb-kentucky-logo{width:36px!important;height:32px!important;max-width:36px!important;max-height:32px!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-matchup span{font-size:13px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important;margin:0!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-label{position:absolute!important;z-index:4!important;top:10px!important;left:48%!important;right:auto!important;width:45%!important;margin:0!important;font-size:8.4px!important;line-height:1.05!important;letter-spacing:.18em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 2px 11px rgba(0,0,0,.96)!important;transform:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero{position:absolute!important;z-index:4!important;top:30px!important;left:47%!important;right:auto!important;width:47%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;transform:none!important;isolation:isolate!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero:before{content:""!important;position:absolute!important;z-index:0!important;inset:-12% -10% -18%!important;border-radius:16px!important;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.50) 0%,rgba(0,0,0,.32) 36%,rgba(0,0,0,.12) 64%,rgba(0,0,0,0) 100%)!important;filter:blur(2px)!important;pointer-events:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-hero img{display:block!important;position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;height:auto!important;border:0!important;border-radius:0!important;margin:0!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.86)) drop-shadow(0 0 14px rgba(0,0,0,.42)) contrast(1.04)!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid{position:absolute!important;z-index:4!important;left:11%!important;right:auto!important;bottom:18px!important;top:auto!important;width:42%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0!important;padding:0!important;transform:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid div{display:grid!important;justify-items:center!important;align-content:center!important;min-height:39px!important;height:39px!important;padding:5px 1px 4px!important;border-radius:7px!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.36),0 4px 12px rgba(0,0,0,.18)!important;margin:0!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid strong{display:block!important;font-size:18px!important;line-height:.95!important;letter-spacing:-.035em!important;font-weight:800!important;color:#ff8414!important;text-shadow:0 0 10px rgba(255,92,0,.25),0 2px 2px rgba(0,0,0,.75)!important;margin:0!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-grid span{display:block!important;margin:2px 0 0!important;font-size:5.2px!important;line-height:1!important;letter-spacing:.07em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game{position:absolute!important;z-index:4!important;left:62%!important;right:auto!important;bottom:21px!important;top:auto!important;width:31%!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.94)!important;transform:none!important;grid-template-columns:none!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game strong{font-size:8.5px!important;line-height:1.08!important;letter-spacing:.16em!important;color:#fff!important;font-weight:1000!important;white-space:nowrap!important;margin:0!important;padding:0!important;}
.vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game em{font-size:7.5px!important;line-height:1.05!important;letter-spacing:.08em!important;color:#dce0e8!important;font-style:normal!important;white-space:nowrap!important;margin:0!important;padding:0!important;}
@media(max-width:560px){
  .vhb-widget-preview .vhb-countdown-mobile-preview-shell{padding:14px 10px 16px!important;margin-left:0!important;margin-right:0!important;}
  .vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render{width:420px!important;height:148px!important;padding:8px!important;}
  .vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render>.vhb-countdown-widget,
  .vhb-widget-preview .vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-widget{height:130px!important;min-height:130px!important;max-height:130px!important;transform:none!important;}
}

/* v0.2.112ZZZP — Phone landscape must remain in the mobile layout family.
   iPhone/Safari landscape can exceed width breakpoints while still having a very short
   viewport. Treat short, coarse-pointer landscape as phone, not tablet/desktop. */
@media (orientation: landscape) and (max-width:980px) and (max-height: 520px) and (hover: none) and (pointer: coarse){
  html body #vhb-app,
  html body #vhb-app.vhb-app,
  body .vhb-app{
    padding:calc(56px + env(safe-area-inset-top,0px) + 10px) 10px 38px!important;
    margin-top:0!important;
    overflow-x:hidden!important;
  }
  html body #vhb-app > .vhb-shell,
  body .vhb-app > .vhb-shell,
  html body .vhb-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* Mobile compact header, even though landscape width crosses tablet/desktop breakpoints. */
  html body .vhb-site-header,
  html body #vhb-app .vhb-site-header,
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    display:block!important;
    position:fixed!important;
    top:env(safe-area-inset-top,0px)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:#000!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08)!important;
    z-index:2147483000!important;
  }
  html body .vhb-desktop-header-inner,
  html body #vhb-app .vhb-desktop-header-inner,
  html body .vhb-site-header > .vhb-logo-link,
  html body .vhb-site-header > .vhb-wordmark,
  html body .vhb-site-header > .vhb-site-nav,
  html body .vhb-site-header > .vhb-header-actions{
    display:none!important;
  }
  html body .vhb-mobile-compact-header,
  html body #vhb-app .vhb-mobile-compact-header{
    display:grid!important;
    grid-template-columns:minmax(68px,1fr) auto minmax(68px,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
    padding:0 14px!important;
    gap:10px!important;
    background:linear-gradient(180deg,rgba(9,11,15,.98),rgba(2,3,6,.98))!important;
  }
  html body .vhb-mobile-compact-header[data-vhb-compact-home="0"]{
    grid-template-columns:auto 1fr auto!important;
  }
  html body .vhb-compact-home-wordmark{grid-column:2!important;justify-self:center!important;display:inline-flex!important;}
  html body .vhb-compact-home-wordmark img{width:min(176px,34vw)!important;max-width:176px!important;min-width:0!important;height:auto!important;}
  html body .vhb-compact-vh-mark{grid-column:1!important;justify-self:start!important;display:inline-flex!important;}
  html body .vhb-compact-vh-mark img{width:48px!important;max-width:48px!important;height:auto!important;}
  html body .vhb-compact-actions{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;}

  /* Home: one-column mobile family. No desktop/tablet rails/sidebar columns in phone landscape. */
  body.home #vhb-app .vhb-layout.vhb-home-v2-layout,
  body.home .vhb-app .vhb-layout.vhb-home-v2-layout,
  body.home .vhb-home-v2-layout{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-left-rail,
  body.home #vhb-app .vhb-right-rail,
  body.home .vhb-left-rail,
  body.home .vhb-right-rail{
    display:none!important;
  }
  body.home #vhb-app .vhb-main,
  body.home .vhb-main{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-mobile-home-countdown,
  body.home .vhb-mobile-home-countdown{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:18px 0 14px!important;
    background:#000!important;
  }
  body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:14px!important;
  }
  body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget,
  body.home .vhb-right-rail > .vhb-countdown-widget{
    display:none!important;
  }

  /* Board routes: keep mobile-first top blocks and one-column route flow. */
  body.vhb-board-mode-active #vhb-app .vhb-layout,
  body.vhb-board-mode-active .vhb-layout,
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout,
  body.vhb-board-mode-active .vhb-board-directory-layout,
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding-top:18px!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-left-rail,
  body.vhb-board-mode-active #vhb-app .vhb-right-rail,
  body.vhb-board-mode-active .vhb-left-rail,
  body.vhb-board-mode-active .vhb-right-rail{
    display:none!important;
  }
  #vhb-app .vhb-board-mobile-first-ad,
  body .vhb-board-mobile-first-ad{
    display:flex!important;
    order:0!important;
    margin:0 0 12px!important;
  }

  /* Reuse the compact mobile content/cards rather than desktop/tablet multi-column behavior. */
  #vhb-app .vhb-home-hero-card,
  body .vhb-home-hero-card{
    overflow:hidden!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  #vhb-app .vhb-home-hero-card h1,
  body .vhb-home-hero-card h1{
    font-size:clamp(30px,8.5vw,48px)!important;
    line-height:.98!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}


/* v0.2.112ZZZR — phone-landscape avatar containment + editorial single polish.
   Keep uploaded/profile/account avatars from inheriting large editorial/card image rules
   in the short-height phone-landscape mobile family. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape),
       (max-height:520px) and (max-width:980px){
  #vhb-app .vhb-account-menu-avatar,
  #vhb-app .vhb-account-avatar,
  #vhb-app .vhb-author-avatar,
  #vhb-app .vhb-profile-modal-avatar,
  #vhb-app .vhb-identity-avatar{
    flex:0 0 auto!important;
    overflow:hidden!important;
    contain:paint!important;
  }
  #vhb-app .vhb-account-menu-avatar img,
  #vhb-app .vhb-account-menu-avatar .vhb-default-avatar{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px!important;
    display:block!important;
  }
  #vhb-app .vhb-account-avatar img,
  #vhb-app .vhb-account-avatar .vhb-default-avatar{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    flex:0 0 28px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:999px!important;
    display:block!important;
  }
  #vhb-app .vhb-profile-modal-avatar img,
  #vhb-app .vhb-profile-modal-avatar .vhb-default-avatar,
  #vhb-app .vhb-identity-avatar img,
  #vhb-app .vhb-identity-avatar .vhb-default-avatar{
    width:96px!important;
    height:96px!important;
    max-width:96px!important;
    max-height:96px!important;
    min-width:96px!important;
    min-height:96px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px!important;
    display:block!important;
  }
  #vhb-app img.vhb-local-avatar,
  #vhb-app img.avatar{
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px;
  }
}

#vhb-app .vhb-article-content p{margin:0 0 1.15em!important;}
#vhb-app .vhb-article-content ul,
#vhb-app .vhb-article-content ol{margin:0 0 1.15em 1.35em!important;padding-left:1.1em!important;}
#vhb-app .vhb-article-content li{margin:.35em 0!important;}
#vhb-app .vhb-article-content blockquote{margin:1.25em 0!important;padding:1em 1.15em!important;border-left:3px solid #ff8200!important;background:rgba(255,130,0,.08)!important;border-radius:0 14px 14px 0!important;}

/* v0.2.112ZZZR — Chernobyl avatar hard containment.
   Phone landscape can trigger desktop/tablet header/profile rules. Clamp every
   Vol Hoops avatar surface at the end of the cascade so uploaded avatars cannot
   inherit article/hero image sizing or escape the compact mobile header/profile UI. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape),
       (max-height:520px) and (max-width:980px){
  html body #vhb-app img.avatar,
  html body #vhb-app img.vhb-local-avatar,
  html body #vhb-app .vhb-account-menu-avatar img,
  html body #vhb-app .vhb-account-avatar img,
  html body #vhb-app .vhb-author-avatar img,
  html body #vhb-app .vhb-mini-author img,
  html body #vhb-app .vhb-last-avatar img,
  html body #vhb-app .vhb-chain-avatar img,
  html body #vhb-app .vhb-quote-current-avatar img,
  html body #vhb-app .vhb-profile-modal-avatar img,
  html body #vhb-app .vhb-identity-avatar img,
  html body .vhb-app img.avatar,
  html body .vhb-app img.vhb-local-avatar,
  html body .vhb-app .vhb-account-menu-avatar img,
  html body .vhb-app .vhb-account-avatar img,
  html body .vhb-app .vhb-author-avatar img,
  html body .vhb-app .vhb-mini-author img,
  html body .vhb-app .vhb-last-avatar img,
  html body .vhb-app .vhb-chain-avatar img,
  html body .vhb-app .vhb-quote-current-avatar img,
  html body .vhb-app .vhb-profile-modal-avatar img,
  html body .vhb-app .vhb-identity-avatar img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    min-width:0!important;
    min-height:0!important;
    flex:0 0 44px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px!important;
    display:block!important;
  }
  html body #vhb-app .vhb-account-menu-avatar img,
  html body #vhb-app .vhb-account-menu-avatar .vhb-default-avatar,
  html body .vhb-app .vhb-account-menu-avatar img,
  html body .vhb-app .vhb-account-menu-avatar .vhb-default-avatar{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    flex-basis:32px!important;
  }
  html body #vhb-app .vhb-profile-modal-avatar img,
  html body #vhb-app .vhb-identity-avatar img,
  html body .vhb-app .vhb-profile-modal-avatar img,
  html body .vhb-app .vhb-identity-avatar img{
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    flex-basis:72px!important;
  }
  html body #vhb-app .vhb-account-menu-avatar,
  html body #vhb-app .vhb-account-avatar,
  html body #vhb-app .vhb-author-avatar,
  html body #vhb-app .vhb-profile-modal-avatar,
  html body #vhb-app .vhb-identity-avatar,
  html body .vhb-app .vhb-account-menu-avatar,
  html body .vhb-app .vhb-account-avatar,
  html body .vhb-app .vhb-author-avatar,
  html body .vhb-app .vhb-profile-modal-avatar,
  html body .vhb-app .vhb-identity-avatar{
    max-width:max-content!important;
    max-height:max-content!important;
    overflow:hidden!important;
    contain:paint!important;
  }
}


/* v0.2.112ZZZS — phone-landscape compact home avatar hard stop.
   The compact header is hoisted outside normal app flow on Home in phone landscape.
   Previous clamps targeted avatar img classes, but the actual button wrapper was not
   constrained in the >680px landscape viewport, allowing Safari to render the uploaded
   avatar as a huge rounded tile. Clamp the compact avatar button AND any image/span
   inside it globally for short-height phone-landscape, independent of #vhb-app. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1100px),
       (hover:none) and (pointer:coarse) and (orientation:landscape){
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar,
  html body .vhb-compact-home-avatar,
  html body button.vhb-compact-home-avatar{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    margin:0!important;
    border:1.5px solid rgba(255,130,0,.58)!important;
    border-radius:999px!important;
    background:rgba(5,7,10,.88)!important;
    box-shadow:0 0 0 2px rgba(0,0,0,.35),0 7px 18px rgba(0,0,0,.38)!important;
    overflow:hidden!important;
    contain:size paint!important;
    line-height:1!important;
    transform:none!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar img,
  html body .vhb-compact-home-avatar img,
  html body button.vhb-compact-home-avatar img,
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar .avatar,
  html body .vhb-compact-home-avatar .avatar,
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar .vhb-local-avatar,
  html body .vhb-compact-home-avatar .vhb-local-avatar,
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar .vhb-default-avatar,
  html body .vhb-compact-home-avatar .vhb-default-avatar{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }
}

/* v0.2.112ZZZT — phone-landscape compact header final alignment.
   After the avatar wrapper clamp, keep the home mark inside the normal header
   padding lane and restore the bell/menu icons instead of Safari/default button
   squares. Header-only; does not affect portrait mobile/tablet/desktop. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1100px),
       (hover:none) and (pointer:coarse) and (orientation:landscape){
  html body .vhb-site-header .vhb-mobile-compact-header,
  html body .vhb-mobile-compact-header{
    grid-template-columns:minmax(76px,1fr) auto minmax(96px,1fr)!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-vh-mark,
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar{
    justify-self:start!important;
    margin-left:0!important;
    transform:none!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-vh-mark img{
    width:44px!important;
    max-width:44px!important;
    height:auto!important;
    display:block!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-actions{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-icon,
  html body .vhb-mobile-compact-header button.vhb-compact-icon,
  html body .vhb-mobile-compact-header .vhb-compact-bell,
  html body .vhb-mobile-compact-header .vhb-compact-menu-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:#f4f6fb!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
    line-height:1!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-icon::before,
  html body .vhb-mobile-compact-header .vhb-compact-icon::after,
  html body .vhb-mobile-compact-header .vhb-compact-bell::before,
  html body .vhb-mobile-compact-header .vhb-compact-bell::after,
  html body .vhb-mobile-compact-header .vhb-compact-menu-toggle::before,
  html body .vhb-mobile-compact-header .vhb-compact-menu-toggle::after{
    content:none!important;
    display:none!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-bell svg,
  html body .vhb-mobile-compact-header .vhb-compact-icon svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    stroke:currentColor!important;
    fill:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#f4f6fb!important;
  }
  html body .vhb-mobile-compact-header .vhb-menu-bars{
    display:grid!important;
    width:25px!important;
    height:20px!important;
    gap:5px!important;
    align-content:center!important;
    justify-content:center!important;
    background:transparent!important;
  }
  html body .vhb-mobile-compact-header .vhb-menu-bars i{
    display:block!important;
    width:25px!important;
    height:2.25px!important;
    border-radius:999px!important;
    background:#f4f6fb!important;
    box-shadow:0 0 10px rgba(255,255,255,.24)!important;
    opacity:1!important;
  }
}


/* v0.2.112ZZZU — final phone-landscape header safe-area + menu open fix.
   Keep phone landscape in the mobile family, move the avatar/T mark away from
   the iPhone landscape safe edge, and make the compact menu actually render
   when the existing JS toggles [hidden] off. Header-only; portrait/tablet/desktop untouched. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1100px),
       (hover:none) and (pointer:coarse) and (orientation:landscape){
  html body .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node,
  body.vhb-compact-header-hoisted > .vhb-site-header{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    overflow:visible!important;
  }
  html body .vhb-site-header .vhb-mobile-compact-header,
  html body .vhb-mobile-compact-header{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    grid-template-columns:minmax(92px,1fr) auto minmax(112px,1fr)!important;
    padding-left:max(44px,calc(env(safe-area-inset-left,0px) + 24px))!important;
    padding-right:max(40px,calc(env(safe-area-inset-right,0px) + 24px))!important;
    padding-top:2px!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-vh-mark,
  html body .vhb-mobile-compact-header .vhb-compact-home-avatar{
    align-self:center!important;
    justify-self:start!important;
    margin-left:0!important;
    margin-top:0!important;
    position:relative!important;
    z-index:3!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-actions{
    position:relative!important;
    z-index:4!important;
    pointer-events:auto!important;
  }
  html body .vhb-mobile-compact-header .vhb-compact-menu-toggle,
  html body .vhb-mobile-compact-header button.vhb-compact-menu-toggle{
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(255,130,0,.18)!important;
  }

  html body .vhb-compact-menu{
    display:block!important;
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + 70px)!important;
    left:max(14px,calc(env(safe-area-inset-left,0px) + 14px))!important;
    right:max(14px,calc(env(safe-area-inset-right,0px) + 14px))!important;
    z-index:2147483001!important;
    max-height:calc(100dvh - 86px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:8px!important;
    border:1px solid rgba(255,130,0,.36)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(17,19,24,.985),rgba(5,6,9,.985))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    pointer-events:auto!important;
  }
  html body .vhb-compact-menu[hidden]{
    display:none!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-item,
  html body .vhb-compact-menu .vhb-compact-menu-details summary,
  html body .vhb-compact-menu .vhb-compact-submenu a{
    pointer-events:auto!important;
  }
}

/* v0.2.112ZZZV — phone-landscape compact menu formatting.
   ZZZU restored the menu open behavior in short mobile landscape viewports, but
   the width-based mobile menu item rules live under portrait/small-width
   breakpoints. Re-apply the true compact menu presentation for phone landscape
   only so the opened menu renders as touch-friendly stacked rows instead of raw
   inline links/buttons. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1100px),
       (hover:none) and (pointer:coarse) and (orientation:landscape){
  html body .vhb-compact-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:3px!important;
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
  }
  html body .vhb-compact-menu[hidden]{
    display:none!important;
  }
  html body .vhb-compact-menu a,
  html body .vhb-compact-menu button,
  html body .vhb-compact-menu summary,
  html body .vhb-compact-menu .vhb-compact-menu-item,
  html body .vhb-compact-menu .vhb-compact-menu-details summary,
  html body .vhb-compact-menu .vhb-compact-submenu a,
  html body .vhb-compact-menu-form .vhb-compact-menu-item{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    height:auto!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 14px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:#f6f7fb!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.052em!important;
    line-height:1.1!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-align:left!important;
    cursor:pointer!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:rgba(255,130,0,.18)!important;
  }
  html body .vhb-compact-menu a span,
  html body .vhb-compact-menu button span,
  html body .vhb-compact-menu summary span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .vhb-compact-menu a:hover,
  html body .vhb-compact-menu button:hover,
  html body .vhb-compact-menu summary:hover,
  html body .vhb-compact-menu a:focus-visible,
  html body .vhb-compact-menu button:focus-visible,
  html body .vhb-compact-menu summary:focus-visible{
    background:rgba(255,130,0,.13)!important;
    color:#ffb15c!important;
    outline:none!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-details{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-details summary{
    list-style:none!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-details summary::-webkit-details-marker{
    display:none!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-details summary b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ff8a18!important;
    font-size:14px!important;
    line-height:1!important;
    transition:transform .18s ease!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-details[open] summary b{
    transform:rotate(180deg)!important;
  }
  html body .vhb-compact-menu .vhb-compact-submenu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    width:100%!important;
    margin:2px 0 8px 12px!important;
    padding:0 0 0 10px!important;
    border-left:1px solid rgba(255,130,0,.32)!important;
    box-sizing:border-box!important;
  }
  html body .vhb-compact-menu .vhb-compact-submenu a{
    min-height:36px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
    font-weight:820!important;
    letter-spacing:.035em!important;
    text-transform:none!important;
    color:#cbd1dc!important;
  }
  html body .vhb-compact-menu .vhb-compact-menu-form{
    display:block!important;
    width:100%!important;
    margin:6px 0 0!important;
    padding:6px 0 0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  html body .vhb-compact-menu .vhb-compact-auth-item{
    color:#ffb15c!important;
  }
}


/* v0.2.112ZZZY — Mobile Home experiment: place intro block before CtT, preserving the existing header clearance. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    display:flex!important;
    flex-direction:column!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{
    order:1!important;
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    display:block!important;
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:0 0 16px!important;
    background:transparent!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:14px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-content-grid,
  body.home .vhb-home-mode .vhb-home-content-grid,
  body.home #vhb-app .vhb-home-mode .vhb-home-content-prototype,
  body.home .vhb-home-mode .vhb-home-content-prototype{
    order:3!important;
  }
}


/* v0.2.112ZZZY — Mobile Home intro polish after intro/CtT swap.
   Restore kicker visibility, add a little sticky-header breathing room, keep title one line, and update teaser copy. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{
    order:1!important;
    margin-top:14px!important;
    margin-bottom:10px!important;
    padding:18px 16px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0 0 8px!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    color:#ffb15c!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  body.home .vhb-home-mode .vhb-home-hero-card h1{
    font-size:clamp(21px,5.7vw,24px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-headline-row,
  body.home .vhb-home-mode .vhb-home-hero-headline-row{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    width:100%!important;
    justify-content:center!important;
    min-height:58px!important;
    margin:0!important;
    font-size:22px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  body.home .vhb-home-mode .vhb-home-hero-card p{
    margin-top:14px!important;
    font-size:17px!important;
    line-height:1.42!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    order:2!important;
    margin:0 0 16px!important;
  }
}


/* v0.2.112ZZZZA — Mobile Home intro true clearance + compact CTA row.
   Patch the actual active intro markup: add real padding beneath the sticky header,
   prevent kicker clipping, and place the LMB button beside smaller full-width teaser copy. */
.vhb-home-cta-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:14px;
}
.vhb-home-cta-row p{
  margin:0!important;
  max-width:none!important;
}
@media(max-width:680px){
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    padding-top:42px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{
    order:1!important;
    margin-top:0!important;
    margin-bottom:10px!important;
    padding:14px 16px 16px!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0 0 8px!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.1!important;
    letter-spacing:.18em!important;
    color:#ffb15c!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-headline-row,
  body.home .vhb-home-mode .vhb-home-hero-headline-row{
    display:block!important;
    margin:0!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  body.home .vhb-home-mode .vhb-home-hero-card h1{
    font-size:clamp(20px,5.25vw,23px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row,
  body.home .vhb-home-mode .vhb-home-cta-row{
    display:grid!important;
    grid-template-columns:minmax(190px,45%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    margin-top:14px!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    margin:0!important;
    padding:12px 10px!important;
    font-size:clamp(17px,4.7vw,20px)!important;
    line-height:1!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  body.home .vhb-home-mode .vhb-home-cta-row p,
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  body.home .vhb-home-mode .vhb-home-hero-card p{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:100%!important;
    font-size:clamp(11px,3.05vw,13px)!important;
    line-height:1.28!important;
    color:#cbd1dc!important;
    letter-spacing:-.01em!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    order:2!important;
    margin:0 0 16px!important;
  }
}
@media(max-width:380px){
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row,
  body.home .vhb-home-mode .vhb-home-cta-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  body.home .vhb-home-mode .vhb-home-cta-row p{
    font-size:13px!important;
  }
}

/* v0.2.112ZZZZC — tablet header recovery + Home mode containment + centered mobile intro.
   Repairs ZZZZA regressions without touching desktop: (1) tablet sticky header was
   allowed to grow into a tall black block, (2) All Boards fallback could appear under
   Home content when the legacy in-page board mode became visible, and (3) mobile intro
   text should center cleanly beneath the CTA. */
@media (min-width:681px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header{
    display:grid!important;
    grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:10px 16px!important;
    margin:0 0 14px!important;
    overflow:visible!important;
    border-radius:18px!important;
  }
  html body #vhb-app .vhb-site-header .vhb-logo-link,
  html body #vhb-app .vhb-site-header .vhb-wordmark,
  html body .vhb-site-header .vhb-logo-link,
  html body .vhb-site-header .vhb-wordmark{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    max-height:52px!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-site-header .vhb-logo-link img,
  html body #vhb-app .vhb-site-header .vhb-wordmark img,
  html body .vhb-site-header .vhb-logo-link img,
  html body .vhb-site-header .vhb-wordmark img{
    width:min(235px,24vw)!important;
    max-width:235px!important;
    min-width:0!important;
    height:auto!important;
    max-height:52px!important;
    object-fit:contain!important;
  }
  html body #vhb-app .vhb-site-nav,
  html body .vhb-site-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-header-actions,
  html body .vhb-header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    max-height:54px!important;
    margin:0!important;
  }
}

/* Server-side board mode is now emitted only for the true All Boards route; this
   CSS guard makes the Home Page resistant to cached/legacy markup. */
body.home #vhb-app .vhb-board-mode,
body.home .vhb-board-mode{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

@media(max-width:680px){
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    padding-top:42px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  body.home .vhb-home-mode .vhb-home-hero-card{
    padding:14px 16px 16px!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker{
    text-align:center!important;
    margin:0 0 8px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  body.home .vhb-home-mode .vhb-home-hero-card h1{
    text-align:center!important;
    font-size:clamp(20px,5.25vw,23px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row,
  body.home .vhb-home-mode .vhb-home-cta-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:14px!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    width:min(100%,360px)!important;
    min-height:52px!important;
    margin:0 auto!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  body.home .vhb-home-mode .vhb-home-cta-row p,
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  body.home .vhb-home-mode .vhb-home-hero-card p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:clamp(13px,3.55vw,15px)!important;
    line-height:1.34!important;
    letter-spacing:-.01em!important;
  }
}

/* v0.2.112ZZZZC — tablet sticky-header paint/footprint hard clamp.
   ZZZZB constrained the header row, but iPad/tablet still inherited an older sticky
   top-mask paint layer that visually behaved like an oversized black header and
   clipped the top of the Home content. This tablet-only patch removes that mask
   and locks the tablet header to its compact row footprint. */
@media (min-width:681px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    display:grid!important;
    grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto!important;
    align-items:center!important;
    align-content:center!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:8px 16px!important;
    margin:0 0 12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 12px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.055)!important;
    contain:layout paint!important;
  }

  html body #vhb-app .vhb-site-header::before,
  html body .vhb-site-header::before{
    content:none!important;
    display:none!important;
    height:0!important;
    width:0!important;
    box-shadow:none!important;
  }

  html body #vhb-app .vhb-site-header + .vhb-home-v2-layout,
  html body .vhb-site-header + .vhb-home-v2-layout,
  html body #vhb-app .vhb-home-v2-layout,
  html body .vhb-home-v2-layout{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body #vhb-app .vhb-site-header .vhb-logo-link,
  html body #vhb-app .vhb-site-header .vhb-wordmark,
  html body .vhb-site-header .vhb-logo-link,
  html body .vhb-site-header .vhb-wordmark,
  html body #vhb-app .vhb-site-header .vhb-site-nav,
  html body .vhb-site-header .vhb-site-nav,
  html body #vhb-app .vhb-site-header .vhb-header-actions,
  html body .vhb-site-header .vhb-header-actions{
    align-self:center!important;
    max-height:56px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* v0.2.113B — Mobile Home editorial feed architecture.
   Uses a dedicated mobile-only feed instead of trying to transform the desktop/tablet grid.
   Desktop/tablet grid, small-card crop controls, and Insider artwork are left untouched. */
.vhb-mobile-editorial-feed{display:none;}
@media(max-width:680px){
  html,body,#vhb-app{overflow-x:hidden!important;}
  body.home #vhb-app .vhb-home-content-grid.vhb-home-content-prototype,
  body.home .vhb-home-content-grid.vhb-home-content-prototype{
    display:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed,
  body.home .vhb-mobile-editorial-feed{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card > i,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card > i,
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card .vhb-desktop-card-content-zones,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card .vhb-desktop-card-content-zones{
    display:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    background:linear-gradient(180deg,rgba(12,14,19,.98),rgba(7,8,12,.99))!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:3/2!important;
    min-height:0!important;
    border-radius:0!important;
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-effective-zoom,var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
    background-color:#07080b!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
    padding:18px 20px 18px!important;
    overflow:visible!important;
    text-align:left!important;
    background:linear-gradient(180deg,rgba(15,17,23,.98),rgba(8,10,15,.99))!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#f6f7fb!important;
    font-weight:650!important;
    font-size:clamp(25px,7.4vw,32px)!important;
    line-height:1.08!important;
    letter-spacing:-.026em!important;
    text-align:left!important;
    text-shadow:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    color:rgba(219,225,236,.82)!important;
    font-size:clamp(15px,4.4vw,18px)!important;
    line-height:1.28!important;
    font-style:normal!important;
    font-weight:380!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-spacer,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-spacer{
    display:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    color:#ff7a00!important;
    opacity:.68!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad,
  body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-trending,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-trending{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}


/* v0.2.113C — Mobile editorial feed geometry recovery.
   Keep the dedicated mobile feed/order from 113B, but restore the ZZZZC-style
   feature-card anatomy: 3:2 image on the left, normal-case title/meta on the
   right, intro + CtT visible above the feed, and ads/trending in the intended order. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-mode,
  body.home .vhb-home-mode{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding-top:42px!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-home-hero-card,
  body.home .vhb-home-mode > .vhb-home-hero-card{
    display:block!important;
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    display:block!important;
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.home #vhb-app .vhb-home-mode > .vhb-mobile-editorial-feed,
  body.home .vhb-home-mode > .vhb-mobile-editorial-feed{
    order:3!important;
  }

  body.home #vhb-app .vhb-mobile-editorial-feed,
  body.home .vhb-mobile-editorial-feed{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed > *,
  body.home .vhb-mobile-editorial-feed > *{
    min-width:0!important;
    max-width:100%!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-1,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-1{order:1!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-2,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-2{order:2!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-3,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-3{order:3!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad-primary,
  body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad-primary{order:4!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-4,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-4{order:5!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-5,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-5{order:6!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-6,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-6{order:7!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad-secondary,
  body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad-secondary{order:8!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-trending,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-trending{order:9!important;}

  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:linear-gradient(90deg,rgba(13,15,21,.98),rgba(7,8,12,.99))!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card > i,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card > i,
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card .vhb-desktop-card-content-zones,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card .vhb-desktop-card-content-zones{
    display:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    background:linear-gradient(90deg,rgba(13,15,21,.98),rgba(7,8,12,.99))!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:3/2!important;
    align-self:stretch!important;
    min-height:0!important;
    border-radius:0!important;
    background-repeat:no-repeat!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-effective-zoom,var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%))) auto!important;
    background-color:#07080b!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    box-sizing:border-box!important;
    padding:16px 16px 14px!important;
    overflow:hidden!important;
    text-align:left!important;
    background:linear-gradient(90deg,rgba(13,15,21,.98),rgba(7,8,12,.99))!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#f6f7fb!important;
    font-weight:700!important;
    font-size:clamp(18px,4.85vw,24px)!important;
    line-height:1.11!important;
    letter-spacing:-.026em!important;
    text-align:left!important;
    text-transform:none!important;
    text-shadow:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:0!important;
    color:rgba(219,225,236,.82)!important;
    font-size:clamp(12px,3.25vw,15px)!important;
    line-height:1.24!important;
    font-style:normal!important;
    font-weight:380!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-spacer,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-height:4px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    color:#ff7a00!important;
    opacity:.68!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad,
  body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* v0.2.113D — Mobile feed final polish: image fills card, community tail, footer weight, tablet account layer. */
@media(max-width:680px){
  body.home #vhb-app .vhb-home-v2-layout > .vhb-right-rail,
  body.home .vhb-home-v2-layout > .vhb-right-rail{
    display:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
    align-items:stretch!important;
    min-height:168px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    height:100%!important;
    min-height:100%!important;
    align-self:stretch!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-size:cover!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    min-height:168px!important;
    padding:15px 16px 13px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{
    font-size:clamp(17px,4.55vw,23px)!important;
    line-height:1.115!important;
    font-weight:700!important;
    text-transform:none!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{
    font-size:9.5px!important;
    opacity:.66!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-online-card,
  body.home .vhb-mobile-editorial-feed .vhb-online-card,
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding:12px!important;
    min-height:0!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange img,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:96px!important;
    object-fit:contain!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad-tertiary,
  body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad-tertiary{
    order:12!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-online-card,
  body.home .vhb-mobile-editorial-feed .vhb-online-card{order:10!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange{order:11!important;}
}

/* Keep footer readable without the heavy bold treatment. */
#vhb-app .vhb-site-footer,
#vhb-app .vhb-site-footer *,
.vhb-site-footer,
.vhb-site-footer *{
  font-weight:400!important;
}
#vhb-app .vhb-site-footer a,
#vhb-app .vhb-site-footer span,
.vhb-site-footer a,
.vhb-site-footer span{
  font-weight:400!important;
}

/* Tablet account dropdown must layer above sidebars and escape header masks. */
@media(min-width:681px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header,
  html body #vhb-app .vhb-header-account,
  html body #vhb-app .vhb-account-menu,
  html body .vhb-site-header,
  html body .vhb-header-account,
  html body .vhb-account-menu{
    overflow:visible!important;
    contain:none!important;
    z-index:900000!important;
  }
  html body #vhb-app .vhb-account-menu-panel,
  html body .vhb-account-menu-panel{
    position:absolute!important;
    z-index:900001!important;
    isolation:isolate!important;
  }
  html body #vhb-app .vhb-left-rail,
  html body #vhb-app .vhb-right-rail,
  html body .vhb-left-rail,
  html body .vhb-right-rail{
    z-index:1!important;
  }
}

/* v0.2.113E — Online Now premium responsive redesign + mobile tail mini-art removal. */
#vhb-app .vhb-online-card,
.vhb-online-card{
  position:relative!important;
  overflow:hidden!important;
  text-align:center!important;
  padding:24px 22px 22px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,130,0,.18),transparent 34%),
    radial-gradient(circle at 50% 96%,rgba(255,130,0,.08),transparent 28%),
    linear-gradient(145deg,rgba(18,20,26,.98),rgba(4,5,9,.98))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#vhb-app .vhb-online-card:before,
.vhb-online-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,130,0,.09),transparent 28%,transparent 72%,rgba(255,130,0,.065));
  opacity:.75;
}
#vhb-app .vhb-online-card > *,
.vhb-online-card > *{position:relative;z-index:1}
#vhb-app .vhb-online-top,
.vhb-online-top{display:grid!important;justify-items:center!important;text-align:center!important;margin:0 0 15px!important;}
#vhb-app .vhb-online-kicker,
.vhb-online-kicker,
#vhb-app .vhb-online-card .vhb-widget-kicker,
.vhb-online-card .vhb-widget-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0 auto 12px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,130,0,.42)!important;
  background:rgba(255,130,0,.11)!important;
  color:#ffb45f!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-shadow:0 0 18px rgba(255,130,0,.08)!important;
}
#vhb-app .vhb-online-kicker span,
.vhb-online-kicker span{display:block;width:8px;height:8px;border-radius:50%;background:#ff8a18;box-shadow:0 0 12px rgba(255,130,0,.85);}
#vhb-app .vhb-online-card h3,
.vhb-online-card h3{
  margin:0!important;
  color:#fff!important;
  text-align:center!important;
  font-size:clamp(30px,7.5vw,54px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}
#vhb-app .vhb-online-subtitle,
.vhb-online-subtitle{
  margin:12px auto 0!important;
  max-width:27ch!important;
  color:#cfd4dd!important;
  text-align:center!important;
  font-size:clamp(15px,3.8vw,22px)!important;
  line-height:1.35!important;
  font-weight:400!important;
}
#vhb-app .vhb-online-subtitle strong,
.vhb-online-subtitle strong{color:#ff9d2f!important;font-weight:700!important;}
#vhb-app .vhb-online-card .vhb-engine-split.vhb-online-counts,
.vhb-online-card .vhb-engine-split.vhb-online-counts,
#vhb-app .vhb-online-counts,
.vhb-online-counts{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:16px 0 18px!important;
  padding:18px 0!important;
  width:100%!important;
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-left:0!important;
  border-right:0!important;
}
#vhb-app .vhb-online-count-pair,
.vhb-online-count-pair{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  padding:0 10px!important;
  white-space:normal!important;
}
#vhb-app .vhb-online-count-pair:first-child,
.vhb-online-count-pair:first-child{border-right:1px solid rgba(255,255,255,.1)!important;}
#vhb-app .vhb-online-count-pair strong,
.vhb-online-count-pair strong{
  color:#ff9424!important;
  font-size:clamp(42px,12vw,78px)!important;
  line-height:.86!important;
  letter-spacing:-.07em!important;
  font-weight:900!important;
  text-shadow:0 9px 22px rgba(255,130,0,.18)!important;
}
#vhb-app .vhb-online-count-pair span,
.vhb-online-count-pair span{
  color:#f4f6fa!important;
  font-size:clamp(11px,2.8vw,17px)!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
}
#vhb-app .vhb-online-count-pair em,
.vhb-online-count-pair em{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  margin-top:5px!important;
  color:#ff9d2f!important;
  opacity:.78!important;
  font-style:normal!important;
  font-size:15px!important;
  filter:saturate(.85)!important;
}
#vhb-app .vhb-online-strip,
.vhb-online-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  margin:0 auto 14px!important;
  padding:0!important;
}
#vhb-app .vhb-online-strip span,
.vhb-online-strip span{
  display:grid!important;
  place-items:center!important;
  margin-left:-9px!important;
}
#vhb-app .vhb-online-strip span:first-child,
.vhb-online-strip span:first-child{margin-left:0!important;}
#vhb-app .vhb-online-strip img,
#vhb-app .vhb-online-strip .vhb-default-avatar,
#vhb-app .vhb-online-strip .vhb-placeholder-avatar,
.vhb-online-strip img,
.vhb-online-strip .vhb-default-avatar,
.vhb-online-strip .vhb-placeholder-avatar{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(255,130,0,.76)!important;
  box-shadow:0 0 0 3px rgba(5,6,10,.9), 0 8px 18px rgba(0,0,0,.38)!important;
}
#vhb-app .vhb-online-card .vhb-online-more,
.vhb-online-card .vhb-online-more{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,130,0,.64)!important;
  background:linear-gradient(180deg,rgba(255,130,0,.12),rgba(0,0,0,.28))!important;
  color:#ff9d2f!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 0 0 3px rgba(5,6,10,.9)!important;
}
#vhb-app .vhb-online-caption,
.vhb-online-caption{
  margin:0 auto!important;
  color:#cfd4dd!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
#vhb-app .vhb-online-updated,
.vhb-online-updated{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  margin:5px auto 16px!important;
  color:#8f97a5!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
#vhb-app .vhb-online-updated span,
.vhb-online-updated span{width:7px;height:7px;border-radius:50%;background:#28c55d;box-shadow:0 0 10px rgba(40,197,93,.68);}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
.vhb-online-card .vhb-widget-button.vhb-online-cta{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 16px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,130,0,.78)!important;
  background:linear-gradient(180deg,rgba(255,130,0,.08),rgba(0,0,0,.32))!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  box-shadow:0 0 18px rgba(255,130,0,.13), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#vhb-app .vhb-online-card .vhb-online-cta span,
.vhb-online-card .vhb-online-cta span{color:#ff9d2f!important;font-size:18px!important;line-height:1!important;}
#vhb-app .vhb-online-card .vhb-online-cta b,
.vhb-online-card .vhb-online-cta b{color:#ff9d2f!important;font-size:19px!important;line-height:1!important;}
#vhb-app .vhb-online-latest,
.vhb-online-latest{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:13px 14px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:left!important;
}
#vhb-app .vhb-online-latest small,
.vhb-online-latest small{color:#89919f!important;font-size:12px!important;line-height:1!important;font-weight:600!important;}
#vhb-app .vhb-online-latest strong,
.vhb-online-latest strong{display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;font-size:14px!important;line-height:1.2!important;font-weight:750!important;}
#vhb-app .vhb-online-latest strong span,
.vhb-online-latest strong span{color:#ff9d2f!important;font-weight:400!important;}
#vhb-app .vhb-online-latest em,
.vhb-online-latest em{color:#aeb5c1!important;font-style:normal!important;font-size:13px!important;line-height:1.25!important;font-weight:400!important;}
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card,
  .vhb-left-rail .vhb-online-card,
  #vhb-app .vhb-right-rail .vhb-online-card,
  .vhb-right-rail .vhb-online-card{
    padding:16px 14px!important;
    border-radius:14px!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card h3,
  .vhb-left-rail .vhb-online-card h3,
  #vhb-app .vhb-right-rail .vhb-online-card h3,
  .vhb-right-rail .vhb-online-card h3{font-size:22px!important;letter-spacing:-.03em!important;}
  #vhb-app .vhb-left-rail .vhb-online-subtitle,
  .vhb-left-rail .vhb-online-subtitle,
  #vhb-app .vhb-right-rail .vhb-online-subtitle,
  .vhb-right-rail .vhb-online-subtitle{font-size:12px!important;line-height:1.35!important;}
  #vhb-app .vhb-left-rail .vhb-online-counts,
  .vhb-left-rail .vhb-online-counts,
  #vhb-app .vhb-right-rail .vhb-online-counts,
  .vhb-right-rail .vhb-online-counts{margin:12px 0 13px!important;padding:12px 0!important;}
  #vhb-app .vhb-left-rail .vhb-online-count-pair strong,
  .vhb-left-rail .vhb-online-count-pair strong,
  #vhb-app .vhb-right-rail .vhb-online-count-pair strong,
  .vhb-right-rail .vhb-online-count-pair strong{font-size:30px!important;}
  #vhb-app .vhb-left-rail .vhb-online-count-pair span,
  .vhb-left-rail .vhb-online-count-pair span,
  #vhb-app .vhb-right-rail .vhb-online-count-pair span,
  .vhb-right-rail .vhb-online-count-pair span{font-size:9px!important;letter-spacing:.06em!important;}
  #vhb-app .vhb-left-rail .vhb-online-strip img,
  #vhb-app .vhb-left-rail .vhb-online-strip .vhb-default-avatar,
  #vhb-app .vhb-left-rail .vhb-online-strip .vhb-placeholder-avatar,
  .vhb-left-rail .vhb-online-strip img,
  .vhb-left-rail .vhb-online-strip .vhb-default-avatar,
  .vhb-left-rail .vhb-online-strip .vhb-placeholder-avatar{width:34px!important;height:34px!important;}
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-more,
  .vhb-left-rail .vhb-online-card .vhb-online-more{width:34px!important;height:34px!important;font-size:11px!important;}
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta{min-height:36px!important;font-size:10px!important;border-radius:8px!important;padding:0 10px!important;}
  #vhb-app .vhb-left-rail .vhb-online-latest,
  .vhb-left-rail .vhb-online-latest{padding:10px!important;}
  #vhb-app .vhb-left-rail .vhb-online-latest strong,
  .vhb-left-rail .vhb-online-latest strong{font-size:12px!important;}
  #vhb-app .vhb-left-rail .vhb-online-latest em,
  .vhb-left-rail .vhb-online-latest em{font-size:11px!important;}
}
@media(max-width:680px){
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-online-card,
  body.home .vhb-mobile-editorial-feed .vhb-online-card{order:10!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-home-big-orange{display:none!important;}
}


/* v0.2.113F — Online Now polish, mobile board-route simplification, and discussion readability pass. */
#vhb-app .vhb-online-count-pair em,
.vhb-online-count-pair em{color:#ff9d2f!important;opacity:.9!important;}
#vhb-app .vhb-online-count-pair em:empty,
.vhb-online-count-pair em:empty{display:none!important;}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
.vhb-online-card .vhb-widget-button.vhb-online-cta{
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-online-card .vhb-online-cta span,
.vhb-online-card .vhb-online-cta span,
#vhb-app .vhb-online-card .vhb-online-cta b,
.vhb-online-card .vhb-online-cta b{flex:0 0 auto!important;}
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:clamp(5px,1vw,10px)!important;
    padding-right:clamp(5px,1vw,10px)!important;
    gap:clamp(4px,.7vw,8px)!important;
    font-size:clamp(7px,.86vw,10px)!important;
    letter-spacing:clamp(.035em,.35vw,.075em)!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-cta span,
  .vhb-left-rail .vhb-online-card .vhb-online-cta span,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-cta span,
  .vhb-right-rail .vhb-online-card .vhb-online-cta span{font-size:clamp(10px,1.1vw,15px)!important;}
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-cta b,
  .vhb-left-rail .vhb-online-card .vhb-online-cta b,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-cta b,
  .vhb-right-rail .vhb-online-card .vhb-online-cta b{font-size:clamp(11px,1.1vw,16px)!important;}
}
@media(max-width:680px){
  body.home #vhb-app .vhb-left-rail .vhb-online-card,
  body.home .vhb-left-rail .vhb-online-card,
  body.home #vhb-app .vhb-right-rail .vhb-online-card,
  body.home .vhb-right-rail .vhb-online-card{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-online-card,
  body.home .vhb-mobile-editorial-feed > .vhb-online-card{display:block!important;order:10!important;}
}

/* Discussion pages: brighter comment cards and finer orange speech/quote outlines. */
#vhb-app .vhb-thread-layout .vhb-post-card,
body .vhb-thread-layout .vhb-post-card,
#vhb-app .vhb-post-card,
body .vhb-post-card{border-color:rgba(255,255,255,.42)!important;}
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
body .vhb-quote-preview,
body .vhb-quote-box{
  border-width:.5px!important;
  border-left-width:.5px!important;
  border-color:rgba(255,130,0,.34)!important;
}
#vhb-app .vhb-quote-preview:before,
#vhb-app .vhb-quote-box:before,
body .vhb-quote-preview:before,
body .vhb-quote-box:before{
  border-left-width:.5px!important;
  border-bottom-width:.5px!important;
  border-color:rgba(255,130,0,.34)!important;
}
#vhb-app .vhb-parent-preview,
#vhb-app .vhb-formatted-quote-preview,
body .vhb-parent-preview,
body .vhb-formatted-quote-preview{border-color:rgba(255,130,0,.34)!important;border-width:.5px!important;}

/* New below-list ad slots are mobile-only cleanup points. */
.vhb-board-directory-bottom-ad,
.vhb-board-topic-bottom-ad{display:none!important;}
@media(max-width:680px){
  #vhb-app .vhb-board-directory-bottom-ad,
  body .vhb-board-directory-bottom-ad,
  #vhb-app .vhb-board-topic-bottom-ad,
  body .vhb-board-topic-bottom-ad{
    display:flex!important;
    margin:14px 0 0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  /* All Boards mobile: board list, one bottom ad, footer. */
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-pulse,
  body.vhb-board-mode-active .vhb-board-directory-pulse,
  #vhb-app .vhb-board-directory-layout.vhb-board-mode-active .vhb-board-directory-pulse,
  .vhb-board-directory-layout.vhb-board-mode-active .vhb-board-directory-pulse,
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-online-card,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-online-card,
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-top-contributors,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-top-contributors,
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-big-orange-art,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-big-orange-art{display:none!important;}

  /* Topic list and discussion routes: top ad + main content + requested below-list ad/footer only. */
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    display:flex!important;
    flex-direction:column!important;
    padding-top:64px!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-left-rail,
  body .vhb-board-view-layout .vhb-left-rail,
  #vhb-app .vhb-board-view-layout .vhb-right-rail,
  body .vhb-board-view-layout .vhb-right-rail,
  #vhb-app .vhb-thread-layout .vhb-left-rail,
  body .vhb-thread-layout .vhb-left-rail,
  #vhb-app .vhb-thread-layout .vhb-right-rail,
  body .vhb-thread-layout .vhb-right-rail{display:none!important;}
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  body .vhb-thread-layout .vhb-thread-first-ad{
    display:flex!important;
    order:0!important;
    margin:0 0 12px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-main,
  body .vhb-board-view-layout .vhb-main,
  #vhb-app .vhb-thread-layout .vhb-main,
  body .vhb-thread-layout .vhb-main{order:1!important;width:100%!important;}
  #vhb-app .vhb-board-view-layout .vhb-site-footer,
  body .vhb-board-view-layout .vhb-site-footer,
  #vhb-app .vhb-thread-layout .vhb-site-footer,
  body .vhb-thread-layout .vhb-site-footer{order:2!important;width:100%!important;}
}

/* v0.2.113G — restrained discussion polish, Online Now fixups, and mobile Read More. */
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
body .vhb-quote-preview,
body .vhb-quote-box{
  border-width:1px!important;
  border-left-width:3px!important;
  border-color:rgba(255,130,0,.42)!important;
}
#vhb-app .vhb-quote-preview:before,
#vhb-app .vhb-quote-box:before,
body .vhb-quote-preview:before,
body .vhb-quote-box:before{
  border-left-width:1px!important;
  border-bottom-width:1px!important;
  border-color:rgba(255,130,0,.42)!important;
}
#vhb-app .vhb-parent-preview,
#vhb-app .vhb-formatted-quote-preview,
body .vhb-parent-preview,
body .vhb-formatted-quote-preview{border-color:rgba(255,130,0,.42)!important;border-width:1px!important;}

/* Online Now: restore CTA visibility on all rails and use a dependable Guest glyph. */
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
body .vhb-online-card .vhb-widget-button.vhb-online-cta{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:38px!important;
  max-height:none!important;
}
#vhb-app .vhb-online-count-pair em,
body .vhb-online-count-pair em{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:7px auto 0!important;
  font-style:normal!important;
  font-size:15px!important;
  line-height:1!important;
  border:1px solid rgba(255,130,0,.35)!important;
  border-radius:50%!important;
  background:rgba(255,130,0,.08)!important;
  color:#ff9d2f!important;
}
#vhb-app .vhb-online-count-pair:nth-child(2) em,
body .vhb-online-count-pair:nth-child(2) em{font-size:14px!important;}
#vhb-app .vhb-online-card .vhb-online-counts,
body .vhb-online-card .vhb-online-counts{margin-bottom:12px!important;}
#vhb-app .vhb-online-card .vhb-online-strip,
body .vhb-online-card .vhb-online-strip{margin-top:0!important;margin-bottom:9px!important;}
#vhb-app .vhb-online-card .vhb-online-updated,
body .vhb-online-card .vhb-online-updated{margin-top:2px!important;margin-bottom:12px!important;}

/* Mobile route cleanup / top clearance. */
@media(max-width:680px){
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:92px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  body .vhb-thread-layout .vhb-thread-first-ad{
    margin-top:0!important;
    margin-bottom:14px!important;
    flex:0 0 auto!important;
  }
  #vhb-app .vhb-board-directory-bottom-ad ~ *,
  body .vhb-board-directory-bottom-ad ~ *,
  #vhb-app .vhb-board-topic-bottom-ad ~ *,
  body .vhb-board-topic-bottom-ad ~ *{
    display:none!important;
  }
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-right-rail,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-right-rail,
  body.vhb-board-mode-active #vhb-app .vhb-board-directory-layout .vhb-left-rail,
  body.vhb-board-mode-active .vhb-board-directory-layout .vhb-left-rail{display:none!important;}

  .vhb-post-text.vhb-mobile-collapsible{
    position:relative;
    overflow:hidden!important;
    max-height:4.65em!important;
  }
  .vhb-post-text.vhb-mobile-collapsible.is-expanded{
    max-height:none!important;
    overflow:visible!important;
  }
  .vhb-post-text.vhb-mobile-collapsible:not(.is-expanded):after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:1.55em;
    background:linear-gradient(to bottom,rgba(13,15,19,0),rgba(13,15,19,.96));
    pointer-events:none;
  }
  .vhb-read-more-toggle{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:6px 0 2px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#ff9d2f!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    cursor:pointer!important;
  }
}

/* v0.2.113H — containment/stabilization pass after mobile-targeted regressions. */
/* Discussion meta should read as metadata, not a bold label. */
#vhb-app .vhb-post-top,
body .vhb-post-top,
#vhb-app .vhb-post-top time,
body .vhb-post-top time{
  font-weight:400!important;
}

/* Quote/reply speech bubble: even, non-beveled orange outline, lighter than recent pass. */
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
body .vhb-quote-preview,
body .vhb-quote-box{
  border:1.25px solid rgba(255,145,34,.58)!important;
  border-left:1.25px solid rgba(255,145,34,.58)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#vhb-app .vhb-quote-preview:before,
#vhb-app .vhb-quote-box:before,
body .vhb-quote-preview:before,
body .vhb-quote-box:before{
  border-left:1.25px solid rgba(255,145,34,.58)!important;
  border-bottom:1.25px solid rgba(255,145,34,.58)!important;
  border-top:0!important;
  border-right:0!important;
  box-shadow:none!important;
}

/* Mobile Topic/Discussion pages: give first prop ad the same real clearance discipline as All Boards. */
@media(max-width:680px){
  #vhb-app .vhb-board-view-layout,
  body .vhb-board-view-layout,
  #vhb-app .vhb-thread-layout,
  body .vhb-thread-layout{
    padding-top:150px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  body .vhb-board-view-layout .vhb-board-topic-first-ad,
  #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  body .vhb-thread-layout .vhb-thread-first-ad,
  #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  body .vhb-thread-layout .vhb-board-topic-first-ad{
    display:flex!important;
    margin-top:0!important;
    margin-bottom:14px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
  }
}

/* Online Now: centered number columns, dependable guest glyph, CTA contents contained at narrow rails/zoom levels. */
#vhb-app .vhb-online-card,
body .vhb-online-card{
  container-type:inline-size;
}
#vhb-app .vhb-online-count-pair,
body .vhb-online-count-pair{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
}
#vhb-app .vhb-online-count-pair strong,
body .vhb-online-count-pair strong,
#vhb-app .vhb-online-count-pair span,
body .vhb-online-count-pair span{
  text-align:center!important;
}
#vhb-app .vhb-online-count-pair em,
body .vhb-online-count-pair em{
  color:transparent!important;
  text-shadow:none!important;
  font-size:0!important;
  border:0!important;
  background:transparent!important;
}
#vhb-app .vhb-online-count-pair em::before,
body .vhb-online-count-pair em::before{
  display:block!important;
  color:#5c8fd6!important;
  font-size:18px!important;
  line-height:1!important;
  text-shadow:none!important;
}
#vhb-app .vhb-online-count-pair:first-child em::before,
body .vhb-online-count-pair:first-child em::before{content:"👤"!important;}
#vhb-app .vhb-online-count-pair:nth-child(2) em::before,
body .vhb-online-count-pair:nth-child(2) em::before{content:"👥"!important;color:#cfd4df!important;}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
body .vhb-online-card .vhb-widget-button.vhb-online-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  gap:clamp(3px,2cqw,9px)!important;
  padding-inline:clamp(5px,3.5cqw,14px)!important;
  font-size:clamp(7px,4.6cqw,15px)!important;
  letter-spacing:clamp(.035em,.75cqw,.11em)!important;
}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta span,
body .vhb-online-card .vhb-widget-button.vhb-online-cta span,
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta b,
body .vhb-online-card .vhb-widget-button.vhb-online-cta b{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:clamp(10px,5.1cqw,18px)!important;
  line-height:1!important;
}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
body .vhb-online-card .vhb-widget-button.vhb-online-cta strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Restore desktop/tablet Home hero teaser size; keep recent mobile-only intro changes scoped to phones. */
@media(min-width:681px){
  #vhb-app .vhb-home-hero-card p,
  body .vhb-home-hero-card p,
  #vhb-app .vhb-home-cta-row p,
  body .vhb-home-cta-row p{
    font-size:18px!important;
    line-height:1.45!important;
    letter-spacing:normal!important;
  }
}

/* Desktop/tablet Countdown: restore separation so panes sit below the art instead of collapsing into it. */
@media(min-width:681px){
  #vhb-app .vhb-countdown-widget,
  body .vhb-countdown-widget{
    min-height:0!important;
  }
  #vhb-app .vhb-countdown-stage,
  body .vhb-countdown-stage{
    padding-top:18px!important;
    padding-bottom:22px!important;
  }
  #vhb-app .vhb-countdown-hero,
  body .vhb-countdown-hero{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    margin:0 auto 26px!important;
    max-width:min(100%,560px)!important;
  }
  #vhb-app .vhb-countdown-grid,
  body .vhb-countdown-grid{
    position:relative!important;
    z-index:3!important;
    margin-top:0!important;
    margin-bottom:20px!important;
    clear:both!important;
  }
  #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-hero,
  body .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-hero,
  #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-hero,
  body .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-hero{
    max-width:min(100%,430px)!important;
    margin-bottom:18px!important;
  }
}

/* Mobile Read More: applied by JS to the real post body element. */
@media(max-width:680px){
  #vhb-app .vhb-mobile-collapsible,
  body .vhb-mobile-collapsible{
    position:relative!important;
    overflow:hidden!important;
    max-height:4.85em!important;
  }
  #vhb-app .vhb-mobile-collapsible.is-expanded,
  body .vhb-mobile-collapsible.is-expanded{
    max-height:none!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-mobile-collapsible:not(.is-expanded)::after,
  body .vhb-mobile-collapsible:not(.is-expanded)::after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    height:1.6em!important;
    background:linear-gradient(to bottom,rgba(13,15,19,0),rgba(13,15,19,.98))!important;
    pointer-events:none!important;
  }
  #vhb-app .vhb-read-more-toggle,
  body .vhb-read-more-toggle{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:7px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#ff9d2f!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
    cursor:pointer!important;
  }
}


/* v0.2.113I — stabilization follow-up: read-more all devices, ad clearance, Online Now containment, dt/tablet hero/CtT fixes. */
/* Discussion post meta: keep post number/date understated. */
#vhb-app .vhb-post-top,
body .vhb-post-top,
#vhb-app .vhb-post-top *,
body .vhb-post-top *{font-weight:400!important;}

/* Quote/reply bubble: one even outline, slightly lighter; remove left bevel. */
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
body .vhb-quote-preview,
body .vhb-quote-box{
  border:1.45px solid rgba(255,151,45,.66)!important;
  border-left:1.45px solid rgba(255,151,45,.66)!important;
  outline:0!important;
  box-shadow:0 16px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#vhb-app .vhb-quote-preview:before,
#vhb-app .vhb-quote-box:before,
body .vhb-quote-preview:before,
body .vhb-quote-box:before{
  border-left:1.45px solid rgba(255,151,45,.66)!important;
  border-bottom:1.45px solid rgba(255,151,45,.66)!important;
  border-top:0!important;
  border-right:0!important;
  box-shadow:none!important;
}

/* Read More should work on every device and be inserted only once. */
#vhb-app .vhb-readable-collapsible,
body .vhb-readable-collapsible{
  position:relative!important;
  overflow:hidden!important;
  max-height:4.85em!important;
}
#vhb-app .vhb-readable-collapsible.is-expanded,
body .vhb-readable-collapsible.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-readable-collapsible:not(.is-expanded)::after,
body .vhb-readable-collapsible:not(.is-expanded)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:1.65em!important;
  background:linear-gradient(to bottom,rgba(13,15,19,0),rgba(13,15,19,.98))!important;
  pointer-events:none!important;
}
#vhb-app .vhb-read-more-toggle,
body .vhb-read-more-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ff9d2f!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  cursor:pointer!important;
}

/* Online Now icons and CTA: one icon per count, no duplicate glyphs, button contents fit rails/tablet zoom. */
#vhb-app .vhb-online-count-pair,
body .vhb-online-count-pair{text-align:center!important;align-items:center!important;justify-items:center!important;justify-content:center!important;}
#vhb-app .vhb-online-count-pair strong,
body .vhb-online-count-pair strong,
#vhb-app .vhb-online-count-pair span,
body .vhb-online-count-pair span{text-align:center!important;}
#vhb-app .vhb-online-count-pair em,
body .vhb-online-count-pair em{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  margin:6px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  opacity:1!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
  filter:none!important;
}
#vhb-app .vhb-online-count-pair em::before,
body .vhb-online-count-pair em::before{
  display:block!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  text-indent:0!important;
  color:#d4d8e1!important;
  opacity:.78!important;
}
#vhb-app .vhb-online-count-pair:first-child em::before,
body .vhb-online-count-pair:first-child em::before{content:"●"!important;color:#5c8fd6!important;}
#vhb-app .vhb-online-count-pair:nth-child(2) em::before,
body .vhb-online-count-pair:nth-child(2) em::before{content:"◆"!important;color:#cfd4df!important;}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
body .vhb-online-card .vhb-widget-button.vhb-online-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  gap:clamp(3px,1.4vw,8px)!important;
  padding-left:clamp(6px,1.5vw,14px)!important;
  padding-right:clamp(6px,1.5vw,14px)!important;
  letter-spacing:clamp(.025em,.35vw,.09em)!important;
}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta span,
body .vhb-online-card .vhb-widget-button.vhb-online-cta span{display:none!important;}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
body .vhb-online-card .vhb-widget-button.vhb-online-cta strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(8px,1.15vw,15px)!important;
  line-height:1!important;
}
#vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta b,
body .vhb-online-card .vhb-widget-button.vhb-online-cta b{
  flex:0 0 auto!important;
  font-size:clamp(10px,1.3vw,17px)!important;
  line-height:1!important;
}
@media(min-width:681px) and (max-width:1150px){
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta{min-height:34px!important;font-size:10px!important;}
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta strong{font-size:clamp(7px,1.05vw,12px)!important;}
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta b{font-size:clamp(9px,1.05vw,13px)!important;}
}

/* Desktop/tablet Home hero teaser: deliberately smaller, mobile untouched. */
@media(min-width:681px){
  body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  body.home .vhb-home-mode .vhb-home-cta-row p,
  body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  body.home .vhb-home-mode .vhb-home-hero-card p{
    font-size:15px!important;
    line-height:1.38!important;
    letter-spacing:normal!important;
    color:#c8ced9!important;
  }
}

/* Tablet Countdown background should fill the entire card vertically. */
@media(min-width:681px) and (max-width:1150px){
  body #vhb-app .vhb-countdown-widget,
  body .vhb-countdown-widget{
    background-size:cover!important;
    background-position:center center!important;
    overflow:hidden!important;
  }
  body #vhb-app .vhb-countdown-stage,
  body .vhb-countdown-stage{min-height:100%!important;}
}

/* Mobile topic/discussion first banner: emulate All Boards by applying clearance to the real first item. */
@media(max-width:680px){
  html body #vhb-app .vhb-board-view-layout,
  html body .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body .vhb-thread-layout{
    padding-top:0!important;
    margin-top:0!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  html body .vhb-thread-layout .vhb-thread-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  html body .vhb-thread-layout .vhb-board-topic-first-ad{
    display:flex!important;
    margin-top:136px!important;
    margin-bottom:14px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    flex:0 0 auto!important;
  }
}


/* v0.2.113J — precision follow-up: Topic/Discussion ad tune, Online Now rail/tablet containment, single Read More. */
/* Topic/Discussion first banner: 113I found the right selector; reduce only the offset. */
@media(max-width:680px){
  html body #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  html body .vhb-thread-layout .vhb-thread-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  html body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:100px!important;
  }
}

/* Online Now: preserve phone look; make narrow desktop/tablet rails fit without truncating. */
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card,
  body .vhb-left-rail .vhb-online-card,
  #vhb-app .vhb-right-rail .vhb-online-card,
  body .vhb-right-rail .vhb-online-card{
    padding:16px 12px!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-top,
  body .vhb-left-rail .vhb-online-card .vhb-online-top,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-top,
  body .vhb-right-rail .vhb-online-card .vhb-online-top{
    margin-bottom:12px!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-counts,
  body .vhb-left-rail .vhb-online-card .vhb-online-counts,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-counts,
  body .vhb-right-rail .vhb-online-card .vhb-online-counts{
    margin:10px 0 12px!important;
    padding:11px 0!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-caption,
  body .vhb-left-rail .vhb-online-card .vhb-online-caption,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-caption,
  body .vhb-right-rail .vhb-online-card .vhb-online-caption{
    font-size:12px!important;
    line-height:1.28!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-updated,
  body .vhb-left-rail .vhb-online-card .vhb-online-updated,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-updated,
  body .vhb-right-rail .vhb-online-card .vhb-online-updated{
    font-size:11px!important;
    margin-bottom:10px!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta{
    min-height:34px!important;
    padding-left:6px!important;
    padding-right:6px!important;
    gap:4px!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong{
    font-size:clamp(7px,.72vw,10px)!important;
    letter-spacing:.04em!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b{
    font-size:12px!important;
  }
}
@media(min-width:681px) and (max-width:1150px){
  /* Tablet sidebars are too narrow for latest activity; keep the clean core widget only. */
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-online-latest,
  body .vhb-left-rail .vhb-online-card .vhb-online-latest,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-online-latest,
  body .vhb-right-rail .vhb-online-card .vhb-online-latest{
    display:none!important;
  }
}

/* Single all-device Read More appearance. */
#vhb-app .vhb-readable-collapsible,
body .vhb-readable-collapsible{
  position:relative!important;
  overflow:hidden!important;
  max-height:4.85em!important;
}
#vhb-app .vhb-readable-collapsible.is-expanded,
body .vhb-readable-collapsible.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-readable-collapsible:not(.is-expanded)::after,
body .vhb-readable-collapsible:not(.is-expanded)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:1.65em!important;
  background:linear-gradient(to bottom,rgba(13,15,19,0),rgba(13,15,19,.98))!important;
  pointer-events:none!important;
}
#vhb-app .vhb-read-more-toggle,
body .vhb-read-more-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ff9d2f!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  cursor:pointer!important;
}


/* v0.2.113K — stabilization follow-up: remove Online Now latest, finish clearance tuning, protect Read More expanded state. */
#vhb-app .vhb-online-card .vhb-online-latest,
body .vhb-online-card .vhb-online-latest{
  display:none!important;
}

@media(max-width:680px){
  html body #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  html body .vhb-thread-layout .vhb-thread-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  html body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:84px!important;
  }
}

#vhb-app .vhb-readable-collapsible.is-expanded,
body .vhb-readable-collapsible.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-readable-collapsible.is-expanded::after,
body .vhb-readable-collapsible.is-expanded::after{
  display:none!important;
  content:none!important;
}

/* v0.2.113K — narrow rail CTA: use compact visual label so icon/text/arrow never overflow. */
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    padding-left:8px!important;
    padding-right:8px!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong{
    font-size:0!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after{
    content:"JOIN BOARD"!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta b{
    flex:0 0 auto!important;
    font-size:13px!important;
  }
}


/* v0.2.113M — dedicated Topic/Discussion mobile top-banner clearance fix.
   Stop stacking ad-specific spacer hacks. Match the stable All Boards pattern:
   content wrapper provides only the normal compact-header breathing room;
   the first banner itself starts naturally inside that wrapper. */
@media(max-width:680px){
  html body #vhb-app .vhb-board-view-layout,
  html body .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body .vhb-thread-layout{
    padding-top:18px!important;
    margin-top:0!important;
  }
  html body #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  html body .vhb-thread-layout .vhb-thread-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  html body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:0!important;
    margin-bottom:12px!important;
  }
}


/* v0.2.113N — dedicated Topic/Discussion top ad clearance calibration.
   113M found the lower/clipped boundary. Restore the safe wrapper model and
   use a measured first-ad offset between the clipped 113M state and the
   over-spaced 113K state. Keep All Boards untouched. */
@media(max-width:680px){
  html body #vhb-app .vhb-board-view-layout,
  html body .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body .vhb-thread-layout{
    padding-top:34px!important;
    margin-top:0!important;
  }
  html body #vhb-app .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-thread-first-ad,
  html body .vhb-thread-layout .vhb-thread-first-ad,
  html body #vhb-app .vhb-thread-layout .vhb-board-topic-first-ad,
  html body .vhb-thread-layout .vhb-board-topic-first-ad{
    margin-top:42px!important;
    margin-bottom:12px!important;
  }
}

/* v0.2.113O Topics page renovation: cleaner topic-first hierarchy */
.vhb-topic-board-panel .vhb-topic-table-head{
  display:none!important;
}
.vhb-topic-board-panel .vhb-mock-topic-list{
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,16,20,.94),rgba(8,10,13,.96))!important;
}
.vhb-topic-board-panel .vhb-topic-row,
.vhb-topic-board-panel .vhb-mock-topic-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 112px 22px!important;
  grid-template-areas:"status body counts chev" "status last counts chev"!important;
  align-items:center!important;
  gap:8px 14px!important;
  min-height:112px!important;
  padding:20px 22px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(10,12,15,.72),rgba(15,18,23,.52))!important;
  box-shadow:none!important;
}
.vhb-topic-board-panel .vhb-topic-row:last-child{border-bottom:0!important;}
.vhb-topic-board-panel .vhb-topic-row:hover,
.vhb-topic-board-panel .vhb-topic-row:focus-within{
  background:linear-gradient(90deg,rgba(19,23,29,.85),rgba(15,18,23,.72))!important;
  border-bottom-color:rgba(255,122,0,.28)!important;
}
.vhb-topic-board-panel .vhb-topic-status{
  grid-area:status!important;
  align-self:start!important;
  justify-self:center!important;
  width:28px!important;
  padding-top:3px!important;
  color:#ff8a1d!important;
  font-size:20px!important;
  line-height:1!important;
  opacity:.92!important;
  text-align:center!important;
}
.vhb-topic-board-panel .vhb-topic-body{
  grid-area:body!important;
  min-width:0!important;
  overflow:visible!important;
}
.vhb-topic-board-panel .vhb-topic-titleline{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
  margin:0 0 7px!important;
  overflow:visible!important;
}
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
}
.vhb-topic-board-panel .vhb-topic-titleline a{
  color:#fff!important;
  font-size:clamp(20px,2.15vw,28px)!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
  text-decoration:none!important;
  max-width:100%!important;
}
.vhb-topic-board-panel .vhb-topic-titleline a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important;}
.vhb-topic-board-panel .vhb-topic-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  color:rgba(232,236,245,.68)!important;
  font-size:14px!important;
  line-height:1.25!important;
  margin:0!important;
}
.vhb-topic-board-panel .vhb-mini-author{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#ffad5d!important;
}
.vhb-topic-board-panel .vhb-mini-author img,
.vhb-topic-board-panel .vhb-mini-author .vhb-default-avatar{
  width:22px!important;height:22px!important;border-radius:50%!important;
}
.vhb-topic-board-panel .vhb-mini-author strong{color:#ffad5d!important;font-weight:800!important;}
.vhb-topic-board-panel .vhb-last-activity{
  grid-area:last!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin-top:6px!important;
  padding-left:0!important;
  color:rgba(232,236,245,.72)!important;
}
.vhb-topic-board-panel .vhb-last-avatar img,
.vhb-topic-board-panel .vhb-last-avatar .vhb-default-avatar{
  width:28px!important;height:28px!important;border-radius:50%!important;
}
.vhb-topic-board-panel .vhb-last-activity strong,
.vhb-topic-board-panel .vhb-last-activity em{
  display:inline!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.vhb-topic-board-panel .vhb-last-activity strong{color:#62df73!important;font-weight:850!important;}
.vhb-topic-board-panel .vhb-last-activity em{color:#62df73!important;font-style:normal!important;font-weight:750!important;}
.vhb-topic-board-panel .vhb-last-activity em:before{content:" · ";color:rgba(232,236,245,.5)!important;font-weight:700!important;}
.vhb-topic-board-panel .vhb-topic-count{
  display:grid!important;
  grid-template-columns:26px 1fr!important;
  grid-template-areas:"ico num" "ico lab"!important;
  align-items:center!important;
  justify-items:start!important;
  justify-self:end!important;
  min-width:92px!important;
  gap:0 8px!important;
  text-align:left!important;
  color:rgba(232,236,245,.75)!important;
}
.vhb-topic-board-panel .vhb-replies-count{grid-area:counts!important;align-self:start!important;margin-top:2px!important;}
.vhb-topic-board-panel .vhb-views-count{grid-area:counts!important;align-self:end!important;margin-bottom:2px!important;}
.vhb-topic-board-panel .vhb-topic-count-icon{
  grid-area:ico!important;
  color:rgba(194,203,218,.72)!important;
  filter:grayscale(1)!important;
  opacity:.76!important;
  font-size:20px!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-count strong{
  grid-area:num!important;
  display:block!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){
  grid-area:lab!important;
  display:block!important;
  color:rgba(203,211,224,.72)!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.1!important;
}
.vhb-topic-board-panel .vhb-topic-row-chevron{
  grid-area:chev!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ff8a1d!important;
  font-size:44px!important;
  line-height:1!important;
  font-weight:400!important;
  text-decoration:none!important;
  opacity:.96!important;
  width:24px!important;
  height:64px!important;
}
.vhb-topic-board-panel .vhb-pin-badge,
.vhb-topic-board-panel .vhb-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,122,0,.9)!important;
  background:rgba(255,122,0,.08)!important;
  color:#ffb05b!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  padding:3px 8px!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-modtool{
  display:inline-flex!important;
  position:relative!important;
  z-index:40!important;
  flex:0 0 auto!important;
}
.vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{
  width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;
  background:rgba(255,122,0,.12)!important;
  border:0!important;
  color:#ff8a1d!important;
  box-shadow:none!important;
}
.vhb-topic-board-panel .vhb-topic-row .vhb-modtool-caret{font-size:16px!important;line-height:1!important;}
.vhb-topic-board-panel .vhb-topic-row .vhb-modtool-card{z-index:99999!important;}
.vhb-topic-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:18px 4px 2px!important;
  color:rgba(230,236,248,.72)!important;
  font-size:14px!important;
}
.vhb-topic-pagination-actions{display:flex!important;gap:10px!important;align-items:center!important;}
.vhb-topic-page-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:10px 18px!important;border-radius:999px!important;
  border:1px solid rgba(255,122,0,.78)!important;color:#ffad5d!important;background:rgba(255,122,0,.08)!important;
  text-decoration:none!important;font-weight:900!important;letter-spacing:.02em!important;
}
.vhb-topic-page-next{font-size:18px!important;padding-inline:24px!important;}

@media(max-width:680px){
  .vhb-topic-board-panel .vhb-mock-topic-list{border-radius:14px!important;margin-top:10px!important;}
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:32px minmax(0,1fr) 82px 18px!important;
    grid-template-areas:"status body counts chev" "status last counts chev"!important;
    min-height:118px!important;
    padding:16px 14px!important;
    gap:8px 8px!important;
  }
  .vhb-topic-board-panel .vhb-topic-status{font-size:18px!important;width:24px!important;}
  .vhb-topic-board-panel .vhb-topic-titleline{gap:5px!important;margin-bottom:7px!important;}
  .vhb-topic-board-panel .vhb-topic-titleline a{font-size:22px!important;line-height:1.12!important;font-weight:820!important;letter-spacing:-.035em!important;}
  .vhb-topic-board-panel .vhb-topic-meta{font-size:12.5px!important;gap:5px!important;line-height:1.25!important;}
  .vhb-topic-board-panel .vhb-mini-author img,.vhb-topic-board-panel .vhb-mini-author .vhb-default-avatar{width:20px!important;height:20px!important;}
  .vhb-topic-board-panel .vhb-last-activity{gap:6px!important;margin-top:8px!important;}
  .vhb-topic-board-panel .vhb-last-avatar img,.vhb-topic-board-panel .vhb-last-avatar .vhb-default-avatar{width:24px!important;height:24px!important;}
  .vhb-topic-board-panel .vhb-last-activity strong,.vhb-topic-board-panel .vhb-last-activity em{font-size:12.5px!important;}
  .vhb-topic-board-panel .vhb-topic-count{min-width:72px!important;grid-template-columns:22px 1fr!important;gap:0 5px!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{font-size:17px!important;}
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:21px!important;}
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){font-size:10px!important;}
  .vhb-topic-board-panel .vhb-topic-row-chevron{font-size:34px!important;width:18px!important;height:54px!important;}
  .vhb-topic-board-panel .vhb-pin-badge,.vhb-topic-board-panel .vhb-badge{font-size:11px!important;min-height:22px!important;padding:3px 7px!important;}
  .vhb-topic-pagination{padding:14px 4px 2px!important;font-size:13px!important;}
  .vhb-topic-page-btn{min-height:42px!important;padding:9px 14px!important;}
}

@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:28px minmax(0,1fr) 70px 16px!important;
    padding:14px 10px!important;
    gap:7px 6px!important;
  }
  .vhb-topic-board-panel .vhb-topic-titleline a{font-size:20px!important;}
  .vhb-topic-board-panel .vhb-topic-meta{font-size:11.5px!important;}
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:19px!important;}
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){font-size:9px!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{font-size:15px!important;}
  .vhb-topic-board-panel .vhb-last-activity strong,.vhb-topic-board-panel .vhb-last-activity em{font-size:11.5px!important;}
  .vhb-topic-board-panel .vhb-topic-row-chevron{font-size:30px!important;}
  .vhb-topic-pagination{flex-direction:column!important;align-items:stretch!important;text-align:left!important;}
  .vhb-topic-pagination-actions{justify-content:flex-end!important;}
}


/* v0.2.113P — Online Now CTA/kicker cleanup + feature-card dimension lock notes.
   Verified feature artwork standard: 1800x1200 source, rendered at 3:2 for mobile feed cards.
   Mobile feed card anatomy: image column 41%, text column 59%, image aspect-ratio 3/2. */
#vhb-app .vhb-online-card .vhb-online-kicker,
body .vhb-online-card .vhb-online-kicker{
  white-space:nowrap!important;
}
#vhb-app .vhb-online-card .vhb-online-cta strong,
body .vhb-online-card .vhb-online-cta strong{
  text-transform:uppercase!important;
}
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after{
    content:"MESSAGE BOARD"!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    white-space:nowrap!important;
  }
}
@media(max-width:680px){
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    aspect-ratio:3/2!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
  }
}


/* v0.2.113Q — article discussion CTA + phone Online Now CTA wording. */
.vhb-online-cta-mobile{display:none!important;}
.vhb-online-cta-desktop{display:inline!important;}
@media(max-width: 782px){
  #vhb-app .vhb-online-card .vhb-online-cta .vhb-online-cta-desktop,
  body .vhb-online-card .vhb-online-cta .vhb-online-cta-desktop{display:none!important;}
  #vhb-app .vhb-online-card .vhb-online-cta .vhb-online-cta-mobile,
  body .vhb-online-card .vhb-online-cta .vhb-online-cta-mobile{display:inline!important;}
}
#vhb-app .vhb-article-discussion-cta,
body .vhb-article-discussion-cta{
  margin:34px 0 4px!important;
  padding:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid rgba(255,130,0,.55)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,130,0,.12),rgba(255,255,255,.035)),#0b0d12!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#vhb-app .vhb-article-discussion-cta div,
body .vhb-article-discussion-cta div{min-width:0!important;}
#vhb-app .vhb-article-discussion-cta span,
body .vhb-article-discussion-cta span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ffb15c!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
#vhb-app .vhb-article-discussion-cta strong,
body .vhb-article-discussion-cta strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(20px,2.4vw,30px)!important;
  line-height:1.05!important;
  font-weight:850!important;
}
#vhb-app .vhb-article-discussion-cta a,
body .vhb-article-discussion-cta a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:0 20px!important;
  border:1.5px solid #ff8a18!important;
  border-radius:999px!important;
  color:#ffb15c!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:13px!important;
  font-weight:950!important;
  background:rgba(0,0,0,.30)!important;
  box-shadow:0 0 24px rgba(255,130,0,.12)!important;
}
#vhb-app .vhb-article-discussion-cta a:hover,
body .vhb-article-discussion-cta a:hover{background:rgba(255,130,0,.12)!important;color:#fff!important;}
#vhb-app .vhb-article-discussion-cta a b,
body .vhb-article-discussion-cta a b{font-size:18px!important;line-height:1!important;color:#ff8a18!important;}
@media(max-width: 782px){
  #vhb-app .vhb-article-discussion-cta,
  body .vhb-article-discussion-cta{display:grid!important;text-align:center!important;justify-items:center!important;padding:18px 16px!important;margin-top:28px!important;}
  #vhb-app .vhb-article-discussion-cta a,
  body .vhb-article-discussion-cta a{width:100%!important;max-width:360px!important;}
}


/* v0.2.113R — final small stabilization: preserve mobile Online Now CTA wording,
   keep desktop/tablet compact CTA, and support exact article discussion CTA URLs. */
@media(max-width:680px){
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta strong,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta strong{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    font-size:12px!important;
    line-height:1!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop{
    display:none!important;
  }
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile{
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta b,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta b{
    display:inline-block!important;
    font-size:15px!important;
    line-height:1!important;
    margin-left:7px!important;
  }
}
@media(min-width:681px){
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile{display:none!important;}
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop{display:inline!important;}
}


/* v0.2.113S — article CTA admin field stabilization + Online Now duplicate CTA label cleanup. */
@media(min-width:681px){
  #vhb-app .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-left-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  #vhb-app .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after,
  body .vhb-right-rail .vhb-online-card .vhb-widget-button.vhb-online-cta strong::after{
    content:none!important;
    display:none!important;
  }
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-desktop{
    display:inline!important;
    color:#ff9d2f!important;
  }
}
@media(max-width:680px){
  #vhb-app .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile,
  body .vhb-online-card .vhb-widget-button.vhb-online-cta .vhb-online-cta-mobile{
    display:inline!important;
    color:#ff9d2f!important;
  }
}


/* v0.2.113T — simplified article discussion CTA + native editable admin URL field. */
#vhb-app .vhb-article-discussion-cta,
body .vhb-article-discussion-cta{
  margin:30px 0 6px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
#vhb-app .vhb-article-discussion-cta > div,
#vhb-app .vhb-article-discussion-cta span,
#vhb-app .vhb-article-discussion-cta strong,
body .vhb-article-discussion-cta > div,
body .vhb-article-discussion-cta span,
body .vhb-article-discussion-cta strong{
  display:none!important;
}
#vhb-app .vhb-article-discussion-cta a,
#vhb-app .vhb-article-discussion-cta .vhb-article-discussion-button,
body .vhb-article-discussion-cta a,
body .vhb-article-discussion-cta .vhb-article-discussion-button{
  width:auto!important;
  max-width:none!important;
  min-height:42px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:1.5px solid #ff8a18!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.28)!important;
  box-shadow:none!important;
  color:#ffb15c!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
#vhb-app .vhb-article-discussion-cta a:hover,
#vhb-app .vhb-article-discussion-cta .vhb-article-discussion-button:hover,
body .vhb-article-discussion-cta a:hover,
body .vhb-article-discussion-cta .vhb-article-discussion-button:hover{
  background:rgba(255,130,0,.10)!important;
  color:#fff!important;
}
#vhb-app .vhb-article-discussion-cta a b,
#vhb-app .vhb-article-discussion-cta .vhb-article-discussion-button b,
body .vhb-article-discussion-cta a b,
body .vhb-article-discussion-cta .vhb-article-discussion-button b{
  color:#ff8a18!important;
  font-size:17px!important;
  line-height:1!important;
}
@media(max-width:782px){
  #vhb-app .vhb-article-discussion-cta,
  body .vhb-article-discussion-cta{
    display:flex!important;
    justify-items:start!important;
    text-align:left!important;
    padding:0!important;
    margin-top:26px!important;
  }
  #vhb-app .vhb-article-discussion-cta a,
  #vhb-app .vhb-article-discussion-cta .vhb-article-discussion-button,
  body .vhb-article-discussion-cta a,
  body .vhb-article-discussion-cta .vhb-article-discussion-button{
    width:auto!important;
    max-width:100%!important;
  }
}


/* v0.2.113X — tablet header/page-offset stabilization.
   Dedicated tablet-only repair: remove the extra reserved gap below the sticky
   header and lock the first content row to a stable initial offset so iPad/Safari
   refresh/navigation does not visually jump down and back up. Desktop and phone
   layouts are intentionally untouched. */
@media (min-width:681px) and (max-width:1150px){
  html body #vhb-app,
  html body #vhb-app.vhb-app,
  body .vhb-app{
    padding-top:16px!important;
  }

  html body #vhb-app > .vhb-shell,
  body .vhb-app > .vhb-shell,
  html body .vhb-shell{
    padding-top:0!important;
    margin-top:0!important;
  }

  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin-top:0!important;
    margin-bottom:4px!important;
    transform:none!important;
    will-change:auto!important;
  }

  html body #vhb-app .vhb-site-header + .vhb-home-v2-layout,
  html body .vhb-site-header + .vhb-home-v2-layout,
  html body #vhb-app .vhb-site-header + .vhb-board-directory-layout,
  html body .vhb-site-header + .vhb-board-directory-layout,
  html body #vhb-app .vhb-site-header + .vhb-board-view-layout,
  html body .vhb-site-header + .vhb-board-view-layout,
  html body #vhb-app .vhb-site-header + .vhb-thread-layout,
  html body .vhb-site-header + .vhb-thread-layout,
  html body #vhb-app .vhb-layout.vhb-home-v2-layout,
  html body .vhb-layout.vhb-home-v2-layout{
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
    will-change:auto!important;
  }

  html body #vhb-app .vhb-left-rail,
  html body #vhb-app .vhb-main,
  html body #vhb-app .vhb-right-rail,
  html body .vhb-left-rail,
  html body .vhb-main,
  html body .vhb-right-rail{
    margin-top:0!important;
  }
}


/* v0.2.113AC — tablet navigation jitter guard.
   One-pass diagnostic/fix: remove the 113AB shell-offset mutation layer and make
   older iPad zoom-recovery classes layout-neutral during ordinary tablet page
   navigation. The suspected jerk is an old visualViewport recovery class briefly
   toggling on route/load, changing header/page positioning even when no pinch
   zoom is happening. Phone and desktop are untouched. */
@media (min-width:681px) and (max-width:1150px){
  html.vhb-tablet-nav-steady body,
  html.vhb-tablet-nav-steady #vhb-app,
  html.vhb-tablet-nav-steady #vhb-app.vhb-app,
  html.vhb-tablet-nav-steady .vhb-app,
  html.vhb-tablet-nav-steady .vhb-shell,
  html.vhb-tablet-nav-steady .vhb-site-header,
  html.vhb-tablet-nav-steady .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady .vhb-board-view-layout,
  html.vhb-tablet-nav-steady .vhb-thread-layout,
  html.vhb-tablet-nav-steady .vhb-left-rail,
  html.vhb-tablet-nav-steady .vhb-main,
  html.vhb-tablet-nav-steady .vhb-right-rail{
    transition-property:none!important;
    animation:none!important;
    will-change:auto!important;
  }

  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-site-header,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-site-header,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-site-header,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-site-header,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-site-header,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-site-header{
    position:sticky!important;
    top:0!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin-top:0!important;
    margin-bottom:4px!important;
    transform:none!important;
    -webkit-transform:none!important;
  }

  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering #vhb-app,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming #vhb-app,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering #vhb-app,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass #vhb-app,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong #vhb-app,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite #vhb-app,
  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-shell,
  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-home-v2-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-board-directory-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-board-view-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-zoom-recovering .vhb-thread-layout,
  html.vhb-tablet-nav-steady.vhb-tablet-touch-zooming .vhb-thread-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-recovering .vhb-thread-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-pass .vhb-thread-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-repaint-strong .vhb-thread-layout,
  html.vhb-tablet-nav-steady.vhb-ipad-zoom-decomposite .vhb-thread-layout{
    transform:none!important;
    -webkit-transform:none!important;
    top:auto!important;
  }
}


/* v0.2.113AD — iPad/tablet WebKit fixed-header GPU compositing pass.
   Conservative tablet-only layer promotion based on iPad Safari/WebKit repaint behavior:
   keep prior spacing intact, but force the sticky header and its visual children onto stable
   compositor layers so navigation/URL-bar repaint cycles do not lag fixed/sticky positioning.
   No overscroll/body scroll changes and no layout containment are applied. */
@media (min-width:681px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header{
    -webkit-transform:translate3d(0,0,0)!important;
    transform:translate3d(0,0,0)!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    -webkit-perspective:1000px!important;
    perspective:1000px!important;
    will-change:transform!important;
    isolation:isolate!important;
  }

  html body #vhb-app .vhb-site-header::before,
  html body .vhb-site-header::before,
  html body #vhb-app .vhb-site-header .vhb-header-inner,
  html body .vhb-site-header .vhb-header-inner,
  html body #vhb-app .vhb-site-header .vhb-logo-link,
  html body .vhb-site-header .vhb-logo-link,
  html body #vhb-app .vhb-site-header .vhb-wordmark,
  html body .vhb-site-header .vhb-wordmark,
  html body #vhb-app .vhb-site-header img,
  html body .vhb-site-header img,
  html body #vhb-app .vhb-site-header svg,
  html body .vhb-site-header svg{
    -webkit-transform:translateZ(0)!important;
    transform:translateZ(0)!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
  }

  html body #vhb-app .vhb-home-v2-layout,
  html body #vhb-app .vhb-board-directory-layout,
  html body #vhb-app .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body .vhb-home-v2-layout,
  html body .vhb-board-directory-layout,
  html body .vhb-board-view-layout,
  html body .vhb-thread-layout{
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
  }
}


/* v0.2.113AE — sitewide muddy gradient cleanup hotfix.
   Remove the remaining brown/orange ambient gradient from the global footer,
   Home Page hero block, and Online Now widget across all device sizes.
   Keep current spacing, borders, typography, CTA behavior, and responsive layout intact. */
html body #vhb-app .vhb-site-footer,
html body .vhb-site-footer,
html body #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
html body .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
  background:#000000!important;
  background-image:none!important;
}
html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
html body.home .vhb-home-mode .vhb-home-hero-card,
html body #vhb-app .vhb-home-hero-card,
html body .vhb-home-hero-card{
  background:#090a0d!important;
  background-image:none!important;
}
html body #vhb-app .vhb-online-card,
html body .vhb-online-card,
html body #vhb-app .vhb-online-now-card,
html body .vhb-online-now-card,
html body #vhb-app .vhb-online-widget,
html body .vhb-online-widget{
  background:#090a0d!important;
  background-image:none!important;
}
html body #vhb-app .vhb-online-card:before,
html body .vhb-online-card:before,
html body #vhb-app .vhb-online-now-card:before,
html body .vhb-online-now-card:before,
html body #vhb-app .vhb-online-widget:before,
html body .vhb-online-widget:before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}


/* v0.2.113AF — brighter edge definition after gradient cleanup.
   Keep the 113AE black/no-gradient surfaces, but restore card noticeability with
   cleaner Option A outlines rather than returning to the muddy sepia gradient. */
html body #vhb-app .vhb-site-footer,
html body .vhb-site-footer,
html body #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
html body .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
html body.home .vhb-home-mode .vhb-home-hero-card,
html body #vhb-app .vhb-home-hero-card,
html body .vhb-home-hero-card,
html body #vhb-app .vhb-online-card,
html body .vhb-online-card,
html body #vhb-app .vhb-online-now-card,
html body .vhb-online-now-card,
html body #vhb-app .vhb-online-widget,
html body .vhb-online-widget{
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 18px 50px rgba(0,0,0,.46)!important;
}
html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
html body.home .vhb-home-mode .vhb-home-hero-card,
html body #vhb-app .vhb-home-hero-card,
html body .vhb-home-hero-card,
html body #vhb-app .vhb-online-card,
html body .vhb-online-card,
html body #vhb-app .vhb-online-now-card,
html body .vhb-online-now-card,
html body #vhb-app .vhb-online-widget,
html body .vhb-online-widget{
  border-color:rgba(255,255,255,.24)!important;
}
html body #vhb-app .vhb-site-footer,
html body .vhb-site-footer,
html body #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
html body .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
  border-color:rgba(255,255,255,.20)!important;
}
@media (max-width:980px){
  html body #vhb-app .vhb-site-footer,
  html body .vhb-site-footer,
  html body #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
  html body .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card,
  html body #vhb-app .vhb-home-hero-card,
  html body .vhb-home-hero-card,
  html body #vhb-app .vhb-online-card,
  html body .vhb-online-card,
  html body #vhb-app .vhb-online-now-card,
  html body .vhb-online-now-card,
  html body #vhb-app .vhb-online-widget,
  html body .vhb-online-widget{
    border-color:rgba(255,255,255,.24)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      0 14px 36px rgba(0,0,0,.42)!important;
  }
}

/* v0.2.113AG — sitewide premium container standard.
   Extend the post-gradient Option A edge language to the broader Vol Hoops panel system,
   including sidebar promo/sponsor cards, Trending Discussions, article/home cards, board/thread
   panels, and mobile Home cards. Uses a cool neutral border + subtle inset edge instead of
   muddy sepia gradients. */
:root{
  --vhb-container-bg-clean:#090a0d;
  --vhb-container-border-clean:rgba(255,255,255,.24);
  --vhb-container-border-soft:rgba(255,255,255,.20);
  --vhb-container-inset:rgba(255,255,255,.05);
  --vhb-container-shadow:0 18px 50px rgba(0,0,0,.46);
  --vhb-container-shadow-mobile:0 14px 36px rgba(0,0,0,.42);
}
html body #vhb-app .vhb-site-header,
html body #vhb-app .vhb-site-footer,
html body #vhb-app .vhb-home-hero-card,
html body #vhb-app .vhb-online-card,
html body #vhb-app .vhb-online-now-card,
html body #vhb-app .vhb-online-widget,
html body #vhb-app .vhb-left-card,
html body #vhb-app .vhb-widget,
html body #vhb-app .vhb-ad-card,
html body #vhb-app .vhb-sidebar-sponsor,
html body #vhb-app .vhb-sponsor-card,
html body #vhb-app .vhb-prop-ad,
html body #vhb-app .vhb-big-orange-art,
html body #vhb-app .vhb-trending-widget,
html body #vhb-app .vhb-score-card,
html body #vhb-app .vhb-section-head,
html body #vhb-app .vhb-board-header,
html body #vhb-app .vhb-thread-head,
html body #vhb-app .vhb-topic-row,
html body #vhb-app .vhb-post-card,
html body #vhb-app .vhb-composer,
html body #vhb-app .vhb-login-callout,
html body #vhb-app .vhb-empty,
html body #vhb-app .vhb-member-card,
html body #vhb-app .vhb-board-card,
html body #vhb-app .vhb-board-directory-list,
html body #vhb-app .vhb-directory-card,
html body #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
html body #vhb-app .vhb-home-content-prototype .vhb-home-sponsor-banner,
html body #vhb-app .vhb-home-content-prototype .vhb-sponsored-banner,
html body #vhb-app .vhb-home-content-prototype .vhb-sponsor-banner,
html body #vhb-app .vhb-home-content-prototype .vhb-home-card-insider{
  border-color:var(--vhb-container-border-clean)!important;
  box-shadow:
    inset 0 0 0 1px var(--vhb-container-inset),
    var(--vhb-container-shadow)!important;
}
html body #vhb-app .vhb-left-card,
html body #vhb-app .vhb-widget,
html body #vhb-app .vhb-ad-card,
html body #vhb-app .vhb-sidebar-sponsor,
html body #vhb-app .vhb-sponsor-card,
html body #vhb-app .vhb-prop-ad,
html body #vhb-app .vhb-trending-widget,
html body #vhb-app .vhb-section-head,
html body #vhb-app .vhb-board-header,
html body #vhb-app .vhb-thread-head,
html body #vhb-app .vhb-post-card,
html body #vhb-app .vhb-composer,
html body #vhb-app .vhb-login-callout,
html body #vhb-app .vhb-empty,
html body #vhb-app .vhb-member-card,
html body #vhb-app .vhb-board-card,
html body #vhb-app .vhb-board-directory-list,
html body #vhb-app .vhb-directory-card{
  background:var(--vhb-container-bg-clean)!important;
  background-image:none!important;
}
html body #vhb-app .vhb-sidebar-sponsor,
html body #vhb-app .vhb-widget-placeholder{
  border-style:solid!important;
}
html body #vhb-app .vhb-big-orange-art,
html body #vhb-app .vhb-big-orange-art img{
  border-color:var(--vhb-container-border-clean)!important;
  box-shadow:inset 0 0 0 1px var(--vhb-container-inset)!important;
}
html body #vhb-app .vhb-trending-row{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
html body #vhb-app .vhb-trending-row:hover,
html body #vhb-app .vhb-board-card:hover,
html body #vhb-app .vhb-topic-row:hover,
html body #vhb-app .vhb-directory-card:hover,
html body #vhb-app .vhb-home-content-prototype .vhb-home-story-card:hover{
  border-color:rgba(255,130,0,.58)!important;
}
@media (max-width:980px){
  html body #vhb-app .vhb-site-header,
  html body #vhb-app .vhb-site-footer,
  html body #vhb-app .vhb-home-hero-card,
  html body #vhb-app .vhb-online-card,
  html body #vhb-app .vhb-online-now-card,
  html body #vhb-app .vhb-online-widget,
  html body #vhb-app .vhb-left-card,
  html body #vhb-app .vhb-widget,
  html body #vhb-app .vhb-ad-card,
  html body #vhb-app .vhb-sidebar-sponsor,
  html body #vhb-app .vhb-sponsor-card,
  html body #vhb-app .vhb-prop-ad,
  html body #vhb-app .vhb-big-orange-art,
  html body #vhb-app .vhb-trending-widget,
  html body #vhb-app .vhb-score-card,
  html body #vhb-app .vhb-section-head,
  html body #vhb-app .vhb-board-header,
  html body #vhb-app .vhb-thread-head,
  html body #vhb-app .vhb-topic-row,
  html body #vhb-app .vhb-post-card,
  html body #vhb-app .vhb-composer,
  html body #vhb-app .vhb-login-callout,
  html body #vhb-app .vhb-empty,
  html body #vhb-app .vhb-member-card,
  html body #vhb-app .vhb-board-card,
  html body #vhb-app .vhb-board-directory-list,
  html body #vhb-app .vhb-directory-card,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-sponsor-banner,
  html body #vhb-app .vhb-home-content-prototype .vhb-sponsored-banner,
  html body #vhb-app .vhb-home-content-prototype .vhb-sponsor-banner,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-card-insider{
    border-color:var(--vhb-container-border-clean)!important;
    box-shadow:
      inset 0 0 0 1px var(--vhb-container-inset),
      var(--vhb-container-shadow-mobile)!important;
  }
}
@media (max-width:680px){
  html body #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-story-card-large,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-card-insider,
  html body #vhb-app .vhb-home-content-prototype .vhb-home-sponsor-banner,
  html body #vhb-app .vhb-home-content-prototype .vhb-sponsored-banner,
  html body #vhb-app .vhb-home-content-prototype .vhb-sponsor-banner{
    border-color:rgba(255,255,255,.26)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.055),
      0 12px 30px rgba(0,0,0,.40)!important;
  }
}



/* v0.2.113AH: Countdown to Tipoff responsive mockup alignment
   Desktop/tablet: taller arena presentation. Mobile: narrow 16:9 landscape card.
   CSS-only visual pass; preserves live countdown markup and JS units. */
html body #vhb-app .vhb-countdown-widget,
html body .vhb-countdown-preview-widget{
  --vhb-ctt-orange:#ff8200;
  --vhb-ctt-border:rgba(255,255,255,.30);
  position:relative!important;
  container-type:inline-size!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid var(--vhb-ctt-border)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.06) 34%,rgba(0,0,0,.18) 57%,rgba(0,0,0,.68) 100%),
    linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.13) 22%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.13) 78%,rgba(0,0,0,.04) 100%),
    var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
  background-color:#030405!important;
  box-shadow:0 20px 48px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,130,0,.08)!important;
  color:#fff!important;
}
html body #vhb-app .vhb-countdown-widget:before,
html body #vhb-app .vhb-countdown-widget:after,
html body .vhb-countdown-preview-widget:before,
html body .vhb-countdown-preview-widget:after{content:none!important;display:none!important;}
html body #vhb-app .vhb-countdown-widget>*{position:relative!important;z-index:1!important;}
html body #vhb-app .vhb-countdown-widget .vhb-countdown-topline{display:none!important;}

/* Desktop/tablet composition */
@media (min-width:681px){
  html body #vhb-app .vhb-countdown-widget,
  html body .vhb-countdown-preview-widget{
    min-height:clamp(320px,44cqw,500px)!important;
    padding:0!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{
    display:grid!important;
    grid-template-columns:minmax(58px,86px) auto minmax(68px,96px)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(34px,6.5cqw,74px)!important;
    padding:clamp(16px,3.6cqw,30px) 24px 0!important;
    margin:0 0 clamp(54px,10cqw,116px)!important;
    background:transparent!important;
    color:#fff!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:clamp(58px,9cqw,86px)!important;
    height:clamp(58px,9cqw,86px)!important;
    max-width:86px!important;
    max-height:86px!important;
    object-fit:contain!important;
    border-radius:17px!important;
    filter:drop-shadow(0 7px 13px rgba(0,0,0,.80))!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo{
    width:clamp(68px,10.5cqw,96px)!important;
    height:clamp(58px,9cqw,86px)!important;
    max-width:96px!important;
    max-height:86px!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup span{
    display:block!important;
    font-size:clamp(24px,4.4cqw,46px)!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.03em!important;
    color:#fff!important;
    text-shadow:0 3px 14px rgba(0,0,0,.92)!important;
    text-transform:uppercase!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 clamp(24px,5cqw,58px) clamp(20px,4.2cqw,36px)!important;
    background:transparent!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-label{
    order:1!important;
    margin:0 0 clamp(8px,1.2cqw,14px)!important;
    color:#fff!important;
    font-size:clamp(14px,2.2cqw,27px)!important;
    line-height:1.05!important;
    letter-spacing:clamp(.20em,.95cqw,.36em)!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    text-shadow:0 3px 15px rgba(0,0,0,.95),0 0 26px rgba(0,0,0,.74)!important;
    white-space:nowrap!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero{
    order:2!important;
    width:min(86%,760px)!important;
    max-width:760px!important;
    margin:0 auto clamp(18px,3.4cqw,34px)!important;
    background:transparent!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.78)) contrast(1.05)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{
    order:3!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    width:min(78%,820px)!important;
    max-width:820px!important;
    margin:0 auto clamp(18px,3.2cqw,30px)!important;
    padding:clamp(10px,1.5cqw,18px) clamp(14px,2.2cqw,24px)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:clamp(14px,2.4cqw,22px)!important;
    background:linear-gradient(180deg,rgba(13,15,18,.92),rgba(3,4,6,.94))!important;
    box-shadow:0 14px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(76px,11.8cqw,122px)!important;
    padding:0 clamp(6px,1.2cqw,14px)!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.30)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div:last-child{border-right:0!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(48px,8.7cqw,86px)!important;
    line-height:.9!important;
    letter-spacing:-.035em!important;
    color:var(--vhb-ctt-orange)!important;
    font-weight:800!important;
    text-shadow:0 0 20px rgba(255,92,0,.34),0 3px 2px rgba(0,0,0,.78)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(13px,1.65cqw,22px)!important;
    line-height:1.05!important;
    letter-spacing:.085em!important;
    color:#fff!important;
    font-weight:1000!important;
    text-shadow:0 3px 12px rgba(0,0,0,.92)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game{
    order:4!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(2px,.7cqw,7px)!important;
    margin:0 auto!important;
    padding:0 6px!important;
    background:transparent!important;
    border:0!important;
    text-align:center!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game strong{
    color:#fff!important;
    font-size:clamp(17px,2.9cqw,34px)!important;
    line-height:1.1!important;
    letter-spacing:clamp(.14em,.78cqw,.25em)!important;
    font-weight:950!important;
    text-shadow:0 3px 14px rgba(0,0,0,.92)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game em{
    color:#dfe3eb!important;
    font-size:clamp(13px,2cqw,23px)!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    font-style:normal!important;
    text-shadow:0 3px 14px rgba(0,0,0,.92)!important;
  }
  /* Sidebar instances keep the same art direction at a compact readable scale. */
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget{
    min-height:clamp(280px,123cqw,430px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-matchup,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-matchup{
    gap:clamp(18px,7cqw,34px)!important;
    margin-bottom:clamp(40px,15cqw,72px)!important;
    padding-top:clamp(14px,5cqw,18px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid{width:88%!important;}
}

/* Mobile: approved narrow 16:9 landscape card. */
@media (max-width:680px){
  html body #vhb-app .vhb-countdown-widget{
    aspect-ratio:16/9!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 72% 22%,rgba(255,130,0,.06),transparent 28%),
      linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.12)),
      #05070b!important;
    box-shadow:0 16px 34px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.035)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{
    position:absolute!important;
    z-index:5!important;
    top:15%!important;
    left:10.6%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:clamp(8px,2.4vw,14px)!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:clamp(42px,12.5vw,64px)!important;
    height:clamp(42px,12.5vw,64px)!important;
    max-width:64px!important;
    max-height:64px!important;
    border-radius:clamp(10px,2.5vw,15px)!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.78))!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo{
    width:clamp(48px,14vw,72px)!important;
    height:clamp(42px,12.5vw,64px)!important;
    max-width:72px!important;
    max-height:64px!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup span{
    display:block!important;
    font-size:clamp(22px,6.2vw,34px)!important;
    line-height:1!important;
    font-weight:1000!important;
    color:#fff!important;
    text-shadow:0 3px 12px rgba(0,0,0,.90)!important;
    text-transform:uppercase!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-stage{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    padding:0!important;
    background:transparent!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-label{
    position:absolute!important;
    top:10.5%!important;
    right:7.5%!important;
    width:48%!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(14px,3.85vw,21px)!important;
    line-height:1!important;
    letter-spacing:.24em!important;
    font-weight:950!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 3px 13px rgba(0,0,0,.96)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero{
    position:absolute!important;
    top:26%!important;
    right:7.6%!important;
    width:48%!important;
    margin:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.82)) contrast(1.06)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{
    position:absolute!important;
    left:10.4%!important;
    bottom:12.3%!important;
    width:47.5%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,1.9vw,13px)!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(55px,14.4vw,74px)!important;
    padding:clamp(5px,1.2vw,7px) 1px clamp(5px,1.2vw,7px)!important;
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    gap:clamp(4px,1vw,7px)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:clamp(9px,2.4vw,14px)!important;
    background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.38))!important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.36),0 5px 13px rgba(0,0,0,.24)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(29px,8.2vw,45px)!important;
    line-height:.92!important;
    letter-spacing:-.035em!important;
    color:var(--vhb-ctt-orange)!important;
    font-weight:800!important;
    text-shadow:0 0 13px rgba(255,92,0,.30),0 2px 2px rgba(0,0,0,.75)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(8px,2vw,11px)!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    color:#fff!important;
    font-weight:1000!important;
    text-shadow:0 2px 9px rgba(0,0,0,.94)!important;
    white-space:nowrap!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game{
    position:absolute!important;
    right:7.4%!important;
    bottom:16.6%!important;
    width:29%!important;
    margin:0!important;
    padding:0 0 0 4.2%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(3px,.75vw,5px)!important;
    text-align:center!important;
    border-left:1px solid rgba(255,255,255,.18)!important;
    background:transparent!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game strong{
    color:#fff!important;
    font-size:clamp(15px,4vw,22px)!important;
    line-height:1.05!important;
    letter-spacing:.22em!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-shadow:0 3px 12px rgba(0,0,0,.94)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game em{
    color:#dfe2ea!important;
    font-size:clamp(13px,3.4vw,18px)!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    font-style:normal!important;
    white-space:nowrap!important;
    text-shadow:0 3px 12px rgba(0,0,0,.94)!important;
  }
}
@media (max-width:430px){
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{left:10.2%!important;gap:7px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-label{font-size:13px!important;letter-spacing:.20em!important;right:6.8%!important;width:50%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero{right:6.8%!important;width:50%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{left:8.7%!important;width:50.5%!important;gap:6px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div{min-height:50px!important;border-radius:10px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong{font-size:27px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{font-size:7px!important;letter-spacing:.045em!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game{right:6.5%!important;width:30.5%!important;bottom:16%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:14px!important;letter-spacing:.18em!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game em{font-size:12px!important;}
}

/* v0.2.113AI: Countdown to Tipoff polish pass
   - restrained professional logo scale
   - corrected narrow desktop/tablet/sidebar countdown pane so numerals never stack
   - brighter arena atmosphere with reduced court glare on desktop/tablet
   - tighter mobile fit for the 16:9 card/date line */
html body #vhb-app .vhb-countdown-widget,
html body .vhb-countdown-preview-widget{
  --vhb-ctt-border:rgba(255,255,255,.34);
}

@media (min-width:681px){
  html body #vhb-app .vhb-countdown-widget,
  html body .vhb-countdown-preview-widget{
    background:
      linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 36%,rgba(0,0,0,.22) 63%,rgba(0,0,0,.58) 100%),
      linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 20%,rgba(0,0,0,.22) 50%,rgba(0,0,0,.10) 80%,rgba(0,0,0,.08) 100%),
      radial-gradient(ellipse at 50% 86%,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 26%,rgba(0,0,0,.24) 67%,rgba(0,0,0,.40) 100%),
      var(--vhb-countdown-arena) center 14%/cover no-repeat!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{
    grid-template-columns:minmax(48px,70px) auto minmax(56px,78px)!important;
    gap:clamp(28px,5.2cqw,56px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:clamp(48px,7.1cqw,70px)!important;
    height:clamp(48px,7.1cqw,70px)!important;
    max-width:70px!important;
    max-height:70px!important;
    border-radius:14px!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo{
    width:clamp(56px,8.2cqw,78px)!important;
    height:clamp(48px,7.1cqw,70px)!important;
    max-width:78px!important;
    max-height:70px!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(22px,3.6cqw,38px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{
    align-items:stretch!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div{
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong,
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    white-space:nowrap!important;
    overflow:visible!important;
    max-width:100%!important;
  }

  /* Actual desktop/tablet home placement is usually in a narrow right rail. Tune that portrait card separately. */
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget{
    min-height:clamp(365px,144cqw,500px)!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 34%,rgba(0,0,0,.20) 62%,rgba(0,0,0,.60) 100%),
      radial-gradient(ellipse at 50% 82%,rgba(255,255,255,.035),rgba(0,0,0,.36) 68%,rgba(0,0,0,.46) 100%),
      var(--vhb-countdown-arena) center top/cover no-repeat!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-matchup,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-matchup{
    grid-template-columns:52px auto 58px!important;
    gap:clamp(12px,4.4cqw,22px)!important;
    padding-top:clamp(16px,6cqw,24px)!important;
    margin-bottom:clamp(44px,18cqw,76px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    border-radius:12px!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo{
    width:58px!important;
    height:52px!important;
    max-width:58px!important;
    max-height:52px!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-matchup span,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:28px!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-label,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-label{
    font-size:clamp(13px,5.2cqw,18px)!important;
    letter-spacing:.22em!important;
    margin-bottom:clamp(8px,3cqw,12px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-hero,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-hero{
    width:88%!important;
    margin-bottom:clamp(16px,6cqw,24px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid{
    width:86%!important;
    max-width:none!important;
    padding:clamp(9px,3.8cqw,15px) clamp(7px,2.8cqw,12px)!important;
    margin-bottom:clamp(16px,5.8cqw,24px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid div,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(58px,22cqw,78px)!important;
    padding:0 3px!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid strong,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(29px,12.2cqw,43px)!important;
    line-height:.93!important;
    letter-spacing:-.04em!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid span,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(7px,3.2cqw,10px)!important;
    letter-spacing:.045em!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-first-game strong,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(16px,6.4cqw,23px)!important;
    letter-spacing:.16em!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-first-game em,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(12px,4.5cqw,17px)!important;
  }
}

@media (max-width:680px){
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{
    top:15.5%!important;
    left:8.2%!important;
    gap:clamp(6px,1.8vw,10px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:clamp(34px,9.5vw,48px)!important;
    height:clamp(34px,9.5vw,48px)!important;
    max-width:48px!important;
    max-height:48px!important;
    border-radius:clamp(8px,2vw,12px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup img.vhb-kentucky-logo{
    width:clamp(39px,10.8vw,54px)!important;
    height:clamp(34px,9.5vw,48px)!important;
    max-width:54px!important;
    max-height:48px!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(17px,4.7vw,27px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-label{
    top:10.2%!important;
    right:5.2%!important;
    width:54%!important;
    font-size:clamp(11px,2.8vw,17px)!important;
    letter-spacing:.18em!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero{
    top:25.4%!important;
    right:5.5%!important;
    width:53.5%!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{
    left:7.9%!important;
    width:47.8%!important;
    gap:clamp(6px,1.45vw,10px)!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid div{
    min-width:0!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong,
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{
    white-space:nowrap!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game{
    right:5.5%!important;
    width:34.5%!important;
    bottom:16.8%!important;
    padding-left:3.4%!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(12px,2.9vw,17px)!important;
    letter-spacing:.13em!important;
  }
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(11px,2.55vw,15px)!important;
  }
}
@media (max-width:430px){
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-matchup{left:7.2%!important;gap:5px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-label{font-size:10px!important;letter-spacing:.15em!important;right:5%!important;width:55%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-hero{right:5%!important;width:55%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid{left:6.5%!important;width:50%!important;gap:5px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid strong{font-size:24px!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-grid span{font-size:6.5px!important;letter-spacing:.035em!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game{right:5%!important;width:35.5%!important;bottom:16.5%!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:11px!important;letter-spacing:.11em!important;}
  html body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game em{font-size:10px!important;}
}


/* v0.2.113AJ: Countdown desktop/tablet rail height trim
   Keep the approved CtT artwork/composition, but remove the forced lower dead-space
   on desktop/tablet sidebar placements so the card ends shortly after the game time. */
@media (min-width:681px){
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-stage,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-stage{
    padding-bottom:clamp(14px,4.8cqw,20px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-grid,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-grid{
    margin-bottom:clamp(14px,4.8cqw,20px)!important;
  }
  html body #vhb-app .vhb-right-rail>.vhb-countdown-widget .vhb-countdown-first-game,
  html body #vhb-app .vhb-sidebar>.vhb-countdown-widget .vhb-countdown-first-game{
    margin-bottom:0!important;
  }
}


/* v0.2.113AL: Mobile CtT arena-lights implementation + Board Stats toggle enforcement */
@media (max-width:680px){
  body .vhb-countdown-widget{
    position:relative!important;
    aspect-ratio:16/9!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.27)!important;
    background:
      radial-gradient(ellipse at 12% 16%,rgba(255,245,218,.22) 0%,rgba(255,210,150,.13) 12%,rgba(255,160,70,.045) 28%,transparent 47%),
      radial-gradient(ellipse at 88% 16%,rgba(255,245,218,.22) 0%,rgba(255,210,150,.13) 12%,rgba(255,160,70,.045) 28%,transparent 47%),
      radial-gradient(ellipse at 50% 54%,rgba(255,130,0,.075) 0%,rgba(255,130,0,.035) 26%,transparent 58%),
      linear-gradient(180deg,#090a0d 0%,#050609 46%,#030407 100%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,130,0,.055)!important;
    isolation:isolate!important;
  }
  body .vhb-countdown-widget:before,
  body .vhb-countdown-widget:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:8%!important;
    width:24%!important;
    height:44%!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.95!important;
    mix-blend-mode:screen!important;
    filter:blur(.15px)!important;
  }
  body .vhb-countdown-widget:before{
    left:3.5%!important;
    background:
      radial-gradient(circle at 12% 8%,rgba(255,255,244,.95) 0 5px,transparent 6px),
      radial-gradient(circle at 24% 13%,rgba(255,255,244,.92) 0 5px,transparent 6px),
      radial-gradient(circle at 36% 17%,rgba(255,255,244,.86) 0 4px,transparent 5px),
      radial-gradient(circle at 8% 22%,rgba(255,255,244,.86) 0 5px,transparent 6px),
      radial-gradient(circle at 21% 27%,rgba(255,255,244,.80) 0 4px,transparent 5px),
      linear-gradient(118deg,rgba(255,236,190,.30) 0%,rgba(255,210,145,.15) 34%,rgba(255,160,80,.045) 62%,transparent 78%)!important;
  }
  body .vhb-countdown-widget:after{
    right:3.5%!important;
    background:
      radial-gradient(circle at 88% 8%,rgba(255,255,244,.95) 0 5px,transparent 6px),
      radial-gradient(circle at 76% 13%,rgba(255,255,244,.92) 0 5px,transparent 6px),
      radial-gradient(circle at 64% 17%,rgba(255,255,244,.86) 0 4px,transparent 5px),
      radial-gradient(circle at 92% 22%,rgba(255,255,244,.86) 0 5px,transparent 6px),
      radial-gradient(circle at 79% 27%,rgba(255,255,244,.80) 0 4px,transparent 5px),
      linear-gradient(242deg,rgba(255,236,190,.30) 0%,rgba(255,210,145,.15) 34%,rgba(255,160,80,.045) 62%,transparent 78%)!important;
  }
  body .vhb-countdown-widget > *{position:relative!important;z-index:2!important;}
  body .vhb-countdown-widget .vhb-countdown-matchup{
    position:absolute!important;
    z-index:4!important;
    top:25%!important;
    left:14%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:clamp(8px,2.3vw,14px)!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  body .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(38px,10.8vw,54px)!important;
    height:clamp(38px,10.8vw,54px)!important;
    max-width:54px!important;
    max-height:54px!important;
    border-radius:12px!important;
  }
  body .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(43px,12vw,62px)!important;
    height:clamp(38px,10.8vw,54px)!important;
    max-width:62px!important;
    max-height:54px!important;
  }
  body .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(18px,5.2vw,27px)!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.04em!important;
  }
  body .vhb-countdown-widget .vhb-countdown-stage{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }
  body .vhb-countdown-widget .vhb-countdown-label{
    position:absolute!important;
    top:14%!important;
    left:43%!important;
    right:12%!important;
    width:auto!important;
    margin:0!important;
    font-size:clamp(8px,2.35vw,12px)!important;
    line-height:1!important;
    letter-spacing:.24em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body .vhb-countdown-widget .vhb-countdown-hero{
    position:absolute!important;
    top:25%!important;
    left:44%!important;
    right:9%!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
  }
  body .vhb-countdown-widget .vhb-countdown-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    filter:drop-shadow(0 7px 14px rgba(0,0,0,.82)) contrast(1.05)!important;
  }
  body .vhb-countdown-widget .vhb-countdown-grid{
    position:absolute!important;
    left:8%!important;
    bottom:15%!important;
    width:50%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(5px,1.7vw,10px)!important;
    margin:0!important;
  }
  body .vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(52px,13.5vw,72px)!important;
    padding:clamp(6px,1.7vw,9px) 1px clamp(5px,1.5vw,8px)!important;
    border-radius:clamp(9px,2.4vw,14px)!important;
    background:rgba(0,0,0,.56)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:inset 0 0 22px rgba(0,0,0,.34),0 8px 18px rgba(0,0,0,.22)!important;
  }
  body .vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(25px,7.2vw,40px)!important;
    line-height:.94!important;
    letter-spacing:-.035em!important;
  }
  body .vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(6px,1.55vw,8px)!important;
    line-height:1!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
  }
  body .vhb-countdown-widget .vhb-countdown-first-game{
    position:absolute!important;
    right:9%!important;
    bottom:19%!important;
    width:32%!important;
    margin:0!important;
    padding:0 0 0 4.5%!important;
    border-left:1px solid rgba(255,255,255,.18)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(4px,1.2vw,7px)!important;
    text-align:center!important;
  }
  body .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(11px,3.25vw,17px)!important;
    line-height:1.12!important;
    letter-spacing:.15em!important;
    white-space:nowrap!important;
  }
  body .vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(10px,2.6vw,14px)!important;
    line-height:1.1!important;
    letter-spacing:.11em!important;
    white-space:nowrap!important;
  }
}
@media (max-width:420px){
  body .vhb-countdown-widget .vhb-countdown-matchup{left:13%!important;top:26%!important;gap:8px!important;}
  body .vhb-countdown-widget img.vhb-team-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:10px!important;}
  body .vhb-countdown-widget img.vhb-kentucky-logo{width:46px!important;height:40px!important;max-width:46px!important;max-height:40px!important;}
  body .vhb-countdown-widget .vhb-countdown-matchup span{font-size:20px!important;}
  body .vhb-countdown-widget .vhb-countdown-label{left:43%!important;right:8%!important;top:13.5%!important;font-size:8px!important;letter-spacing:.22em!important;}
  body .vhb-countdown-widget .vhb-countdown-hero{left:43%!important;right:6%!important;top:25%!important;}
  body .vhb-countdown-widget .vhb-countdown-grid{left:7%!important;bottom:13%!important;width:51%!important;gap:5px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid div{min-height:52px!important;padding:6px 1px 5px!important;border-radius:9px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid strong{font-size:25px!important;}
  body .vhb-countdown-widget .vhb-countdown-grid span{font-size:5.9px!important;letter-spacing:.04em!important;}
  body .vhb-countdown-widget .vhb-countdown-first-game{right:7%!important;bottom:17%!important;width:32%!important;padding-left:4.5%!important;}
  body .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:11px!important;letter-spacing:.12em!important;}
  body .vhb-countdown-widget .vhb-countdown-first-game em{font-size:9.5px!important;letter-spacing:.08em!important;}
}


/* v0.2.113AM: Mobile CtT arena-lights hard attach
   Prior mobile arena-light pass was being out-specificitied by the older
   .vhb-mobile-home-countdown rules. This targets the actual mobile Home mount
   with higher specificity and leaves desktop/tablet rail CtT untouched. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    position:relative!important;
    display:block!important;
    aspect-ratio:16/9!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:
      radial-gradient(ellipse at 12% 16%,rgba(255,246,225,.24) 0%,rgba(255,220,164,.15) 12%,rgba(255,160,70,.052) 29%,transparent 49%),
      radial-gradient(ellipse at 88% 16%,rgba(255,246,225,.24) 0%,rgba(255,220,164,.15) 12%,rgba(255,160,70,.052) 29%,transparent 49%),
      radial-gradient(ellipse at 50% 58%,rgba(255,130,0,.075) 0%,rgba(255,130,0,.032) 27%,transparent 60%),
      linear-gradient(180deg,#090a0d 0%,#050609 47%,#030407 100%)!important;
    background-color:#030407!important;
    box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,130,0,.055)!important;
    isolation:isolate!important;
    transform:none!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:8%!important;
    width:25%!important;
    height:47%!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.96!important;
    mix-blend-mode:screen!important;
    filter:blur(.15px)!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before{
    left:3.5%!important;
    background:
      radial-gradient(circle at 10% 8%,rgba(255,255,244,.98) 0 5px,transparent 6px),
      radial-gradient(circle at 23% 13%,rgba(255,255,244,.94) 0 5px,transparent 6px),
      radial-gradient(circle at 36% 17%,rgba(255,255,244,.88) 0 4px,transparent 5px),
      radial-gradient(circle at 8% 23%,rgba(255,255,244,.88) 0 5px,transparent 6px),
      radial-gradient(circle at 21% 28%,rgba(255,255,244,.82) 0 4px,transparent 5px),
      linear-gradient(118deg,rgba(255,236,190,.32) 0%,rgba(255,210,145,.17) 34%,rgba(255,160,80,.05) 63%,transparent 80%)!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    right:3.5%!important;
    background:
      radial-gradient(circle at 90% 8%,rgba(255,255,244,.98) 0 5px,transparent 6px),
      radial-gradient(circle at 77% 13%,rgba(255,255,244,.94) 0 5px,transparent 6px),
      radial-gradient(circle at 64% 17%,rgba(255,255,244,.88) 0 4px,transparent 5px),
      radial-gradient(circle at 92% 23%,rgba(255,255,244,.88) 0 5px,transparent 6px),
      radial-gradient(circle at 79% 28%,rgba(255,255,244,.82) 0 4px,transparent 5px),
      linear-gradient(242deg,rgba(255,236,190,.32) 0%,rgba(255,210,145,.17) 34%,rgba(255,160,80,.05) 63%,transparent 80%)!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget > *,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget > *{position:relative!important;z-index:2!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    position:absolute!important;z-index:4!important;top:25%!important;left:14%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(8px,2.3vw,14px)!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;transform:none!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{width:clamp(38px,10.8vw,54px)!important;height:clamp(38px,10.8vw,54px)!important;max-width:54px!important;max-height:54px!important;border-radius:12px!important;object-fit:contain!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.82))!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{width:clamp(43px,12vw,62px)!important;height:clamp(38px,10.8vw,54px)!important;max-width:62px!important;max-height:54px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{font-size:clamp(18px,5.2vw,27px)!important;line-height:1!important;font-weight:1000!important;letter-spacing:.04em!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.92)!important;margin:0!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage{position:absolute!important;inset:0!important;z-index:3!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;}


  /* Ensure the approved image is the only background/lighting source. */
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget [class*="light"],
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget [class*="beam"],
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget [class*="glare"],
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget [class*="light"],
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget [class*="beam"],
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget [class*="glare"]{
    display:none!important;
    content:none!important;
    opacity:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{position:absolute!important;top:14%!important;left:43%!important;right:12%!important;width:auto!important;margin:0!important;font-size:clamp(8px,2.35vw,12px)!important;line-height:1!important;letter-spacing:.24em!important;white-space:nowrap!important;text-align:center!important;color:#fff!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{position:absolute!important;top:25%!important;left:44%!important;right:9%!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero img,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;filter:drop-shadow(0 7px 14px rgba(0,0,0,.82)) contrast(1.05)!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{position:absolute!important;left:8%!important;bottom:15%!important;width:50%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(5px,1.7vw,10px)!important;margin:0!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div{min-height:clamp(52px,13.5vw,72px)!important;padding:clamp(6px,1.7vw,9px) 1px clamp(5px,1.5vw,8px)!important;border-radius:clamp(9px,2.4vw,14px)!important;background:rgba(0,0,0,.56)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 0 22px rgba(0,0,0,.34),0 8px 18px rgba(0,0,0,.22)!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong{font-size:clamp(25px,7.2vw,40px)!important;line-height:.94!important;letter-spacing:-.035em!important;color:#ff7f0a!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span{font-size:clamp(6px,1.55vw,8px)!important;line-height:1!important;letter-spacing:.075em!important;white-space:nowrap!important;color:#fff!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{position:absolute!important;right:9%!important;bottom:19%!important;width:32%!important;margin:0!important;padding:0 0 0 4.5%!important;border-left:1px solid rgba(255,255,255,.18)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:clamp(4px,1.2vw,7px)!important;text-align:center!important;background:transparent!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:clamp(11px,3.25vw,17px)!important;line-height:1.12!important;letter-spacing:.15em!important;white-space:nowrap!important;color:#fff!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{font-size:clamp(10px,2.6vw,14px)!important;line-height:1.1!important;letter-spacing:.11em!important;white-space:nowrap!important;color:#d8dde7!important;}
}
@media (max-width:420px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{left:13%!important;top:26%!important;gap:8px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:10px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{width:46px!important;height:40px!important;max-width:46px!important;max-height:40px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{font-size:20px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{left:43%!important;right:8%!important;top:13.5%!important;font-size:8px!important;letter-spacing:.22em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{left:43%!important;right:6%!important;top:25%!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{left:7%!important;bottom:13%!important;width:51%!important;gap:5px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div{min-height:52px!important;padding:6px 1px 5px!important;border-radius:9px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong{font-size:25px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span{font-size:5.9px!important;letter-spacing:.04em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{right:7%!important;bottom:17%!important;width:32%!important;padding-left:4.5%!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:11px!important;letter-spacing:.12em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{font-size:9.5px!important;letter-spacing:.08em!important;}
}

/* v0.2.113AN: Mobile CtT arena-lights visual correction
   Refines the hard-attached mobile-only arena-light treatment so the lights read
   as corner fixtures/beams instead of a muddy rectangular patch, and protects
   the title lockup from the Kentucky logo. Desktop/tablet CtT remains untouched. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    background:
      radial-gradient(ellipse at 14% 16%,rgba(255,245,222,.16) 0%,rgba(255,206,140,.07) 18%,transparent 39%),
      radial-gradient(ellipse at 86% 16%,rgba(255,245,222,.16) 0%,rgba(255,206,140,.07) 18%,transparent 39%),
      radial-gradient(ellipse at 50% 58%,rgba(255,130,0,.055) 0%,rgba(255,130,0,.018) 28%,transparent 62%),
      linear-gradient(180deg,#08090c 0%,#050609 46%,#030407 100%)!important;
    border-color:rgba(255,255,255,.30)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    top:4.5%!important;
    width:22%!important;
    height:40%!important;
    opacity:.95!important;
    filter:blur(.05px)!important;
    mix-blend-mode:screen!important;
    background-color:transparent!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before{
    left:2.6%!important;
    background:
      radial-gradient(circle at 9% 12%,rgba(255,255,246,.96) 0 4px,rgba(255,238,205,.72) 5px,transparent 7px),
      radial-gradient(circle at 23% 17%,rgba(255,255,246,.90) 0 4px,rgba(255,238,205,.62) 5px,transparent 7px),
      radial-gradient(circle at 37% 22%,rgba(255,255,246,.84) 0 3.5px,rgba(255,238,205,.54) 4.5px,transparent 6.5px),
      radial-gradient(circle at 7% 30%,rgba(255,255,246,.84) 0 4px,rgba(255,238,205,.54) 5px,transparent 7px),
      radial-gradient(circle at 21% 35%,rgba(255,255,246,.76) 0 3.5px,rgba(255,238,205,.46) 4.5px,transparent 6.5px),
      radial-gradient(ellipse at 10% 19%,rgba(255,245,210,.24) 0%,rgba(255,222,167,.12) 28%,transparent 57%),
      linear-gradient(116deg,rgba(255,236,190,.22) 0%,rgba(255,210,145,.11) 35%,rgba(255,160,80,.035) 60%,transparent 78%)!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    right:2.6%!important;
    background:
      radial-gradient(circle at 91% 12%,rgba(255,255,246,.96) 0 4px,rgba(255,238,205,.72) 5px,transparent 7px),
      radial-gradient(circle at 77% 17%,rgba(255,255,246,.90) 0 4px,rgba(255,238,205,.62) 5px,transparent 7px),
      radial-gradient(circle at 63% 22%,rgba(255,255,246,.84) 0 3.5px,rgba(255,238,205,.54) 4.5px,transparent 6.5px),
      radial-gradient(circle at 93% 30%,rgba(255,255,246,.84) 0 4px,rgba(255,238,205,.54) 5px,transparent 7px),
      radial-gradient(circle at 79% 35%,rgba(255,255,246,.76) 0 3.5px,rgba(255,238,205,.46) 4.5px,transparent 6.5px),
      radial-gradient(ellipse at 90% 19%,rgba(255,245,210,.24) 0%,rgba(255,222,167,.12) 28%,transparent 57%),
      linear-gradient(244deg,rgba(255,236,190,.22) 0%,rgba(255,210,145,.11) 35%,rgba(255,160,80,.035) 60%,transparent 78%)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    top:26%!important;
    left:14.5%!important;
    gap:clamp(7px,2vw,12px)!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(36px,9.7vw,48px)!important;
    height:clamp(36px,9.7vw,48px)!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(41px,10.9vw,56px)!important;
    height:clamp(36px,9.7vw,48px)!important;
    max-width:56px!important;
    max-height:48px!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(18px,4.75vw,24px)!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    top:13.5%!important;
    left:44%!important;
    right:10%!important;
    font-size:clamp(8px,2.25vw,11px)!important;
    letter-spacing:.24em!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    top:26%!important;
    left:49%!important;
    right:6%!important;
  }
}

@media (max-width:420px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    width:24%!important;
    height:41%!important;
    top:4%!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{left:13.5%!important;top:26%!important;gap:7px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{width:44px!important;height:38px!important;max-width:44px!important;max-height:38px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{font-size:18px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{left:44%!important;right:8%!important;top:13.5%!important;font-size:7.8px!important;letter-spacing:.22em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{left:49%!important;right:5%!important;top:26%!important;}
}

/* v0.2.113AO: Mobile CtT dedicated arena-lights background
   Replaces fragile CSS-drawn light rigs with a mobile-specific image asset that
   matches the approved 16:9 composition. Desktop/tablet CtT remains untouched. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    aspect-ratio:16/9!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.31)!important;
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 42%,rgba(0,0,0,.18) 100%),
      url('../img/branding/vhb-mobile-ctt-arena-lights-bg-113ao.png')!important;
    background-size:100% 100%,cover!important;
    background-position:center center,center center!important;
    background-repeat:no-repeat,no-repeat!important;
    background-color:#020306!important;
    box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }

  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:none!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget > *,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget > *{
    position:relative!important;
    z-index:2!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    position:absolute!important;
    top:14.5%!important;
    left:36%!important;
    right:18%!important;
    width:auto!important;
    margin:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:clamp(8px,2.35vw,12px)!important;
    line-height:1!important;
    letter-spacing:.25em!important;
    color:#fff!important;
    text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    position:absolute!important;
    z-index:4!important;
    top:27.5%!important;
    left:18.5%!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:clamp(7px,2.1vw,12px)!important;
    background:transparent!important;
    transform:none!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(36px,9.8vw,50px)!important;
    height:clamp(36px,9.8vw,50px)!important;
    max-width:50px!important;
    max-height:50px!important;
    border-radius:12px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.88))!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(41px,11vw,58px)!important;
    height:clamp(36px,9.8vw,50px)!important;
    max-width:58px!important;
    max-height:50px!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(18px,4.9vw,25px)!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.03em!important;
    color:#fff!important;
    text-shadow:0 2px 9px rgba(0,0,0,.92)!important;
    margin:0!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    position:absolute!important;
    top:29.5%!important;
    left:42.5%!important;
    right:7%!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero img,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    filter:drop-shadow(0 7px 14px rgba(0,0,0,.86)) contrast(1.06)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{
    position:absolute!important;
    z-index:4!important;
    left:9.5%!important;
    bottom:12.5%!important;
    width:49%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(6px,1.75vw,10px)!important;
    margin:0!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(54px,13.7vw,72px)!important;
    padding:clamp(6px,1.7vw,9px) 1px clamp(5px,1.45vw,8px)!important;
    border-radius:clamp(9px,2.4vw,14px)!important;
    background:rgba(0,0,0,.58)!important;
    border:1px solid rgba(255,255,255,.17)!important;
    box-shadow:inset 0 0 22px rgba(0,0,0,.36),0 8px 18px rgba(0,0,0,.28)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(26px,7.4vw,40px)!important;
    line-height:.94!important;
    letter-spacing:-.04em!important;
    color:#ff7f0a!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(6px,1.55vw,8px)!important;
    line-height:1!important;
    letter-spacing:.065em!important;
    white-space:nowrap!important;
    color:#fff!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{
    position:absolute!important;
    z-index:4!important;
    right:8.5%!important;
    bottom:17.5%!important;
    width:32%!important;
    margin:0!important;
    padding:0 0 0 4.5%!important;
    border-left:1px solid rgba(255,255,255,.22)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(4px,1.2vw,7px)!important;
    text-align:center!important;
    background:transparent!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(11px,3.25vw,17px)!important;
    line-height:1.12!important;
    letter-spacing:.15em!important;
    white-space:nowrap!important;
    color:#fff!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(10px,2.6vw,14px)!important;
    line-height:1.1!important;
    letter-spacing:.11em!important;
    white-space:nowrap!important;
    color:#d8dde7!important;
  }
}

@media (max-width:420px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{top:14%!important;left:36%!important;right:12%!important;font-size:7.7px!important;letter-spacing:.22em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{left:16.5%!important;top:28%!important;gap:7px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:10px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{width:44px!important;height:38px!important;max-width:44px!important;max-height:38px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{font-size:18px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{left:42.5%!important;right:5.5%!important;top:29.5%!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{left:8.5%!important;bottom:12.5%!important;width:51%!important;gap:5px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div{min-height:52px!important;padding:6px 1px 5px!important;border-radius:9px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong{font-size:25px!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span{font-size:5.8px!important;letter-spacing:.035em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{right:7%!important;bottom:17.5%!important;width:32%!important;padding-left:4.5%!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{font-size:11px!important;letter-spacing:.12em!important;}
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{font-size:9.5px!important;letter-spacing:.08em!important;}
}


/* v0.2.113AQ: Mobile CtT true single-asset background
   Uses the approved arena-lights image as the only mobile CtT background layer.
   Removes all CSS light/glare/gradient overlays so the rendered background matches the asset. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    aspect-ratio:16/9!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background-image:url('../img/branding/vhb-mobile-ctt-arena-lights-bg-113aq.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#020306!important;
  }

  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown .vhb-countdown-widget:after,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:before,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget:after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:none!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    top:14.25%!important;
    left:37%!important;
    right:10%!important;
    font-size:clamp(7.6px,2.2vw,11.5px)!important;
    letter-spacing:.25em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    left:17.25%!important;
    top:30.5%!important;
    gap:clamp(6px,1.75vw,10px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-team-logo{
    width:clamp(34px,9.35vw,47px)!important;
    height:clamp(34px,9.35vw,47px)!important;
    max-width:47px!important;
    max-height:47px!important;
    border-radius:10px!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget img.vhb-kentucky-logo{
    width:clamp(39px,10.4vw,53px)!important;
    height:clamp(34px,9.35vw,47px)!important;
    max-width:53px!important;
    max-height:47px!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup span{
    font-size:clamp(17px,4.45vw,23px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    left:49.5%!important;
    right:5.75%!important;
    top:31.25%!important;
    max-width:none!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{
    left:8.5%!important;
    bottom:11.75%!important;
    width:50.25%!important;
    gap:clamp(5px,1.55vw,9px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid div{
    min-height:clamp(52px,13.3vw,70px)!important;
    padding:clamp(5px,1.55vw,8px) 1px clamp(5px,1.35vw,7px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid strong{
    font-size:clamp(25px,7.15vw,39px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid span{
    font-size:clamp(5.7px,1.45vw,7.8px)!important;
    letter-spacing:.045em!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{
    right:6.75%!important;
    bottom:17.25%!important;
    width:33.25%!important;
    padding-left:4.75%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(10.5px,3.05vw,16px)!important;
    letter-spacing:.14em!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(9.5px,2.45vw,13.5px)!important;
    letter-spacing:.1em!important;
  }
}


/* v0.2.113AR: Mobile CtT final pixel-polish pass
   Scope: positioning only for the approved single-asset mobile Countdown to Tipoff widget.
   Keeps the v0.2.113AQ background asset, countdown panes/numerals, logos, desktop, and tablet unchanged. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    top:15.65%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    top:33.25%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    top:34%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{
    right:10.75%!important;
    bottom:20.25%!important;
    width:31.5%!important;
    padding-left:4.25%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(9.5px,2.72vw,14.5px)!important;
    letter-spacing:.13em!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game em{
    font-size:clamp(8.8px,2.25vw,12.25px)!important;
    letter-spacing:.09em!important;
  }
}


/* v0.2.113AS: CtT final centering + hero/online copy polish.
   Scope guard: no asset, countdown pane, numeral, logo-size, desktop CtT, or lighting changes. */
.vhb-vol-orange{color:#ff8200!important;}

@media (max-width:680px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    left:14.25%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    left:46.5%!important;
    right:8.75%!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    font-size:clamp(9px,2.75vw,13px)!important;
    letter-spacing:.21em!important;
  }
}

@media (min-width:681px) and (max-width:1024px){
  html body.home #vhb-app .vhb-home-mode > .vhb-countdown-widget .vhb-countdown-label,
  html body.home #vhb-app .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-home-mode > .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-countdown-widget .vhb-countdown-label{
    font-size:clamp(9.5px,1.35vw,12px)!important;
    letter-spacing:.16em!important;
    max-width:86%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:nowrap!important;
  }
}


/* v0.2.113AT: CtT tablet/mobile final heading and tablet numeral spacing polish.
   Scope guard: no asset, lighting, countdown data, logo, desktop, hero, or Online Now changes. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    font-size:clamp(10.5px,3.15vw,15px)!important;
    letter-spacing:.20em!important;
  }
}

@media (min-width:681px) and (max-width:1024px){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-label,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-label{
    max-width:132px!important;
    width:132px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:normal!important;
    line-height:1.22!important;
    font-size:clamp(10px,1.25vw,12px)!important;
    letter-spacing:.17em!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid{
    width:92%!important;
    gap:7px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* v0.2.113AV: CtT tablet landscape counter lock + Home Hero responsive editorial polish.
   Scope guard: no CtT assets, lighting, countdown data, logos, or mobile CtT composition changes. */
@media (min-width:681px) and (max-width:1024px) and (orientation:landscape){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid{
    width:94%!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    padding:clamp(7px,1.2cqw,12px) clamp(6px,1.1cqw,10px)!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div{
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    justify-items:center!important;
    text-align:center!important;
    min-width:0!important;
    padding:0 4px!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
    justify-self:center!important;
    letter-spacing:-.045em!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    width:100%!important;
    margin:clamp(3px,.6cqw,6px) auto 0!important;
    text-align:center!important;
    justify-self:center!important;
    font-size:clamp(6.5px,1.35cqw,8.5px)!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
}

@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
    column-gap:clamp(28px,4vw,58px)!important;
    row-gap:clamp(12px,1.5vw,18px)!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row{
    display:contents!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p{
    grid-column:1 / -1!important;
    grid-row:3!important;
    justify-self:center!important;
    text-align:center!important;
    margin:0!important;
  }
}

@media (min-width:681px) and (max-width:1024px) and (orientation:landscape){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(31px,3.85vw,40px)!important;
    line-height:1.02!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card{
    padding-top:clamp(22px,2.8vw,30px)!important;
    padding-bottom:clamp(20px,2.7vw,28px)!important;
  }
}


/* v0.2.113AV: Chrome border parity + CtT tablet landscape numeral lock + Hero one-line row polish.
   Scope guard: no CtT asset/lighting/logo/mobile composition changes; no Home card content changes. */
:root{--vhb-border:rgba(255,255,255,.24);--vhb-soft-line:rgba(255,255,255,.26);}
body #vhb-app .vhb-home-hero-card,
body #vhb-app .vhb-online-card,
body #vhb-app .vhb-widget,
body #vhb-app .vhb-ad-card,
body #vhb-app .vhb-home-story-card,
body #vhb-app .vhb-topic-card,
body #vhb-app .vhb-topic-row,
body #vhb-app .vhb-trending-widget,
body #vhb-app .vhb-trending-row,
body #vhb-app .vhb-sponsored-card,
body #vhb-app .vhb-home-banner-ad,
body #vhb-app .vhb-countdown-widget,
body #vhb-app .vhb-site-header,
body #vhb-app .vhb-left-rail > *,
body #vhb-app .vhb-right-rail > *,
body #vhb-app .vhb-sidebar > *{
  border-color:rgba(255,255,255,.24)!important;
}
body #vhb-app .vhb-home-story-card:hover,
body #vhb-app .vhb-topic-row:hover,
body #vhb-app .vhb-trending-row:hover{
  border-color:rgba(255,130,0,.48)!important;
}

@media (min-width:681px) and (max-width:1024px) and (orientation:landscape){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid{
    display:grid!important;
    grid-template-columns:repeat(4,25%)!important;
    width:88%!important;
    max-width:236px!important;
    gap:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:7px 0 6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 5px!important;
    margin:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    overflow:visible!important;
    border-right:1px solid rgba(255,255,255,.30)!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div:last-child,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div:last-child,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid div:last-child,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid div:last-child{
    border-right:0!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
    align-self:center!important;
    font-size:clamp(22px,3.15vw,26px)!important;
    line-height:.95!important;
    letter-spacing:-.055em!important;
    font-variant-numeric:tabular-nums!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-right-rail > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-sidebar > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:4px auto 0!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
    align-self:center!important;
    font-size:clamp(5.4px,.72vw,6.4px)!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(25px,3.12vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card{
    padding-top:clamp(18px,2.4vw,24px)!important;
    padding-bottom:clamp(16px,2.2vw,22px)!important;
  }
}

@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card{
    padding-top:22px!important;
    padding-bottom:20px!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px,236px)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:clamp(18px,2.25vw,34px)!important;
    row-gap:10px!important;
    align-items:center!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(27px,2.05vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    display:block!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row{display:contents!important;}
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:stretch!important;
    align-self:center!important;
    min-height:46px!important;
    padding:10px 16px!important;
    font-size:clamp(13px,1vw,15px)!important;
    line-height:1!important;
    margin:0!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p{
    grid-column:1 / -1!important;
    grid-row:3!important;
    justify-self:center!important;
    text-align:center!important;
    margin:0!important;
  }
}

/* v0.2.113AW: desktop Hero title/CTA optical spacing polish.
   Scope: desktop Home Hero only. Keep teaser/container behavior from 113AV; remove excess
   CTA column reservation so headline can grow slightly without premature wrapping. */
@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:clamp(12px,1.45vw,24px)!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row{
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(31px,2.45vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    max-width:none!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    justify-self:end!important;
    width:auto!important;
    min-width:236px!important;
    max-width:none!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* v0.2.113AX: Chromium/Chrome border parity polish.
   Chrome was rendering the same subtle translucent borders darker than Safari. Add a browser
   class and raise border definition only in Chromium so sitewide cards/blocks match Safari's
   brighter edge treatment without redesigning layouts. */
html.vhb-is-chromium body #vhb-app :is(
  .vhb-site-header,
  .vhb-home-hero-card,
  .vhb-left-card,
  .vhb-widget,
  .vhb-ad-card,
  .vhb-home-story-card,
  .vhb-home-sponsor-banner,
  .vhb-home-content-prototype .vhb-home-story-card,
  .vhb-section-head,
  .vhb-board-header,
  .vhb-thread-head,
  .vhb-topic-row,
  .vhb-post-card,
  .vhb-composer,
  .vhb-login-callout,
  .vhb-empty,
  .vhb-member-card,
  .vhb-directory-card,
  .vhb-mock-topic-row,
  .vhb-topic-table-head,
  .vhb-countdown-card,
  .vhb-countdown-widget,
  .vhb-ctt-card,
  .vhb-live-score-card,
  .vhb-sponsor-card,
  .vhb-sidebar-sponsor,
  .vhb-left-sponsor,
  .vhb-right-sponsor
){
  border-color:rgba(255,255,255,.245)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.075)!important;
}

html.vhb-is-chromium body #vhb-app :is(
  .vhb-site-header,
  .vhb-home-hero-card,
  .vhb-left-card,
  .vhb-widget,
  .vhb-ad-card,
  .vhb-home-story-card,
  .vhb-section-head,
  .vhb-board-header,
  .vhb-thread-head,
  .vhb-topic-row,
  .vhb-post-card,
  .vhb-composer,
  .vhb-login-callout,
  .vhb-empty,
  .vhb-member-card,
  .vhb-directory-card,
  .vhb-mock-topic-row,
  .vhb-countdown-card,
  .vhb-countdown-widget,
  .vhb-ctt-card,
  .vhb-live-score-card
)::before,
html.vhb-is-chromium body #vhb-app :is(
  .vhb-site-header,
  .vhb-home-hero-card,
  .vhb-left-card,
  .vhb-widget,
  .vhb-ad-card,
  .vhb-home-story-card,
  .vhb-section-head,
  .vhb-board-header,
  .vhb-thread-head,
  .vhb-topic-row,
  .vhb-post-card,
  .vhb-composer,
  .vhb-login-callout,
  .vhb-empty,
  .vhb-member-card,
  .vhb-directory-card,
  .vhb-mock-topic-row,
  .vhb-countdown-card,
  .vhb-countdown-widget,
  .vhb-ctt-card,
  .vhb-live-score-card
)::after{
  border-color:rgba(255,255,255,.22)!important;
}

html.vhb-is-chromium body #vhb-app :is(
  .vhb-enter-board-mode,
  .vhb-widget-button,
  .vhb-small-button,
  .vhb-rail-link,
  .vhb-topic-count,
  .vhb-online-card .vhb-online-counts,
  .vhb-online-counts,
  .vhb-live-pill,
  .vhb-sponsored-pill,
  .vhb-badge,
  .vhb-rank
){
  border-color:rgba(255,130,0,.54)!important;
}


/* v0.2.113AZ — Chrome border parity hard lock + mobile duplicate sponsor cleanup retry.
   AX/AY showed no visible effect because the Chromium class regex was not reliable and some
   Chrome edges need a real inset/outline stroke rather than only border-color changes. */
html.vhb-chrome-border-parity body #vhb-app :is(
  .vhb-site-header,
  .vhb-home-hero-card,
  .vhb-online-card,
  .vhb-left-card,
  .vhb-widget,
  .vhb-ad-card,
  .vhb-home-story-card,
  .vhb-home-banner-ad,
  .vhb-trending-widget,
  .vhb-trending-row,
  .vhb-sponsored-card,
  .vhb-sidebar-sponsor,
  .vhb-left-sponsor,
  .vhb-right-sponsor,
  .vhb-countdown-widget,
  .vhb-topic-card,
  .vhb-topic-row,
  .vhb-post-card,
  .vhb-composer,
  .vhb-login-callout,
  .vhb-empty,
  .vhb-member-card,
  .vhb-directory-card,
  .vhb-board-header,
  .vhb-thread-head,
  .vhb-section-head,
  .vhb-mock-topic-row,
  .vhb-topic-table-head
){
  border-color:rgba(255,255,255,.36)!important;
  outline:1px solid rgba(255,255,255,.105)!important;
  outline-offset:0!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
html.vhb-chrome-border-parity body #vhb-app :is(
  .vhb-enter-board-mode,
  .vhb-widget-button,
  .vhb-small-button,
  .vhb-rail-link,
  .vhb-topic-count,
  .vhb-online-card .vhb-online-counts,
  .vhb-online-counts,
  .vhb-live-pill,
  .vhb-sponsored-pill,
  .vhb-badge,
  .vhb-rank
){
  border-color:rgba(255,130,0,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,130,0,.26)!important;
}
@media (max-width:680px){
  body.home #vhb-app .vhb-board-mobile-first-ad,
  body.home .vhb-board-mobile-first-ad,
  body.home #vhb-app .vhb-left-rail > .vhb-home-banner-ad,
  body.home .vhb-left-rail > .vhb-home-banner-ad,
  body.home #vhb-app .vhb-home-mode > .vhb-home-content-grid .vhb-home-banner-ad-primary,
  body.home .vhb-home-mode > .vhb-home-content-grid .vhb-home-banner-ad-primary,
  body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary,
  body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.home #vhb-app .vhb-left-rail,
  body.home .vhb-left-rail{
    gap:14px!important;
  }
}


/* v0.2.113BA — Chrome border parity actual shell retarget + mobile primary sponsor removal.
   Previous retries hit inner controls (notably Online Now count pill). This pass targets only
   outer cards/widgets/blocks and leaves the Member/Guest inner count box alone. */
html.vhb-chrome-border-parity body #vhb-app .vhb-site-header,
html.vhb-chrome-border-parity body #vhb-app .vhb-home-hero-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-left-rail > .vhb-left-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-right-rail > .vhb-widget,
html.vhb-chrome-border-parity body #vhb-app .vhb-right-rail > .vhb-left-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-sidebar > .vhb-widget,
html.vhb-chrome-border-parity body #vhb-app .vhb-sidebar > .vhb-left-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-online-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-trending-widget,
html.vhb-chrome-border-parity body #vhb-app .vhb-trending-row,
html.vhb-chrome-border-parity body #vhb-app .vhb-home-banner-ad,
html.vhb-chrome-border-parity body #vhb-app .vhb-sidebar-sponsor,
html.vhb-chrome-border-parity body #vhb-app .vhb-left-sponsor,
html.vhb-chrome-border-parity body #vhb-app .vhb-right-sponsor,
html.vhb-chrome-border-parity body #vhb-app .vhb-big-orange-art,
html.vhb-chrome-border-parity body #vhb-app .vhb-countdown-widget,
html.vhb-chrome-border-parity body #vhb-app .vhb-board-header,
html.vhb-chrome-border-parity body #vhb-app .vhb-section-head,
html.vhb-chrome-border-parity body #vhb-app .vhb-topic-row,
html.vhb-chrome-border-parity body #vhb-app .vhb-post-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-directory-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-board-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-composer,
html.vhb-chrome-border-parity body #vhb-app .vhb-login-callout,
html.vhb-chrome-border-parity body #vhb-app .vhb-member-card{
  border-color:rgba(255,255,255,.42)!important;
  outline:0!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.13),
    0 18px 48px rgba(0,0,0,.42)!important;
}

html.vhb-chrome-border-parity body #vhb-app .vhb-home-story-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-home-content-prototype .vhb-home-story-card,
html.vhb-chrome-border-parity body #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.20),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 18px 48px rgba(0,0,0,.46)!important;
}

html.vhb-chrome-border-parity body #vhb-app .vhb-online-card .vhb-online-counts{
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:none!important;
}

@media (max-width:680px){
  html body #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary,
  html body #vhb-app .vhb-home-mode .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary,
  html body .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
}


/* v0.2.113BB — Chrome header top-stroke lock + mobile left-rail sponsor removal.
   BA improved Chromium card strokes, but the sticky header top edge could still
   disappear under the header/mask paint layer. Draw a dedicated high-z-index
   header stroke and suppress only the stacked left-rail Vol Hoops Partner ad on
   phone layouts so the remaining mobile content closes up naturally. */
html.vhb-chrome-border-parity body #vhb-app .vhb-site-header,
html.vhb-is-chromium body #vhb-app .vhb-site-header,
body #vhb-app .vhb-site-header{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.28),
    0 18px 48px rgba(0,0,0,.42)!important;
}
html.vhb-chrome-border-parity body #vhb-app .vhb-site-header::after,
html.vhb-is-chromium body #vhb-app .vhb-site-header::after,
body #vhb-app .vhb-site-header::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-top-color:rgba(255,255,255,.50)!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:60!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}

@media (max-width:680px){
  body #vhb-app .vhb-left-rail > .vhb-sidebar-sponsor.vhb-left-sponsor,
  body #vhb-app .vhb-left-rail > .vhb-left-card.vhb-sidebar-sponsor.vhb-left-sponsor,
  body .vhb-app .vhb-left-rail > .vhb-sidebar-sponsor.vhb-left-sponsor,
  body .vhb-app .vhb-left-rail > .vhb-left-card.vhb-sidebar-sponsor.vhb-left-sponsor{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
}

/* v0.2.113BC — desktop Hero restraint + Hero border parity.
   113BB proved the layout is correct, but the desktop headline grew just past the
   safe width and overlapped the CTA. Pull it back to the largest stable one-line
   size and explicitly give the Hero shell the same visible stroke treatment as the
   other cards/widgets. */
@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:clamp(18px,2vw,30px)!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(29px,2.16vw,34px)!important;
    line-height:1.02!important;
    letter-spacing:-.044em!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    justify-self:end!important;
    min-width:230px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
body.home .vhb-home-mode .vhb-home-hero-card,
html.vhb-chrome-border-parity body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
html.vhb-is-chromium body.home #vhb-app .vhb-home-mode .vhb-home-hero-card{
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    inset 0 0 0 1px rgba(255,255,255,.11),
    0 18px 48px rgba(0,0,0,.42)!important;
}

/* v0.2.113BC — phone Home cleanup: ensure the stacked left-rail sponsor is gone.
   CSS-only selectors missed at least one mobile stack path, so this class-level rule
   is paired with a tiny JS DOM cleanup below. */
@media (max-width:700px){
  body #vhb-app .vhb-left-sponsor,
  body #vhb-app .vhb-sidebar-sponsor.vhb-left-sponsor,
  body #vhb-app .vhb-left-card.vhb-sidebar-sponsor.vhb-left-sponsor{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
}


/* v0.2.113BD — final Hero CTA clearance + mobile sponsor gap closure.
   Desktop Hero: keep one-line headline, but stop the CTA from reserving/occupying
   unnecessary horizontal space. This gives the title breathing room without another
   visible downsize. Mobile Home: after the rail sponsor is removed, promote the
   Big Orange art directly under the remaining mobile banner with a normal card gap. */
@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:clamp(28px,2.6vw,42px)!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row{
    min-width:0!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    white-space:nowrap!important;
    font-size:clamp(28px,2.08vw,33px)!important;
    line-height:1.02!important;
    letter-spacing:-.043em!important;
    max-width:100%!important;
  }
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    min-width:190px!important;
    width:auto!important;
    max-width:220px!important;
    padding:9px 12px!important;
    font-size:clamp(12.5px,.92vw,14px)!important;
    justify-self:end!important;
    white-space:nowrap!important;
  }
}

@media (max-width:700px){
  body.home #vhb-app .vhb-mobile-editorial-feed,
  body.home .vhb-mobile-editorial-feed{
    gap:14px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-promoted-big-orange,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-promoted-big-orange,
  body.home #vhb-app .vhb-big-orange-art.vhb-mobile-promoted-big-orange,
  body.home .vhb-big-orange-art.vhb-mobile-promoted-big-orange{
    display:block!important;
    order:13!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-promoted-big-orange img,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-promoted-big-orange img,
  body.home #vhb-app .vhb-big-orange-art.vhb-mobile-promoted-big-orange img,
  body.home .vhb-big-orange-art.vhb-mobile-promoted-big-orange img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
  }
}

/* v0.2.113BE — Safari header stroke calibration + mobile Home footer-gap closure.
   Desktop Safari inherited the universal header top-stroke added for Chrome and became
   brighter than the site cards. Tablet Safari needed the opposite: a slightly stronger
   header edge to match tablet card borders. Also remove the remaining phone Home dead
   zone by suppressing unused stacked right-rail space and placing the promoted Big
   Orange art just before the footer with a normal card gap. */
@media (min-width:1161px){
  html.vhb-is-safari body #vhb-app .vhb-site-header{
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.12),
      inset 0 0 0 1px rgba(255,255,255,.08),
      inset 0 1px 0 rgba(255,255,255,.14),
      0 18px 48px rgba(0,0,0,.40)!important;
  }
  html.vhb-is-safari body #vhb-app .vhb-site-header::after{
    border-color:rgba(255,255,255,.24)!important;
    border-top-color:rgba(255,255,255,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
}
@media (min-width:681px) and (max-width:1160px){
  html.vhb-is-safari body #vhb-app .vhb-site-header{
    border-color:rgba(255,255,255,.38)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.16),
      inset 0 0 0 1px rgba(255,255,255,.11),
      inset 0 1px 0 rgba(255,255,255,.18),
      0 18px 48px rgba(0,0,0,.40)!important;
  }
  html.vhb-is-safari body #vhb-app .vhb-site-header::after{
    border-color:rgba(255,255,255,.32)!important;
    border-top-color:rgba(255,255,255,.40)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
}
@media (max-width:700px){
  body.home #vhb-app .vhb-layout.vhb-home-v2-layout,
  body.home .vhb-layout.vhb-home-v2-layout{
    gap:14px!important;
    align-content:start!important;
  }
  body.home #vhb-app .vhb-right-rail,
  body.home .vhb-right-rail{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.home #vhb-app .vhb-left-rail,
  body.home .vhb-left-rail,
  body.home #vhb-app .vhb-main,
  body.home .vhb-main{
    margin-bottom:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed,
  body.home .vhb-mobile-editorial-feed{
    margin-bottom:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }
  body.home #vhb-app .vhb-big-orange-art.vhb-mobile-promoted-big-orange,
  body.home .vhb-big-orange-art.vhb-mobile-promoted-big-orange{
    order:98!important;
    margin:14px 0 0!important;
  }
  body.home #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
  body.home .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
    margin-top:14px!important;
  }
}


/* v0.2.113BF — sticky header no-border reset.
   Header is intentionally a special case: remove the bright card-style outline
   from the sticky/site header across all browsers and device types while leaving
   card/widget border parity untouched. */
html body #vhb-app .vhb-site-header,
html body .vhb-site-header,
html.vhb-is-safari body #vhb-app .vhb-site-header,
html.vhb-is-safari body .vhb-site-header,
html.vhb-is-chromium body #vhb-app .vhb-site-header,
html.vhb-is-chromium body .vhb-site-header,
html.vhb-chrome-border-parity body #vhb-app .vhb-site-header,
html.vhb-chrome-border-parity body .vhb-site-header{
  border-color:transparent!important;
  border-width:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #vhb-app .vhb-site-header::after,
html body .vhb-site-header::after,
html.vhb-is-safari body #vhb-app .vhb-site-header::after,
html.vhb-is-safari body .vhb-site-header::after,
html.vhb-is-chromium body #vhb-app .vhb-site-header::after,
html.vhb-is-chromium body .vhb-site-header::after,
html.vhb-chrome-border-parity body #vhb-app .vhb-site-header::after,
html.vhb-chrome-border-parity body .vhb-site-header::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}


/* v0.2.113BG — Home Cards unified 16:9 mobile feed + publishing-console admin refresh. */
@media (max-width:700px){
  body.home #vhb-app .vhb-home-content-grid{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;margin:14px 0 0!important;padding:0!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card{display:block!important;width:100%!important;min-height:0!important;height:auto!important;border-radius:10px!important;overflow:hidden!important;background:#050608!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 12px 32px rgba(0,0,0,.38)!important;aspect-ratio:auto!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card>i{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card .vhb-desktop-card-content-zones{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;background:#050608!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image{display:block!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important;background-size:cover!important;background-position:var(--vhb-card-mobile-pos,50% 50%)!important;border-radius:0!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text{display:flex!important;flex-direction:column!important;gap:8px!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;background:#020304!important;padding:16px 16px 14px!important;border-top:1px solid rgba(255,255,255,.10)!important;box-sizing:border-box!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline{display:block!important;color:#fff!important;font-size:22px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;margin:0!important;text-align:left!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck{display:block!important;color:#bfc4ce!important;font-size:16px!important;line-height:1.4!important;font-style:normal!important;font-weight:500!important;margin:0!important;text-align:left!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-spacer{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{display:block!important;color:#a8afba!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.01em!important;margin-top:2px!important;text-align:left!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad-primary{display:flex!important;order:4!important;margin:0!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-1{order:1!important}.vhb-mobile-editorial-feed .vhb-mobile-feed-slot-2{order:2!important}.vhb-mobile-editorial-feed .vhb-mobile-feed-slot-3{order:3!important}.vhb-mobile-editorial-feed .vhb-mobile-feed-slot-4{order:5!important}.vhb-mobile-editorial-feed .vhb-mobile-feed-slot-5{order:6!important}.vhb-mobile-editorial-feed .vhb-mobile-feed-slot-6{order:7!important}
}

/* Admin publishing-console skin */
.vhb-admin-wrap-v2{background:#050608!important;color:#f7f8fb!important;}
.vhb-admin-shell{max-width:1640px!important;margin:0 auto!important;background:radial-gradient(circle at top left,rgba(255,130,0,.08),transparent 34%),#07090d!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;box-shadow:0 20px 70px rgba(0,0,0,.55)!important;}
.vhb-home-cards-editor-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:18px 24px!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(180deg,rgba(18,22,28,.96),rgba(8,10,14,.96))!important;}
.vhb-home-cards-editor-hero>div{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important}.vhb-home-cards-editor-hero img{width:210px!important;height:auto!important}.vhb-home-cards-editor-hero h1{font-size:22px!important;margin:0!important;letter-spacing:-.03em!important}.vhb-home-cards-editor-hero p{flex-basis:100%!important;margin:0!important;color:#aeb5c0!important}.vhb-home-cards-editor-hero span{color:#ff8200!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important}
.vhb-top-feature-replace-panel{display:none!important;}
.vhb-unified-home-card-bar{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:end!important;gap:14px!important;padding:18px 24px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;background:linear-gradient(180deg,rgba(9,12,17,.98),rgba(6,8,11,.98))!important;position:relative!important;top:auto!important;}
.vhb-unified-card-copy strong{font-size:24px!important;color:#fff!important}.vhb-unified-card-copy span,.vhb-unified-card-controls label span{color:#ff8200!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important}.vhb-unified-card-controls{display:flex!important;align-items:end!important;gap:12px!important;justify-content:flex-end!important}.vhb-unified-card-controls label{display:grid!important;gap:4px!important;min-width:460px!important}.vhb-unified-card-select{height:48px!important;border:1px solid #ff8200!important;border-radius:10px!important;background:#07090c!important;color:#fff!important;font-size:17px!important;font-weight:900!important;padding:0 14px!important}.vhb-unified-prev,.vhb-unified-next{height:48px!important;width:48px!important;min-width:48px!important;align-self:end!important;border:1px solid #ff8200!important;border-radius:10px!important;background:#0b0d11!important;color:#ff9b30!important;font-size:28px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.vhb-unified-save{height:48px!important;border-radius:10px!important;background:#ff8200!important;border-color:#ff8200!important;color:#0b0d11!important;font-weight:950!important}.vhb-unified-view{height:48px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important}
.vhb-unified-card-section{padding:0!important;margin:0!important}.vhb-home-card-dashboard-unified{margin:0!important}.vhb-home-card-dashboard-unified .vhb-v2-editor.is-active-home-card{display:grid!important;grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr)!important;gap:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;min-height:720px!important}.vhb-home-card-dashboard-unified .vhb-v2-editor.is-active-home-card>*,.vhb-home-card-dashboard-unified .vhb-editor-left>*,.vhb-home-card-dashboard-unified .vhb-editor-right>*{box-sizing:border-box!important}.vhb-home-card-dashboard-unified .vhb-editor-left{grid-column:1!important;padding:24px!important;border-right:1px solid rgba(255,255,255,.16)!important;display:flex!important;flex-direction:column!important;gap:18px!important}.vhb-home-card-dashboard-unified .vhb-editor-right{grid-column:2!important;padding:24px!important;display:flex!important;flex-direction:column!important;gap:18px!important}.vhb-v2-card-top{display:none!important}.vhb-fields-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.vhb-fields-grid label,.vhb-content-source label{color:#fff!important;font-weight:850!important}.vhb-fields-grid input,.vhb-fields-grid textarea,.vhb-content-source select{width:100%!important;background:#0a0d12!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:8px!important;min-height:42px!important;padding:10px 12px!important}.vhb-field-full{grid-column:1/-1!important}.vhb-content-source{display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:14px!important;padding:0!important;border:0!important;background:transparent!important}.vhb-selected-content-title{grid-column:1/-1!important;border:1px solid rgba(255,130,0,.35)!important;border-radius:10px!important;padding:12px!important;background:rgba(255,130,0,.05)!important}.vhb-selected-content-title span{color:#ff8200!important;font-weight:900!important;letter-spacing:.12em!important}.vhb-repull-card-button{grid-column:1/-1!important;border-color:#ff8200!important;color:#ffad55!important;background:rgba(255,130,0,.08)!important;border-radius:999px!important;font-weight:900!important}.vhb-content-source p{grid-column:1/-1!important;color:#aeb5c0!important;margin:0!important}.vhb-image-panel{display:none!important}.vhb-preset-row,.vhb-tagline-controls,.vhb-text-position-row,.vhb-admin-mini-preview,.vhb-optimization-panel{display:none!important}.vhb-image-treatment-panel{padding:0!important;border:0!important;background:transparent!important}.vhb-treatment-copy p,.vhb-treatment-control,.vhb-backdrop-control{display:none!important}.vhb-treatment-select-shell select option[value="text_backdrop"]{display:none!important}.vhb-crop-panel{order:1!important;padding:0!important;border:0!important;background:transparent!important}.vhb-crop-head strong{color:#ff8200!important;text-transform:uppercase!important;letter-spacing:.12em!important}.vhb-crop-head em{color:#9fa7b3!important}.vhb-crop-helper,.vhb-unified-preview-tabs,.vhb-crop-unit-mobile,.vhb-crop-unit-desktop .vhb-crop-label,.vhb-crop-device-tag{display:none!important}.vhb-crop-previews{display:block!important}.vhb-crop-unit-desktop{display:block!important}.vhb-crop-box.vhb-crop-desktop{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;width:100%!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.22)!important;background-size:cover!important;background-position:50% 50%;overflow:hidden!important}.vhb-crop-box .vhb-card-content-zones{display:none!important}.vhb-crop-zoom{margin-top:14px!important;color:#fff!important}.vhb-crop-zoom input{accent-color:#ff8200!important}.vhb-master-card-preview{order:0!important}.vhb-master-preview-head span{display:block!important;color:#ff8200!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:17px!important}.vhb-master-preview-head em{display:block!important;color:#aeb5c0!important;font-style:normal!important;margin-top:6px!important}.vhb-master-preview-card{margin-top:18px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important;background:#020304!important;overflow:hidden!important;box-shadow:0 20px 55px rgba(0,0,0,.45)!important}.vhb-master-preview-image{aspect-ratio:16/9!important;background:#111 center/cover no-repeat!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.vhb-master-preview-copy{padding:22px 24px!important;background:#020304!important}.vhb-master-preview-copy strong{display:block!important;color:#fff!important;font-size:28px!important;line-height:1.12!important;letter-spacing:-.03em!important}.vhb-master-preview-copy p{color:#c1c6d0!important;font-size:18px!important;line-height:1.45!important;margin:14px 0 0!important}.vhb-master-preview-copy small{display:block!important;color:#ff8200!important;margin-top:18px!important;font-size:14px!important;font-weight:850!important}.vhb-save-card-button{align-self:flex-start!important;background:#ff8200!important;border-color:#ff8200!important;color:#101010!important;border-radius:10px!important;font-weight:950!important;padding:8px 18px!important}.vhb-admin-save-bar{display:none!important}
@media(max-width:1100px){.vhb-unified-home-card-bar{grid-template-columns:1fr!important}.vhb-unified-card-controls{justify-content:stretch!important;flex-wrap:wrap!important}.vhb-unified-card-controls label{min-width:0!important;flex:1 1 100%!important}.vhb-home-card-dashboard-unified .vhb-v2-editor.is-active-home-card{grid-template-columns:1fr!important;min-height:0!important}.vhb-home-card-dashboard-unified .vhb-editor-left{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}.vhb-home-cards-editor-hero img{width:160px!important}.vhb-master-preview-copy strong{font-size:24px!important}}
@media(max-width:640px){.vhb-admin-shell{border-radius:0!important}.vhb-home-cards-editor-hero,.vhb-unified-home-card-bar,.vhb-home-card-dashboard-unified .vhb-editor-left,.vhb-home-card-dashboard-unified .vhb-editor-right{padding:16px!important}.vhb-unified-card-controls{display:grid!important;grid-template-columns:48px 1fr 48px!important}.vhb-unified-save,.vhb-unified-view{grid-column:1/-1!important}.vhb-content-source,.vhb-fields-grid{grid-template-columns:1fr!important}.vhb-master-preview-copy{padding:16px!important}.vhb-master-preview-copy strong{font-size:21px!important}.vhb-master-preview-copy p{font-size:15px!important}}


/* v0.2.113BV: editorial category treatment + mobile hero cleanup */
.vhb-home-content-prototype .vhb-card-label,
.vhb-home-story-card .vhb-card-label{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  margin:0 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ff8200!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
@media (max-width:767px){
  body.home .vhb-home-hero-card .vhb-home-kicker{display:none!important;}
  body.home .vhb-home-hero-card .vhb-home-hero-main{padding-top:18px!important;}
  body.home .vhb-mobile-card-category{
    display:block!important;
    margin:0 0 7px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#ff8200!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:400!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    text-align:left!important;
  }
}


/* v0.2.113BW — focused mobile category / hero cleanup. */
@media (max-width:767px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-kicker{display:none!important;}
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{padding-top:18px!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-category,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-category{
    display:block!important;width:auto!important;max-width:100%!important;margin:0 0 7px!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#ff8200!important;font-size:10px!important;line-height:1.2!important;font-weight:400!important;
    letter-spacing:.12em!important;text-transform:uppercase!important;text-align:left!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{text-transform:none!important;font-style:normal!important;}
}
html body.home #vhb-app .vhb-home-story-card .vhb-card-label,
html body.home .vhb-home-story-card .vhb-card-label{
  display:block!important;width:auto!important;max-width:100%!important;padding:0!important;margin:0 0 8px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#ff8200!important;font-size:11px!important;line-height:1.25!important;font-weight:400!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}


/* v0.2.113BZ — Desktop/tablet Home Card timestamp parity.
   Restores the same timestamp-only editorial metadata already used on mobile. */
@media (min-width:681px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin-top:10px!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    color:rgba(255,255,255,.62)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:400!important;
    letter-spacing:.015em!important;
    text-transform:none!important;
  }
  body.home #vhb-app .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta-time,
  body.home .vhb-home-content-prototype .vhb-home-story-card .vhb-card-meta-time{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* v0.2.113CE — touch-phone landscape must use the same unified 16:9 card
   component as portrait; retire the legacy text-over-image branch. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:980px){
  body.home #vhb-app .vhb-home-content-grid,
  body.home .vhb-home-content-grid{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed,
  body.home .vhb-mobile-editorial-feed{
    display:flex!important;flex-direction:column!important;gap:14px!important;
    width:100%!important;margin:14px 0 0!important;padding:0!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:auto!important;overflow:hidden!important;background:#050608!important;
    border-radius:10px!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card>i,
  body.home .vhb-mobile-editorial-feed .vhb-home-story-card>i,
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-desktop-card-content-zones,
  body.home .vhb-mobile-editorial-feed .vhb-desktop-card-content-zones{display:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;background:#050608!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    display:block!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;
    background-size:cover!important;background-position:var(--vhb-card-mobile-pos,50% 50%)!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;padding:16px!important;gap:8px!important;
    box-sizing:border-box!important;background:#020304!important;text-align:left!important;align-items:flex-start!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-category,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-category{display:block!important;color:#ff8200!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{display:block!important;color:#fff!important;margin:0!important;text-shadow:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{display:block!important;color:#bfc4ce!important;margin:0!important;font-style:normal!important;text-shadow:none!important;}
  body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp,
  body.home .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{display:block!important;color:#a8afba!important;margin-top:2px!important;}
}

/* v0.2.113DM — mobile-landscape editorial casing parity.
   Preserve intentional uppercase category/kicker labels while preventing article
   headlines and optional excerpts from inheriting legacy all-caps transforms. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{
    text-transform:none!important;
  }
}



/* v0.2.113DN — mobile Home mid-feed sponsor slot + consistent module rhythm.
   Keep the current mobile feed architecture. Add one visible ad slot after Card 3
   and make every existing major module use the established 14px separation. */
@media (max-width:700px){
  html body.home #vhb-app .vhb-home-mode,
  html body.home .vhb-home-mode{
    gap:14px!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    margin:0!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-editorial-feed,
  html body.home .vhb-home-mode > .vhb-mobile-editorial-feed{
    margin:0!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{
    gap:14px!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > *,
  html body.home .vhb-mobile-editorial-feed > *{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed{
    display:flex!important;
    order:4!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:96px!important;
    max-height:none!important;
    margin:0!important;
    padding:16px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-4,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-4{order:5!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-5,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-5{order:6!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-6,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-feed-slot-6{order:7!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-home-trending,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-home-trending{order:9!important;margin:0!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-online-card,
  html body.home .vhb-mobile-editorial-feed .vhb-online-card{order:10!important;margin:0!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad-tertiary,
  html body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad-tertiary{order:12!important;margin:0!important;}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{gap:14px!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed > *,
  html body.home .vhb-mobile-editorial-feed > *{margin-top:0!important;margin-bottom:0!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed{
    display:flex!important;order:4!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:auto!important;min-height:96px!important;max-height:none!important;
    margin:0!important;padding:16px!important;overflow:visible!important;box-sizing:border-box!important;
  }
}

/* v0.2.113DO — phone-landscape Home cleanup.
   Keep portrait unchanged. Hide the decorative Big Orange art that otherwise
   escapes to the top-left of the landscape stack, and center every element of
   the Home hero (headline, CTA, and supporting line). */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-big-orange-art,
  html body.home .vhb-big-orange-art{
    display:none!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-main{
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-headline-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-cta-row,
  html body.home .vhb-home-mode .vhb-home-cta-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:100%!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    width:auto!important;
    min-width:min(320px,72vw)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  html body.home .vhb-home-mode .vhb-home-cta-row p,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}

/* v0.2.113DP — Universal Home Feed, development chapter 1.
   Promote the proven stacked mobile card component into a two-up desktop / tablet-landscape
   feed. All rules are scoped to .vhb-universal-home-feed so the working phone feed,
   publication rotation, admin editor, and unrelated card systems remain untouched. */
@media (min-width:701px){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:16px!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:0!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card{
    display:block!important;
    position:relative!important;
    grid-area:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:10px!important;
    background:#050608!important;
    box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
    text-decoration:none!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card > i,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card > i,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-desktop-card-content-zones,
  html body.home .vhb-universal-home-feed .vhb-desktop-card-content-zones{
    display:none!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-component,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-component{
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    background:#050608!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-image,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-image{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
    background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
    border-radius:0!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-text{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:8px!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:16px 16px 14px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:#020304!important;
    text-align:left!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-category,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-category{
    display:block!important;
    color:#ff8200!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    margin:0!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-headline,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-headline{
    display:block!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    margin:0!important;
    text-align:left!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-deck,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-deck{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    color:#bfc4ce!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-style:normal!important;
    font-weight:500!important;
    text-transform:none!important;
    margin:0!important;
    text-align:left!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-spacer,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-spacer{display:none!important;}

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-timestamp,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-timestamp{
    display:block!important;
    color:#a8afba!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    margin-top:2px!important;
    text-align:left!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before,
  html body.home .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before{
    content:"FEATURE";
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    right:0;
    height:28px;
    box-sizing:border-box;
    padding:0 12px;
    background:#ff8200;
    color:#090a0d;
    font-size:11px;
    line-height:1;
    font-weight:950;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-sponsored-card,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-sponsored-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    min-height:340px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:16px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,130,0,.55)!important;
    border-radius:10px!important;
    background:radial-gradient(circle at 50% 35%,rgba(255,130,0,.08),transparent 48%),#050608!important;
    box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
    color:#fff!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-home-feed-sponsored-label,
  html body.home .vhb-universal-home-feed .vhb-home-feed-sponsored-label{
    color:#ff8200!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-home-feed-sponsored-mount,
  html body.home .vhb-universal-home-feed .vhb-home-feed-sponsored-mount{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:220px!important;
    padding:18px!important;
    border:1px dashed rgba(255,255,255,.20)!important;
    border-radius:8px!important;
    background:#090b0f!important;
    text-align:center!important;
  }
  html body.home #vhb-app .vhb-universal-home-feed .vhb-home-feed-sponsored-mount strong,
  html body.home .vhb-universal-home-feed .vhb-home-feed-sponsored-mount strong{font-size:18px!important;color:#fff!important;}
  html body.home #vhb-app .vhb-universal-home-feed .vhb-home-feed-sponsored-mount em,
  html body.home .vhb-universal-home-feed .vhb-home-feed-sponsored-mount em{font-size:13px!important;line-height:1.35!important;color:#aeb5c0!important;font-style:normal!important;}
  html body.home #vhb-app .vhb-universal-home-feed .vhb-home-feed-sponsored-support,
  html body.home .vhb-universal-home-feed .vhb-home-feed-sponsored-support{font-size:12px!important;color:#8f97a3!important;text-align:center!important;}
}

/* Tablet portrait keeps the universal stacked card construction, one card per row. */
@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* v0.2.113DQ — Universal Home Feed editorial polish.
   Styling-only refinement of the proven DP feed: equal row-card heights, pill-free
   typography, calmer leading, compact Top Story marker, border parity, and desktop
   hero teaser alignment. No feed order, rotation, editor, image, or breakpoint changes. */
@media (min-width:701px){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{
    align-items:stretch!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-sponsored-card,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-sponsored-card{
    height:100%!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:10px!important;
    box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-component,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-component{
    height:100%!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-text{
    flex:1 1 auto!important;
    min-height:0!important;
    gap:8px!important;
    padding:18px 16px 16px!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text::before,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-text::before,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text::after,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-text::after{
    content:none!important;
    display:none!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-category,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-category,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-headline,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-headline,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-timestamp,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-timestamp{
    width:auto!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-headline,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-headline{
    line-height:1.18!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-deck,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-deck{
    line-height:1.5!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-timestamp,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-timestamp{
    color:rgba(255,255,255,.58)!important;
    font-size:11px!important;
    font-weight:600!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before,
  html body.home .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before{
    content:"TOP STORY"!important;
    right:auto!important;
    width:33.333%!important;
    min-width:120px!important;
    max-width:170px!important;
    height:28px!important;
    padding:0 12px!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p,
  html body.home #vhb-app .vhb-home-mode .vhb-home-cta-row p,
  html body.home .vhb-home-mode .vhb-home-cta-row p{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
    justify-self:start!important;
  }
}

/* Phone cards: retire residual pill chrome, improve reading leading, and give the
   category label a modest size increase. Existing portrait/landscape structure remains. */
@media (max-width:700px),
       (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text::before,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text::before,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text::after,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text::after{
    content:none!important;
    display:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-category,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-category,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-timestamp{
    width:auto!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-category,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-category{
    font-size:12px!important;
    line-height:1.25!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{
    line-height:1.18!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-deck,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-deck{
    line-height:1.5!important;
  }
}


/* v0.2.113DR — Top Stories leader + border/hero/leading corrections.
   Styling-only hotfix on the DQ universal feed. No rotation, editor, slot, image,
   or card-data changes. */

/* Shared section leader. The desktop/tablet and phone renderers each receive their
   own heading so existing feed visibility rules remain untouched. */
html body.home #vhb-app .vhb-home-feed-heading,
html body.home .vhb-home-feed-heading{
  margin:22px 0 14px!important;
  padding:0!important;
  color:#ff8200!important;
  font-size:clamp(27px,2.15vw,36px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  text-align:left!important;
}

@media (min-width:701px){
  html body.home #vhb-app .vhb-home-feed-heading-desktop,
  html body.home .vhb-home-feed-heading-desktop{display:block!important;}
  html body.home #vhb-app .vhb-home-feed-heading-mobile,
  html body.home .vhb-home-feed-heading-mobile{display:none!important;}

  /* Retire the former Card 1 ribbon completely. */
  html body.home #vhb-app .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before,
  html body.home .vhb-universal-home-feed [data-card-role="top_feature"] .vhb-mobile-card-image::before{
    content:none!important;
    display:none!important;
  }

  /* One neutral hairline border for every feed citizen. */
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-sponsored-card,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-sponsored-card{
    border:1px solid rgba(255,255,255,.24)!important;
  }

  /* The requested final typography nudge: preserve font size, add a little air. */
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-headline,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-headline{
    line-height:1.24!important;
  }
}

/* Desktop only: teaser aligns with the headline's left edge. Tablet stays centered. */
@media (min-width:1101px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
}

/* Phone feed: heading above the single column, neutral card borders, slightly more
   headline leading. */
@media (max-width:700px),
       (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-feed-heading-desktop,
  html body.home .vhb-home-feed-heading-desktop{display:none!important;}
  html body.home #vhb-app .vhb-home-feed-heading-mobile,
  html body.home .vhb-home-feed-heading-mobile{
    display:block!important;
    margin:8px 0 14px!important;
    font-size:clamp(26px,7.2vw,34px)!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
  html body.home .vhb-mobile-editorial-feed .vhb-home-story-card,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-banner-ad,
  html body.home .vhb-mobile-editorial-feed .vhb-home-banner-ad{
    border:1px solid rgba(255,255,255,.24)!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-headline,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-headline{
    line-height:1.24!important;
  }
}

/* Restore the intended centered teaser specifically in phone landscape. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-cta-row p,
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card p,
  html body.home .vhb-home-mode .vhb-home-hero-card p{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
    text-align:center!important;
  }
}

/* v0.2.113DS — lightning-round Home polish.
   Final visual corrections only: authoritative neutral feed-card chrome,
   desktop CTA vertical centering, and guaranteed mobile Top Stories leader. */

/* All universal-feed citizens use the sponsored card's neutral light-gray hairline.
   Neutralize legacy orange border/outline/inset effects on both the outer story shell
   and the promoted mobile component inside it. */
@media (min-width:701px){
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card,
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-sponsored-card,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-sponsored-card{
    border:1px solid rgba(255,255,255,.24)!important;
    outline:0!important;
    box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card:hover,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card:hover,
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card:focus-within,
  html body.home .vhb-universal-home-feed > .vhb-home-story-card:focus-within{
    border-color:rgba(255,255,255,.24)!important;
    outline:0!important;
    box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
  }

  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-component,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-component,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-image,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-image,
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-text{
    outline:0!important;
    box-shadow:none!important;
  }
}

/* Desktop only: keep the CTA's horizontal placement and center it vertically
   against the combined headline + teaser area. */
@media (min-width:1101px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    grid-column:2!important;
    grid-row:2 / 4!important;
    align-self:center!important;
    justify-self:stretch!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* Phone layouts: guarantee the shared Top Stories leader appears between CtT and
   the first article card. The renderer already emits it in the correct DOM position. */
@media (max-width:700px),
       (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-feed-heading-mobile,
  html body.home .vhb-home-feed-heading-mobile{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 14px!important;
    padding:0!important;
    color:#ff8200!important;
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
    text-align:left!important;
  }
}

/* v0.2.113DT — Home feed authority hotfix.
   One shared section leader, one active feed renderer at every breakpoint,
   neutral outer card chrome, and true desktop Hero CTA centering. */

/* The shared leader is emitted once, after mobile CtT and before both feed renderers. */
html body.home #vhb-app .vhb-home-mode > .vhb-home-feed-heading,
html body.home .vhb-home-mode > .vhb-home-feed-heading{
  display:block!important;
  visibility:visible!important;
  width:100%!important;
  max-width:100%!important;
  margin:22px 0 14px!important;
  padding:0!important;
  color:#ff8200!important;
  font-size:clamp(27px,2.15vw,36px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  text-align:left!important;
}

/* Remove legacy orange chrome applied broadly to nested spans in the historical
   desktop card system. Only the outer story shell owns a border. */
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card,
html body.home .vhb-universal-home-feed > .vhb-home-story-card,
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-sponsored-card,
html body.home .vhb-universal-home-feed > .vhb-home-feed-sponsored-card{
  border:1px solid rgba(255,255,255,.24)!important;
  outline:0!important;
}
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card span,
html body.home .vhb-universal-home-feed > .vhb-home-story-card span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-component,
html body.home .vhb-universal-home-feed .vhb-mobile-card-component,
html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-image,
html body.home .vhb-universal-home-feed .vhb-mobile-card-image,
html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-text,
html body.home .vhb-universal-home-feed .vhb-mobile-card-text{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Match the same neutral shell on the dedicated narrow-phone feed. */
html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-story-card,
html body.home .vhb-mobile-editorial-feed > .vhb-home-story-card{
  border:1px solid rgba(255,255,255,.24)!important;
  outline:0!important;
}
html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-story-card span,
html body.home .vhb-mobile-editorial-feed > .vhb-home-story-card span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Desktop CTA: preserve the right column while centering against the entire Hero. */
@media (min-width:1101px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    grid-column:2!important;
    grid-row:1 / -1!important;
    align-self:center!important;
    justify-self:stretch!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* Narrow phones use only the established single-column renderer. */
@media (max-width:700px){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{display:none!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{display:flex!important;}
  html body.home #vhb-app .vhb-home-mode > .vhb-home-feed-heading,
  html body.home .vhb-home-mode > .vhb-home-feed-heading{
    margin:14px 0 14px!important;
    font-size:clamp(24px,7vw,32px)!important;
  }
}

/* Wide phone landscape gets the universal two-column feed and never the legacy
   single-column renderer. The width floor protects narrower landscape phones. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (min-width:740px) and (max-width:1100px) and (max-height:560px){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{display:none!important;}
  html body.home #vhb-app .vhb-home-mode > .vhb-home-feed-heading,
  html body.home .vhb-home-mode > .vhb-home-feed-heading{
    margin:14px 0 14px!important;
    font-size:clamp(24px,4.4vw,32px)!important;
  }
}

/* Narrower phone landscape retains one column and never exposes both renderers. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (max-width:739px) and (max-height:560px){
  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed{display:none!important;}
  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{display:flex!important;}
}


/* v0.2.113DU — Gremlin bedtime.
   The universal and narrow-phone feeds now own separate Top Stories leaders.
   Only the leader belonging to the active renderer is visible. */
html body.home #vhb-app .vhb-home-feed-heading-mobile-inline,
html body.home .vhb-home-feed-heading-mobile-inline{
  display:none!important;
}

/* Narrow phones: hide the universal leader and show the heading inside the actual
   single-column mobile feed, immediately before Card 1. */
@media (max-width:700px){
  html body.home #vhb-app .vhb-home-feed-heading-universal,
  html body.home .vhb-home-feed-heading-universal{
    display:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline{
    display:block!important;
    visibility:visible!important;
    order:-1!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0!important;
    padding:0!important;
    color:#ff8200!important;
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
    text-align:left!important;
  }
}

/* Wide phone landscape uses the universal two-column renderer, so its universal
   leader remains visible and the legacy mobile-feed leader remains hidden. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (min-width:740px) and (max-width:1100px) and (max-height:560px){
  html body.home #vhb-app .vhb-home-feed-heading-universal,
  html body.home .vhb-home-feed-heading-universal{
    display:block!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline{
    display:none!important;
  }
}

/* Narrow phone landscape keeps the legacy single-column renderer and therefore
   uses the heading inside that feed. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (max-width:739px) and (max-height:560px){
  html body.home #vhb-app .vhb-home-feed-heading-universal,
  html body.home .vhb-home-feed-heading-universal{
    display:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline{
    display:block!important;
    visibility:visible!important;
    order:-1!important;
    width:100%!important;
    margin:14px 0!important;
    padding:0!important;
    color:#ff8200!important;
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
    text-align:left!important;
  }
}


/* v0.2.113DV — Gremlin bedtime, lights out.
   Each Top Stories leader now lives inside its own feed renderer. Hiding a feed
   therefore hides its leader structurally, not merely through competing CSS. */
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal,
html body.home .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
  display:block!important;
  visibility:visible!important;
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#ff8200!important;
  font-size:clamp(27px,2.15vw,36px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  text-align:left!important;
}

/* Narrow phones use the dedicated single-column renderer. Its leader stays close
   to Card 1 while preserving the already-approved breathing room above it. */
@media (max-width:700px),
       (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (max-width:739px) and (max-height:560px){
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline{
    margin:14px 0 6px!important;
  }
}

/* Wide phone landscape displays the universal two-column renderer; its heading
   spans both columns and remains attached to that grid. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (min-width:740px) and (max-width:1100px) and (max-height:560px){
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    grid-column:1 / -1!important;
    margin:0 0 10px!important;
    font-size:clamp(24px,4.4vw,32px)!important;
  }
}

/* v0.2.113DW — tablet Board-route rail consolidation + mobile leader spacing.
   Tablet /board/ surfaces use one stable right rail: the existing right rail stays
   first, while the intact left rail follows beneath it in its original internal
   order. Desktop, phone, Home, archive, and article layouts are untouched. */
@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  html body:not(.home) #vhb-app .vhb-board-directory-layout,
  html body:not(.home) .vhb-board-directory-layout,
  html body #vhb-app .vhb-board-view-layout,
  html body .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body .vhb-thread-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(250px,280px)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:16px!important;
    row-gap:14px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body:not(.home) #vhb-app .vhb-board-directory-layout > .vhb-main,
  html body:not(.home) .vhb-board-directory-layout > .vhb-main,
  html body #vhb-app .vhb-board-view-layout > .vhb-main,
  html body .vhb-board-view-layout > .vhb-main,
  html body #vhb-app .vhb-thread-layout > .vhb-main,
  html body .vhb-thread-layout > .vhb-main{
    display:block!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    order:initial!important;
  }

  /* Existing right-side widgets remain first in the consolidated rail. */
  html body:not(.home) #vhb-app .vhb-board-directory-layout > .vhb-right-rail,
  html body:not(.home) .vhb-board-directory-layout > .vhb-right-rail,
  html body #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html body .vhb-board-view-layout > .vhb-right-rail,
  html body #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html body .vhb-thread-layout > .vhb-right-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    align-content:start!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    order:initial!important;
  }

  /* The former left rail becomes the continuation of that same visual rail.
     Its children are not cloned or reordered. */
  html body:not(.home) #vhb-app .vhb-board-directory-layout > .vhb-left-rail,
  html body:not(.home) .vhb-board-directory-layout > .vhb-left-rail,
  html body #vhb-app .vhb-board-view-layout > .vhb-left-rail,
  html body .vhb-board-view-layout > .vhb-left-rail,
  html body #vhb-app .vhb-thread-layout > .vhb-left-rail,
  html body .vhb-thread-layout > .vhb-left-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:2!important;
    align-content:start!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  html body:not(.home) #vhb-app .vhb-board-directory-layout > .vhb-site-footer,
  html body:not(.home) .vhb-board-directory-layout > .vhb-site-footer,
  html body #vhb-app .vhb-board-view-layout > .vhb-site-footer,
  html body .vhb-board-view-layout > .vhb-site-footer,
  html body #vhb-app .vhb-thread-layout > .vhb-site-footer,
  html body .vhb-thread-layout > .vhb-site-footer{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    max-width:100%!important;
    order:initial!important;
  }

  /* Tablet layouts do not use the phone-first in-flow ad placeholders. */
  html body #vhb-app .vhb-board-view-layout > .vhb-board-topic-first-ad,
  html body .vhb-board-view-layout > .vhb-board-topic-first-ad,
  html body #vhb-app .vhb-thread-layout > .vhb-thread-first-ad,
  html body .vhb-thread-layout > .vhb-thread-first-ad,
  html body:not(.home) #vhb-app .vhb-board-directory-layout .vhb-board-mobile-first-ad,
  html body:not(.home) .vhb-board-directory-layout .vhb-board-mobile-first-ad{
    display:none!important;
  }
}

/* The dedicated narrow-phone Top Stories leader already has the approved air
   above it. Offset the feed's 14px flex gap so the leader sits closer to Card 1. */
@media (max-width:700px),
       (hover:none) and (pointer:coarse) and (orientation:landscape)
       and (max-width:739px) and (max-height:560px){
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-feed-heading-mobile-inline{
    margin:14px 0 -6px!important;
  }
}

/* v0.2.113DX — promoted tablet discussion widgets inherit the right-rail rhythm. */
@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  html body #vhb-app .vhb-thread-layout > .vhb-right-rail > .vhb-tablet-thread-promoted,
  html body .vhb-thread-layout > .vhb-right-rail > .vhb-tablet-thread-promoted{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* v0.2.113DY — Universal article hero order and 16:9 presentation.
   The article template now renders: label, headline, date, featured image, content.
   Existing and future posts inherit this automatically at render time. */
#vhb-app .vhb-article-featured,
body #vhb-app .vhb-article-featured,
body .vhb-app .vhb-article-featured{
  aspect-ratio:16 / 9!important;
  width:100%!important;
  margin:22px 0 0!important;
  overflow:hidden!important;
}
#vhb-app .vhb-article-featured img,
body #vhb-app .vhb-article-featured img,
body .vhb-app .vhb-article-featured img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* v0.2.113EA — Article rail authority hotfix.
   Phones show only the article, one sponsor banner, and the footer.
   Tablet article routes use the same consolidated two-column rail treatment as
   Board routes: article content at left, existing right rail first, intact left
   rail continuing beneath it in original order. */
.vhb-article-mobile-banner-ad{
  display:none!important;
}

@media (max-width:700px){
  html body #vhb-app .vhb-article-layout,
  html body .vhb-article-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-left-rail,
  html body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html body #vhb-app .vhb-article-layout > .vhb-sidebar,
  html body .vhb-article-layout > .vhb-left-rail,
  html body .vhb-article-layout > .vhb-right-rail,
  html body .vhb-article-layout > .vhb-sidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-article-main,
  html body .vhb-article-layout > .vhb-article-main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body #vhb-app .vhb-article-mobile-banner-ad,
  html body .vhb-article-mobile-banner-ad{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:12px 0 0!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-site-footer,
  html body .vhb-article-layout > .vhb-site-footer{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:12px!important;
  }
}

@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  html body #vhb-app .vhb-article-layout,
  html body .vhb-article-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(250px,280px)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:16px!important;
    row-gap:14px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-article-main,
  html body .vhb-article-layout > .vhb-article-main{
    display:block!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    order:initial!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html body .vhb-article-layout > .vhb-right-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    align-content:start!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-left-rail,
  html body .vhb-article-layout > .vhb-left-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:2!important;
    align-content:start!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  html body #vhb-app .vhb-article-layout > .vhb-site-footer,
  html body .vhb-article-layout > .vhb-site-footer{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    max-width:100%!important;
    order:initial!important;
  }

  html body #vhb-app .vhb-article-mobile-banner-ad,
  html body .vhb-article-mobile-banner-ad{
    display:none!important;
  }
}


/* v0.2.113ED — Archives nav + clean mobile archive reading flow.
   Desktop/tablet receive the first-class Archives nav item. On phones, archive
   landing/category pages suppress both sidebar rails and show one prop banner
   before and after the archive list. */
.vhb-archive-mobile-banner-ad{
  display:none!important;
}

@media (max-width:700px){
  html body #vhb-app .vhb-archive-layout,
  html body .vhb-archive-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #vhb-app .vhb-archive-layout > .vhb-left-rail,
  html body #vhb-app .vhb-archive-layout > .vhb-right-rail,
  html body #vhb-app .vhb-archive-layout > .vhb-sidebar,
  html body .vhb-archive-layout > .vhb-left-rail,
  html body .vhb-archive-layout > .vhb-right-rail,
  html body .vhb-archive-layout > .vhb-sidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body #vhb-app .vhb-archive-layout > .vhb-archive-main,
  html body .vhb-archive-layout > .vhb-archive-main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body #vhb-app .vhb-archive-mobile-banner-ad,
  html body .vhb-archive-mobile-banner-ad{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  html body #vhb-app .vhb-archive-mobile-banner-ad-top,
  html body .vhb-archive-mobile-banner-ad-top{
    margin:0 0 14px!important;
  }

  html body #vhb-app .vhb-archive-mobile-banner-ad-bottom,
  html body .vhb-archive-mobile-banner-ad-bottom{
    margin:14px 0 0!important;
  }

  html body #vhb-app .vhb-archive-layout > .vhb-site-footer,
  html body .vhb-archive-layout > .vhb-site-footer{
    width:100%!important;
    max-width:100%!important;
    margin-top:14px!important;
  }
}


/* v0.2.113EE — Tablet Home layout ownership repair.
   Home shares the board-directory outer class, but must retain its original
   tablet three-column composition. The 113DW rail consolidation now excludes
   body.home, while actual Board, thread, and article routes retain the intended
   two-column main + consolidated right-rail treatment. */

/* v0.2.113EF — universal tablet content + one supporting rail.
   Tablet landscape and portrait now share one stable two-column page shell:
   primary content at left, a single useful-width sidebar at right. Contact has
   no VHB rail shell and is therefore untouched. Desktop and phone rules remain
   unchanged. */
@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  :root{
    --vhb-tablet-rail-width:clamp(250px,29vw,300px);
    --vhb-tablet-layout-gap:16px;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--vhb-tablet-rail-width)!important;
    grid-template-rows:auto auto!important;
    column-gap:var(--vhb-tablet-layout-gap)!important;
    row-gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-main{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-right-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    align-content:start!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-left-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-left-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-left-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-left-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-left-rail{
    display:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:0!important;
    max-width:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-site-footer,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-site-footer,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-site-footer,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-site-footer,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-site-footer{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    order:initial!important;
  }

  /* Every promoted widget/ad uses the healthy right-rail width and rhythm. */
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-tablet-unified-right-rail > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* The universal Home feed owns tablet. The dedicated phone renderer stays off. */
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-mobile-editorial-feed,
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-mobile-home-countdown{
    display:none!important;
  }
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-home-mode,
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-home-content-grid,
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-home-content-prototype{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Phone-only in-flow ad placeholders stay out of the tablet shell. */
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-topic-first-ad,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-first-ad,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-mobile-first-ad,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-mobile-banner-ad,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-mobile-banner-ad{
    display:none!important;
  }
}

/* Tablet portrait keeps the page shell two-column, while the Home feed uses one
   comfortably wide stacked card per row inside its main-content column. */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  :root{
    --vhb-tablet-rail-width:clamp(238px,31vw,270px);
    --vhb-tablet-layout-gap:14px;
  }
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    grid-column:1!important;
  }
}

/* Tablet landscape has enough main-column room for the approved desktop-style
   two-up universal 16:9 card grid. */
@media (min-width:901px) and (max-width:1100px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    grid-column:1 / -1!important;
  }
}

/* v0.2.113EG — tablet portrait single-rail enforcement.
   Legacy portrait rules were still allowing the unified right rail to retain a
   two-track internal grid, splitting CtT/Trending and the promoted left-rail
   widgets into unusably thin columns. Once the 113EF tablet authority is active,
   the supporting rail is always one vertical stack in both orientations. */
@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-right-rail{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    align-content:start!important;
    justify-items:stretch!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-directory-layout > .vhb-right-rail > *,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-board-view-layout > .vhb-right-rail > *,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-thread-layout > .vhb-right-rail > *,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-right-rail > *,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-layout > .vhb-right-rail > *{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* v0.2.113EH — tablet portrait header containment authority.
   The 113EF/EG page-shell repair exposed legacy 681–900px header rules that
   constrained the header to two tracks and a fixed 68px height. Navigation,
   account controls, and the retired search placeholder then overflowed into
   page content. Keep every desktop-header element inside one deliberate row. */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  html body #vhb-app .vhb-site-header,
  html body .vhb-app .vhb-site-header{
    display:grid!important;
    grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto!important;
    grid-template-rows:minmax(68px,auto)!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:68px!important;
    height:auto!important;
    max-height:none!important;
    padding:8px 12px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body #vhb-app .vhb-site-header .vhb-logo-link,
  html body #vhb-app .vhb-site-header .vhb-wordmark{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    min-width:0!important;
    width:auto!important;
    max-width:190px!important;
    margin:0!important;
  }
  html body #vhb-app .vhb-site-header .vhb-logo-link img,
  html body #vhb-app .vhb-site-header .vhb-wordmark img{
    width:auto!important;
    max-width:185px!important;
    max-height:48px!important;
    min-width:0!important;
    height:auto!important;
    display:block!important;
  }

  html body #vhb-app .vhb-site-header .vhb-site-nav{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-site-header .vhb-site-nav a{
    flex:0 0 auto!important;
    min-height:30px!important;
    height:auto!important;
    padding:5px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }

  html body #vhb-app .vhb-site-header .vhb-header-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:auto!important;
    max-width:150px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body #vhb-app .vhb-site-header .vhb-search-pill{
    display:none!important;
  }
  html body #vhb-app .vhb-site-header .vhb-header-account,
  html body #vhb-app .vhb-site-header .vhb-account-menu{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    max-width:150px!important;
    margin:0!important;
    position:relative!important;
  }
  html body #vhb-app .vhb-site-header .vhb-account-menu-trigger{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    max-width:150px!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:3px 5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body #vhb-app .vhb-site-header .vhb-account-menu-avatar{
    flex:0 0 auto!important;
  }
  html body #vhb-app .vhb-site-header .vhb-account-menu-name{
    min-width:0!important;
    max-width:82px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body #vhb-app .vhb-site-header .vhb-account-menu-caret{
    flex:0 0 auto!important;
  }
}


/* v0.2.113EJ — Archive title weight + tablet nav proximity polish.
   Presentation-only: give archive landing cards the same confident headline
   weight as Home cards, and anchor tablet navigation closer to the logo so
   future links retain usable room at the right side of the header. */
#vhb-app .vhb-archive-card h2,
#vhb-app .vhb-archive-card h2 a,
body .vhb-archive-card h2,
body .vhb-archive-card h2 a{
  font-weight:800!important;
}

@media (min-width:701px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header .vhb-site-nav,
  html body .vhb-site-header .vhb-site-nav{
    justify-self:start!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
}

/* v0.2.113IPRt222 — final visible Contact-label alignment.
   Contact's letter shapes read heavier/higher than the neighboring labels even
   under the shared anchor rule, so this is an intentional optical correction. */
@media (min-width:701px){
  html body #vhb-app .vhb-site-header .vhb-site-nav > a.vhb-site-nav-contact,
  html body .vhb-site-header .vhb-site-nav > a.vhb-site-nav-contact{
    position:relative!important;
    top:1px!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
  }
}
@media (min-width:701px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header .vhb-site-nav > a.vhb-site-nav-contact,
  html body .vhb-site-header .vhb-site-nav > a.vhb-site-nav-contact{
    font-size:9px!important;
    letter-spacing:.045em!important;
  }
}

/* T222: a profile is a body-level overlay, so a nested Reputation dialog needs
   the browser's practical z-index ceiling rather than a stylesheet guess. */
html body .vhb-reputation-overlay.is-open,
html body #vhb-app .vhb-reputation-overlay.is-open{
  z-index:2147483646!important;
}
html body .vhb-profile-modal.vhb-profile-reputation-underlay{
  z-index:200000!important;
}

/* v0.2.113IPRt221 — Reputation explainer nested-overlay authority.
   The profile modal sits at 200000, so its body-promoted explainer must clear
   that layer while remaining below no other active Vol Hoops dialog. */
html body .vhb-reputation-overlay,
html body #vhb-app .vhb-reputation-overlay{
  z-index:210100!important;
  isolation:isolate!important;
}

/* T201 — The Boards navigation is a context-aware member of the same dropdown
   system as Archives. Its slightly wider labels retain the established nav rhythm. */
@media (min-width:701px){
  #vhb-app .vhb-nav-boards-menu,
  body .vhb-nav-boards-menu{
    min-width:175px!important;
  }
}
#vhb-app .vhb-all-topics-intro,
body .vhb-all-topics-intro{
  margin:5px 0 0!important;
  color:#aeb7c6!important;
  font-size:14px!important;
}

/* v0.2.113EK — tablet-only responsive card authority.
   Desktop and phone renderers remain untouched. On coarse-pointer tablet
   viewports, Home and Archives choose one-up or two-up card rows from the
   actual width available inside the main-content column. Every archive image
   is locked to the same 16:9 viewport used by the universal Home cards. */
@media (min-width:701px) and (max-width:1100px) and (hover:none) and (pointer:coarse){
  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
  }

  html.vhb-tablet-single-rail-active body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    grid-column:1 / -1!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-archive-image{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    box-sizing:border-box!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }
}


/* v0.2.113EL — Archive image brightness parity with Home Card Editor.
   Remove the legacy always-on dark gradient. Archive images are now unfiltered
   by default and receive the exact saved Full Overlay strength only when that
   source card opted into it in the Home Card Editor. */
#vhb-app .vhb-archive-image,
body .vhb-archive-image{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
#vhb-app .vhb-archive-image::before,
body .vhb-archive-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:none;
}
#vhb-app .vhb-archive-image.vhb-archive-treatment-full-overlay::before,
body .vhb-archive-image.vhb-archive-treatment-full-overlay::before{
  opacity:var(--vhb-archive-overlay-strength,0);
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%);
}
#vhb-app .vhb-archive-image > span,
body .vhb-archive-image > span{
  position:relative;
  z-index:2;
}

/* v0.2.113EM — Restore Home Card overlay rendering after the universal
   image-over-text architecture promoted the dedicated mobile image component
   to desktop and tablet. Apply the saved Full Overlay directly to the visible
   image pane, while preserving the top-feature ribbon that already uses
   ::before. */
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after,
html body.home .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:var(--vhb-card-overlay-strength,.35)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
}
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-none .vhb-mobile-card-image::after,
html body.home .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-none .vhb-mobile-card-image::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}

/* v0.2.113EN — Universal Archives 16:9 image-frame authority.
   The archive card renderer previously inherited legacy fixed minimum heights
   (190px desktop / 170px narrow screens), while only coarse-pointer tablets
   received a true aspect ratio. Wider archive cards therefore became too
   shallow and vertically cropped their featured images. Lock every Archives
   landing-card image pane to the same border-box 16:9 geometry on all devices. */
html body #vhb-app .vhb-archive-grid .vhb-archive-image,
html body .vhb-archive-grid .vhb-archive-image{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  box-sizing:border-box!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}

/* v0.2.113EO — Archives navigation dropdown + archive hero clearance.
   Desktop/tablet now expose every WordPress archive category from the top nav.
   On phones, reserve a clean lane below the compact sticky header and tighten
   the hero-to-banner rhythm so the hero is fully visible without dead space. */
@media (min-width:701px){
  html body #vhb-app .vhb-site-header .vhb-site-nav,
  html body .vhb-site-header .vhb-site-nav{
    overflow:visible!important;
  }
  #vhb-app .vhb-nav-archives-dropdown,
  body .vhb-nav-archives-dropdown{
    position:relative!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  #vhb-app .vhb-nav-archives-dropdown > summary,
  body .vhb-nav-archives-dropdown > summary{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-height:auto!important;
    margin:0!important;
    padding:4px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#dce1ea!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:780!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    list-style:none!important;
  }
  #vhb-app .vhb-nav-archives-dropdown > summary::-webkit-details-marker,
  body .vhb-nav-archives-dropdown > summary::-webkit-details-marker{
    display:none!important;
  }
  #vhb-app .vhb-nav-archives-dropdown > summary span,
  body .vhb-nav-archives-dropdown > summary span{
    font-size:11px!important;
    transition:transform .16s ease!important;
  }
  #vhb-app .vhb-nav-archives-dropdown[open] > summary span,
  body .vhb-nav-archives-dropdown[open] > summary span{
    transform:rotate(180deg)!important;
  }
  #vhb-app .vhb-nav-archives-dropdown.is-active > summary,
  #vhb-app .vhb-nav-archives-dropdown > summary:hover,
  #vhb-app .vhb-nav-archives-dropdown > summary:focus-visible,
  body .vhb-nav-archives-dropdown.is-active > summary,
  body .vhb-nav-archives-dropdown > summary:hover,
  body .vhb-nav-archives-dropdown > summary:focus-visible{
    color:#ff8200!important;
    outline:none!important;
  }
  #vhb-app .vhb-nav-archives-menu,
  body .vhb-nav-archives-menu{
    position:absolute!important;
    z-index:10020!important;
    top:calc(100% + 12px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    display:grid!important;
    gap:2px!important;
    width:max-content!important;
    min-width:190px!important;
    max-width:min(300px,80vw)!important;
    max-height:min(440px,70vh)!important;
    overflow-y:auto!important;
    padding:8px!important;
    border:1px solid rgba(255,130,0,.35)!important;
    border-radius:12px!important;
    background:rgba(7,9,13,.98)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.58)!important;
  }
  #vhb-app .vhb-nav-archives-menu a,
  body .vhb-nav-archives-menu a{
    display:block!important;
    min-height:0!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#e4e8ef!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:760!important;
    letter-spacing:.025em!important;
    text-transform:none!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-nav-archives-menu a:hover,
  #vhb-app .vhb-nav-archives-menu a:focus-visible,
  body .vhb-nav-archives-menu a:hover,
  body .vhb-nav-archives-menu a:focus-visible{
    background:rgba(255,130,0,.12)!important;
    color:#ff9d2e!important;
    outline:none!important;
  }
}
@media (min-width:701px) and (max-width:1150px){
  #vhb-app .vhb-nav-archives-dropdown > summary,
  body .vhb-nav-archives-dropdown > summary{
    font-size:10px!important;
    letter-spacing:.045em!important;
  }
}
@media (max-width:700px){
  html body #vhb-app .vhb-archive-layout,
  html body .vhb-archive-layout{
    padding-top:14px!important;
  }
  html body #vhb-app .vhb-archive-hero,
  html body .vhb-archive-hero{
    margin-top:0!important;
    margin-bottom:14px!important;
  }
}

/* v0.2.113EP — Mobile Archives fixed-header clearance authority.
   EO's 14px nudge was too small because the compact fixed header still covered
   the upper portion of the archive hero. Give archive landing/category routes a
   full route-level clearance before their first visible block. */
@media (max-width:700px){
  html body #vhb-app .vhb-archive-layout,
  html body .vhb-archive-layout{
    padding-top:56px!important;
  }
  html body #vhb-app .vhb-archive-hero,
  html body .vhb-archive-hero{
    margin-top:0!important;
    margin-bottom:14px!important;
  }
}


/* v0.2.113ES — final mobile Archives hero/header separation.
   ER brought the hero border to the header edge. Add one more exact 14px rhythm
   so the full hero outline clears the fixed header by the same gap used between
   the hero and the first prop banner. */

/* v0.2.113EQ — structural mobile Archives hero clearance.
   The fixed compact-header stack can neutralize padding on the shared archive
   layout shell. Use a real first-child flow block immediately before the hero
   so its eyebrow can never render beneath the header paint layer. */
.vhb-archive-mobile-header-clearance{
  display:none!important;
}
@media (max-width:680px){
  html body #vhb-app .vhb-archive-main > .vhb-archive-mobile-header-clearance,
  html body .vhb-archive-main > .vhb-archive-mobile-header-clearance{
    display:block!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    flex:0 0 46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body #vhb-app .vhb-archive-layout,
  html body .vhb-archive-layout{
    padding-top:0!important;
  }
  html body #vhb-app .vhb-archive-hero,
  html body .vhb-archive-hero{
    margin-top:0!important;
  }
}

/* v0.2.113EU — Discussion thread readability polish.
   Give reply text clear editorial priority over the utility controls: slightly
   tighter body leading, a quiet centered inset divider, additional breathing
   room, muted/lighter action labels, and preserved orange Like emphasis. */
#vhb-app .vhb-post-text,
#vhb-app .vhb-post-text p,
body #vhb-app .vhb-post-text,
body #vhb-app .vhb-post-text p,
body .vhb-app .vhb-post-text,
body .vhb-app .vhb-post-text p{
  line-height:1.38!important;
}

#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  column-gap:14px!important;
  row-gap:6px!important;
  margin-top:14px!important;
}

#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  content:""!important;
  display:block!important;
  flex:0 0 60%!important;
  width:60%!important;
  height:1px!important;
  margin:0 20% 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  pointer-events:none!important;
}

#vhb-app .vhb-post-actions .vhb-action-link,
#vhb-app .vhb-post-actions .vhb-action-button,
#vhb-app .vhb-post-actions .vhb-delete-button,
#vhb-app .vhb-post-actions .vhb-inline-form button,
body #vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-button,
body #vhb-app .vhb-post-actions .vhb-delete-button,
body #vhb-app .vhb-post-actions .vhb-inline-form button,
body .vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-button,
body .vhb-app .vhb-post-actions .vhb-delete-button,
body .vhb-app .vhb-post-actions .vhb-inline-form button{
  color:rgba(255,255,255,.70)!important;
  font-weight:650!important;
}

#vhb-app .vhb-post-actions .vhb-action-link:hover,
#vhb-app .vhb-post-actions .vhb-action-link:focus-visible,
#vhb-app .vhb-post-actions .vhb-action-button:hover,
#vhb-app .vhb-post-actions .vhb-action-button:focus-visible,
#vhb-app .vhb-post-actions .vhb-delete-button:hover,
#vhb-app .vhb-post-actions .vhb-delete-button:focus-visible,
#vhb-app .vhb-post-actions .vhb-inline-form button:hover,
#vhb-app .vhb-post-actions .vhb-inline-form button:focus-visible,
body #vhb-app .vhb-post-actions .vhb-action-link:hover,
body #vhb-app .vhb-post-actions .vhb-action-link:focus-visible,
body #vhb-app .vhb-post-actions .vhb-action-button:hover,
body #vhb-app .vhb-post-actions .vhb-action-button:focus-visible,
body #vhb-app .vhb-post-actions .vhb-delete-button:hover,
body #vhb-app .vhb-post-actions .vhb-delete-button:focus-visible,
body #vhb-app .vhb-post-actions .vhb-inline-form button:hover,
body #vhb-app .vhb-post-actions .vhb-inline-form button:focus-visible{
  color:#fff!important;
}

#vhb-app .vhb-post-actions .vhb-like-toggle,
#vhb-app .vhb-post-actions .vhb-like-static,
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-toggle,
body #vhb-app .vhb-post-actions .vhb-like-static,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-toggle,
body .vhb-app .vhb-post-actions .vhb-like-static,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-like-label{
  color:#ff9d2f!important;
  font-weight:750!important;
}

/* v0.2.113EV — Discussion action-row hierarchy refinement.
   Make the inset separator perceptible at normal viewing distance and bring
   utility labels closer to standard text weight while retaining orange Like emphasis. */
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  background:rgba(255,255,255,.24)!important;
}

#vhb-app .vhb-post-actions .vhb-action-link,
#vhb-app .vhb-post-actions .vhb-action-button,
#vhb-app .vhb-post-actions .vhb-delete-button,
#vhb-app .vhb-post-actions .vhb-inline-form button,
body #vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-button,
body #vhb-app .vhb-post-actions .vhb-delete-button,
body #vhb-app .vhb-post-actions .vhb-inline-form button,
body .vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-button,
body .vhb-app .vhb-post-actions .vhb-delete-button,
body .vhb-app .vhb-post-actions .vhb-inline-form button{
  font-weight:500!important;
}


/* v0.2.113EW — Like feedback, admin-only content IDs, Read More weight,
   and device-independent mathematical centering of the action divider. */
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  --vhb-action-divider-gap:14px;
  position:relative!important;
  margin-top:calc(var(--vhb-action-divider-gap) * 2)!important;
}
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  position:absolute!important;
  top:calc(var(--vhb-action-divider-gap) * -1)!important;
  left:20%!important;
  display:block!important;
  width:60%!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  background:rgba(255,255,255,.24)!important;
}
#vhb-app .vhb-read-more-toggle,
body #vhb-app .vhb-read-more-toggle,
body .vhb-app .vhb-read-more-toggle{
  font-weight:400!important;
}
#vhb-app .vhb-like-form,
body #vhb-app .vhb-like-form,
body .vhb-app .vhb-like-form{
  position:relative!important;
}
#vhb-app .vhb-like-feedback,
body #vhb-app .vhb-like-feedback,
body .vhb-app .vhb-like-feedback{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 12px)!important;
  z-index:30!important;
  width:max-content!important;
  max-width:min(310px,80vw)!important;
  padding:9px 13px!important;
  border:1px solid rgba(255,130,0,.62)!important;
  border-radius:12px!important;
  background:#0b0d11!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  white-space:normal!important;
  opacity:0!important;
  transform:translate(-50%,5px)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
#vhb-app .vhb-like-feedback::after,
body #vhb-app .vhb-like-feedback::after,
body .vhb-app .vhb-like-feedback::after{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  width:10px!important;
  height:10px!important;
  border-right:1px solid rgba(255,130,0,.62)!important;
  border-bottom:1px solid rgba(255,130,0,.62)!important;
  background:#0b0d11!important;
  transform:translate(-50%,-5px) rotate(45deg)!important;
}
#vhb-app .vhb-like-feedback.is-visible,
body #vhb-app .vhb-like-feedback.is-visible,
body .vhb-app .vhb-like-feedback.is-visible{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
#vhb-app .vhb-admin-content-id,
body #vhb-app .vhb-admin-content-id,
body .vhb-app .vhb-admin-content-id{
  display:inline-flex!important;
  align-items:center!important;
  color:rgba(255,255,255,.52)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.025em!important;
}
.vhb-board-view-head > div > .vhb-admin-content-id{
  margin-top:5px!important;
}


/* v0.2.113EX — corrective Board polish authority.
   Retire the legacy hover-generated Like tooltip, normalize the post-body ending,
   center the divider with equal flow spacing, and tighten the desktop/tablet
   Top Stories leader to the top of its feed column. */
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after{
  content:none!important;
  display:none!important;
}
#vhb-app .vhb-post-text > *:last-child,
body #vhb-app .vhb-post-text > *:last-child,
body .vhb-app .vhb-post-text > *:last-child{
  margin-bottom:0!important;
}
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  position:static!important;
  margin-top:0!important;
}
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  position:static!important;
  top:auto!important;
  left:auto!important;
  display:block!important;
  flex:0 0 60%!important;
  width:60%!important;
  height:1px!important;
  margin:14px 20%!important;
  padding:0!important;
  transform:none!important;
  background:rgba(255,255,255,.24)!important;
}
@media (min-width:701px){
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    margin-top:6px!important;
  }
}
\n\n/* v0.2.113EY — Board identity, Like hit-area, Activity context, and Home leader polish. */
#vhb-app .vhb-post-author,
body #vhb-app .vhb-post-author,
body .vhb-app .vhb-post-author{
  overflow:visible!important;
  min-height:min-content!important;
  align-self:stretch!important;
}
#vhb-app .vhb-post-author .vhb-achievement,
body #vhb-app .vhb-post-author .vhb-achievement,
body .vhb-app .vhb-post-author .vhb-achievement{
  max-width:100%!important;
  width:max-content!important;
  white-space:normal!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#vhb-app .vhb-member-profile-link,
body #vhb-app .vhb-member-profile-link,
body .vhb-app .vhb-member-profile-link{
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#vhb-app .vhb-member-profile-link:hover,
#vhb-app .vhb-member-profile-link:focus-visible{
  color:#ff9d2f!important;
}
#vhb-app .vhb-like-form,
body #vhb-app .vhb-like-form,
body .vhb-app .vhb-like-form{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
}
#vhb-app .vhb-post-actions .vhb-like-toggle,
body #vhb-app .vhb-post-actions .vhb-like-toggle,
body .vhb-app .vhb-post-actions .vhb-like-toggle{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  min-width:48px!important;
  min-height:32px!important;
}
#vhb-app .vhb-post-actions .vhb-like-toggle::before,
#vhb-app .vhb-post-actions .vhb-like-toggle::after,
body #vhb-app .vhb-post-actions .vhb-like-toggle::before,
body #vhb-app .vhb-post-actions .vhb-like-toggle::after,
body .vhb-app .vhb-post-actions .vhb-like-toggle::before,
body .vhb-app .vhb-post-actions .vhb-like-toggle::after{
  content:none!important;
  display:none!important;
  border:0!important;
}
#vhb-app .vhb-like-toggle .vhb-like-icon,
#vhb-app .vhb-like-toggle .vhb-like-label{
  pointer-events:none!important;
}
@media (min-width:701px){
  html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-feed-heading-universal,
  html body.home .vhb-universal-home-feed > .vhb-home-feed-heading-universal{
    margin-top:0!important;
    margin-bottom:4px!important;
  }
}

/* v0.2.113EZ — Full member profile overlay routing and unified action-row rhythm. */
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:10px!important;
}
#vhb-app .vhb-post-actions > *,
body #vhb-app .vhb-post-actions > *,
body .vhb-app .vhb-post-actions > *{
  margin-left:0!important;
  margin-right:0!important;
}
#vhb-app .vhb-post-actions .vhb-action-link,
#vhb-app .vhb-post-actions .vhb-action-button,
#vhb-app .vhb-post-actions .vhb-delete-button,
#vhb-app .vhb-post-actions .vhb-inline-form button,
body #vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-button,
body #vhb-app .vhb-post-actions .vhb-delete-button,
body #vhb-app .vhb-post-actions .vhb-inline-form button,
body .vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-button,
body .vhb-app .vhb-post-actions .vhb-delete-button,
body .vhb-app .vhb-post-actions .vhb-inline-form button{
  font-weight:400!important;
}
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  order:-1!important;
  flex-basis:60%!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{column-gap:16px!important;}
}

/* v0.2.113FB — Dedicated discussion action-row spacing authority.
   The Like thumb and count now form one atomic action item in markup. Remove
   legacy minimum widths and per-path sizing so every row uses one predictable
   flex gap, regardless of count, Edit/Flag state, or admin overflow controls. */
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  column-gap:18px!important;
  row-gap:10px!important;
}
#vhb-app .vhb-post-actions > :not([hidden]),
body #vhb-app .vhb-post-actions > :not([hidden]),
body .vhb-app .vhb-post-actions > :not([hidden]){
  flex:0 0 auto!important;
  margin:0!important;
}
#vhb-app .vhb-post-actions .vhb-like-form,
body #vhb-app .vhb-post-actions .vhb-like-form,
body .vhb-app .vhb-post-actions .vhb-like-form{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
#vhb-app .vhb-post-actions .vhb-like-toggle,
body #vhb-app .vhb-post-actions .vhb-like-toggle,
body .vhb-app .vhb-post-actions .vhb-like-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 0!important;
  line-height:1.2!important;
}
#vhb-app .vhb-post-actions .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-label{
  display:inline-block!important;
  min-width:.65em!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  pointer-events:none!important;
}
#vhb-app .vhb-post-actions .vhb-action-link,
#vhb-app .vhb-post-actions .vhb-action-button,
#vhb-app .vhb-post-actions .vhb-delete-button,
body #vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-button,
body #vhb-app .vhb-post-actions .vhb-delete-button,
body .vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-button,
body .vhb-app .vhb-post-actions .vhb-delete-button{
  margin:0!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    column-gap:16px!important;
    row-gap:8px!important;
  }
}

/* v0.2.113FC: neutral CtT opponent-logo sizing and containment. */
body .vhb-countdown-widget img.vhb-opponent-logo{object-fit:contain!important;object-position:center!important;border-radius:0!important;}


/* v0.2.113FD — widget control-room and responsive utility polish */
.vhb-countdown-opponent-line{display:block;margin:0 0 5px;color:#fff;font-size:11px;line-height:1.15;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.vhb-countdown-first-game{grid-template-columns:1fr!important;justify-items:center!important}
.vhb-countdown-first-game .vhb-countdown-opponent-line,.vhb-countdown-first-game strong,.vhb-countdown-first-game em{grid-column:1!important}
.vhb-countdown-widget.vhb-logo-backplate-circle .vhb-opponent-logo,.vhb-countdown-widget.vhb-logo-backplate-square .vhb-opponent-logo{background:rgba(255,255,255,.94)!important;padding:5px!important;box-sizing:border-box!important;box-shadow:0 4px 14px rgba(0,0,0,.36)!important}
.vhb-countdown-widget.vhb-logo-backplate-circle .vhb-opponent-logo{border-radius:50%!important}
.vhb-countdown-widget.vhb-logo-backplate-square .vhb-opponent-logo{border-radius:10px!important}
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  body #vhb-app .vhb-trending-widget .vhb-trending-row strong,
  body #vhb-app .vhb-trending-widget .vhb-trending-row a,
  body #vhb-app .vhb-trending-widget .vhb-trending-title{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-height:1.25!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row{align-items:flex-start!important;min-height:0!important;height:auto!important}
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-mode>.vhb-mobile-home-countdown,
  html body.home .vhb-home-mode>.vhb-mobile-home-countdown{display:block!important;visibility:visible!important;order:-20!important;width:100%!important;margin:0 0 14px!important}
  html body.home #vhb-app .vhb-mobile-editorial-feed>.vhb-online-card~.vhb-online-card,
  html body.home .vhb-mobile-editorial-feed>.vhb-online-card~.vhb-online-card{display:none!important}
}


/* v0.2.113FE — Countdown matchup visibility, tablet Trending flow, and
   phone-landscape singleton widget correction. */
.vhb-countdown-widget .vhb-countdown-first-game{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  grid-template-columns:none!important;
  text-align:center!important;
}
.vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line{
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 2px!important;
  padding:0!important;
  color:#ff9a2b!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  grid-column:1/-1!important;
}
.vhb-countdown-widget .vhb-countdown-first-game strong,
.vhb-countdown-widget .vhb-countdown-first-game em{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  grid-column:1/-1!important;
}
.vhb-countdown-preview-widget .vhb-countdown-opponent-line,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-opponent-line{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:0 0 2px!important;
  color:#ff9a2b!important;
  font-size:8px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  white-space:normal!important;
  overflow:visible!important;
}

@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  body #vhb-app .vhb-trending-widget .vhb-trending-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>strong{
    display:-webkit-box!important;
    position:static!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.22!important;
    max-height:3.66em!important;
    margin:0!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>small{
    display:block!important;
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    margin:5px 0 0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
  }
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-online-card,
  html body.home .vhb-online-card{
    display:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed>.vhb-online-card,
  html body.home .vhb-mobile-editorial-feed>.vhb-online-card{
    display:block!important;
  }
  html body.home #vhb-app .vhb-home-mode>.vhb-mobile-home-countdown,
  html body.home .vhb-home-mode>.vhb-mobile-home-countdown{
    display:block!important;
    visibility:visible!important;
    order:-20!important;
  }
}

/* v0.2.113FF — authoritative Trending counts, matchup typography, and
   phone-landscape Online Now singleton restoration. */
.vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line,
.vhb-countdown-preview-widget .vhb-countdown-opponent-line,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-opponent-line{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:none!important;
}
.vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line::before,
.vhb-countdown-preview-widget .vhb-countdown-opponent-line::before,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-opponent-line::before{content:'— ';}
.vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line::after,
.vhb-countdown-preview-widget .vhb-countdown-opponent-line::after,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-opponent-line::after{content:' —';}
.vhb-widget-field.vhb-logo-treatment-field{display:grid!important;gap:7px!important;}
.vhb-widget-field.vhb-logo-treatment-field .vhb-widget-field-title{display:block!important;color:#ffb15c!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;}

body #vhb-app .vhb-trending-widget .vhb-trending-row{
  grid-template-columns:28px minmax(0,1fr) auto!important;
  column-gap:12px!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p{min-width:0!important;}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p>strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.22!important;
  max-height:2.44em!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:42px!important;
  margin-left:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ff9a2b!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-count span{font-size:14px!important;line-height:1!important;}
body #vhb-app .vhb-trending-widget .vhb-trending-count b{font-size:12px!important;line-height:1!important;font-weight:800!important;}
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>strong{
    -webkit-line-clamp:3!important;
    max-height:3.66em!important;
  }
}

.vhb-mobile-home-online-singleton{display:contents;}
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-online-card,
  html body.home .vhb-online-card{display:none!important;}
  html body.home #vhb-app .vhb-mobile-home-online-singleton,
  html body.home .vhb-mobile-home-online-singleton{display:block!important;width:100%!important;}
  html body.home #vhb-app .vhb-mobile-home-online-singleton>.vhb-online-card,
  html body.home .vhb-mobile-home-online-singleton>.vhb-online-card{display:block!important;width:100%!important;}
  html body.home #vhb-app .vhb-mobile-home-online-singleton~.vhb-mobile-home-online-singleton,
  html body.home .vhb-mobile-home-online-singleton~.vhb-mobile-home-online-singleton{display:none!important;}
}


/* v0.2.113FG — CtT portrait fit, Trending title capacity, and responsive
   Online Now routing authority. */
.vhb-mobile-landscape-online{display:none;}

/* Preserve the clean score icon while giving titles substantially more room. */
body #vhb-app .vhb-trending-widget .vhb-trending-row{
  grid-template-columns:28px minmax(0,1fr) auto!important;
  column-gap:7px!important;
  padding-left:9px!important;
  padding-right:7px!important;
  align-items:center!important;
  height:auto!important;
  min-height:0!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:hidden!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p>strong{
  -webkit-line-clamp:3!important;
  max-height:3.66em!important;
  font-size:12px!important;
  line-height:1.22!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-count{
  min-width:34px!important;
  margin-left:3px!important;
  gap:4px!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-count span{font-size:13px!important;}
body #vhb-app .vhb-trending-widget .vhb-trending-count b{font-size:11.5px!important;}

@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  body #vhb-app .vhb-trending-widget .vhb-trending-row{
    grid-template-columns:26px minmax(0,1fr) auto!important;
    column-gap:6px!important;
    padding:9px 6px!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>strong{
    -webkit-line-clamp:4!important;
    max-height:4.72em!important;
    font-size:11.25px!important;
    line-height:1.18!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>small{
    margin-top:4px!important;
    font-size:9.5px!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-count{
    min-width:31px!important;
    margin-left:1px!important;
    gap:3px!important;
  }
  body #vhb-app .vhb-trending-widget .vhb-trending-count span{font-size:12px!important;}
  body #vhb-app .vhb-trending-widget .vhb-trending-count b{font-size:10.5px!important;}

  /* Narrow tablet rails: keep the matchup on one clean line. */
  body #vhb-app .vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line{
    font-size:9.5px!important;
    letter-spacing:.025em!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
}

/* Phone portrait CtT: widen and lower the date block, and scale the matchup
   line just enough to remain a single line without covering the hero art. */
@media (max-width:680px) and (orientation:portrait){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{
    right:2.5%!important;
    bottom:12.5%!important;
    width:39%!important;
    padding-left:0!important;
    gap:3px!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line{
    width:100%!important;
    font-size:clamp(8.5px,2.55vw,10.5px)!important;
    line-height:1.05!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game strong{
    font-size:clamp(9px,2.8vw,11px)!important;
    letter-spacing:.09em!important;
  }
}

/* One dedicated Online Now instance for phone landscape. Keep the existing CtT
   position and suppress rail/feed copies only in this exact mode. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-landscape-online,
  html body.home .vhb-mobile-landscape-online{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    margin:0 0 14px!important;
    order:-19!important;
  }
  html body.home #vhb-app .vhb-mobile-landscape-online > .vhb-online-card,
  html body.home .vhb-mobile-landscape-online > .vhb-online-card{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  html body.home #vhb-app .vhb-left-rail .vhb-online-card,
  html body.home #vhb-app .vhb-right-rail .vhb-online-card,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-online-card,
  html body.home .vhb-left-rail .vhb-online-card,
  html body.home .vhb-right-rail .vhb-online-card,
  html body.home .vhb-mobile-editorial-feed .vhb-online-card{
    display:none!important;
  }
}

/* v0.2.113FH — phone-landscape Online Now footer placement authority.
   The dedicated singleton is a direct layout child immediately before the
   footer, so it can no longer inherit CtT/top-of-feed ordering. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-mobile-landscape-online,
  html body.home .vhb-layout.vhb-home-v2-layout > .vhb-mobile-landscape-online{
    display:block!important;
    visibility:visible!important;
    grid-column:1 / -1!important;
    width:100%!important;
    order:98!important;
    margin:0!important;
    padding:0!important;
  }
  html body.home #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-mobile-landscape-online > .vhb-online-card,
  html body.home .vhb-layout.vhb-home-v2-layout > .vhb-mobile-landscape-online > .vhb-online-card{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  html body.home #vhb-app .vhb-layout.vhb-home-v2-layout > .vhb-site-footer,
  html body.home .vhb-layout.vhb-home-v2-layout > .vhb-site-footer{
    order:99!important;
    grid-column:1 / -1!important;
    margin-top:14px!important;
  }
}


/* v0.2.113FI — Recent Activity label cleanup, CtT flat type, and resilient
   Trending metadata flow. */
.vhb-countdown-widget .vhb-countdown-first-game .vhb-countdown-opponent-line,
.vhb-countdown-preview-widget .vhb-countdown-opponent-line,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-opponent-line,
.vhb-countdown-widget .vhb-countdown-first-game strong,
.vhb-countdown-widget .vhb-countdown-first-game em,
.vhb-countdown-preview-widget .vhb-countdown-first-game strong,
.vhb-countdown-preview-widget .vhb-countdown-first-game em,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game strong,
.vhb-countdown-mobile-preview-shell .vhb-countdown-admin-mobile-render .vhb-countdown-first-game em{
  text-shadow:none!important;
  filter:none!important;
}

/* Metadata must remain fully legible as titles consume additional lines. */
body #vhb-app .vhb-trending-widget .vhb-trending-row{
  height:auto!important;
  min-height:0!important;
  align-items:center!important;
  overflow:hidden!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p{
  overflow:visible!important;
  min-width:0!important;
}
body #vhb-app .vhb-trending-widget .vhb-trending-row>p>small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin-top:4px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  line-height:1.22!important;
}
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  body #vhb-app .vhb-trending-widget .vhb-trending-row>p>small{
    font-size:9px!important;
    line-height:1.18!important;
  }
}

/* v0.2.113FL — Topics Index hierarchy and readability pass.
   One authoritative row system across desktop, tablet, and mobile. */
.vhb-topic-board-panel .vhb-topic-table-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 94px 112px 94px 48px!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 20px!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  color:rgba(221,226,236,.62)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.vhb-topic-board-panel .vhb-topic-table-head span:not(:first-child){text-align:center!important;}
.vhb-topic-board-panel .vhb-topic-row,
.vhb-topic-board-panel .vhb-mock-topic-row{
  grid-template-columns:26px minmax(0,1fr) minmax(250px,318px) 34px 18px!important;
  grid-template-areas:"status body metrics admin chev"!important;
  align-items:center!important;
  column-gap:14px!important;
  min-height:104px!important;
  padding:18px 20px!important;
  background:linear-gradient(90deg,rgba(10,12,15,.68),rgba(15,18,23,.46))!important;
}
.vhb-topic-board-panel .vhb-topic-status{
  width:20px!important;
  padding-top:0!important;
  align-self:center!important;
  font-size:16px!important;
  opacity:.82!important;
}
.vhb-topic-board-panel .vhb-topic-titleline{
  margin:0 0 8px!important;
  gap:6px!important;
}
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  display:flex!important;
  min-width:0!important;
}
.vhb-topic-board-panel .vhb-topic-titleline a{
  font-size:clamp(17px,1.45vw,22px)!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
.vhb-topic-board-panel .vhb-topic-meta{
  gap:6px!important;
  color:rgba(220,225,235,.62)!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.vhb-topic-board-panel .vhb-topic-meta strong{
  color:#ff9a34!important;
  font-weight:650!important;
}
.vhb-topic-board-panel .vhb-mini-author,
.vhb-topic-board-panel .vhb-last-activity,
.vhb-topic-board-panel .vhb-admin-content-id{
  display:none!important;
}
.vhb-topic-board-panel .vhb-topic-metrics{
  grid-area:metrics!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(70px,1fr))!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.vhb-topic-board-panel .vhb-topic-count{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"num" "lab"!important;
  justify-items:center!important;
  justify-self:stretch!important;
  min-width:0!important;
  gap:4px!important;
  text-align:center!important;
}
.vhb-topic-board-panel .vhb-replies-count,
.vhb-topic-board-panel .vhb-participants-count,
.vhb-topic-board-panel .vhb-views-count{
  grid-area:auto!important;
  align-self:center!important;
  margin:0!important;
}
.vhb-topic-board-panel .vhb-topic-count-icon{
  display:none!important;
}
.vhb-topic-board-panel .vhb-topic-count strong{
  font-size:20px!important;
  font-weight:760!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){
  font-size:9px!important;
  font-weight:650!important;
  letter-spacing:.055em!important;
  color:rgba(199,207,220,.62)!important;
}
.vhb-topic-board-panel .vhb-topic-admin-slot{
  grid-area:admin!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
}
.vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  background:rgba(255,122,0,.10)!important;
}
.vhb-topic-board-panel .vhb-topic-row-chevron{
  grid-area:chev!important;
  width:18px!important;
  height:44px!important;
  font-size:34px!important;
}

@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-table-head{
    grid-template-columns:minmax(0,1fr) 72px 86px 72px 40px!important;
    padding-inline:14px!important;
  }
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:22px minmax(0,1fr) minmax(204px,246px) 32px 16px!important;
    padding:16px 14px!important;
    column-gap:10px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{grid-template-columns:repeat(3,minmax(58px,1fr))!important;gap:7px!important;}
  .vhb-topic-board-panel .vhb-topic-titleline a{font-size:18px!important;}
  .vhb-topic-board-panel .vhb-topic-meta{font-size:12px!important;}
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:18px!important;}
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){font-size:8px!important;}
}

@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-table-head{display:none!important;}
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:18px minmax(0,1fr) 64px 30px 14px!important;
    grid-template-areas:"status body metrics admin chev"!important;
    align-items:center!important;
    min-height:116px!important;
    padding:17px 10px 17px 12px!important;
    column-gap:7px!important;
  }
  .vhb-topic-board-panel .vhb-topic-status{
    align-self:start!important;
    margin-top:3px!important;
    width:16px!important;
    font-size:13px!important;
  }
  .vhb-topic-board-panel .vhb-topic-titleline{margin-bottom:9px!important;}
  .vhb-topic-board-panel .vhb-topic-titleline a{
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:-.012em!important;
  }
  .vhb-topic-board-panel .vhb-topic-meta{
    font-size:11.5px!important;
    line-height:1.35!important;
    gap:5px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:8px!important;
    width:64px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"num" "lab"!important;
    justify-items:end!important;
    text-align:right!important;
    gap:2px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:18px!important;}
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){font-size:7.5px!important;}
  .vhb-topic-board-panel .vhb-topic-admin-slot{min-width:30px!important;}
  .vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{width:28px!important;height:28px!important;min-width:28px!important;}
  .vhb-topic-board-panel .vhb-topic-row-chevron{width:14px!important;height:40px!important;font-size:28px!important;}
}

@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:15px minmax(0,1fr) 58px 28px 12px!important;
    padding-inline:8px!important;
    column-gap:5px!important;
  }
  .vhb-topic-board-panel .vhb-topic-titleline a{font-size:16px!important;}
  .vhb-topic-board-panel .vhb-topic-meta{font-size:10.5px!important;}
  .vhb-topic-board-panel .vhb-topic-metrics{width:58px!important;gap:7px!important;}
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:17px!important;}
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){font-size:7px!important;}
}

/* v0.2.113FM — mobile-landscape shell recovery and Topics Index icon alignment.
   Short, coarse-pointer landscape is a wide-phone mode, never a tablet/desktop rail layout. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:980px){
  html body #vhb-app,
  html body #vhb-app.vhb-app,
  html body .vhb-app{
    padding-top:calc(56px + env(safe-area-inset-top,0px) + 10px)!important;
    overflow-x:hidden!important;
  }

  html body #vhb-app > .vhb-shell,
  html body .vhb-app > .vhb-shell,
  html body .vhb-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  /* Reassert the compact mobile header after all tablet/header rules. */
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header,
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    display:block!important;
    position:fixed!important;
    top:env(safe-area-inset-top,0px)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
    background:#000!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08)!important;
    z-index:2147483000!important;
  }
  html body #vhb-app .vhb-site-header::before,
  html body .vhb-site-header::before,
  html body #vhb-app .vhb-site-header::after,
  html body .vhb-site-header::after{
    display:none!important;
    content:none!important;
  }
  html body #vhb-app .vhb-desktop-header-inner,
  html body .vhb-desktop-header-inner{
    display:none!important;
  }
  html body #vhb-app .vhb-mobile-compact-header,
  html body .vhb-mobile-compact-header{
    display:grid!important;
    grid-template-columns:minmax(68px,1fr) auto minmax(68px,1fr)!important;
    align-items:center!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0 14px!important;
    gap:10px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,rgba(9,11,15,.99),rgba(2,3,6,.99))!important;
  }
  html body #vhb-app .vhb-mobile-compact-header[data-vhb-compact-home="0"],
  html body .vhb-mobile-compact-header[data-vhb-compact-home="0"]{
    grid-template-columns:auto 1fr auto!important;
  }
  html body #vhb-app .vhb-compact-vh-mark,
  html body .vhb-compact-vh-mark{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:inline-flex!important;
    margin:0!important;
  }
  html body #vhb-app .vhb-compact-vh-mark img,
  html body .vhb-compact-vh-mark img{
    display:block!important;
    width:48px!important;
    max-width:48px!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  html body #vhb-app .vhb-compact-home-wordmark,
  html body .vhb-compact-home-wordmark{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:inline-flex!important;
  }
  html body #vhb-app .vhb-compact-home-wordmark img,
  html body .vhb-compact-home-wordmark img{
    width:min(176px,34vw)!important;
    max-width:176px!important;
    min-width:0!important;
    height:auto!important;
    transform:none!important;
  }
  html body #vhb-app .vhb-compact-actions,
  html body .vhb-compact-actions{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
  }

  /* Every non-Home application route uses one normal-flow content column. */
  html body:not(.home) #vhb-app .vhb-layout,
  html body:not(.home) .vhb-app .vhb-layout,
  html body #vhb-app .vhb-board-directory-layout,
  html body #vhb-app .vhb-board-view-layout,
  html body #vhb-app .vhb-thread-layout,
  html body #vhb-app .vhb-article-layout,
  html body #vhb-app .vhb-archive-layout,
  html body .vhb-board-directory-layout,
  html body .vhb-board-view-layout,
  html body .vhb-thread-layout,
  html body .vhb-article-layout,
  html body .vhb-archive-layout{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-layout > .vhb-main,
  html body #vhb-app .vhb-board-directory-layout > .vhb-main,
  html body #vhb-app .vhb-board-view-layout > .vhb-main,
  html body #vhb-app .vhb-thread-layout > .vhb-main,
  html body #vhb-app .vhb-article-layout > .vhb-main,
  html body #vhb-app .vhb-article-layout > .vhb-article-main,
  html body #vhb-app .vhb-archive-layout > .vhb-main,
  html body #vhb-app .vhb-archive-layout > .vhb-archive-main{
    display:block!important;
    order:1!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  /* Match the established phone Board experience: no squeezed desktop rails. */
  html body:not(.home) #vhb-app .vhb-layout > .vhb-left-rail,
  html body:not(.home) #vhb-app .vhb-layout > .vhb-right-rail,
  html body:not(.home) #vhb-app .vhb-layout > .vhb-sidebar,
  html body #vhb-app .vhb-board-directory-layout > .vhb-left-rail,
  html body #vhb-app .vhb-board-directory-layout > .vhb-right-rail,
  html body #vhb-app .vhb-board-view-layout > .vhb-left-rail,
  html body #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html body #vhb-app .vhb-thread-layout > .vhb-left-rail,
  html body #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html body #vhb-app .vhb-article-layout > .vhb-left-rail,
  html body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html body #vhb-app .vhb-archive-layout > .vhb-left-rail,
  html body #vhb-app .vhb-archive-layout > .vhb-right-rail{
    display:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
  }
  html body:not(.home) #vhb-app .vhb-layout > .vhb-site-footer,
  html body #vhb-app .vhb-board-directory-layout > .vhb-site-footer,
  html body #vhb-app .vhb-board-view-layout > .vhb-site-footer,
  html body #vhb-app .vhb-thread-layout > .vhb-site-footer,
  html body #vhb-app .vhb-article-layout > .vhb-site-footer,
  html body #vhb-app .vhb-archive-layout > .vhb-site-footer{
    order:99!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Contact has its own single-column shell; only normalize its width/offset. */
  html body #vhb-app .vhb-contact-shell,
  html body .vhb-contact-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-top:0!important;
    transform:none!important;
  }
}

/* Topic status icons belong beside the first title line, not the overall row. */
.vhb-topic-board-panel .vhb-topic-status{
  align-self:start!important;
  margin-top:2px!important;
}
.vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-status,
.vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-status{
  margin-top:47px!important;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-status,
  .vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-status{
    margin-top:43px!important;
  }
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-status{margin-top:3px!important;}
  .vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-status,
  .vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-status{
    margin-top:47px!important;
  }
  /* Slightly tighten the portrait metrics rail without changing the approved hierarchy. */
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:18px minmax(0,1fr) 60px 30px 14px!important;
    column-gap:6px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{width:60px!important;}
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:15px minmax(0,1fr) 56px 28px 12px!important;
    column-gap:4px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{width:56px!important;}
}

/* v0.2.113FN — compact-header containment, All Boards art removal, and
   title-line-owned Topic status icons. */

/* The decorative Big Orange art does not belong on the All Boards directory. */
#vhb-app .vhb-board-directory-layout .vhb-big-orange-art,
.vhb-app .vhb-board-directory-layout .vhb-big-orange-art{
  display:none!important;
}

/* Topic icons now live in the title structure itself, eliminating viewport-
   dependent margin guesses and keeping every icon beside the first title line. */
.vhb-topic-board-panel .vhb-topic-row,
.vhb-topic-board-panel .vhb-mock-topic-row{
  grid-template-columns:minmax(0,1fr) minmax(250px,318px) 34px 18px!important;
  grid-template-areas:"body metrics admin chev"!important;
}
.vhb-topic-board-panel .vhb-topic-titleline{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
}
.vhb-topic-board-panel .vhb-topic-badge-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.vhb-topic-board-panel .vhb-topic-title-main{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
.vhb-topic-board-panel .vhb-topic-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  margin:0!important;
  padding-top:.12em!important;
  align-self:flex-start!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:minmax(0,1fr) minmax(204px,246px) 32px 16px!important;
  }
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:minmax(0,1fr) 60px 30px 14px!important;
    grid-template-areas:"body metrics admin chev"!important;
  }
  .vhb-topic-board-panel .vhb-topic-title-main{gap:8px!important;}
  .vhb-topic-board-panel .vhb-topic-status{
    flex-basis:16px!important;
    width:16px!important;
    min-width:16px!important;
    font-size:13px!important;
    padding-top:.18em!important;
  }
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:minmax(0,1fr) 56px 28px 12px!important;
  }
}

/* Final phone-landscape header authority. The logged-in avatar owns column 1,
   the VH mark owns column 2, and actions own column 3. This prevents the avatar
   and VH mark from colliding and keeps every child inside the fixed bar. */
/* A short desktop/Safari viewport must not be mistaken for phone landscape.
   This is the final compact-header authority, so it must require both a
   phone-sized width and a coarse touch pointer. */
@media (orientation:landscape) and (max-height:560px) and (max-width:980px) and (hover:none) and (pointer:coarse){
  html body .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node,
  html body.vhb-compact-header-hoisted > .vhb-site-header{
    position:fixed!important;
    inset:env(safe-area-inset-top,0px) 0 auto 0!important;
    width:100%!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    z-index:2147483000!important;
    background:#030408!important;
  }
  html body .vhb-site-header > .vhb-desktop-header-inner{display:none!important;}
  html body .vhb-site-header > .vhb-mobile-compact-header{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 92px!important;
    grid-template-rows:64px!important;
    align-items:center!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 18px!important;
    margin:0!important;
    gap:10px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#080a0f,#020306)!important;
  }
  html body .vhb-site-header .vhb-compact-home-avatar{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    margin:0!important;
    transform:none!important;
  }
  html body .vhb-site-header .vhb-compact-home-avatar img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  html body .vhb-site-header .vhb-compact-logo,
  html body .vhb-site-header .vhb-compact-vh-mark,
  html body .vhb-site-header .vhb-compact-home-wordmark{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body .vhb-site-header .vhb-compact-vh-mark img{
    width:54px!important;
    max-width:54px!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  html body .vhb-site-header .vhb-compact-home-wordmark img{
    width:min(180px,34vw)!important;
    max-width:180px!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  html body .vhb-site-header .vhb-compact-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:92px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body .vhb-site-header .vhb-compact-icon,
  html body .vhb-site-header button.vhb-compact-icon{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body #vhb-app,
  html body .vhb-app{
    padding-top:calc(64px + env(safe-area-inset-top,0px) + 10px)!important;
  }
}

/* v0.2.113FO — Topics Index icon simplification and numerical place integrity. */

/* Regular Topics no longer reserve an empty icon gutter. Title and metadata
   share the same left edge. Only a genuinely pinned Topic renders the pin. */
.vhb-topic-board-panel .vhb-topic-title-main{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status{
  position:absolute!important;
  top:.05em!important;
  left:0!important;
  display:inline-flex!important;
  width:22px!important;
  min-width:22px!important;
  height:1.2em!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:16px!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status + .vhb-topic-title-admin-wrap{
  display:block!important;
  padding-left:30px!important;
}
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

/* Phone Topics use one disciplined, fixed-width metric rail. Every value is
   right aligned with tabular figures so 8, 83, 408 and 1,024 keep place integrity. */
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:minmax(0,1fr) 78px 32px 15px!important;
    grid-template-areas:"body metrics admin chev"!important;
    column-gap:8px!important;
    padding:18px 10px 18px 22px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:minmax(34px,auto)!important;
    align-content:center!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:7px!important;
    width:78px!important;
    min-width:78px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"num" "lab"!important;
    justify-items:end!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:2px!important;
    text-align:right!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:right!important;
    font-variant-numeric:tabular-nums lining-nums!important;
    font-feature-settings:"tnum" 1,"lnum" 1!important;
    white-space:nowrap!important;
  }
  .vhb-topic-board-panel .vhb-topic-count span:not(.vhb-topic-count-icon){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:visible!important;
    letter-spacing:.04em!important;
  }
  .vhb-topic-board-panel .vhb-topic-admin-slot{
    width:32px!important;
    min-width:32px!important;
    justify-content:center!important;
  }
  .vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border:1px solid rgba(255,122,0,.78)!important;
    border-radius:50%!important;
  }
  .vhb-topic-board-panel .vhb-topic-row-chevron{
    width:15px!important;
    min-width:15px!important;
    height:42px!important;
    align-self:center!important;
  }
  .vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status{
    width:20px!important;
    min-width:20px!important;
    font-size:15px!important;
  }
  .vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status + .vhb-topic-title-admin-wrap{
    padding-left:28px!important;
  }
}

@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:minmax(0,1fr) 74px 30px 14px!important;
    column-gap:7px!important;
    padding-left:20px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{
    width:74px!important;
    min-width:74px!important;
  }
  .vhb-topic-board-panel .vhb-topic-admin-slot{
    width:30px!important;
    min-width:30px!important;
  }
  .vhb-topic-board-panel .vhb-topic-row .vhb-modtool-trigger{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
  }
}

/* v0.2.113FP — pinned Guidelines icon placement and admin/navigation spacing. */
/* Keep the pushpin in normal flow beside the Topic title. This prevents the
   pinned badge row or metadata height from pulling the icon out of position. */
.vhb-topic-board-panel .vhb-topic-title-main{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:.08em 0 0 0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status + .vhb-topic-title-admin-wrap,
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  flex:1 1 auto!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  padding-left:0!important;
}

@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-title-main{
    gap:9px!important;
  }
  .vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status{
    width:auto!important;
    min-width:0!important;
    font-size:15px!important;
    margin-top:.1em!important;
  }
  .vhb-topic-board-panel .vhb-topic-title-main > .vhb-topic-status + .vhb-topic-title-admin-wrap{
    padding-left:0!important;
  }
  /* Give the admin trigger and ordinary navigation chevron a little more
     separation while retaining their independent click targets. */
  .vhb-topic-board-panel .vhb-topic-admin-slot{
    margin-right:3px!important;
  }
  .vhb-topic-board-panel .vhb-topic-row-chevron{
    margin-left:2px!important;
  }
}


/* v0.2.113FQ — definitive pinned Guidelines heading-row containment. */
/* The pin and title now share their own explicit inline-flex row inside the
   title wrapper. Metadata remains a separate sibling below, so legacy grid
   area rules cannot strand the pin between title and metadata. */
.vhb-topic-board-panel .vhb-topic-title-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.vhb-topic-board-panel .vhb-topic-title-admin-wrap{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-left:0!important;
}
.vhb-topic-board-panel .vhb-topic-heading-row{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:top!important;
}
.vhb-topic-board-panel .vhb-topic-heading-row > .vhb-topic-status{
  position:static!important;
  grid-area:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:1.15em!important;
  margin:.08em 0 0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1!important;
  align-self:flex-start!important;
}
.vhb-topic-board-panel .vhb-topic-heading-row > a{
  min-width:0!important;
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-heading-row{gap:9px!important;}
  .vhb-topic-board-panel .vhb-topic-heading-row > .vhb-topic-status{
    font-size:15px!important;
    margin-top:.1em!important;
  }
}


/* v0.2.113FR — pinned Guidelines title-row final authority.
   The pin/title pair is a two-column grid; pinned metadata uses the identical
   text-column inset. This deliberately overrides every historical status-icon
   grid/flex rule without affecting ordinary Topic rows. */
.vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-heading-row,
.vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-heading-row{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}
.vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-heading-row > .vhb-topic-status,
.vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-heading-row > .vhb-topic-status{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  height:auto!important;
  margin:.08em 0 0!important;
  padding:0!important;
  transform:none!important;
  font-size:16px!important;
  line-height:1!important;
  text-align:left!important;
}
.vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-heading-row > a,
.vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-heading-row > a{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  align-self:start!important;
  justify-self:start!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-meta,
.vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-meta{
  padding-left:32px!important;
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-heading-row,
  .vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-heading-row{
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  .vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-heading-row > .vhb-topic-status,
  .vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-heading-row > .vhb-topic-status{
    width:20px!important;
    min-width:20px!important;
    font-size:15px!important;
  }
  .vhb-topic-board-panel .vhb-topic-row.is-pinned .vhb-topic-meta,
  .vhb-topic-board-panel .vhb-mock-topic-row.is-pinned .vhb-topic-meta{
    padding-left:29px!important;
  }
}

/* v0.2.113FT — Vol Hoops achievement medallion system.
   Rank remains textual; achievements use the exact same production SVG assets
   in post cards, profile overlays, and the admin rewards library. */
#vhb-app .vhb-post-achievements,
body #vhb-app .vhb-post-achievements{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:9px auto 0!important;
  max-width:100%!important;
}
#vhb-app .vhb-achievement-icon,
body #vhb-app .vhb-achievement-icon{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:help!important;
  outline:none!important;
  line-height:1!important;
  vertical-align:middle!important;
  z-index:2!important;
}
#vhb-app .vhb-achievement-icon .vhb-achievement-art,
body #vhb-app .vhb-achievement-icon .vhb-achievement-art{
  display:block!important;
  width:28px!important;
  height:28px!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#vhb-app .vhb-achievement-icon:hover,
#vhb-app .vhb-achievement-icon:focus-visible,
body #vhb-app .vhb-achievement-icon:hover,
body #vhb-app .vhb-achievement-icon:focus-visible{
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 0 7px rgba(255,122,0,.38))!important;
}
#vhb-app .vhb-achievement-icon::after,
body #vhb-app .vhb-achievement-icon::after{
  content:attr(data-vhb-achievement)!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  transform:translate(-50%,4px)!important;
  z-index:1000!important;
  width:max-content!important;
  max-width:190px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,122,0,.42)!important;
  border-radius:8px!important;
  background:#090a0d!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.55)!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
}
#vhb-app .vhb-achievement-icon:hover::after,
#vhb-app .vhb-achievement-icon:focus::after,
body #vhb-app .vhb-achievement-icon:hover::after,
body #vhb-app .vhb-achievement-icon:focus::after{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}

/* Profile overlay: same exact art, full achievement names retained. */
#vhb-app .vhb-identity-badges .vhb-identity-badge,
body #vhb-app .vhb-identity-badges .vhb-identity-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:34px!important;
  padding:4px 10px 4px 5px!important;
  border:1px solid rgba(255,122,0,.34)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.38)!important;
  color:#ffd09a!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-identity-badges .vhb-achievement-art,
body #vhb-app .vhb-identity-badges .vhb-achievement-art{
  display:block!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0!important;
}
#vhb-app .vhb-identity-badges .vhb-badge-label,
body #vhb-app .vhb-identity-badges .vhb-badge-label{
  display:inline!important;
  transform:none!important;
}

/* Admin rewards library uses the production art, not emoji approximations. */
.vhb-badge-admin-item .vhb-admin-achievement-art{
  display:block!important;
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.vhb-badge-admin-item b{display:grid!important;place-items:center!important;min-width:38px!important;}

@media(max-width:680px){
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    margin:7px 0 0 54px!important;
    max-width:calc(100% - 54px)!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-achievement-icon,
  body #vhb-app .vhb-achievement-icon,
  #vhb-app .vhb-achievement-icon .vhb-achievement-art,
  body #vhb-app .vhb-achievement-icon .vhb-achievement-art{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    flex-basis:26px!important;
  }
}

@media(max-height:520px) and (orientation:landscape){
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements{
    margin-left:0!important;
    max-width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
  #vhb-app .vhb-achievement-icon,
  body #vhb-app .vhb-achievement-icon,
  #vhb-app .vhb-achievement-icon .vhb-achievement-art,
  body #vhb-app .vhb-achievement-icon .vhb-achievement-art{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    flex-basis:24px!important;
  }
}

/* v0.2.113FY — Reply-card identity top rail and timestamp polish.
   Desktop/tablet move the existing author identity into a full-width top rail:
   avatar + username + rank on the first line, achievement medallions on one line
   beneath the username. Post metadata remains in the top rail at right. Mobile
   keeps its established stacked placement while sharing the quieter timestamp style. */
#vhb-app .vhb-post-top,
body #vhb-app .vhb-post-top,
body .vhb-app .vhb-post-top{
  align-items:center!important;
  color:rgba(207,211,220,.72)!important;
  font-weight:400!important;
}
#vhb-app .vhb-post-top time,
#vhb-app .vhb-post-top .vhb-edited-marker,
body #vhb-app .vhb-post-top time,
body #vhb-app .vhb-post-top .vhb-edited-marker,
body .vhb-app .vhb-post-top time,
body .vhb-app .vhb-post-top .vhb-edited-marker{
  color:rgba(207,211,220,.72)!important;
  font-weight:400!important;
  opacity:1!important;
}
#vhb-app .vhb-post-top .vhb-edited-marker::before,
body #vhb-app .vhb-post-top .vhb-edited-marker::before,
body .vhb-app .vhb-post-top .vhb-edited-marker::before{
  content:"•"!important;
  display:inline-block!important;
  margin:0 9px!important;
  color:rgba(207,211,220,.58)!important;
}

/* Desktop and full-height tablet only. Short landscape phones retain the
   established wide-mobile discussion-card rules. */
@media (min-width:681px) and (min-height:521px){
  #vhb-app .vhb-post-card,
  body #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"author" "content"!important;
    gap:0!important;
    padding:18px!important;
  }
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    grid-area:author!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0 0 14px!important;
    padding:0 0 14px!important;
    border-right:0!important;
    border-bottom:1px solid var(--vhb-border)!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-author-row,
  body #vhb-app .vhb-author-row,
  body .vhb-app .vhb-author-row{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    padding-right:300px!important;
  }
  #vhb-app .vhb-author-avatar,
  body #vhb-app .vhb-author-avatar,
  body .vhb-app .vhb-author-avatar{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
  }
  #vhb-app .vhb-author-avatar img,
  #vhb-app .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-author-avatar img,
  body #vhb-app .vhb-author-avatar .vhb-default-avatar,
  body .vhb-app .vhb-author-avatar img,
  body .vhb-app .vhb-author-avatar .vhb-default-avatar{
    width:58px!important;
    height:58px!important;
  }
  #vhb-app .vhb-author-identity,
  body #vhb-app .vhb-author-identity,
  body .vhb-app .vhb-author-identity{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    min-width:0!important;
  }
  #vhb-app .vhb-post-author strong,
  body #vhb-app .vhb-post-author strong,
  body .vhb-app .vhb-post-author strong{
    display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:260px!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-post-author .vhb-rank,
  body #vhb-app .vhb-post-author .vhb-rank,
  body .vhb-app .vhb-post-author .vhb-rank{
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    max-width:calc(100% - 370px)!important;
    min-height:28px!important;
    margin:6px 0 0 70px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-post-content,
  body #vhb-app .vhb-post-content,
  body .vhb-app .vhb-post-content{
    grid-area:content!important;
    min-width:0!important;
  }
  #vhb-app .vhb-post-top,
  body #vhb-app .vhb-post-top,
  body .vhb-app .vhb-post-top{
    position:absolute!important;
    top:22px!important;
    right:20px!important;
    left:auto!important;
    z-index:3!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:auto!important;
    max-width:285px!important;
    margin:0!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
}

/* Mobile portrait and short landscape: retain the approved identity placement,
   but make the created/edited metadata one quiet, legible line. */
@media (max-width:680px), (max-height:520px) and (orientation:landscape){
  #vhb-app .vhb-post-top,
  body #vhb-app .vhb-post-top,
  body .vhb-app .vhb-post-top{
    display:flex!important;
    justify-content:flex-start!important;
    gap:0!important;
    flex-wrap:wrap!important;
    margin-bottom:12px!important;
    font-size:12px!important;
  }
}

/* v0.2.113GA — shared public pagination */
.vhb-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:24px 0 8px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vhb-archive-main > .vhb-pagination:first-of-type{margin:0 0 22px;}
.vhb-archive-main .vhb-archive-grid + .vhb-pagination{margin-top:24px;margin-bottom:4px;}
.vhb-page-link{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:linear-gradient(180deg,#202329 0%,#15171c 100%);
  color:#f5f6f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 12px rgba(0,0,0,.24);
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
  font-variant-numeric:tabular-nums;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease;
}
.vhb-page-link:hover,.vhb-page-link:focus-visible{
  background:linear-gradient(180deg,#2b2e35 0%,#1b1e24 100%);
  border-color:rgba(255,130,0,.55);
  color:#fff!important;
  outline:none;
  transform:translateY(-1px);
}
.vhb-page-link.is-current{
  background:#ff8200;
  border-color:#ff8200;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 14px rgba(255,130,0,.20);
  cursor:default;
}
.vhb-page-nav{min-width:auto;padding:0 14px;gap:7px;}
.vhb-page-nav span{font-size:22px;font-weight:400;line-height:0;transform:translateY(-1px);}
.vhb-page-ellipsis{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:38px;
  color:#d9dde4;
  font-size:18px;
  font-weight:700;
  line-height:1;
}
.vhb-thread-layout .vhb-main > .vhb-pagination{margin-top:22px;margin-bottom:22px;}
.vhb-topic-board-panel > .vhb-pagination{margin-top:22px;margin-bottom:8px;}
@media(max-width:680px){
  .vhb-pagination{gap:6px;margin-top:20px;}
  .vhb-page-link{min-width:34px;height:36px;padding:0 10px;font-size:13px;}
  .vhb-page-nav{padding:0 11px;}
  .vhb-page-ellipsis{min-width:18px;height:36px;font-size:16px;}
}
@media(max-width:390px){
  .vhb-pagination{gap:5px;}
  .vhb-page-link{min-width:32px;height:34px;padding:0 8px;font-size:12px;}
  .vhb-page-nav{padding:0 9px;}
  .vhb-page-ellipsis{min-width:14px;height:34px;}
}

/* v0.2.113GA — pagination edge navigation + responsive sliding window */
.vhb-page-nav b{font:inherit;font-weight:700;}
.vhb-page-edge span{font-size:20px;letter-spacing:-.08em;}
@media(max-width:680px){
  .vhb-page-number-outer{display:none!important;}
  .vhb-page-edge b{display:none;}
  .vhb-page-edge{min-width:34px;padding:0 9px;}
}
@media(max-width:430px){
  .vhb-page-prev b,.vhb-page-next b{display:none;}
  .vhb-page-prev,.vhb-page-next{min-width:32px;padding:0 8px;}
}


/* v0.2.113GB — navigation deployment and close-control micro hotfix. */
@media (min-width:1151px) and (hover:hover) and (pointer:fine){
  #vhb-app .vhb-nav-archives-dropdown::after,
  body .vhb-nav-archives-dropdown::after{
    content:""!important;
    position:absolute!important;
    left:-12px!important;
    right:-12px!important;
    top:100%!important;
    height:14px!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
}

/* v0.2.113GC — compact menu uses the existing animated hamburger-to-X header
   control; no redundant close button or reserved top-padding inside the panel. */
html body .vhb-compact-menu{
  padding-top:8px!important;
}


/* v0.2.113GD — calmer discussion metadata + true Like/Unlike toggle.
   Post reference and age now share the action row at bottom right on every
   device. Edited metadata is intentionally absent from the reading surface. */
#vhb-app .vhb-post-top,
body #vhb-app .vhb-post-top,
body .vhb-app .vhb-post-top{
  display:none!important;
}
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
}
#vhb-app .vhb-post-footer-meta,
body #vhb-app .vhb-post-footer-meta,
body .vhb-app .vhb-post-footer-meta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:7px!important;
  margin:0 0 0 auto!important;
  padding:4px 0!important;
  color:rgba(207,211,220,.62)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#vhb-app .vhb-post-footer-meta time,
#vhb-app .vhb-post-footer-meta .vhb-post-ref,
#vhb-app .vhb-post-footer-meta .vhb-post-meta-sep,
body #vhb-app .vhb-post-footer-meta time,
body #vhb-app .vhb-post-footer-meta .vhb-post-ref,
body #vhb-app .vhb-post-footer-meta .vhb-post-meta-sep{
  color:inherit!important;
  font:inherit!important;
}
#vhb-app .vhb-post-footer-meta .vhb-post-meta-sep,
body #vhb-app .vhb-post-footer-meta .vhb-post-meta-sep{
  opacity:.62!important;
}
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked{
  cursor:pointer!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    column-gap:11px!important;
  }
  #vhb-app .vhb-post-actions .vhb-action-link,
  #vhb-app .vhb-post-actions .vhb-action-button,
  #vhb-app .vhb-post-actions .vhb-delete-button,
  body #vhb-app .vhb-post-actions .vhb-action-link,
  body #vhb-app .vhb-post-actions .vhb-action-button,
  body #vhb-app .vhb-post-actions .vhb-delete-button{
    font-size:11px!important;
  }
  #vhb-app .vhb-post-footer-meta,
  body #vhb-app .vhb-post-footer-meta,
  body .vhb-app .vhb-post-footer-meta{
    gap:5px!important;
    font-size:11px!important;
  }
}
@media(max-width:380px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    column-gap:8px!important;
  }
  #vhb-app .vhb-post-actions .vhb-action-link,
  #vhb-app .vhb-post-actions .vhb-action-button,
  #vhb-app .vhb-post-actions .vhb-delete-button,
  body #vhb-app .vhb-post-actions .vhb-action-link,
  body #vhb-app .vhb-post-actions .vhb-action-button,
  body #vhb-app .vhb-post-actions .vhb-delete-button,
  #vhb-app .vhb-post-footer-meta,
  body #vhb-app .vhb-post-footer-meta{
    font-size:10.5px!important;
  }
}

/* v0.2.113GE — discussion footer restoration.
   GD placed the legacy divider pseudo-element into the same no-wrap flex row
   as the controls, consuming 60% of the row and forcing the actual footer
   content outside the card. Keep the divider visually centered above the
   footer while removing it from flex layout calculations. */
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-top:29px!important;
  overflow:visible!important;
}
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:20%!important;
  right:auto!important;
  display:block!important;
  order:initial!important;
  flex:none!important;
  flex-basis:auto!important;
  width:60%!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:rgba(255,255,255,.24)!important;
  pointer-events:none!important;
}
#vhb-app .vhb-post-actions > :not([hidden]),
body #vhb-app .vhb-post-actions > :not([hidden]),
body .vhb-app .vhb-post-actions > :not([hidden]){
  min-width:0!important;
}
#vhb-app .vhb-post-footer-meta,
body #vhb-app .vhb-post-footer-meta,
body .vhb-app .vhb-post-footer-meta{
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  margin-left:auto!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    column-gap:10px!important;
  }
  #vhb-app .vhb-post-footer-meta,
  body #vhb-app .vhb-post-footer-meta,
  body .vhb-app .vhb-post-footer-meta{
    margin-left:auto!important;
    flex-shrink:0!important;
  }
}
@media(max-width:380px){
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    column-gap:7px!important;
  }
}

/* v0.2.113GF — discussion-card vertical rhythm and footer alignment polish. */
#vhb-app .vhb-post-footer-meta,
body #vhb-app .vhb-post-footer-meta,
body .vhb-app .vhb-post-footer-meta{
  margin-left:auto!important;
  justify-content:flex-end!important;
  text-align:right!important;
}

/* T188: a recent edited timestamp adds a third footer datum. On phones, give that
   canonical metadata its own row so Reply, Quote, Like, and moderation actions
   never clip or compress. Unedited cards retain the established one-row footer. */
@media(max-width:680px){
  #vhb-app .vhb-post-was-edited .vhb-post-actions,
  body #vhb-app .vhb-post-was-edited .vhb-post-actions,
  body .vhb-app .vhb-post-was-edited .vhb-post-actions{
    flex-wrap:wrap!important;
    row-gap:5px!important;
  }
  #vhb-app .vhb-post-was-edited .vhb-post-footer-meta,
  body #vhb-app .vhb-post-was-edited .vhb-post-footer-meta,
  body .vhb-app .vhb-post-was-edited .vhb-post-footer-meta{
    flex:0 0 100%!important;
    width:100%!important;
    margin-left:0!important;
    padding-top:1px!important;
  }
}
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  padding-top:0!important;
  margin-top:18px!important;
}
#vhb-app .vhb-post-actions::before,
body #vhb-app .vhb-post-actions::before,
body .vhb-app .vhb-post-actions::before{
  display:none!important;
  content:none!important;
}
#vhb-app .vhb-post-author,
body #vhb-app .vhb-post-author,
body .vhb-app .vhb-post-author{
  border-bottom:0!important;
}
#vhb-app .vhb-author-row,
body #vhb-app .vhb-author-row,
body .vhb-app .vhb-author-row{
  padding-top:5px!important;
}
#vhb-app .vhb-post-achievements,
body #vhb-app .vhb-post-achievements,
body .vhb-app .vhb-post-achievements{
  margin-top:3px!important;
}
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-formatted-quote-preview,
body #vhb-app .vhb-quote-preview,
body #vhb-app .vhb-formatted-quote-preview,
body .vhb-app .vhb-quote-preview,
body .vhb-app .vhb-formatted-quote-preview{
  padding-top:16px!important;
  padding-bottom:12px!important;
  margin-bottom:12px!important;
}
#vhb-app .vhb-quote-preview > p,
#vhb-app .vhb-formatted-quote-preview > p,
body #vhb-app .vhb-quote-preview > p,
body #vhb-app .vhb-formatted-quote-preview > p{
  margin-bottom:8px!important;
}
#vhb-app .vhb-reply-chain-toggle,
#vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body #vhb-app .vhb-reply-chain-toggle,
body #vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body .vhb-app .vhb-reply-chain-toggle,
body .vhb-app .vhb-reply-chain-toggle.vhb-action-link{
  margin-top:6px!important;
  margin-bottom:0!important;
  line-height:1.15!important;
}
@media (min-width:681px) and (min-height:521px){
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    margin-bottom:8px!important;
    padding-bottom:4px!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    margin-top:2px!important;
  }
}
@media(max-width:680px){
  #vhb-app .vhb-post-card,
  body #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    padding-top:22px!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    margin-top:4px!important;
  }
  #vhb-app .vhb-quote-preview,
  #vhb-app .vhb-formatted-quote-preview,
  body #vhb-app .vhb-quote-preview,
  body #vhb-app .vhb-formatted-quote-preview{
    padding-top:14px!important;
    padding-bottom:10px!important;
  }
  #vhb-app .vhb-reply-chain-toggle,
  #vhb-app .vhb-reply-chain-toggle.vhb-action-link,
  body #vhb-app .vhb-reply-chain-toggle,
  body #vhb-app .vhb-reply-chain-toggle.vhb-action-link{
    margin-top:4px!important;
  }
}


/* v0.2.113GH — final discussion-card containment and vertical-rhythm authority.
   Give the footer two explicit groups so the post reference remains anchored at
   the far right, then refine the identity and quoted-reply spacing consistently
   across desktop, tablet, mobile portrait, and mobile landscape. */
#vhb-app .vhb-post-actions,
body #vhb-app .vhb-post-actions,
body .vhb-app .vhb-post-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
}
#vhb-app .vhb-post-actions-left,
body #vhb-app .vhb-post-actions-left,
body .vhb-app .vhb-post-actions-left{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  column-gap:14px!important;
  row-gap:0!important;
}
#vhb-app .vhb-post-footer-meta,
body #vhb-app .vhb-post-footer-meta,
body .vhb-app .vhb-post-footer-meta{
  display:inline-flex!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  text-align:right!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-author-row,
body #vhb-app .vhb-author-row,
body .vhb-app .vhb-author-row{
  padding-top:0!important;
}
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-formatted-quote-preview,
body #vhb-app .vhb-quote-preview,
body #vhb-app .vhb-formatted-quote-preview,
body .vhb-app .vhb-quote-preview,
body .vhb-app .vhb-formatted-quote-preview{
  padding-top:10px!important;
  padding-bottom:3px!important;
  margin-bottom:22px!important;
}
#vhb-app .vhb-quote-preview > p,
#vhb-app .vhb-formatted-quote-preview > p,
body #vhb-app .vhb-quote-preview > p,
body #vhb-app .vhb-formatted-quote-preview > p,
body .vhb-app .vhb-quote-preview > p,
body .vhb-app .vhb-formatted-quote-preview > p{
  margin-bottom:2px!important;
}
#vhb-app .vhb-reply-chain-toggle,
#vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body #vhb-app .vhb-reply-chain-toggle,
body #vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body .vhb-app .vhb-reply-chain-toggle,
body .vhb-app .vhb-reply-chain-toggle.vhb-action-link{
  margin-top:2px!important;
  margin-bottom:0!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-card,
  body #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    padding-top:16px!important;
  }
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:10px!important;
  }
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{
    gap:8px!important;
  }
  #vhb-app .vhb-quote-preview,
  #vhb-app .vhb-formatted-quote-preview,
  body #vhb-app .vhb-quote-preview,
  body #vhb-app .vhb-formatted-quote-preview,
  body .vhb-app .vhb-quote-preview,
  body .vhb-app .vhb-formatted-quote-preview{
    padding-top:9px!important;
    padding-bottom:3px!important;
    margin-bottom:20px!important;
  }
}
@media(max-width:380px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:7px!important;
  }
}


/* v0.2.113HB — Like Engine 2.0 presentation only; GH discussion-card geometry remains authoritative. */
#vhb-app .vhb-post-actions .vhb-like-toggle,
#vhb-app .vhb-post-actions .vhb-like-toggle:hover,
#vhb-app .vhb-post-actions .vhb-like-toggle:focus,
#vhb-app .vhb-post-actions .vhb-like-toggle:active,
#vhb-app .vhb-post-actions .vhb-like-label{
  text-decoration:none!important;
  text-decoration-line:none!important;
}
#vhb-app .vhb-post-actions .vhb-like-icon{
  transition:transform .12s ease,filter .12s ease!important;
}
#vhb-app .vhb-post-actions .vhb-like-static{
  position:relative!important;
  cursor:help!important;
}
@media (hover:hover) and (pointer:fine){
  #vhb-app .vhb-post-actions .vhb-like-toggle{
    position:relative!important;
  }
  #vhb-app .vhb-post-actions .vhb-like-toggle:hover .vhb-like-icon,
  #vhb-app .vhb-post-actions .vhb-like-toggle:focus-visible .vhb-like-icon{
    transform:translateY(-2px)!important;
    filter:brightness(1.08)!important;
  }
  #vhb-app .vhb-post-actions .vhb-like-toggle::after,
  #vhb-app .vhb-post-actions .vhb-like-static[data-vhb-self-like]::after{
    display:none!important;
    position:absolute!important;
    left:50%!important;
    bottom:calc(100% + 9px)!important;
    z-index:1000!important;
    width:max-content!important;
    max-width:min(280px,80vw)!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,130,0,.62)!important;
    border-radius:9px!important;
    background:#0b0d11!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  #vhb-app .vhb-post-actions .vhb-like-toggle:hover::after,
  #vhb-app .vhb-post-actions .vhb-like-toggle:focus-visible::after,
  #vhb-app .vhb-post-actions .vhb-like-static[data-vhb-self-like]:hover::after,
  #vhb-app .vhb-post-actions .vhb-like-static[data-vhb-self-like]:focus-visible::after{
    display:block!important;
  }
  #vhb-app .vhb-post-actions .vhb-like-toggle:not(.is-liked)::after{content:attr(data-vhb-hover-like)!important;}
  #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked::after{content:attr(data-vhb-hover-unlike)!important;}
  #vhb-app .vhb-post-actions .vhb-like-static[data-vhb-self-like]::after{content:attr(data-vhb-self-like-message)!important;}
}

/* v0.2.113HC — final discussion-card micro-polish.
   Restore the liked-state desktop tooltip with selector authority above the
   retired legacy suppression rule, add a touch of breathing room beneath the
   Reply Chain control, and widen only the mobile action-control rhythm. */
@media (hover:hover) and (pointer:fine){
  #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
  #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after,
  body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
  body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after,
  body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:hover::after,
  body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked:focus-visible::after{
    content:attr(data-vhb-hover-unlike)!important;
    display:block!important;
  }
}

#vhb-app .vhb-reply-chain-toggle,
#vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body #vhb-app .vhb-reply-chain-toggle,
body #vhb-app .vhb-reply-chain-toggle.vhb-action-link,
body .vhb-app .vhb-reply-chain-toggle,
body .vhb-app .vhb-reply-chain-toggle.vhb-action-link{
  margin-bottom:4px!important;
}

@media(max-width:680px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:14px!important;
  }
}
@media(max-width:380px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:10px!important;
  }
}

/* v0.2.113HD — Member flagging overlay */
html.vhb-flag-modal-open{overflow:hidden}.vhb-flag-modal{position:fixed;inset:0;z-index:100200;display:grid;place-items:center;padding:clamp(14px,4vw,34px);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.vhb-flag-modal.is-open{opacity:1;visibility:visible}.vhb-flag-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}.vhb-flag-dialog{position:relative;width:min(100%,560px);max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(255,130,0,.48);border-radius:26px;background:linear-gradient(145deg,#1a1d24,#0a0c10 78%);box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 42px rgba(255,130,0,.13);padding:clamp(22px,5vw,34px);color:#f5f6f8;transform:translateY(10px) scale(.985);transition:transform .18s ease}.vhb-flag-modal.is-open .vhb-flag-dialog{transform:none}.vhb-flag-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;background:transparent;color:#aeb3bd;font-size:30px;line-height:1;cursor:pointer}.vhb-flag-kicker{color:#ff9b32;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px}.vhb-flag-dialog h2{margin:0 38px 8px 0;color:#fff;font-size:clamp(22px,5vw,31px);line-height:1.12}.vhb-flag-intro,.vhb-flag-success p{color:#b9bec8;line-height:1.55;margin:0 0 20px}.vhb-flag-form{display:grid;gap:10px}.vhb-flag-choice{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.035);padding:11px 13px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.vhb-flag-choice:hover,.vhb-flag-choice:has(input:checked){border-color:rgba(255,130,0,.62);background:rgba(255,130,0,.075)}.vhb-flag-choice input{width:18px;height:18px;accent-color:#ff8200;flex:0 0 auto}.vhb-flag-choice b{font-size:14px;color:#f2f3f5}.vhb-flag-details{display:grid;gap:7px;margin-top:4px}.vhb-flag-details span{font-size:12px;font-weight:700;color:#d6dae1}.vhb-flag-details textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#090b0f;color:#fff;padding:12px;font:inherit;resize:vertical}.vhb-flag-error{margin:2px 0 0;padding:9px 11px;border-radius:11px;background:rgba(215,54,54,.15);color:#ffb9b9;font-size:13px}.vhb-flag-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.vhb-flag-cancel,.vhb-flag-submit{min-height:44px;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}.vhb-flag-cancel{border:1px solid rgba(255,255,255,.18);background:transparent;color:#c6cad2}.vhb-flag-submit{border:1px solid #ff8b18;background:linear-gradient(180deg,#ff9a31,#ff7200);color:#120a02;box-shadow:0 8px 24px rgba(255,116,0,.18)}.vhb-flag-submit:disabled{opacity:.58;cursor:wait}.vhb-flag-success{text-align:center;padding:18px 4px 4px}.vhb-flag-success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;border:2px solid #ff8a18;background:rgba(255,130,0,.1);color:#ff9b32;font-size:34px;font-weight:800}.vhb-flag-success h2{margin:0 0 8px}.vhb-flag-success .vhb-flag-submit{margin-top:8px;min-width:120px}.vhb-action-link.vhb-flag-trigger{font:inherit}.vhb-flag-toast{z-index:100300!important}
@media(max-width:680px){.vhb-flag-modal{align-items:end;padding:10px}.vhb-flag-dialog{width:100%;max-height:91vh;border-radius:24px 24px 18px 18px;padding:22px 17px 18px}.vhb-flag-choice{min-height:51px}.vhb-flag-actions{display:grid;grid-template-columns:1fr 1fr}.vhb-flag-cancel,.vhb-flag-submit{width:100%}}
@media(max-width:390px){.vhb-flag-dialog{padding-left:14px;padding-right:14px}.vhb-flag-choice{padding-left:10px;padding-right:10px}.vhb-flag-choice b{font-size:13px}}


/* v0.2.113HE — Guidelines/read-more, Topics heading rhythm, and flag overlay corrective polish. */
.vhb-topic-board-panel .vhb-board-view-head{margin-bottom:0!important;padding-bottom:0!important;}
.vhb-topic-board-panel .vhb-board-view-head + .vhb-topic-tabs{margin-top:0!important;}
.vhb-board-guidelines-post .vhb-read-more-toggle{display:none!important;}
.vhb-board-guidelines-post .vhb-post-text{display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
.vhb-flag-modal{z-index:2147483000!important;}
@media (max-width:1180px){
  .vhb-flag-modal{padding-top:max(14px,env(safe-area-inset-top))!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;}
  .vhb-flag-dialog{max-height:calc(100dvh - 28px)!important;}
}
@media (max-width:680px){
  .vhb-flag-modal{align-items:center!important;padding:10px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;}
  .vhb-flag-dialog{max-height:calc(100dvh - 20px)!important;}
}

/* v0.2.113HF — tablet quote-media containment, edited-content wrapping,
   Topics Index spacer removal, and single Flag-success toast authority. */
.vhb-topic-board-panel > .vhb-topic-tabs:empty,
.vhb-topic-board-panel > .vhb-topic-tabs[aria-hidden="true"]{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
}

/* Long uninterrupted text entered through Edit Post must never widen a card. */
#vhb-app .vhb-post-content,
#vhb-app .vhb-post-text,
#vhb-app .vhb-post-text p,
body #vhb-app .vhb-post-content,
body #vhb-app .vhb-post-text,
body #vhb-app .vhb-post-text p{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* Expanded YouTube players inside quoted/reply-chain bubbles must contribute
   their full intrinsic height on tablet instead of escaping the bubble flow. */
@media (min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-quote-preview,
  #vhb-app .vhb-formatted-quote-preview,
  #vhb-app .vhb-reply-chain,
  #vhb-app .vhb-lineage-preview,
  body #vhb-app .vhb-quote-preview,
  body #vhb-app .vhb-formatted-quote-preview,
  body #vhb-app .vhb-reply-chain,
  body #vhb-app .vhb-lineage-preview{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    contain:none!important;
  }
  #vhb-app .vhb-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  #vhb-app .vhb-formatted-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  #vhb-app .vhb-reply-chain .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  #vhb-app .vhb-lineage-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  body #vhb-app .vhb-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  body #vhb-app .vhb-formatted-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  body #vhb-app .vhb-reply-chain .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized),
  body #vhb-app .vhb-lineage-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized){
    position:relative!important;
    display:block!important;
    float:none!important;
    clear:both!important;
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:12px 0 16px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player,
  #vhb-app .vhb-formatted-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player,
  #vhb-app .vhb-reply-chain .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player,
  #vhb-app .vhb-lineage-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) .vhb-youtube-player{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    overflow:hidden!important;
  }
  #vhb-app .vhb-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) iframe,
  #vhb-app .vhb-formatted-quote-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) iframe,
  #vhb-app .vhb-reply-chain .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) iframe,
  #vhb-app .vhb-lineage-preview .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-minimized) iframe{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
  }
}


/* v0.2.113HG — Topics Index composer spacing + authoritative Flag toast */
.vhb-topic-form-wrap{
  padding:0!important;
  margin:0!important;
  min-height:0!important;
}
.vhb-topic-form-wrap:not(.is-open) details.vhb-composer:not([open]){
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
}
.vhb-topic-form-wrap.is-open{
  padding:0 14px 10px!important;
}
@media(max-width:680px){
  .vhb-topic-form-wrap.is-open{padding:0 12px 10px!important}
}
.vhb-flag-toast-current{
  position:fixed!important;
  left:50%!important;
  top:max(22px,calc(env(safe-area-inset-top) + 14px))!important;
  z-index:100500!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:min(92vw,420px)!important;
  box-sizing:border-box!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,130,0,.62)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#1b1e25,#0b0d12 82%)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.62),0 0 34px rgba(255,130,0,.16)!important;
  color:#fff!important;
  opacity:0!important;
  transform:translate(-50%,-10px)!important;
  transition:opacity .18s ease,transform .18s ease!important;
  pointer-events:none!important;
}
.vhb-flag-toast-current.is-visible{opacity:1!important;transform:translate(-50%,0)!important}
.vhb-flag-toast-ball{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,130,0,.12)!important;border:1px solid rgba(255,130,0,.48)!important;font-size:24px!important}
.vhb-flag-toast-copy{display:grid!important;gap:4px!important;min-width:0!important}
.vhb-flag-toast-copy strong{display:block!important;margin:0!important;color:#ffad55!important;font-size:17px!important;line-height:1.15!important;font-weight:850!important}
.vhb-flag-toast-copy em{display:block!important;margin:0!important;color:#c7ccd5!important;font-size:13px!important;line-height:1.35!important;font-style:normal!important}
@media(max-width:680px){
  .vhb-flag-toast-current{width:min(90vw,340px)!important;padding:14px 15px!important;gap:12px!important}
  .vhb-flag-toast-ball{flex-basis:40px!important;width:40px!important;height:40px!important;font-size:21px!important}
  .vhb-flag-toast-copy strong{font-size:16px!important}
}

/* v0.2.113HH — restore the large centered Flag confirmation panel. */
.vhb-flag-success-dialog{
  width:min(92vw,520px)!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
  padding:clamp(28px,6vw,42px)!important;
  text-align:center!important;
}
.vhb-flag-success-dialog .vhb-flag-success{
  display:grid!important;
  justify-items:center!important;
  gap:0!important;
  padding:4px 0 0!important;
}
.vhb-flag-success-dialog .vhb-flag-success-icon{
  width:76px!important;
  height:76px!important;
  margin:0 auto 20px!important;
  border-width:2px!important;
  font-size:38px!important;
  box-shadow:0 0 30px rgba(255,130,0,.16)!important;
}
.vhb-flag-success-dialog .vhb-flag-kicker{
  margin:0 0 8px!important;
}
.vhb-flag-success-dialog h2{
  margin:0 0 10px!important;
  font-size:clamp(26px,5vw,34px)!important;
  text-align:center!important;
}
.vhb-flag-success-dialog p{
  max-width:390px!important;
  margin:0 auto 24px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.vhb-flag-success-dialog .vhb-flag-done{
  width:auto!important;
  min-width:138px!important;
  margin:0 auto!important;
  padding:11px 24px!important;
}
/* HG's small transient toast is retired; no Flag success path should use it. */
.vhb-flag-toast-current{display:none!important;}
@media(max-width:680px){
  .vhb-flag-modal{align-items:center!important;place-items:center!important;}
  .vhb-flag-success-dialog{
    width:min(92vw,460px)!important;
    max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important;
    border-radius:24px!important;
    padding:30px 22px 26px!important;
  }
  .vhb-flag-success-dialog .vhb-flag-success-icon{
    width:68px!important;
    height:68px!important;
    font-size:34px!important;
  }
  .vhb-flag-success-dialog .vhb-flag-done{
    width:min(100%,220px)!important;
  }
}

/* v0.2.113HI — authoritative responsive TinyMCE toolbar recovery.
   Keep one continuous control stream so every available pixel is used before
   the next individual icon wraps. This supersedes earlier forced group/row
   breaks while preserving natural wrapping at genuinely narrow widths. */
@media (max-width:1100px){
  html body #wp-vhb_reply_box-wrap .mce-toolbar-grp,
  html body .vhb-rich-reply-field .mce-toolbar-grp{
    overflow:visible!important;
    white-space:normal!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-toolbar,
  html body #wp-vhb_reply_box-wrap .mce-flow-layout,
  html body .vhb-rich-reply-field .mce-toolbar,
  html body .vhb-rich-reply-field .mce-flow-layout{
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    align-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    gap:5px!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-btn-group,
  html body .vhb-rich-reply-field .mce-btn-group{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-btn,
  html body .vhb-rich-reply-field .mce-btn{
    flex:0 0 auto!important;
    margin:0!important;
  }
}

/* v0.2.113HK — mobile TinyMCE regression recovery.
   Restores the proven GW compact-toolbar behavior by allowing the existing
   single-stream flex layout to flatten TinyMCE groups at narrow widths.
   Desktop and tablet rules from HI remain unchanged. */
@media (max-width:760px){
  html body #wp-vhb_reply_box-wrap .mce-btn-group,
  html body .vhb-rich-reply-field .mce-btn-group{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
}

/* v0.2.113HL — authoritative mobile TinyMCE width and wrap correction.
   TinyMCE 4 nests the actual button flow inside the toolbar. On mobile the
   toolbar itself must remain a full-width block; only its inner flow layout
   should flex and wrap. Making the toolbar a flex container causes the inner
   flow to shrink-to-content in mobile Safari, producing the half-width panel. */
@media (max-width:760px){
  html body #wp-vhb_reply_box-wrap .mce-toolbar-grp,
  html body .vhb-rich-reply-field .mce-toolbar-grp,
  html body #wp-vhb_reply_box-wrap .mce-container-body.mce-stack-layout,
  html body .vhb-rich-reply-field .mce-container-body.mce-stack-layout,
  html body #wp-vhb_reply_box-wrap .mce-toolbar,
  html body .vhb-rich-reply-field .mce-toolbar{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-toolbar > .mce-container-body.mce-flow-layout,
  html body .vhb-rich-reply-field .mce-toolbar > .mce-container-body.mce-flow-layout{
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    align-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    box-sizing:border-box!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-toolbar > .mce-container-body.mce-flow-layout > .mce-btn-group,
  html body .vhb-rich-reply-field .mce-toolbar > .mce-container-body.mce-flow-layout > .mce-btn-group{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-toolbar .mce-btn,
  html body .vhb-rich-reply-field .mce-toolbar .mce-btn{
    flex:0 0 auto!important;
    margin:0!important;
  }
}


/* v0.2.113HM — mobile TinyMCE continuous inline-flow recovery.
   Mobile Safari did not reliably flatten TinyMCE button groups with
   display:contents, leaving each group as an early-wrap unit. Use a normal
   block formatting context for the toolbar and make group wrappers inline so
   every individual control participates in one shared line-wrapping stream. */
@media (max-width:760px){
  html body #wp-vhb_reply_box-wrap .mce-top-part,
  html body .vhb-rich-reply-field .mce-top-part,
  html body #wp-vhb_reply_box-wrap .mce-toolbar-grp,
  html body .vhb-rich-reply-field .mce-toolbar-grp,
  html body #wp-vhb_reply_box-wrap .mce-container-body.mce-stack-layout,
  html body .vhb-rich-reply-field .mce-container-body.mce-stack-layout,
  html body #wp-vhb_reply_box-wrap .mce-toolbar,
  html body .vhb-rich-reply-field .mce-toolbar,
  html body #wp-vhb_reply_box-wrap .mce-flow-layout,
  html body .vhb-rich-reply-field .mce-flow-layout{
    display:block!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-btn-group,
  html body .vhb-rich-reply-field .mce-btn-group{
    display:inline!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    white-space:normal!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-btn,
  html body .vhb-rich-reply-field .mce-btn{
    display:inline-block!important;
    float:none!important;
    vertical-align:top!important;
    width:auto!important;
    margin:0 5px 5px 0!important;
  }
}


/* v0.2.113HO — mobile TinyMCE nested-DOM JS-flattened control stream. */
@media (max-width:760px){
  html body #wp-vhb_reply_box-wrap .mce-flow-layout.vhb-mobile-tmce-flattened,
  html body .vhb-rich-reply-field .mce-flow-layout.vhb-mobile-tmce-flattened{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow,
  html body .vhb-rich-reply-field .vhb-mobile-tmce-flow{
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    align-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    box-sizing:border-box!important;
  }
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .mce-btn,
  html body .vhb-rich-reply-field .vhb-mobile-tmce-flow .mce-btn{
    display:block!important;
    flex:0 0 auto!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-flow-layout.vhb-mobile-tmce-flattened > .mce-btn-group,
  html body .vhb-rich-reply-field .mce-flow-layout.vhb-mobile-tmce-flattened > .mce-btn-group{
    display:none!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-flow-layout.vhb-mobile-tmce-flattened > .mce-btn-group > .mce-container-body,
  html body .vhb-rich-reply-field .mce-flow-layout.vhb-mobile-tmce-flattened > .mce-btn-group > .mce-container-body{
    display:none!important;
  }
}


/* v0.2.113HS — centered, touch-safe, no-jump dual-program CtT switcher. */
.vhb-countdown-widget[data-vhb-countdown-program-active]{
  padding-bottom:44px!important;
  contain:layout paint;
}
.vhb-countdown-widget.vhb-countdown-program-entering{overflow:hidden!important;}
.vhb-countdown-program-switch{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:absolute!important;
  z-index:50!important;
  left:50%!important;
  right:auto!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:calc(100% - 30px)!important;
  min-height:31px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:6px 16px!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:8px!important;
  background:#080a0e!important;
  background-image:none!important;
  background-clip:padding-box!important;
  color:#ff941f!important;
  font:900 10px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  opacity:1!important;
}
.vhb-countdown-program-switch[data-vhb-countdown-switch="women"]{
  border-color:#73b7d8!important;
  background:#73b7d8!important;
  color:#07090c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 4px 14px rgba(0,0,0,.30)!important;
}
.vhb-countdown-program-switch:hover,
.vhb-countdown-program-switch:focus-visible{
  outline:none!important;
  filter:brightness(1.08)!important;
}
.vhb-countdown-program-switch:active{transform:translateX(-50%) scale(.98)!important;}
.vhb-countdown-program-switch span{font-size:15px!important;line-height:1!important;}
.vhb-countdown-program-women .vhb-primary-team-logo{border-radius:9px!important;object-fit:cover!important;}

@media(max-width:700px){
  .vhb-countdown-widget[data-vhb-countdown-program-active]{padding-bottom:37px!important;}
  .vhb-countdown-program-switch{
    bottom:5px!important;
    min-height:26px!important;
    max-width:calc(100% - 24px)!important;
    padding:4px 11px!important;
    border-radius:7px!important;
    gap:6px!important;
    font-size:8px!important;
    letter-spacing:.07em!important;
  }
  .vhb-countdown-program-switch span{font-size:12px!important;}
}


/* v0.2.113HT — explicit desktop/tablet centering for the CtT program switch. */
@media(min-width:701px){
  .vhb-countdown-widget[data-vhb-countdown-program-active] > .vhb-countdown-program-switch{
    left:0!important;
    right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
  .vhb-countdown-widget[data-vhb-countdown-program-active] > .vhb-countdown-program-switch:active{
    transform:scale(.98)!important;
  }
}


/* v0.2.113HU — CtT switch sits in normal flow at the true bottom and centers on every viewport. */
.vhb-countdown-widget[data-vhb-countdown-program-active]{
  padding-bottom:0!important;
  contain:layout paint;
}
.vhb-countdown-widget[data-vhb-countdown-program-active] > .vhb-countdown-program-switch{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  width:max-content!important;
  max-width:calc(100% - 30px)!important;
  margin:0 auto 12px!important;
}
.vhb-countdown-widget[data-vhb-countdown-program-active] > .vhb-countdown-program-switch:active{
  transform:scale(.98)!important;
}
@media(max-width:700px){
  .vhb-countdown-widget[data-vhb-countdown-program-active]{padding-bottom:0!important;}
  .vhb-countdown-widget[data-vhb-countdown-program-active] > .vhb-countdown-program-switch{
    max-width:calc(100% - 24px)!important;
    margin:0 auto 10px!important;
  }
}


/* v0.2.113HV — stable dual-panel CtT: no widget replacement, no flash, equal geometry. */
.vhb-countdown-dual-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-widget{
  grid-area:1 / 1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  transition:none!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-widget:not([data-vhb-countdown-program-active]){
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-widget[data-vhb-countdown-program-active]{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.vhb-countdown-dual-shell .vhb-countdown-program-switch{
  box-sizing:border-box!important;
  min-width:138px!important;
  min-height:31px!important;
  padding-left:16px!important;
  padding-right:16px!important;
  white-space:nowrap!important;
}
.vhb-countdown-dual-shell .vhb-countdown-first-game strong,
.vhb-countdown-dual-shell .vhb-countdown-first-game em{
  white-space:nowrap!important;
}
@media (min-width:681px) and (max-width:1100px){
  .vhb-countdown-dual-shell .vhb-countdown-first-game strong{
    font-size:9px!important;
    letter-spacing:.06em!important;
  }
  .vhb-countdown-dual-shell .vhb-countdown-program-switch{
    min-width:138px!important;
    min-height:31px!important;
  }
}
@media (max-width:680px){
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-program-switch{
    position:absolute!important;
    z-index:20!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:5px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:116px!important;
    min-height:24px!important;
    max-width:calc(100% - 24px)!important;
    margin:0!important;
    padding:3px 10px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-program-switch:active{
    transform:translateX(-50%) scale(.98)!important;
  }
}


/* v0.2.113HW — canonical dual-program CtT shell and shared image treatment. */
.vhb-countdown-dual-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  container-type:inline-size!important;
  padding-bottom:46px!important;
  overflow:visible!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-widget{
  grid-area:1/1!important;
  container-type:inline-size!important;
  min-width:0!important;
}
.vhb-countdown-dual-shell .vhb-countdown-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:92%!important;
  gap:clamp(6px,2.5cqw,13px)!important;
}
.vhb-countdown-dual-shell .vhb-countdown-grid > div{
  min-width:0!important;
  overflow:hidden!important;
}
.vhb-countdown-dual-shell .vhb-countdown-grid strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  font-size:clamp(24px,11.4cqw,46px)!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
  position:absolute!important;
  z-index:999!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:138px!important;
  min-height:31px!important;
  margin:0!important;
}
.vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared:active{transform:translateX(-50%) scale(.98)!important;}
@media (min-width:681px) and (max-width:1100px){
  .vhb-countdown-dual-shell .vhb-countdown-first-game strong{white-space:nowrap!important;font-size:8.8px!important;letter-spacing:.045em!important;}
  .vhb-countdown-dual-shell .vhb-countdown-grid strong{font-size:clamp(22px,10.4cqw,38px)!important;}
}
@media (max-width:680px){
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    aspect-ratio:16/9!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:absolute!important;inset:0!important;height:100%!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    position:absolute!important;z-index:9999!important;left:50%!important;bottom:8px!important;top:auto!important;
    transform:translateX(-50%)!important;min-width:116px!important;min-height:24px!important;
    padding:3px 10px!important;font-size:8px!important;touch-action:manipulation!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared:active{transform:translateX(-50%) scale(.98)!important;}
}

.vhb-archive-image{
  background-position:var(--vhb-archive-desktop-x,50%) var(--vhb-archive-desktop-y,50%)!important;
  background-size:var(--vhb-archive-desktop-zoom,100%) auto!important;
}
.vhb-article-featured{position:relative!important;aspect-ratio:16/9!important;background:#050608!important;}
.vhb-article-featured img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:var(--vhb-article-desktop-x,50%) var(--vhb-article-desktop-y,50%)!important;
  transform:scale(calc(var(--vhb-article-desktop-zoom,100) / 100))!important;
  transform-origin:var(--vhb-article-desktop-x,50%) var(--vhb-article-desktop-y,50%)!important;
}
.vhb-article-featured::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(0,0,0,0);}
.vhb-article-featured.vhb-article-treatment-full-overlay::after{background:rgba(0,0,0,var(--vhb-article-overlay-strength,0));}
@media(max-width:760px){
  .vhb-archive-image{background-position:var(--vhb-archive-mobile-x,50%) var(--vhb-archive-mobile-y,50%)!important;background-size:var(--vhb-archive-mobile-zoom,100%) auto!important;}
  .vhb-article-featured img{object-position:var(--vhb-article-mobile-x,50%) var(--vhb-article-mobile-y,50%)!important;transform:scale(calc(var(--vhb-article-mobile-zoom,100) / 100))!important;transform-origin:var(--vhb-article-mobile-x,50%) var(--vhb-article-mobile-y,50%)!important;}
}

/* v0.2.113HX — CtT geometry cleanup + article hero regression repair. */
@media (min-width:681px){
  .vhb-countdown-dual-shell .vhb-countdown-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    width:auto!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .vhb-countdown-dual-shell .vhb-countdown-grid > div{
    display:grid!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-content:center!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .vhb-countdown-dual-shell .vhb-countdown-grid strong{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    font-size:clamp(28px,3.25vw,46px)!important;
    line-height:.94!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}
@media (min-width:681px) and (max-width:1100px){
  .vhb-countdown-dual-shell .vhb-countdown-grid{gap:8px!important;}
  .vhb-countdown-dual-shell .vhb-countdown-grid strong{
    font-size:clamp(24px,3.5vw,36px)!important;
  }
}
@media (max-width:680px){
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    padding-bottom:54px!important;
    overflow:visible!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    bottom:54px!important;
    height:calc(100% - 54px)!important;
  }
  .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    bottom:10px!important;
  }
}

/* Keep inherited image treatment separate from the single-post hero's geometry. */
.vhb-article-featured{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden!important;
}
.vhb-article-featured img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}

/* v0.2.113HY — CtT live-shell selector repair.
   The dual-program wrapper became the direct rail child in HV/HW, so the proven
   desktop/tablet rail geometry no longer matched. These selectors deliberately
   restore that established geometry through the canonical shell, while retaining
   zero-reload switching and the shared below-widget button. */
@media (min-width:681px){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    background-size:cover!important;
    background-position:center top!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup{
    grid-template-columns:52px auto 58px!important;
    gap:clamp(12px,4.4cqw,22px)!important;
    padding-top:clamp(16px,6cqw,24px)!important;
    margin-bottom:clamp(44px,18cqw,76px)!important;
    position:relative!important;
    left:12px!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-opponent-logo,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-opponent-logo,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-opponent-logo,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-opponent-logo{
    width:58px!important;height:52px!important;max-width:58px!important;max-height:52px!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:86%!important;
    max-width:none!important;
    gap:0!important;
    margin:0 auto clamp(14px,4.8cqw,20px)!important;
    padding:clamp(9px,3.8cqw,15px) clamp(7px,2.8cqw,12px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:clamp(14px,2.4cqw,22px)!important;
    background:linear-gradient(180deg,rgba(13,15,18,.92),rgba(3,4,6,.94))!important;
    box-shadow:0 14px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:clamp(58px,22cqw,78px)!important;
    padding:0 3px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.30)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child{border-right:0!important;}

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    font-size:clamp(29px,12.2cqw,43px)!important;
    line-height:.93!important;
    letter-spacing:-.04em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-variant-numeric:tabular-nums!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:4px auto 0!important;
    padding:0!important;
    font-size:clamp(7px,3.2cqw,10px)!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

/* Mobile retains the approved landscape composition. Move the complete matchup
   group inward and give the shared control deliberate black-space breathing room. */
@media (max-width:680px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    aspect-ratio:auto!important;
    height:auto!important;
    padding-bottom:64px!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:relative!important;
    inset:auto!important;
    grid-area:1/1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup{
    left:17.25%!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    bottom:12px!important;
    min-height:38px!important;
    padding:7px 18px!important;
  }
}


/* v0.2.113HZ — CtT final matchup alignment + tablet typography micro-hotfix.
   Scope is intentionally limited to the approved HY shell. */
@media (min-width:681px){
  /* Desktop/tablet: move only the Tennessee/Lady Vols mark slightly left. */
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    transform:translateX(-10px)!important;
  }
}

@media (min-width:681px) and (max-width:1100px){
  /* Tablet only: provide vertical headroom for the condensed numerals. */
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    padding:3px 1px 1px!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    line-height:1.05!important;
    overflow:visible!important;
  }
  /* Keep the two longest unit labels fully inside their cells. */
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0 1px!important;
    font-size:clamp(6.4px,2.55cqw,8.5px)!important;
    letter-spacing:.015em!important;
    overflow:visible!important;
  }
}

@media (max-width:680px){
  /* Mobile portrait: shift the complete home/VS/opponent group left as one unit. */
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup{
    left:calc(17.25% - 11px)!important;
  }
}


/* v0.2.113IA — CtT ultimate micro-hotfix.
   Desktop/tablet only: move just the VS marker left to visually re-center it
   over the arena jumbotron. Home and opponent marks remain untouched. */
@media (min-width:681px){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup > span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup > span,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup > span,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup > span{
    transform:translateX(-7px)!important;
  }
}

/* v0.2.113IC — tablet portrait CtT date true-centering correction.
   Span the date across the full game-info grid, then center it intrinsically.
   This avoids guessed horizontal offsets and preserves the adjacent lines. */
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    grid-column:1 / -1!important;
    position:static!important;
    left:auto!important;
    justify-self:center!important;
    width:max-content!important;
    max-width:calc(100% - 8px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}


/* v0.2.113ID — tablet portrait CtT date deterministic widget centering.
   Center the date inside the actual visible widget content strip, without
   guessed offsets. Opponent and time rows remain untouched. */
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}


/* v0.2.113IE — tablet portrait CtT date final optical centering.
   The live widget's metadata strip carries a residual right bias at this
   breakpoint, so offset only the date row by the measured 14px correction.
   Opponent and time rows remain untouched. */
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    position:relative!important;
    left:-14px!important;
    transform:none!important;
  }
}


/* v0.2.113IG — authoritative short-touch-landscape classification repair.
   A phone rotated to landscape can exceed 700 CSS pixels, which previously
   activated the desktop/tablet universal feed and tablet JS at the same time.
   Keep these short coarse-pointer viewports on the established phone renderer. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html,body,#vhb-app{overflow-x:hidden!important;max-width:100%!important;}

  html body.home #vhb-app .vhb-universal-home-feed,
  html body.home .vhb-universal-home-feed,
  html body.home #vhb-app .vhb-home-content-grid.vhb-home-content-prototype,
  html body.home .vhb-home-content-grid.vhb-home-content-prototype,
  html body.home #vhb-app .vhb-home-feed-heading-desktop,
  html body.home .vhb-home-feed-heading-desktop{
    display:none!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed,
  html body.home .vhb-mobile-editorial-feed{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }

  html body.home #vhb-app .vhb-home-feed-heading-mobile,
  html body.home .vhb-home-feed-heading-mobile{
    display:block!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed > *,
  html body.home .vhb-mobile-editorial-feed > *,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-home-story-card,
  html body.home .vhb-mobile-editorial-feed .vhb-home-story-card,
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-component{
    display:flex!important;
    flex-direction:column!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }

  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-text,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-text{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-home-feed-sponsored-card,
  html body.home .vhb-home-feed-sponsored-card,
  html body.home #vhb-app .vhb-home-banner-ad,
  html body.home .vhb-home-banner-ad{
    height:auto!important;
    min-height:96px!important;
    max-height:none!important;
  }

  html body.home #vhb-app .vhb-home-feed-sponsored-mount,
  html body.home .vhb-home-feed-sponsored-mount{
    min-height:96px!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown,
  html body.home .vhb-mobile-home-countdown,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
}

/* v0.2.113IH — phone-landscape CtT state, module rhythm, and ad singleton cleanup.
   Preserve IG's corrected mobile renderer while removing its over-broad CtT
   display override and restoring one authoritative landscape composition. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  /* Keep the Home stack deterministic: hero, countdown, then editorial feed. */
  html body.home #vhb-app .vhb-home-mode,
  html body.home .vhb-home-mode{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-home-hero-card,
  html body.home .vhb-home-mode > .vhb-home-hero-card{
    order:1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode > .vhb-home-hero-card .vhb-home-hero-main{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:760px!important;
    min-width:0!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-editorial-feed,
  html body.home .vhb-home-mode > .vhb-mobile-editorial-feed{
    order:3!important;
    margin:0!important;
  }

  /* Restore the dual-panel shell's native grid state. Never force both panels
     visible; the data-active attribute remains the sole toggle authority. */
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:760px!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    margin:0 auto!important;
    padding:0 0 64px!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:relative!important;
    inset:auto!important;
    grid-area:1 / 1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget:not([data-vhb-countdown-program-active]),
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget:not([data-vhb-countdown-program-active]){
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget[data-vhb-countdown-program-active],
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget[data-vhb-countdown-program-active]{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    position:absolute!important;
    z-index:9999!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:154px!important;
    max-width:calc(100% - 24px)!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 18px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared:active,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared:active{
    transform:translateX(-50%) scale(.98)!important;
  }

  /* Exactly one Home banner in phone landscape, positioned after Trending. */
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-midfeed,
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-primary{
    display:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-banner-ad-tertiary,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-banner-ad-tertiary{
    display:flex!important;
    order:12!important;
    width:100%!important;
    min-height:96px!important;
    margin:0!important;
  }
}

/* v0.2.113II — phone-landscape CtT full-height containment correction.
   IH restored switching but forced the portrait CtT artwork into a 16:9 box,
   cropping everything below the upper arena. Preserve the proven portrait
   component geometry, constrain only its width, and keep the shared toggle
   below the complete widget. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    width:min(430px,100%)!important;
    max-width:430px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    padding:0 0 64px!important;
    overflow:visible!important;
    margin:0 auto!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:relative!important;
    inset:auto!important;
    grid-area:1 / 1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1122 / 1402!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    bottom:10px!important;
  }
}

/* v0.2.113IJ — phone-landscape CtT internal-flow reset.
   II proved the outer shell could be centered, but the mobile 16:9 absolute-
   positioning layer was still governing the widget's children. Restore the
   approved portrait CtT's natural document flow only for short touch landscape
   viewports, while preserving the working dual-program shell and toggle. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    width:min(430px,100%)!important;
    max-width:430px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    padding:0 0 64px!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-widget{
    position:relative!important;
    inset:auto!important;
    grid-area:1 / 1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    container-type:inline-size!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.03) 33%,rgba(0,0,0,.18) 53%,rgba(0,0,0,.68) 100%),
      linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.11) 78%,rgba(0,0,0,.05) 100%),
      var(--vhb-countdown-arena) center top/100% auto no-repeat!important;
    background-color:#030303!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-matchup{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(34px,50px) auto minmax(40px,56px)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(20px,6.2cqw,42px)!important;
    width:auto!important;
    height:auto!important;
    padding:clamp(11px,3.8cqw,18px) 16px 0!important;
    margin:0 0 clamp(38px,12cqw,118px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-stage{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    padding:0 clamp(14px,4.6cqw,18px) clamp(14px,4.5cqw,20px)!important;
    margin:0!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    margin:0 0 clamp(5px,1.3cqw,9px)!important;
    font-size:clamp(10px,3.5cqw,14px)!important;
    line-height:1.15!important;
    letter-spacing:clamp(.16em,1.25cqw,.25em)!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-hero{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:88%!important;
    max-width:720px!important;
    margin:0 auto clamp(12px,3.6cqw,18px)!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:92%!important;
    max-width:770px!important;
    gap:clamp(7px,2.5cqw,13px)!important;
    margin:0 auto clamp(12px,3.2cqw,20px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-grid > div{
    min-height:clamp(58px,18.5cqw,88px)!important;
    padding:clamp(7px,2.2cqw,10px) 2px clamp(6px,1.9cqw,9px)!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    gap:clamp(2px,.9cqw,5px)!important;
    margin:0 auto!important;
    padding:0 6px!important;
    transform:none!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-first-game > em{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell > .vhb-countdown-program-switch-shared{
    bottom:10px!important;
  }
}

/* v0.2.113IK — phone-landscape CtT width + label centering micro-hotfix.
   Preserve IJ's restored full internal flow, expand the portrait widget to the
   same usable content width as the Home hero, and give the section label a
   full-width centering box. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-dual-shell,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-dual-shell{
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget .vhb-countdown-label{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
    transform:none!important;
  }
}


/* v0.2.113IL — iPad/tablet single-right-rail authority restoration.
   The structural rules already exist in 113EF/EG. This release restores the
   JavaScript class that activates them in Safari/iPadOS by replacing an invalid
   grouped media-query negation with two compatible checks. No visual override
   is required here: once active, the left rail is hidden, its widgets are moved
   into the bottom of the right rail, and Home/CtT regain the approved width. */


/* v0.2.113IM — tablet portrait CtT date optical re-centering micro-hotfix.
   The restored single-right-rail tablet layout removed the former compression,
   so the legacy -14px IE correction now places the date slightly left of true
   center. Reduce only that date-row correction to -6px. */
@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    left:-6px!important;
  }
}

/* v0.2.113IPA — CtT home/away control + non-Home tablet parity hotfix.
   Preserve the approved Home widget untouched. On tablet interior surfaces only,
   apply the same counter-cell headroom and unit-label containment that already
   corrected Home, then optically re-center only the date row. */
@media (min-width:681px) and (max-width:1100px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    padding:3px 1px 1px!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    line-height:1.05!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0 1px!important;
    font-size:clamp(6.4px,2.55cqw,8.5px)!important;
    line-height:1!important;
    letter-spacing:.015em!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    position:relative!important;
    left:-6px!important;
    transform:none!important;
  }
}

/* v0.2.113IPB — CtT matchup-row centering hotfix.
   The home/away feature may swap logo occupants, but the three-slot group must
   remain centered. Neutralize the legacy logo translation on desktop/tablet and
   use equal outer tracks so logo identity/order cannot shift the row. Mobile is
   intentionally untouched because it uses its separately approved composition. */
@media (min-width:681px){
  html body #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup,
  html body .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup{
    grid-template-columns:58px auto 58px!important;
    justify-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
  }

  html body #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo,
  html body .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-matchup img.vhb-team-logo{
    justify-self:center!important;
    transform:none!important;
  }
}

/* v0.2.113IPC — Board/Archive CtT parity hotfix.
   Board and Archive rails use the same canonical dual-program shell as Home.
   Promote the proven Home desktop/tablet timer geometry to every non-Home rail
   instance, while leaving Home, mobile, and the IPB matchup centering untouched. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    background-size:cover!important;
    background-position:center top!important;
  }

  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:86%!important;
    max-width:none!important;
    gap:0!important;
    margin:0 auto clamp(14px,4.8cqw,20px)!important;
    padding:clamp(9px,3.8cqw,15px) clamp(7px,2.8cqw,12px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:clamp(14px,2.4cqw,22px)!important;
    background:linear-gradient(180deg,rgba(13,15,18,.92),rgba(3,4,6,.94))!important;
    box-shadow:0 14px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:clamp(58px,22cqw,78px)!important;
    padding:0 3px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.30)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div:last-child{
    border-right:0!important;
  }

  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    font-size:clamp(29px,12.2cqw,43px)!important;
    line-height:.93!important;
    letter-spacing:-.04em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-variant-numeric:tabular-nums!important;
  }

  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:4px auto 0!important;
    padding:0!important;
    font-size:clamp(7px,3.2cqw,10px)!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

@media (min-width:681px) and (max-width:1100px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    padding:3px 1px 1px!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    line-height:1.05!important;
    overflow:visible!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0 1px!important;
    font-size:clamp(6.4px,2.55cqw,8.5px)!important;
    line-height:1!important;
    letter-spacing:.015em!important;
    overflow:visible!important;
  }
}

@media (min-width:681px) and (max-width:900px) and (orientation:portrait){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }

  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    display:block!important;
    position:relative!important;
    left:-6px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}

/* v0.2.113IPD — Canonical Home Card image-treatment renderer.
   Home, Archives, and Article now consume the same saved focal point, zoom,
   and Full Overlay strength. Page/device-specific renderers may define frame
   geometry, but may not reinterpret or compound the saved treatment values. */

/* The universal Home feed renders the dedicated image pane on every device.
   Apply the saved crop directly to that visible pane, and prevent the legacy
   card-root overlay from stacking with it. */
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card::before,
html body.home .vhb-universal-home-feed > .vhb-home-story-card::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-image,
html body.home .vhb-universal-home-feed .vhb-mobile-card-image{
  background-position:var(--vhb-card-desktop-x,50%) var(--vhb-card-desktop-y,50%)!important;
  background-size:var(--vhb-card-desktop-zoom,100%) auto!important;
  background-repeat:no-repeat!important;
}
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card .vhb-mobile-card-image::after,
html body.home .vhb-universal-home-feed > .vhb-home-story-card .vhb-mobile-card-image::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
html body.home #vhb-app .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after,
html body.home .vhb-universal-home-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:var(--vhb-card-overlay-strength,0)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
}

/* Archives use the same saved zoom percentage and the same single overlay. */
html body #vhb-app .vhb-archive-grid .vhb-archive-image,
html body .vhb-archive-grid .vhb-archive-image{
  background-position:var(--vhb-archive-desktop-x,50%) var(--vhb-archive-desktop-y,50%)!important;
  background-size:var(--vhb-archive-desktop-zoom,100%) auto!important;
}
html body #vhb-app .vhb-archive-image.vhb-archive-treatment-full-overlay::before,
html body .vhb-archive-image.vhb-archive-treatment-full-overlay::before{
  opacity:var(--vhb-archive-overlay-strength,0)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
}

/* Article featured images retain their native <img> renderer, but consume the
   same zoom ratio and gradient-overlay strength rather than a solid black fill. */
html body #vhb-app .vhb-article-featured.vhb-article-treatment-full-overlay::after,
html body .vhb-article-featured.vhb-article-treatment-full-overlay::after{
  opacity:var(--vhb-article-overlay-strength,0)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
}
html body #vhb-app .vhb-article-featured:not(.vhb-article-treatment-full-overlay)::after,
html body .vhb-article-featured:not(.vhb-article-treatment-full-overlay)::after{
  opacity:0!important;
  background:none!important;
}

@media (max-width:760px){
  html body.home #vhb-app .vhb-universal-home-feed .vhb-mobile-card-image,
  html body.home .vhb-universal-home-feed .vhb-mobile-card-image{
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
  }
  html body #vhb-app .vhb-archive-grid .vhb-archive-image,
  html body .vhb-archive-grid .vhb-archive-image{
    background-position:var(--vhb-archive-mobile-x,50%) var(--vhb-archive-mobile-y,50%)!important;
    background-size:var(--vhb-archive-mobile-zoom,var(--vhb-archive-desktop-zoom,100%)) auto!important;
  }
}


/* v0.2.113IPE — Mobile Home editor-treatment parity.
   The narrow-phone Home renderer uses .vhb-mobile-editorial-feed rather than
   .vhb-universal-home-feed. Apply the same saved focal point, authored zoom,
   and single Full Overlay treatment to that visible image pane. */
@media (max-width:760px){
  html body.home #vhb-app .vhb-mobile-editorial-feed .vhb-mobile-card-image,
  html body.home .vhb-mobile-editorial-feed .vhb-mobile-card-image{
    position:relative!important;
    background-position:var(--vhb-card-mobile-x,var(--vhb-card-desktop-x,50%)) var(--vhb-card-mobile-y,var(--vhb-card-desktop-y,50%))!important;
    background-size:var(--vhb-card-mobile-zoom,var(--vhb-card-desktop-zoom,100%)) auto!important;
    background-repeat:no-repeat!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-story-card::before,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-story-card::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-story-card .vhb-mobile-card-image::after,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-story-card .vhb-mobile-card-image::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:none!important;
  }
  html body.home #vhb-app .vhb-mobile-editorial-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after,
  html body.home .vhb-mobile-editorial-feed > .vhb-home-story-card.vhb-treatment-full-overlay .vhb-mobile-card-image::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    opacity:var(--vhb-card-overlay-strength,0)!important;
    background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.72) 100%)!important;
  }
}

/* v0.2.113IPRa — Topics Statistics Restoration Hotfix.
   Exact isolated restoration from the IPPmj donor; no unrelated Board systems changed. */
/* v0.2.113IPPls — Topics Index metric-label icon modernization.
   Replaces repeated Replies / Participants / Views word labels beneath each
   topic-row number with compact, accessible SVG symbols across all devices. */
.vhb-topic-board-panel .vhb-topic-count{
  grid-template-areas:"num" "ico"!important;
  gap:5px!important;
}
.vhb-topic-board-panel .vhb-topic-count-icon{
  grid-area:ico!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:16px!important;
  margin:0!important;
  color:#9fd2f5!important;
  filter:none!important;
  opacity:1!important;
  line-height:1!important;
}
.vhb-topic-board-panel .vhb-topic-count-svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  overflow:visible!important;
}
.vhb-topic-board-panel .vhb-topic-count > span:not(.vhb-topic-count-icon){
  display:none!important;
}
.vhb-topic-board-panel .vhb-topic-count-icon .screen-reader-text{
  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;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-count{gap:4px!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{width:18px!important;height:15px!important;}
  .vhb-topic-board-panel .vhb-topic-count-svg{width:17px!important;height:17px!important;}
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-count{
    grid-template-areas:"num ico"!important;
    grid-template-columns:auto 17px!important;
    align-items:center!important;
    justify-content:end!important;
    column-gap:5px!important;
    row-gap:0!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{width:17px!important;height:14px!important;}
  .vhb-topic-board-panel .vhb-topic-count-svg{width:16px!important;height:16px!important;}
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-count{column-gap:4px!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{width:16px!important;height:13px!important;}
  .vhb-topic-board-panel .vhb-topic-count-svg{width:15px!important;height:15px!important;}
}

/* v0.2.113IPPlt — Topics Index mobile metric-row refinement.
   Enlarges the informational icons slightly everywhere and, on phones,
   moves Replies / Participants / Views into a dedicated horizontal row
   beneath the Started by metadata with icon-first ordering. */
.vhb-topic-board-panel .vhb-topic-count-icon{
  width:22px!important;
  height:19px!important;
}
.vhb-topic-board-panel .vhb-topic-count-svg{
  width:20px!important;
  height:20px!important;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-count-icon{
    width:21px!important;
    height:18px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{
    width:19px!important;
    height:19px!important;
  }
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:18px minmax(0,1fr) 30px 14px!important;
    grid-template-areas:
      "status body admin chev"
      ". metrics metrics ."!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    min-height:0!important;
    padding:17px 10px 16px 12px!important;
    column-gap:7px!important;
    row-gap:12px!important;
  }
  .vhb-topic-board-panel .vhb-topic-body{
    grid-area:body!important;
    min-width:0!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{
    grid-area:metrics!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    gap:22px!important;
    margin:0!important;
  }
  .vhb-topic-board-panel .vhb-topic-count{
    display:inline-grid!important;
    grid-template-columns:20px auto!important;
    grid-template-areas:"ico num"!important;
    align-items:center!important;
    justify-content:start!important;
    justify-items:start!important;
    justify-self:auto!important;
    flex:0 0 auto!important;
    min-width:0!important;
    column-gap:6px!important;
    row-gap:0!important;
    text-align:left!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{
    grid-area:ico!important;
    width:20px!important;
    height:18px!important;
    justify-content:flex-start!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{
    width:19px!important;
    height:19px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{
    grid-area:num!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .vhb-topic-board-panel .vhb-topic-admin-slot{
    grid-area:admin!important;
    align-self:center!important;
  }
  .vhb-topic-board-panel .vhb-topic-row-chevron{
    grid-area:chev!important;
    align-self:center!important;
  }
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    grid-template-columns:15px minmax(0,1fr) 28px 12px!important;
    padding-inline:8px!important;
    column-gap:5px!important;
    row-gap:11px!important;
  }
  .vhb-topic-board-panel .vhb-topic-metrics{
    gap:16px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count{
    grid-template-columns:19px auto!important;
    column-gap:5px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{
    width:19px!important;
    height:17px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{
    width:18px!important;
    height:18px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:17px!important;
  }
}

/* v0.2.113IPPlu — Topics Index mobile metric-row finalization.
   Reinforces the phone layout so all three statistics occupy one dedicated
   row immediately below the Started by metadata, with icon-first ordering,
   while retaining the slightly larger informational icons sitewide. */
.vhb-topic-board-panel .vhb-topic-count-icon{
  width:23px!important;
  height:20px!important;
}
.vhb-topic-board-panel .vhb-topic-count-svg{
  width:21px!important;
  height:21px!important;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-count-icon{width:22px!important;height:19px!important;}
  .vhb-topic-board-panel .vhb-topic-count-svg{width:20px!important;height:20px!important;}
}
@media(max-width:680px){
  .vhb-topic-board-panel > .vhb-topic-row,
  .vhb-topic-board-panel .vhb-topic-row,
  .vhb-topic-board-panel .vhb-mock-topic-row{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr) 30px 14px!important;
    grid-template-areas:
      "status body admin chev"
      ". metrics metrics metrics"!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    row-gap:12px!important;
  }
  .vhb-topic-board-panel .vhb-topic-body{grid-area:body!important;}
  .vhb-topic-board-panel .vhb-topic-metrics{
    grid-area:metrics!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:22px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .vhb-topic-board-panel .vhb-topic-count{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    min-width:0!important;
    text-align:left!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{order:2!important;font-size:18px!important;line-height:1!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{
    order:1!important;
    width:21px!important;
    height:19px!important;
    justify-content:flex-start!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{width:20px!important;height:20px!important;}
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-metrics{gap:17px!important;}
  .vhb-topic-board-panel .vhb-topic-count{gap:5px!important;}
  .vhb-topic-board-panel .vhb-topic-count strong{font-size:17px!important;}
  .vhb-topic-board-panel .vhb-topic-count-icon{width:20px!important;height:18px!important;}
  .vhb-topic-board-panel .vhb-topic-count-svg{width:19px!important;height:19px!important;}
}

/* v0.2.113IPPlv — Topics Index mobile metric-row width reset.
   The legacy phone metric rail assigned every statistic width:100%, which made
   the first flex item consume the complete row and pushed the remaining two
   statistics off-canvas. Reset each statistic to intrinsic inline width and
   keep icon + value together as one compact group beneath the topic metadata. */
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-metrics{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:24px!important;
    overflow:visible!important;
  }
  .vhb-topic-board-panel .vhb-replies-count,
  .vhb-topic-board-panel .vhb-participants-count,
  .vhb-topic-board-panel .vhb-views-count,
  .vhb-topic-board-panel .vhb-topic-count{
    display:inline-flex!important;
    flex:0 0 auto!important;
    flex-basis:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    grid-area:auto!important;
    align-self:center!important;
    justify-self:auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .vhb-topic-board-panel .vhb-topic-count strong{
    display:inline-block!important;
    flex:0 0 auto!important;
    order:2!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{
    display:inline-flex!important;
    flex:0 0 auto!important;
    order:1!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-metrics{gap:20px!important;}
  .vhb-topic-board-panel .vhb-topic-count{gap:6px!important;}
}

/* v0.2.113IPPlw — Topics Index metric hierarchy finishing pass.
   Keeps discussion statistics deliberately tertiary: smaller, regular-weight
   gray values paired with slightly muted blue icons across every device. */
.vhb-topic-board-panel .vhb-topic-count strong{
  color:#a6abb4!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
.vhb-topic-board-panel .vhb-topic-count-icon{
  color:#82a8c7!important;
  opacity:.88!important;
}
@media(max-width:980px){
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:17px!important;
    font-weight:500!important;
  }
}
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:16px!important;
    font-weight:500!important;
  }
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:15px!important;
  }
}

/* v0.2.113IPPmd — saved formatted-quote context tail repair.
   Saved Quote replies render the visible context as .vhb-formatted-quote-preview,
   not the outer .vhb-quote-preview targeted by the legacy speech-tail rules. */
#vhb-app .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app .vhb-post-content .vhb-formatted-quote-preview{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  margin-bottom:28px!important;
}
#vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
body #vhb-app .vhb-post-content .vhb-formatted-quote-preview::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:46px!important;
  bottom:-9px!important;
  width:16px!important;
  height:16px!important;
  box-sizing:border-box!important;
  background:rgba(8,10,14,.98)!important;
  border-right:1px solid rgba(255,130,0,.78)!important;
  border-bottom:1px solid rgba(255,130,0,.78)!important;
  border-top:0!important;
  border-left:0!important;
  border-radius:0 0 2px 0!important;
  transform:rotate(45deg)!important;
  transform-origin:center!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
  body #vhb-app .vhb-post-content .vhb-formatted-quote-preview::after{
    left:30px!important;
  }
}
\n\n

/* v0.2.113IPRd — independent Read More clipping for quote context and reply body. */
#vhb-app .vhb-readable-collapsible,
body .vhb-readable-collapsible{
  max-height:var(--vhb-readmore-max,8.7em)!important;
}
#vhb-app .vhb-formatted-quote-preview,
body #vhb-app .vhb-formatted-quote-preview{
  overflow:visible!important;
}
#vhb-app .vhb-quote-readmore-region,
body #vhb-app .vhb-quote-readmore-region,
#vhb-app .vhb-reply-readmore-region,
body #vhb-app .vhb-reply-readmore-region{
  position:relative!important;
}
#vhb-app .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body #vhb-app .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after{
  background:linear-gradient(to bottom,rgba(8,10,14,0),rgba(8,10,14,.98))!important;
}
#vhb-app .vhb-reply-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body #vhb-app .vhb-reply-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after{
  background:linear-gradient(to bottom,rgba(13,15,19,0),rgba(13,15,19,.98))!important;
}
#vhb-app .vhb-formatted-quote-preview + .vhb-read-more-toggle,
body #vhb-app .vhb-formatted-quote-preview + .vhb-read-more-toggle{
  margin-top:-14px!important;
  margin-bottom:18px!important;
}


/* v0.2.113IPRe — Reply Chain visual hierarchy, terminology, and spacing polish. */
/* Standalone replied-to context: always use the prominent identity heading. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#ff9a36!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:19px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}

/* Give standalone context copy comfortable top and bottom breathing room. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  padding-top:22px!important;
  padding-bottom:24px!important;
}
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > p,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > p,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > p{
  padding-top:12px!important;
  padding-bottom:2px!important;
}

/* Expanded chain hierarchy: ancestry is prominent; descendants are deliberately quieter. */
#vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong,
body #vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong,
body .vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong{
  color:#ff9a36!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:19px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong{
  color:#ff962f!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}

/* Keep the Reply Chain control comfortably inset from the bubble border. */
#vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
body #vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
body .vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link{
  margin-top:8px!important;
  margin-right:14px!important;
  margin-bottom:10px!important;
  margin-left:auto!important;
  width:max-content!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

@media(max-width:680px){
  #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  #vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong,
  body #vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong,
  body .vhb-app .vhb-reply-chain .vhb-chain-item:first-child > strong{
    font-size:16px!important;
  }
  #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
  body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
  body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong{
    font-size:12px!important;
  }
  #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    padding-top:18px!important;
    padding-bottom:20px!important;
  }
  #vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
  body #vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link,
  body .vhb-app .vhb-quote-preview .vhb-reply-chain-toggle.vhb-action-link{
    margin-right:10px!important;
    margin-bottom:8px!important;
  }
}


/* v0.2.113IPRf — Reply Chain hierarchy and compact-content containment. */
/* Standalone context bubbles use SAID and retain the prominent orange identity treatment. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#ff9a36!important;
}

/* Expanded-chain descendants recede visually beneath the orange ancestral origin. */
#vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong,
body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child) > strong{
  color:#9298a3!important;
}

/* Descendants do not repeat the oversized orange quotation ornament. */
#vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child)::before,
body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child)::before,
body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child)::before{
  content:none!important;
  display:none!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child),
body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child),
body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child){
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-areas:"avatar label" "avatar body" "avatar more"!important;
  column-gap:12px!important;
}

/* Bubble Read More controls lose the ellipsis and gain breathing room from the border. */
#vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle,
body #vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle,
body .vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle{
  margin-left:18px!important;
  margin-bottom:16px!important;
}

/* Every expanded-chain entry independently clamps after three rendered lines on every device. */
#vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible,
body #vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible,
body .vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible{
  position:relative!important;
  max-height:var(--vhb-chain-readmore-max,4.5em)!important;
  overflow:hidden!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible.is-expanded,
body #vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible.is-expanded,
body .vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible:not(.is-expanded)::after,
body #vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible:not(.is-expanded)::after,
body .vhb-app .vhb-reply-chain .vhb-chain-item > p.vhb-chain-collapsible:not(.is-expanded)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1.6em!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(8,10,14,0),rgba(8,10,14,.98))!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-read-more-toggle,
body #vhb-app .vhb-reply-chain .vhb-chain-read-more-toggle,
body .vhb-app .vhb-reply-chain .vhb-chain-read-more-toggle{
  grid-area:more!important;
  justify-self:start!important;
  margin:6px 0 2px!important;
  padding:0!important;
  min-height:0!important;
}
@media(max-width:680px){
  #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child),
  body #vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child),
  body .vhb-app .vhb-reply-chain .vhb-chain-item:not(:first-child){
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-areas:"avatar label" "avatar body" "avatar more"!important;
    column-gap:8px!important;
  }
  #vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle,
  body #vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle,
  body .vhb-app .vhb-quote-readmore-region + .vhb-read-more-toggle{
    margin-left:14px!important;
    margin-bottom:14px!important;
  }
}

/* Ensure the ancestral chain entry also reserves a row for its independent control. */
#vhb-app .vhb-reply-chain .vhb-chain-item:first-child,
body #vhb-app .vhb-reply-chain .vhb-chain-item:first-child,
body .vhb-app .vhb-reply-chain .vhb-chain-item:first-child{
  grid-template-areas:"avatar quote label" "avatar quote body" "avatar quote more"!important;
}
@media(max-width:680px){
  #vhb-app .vhb-reply-chain .vhb-chain-item:first-child,
  body #vhb-app .vhb-reply-chain .vhb-chain-item:first-child,
  body .vhb-app .vhb-reply-chain .vhb-chain-item:first-child{
    grid-template-areas:"avatar quote label" "avatar quote body" "avatar quote more"!important;
  }
}

/* v0.2.113IPRs1 — repaired deliberately slower Read More animation hotfix. */
/* IPRr structure and measurement remain authoritative; only motion is added. */
#vhb-app .vhb-collapse-target-v6,
body #vhb-app .vhb-collapse-target-v6,
body .vhb-app .vhb-collapse-target-v6{
  position:relative!important;
  display:block!important;
  max-height:var(--vhb-collapse-max-v6)!important;
  overflow:hidden!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  text-overflow:clip!important;
}
#vhb-app .vhb-collapse-target-v6.is-animating,
body #vhb-app .vhb-collapse-target-v6.is-animating,
body .vhb-app .vhb-collapse-target-v6.is-animating{
  transition:max-height 900ms cubic-bezier(.22,.72,.18,1)!important;
}
#vhb-app .vhb-collapse-target-v6::after,
body #vhb-app .vhb-collapse-target-v6::after,
body .vhb-app .vhb-collapse-target-v6::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1.65em!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(8,10,14,0),rgba(8,10,14,.98))!important;
  opacity:1!important;
  transition:opacity 170ms ease!important;
}
#vhb-app .vhb-collapse-target-v6.is-expanded,
body #vhb-app .vhb-collapse-target-v6.is-expanded,
body .vhb-app .vhb-collapse-target-v6.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-collapse-target-v6.is-expanded::after,
body #vhb-app .vhb-collapse-target-v6.is-expanded::after,
body .vhb-app .vhb-collapse-target-v6.is-expanded::after,
#vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after,
body #vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after,
body .vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after{
  opacity:0!important;
}
#vhb-app button.vhb-collapse-toggle-v6,
body #vhb-app button.vhb-collapse-toggle-v6,
body .vhb-app button.vhb-collapse-toggle-v6{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  z-index:20!important;
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  height:auto!important;
  min-height:0!important;
  margin:7px 0 0!important;
  padding:1px 0!important;
  border:0!important;
  border-radius:0!important;
  outline-offset:3px!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#ff9d2f!important;
  font:inherit!important;
  font-size:15px!important;
  font-weight:450!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  transform:none!important;
}
#vhb-app button.vhb-collapse-toggle-v6::before,
#vhb-app button.vhb-collapse-toggle-v6::after,
body #vhb-app button.vhb-collapse-toggle-v6::before,
body #vhb-app button.vhb-collapse-toggle-v6::after{
  content:none!important;
  display:none!important;
}


#vhb-app button.vhb-collapse-toggle-v6:disabled,
body #vhb-app button.vhb-collapse-toggle-v6:disabled,
body .vhb-app button.vhb-collapse-toggle-v6:disabled{
  opacity:1!important;
  cursor:default!important;
}

@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-collapse-target-v6,
  body #vhb-app .vhb-collapse-target-v6,
  body .vhb-app .vhb-collapse-target-v6,
  #vhb-app .vhb-collapse-target-v6::after,
  body #vhb-app .vhb-collapse-target-v6::after,
  body .vhb-app .vhb-collapse-target-v6::after{
    transition:none!important;
  }
}

/* Preserve the current IPRo quote markup without allowing it to alter the original ornament/header row. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy{
  grid-area:body!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:8px 0 0!important;
  text-align:left!important;
}
#vhb-app .vhb-quote-current-copy > p,
body #vhb-app .vhb-quote-current-copy > p,
body .vhb-app .vhb-quote-current-copy > p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Bubble trigger is outside the quote grid, so it cannot move or recenter the avatar/quotation ornament. */
#vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6{
  display:block!important;
  margin:8px 20px 16px!important;
}
#vhb-app .vhb-quote-preview.vhb-chain-expanded > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview.vhb-chain-expanded > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview.vhb-chain-expanded > button.vhb-collapse-bubble-toggle-v6{
  display:none!important;
}

#vhb-app .vhb-fusion-reply-region + button.vhb-collapse-reply-toggle-v6,
body #vhb-app .vhb-fusion-reply-region + button.vhb-collapse-reply-toggle-v6,
body .vhb-app .vhb-fusion-reply-region + button.vhb-collapse-reply-toggle-v6{
  margin-top:8px!important;
  margin-bottom:4px!important;
}
#vhb-app .vhb-formatted-quote-preview button.vhb-collapse-context-toggle-v6,
body #vhb-app .vhb-formatted-quote-preview button.vhb-collapse-context-toggle-v6,
body .vhb-app .vhb-formatted-quote-preview button.vhb-collapse-context-toggle-v6{
  margin-top:7px!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item > button.vhb-collapse-chain-toggle-v6,
body #vhb-app .vhb-reply-chain .vhb-chain-item > button.vhb-collapse-chain-toggle-v6,
body .vhb-app .vhb-reply-chain .vhb-chain-item > button.vhb-collapse-chain-toggle-v6{
  grid-area:more!important;
  justify-self:start!important;
  align-self:start!important;
  margin:6px 0 2px!important;
}
@media(max-width:680px){
  #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body .vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6{
    margin:7px 14px 14px!important;
  }
}


/* v0.2.113IPRt1 — Reply Chain timing parity with Read More.
   Height is measured by JavaScript so opening and closing remain reliable
   for short, long, nested, and dynamically rendered reply chains. */
#vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  will-change:height;
}
#vhb-app [data-vhb-chain-toggle][aria-busy="true"],
body #vhb-app [data-vhb-chain-toggle][aria-busy="true"],
body .vhb-app [data-vhb-chain-toggle][aria-busy="true"]{
  pointer-events:none!important;
  opacity:1!important;
  cursor:default!important;
}
@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-reply-chain,
  body #vhb-app .vhb-reply-chain,
  body .vhb-app .vhb-reply-chain{
    transition:none!important;
  }
}


/* v0.2.113IPRt2 — Reply Chain deliberate slow-motion parity correction. */
#vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
  transition:height 1500ms cubic-bezier(.22,.72,.18,1)!important;
  will-change:height!important;
}
@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{transition:none!important;}
}


/* v0.2.113IPRt3 — authoritative Reply Chain / Read More motion-path parity. */
#vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  transition:max-height 900ms cubic-bezier(.22,.72,.18,1)!important;
  will-change:max-height!important;
}
@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
    transition:none!important;
  }
}


/* v0.2.113IPRt4 — authoritative exact-height Reply Chain animation. */
#vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
  height:0; /* overridden by measured inline !important height during motion */
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  transition:height 900ms cubic-bezier(.22,.72,.18,1)!important;
  will-change:height!important;
}
@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{transition:none!important;}
}


/* v0.2.113IPRt5 — phone-only Reply Chain animation isolation.
   The visible phone motion is driven by WAAPI; these declarations prevent
   mobile layout rules from exposing content outside the animated viewport. */
@media (max-width:700px){
  #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body #vhb-app .vhb-reply-chain.vhb-reply-chain-animating,
  body .vhb-app .vhb-reply-chain.vhb-reply-chain-animating{
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    contain:layout paint;
  }
}

/* v0.2.113IPRt7 — muted discussion context and Like presentation.
   Color/brightness only: preserve all established geometry, spacing, type scale,
   interaction, and Reply Chain launch-toggle behavior. */
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
#vhb-app .vhb-parent-preview,
#vhb-app .vhb-formatted-quote-preview,
body #vhb-app .vhb-quote-preview,
body #vhb-app .vhb-quote-box,
body #vhb-app .vhb-parent-preview,
body #vhb-app .vhb-formatted-quote-preview,
body .vhb-app .vhb-quote-preview,
body .vhb-app .vhb-quote-box,
body .vhb-app .vhb-parent-preview,
body .vhb-app .vhb-formatted-quote-preview{
  border-color:rgba(197,128,65,.30)!important;
}
#vhb-app .vhb-quote-preview::before,
#vhb-app .vhb-quote-box::before,
body #vhb-app .vhb-quote-preview::before,
body #vhb-app .vhb-quote-box::before,
body .vhb-app .vhb-quote-preview::before,
body .vhb-app .vhb-quote-box::before{
  border-color:rgba(197,128,65,.30)!important;
}
#vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
body #vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
body .vhb-app .vhb-post-content .vhb-formatted-quote-preview::after{
  border-right-color:rgba(197,128,65,.30)!important;
  border-bottom-color:rgba(197,128,65,.30)!important;
}
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#b98658!important;
}
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
  color:rgba(185,134,88,.62)!important;
}
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-like-label,
#vhb-app .vhb-post-actions .vhb-like-label.has-likes,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-label.has-likes,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-label.has-likes{
  color:#9298a2!important;
  filter:none!important;
}
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label{
  color:#aa7c54!important;
}


/* v0.2.113IPRt8 — refined discussion context emphasis.
   Slightly restores brightness while keeping the IPRt7 muted hierarchy. */
#vhb-app .vhb-quote-preview,
#vhb-app .vhb-quote-box,
#vhb-app .vhb-parent-preview,
#vhb-app .vhb-formatted-quote-preview,
body #vhb-app .vhb-quote-preview,
body #vhb-app .vhb-quote-box,
body #vhb-app .vhb-parent-preview,
body #vhb-app .vhb-formatted-quote-preview,
body .vhb-app .vhb-quote-preview,
body .vhb-app .vhb-quote-box,
body .vhb-app .vhb-parent-preview,
body .vhb-app .vhb-formatted-quote-preview{
  border-color:rgba(207,139,75,.36)!important;
}
#vhb-app .vhb-quote-preview::before,
#vhb-app .vhb-quote-box::before,
body #vhb-app .vhb-quote-preview::before,
body #vhb-app .vhb-quote-box::before,
body .vhb-app .vhb-quote-preview::before,
body .vhb-app .vhb-quote-box::before{
  border-color:rgba(207,139,75,.36)!important;
}
#vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
body #vhb-app .vhb-post-content .vhb-formatted-quote-preview::after,
body .vhb-app .vhb-post-content .vhb-formatted-quote-preview::after{
  border-right-color:rgba(207,139,75,.36)!important;
  border-bottom-color:rgba(207,139,75,.36)!important;
}
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#c89263!important;
  font-weight:400!important;
  text-transform:none!important;
}
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
  color:rgba(200,146,99,.72)!important;
}


/* v0.2.113IPRt9 — discussion-page contrast and action-color refinement.
   Color only: soften stark whites and Read More controls, and align all
   discussion actions with the muted-blue Topics statistics icon token. */
#vhb-app .vhb-post-author strong,
#vhb-app .vhb-post-author strong a,
#vhb-app .vhb-post-text,
#vhb-app .vhb-post-text p,
#vhb-app .vhb-post-content,
body #vhb-app .vhb-post-author strong,
body #vhb-app .vhb-post-author strong a,
body #vhb-app .vhb-post-text,
body #vhb-app .vhb-post-text p,
body #vhb-app .vhb-post-content,
body .vhb-app .vhb-post-author strong,
body .vhb-app .vhb-post-author strong a,
body .vhb-app .vhb-post-text,
body .vhb-app .vhb-post-text p,
body .vhb-app .vhb-post-content{
  color:#eceef1!important;
}

#vhb-app .vhb-read-more-toggle,
#vhb-app button.vhb-collapse-toggle-v6,
body #vhb-app .vhb-read-more-toggle,
body #vhb-app button.vhb-collapse-toggle-v6,
body .vhb-app .vhb-read-more-toggle,
body .vhb-app button.vhb-collapse-toggle-v6{
  color:#b78352!important;
}

#vhb-app .vhb-post-actions .vhb-action-link,
#vhb-app .vhb-post-actions .vhb-action-button,
#vhb-app .vhb-post-actions .vhb-edit-button,
#vhb-app .vhb-post-actions .vhb-like-toggle,
#vhb-app .vhb-post-actions .vhb-like-static,
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-like-label,
#vhb-app .vhb-post-actions .vhb-like-label.has-likes,
body #vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-button,
body #vhb-app .vhb-post-actions .vhb-edit-button,
body #vhb-app .vhb-post-actions .vhb-like-toggle,
body #vhb-app .vhb-post-actions .vhb-like-static,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-label.has-likes,
body .vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-button,
body .vhb-app .vhb-post-actions .vhb-edit-button,
body .vhb-app .vhb-post-actions .vhb-like-toggle,
body .vhb-app .vhb-post-actions .vhb-like-static,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-label.has-likes{
  color:#82a8c7!important;
  opacity:.88!important;
  filter:none!important;
}

#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked,
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-like-label{
  color:#82a8c7!important;
  opacity:1!important;
}


/* v0.2.113IPRt10 — discussion-count parity, avatar-free context bubbles,
   and modestly wider action-control spacing for touch accuracy. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-areas:"quote label" "body body"!important;
}
#vhb-app .vhb-quote-current-avatar,
#vhb-app .vhb-chain-avatar,
#vhb-app .vhb-formatted-quote-preview .vhb-quote-current-avatar,
#vhb-app .vhb-formatted-quote-preview .vhb-chain-avatar,
body #vhb-app .vhb-quote-current-avatar,
body #vhb-app .vhb-chain-avatar,
body .vhb-app .vhb-quote-current-avatar,
body .vhb-app .vhb-chain-avatar{
  display:none!important;
}
#vhb-app .vhb-reply-chain .vhb-chain-item,
#vhb-app .vhb-quote-preview.vhb-chain-expanded .vhb-chain-item,
body #vhb-app .vhb-reply-chain .vhb-chain-item,
body #vhb-app .vhb-quote-preview.vhb-chain-expanded .vhb-chain-item,
body .vhb-app .vhb-reply-chain .vhb-chain-item,
body .vhb-app .vhb-quote-preview.vhb-chain-expanded .vhb-chain-item{
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-areas:"quote label" "body body"!important;
}
#vhb-app .vhb-post-actions-left,
body #vhb-app .vhb-post-actions-left,
body .vhb-app .vhb-post-actions-left{
  column-gap:18px!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:18px!important;
  }
}
@media(max-width:380px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    column-gap:14px!important;
  }
}


/* v0.2.113IPRt11 — Read More clarity and stable expanded-state polish.
   Match the established rank-badge orange, reduce trigger scale slightly,
   and keep context ornaments clearly orange without raising their intensity. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
#vhb-app .vhb-read-more-toggle,
#vhb-app button.vhb-collapse-toggle-v6,
body #vhb-app .vhb-read-more-toggle,
body #vhb-app button.vhb-collapse-toggle-v6,
body .vhb-app .vhb-read-more-toggle,
body .vhb-app button.vhb-collapse-toggle-v6{
  color:var(--vhb-orange2,#ffb15c)!important;
  opacity:1!important;
}
#vhb-app .vhb-read-more-toggle,
#vhb-app button.vhb-collapse-toggle-v6,
body #vhb-app .vhb-read-more-toggle,
body #vhb-app button.vhb-collapse-toggle-v6,
body .vhb-app .vhb-read-more-toggle,
body .vhb-app button.vhb-collapse-toggle-v6{
  font-size:13px!important;
  font-weight:450!important;
}

/* v0.2.113IPRt12 — stable Read More paint and phone-landscape identity parity.
   Eliminate the final-line brightness pulse by taking the fade ornament fully
   out of the paint stack while content is opening/open, and make short touch
   landscape use the approved mobile-portrait identity rail above all content. */
#vhb-app .vhb-collapse-target-v6::after,
body #vhb-app .vhb-collapse-target-v6::after,
body .vhb-app .vhb-collapse-target-v6::after{
  transition:none!important;
}
#vhb-app .vhb-collapse-target-v6.is-opening::after,
#vhb-app .vhb-collapse-target-v6.is-expanded::after,
body #vhb-app .vhb-collapse-target-v6.is-opening::after,
body #vhb-app .vhb-collapse-target-v6.is-expanded::after,
body .vhb-app .vhb-collapse-target-v6.is-opening::after,
body .vhb-app .vhb-collapse-target-v6.is-expanded::after{
  display:none!important;
  content:none!important;
}
#vhb-app .vhb-collapse-target-v6.is-animating,
body #vhb-app .vhb-collapse-target-v6.is-animating,
body .vhb-app .vhb-collapse-target-v6.is-animating{
  -webkit-font-smoothing:antialiased!important;
  backface-visibility:hidden!important;
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  #vhb-app .vhb-post-card,
  body #vhb-app .vhb-post-card,
  body .vhb-app .vhb-post-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"author" "content"!important;
    gap:0!important;
    padding:16px!important;
  }
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    grid-area:author!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:0 0 14px!important;
    border-right:0!important;
    border-bottom:1px solid var(--vhb-border)!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-author-row,
  body #vhb-app .vhb-author-row,
  body .vhb-app .vhb-author-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
  }
  #vhb-app .vhb-author-avatar,
  body #vhb-app .vhb-author-avatar,
  body .vhb-app .vhb-author-avatar{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
  }
  #vhb-app .vhb-author-avatar img,
  #vhb-app .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-author-avatar img,
  body #vhb-app .vhb-author-avatar .vhb-default-avatar,
  body .vhb-app .vhb-author-avatar img,
  body .vhb-app .vhb-author-avatar .vhb-default-avatar{
    width:58px!important;
    height:58px!important;
  }
  #vhb-app .vhb-author-identity,
  body #vhb-app .vhb-author-identity,
  body .vhb-app .vhb-author-identity{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 10px!important;
    min-width:0!important;
    text-align:left!important;
  }
  #vhb-app .vhb-post-author strong,
  body #vhb-app .vhb-post-author strong,
  body .vhb-app .vhb-post-author strong{
    display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-post-author .vhb-rank,
  body #vhb-app .vhb-post-author .vhb-rank,
  body .vhb-app .vhb-post-author .vhb-rank{
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    width:auto!important;
    max-width:calc(100% - 70px)!important;
    min-height:28px!important;
    margin:7px 0 0 70px!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-post-content,
  body #vhb-app .vhb-post-content,
  body .vhb-app .vhb-post-content{
    grid-area:content!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }
  #vhb-app .vhb-post-top,
  body #vhb-app .vhb-post-top,
  body .vhb-app .vhb-post-top{
    position:static!important;
    display:flex!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 12px!important;
    text-align:left!important;
  }
}

/* v0.2.113IPRt13 — discussion and Topics micro-polish.
   Remove the short-touch-landscape identity divider, gently reduce desktop
   context-heading scale, and soften Topics-page title whites to match the
   established discussion-copy contrast. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    border-bottom:0!important;
  }
}

@media (min-width:1101px){
  #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
    font-size:16px!important;
  }
  #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
    font-size:38px!important;
  }
}

#vhb-app .vhb-topic-board-panel .vhb-topic-titleline a,
#vhb-app .vhb-topic-board-panel .vhb-topic-heading-row > a,
body #vhb-app .vhb-topic-board-panel .vhb-topic-titleline a,
body #vhb-app .vhb-topic-board-panel .vhb-topic-heading-row > a,
body .vhb-app .vhb-topic-board-panel .vhb-topic-titleline a,
body .vhb-app .vhb-topic-board-panel .vhb-topic-heading-row > a{
  color:#eceef1!important;
}


/* v0.2.113IPRt17 — Context card presentation experiment.
   The legacy speech-bubble visual remains untouched beneath this override.
   Set VHB_CONTEXT_PRESENTATION to 'bubble' in volhoops-board.php to restore it. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#23262b 0%,#1b1e22 55%,#17191d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.22)!important;
  padding:0!important;
  margin-bottom:28px!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:8px!important;
  bottom:8px!important;
  width:5px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#ff9b32 0%,#ff8200 100%)!important;
  box-shadow:0 0 16px rgba(255,130,0,.16)!important;
  pointer-events:none!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50px!important;
  bottom:-11px!important;
  width:22px!important;
  height:22px!important;
  transform:rotate(45deg)!important;
  border:0!important;
  border-radius:0 0 3px 0!important;
  background:#1b1e22!important;
  box-shadow:none!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-areas:"quote label" ". body"!important;
  column-gap:14px!important;
  row-gap:12px!important;
  align-items:start!important;
  padding:22px 24px 24px 28px!important;
  margin:0!important;
  border:0!important;
  border-radius:17px!important;
  background:transparent!important;
  overflow:visible!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
  grid-area:quote!important;
  position:static!important;
  justify-self:center!important;
  align-self:start!important;
  margin:-1px 0 0!important;
  color:#ff9629!important;
  font-family:Georgia,serif!important;
  font-size:52px!important;
  line-height:.72!important;
  font-weight:900!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  grid-area:label!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  color:#ff9629!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  background:transparent!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
  grid-area:body!important;
  align-self:start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#f1f3f6!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:500!important;
  background:transparent!important;
  border:0!important;
}
@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
    border-radius:16px!important;
    margin-bottom:25px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:11px!important;
    row-gap:11px!important;
    padding:18px 17px 21px 20px!important;
    border-radius:16px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
    font-size:45px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
    font-size:16px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
    font-size:15px!important;
    line-height:1.48!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after{
    width:4px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
    left:42px!important;
    bottom:-9px!important;
    width:18px!important;
    height:18px!important;
  }
}


/* v0.2.113IPRt18 — Context card visual-alignment refinement.
   Preserve the legacy bubble presentation toggle while bringing the card
   treatment into closer parity with the approved mobile mockup. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  background:linear-gradient(135deg,#2d3035 0%,#272a2f 55%,#22252a 100%)!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  background:#272a2f!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  row-gap:8px!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#d88a45!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
  grid-column:2!important;
  font-size:18px!important;
  line-height:1.55!important;
}
@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    row-gap:7px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
    grid-column:2!important;
    font-size:18px!important;
    line-height:1.5!important;
  }
}

/* v0.2.113IPRt20 — Lighter, thinner dark-context bubble outline.
   Preserves the IPRt19 interior, spacing, typography, and alignment while
   softening the complete perimeter border and matching tail outline. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  border:1.5px solid #f0b77f!important;
  background:linear-gradient(135deg,#23262b 0%,#1b1e22 55%,#17191d 100%)!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::after{
  content:none!important;
  display:none!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  background:#1b1e22!important;
  border-right:1.5px solid #f0b77f!important;
  border-bottom:1.5px solid #f0b77f!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p{
  grid-column:2!important;
}

/* v0.2.113IPRt21 — Mobile Topics activity-metadata hierarchy.
   Keeps Topic titles unchanged while reducing only the phone activity icons
   and counts enough to restore clear title preeminence without harming readability. */
@media(max-width:680px){
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:14.5px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{
    width:18px!important;
    height:16px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{
    width:17px!important;
    height:17px!important;
  }
}
@media(max-width:430px){
  .vhb-topic-board-panel .vhb-topic-count strong{
    font-size:14px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-icon{
    width:17px!important;
    height:15px!important;
  }
  .vhb-topic-board-panel .vhb-topic-count-svg{
    width:16px!important;
    height:16px!important;
  }
}

/* v0.2.113IPRt22 — Standalone emoji and context-bubble finishing polish.
   Enlarges content made only of emoji across every device, further softens
   the full context outline, and returns the attribution line to regular weight. */
.vhb-post-text.vhb-emoji-only-reply{
  font-size:4em!important;
  line-height:1.05!important;
  letter-spacing:0!important;
}
.vhb-post-text.vhb-emoji-only-reply p{
  margin:.04em 0!important;
}
.vhb-post-text.vhb-emoji-only-reply img.emoji,
.vhb-post-text.vhb-emoji-only-reply img.wp-smiley{
  width:1em!important;
  height:1em!important;
  max-width:1em!important;
  max-height:1em!important;
  vertical-align:-.12em!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  border:1px solid rgba(216,138,69,.58)!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  border-right:1px solid rgba(216,138,69,.58)!important;
  border-bottom:1px solid rgba(216,138,69,.58)!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  font-weight:400!important;
}

/* v0.2.113IPRt23 — Standalone emoji repair, richer context surface, and
   localized continuation marker for collapsed context copy. */
.vhb-post-text.vhb-emoji-only-reply,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply{
  font-size:4em!important;
  line-height:1.05!important;
}
.vhb-post-text.vhb-emoji-only-reply > p,
.vhb-post-text.vhb-emoji-only-reply > div,
.vhb-post-text.vhb-emoji-only-reply > span,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply > p,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply > div,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply > span{
  font-size:inherit!important;
  line-height:inherit!important;
}
.vhb-post-text.vhb-emoji-only-reply img.emoji,
.vhb-post-text.vhb-emoji-only-reply img.wp-smiley,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply img.emoji,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply img.wp-smiley{
  width:1em!important;
  height:1em!important;
  min-width:1em!important;
  min-height:1em!important;
  max-width:1em!important;
  max-height:1em!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  background:linear-gradient(135deg,#273544 0%,#202d3a 56%,#1a2530 100%)!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  background:#202d3a!important;
}

/* Replace the full-width dark fade with a compact continuation cue. The
   marker blends into the context surface instead of painting a black strip. */
#vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body #vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body .vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after{
  content:"…"!important;
  left:auto!important;
  right:0!important;
  bottom:0!important;
  width:2.5em!important;
  height:1.45em!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  padding:0 .08em .02em .45em!important;
  box-sizing:border-box!important;
  color:#aeb8c5!important;
  font-size:1em!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  background:linear-gradient(90deg,rgba(32,45,58,0) 0%,rgba(32,45,58,.9) 42%,#202d3a 72%)!important;
  pointer-events:none!important;
}

/* v0.2.113IPRt24 — Context readability and standalone-emoji scale refinement.
   Preserves the slate-blue context surface while matching mobile quote copy to
   reply copy, tightening attribution spacing, softening quote contrast, making
   the teaser fade surface-aware, and reducing standalone emoji to a balanced size. */
.vhb-post-text.vhb-emoji-only-reply,
body #vhb-app .vhb-post-text.vhb-emoji-only-reply{
  font-size:3em!important;
  line-height:1.05!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  row-gap:5px!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy{
  color:#d9dee5!important;
}

/* Use the actual context surface color at the base of the fade so the clipped
   third line dissolves into the bubble instead of appearing over a black bar. */
#vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body #vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body .vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after{
  content:""!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:1.65em!important;
  display:block!important;
  padding:0!important;
  color:transparent!important;
  background:linear-gradient(to bottom,rgba(32,45,58,0) 0%,rgba(32,45,58,.72) 58%,#202d3a 100%)!important;
  pointer-events:none!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    row-gap:4px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current p,
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy{
    font-size:17px!important;
    line-height:1.42!important;
  }
}

/* v0.2.113IPRt25 — Context Read More text-mask fade experiment.
   Fade the lettering itself through the final visible line while leaving the
   slate-blue context surface completely untouched. */
#vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded){
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.18em),transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.18em),transparent 100%)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
}

/* Remove every painted teaser overlay; the mask above now supplies the fade. */
#vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body #vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after,
body .vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible:not(.is-expanded)::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Expanded content must return to fully opaque text. */
#vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible.is-expanded,
body #vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible.is-expanded,
body .vhb-app.vhb-context-style-card .vhb-quote-readmore-region.vhb-readable-collapsible.is-expanded{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}


/* v0.2.113IPRt26 — exact active bubble-teaser fade correction.
   The live Read More controller applies vhb-collapse-target-v6 directly to
   .vhb-quote-current-copy. Earlier IPRt25 rules targeted the retired
   .vhb-quote-readmore-region class, so the generic dark ::after overlay below
   remained authoritative. Disable that actual overlay and mask only the text
   paint of the active standalone quote-copy target. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* Fully collapsed/resting state: fade the lettering itself through the lower
   portion of the final measured line; do not paint anything over the bubble. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - .9em),rgba(0,0,0,.72) calc(100% - .55em),transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - .9em),rgba(0,0,0,.72) calc(100% - .55em),transparent 100%)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
}

/* Opening/open states must render at full opacity. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-opening,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-expanded,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing:not(.is-fade-return),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-opening,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-expanded,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing:not(.is-fade-return),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-opening,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-expanded,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing:not(.is-fade-return){
  -webkit-mask-image:none!important;
  mask-image:none!important;
}


/* v0.2.113IPRt28 — Bubble Read More spacing parity and stronger text fade.
   No ellipsis treatment. Move only the standalone bubble trigger upward to
   visually match reply-trigger spacing, and deepen the live bubble text mask. */
#vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6{
  margin-top:-6px!important;
  margin-bottom:16px!important;
}

@media(max-width:680px){
  #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
  body #vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
  body .vhb-app .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6{
    margin-top:-6px!important;
    margin-bottom:14px!important;
  }
}

/* Begin fading earlier and reduce opacity more aggressively through the final
   measured line so the bubble teaser is as obvious as the standard reply fade. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.35em),rgba(0,0,0,.48) calc(100% - .72em),transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.35em),rgba(0,0,0,.48) calc(100% - .72em),transparent 100%)!important;
}

/* v0.2.113IPRt29 — standalone quote rim-light and compact white header.
   Preserve the IPRt28 slate surface, bubble geometry, fade, and Read More behavior.
   Add a strong Volunteer Orange top-edge rim light, render the quotation ornament
   and attribution in message white, and tighten the horizontal header pairing. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  box-shadow:
    inset 0 6px 0 #ff8200,
    inset 0 18px 20px -18px rgba(255,130,0,.92),
    0 10px 26px rgba(0,0,0,.16)!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  grid-template-columns:50px minmax(0,1fr)!important;
  column-gap:5px!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#f1f3f6!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
    box-shadow:
      inset 0 5px 0 #ff8200,
      inset 0 15px 18px -16px rgba(255,130,0,.9),
      0 8px 22px rgba(0,0,0,.15)!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:4px!important;
  }
}

/* v0.2.113IPRt30 — bottom-anchored slate uplight.
   Preserve the IPRt29 orange rim and all bubble behavior. Keep the primary
   reading surface dark, then lift only the final 120px into a lighter slate so
   Read More expansion adds dark space in the middle rather than stretching the
   gradient across the entire bubble height. Match the speech-tail fill to the
   gradient endpoint at the bottom edge. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  background:linear-gradient(
    to bottom,
    #202d3a 0,
    #202d3a calc(100% - 120px),
    #344a62 100%
  )!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded)::before{
  background:#344a62!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
    background:linear-gradient(
      to bottom,
      #202d3a 0,
      #202d3a calc(100% - 100px),
      #344a62 100%
    )!important;
  }
}

/* v0.2.113IPRt31 — remove top orange highlight; rebalance orange accents.
   Preserve the IPRt30 bottom-anchored slate gradient, bubble geometry, hairline
   orange border, teaser fade, spacing, and all behavior. Remove only the thick
   top rim-light, brighten the bubble Read More control for contrast against the
   lighter gradient endpoint, and return the quote ornament/attribution to a
   slightly muted Volunteer Orange. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head{
  color:#e7a05a!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6{
  color:#ffb24a!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded),
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded){
    box-shadow:0 8px 22px rgba(0,0,0,.15)!important;
  }
}

/* v0.2.113IPRt35 — saved trimmed-quote visual parity from the clean IPRt32 baseline.
   Preserve the canonical saved quote markup and quote/reply boundary. Style the
   existing .vhb-formatted-quote-preview surface to match the current standalone
   context bubble without transforming or reconstructing submitted content. */
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-areas:"quote label" "body body"!important;
  column-gap:5px!important;
  row-gap:14px!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:0 0 28px!important;
  padding:30px 34px 28px!important;
  overflow:visible!important;
  isolation:isolate!important;
  border:1px solid rgba(231,160,90,.72)!important;
  border-left:1px solid rgba(231,160,90,.72)!important;
  border-radius:24px!important;
  background:linear-gradient(
    to bottom,
    #202d3a 0,
    #202d3a calc(100% - 120px),
    #344a62 100%
  )!important;
  color:#e8edf3!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}

#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before{
  content:"“"!important;
  display:block!important;
  position:static!important;
  grid-area:quote!important;
  align-self:start!important;
  width:auto!important;
  height:auto!important;
  margin:-7px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e7a05a!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:72px!important;
  line-height:.82!important;
  font-weight:700!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:1!important;
}

#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  grid-area:label!important;
  align-self:center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#e7a05a!important;
  background:transparent!important;
  border:0!important;
  font-family:"Barlow Condensed","Barlow",system-ui,sans-serif!important;
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  grid-area:body!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#e8edf3!important;
  background:transparent!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* The existing saved-quote tail remains the structural tail; match its fill and
   hairline border to the lower endpoint of the bottom-anchored gradient. */
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after{
  left:46px!important;
  bottom:-10px!important;
  width:18px!important;
  height:18px!important;
  background:#344a62!important;
  border-right:1px solid rgba(231,160,90,.72)!important;
  border-bottom:1px solid rgba(231,160,90,.72)!important;
  border-top:0!important;
  border-left:0!important;
  border-radius:0 0 2px 0!important;
  transform:rotate(45deg)!important;
  box-shadow:none!important;
}

#vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + button.vhb-collapse-context-toggle-v6,
#vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-read-more-toggle,
body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + button.vhb-collapse-context-toggle-v6,
body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-read-more-toggle,
body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + button.vhb-collapse-context-toggle-v6,
body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-read-more-toggle{
  color:#ffb24a!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:4px!important;
    row-gap:10px!important;
    padding:24px 20px 24px!important;
    border-radius:20px!important;
    background:linear-gradient(
      to bottom,
      #202d3a 0,
      #202d3a calc(100% - 100px),
      #344a62 100%
    )!important;
    box-shadow:0 8px 22px rgba(0,0,0,.15)!important;
  }
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::before{
    margin:-5px 0 0!important;
    font-size:60px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
    font-size:21px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
    font-size:17px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview::after{
    left:30px!important;
  }
}

/* v0.2.113IPRt35 — universal context-bubble layout and typography parity.
   Make every saved/current quote bubble use the newer stacked lead/message
   placement. Existing stored posts update through presentation CSS only. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-areas:"quote label" ". body"!important;
  column-gap:5px!important;
  row-gap:14px!important;
  align-items:start!important;
  padding:30px 34px 28px!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-avatar,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-avatar,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-avatar{
  display:none!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
  grid-area:quote!important;
  justify-self:start!important;
  align-self:start!important;
  margin:-7px 0 0!important;
  font-size:72px!important;
  line-height:.82!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  grid-area:label!important;
  align-self:center!important;
  margin:0!important;
  font-weight:400!important;
  text-transform:uppercase!important;
}
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy{
  grid-area:body!important;
  grid-column:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
  grid-template-areas:"quote label" ". body"!important;
}
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  grid-column:2!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:4px!important;
    row-gap:10px!important;
    padding:24px 20px 24px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current::before{
    margin:-5px 0 0!important;
    font-size:60px!important;
  }
}

/* v0.2.113IPRt36 — compact universal bubble header refinement.
   Keep the quotation mark and attribution on one shared row across every
   standalone/current and saved trimmed quote bubble. Preserve the message
   indent beneath the attribution while adding a small amount of breathing
   room before the quoted text. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
  grid-template-areas:"quote label" ". body"!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  align-self:center!important;
  font-weight:400!important;
  text-transform:none!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  margin-top:5px!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
    margin-top:4px!important;
  }
}

/* v0.2.113IPRt37 — compact bubble spacing and alignment parity.
   Reduce quoted-message side indents symmetrically, align attribution with
   the quotation-mark row, tighten lead-to-message spacing, and bring the
   bubble Read More control up to the same visual distance as standard posts. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
  row-gap:4px!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  align-self:start!important;
  margin-top:3px!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  grid-column:1 / -1!important;
  width:auto!important;
  margin:0 27px!important;
  padding:0!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6{
  margin-top:0!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
    row-gap:3px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
    margin-top:2px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
    margin-left:23px!important;
    margin-right:23px!important;
  }
  #vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6{
    margin-top:0!important;
  }
}

/* v0.2.113IPRt38 — mobile-first bubble density and vertical-alignment polish.
   Reclaim quoted-message width on phones and larger screens, place the
   attribution on the quotation-mark row, tighten the lead/body relationship,
   and remove surplus space between the faded copy and Read More / Show Less. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
  row-gap:0!important;
  padding-bottom:10px!important;
}

#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview{
  row-gap:0!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  align-self:start!important;
  margin-top:-5px!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  grid-column:1 / -1!important;
  width:auto!important;
  margin:-2px 10px 0!important;
  padding:0!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6{
  margin-top:-2px!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current{
    row-gap:0!important;
    padding-bottom:7px!important;
  }

  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
    margin-top:-5px!important;
  }

  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
    margin:-2px 5px 0!important;
  }

  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) > button.vhb-collapse-bubble-toggle-v6{
    margin-top:-3px!important;
  }
}

/* v0.2.113IPRt40 — right-edge width parity and short-bubble vertical balance.
   Preserve the IPRt38 left inset while allowing the quoted copy to reclaim
   more space at the right edge. Bottom-align the attribution with the
   quotation ornament and lift short bubbles without a collapse control. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  align-self:end!important;
  margin-top:0!important;
  margin-bottom:1px!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  margin-left:10px!important;
  margin-right:-18px!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy > p,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy > p,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy > p{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
}

/* A short quote has no Read More sibling. Lift only that message block so the
   single-line state sits nearer the attribution and gains bottom breathing room. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy{
  transform:translateY(-5px)!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
    margin-left:5px!important;
    margin-right:-14px!important;
  }

  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(:has(> button.vhb-collapse-bubble-toggle-v6)) .vhb-quote-current > .vhb-quote-current-copy{
    transform:translateY(-4px)!important;
  }
}

/* v0.2.113IPRt40 — exact quote-header row lock + ellipsis teaser experiment.
   Keep the prior fade implementation in the stylesheet for easy restoration,
   but disable it while collapsed teasers use a compact ellipsis cue. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  grid-row:1!important;
  grid-column:2!important;
  align-self:end!important;
  margin:0 0 1px!important;
  transform:none!important;
}

/* Ellipsis mode: preserve the measured per-device line limits and Read More
   controller, but replace every active collapsed fade/mask with three dots. */
#vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening),
body #vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening),
body .vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening),
#vhb-app .vhb-collapse-target-v6.is-closing.is-fade-return,
body #vhb-app .vhb-collapse-target-v6.is-closing.is-fade-return,
body .vhb-app .vhb-collapse-target-v6.is-closing.is-fade-return{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

#vhb-app .vhb-collapse-target-v6::after,
body #vhb-app .vhb-collapse-target-v6::after,
body .vhb-app .vhb-collapse-target-v6::after{
  content:"…"!important;
  left:auto!important;
  right:0!important;
  bottom:0!important;
  width:1.45em!important;
  height:1.25em!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  padding:0 0 .02em .28em!important;
  box-sizing:border-box!important;
  color:#aeb5c0!important;
  font:inherit!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  opacity:1!important;
  background:linear-gradient(90deg,rgba(8,10,14,0),#080a0e 38%)!important;
  pointer-events:none!important;
}

/* Bubble copy needs a surface-matched ellipsis cap rather than the standard
   post background. This is a hard cover behind the dots, not a teaser fade. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6::after,
#vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6::after,
body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6::after,
body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6::after{
  color:#d6dce5!important;
  background:linear-gradient(90deg,rgba(52,73,96,0),#344960 38%)!important;
}

#vhb-app .vhb-collapse-target-v6.is-expanded::after,
body #vhb-app .vhb-collapse-target-v6.is-expanded::after,
body .vhb-app .vhb-collapse-target-v6.is-expanded::after,
#vhb-app .vhb-collapse-target-v6.is-opening::after,
body #vhb-app .vhb-collapse-target-v6.is-opening::after,
body .vhb-app .vhb-collapse-target-v6.is-opening::after,
#vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after,
body #vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after,
body .vhb-app .vhb-collapse-target-v6.is-closing:not(.is-fade-return)::after{
  opacity:0!important;
}

/* v0.2.113IPRt43 — final attribution baseline nudge.
   The existing grid-row attempts were being defeated by accumulated legacy
   layout rules. Move only the attribution visually so its bottom aligns with
   the quotation ornament; preserve every other bubble dimension and element. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
  position:relative!important;
  top:-34px!important;
}

@media(max-width:680px){
  #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current .vhb-quote-preview-head,
  #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child,
  body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:first-child{
    top:-27px!important;
  }
}


/* v0.2.113IPRt44 — true inline ellipsis truncation.
   Retain the existing measured Read More controller and animation, but use the
   browser's multiline line-clamp ellipsis so the dots sit immediately after
   the final visible word. The previous mask/fade and right-edge pseudo cue
   remain in source above for quick restoration, but are inactive here. */
#vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating),
body #vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating),
body .vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating){
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:var(--vhb-collapse-lines-v6,4)!important;
  line-clamp:var(--vhb-collapse-lines-v6,4)!important;
  max-height:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Disable every legacy fade/overlay/edge-positioned ellipsis while inline
   line clamping owns the collapsed teaser. */
#vhb-app .vhb-collapse-target-v6::after,
body #vhb-app .vhb-collapse-target-v6::after,
body .vhb-app .vhb-collapse-target-v6::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* Expanded and animated states must expose the complete rich-content flow;
   the existing max-height motion remains authoritative during transitions. */
#vhb-app .vhb-collapse-target-v6.is-expanded,
#vhb-app .vhb-collapse-target-v6.is-opening,
#vhb-app .vhb-collapse-target-v6.is-closing,
#vhb-app .vhb-collapse-target-v6.is-animating,
body #vhb-app .vhb-collapse-target-v6.is-expanded,
body #vhb-app .vhb-collapse-target-v6.is-opening,
body #vhb-app .vhb-collapse-target-v6.is-closing,
body #vhb-app .vhb-collapse-target-v6.is-animating,
body .vhb-app .vhb-collapse-target-v6.is-expanded,
body .vhb-app .vhb-collapse-target-v6.is-opening,
body .vhb-app .vhb-collapse-target-v6.is-closing,
body .vhb-app .vhb-collapse-target-v6.is-animating{
  display:block!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  text-overflow:clip!important;
}

@media(max-width:680px){
  #vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating),
  body #vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating),
  body .vhb-app .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing):not(.is-animating){
    -webkit-line-clamp:var(--vhb-collapse-lines-v6,3)!important;
    line-clamp:var(--vhb-collapse-lines-v6,3)!important;
  }
}


/* v0.2.113IPRt45 — bubble final-line mask removal only.
   The legacy bubble-specific fade selectors are more specific than the generic
   IPRt44 mask reset. Neutralize those exact selectors so collapsed bubble copy
   remains fully opaque through its final visible line while inline ellipsis,
   line limits, and Read More behavior remain unchanged. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current-copy.vhb-collapse-target-v6.is-closing.is-fade-return,
#vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing),
body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview .vhb-collapse-target-v6:not(.is-expanded):not(.is-opening):not(.is-closing){
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  opacity:1!important;
}


/* v0.2.113IPRt61 — saved quote inline-format isolation.
   Legacy formatted quote markup keeps its first direct strong element as the
   attribution label, while later strong elements remain ordinary user-authored
   inline emphasis with their selected color, case, and sentence flow intact. */
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:not(:first-child),
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:not(:first-child),
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > strong:not(:first-child){
  display:inline!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  transform:none!important;
  grid-area:auto!important;
  grid-row:auto!important;
  grid-column:auto!important;
  align-self:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:700!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  color:inherit;
}


/* v0.2.113IPRt62 — deterministic reply target + nested inline color fidelity.
   The composer message paragraph is now an unstyled caret host; the old accent
   border that surfaced as a brown hairline is explicitly retired. Nested bold
   elements inherit a selected foreground color from TinyMCE's wrapping span. */
#vhb-app .vhb-rich-reply-field p.vhb-editor-message-target[data-vhb-caret-target],
body #vhb-app .vhb-rich-reply-field p.vhb-editor-message-target[data-vhb-caret-target]{
  min-height:1.6em!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#vhb-app .vhb-post-text .vhb-formatted-quote-preview .vhb-editor-quote-text strong,
#vhb-app .vhb-post-text .vhb-formatted-quote-preview > :not(strong) strong,
#vhb-app .vhb-quote-current-copy strong,
body #vhb-app .vhb-post-text .vhb-formatted-quote-preview .vhb-editor-quote-text strong,
body #vhb-app .vhb-post-text .vhb-formatted-quote-preview > :not(strong) strong,
body #vhb-app .vhb-quote-current-copy strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  font:inherit!important;
  font-weight:700!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  color:inherit!important;
}

/* v0.2.113IPRt81 — Home Card excerpt typography restoration.
   Excerpts now explicitly share the Inter family used by card headlines, with
   neutral word spacing, restrained tracking, and tighter editorial leading on
   desktop, tablet, and the dedicated mobile text-field component. */
body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
body.home .vhb-home-content-prototype .vhb-card-excerpt,
body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
body.home .vhb-home-content-prototype .vhb-mobile-card-deck{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
  font-kerning:normal!important;
  font-variant-ligatures:common-ligatures!important;
  letter-spacing:-.012em!important;
  word-spacing:normal!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

@media(min-width:681px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-card-excerpt,
  body.home .vhb-home-content-prototype .vhb-card-excerpt{
    line-height:1.27!important;
  }
}

@media(max-width:680px){
  body.home #vhb-app .vhb-home-content-prototype .vhb-mobile-card-deck,
  body.home .vhb-home-content-prototype .vhb-mobile-card-deck{
    margin-top:5px!important;
    line-height:1.27!important;
    letter-spacing:-.01em!important;
  }
}


/* v0.2.113IPRt84 — Phase 3 reply-context / Read More parity hotfix. */
#vhb-app .vhb-preview-render-card,
body #vhb-app .vhb-preview-render-card,
body .vhb-app .vhb-preview-render-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#vhb-app .vhb-preview-render-card > .vhb-post-content,
body #vhb-app .vhb-preview-render-card > .vhb-post-content,
body .vhb-app .vhb-preview-render-card > .vhb-post-content{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#vhb-app .vhb-preview-render-card .vhb-post-text,
body #vhb-app .vhb-preview-render-card .vhb-post-text,
body .vhb-app .vhb-preview-render-card .vhb-post-text{
  margin:0!important;
  padding:0!important;
}

/* Keep full-size YouTube players centered whenever the surrounding card is wider. */
#vhb-app .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser),
body #vhb-app .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser),
body .vhb-app .vhb-youtube-viewer-live:not(.vhb-youtube-viewer-teaser){
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Align the bubble Read More control with the quoted message body and give
   the final line a small, consistent breathing space from the right wall. */
#vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6{
  margin-left:clamp(52px,5.1vw,72px)!important;
}
#vhb-app .vhb-quote-current-copy,
body #vhb-app .vhb-quote-current-copy,
body .vhb-app .vhb-quote-current-copy{
  padding-right:clamp(12px,1.4vw,20px)!important;
  box-sizing:border-box!important;
}
@media (max-width:680px){
  #vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6,
  body #vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6,
  body .vhb-app .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6{
    margin-left:50px!important;
  }
}

/* v0.2.113IPRt85 — Preview quote-control ownership and bubble inset finish. */
/* In Preview, the quote's Read More now lives inside the formatted bubble so
   expansion cannot reflow the short reply region over the quote surface. */
#vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6,
body #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6,
body .vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6{
  grid-column:1 / -1!important;
  justify-self:start!important;
  margin:0 0 -10px 10px!important;
  position:relative!important;
  z-index:2!important;
}

/* Align every quote-bubble Read More with the actual quoted-copy inset. */
#vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
#vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6,
body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6,
body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6{
  margin-left:44px!important;
}

/* Retire the historical negative right margin that let quote copy run too
   close to the bubble wall. Keep the adjustment restrained across layouts. */
#vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body #vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
body .vhb-app.vhb-context-style-card .vhb-quote-preview:not(.vhb-chain-expanded) .vhb-quote-current > .vhb-quote-current-copy,
#vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body #vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text,
body .vhb-app.vhb-context-style-card .vhb-post-content .vhb-formatted-quote-preview > .vhb-editor-quote-text{
  margin-right:4px!important;
}

@media(max-width:680px){
  #vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
  body #vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
  body .vhb-app .vhb-quote-preview .vhb-collapse-bubble-toggle-v6,
  #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6,
  body #vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6,
  body .vhb-app.vhb-context-style-card .vhb-formatted-quote-preview + .vhb-collapse-context-toggle-v6{
    margin-left:25px!important;
  }
  #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6,
  body #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6,
  body .vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > .vhb-collapse-context-toggle-v6{
    margin-left:5px!important;
  }
}

/* v0.2.113IPRt86 — Preview reply ownership + exact bubble-trigger inset. */
/* The public and Preview quote controls use the same structural selector and
   the same left inset as the quoted body. Earlier lower-specificity overrides
   could not beat the historical direct-child button rule. */
#vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
#vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
body #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
body .vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6{
  margin-left:68px!important;
}

@media(max-width:680px){
  #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  body .vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
  #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
  body #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
  body .vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6{
    margin-left:50px!important;
  }
}


/* v0.2.113IPRt87 — exact measured quote-trigger alignment.
   Remove accumulated fixed guesses; the active Read More controller now sets
   the trigger inset from the rendered quoted-copy edge on every layout pass. */
#vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body #vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
body .vhb-app .vhb-quote-preview > button.vhb-collapse-bubble-toggle-v6,
#vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
body #vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6,
body .vhb-app .vhb-preview-render-card .vhb-formatted-quote-preview > button.vhb-collapse-context-toggle-v6{
  margin-right:0!important;
}

/* v0.2.113IPRt89 — Phase 3B formatting-persistence foundation + preview close control. */
.vhb-reply-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,122,0,.13)!important;border-bottom:1px solid rgba(255,122,0,.20)!important}
.vhb-reply-preview-head .vhb-reply-preview-label{flex:1 1 auto!important;background:transparent!important;border-bottom:0!important}
.vhb-reply-preview-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;margin:0 7px 0 0!important;padding:0!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:#d8dbe2!important;font:700 25px/1 Arial,sans-serif!important;cursor:pointer!important;touch-action:manipulation!important}
.vhb-reply-preview-close:hover,.vhb-reply-preview-close:focus-visible{border-color:rgba(255,130,0,.45)!important;background:rgba(255,130,0,.12)!important;color:#fff!important;outline:none!important}
@media(max-width:760px){.vhb-reply-preview-close{width:42px!important;height:42px!important;margin-right:4px!important}}


/* v0.2.113IPRt97 — temporary execution-path diagnostic presentation. */


/* v0.2.113IPRt101 — referenced rich-text isolation.
   Retire the legacy blanket quote-span presentation rule inside actual quote
   copy. Saved inline spans must remain inline and retain only their own styles. */
#vhb-app .vhb-quote-current-copy span,
body #vhb-app .vhb-quote-current-copy span,
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span,
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span{
  display:inline!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  background-color:initial;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit;
  letter-spacing:inherit!important;
  text-transform:none!important;
  color:inherit;
}
#vhb-app .vhb-quote-current-copy p,
body #vhb-app .vhb-quote-current-copy p,
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text p,
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text p{
  display:block!important;
  margin:0 0 .65em!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
#vhb-app .vhb-quote-current-copy p:last-child,
body #vhb-app .vhb-quote-current-copy p:last-child,
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text p:last-child,
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text p:last-child{margin-bottom:0!important;}


/* v0.2.113IPRt102 — quote rich-style boundary repair.
   Historical quote-attribution selectors targeted every descendant span with
   !important orange, bold, uppercase, and block presentation. They now target
   direct attribution children only. This final guard preserves saved inline
   foreground/background styles and T101 sentence flow inside quote copy. */
#vhb-app .vhb-quote-current-copy span,
body #vhb-app .vhb-quote-current-copy span,
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span,
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span,
#vhb-app .vhb-quote-current-copy mark,
body #vhb-app .vhb-quote-current-copy mark,
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text mark,
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text mark{
  display:inline!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
#vhb-app .vhb-quote-current-copy span:not([style*="color"]):not([style*="background"]),
body #vhb-app .vhb-quote-current-copy span:not([style*="color"]):not([style*="background"]),
#vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span:not([style*="color"]):not([style*="background"]),
body #vhb-app .vhb-formatted-quote-preview .vhb-editor-quote-text span:not([style*="color"]):not([style*="background"]){
  color:inherit!important;
  background:transparent!important;
  font-weight:inherit!important;
}


/* v0.2.113IPRt121 — AJAX reply submission feedback. */
.vhb-ajax-reply-status{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(255,130,0,.35);border-radius:8px;background:rgba(255,130,0,.08);font-weight:700;line-height:1.35}
.vhb-ajax-reply-status[data-state="success"]{border-color:rgba(74,190,110,.42);background:rgba(74,190,110,.1)}
.vhb-ajax-reply-status[data-state="error"]{border-color:rgba(225,83,83,.48);background:rgba(225,83,83,.1)}
.vhb-reply-submit[aria-busy="true"]{cursor:wait;opacity:.78}


/* v0.2.113IPRt126 — Editor accessibility and emoji-library polish.
   Curated palettes avoid colors that disappear against the slate reply bubble
   or black page surface. Emoji choices are enlarged without changing picker logic. */
.vhb-editor-emoji-popover .vhb-emoji-choice{
  min-width:0!important;
  height:46px!important;
  font-size:29px!important;
  line-height:1!important;
  padding:4px!important;
}
.vhb-editor-emoji-popover .vhb-emoji-choice img.emoji,
.vhb-editor-emoji-popover .vhb-emoji-choice img.wp-smiley{
  width:1.08em!important;
  height:1.08em!important;
  max-width:1.08em!important;
  max-height:1.08em!important;
  margin:0!important;
  vertical-align:middle!important;
}
@media (max-width:640px){
  .vhb-editor-emoji-popover .vhb-emoji-choice{
    height:52px!important;
    font-size:32px!important;
    padding:5px!important;
  }
}


/* v0.2.113IPRt140 — unified full-composer Edit Mode foundation */
.vhb-reply-composer.vhb-unified-edit-mode{
  box-shadow:0 0 0 2px rgba(255,130,0,.42),0 18px 48px rgba(0,0,0,.28);
}
.vhb-reply-composer.vhb-unified-edit-mode .vhb-reply-composer-head{
  border-color:rgba(255,130,0,.58);
}
.vhb-reply-composer.vhb-unified-edit-mode .vhb-reply-composer-head > span > span{
  color:#ffb15c;
}
.vhb-reply-composer.vhb-unified-edit-mode .vhb-reply-submit[disabled]{
  opacity:.58;
  cursor:not-allowed;
  filter:saturate(.72);
}
.vhb-post-card.vhb-edit-origin{
  outline:2px solid rgba(255,130,0,.52);
  outline-offset:3px;
}

/* v0.2.113IPRt141 — unified AJAX edit save, viewport-safe emoji library, and vivid highlights. */
.vhb-editor-emoji-popover{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding-top:42px!important;
}
.vhb-editor-emoji-popover .vhb-editor-emoji-kicker{flex:0 0 auto!important;}
.vhb-editor-emoji-popover .vhb-editor-emoji-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.vhb-editor-emoji-popover .vhb-editor-popover-actions{
  flex:0 0 auto!important;
  position:relative!important;
  background:inherit!important;
  padding-top:12px!important;
}
.vhb-editor-popover-close{
  position:absolute!important;
  top:8px!important;
  right:10px!important;
  z-index:4!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:#090c11!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.vhb-editor-popover-close:hover,.vhb-editor-popover-close:focus{border-color:#ff8200!important;color:#ffb15c!important;}
.vhb-edit-save-success{animation:vhbEditSaveSuccess 1.8s ease-out both;}
@keyframes vhbEditSaveSuccess{
  0%,35%{box-shadow:0 0 0 3px rgba(255,130,0,.88),0 0 28px rgba(255,130,0,.34);}
  100%{box-shadow:0 0 0 0 rgba(255,130,0,0),0 0 0 rgba(255,130,0,0);}
}
@media(max-width:640px){
  .vhb-editor-emoji-popover{
    top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
    transform:translateX(-50%)!important;
    max-height:none!important;
    height:auto!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  .vhb-editor-emoji-popover .vhb-editor-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}


/* v0.2.113IPRt142 — unified viewport-centered editor modal framework,
   canonical edit hydration, and short-route scroll staging. */
html.vhb-editor-modal-open,
html.vhb-editor-modal-open body{overflow:hidden!important;overscroll-behavior:none!important;}
html.vhb-editor-modal-open body:before{
  content:"";position:fixed;inset:0;z-index:2147482500;
  background:rgba(0,0,0,.76);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
body .vhb-editor-popover.vhb-editor-modalized{
  position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;z-index:2147482600!important;
  width:min(390px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;overflow:auto!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;padding-top:46px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 0 1px rgba(255,130,0,.34)!important;
}
body .vhb-editor-popover.vhb-editor-modalized.vhb-editor-emoji-popover{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
body .vhb-editor-popover.vhb-editor-modalized .vhb-editor-popover-close{
  position:absolute!important;top:9px!important;right:10px!important;z-index:5!important;
}
body .vhb-editor-popover.vhb-editor-modalized .vhb-editor-popover-actions,
body .vhb-editor-popover.vhb-editor-modalized .vhb-editor-color-actions{position:relative!important;z-index:2!important;}
.vhb-temporary-scroll-spacer{display:block!important;width:1px!important;min-height:80px!important;pointer-events:none!important;}
@media(max-width:640px){
  body .vhb-editor-popover.vhb-editor-modalized{
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}

/* v0.2.113IPRt145 — explicit hand pointer for saved user-content links. */
#vhb-app .vhb-post-text a,
#vhb-app .vhb-post-content a,
#vhb-app .vhb-reply-preview-content a,
#vhb-app .vhb-quote-current-copy a,
body .vhb-post-text a,
body .vhb-post-content a,
body .vhb-reply-preview-content a,
body .vhb-quote-current-copy a{
  cursor:pointer!important;
}

/* T150 unified hyperlink editor */
.vhb-editor-link-modal .vhb-link-target-option{display:flex!important;align-items:center!important;gap:9px!important;font-size:14px!important;color:#d9dde5!important;cursor:pointer!important}
.vhb-editor-link-modal .vhb-link-target-option input{width:17px!important;height:17px!important;margin:0!important;accent-color:#ff8200!important}
.vhb-editor-popover-actions .vhb-link-remove{margin-right:auto!important;border-color:rgba(248,113,113,.58)!important;background:rgba(127,29,29,.18)!important;color:#ffb4b4!important}
.vhb-editor-popover-actions .vhb-link-remove:hover,.vhb-editor-popover-actions .vhb-link-remove:focus-visible{border-color:#f87171!important;background:rgba(127,29,29,.3)!important;color:#fff!important}
@media(max-width:560px){.vhb-editor-popover-actions .vhb-link-remove{width:100%!important;margin-right:0!important}}


/* T151 native TinyMCE/WordPress inline link toolbar suppression.
   The Vol Hoops modal is the only supported link-editing interface. */
#wp-vhb_reply_box-wrap .mce-inline-toolbar-grp,
.vhb-rich-reply-field .mce-inline-toolbar-grp,
body .mce-inline-toolbar-grp:has(#wp-link-preview),
body .mce-inline-toolbar-grp:has(.wp-link-preview),
body .mce-inline-toolbar-grp:has(.mce-i-dashicon-edit),
body .mce-inline-toolbar-grp:has(.mce-i-unlink){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v0.2.113IPRt153 — saved discussion links always advertise clickability. */
#vhb-app .vhb-post-card a[href],
body #vhb-app .vhb-post-card a[href],
body .vhb-app .vhb-post-card a[href],
.vhb-post-card .vhb-post-body a[href],
.vhb-post-card .vhb-post-copy a[href]{
  cursor:pointer!important;
}


/* v0.2.113IPRt154 — authoritative saved-post hyperlink pointer.
   Apply the pointer to the anchor and every rendered child so nested spans
   created by rich-text formatting cannot retain or inherit a text cursor. */
#vhb-app .vhb-post-card .vhb-post-text a[href],
#vhb-app .vhb-post-card .vhb-post-text a[href] *,
#vhb-app .vhb-post-card .vhb-post-content a[href],
#vhb-app .vhb-post-card .vhb-post-content a[href] *,
body #vhb-app .vhb-post-card .vhb-post-text a[href],
body #vhb-app .vhb-post-card .vhb-post-text a[href] *,
body #vhb-app .vhb-post-card .vhb-post-content a[href],
body #vhb-app .vhb-post-card .vhb-post-content a[href] *,
body .vhb-app .vhb-post-card .vhb-post-text a[href],
body .vhb-app .vhb-post-card .vhb-post-text a[href] *,
body .vhb-app .vhb-post-card .vhb-post-content a[href],
body .vhb-app .vhb-post-card .vhb-post-content a[href] *{
  cursor:pointer!important;
}


/* v0.2.113IPRt155 — rendered-anchor pointer fallback.
   The canonical renderer now stamps an inline cursor on saved user anchors;
   this classless selector remains as a non-inline fallback. */
#vhb-app .vhb-post-card .vhb-post-text a[href],
body #vhb-app .vhb-post-card .vhb-post-text a[href]{cursor:pointer!important;}


/* v0.2.113IPRt156 — root-level cursor authority while the pointer is
   geometrically over a saved-post hyperlink. This bypasses transparent theme
   hit layers and browser cursor inheritance without changing link behavior. */
html.vhb-saved-link-pointer-active,
html.vhb-saved-link-pointer-active body,
html.vhb-saved-link-pointer-active body *{
  cursor:pointer!important;
}

/* v0.2.113IPRt157 — developer-only saved-link diagnostics. */
.vhb-link-diagnostics{position:fixed;z-index:2147483646;right:14px;top:14px;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid #ff8200;border-radius:14px;background:rgba(8,10,14,.97);color:#f6f7f9;box-shadow:0 18px 60px rgba(0,0,0,.6);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:left}
.vhb-link-diagnostics[hidden]{display:none!important}.vhb-link-diagnostics-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#11151b;border-bottom:1px solid rgba(255,130,0,.35);z-index:1}.vhb-link-diagnostics-head strong{color:#ffad55;font-family:Inter,system-ui,sans-serif;font-size:13px}.vhb-link-diagnostics-actions{display:flex;gap:6px}.vhb-link-diagnostics button{appearance:none;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#202630;color:#fff;padding:5px 8px;font:700 11px/1 Inter,system-ui,sans-serif;cursor:pointer}.vhb-link-diagnostics button:hover{border-color:#ff8200}.vhb-link-diagnostics-report{margin:0;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#e6e9ee;background:transparent}.vhb-link-diagnostics-foot{padding:8px 12px;border-top:1px solid rgba(255,255,255,.12);color:#aeb6c2;font-family:Inter,system-ui,sans-serif;font-size:11px}.vhb-link-diagnostics.is-frozen{border-color:#61d6ff}.vhb-diag-outline{position:fixed;z-index:2147483645;pointer-events:none!important;box-sizing:border-box!important}.vhb-diag-outline-target{outline:2px solid #ff2ea6!important;background:rgba(255,46,166,.08)!important}.vhb-diag-outline-anchor{outline:3px dashed #59e391!important;outline-offset:2px!important;background:rgba(89,227,145,.06)!important}

/* v0.2.113IPRt158 — AJAX Phase 3 Build 1 topic status. */
.vhb-ajax-topic-status{margin-top:12px}


/* v0.2.113IPRt164 — Phase 4 Build 1 live reply insertion feedback. */
.vhb-reply-just-posted{opacity:.35;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease,box-shadow .45s ease;outline:none}
.vhb-reply-just-posted.is-visible{opacity:1;transform:none;box-shadow:0 0 0 2px rgba(255,130,0,.28),0 14px 34px rgba(0,0,0,.16)}
@media (prefers-reduced-motion:reduce){.vhb-reply-just-posted{transition:none;transform:none}}


/* v0.2.113IPRt167 — Phase 5 Build 1 live-update detection notice. */
.vhb-live-update-notice{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:10020;display:flex;justify-content:center;width:min(92vw,430px);padding:0;pointer-events:none;opacity:0;transform:translate(-50%,16px);transition:opacity .2s ease,transform .24s ease}
.vhb-live-update-notice.is-visible{opacity:1;transform:translate(-50%,0)}
.vhb-live-update-notice[hidden]{display:none!important}
.vhb-live-update-notice button{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon action";column-gap:12px;align-items:center;width:100%;min-height:62px;padding:11px 18px 11px 15px;border:2px solid #ff8200;border-radius:15px;background:linear-gradient(180deg,rgba(38,47,59,.98),rgba(18,24,32,.99));color:#fff;font:inherit;text-align:left;box-shadow:0 16px 42px rgba(0,0,0,.52),0 0 0 4px rgba(255,130,0,.12),0 0 24px rgba(255,130,0,.2);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.vhb-live-update-notice button:before{content:"\1F4AC";grid-area:icon;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,130,0,.16);font-size:20px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,154,53,.4)}
.vhb-live-update-notice strong{grid-area:label;color:#fff;font-size:15px;font-weight:900;line-height:1.15;letter-spacing:.01em}
.vhb-live-update-notice span{grid-area:action;color:#ffad5a;font-size:12px;font-weight:800;line-height:1.25}
.vhb-live-update-notice button:hover,.vhb-live-update-notice button:focus-visible{border-color:#ffad5a;transform:translateY(-2px);outline:none;box-shadow:0 19px 48px rgba(0,0,0,.58),0 0 0 5px rgba(255,130,0,.16),0 0 30px rgba(255,130,0,.28)}
/* v0.2.113IPRt195 — the Chromium-safe inline outline is the sole arrival-cue
   paint owner. Retain positioning/focus support but permanently retire the
   legacy pseudo-element ring and its independent animation lifecycle. */
.vhb-first-new-reply,.vhb-first-new-reply-alt{position:relative!important}
.vhb-first-new-reply:focus,.vhb-first-new-reply-alt:focus{outline:none!important}
.vhb-first-new-reply:after,.vhb-first-new-reply-alt:after{content:none!important;display:none!important;animation:none!important;border:0!important;opacity:0!important}
@media(max-width:680px){.vhb-live-update-notice{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.vhb-live-update-notice button{min-height:58px;padding:10px 14px}.vhb-live-update-notice button:before{width:34px;height:34px;font-size:18px}.vhb-live-update-notice strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.vhb-live-update-notice,.vhb-live-update-notice button{transition:none!important}.vhb-live-update-notice button{transform:none!important}}

/* v0.2.113IPRt183 — Phase 6.2 unread boundary. */
.vhb-unread-divider{display:flex;align-items:center;gap:13px;width:100%;margin:22px 0;color:#ffad5a;font-size:11px;font-weight:900;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.vhb-unread-divider:before,.vhb-unread-divider:after{content:"";display:block;flex:1 1 auto;height:1px;background:linear-gradient(90deg,rgba(255,130,0,.08),rgba(255,130,0,.88))}
.vhb-unread-divider:after{background:linear-gradient(90deg,rgba(255,130,0,.88),rgba(255,130,0,.08))}
.vhb-unread-divider span{display:inline-flex;align-items:center;min-height:24px;padding:5px 10px;border:1px solid rgba(255,130,0,.58);border-radius:999px;background:rgba(255,130,0,.09);box-shadow:0 0 18px rgba(255,130,0,.1);color:inherit}
@media(max-width:680px){.vhb-unread-divider{gap:8px;margin:18px 0;font-size:10px;letter-spacing:.11em}.vhb-unread-divider span{min-height:22px;padding:4px 8px}}


/* v0.2.113IPRt174 — Top Contributors score-column micro-hotfix.
   Reserve enough desktop rail width for three- and four-digit totals so the
   score never clips against the widget edge; the progress track yields the
   space while names retain their existing ellipsis behavior. */
@media (min-width:981px){
  #vhb-app .vhb-left-rail .vhb-topcontrib-row,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row{
    grid-template-columns:18px 36px minmax(0,1fr) 46px!important;
  }

  #vhb-app .vhb-left-rail .vhb-topcontrib-row > em,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row > em{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-align:right!important;
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  #vhb-app .vhb-left-rail .vhb-topcontrib-row,
  body .vhb-app .vhb-left-rail .vhb-topcontrib-row{
    grid-template-columns:16px 32px minmax(0,1fr) 40px!important;
  }
}
/* v0.2.113IPRt178 — Chrome live-arrival paint micro-hotfix. */
.vhb-live-arrival-ring{position:absolute!important;inset:0!important;z-index:21!important;border:3px solid #ff8200!important;border-radius:inherit!important;box-sizing:border-box!important;pointer-events:none!important;opacity:0!important}
.vhb-live-arrival-ring.is-active{animation:vhb-live-arrival-ring-paint 1.65s ease-out forwards!important}
@keyframes vhb-live-arrival-ring-paint{0%{border-color:#ff8200;opacity:1}58%{border-color:#ff8200;opacity:.72}100%{border-color:rgba(255,130,0,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.vhb-live-arrival-ring.is-active{animation:none!important;border-color:#ff8200!important;opacity:1!important}}

/* v0.2.113IPRt197 — live contributor periods and leaderboard overlay. */
.vhb-trending-widget>h3{text-align:center!important}
.vhb-topcontrib-period{display:block!important;position:relative!important;flex:0 0 auto!important}
.vhb-topcontrib-period select{appearance:none!important;-webkit-appearance:none!important;min-height:31px!important;max-width:112px!important;padding:0 25px 0 10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:8px!important;background:rgba(7,9,13,.62)!important;color:#c9d0da!important;font:800 11px/1 Inter,sans-serif!important;cursor:pointer!important;background-image:linear-gradient(45deg,transparent 50%,#9ca5b2 50%),linear-gradient(135deg,#9ca5b2 50%,transparent 50%)!important;background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important}
.vhb-topcontrib-period select:focus-visible{outline:2px solid rgba(255,130,0,.72)!important;outline-offset:2px!important}
.vhb-topcontrib-cta{width:100%!important;cursor:pointer!important}
body.vhb-leaderboard-open{overflow:hidden!important}
.vhb-leaderboard-overlay[hidden]{display:none!important}
.vhb-leaderboard-overlay{position:fixed!important;inset:0!important;z-index:10080!important;display:grid!important;place-items:center!important;padding:18px!important;opacity:0!important;transition:opacity .2s ease!important}
.vhb-leaderboard-overlay.is-open{opacity:1!important}
.vhb-leaderboard-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.vhb-leaderboard-dialog{position:relative!important;width:min(94vw,760px)!important;max-height:min(88vh,820px)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.18)!important;border-top-color:rgba(255,130,0,.58)!important;border-radius:18px!important;background:radial-gradient(circle at 15% 0,rgba(255,130,0,.12),transparent 30%),linear-gradient(180deg,#151922,#090c11)!important;box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.06)!important;color:#fff!important;transform:translateY(10px) scale(.985)!important;transition:transform .22s ease!important}
.vhb-leaderboard-overlay.is-open .vhb-leaderboard-dialog{transform:none!important}
.vhb-leaderboard-close{position:absolute!important;right:14px!important;top:14px!important;z-index:2!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;color:#dce1e8!important;font:300 27px/1 Arial,sans-serif!important;cursor:pointer!important}
.vhb-leaderboard-dialog header{padding:25px 62px 18px 24px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.vhb-leaderboard-dialog header>span{display:block!important;margin-bottom:5px!important;color:#ff9d31!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.vhb-leaderboard-dialog h2{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.15!important}
.vhb-leaderboard-dialog header p{margin:7px 0 0!important;color:#aeb7c4!important;font-size:12px!important}.vhb-leaderboard-dialog header p strong{color:#fff!important}
.vhb-leaderboard-dialog>[data-vhb-live-leaderboard-body]{max-height:calc(min(88vh,820px) - 168px)!important;overflow:auto!important;padding:10px 20px!important;overscroll-behavior:contain!important}
.vhb-leaderboard-list{display:grid!important}
.vhb-leaderboard-row{display:grid!important;grid-template-columns:30px 48px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;min-height:70px!important;padding:10px 4px!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
.vhb-leaderboard-rank{color:#fff!important;font-size:17px!important;text-align:center!important}.vhb-leaderboard-row:nth-child(-n+3)>.vhb-leaderboard-rank{color:#ff9d31!important;font-size:20px!important}
.vhb-leaderboard-avatar img,.vhb-leaderboard-avatar .vhb-default-avatar,.vhb-leaderboard-avatar .vhb-placeholder-avatar{width:48px!important;height:48px!important;border:2px solid rgba(255,255,255,.48)!important;border-radius:50%!important;object-fit:cover!important}
.vhb-leaderboard-member{min-width:0!important}.vhb-leaderboard-member>strong{display:block!important;overflow:hidden!important;color:#fff!important;font-size:14px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vhb-leaderboard-member small{display:flex!important;flex-wrap:wrap!important;gap:5px 12px!important;margin-top:6px!important;color:#929ca9!important;font-size:10px!important}.vhb-leaderboard-member small span{white-space:nowrap!important}
.vhb-leaderboard-row>em{color:#a9b2bf!important;font-size:10px!important;font-style:normal!important;text-align:right!important;white-space:nowrap!important}.vhb-leaderboard-row>em b{display:block!important;color:#ff9d31!important;font-size:18px!important;font-variant-numeric:tabular-nums!important}
.vhb-leaderboard-dialog footer{padding:12px 22px!important;border-top:1px solid rgba(255,255,255,.09)!important;color:#818b98!important;font-size:9px!important;letter-spacing:.025em!important;text-align:center!important}
.vhb-leaderboard-empty{margin:20px!important;padding:26px!important;border:1px dashed rgba(255,255,255,.14)!important;border-radius:12px!important;color:#aeb7c4!important;text-align:center!important}
@media(max-width:600px){.vhb-leaderboard-overlay{padding:10px!important}.vhb-leaderboard-dialog{width:100%!important;max-height:92vh!important;border-radius:15px!important}.vhb-leaderboard-dialog header{padding:21px 54px 15px 18px!important}.vhb-leaderboard-dialog h2{font-size:20px!important}.vhb-leaderboard-dialog>[data-vhb-live-leaderboard-body]{max-height:calc(92vh - 166px)!important;padding:6px 12px!important}.vhb-leaderboard-row{grid-template-columns:24px 40px minmax(0,1fr) auto!important;gap:9px!important;min-height:64px!important}.vhb-leaderboard-avatar img,.vhb-leaderboard-avatar .vhb-default-avatar,.vhb-leaderboard-avatar .vhb-placeholder-avatar{width:40px!important;height:40px!important}.vhb-leaderboard-member small{gap:3px 8px!important}.vhb-leaderboard-member small span:last-child{display:none!important}.vhb-leaderboard-row>em b{font-size:15px!important}.vhb-topcontrib-period select{max-width:104px!important;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.vhb-leaderboard-overlay,.vhb-leaderboard-dialog{transition:none!important}}

/* v0.2.113IPRt198 — the active leaderboard is promoted to a direct body child,
   giving its fixed overlay the browser viewport rather than a transformed rail
   or board shell as its containing block. */
body>.vhb-leaderboard-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;margin:0!important;transform:none!important;contain:none!important;overflow:visible!important}

/* v0.2.113IPRt199 — Activity Point clarity and shared Reputation explainer. */
.vhb-topcontrib-row>em small{color:#aeb6c1!important;font-size:8px!important;font-style:normal!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:lowercase!important}
.vhb-leaderboard-row>em{max-width:92px!important;line-height:1.15!important}.vhb-leaderboard-row>em b{margin-bottom:2px!important}
.vhb-leaderboard-dialog footer{display:grid!important;gap:7px!important;justify-items:center!important}.vhb-leaderboard-dialog footer p{margin:0!important}.vhb-leaderboard-dialog footer button{padding:0!important;border:0!important;background:none!important;color:#ff9d31!important;font:800 10px/1.2 Inter,sans-serif!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important}
.vhb-reputation-label{display:inline-flex!important;align-items:center!important;gap:7px!important}.vhb-reputation-label button{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;padding:0!important;border:1px solid rgba(255,130,0,.55)!important;border-radius:50%!important;background:rgba(255,130,0,.08)!important;color:#ff9d31!important;font:900 11px/1 Georgia,serif!important;cursor:pointer!important}.vhb-reputation-label button:hover,.vhb-reputation-label button:focus-visible{background:rgba(255,130,0,.18)!important;border-color:#ff9d31!important;outline:none!important}
.vhb-reputation-overlay[hidden]{display:none!important}.vhb-reputation-overlay{position:fixed!important;inset:0!important;z-index:10110!important;display:grid!important;place-items:center!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;padding:18px!important;margin:0!important;opacity:0!important;transform:none!important;contain:none!important;transition:opacity .2s ease!important}.vhb-reputation-overlay.is-open{opacity:1!important}.vhb-reputation-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.vhb-reputation-dialog{position:relative!important;width:min(94vw,620px)!important;max-height:88vh!important;overflow:auto!important;border:1px solid rgba(255,255,255,.18)!important;border-top-color:rgba(255,130,0,.62)!important;border-radius:18px!important;background:radial-gradient(circle at 15% 0,rgba(255,130,0,.13),transparent 31%),linear-gradient(180deg,#151922,#090c11)!important;box-shadow:0 28px 90px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.06)!important;color:#fff!important;transform:translateY(10px) scale(.985)!important;transition:transform .22s ease!important}.vhb-reputation-overlay.is-open .vhb-reputation-dialog{transform:none!important}.vhb-reputation-close{position:absolute!important;right:14px!important;top:14px!important;z-index:2!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;color:#dce1e8!important;font:300 27px/1 Arial,sans-serif!important;cursor:pointer!important}.vhb-reputation-dialog header{padding:25px 62px 19px 24px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.vhb-reputation-dialog header>span{display:block!important;margin-bottom:5px!important;color:#ff9d31!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}.vhb-reputation-dialog h2{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.15!important}.vhb-reputation-dialog header p{margin:7px 0 0!important;color:#aeb7c4!important;font-size:12px!important;line-height:1.45!important}.vhb-reputation-body{padding:20px 24px 24px!important}.vhb-reputation-formula{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.vhb-reputation-formula>div{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important}.vhb-reputation-formula strong{color:#ff9d31!important;font-size:17px!important;text-align:center!important}.vhb-reputation-formula span{color:#e3e7ed!important;font-size:12px!important;font-weight:750!important}.vhb-reputation-cap{margin:13px 2px 17px!important;color:#8f99a6!important;font-size:10px!important;line-height:1.45!important}.vhb-reputation-body aside{padding:15px 16px!important;border:1px solid rgba(255,130,0,.26)!important;border-radius:12px!important;background:rgba(255,130,0,.065)!important}.vhb-reputation-body aside>strong{color:#ffad55!important;font-size:13px!important}.vhb-reputation-body aside p{margin:6px 0 0!important;color:#c5ccd5!important;font-size:11px!important;line-height:1.5!important}
@media(min-width:981px){#vhb-app .vhb-left-rail .vhb-topcontrib-row,body .vhb-app .vhb-left-rail .vhb-topcontrib-row{grid-template-columns:18px 36px minmax(0,1fr) 62px!important}}@media(min-width:981px) and (max-width:1280px){#vhb-app .vhb-left-rail .vhb-topcontrib-row,body .vhb-app .vhb-left-rail .vhb-topcontrib-row{grid-template-columns:16px 32px minmax(0,1fr) 54px!important}.vhb-topcontrib-row>em small{font-size:7px!important}}
@media(max-width:600px){.vhb-reputation-overlay{padding:10px!important}.vhb-reputation-dialog{width:100%!important;max-height:92vh!important;border-radius:15px!important}.vhb-reputation-dialog header{padding:21px 54px 16px 18px!important}.vhb-reputation-dialog h2{font-size:20px!important}.vhb-reputation-body{padding:16px 17px 19px!important}.vhb-reputation-formula{grid-template-columns:1fr!important;gap:7px!important}.vhb-reputation-formula>div{min-height:46px!important}.vhb-leaderboard-row>em{max-width:74px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.vhb-reputation-overlay,.vhb-reputation-dialog{transition:none!important}}

/* v0.2.113IPRt200 — leaderboard footer containment and contextual Back to Top. */
.vhb-back-to-top-global[hidden],body.vhb-leaderboard-open .vhb-back-to-top-global{display:none!important}
.vhb-leaderboard-dialog{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:min(88vh,820px)!important;max-height:min(88vh,820px)!important}
.vhb-leaderboard-dialog>[data-vhb-live-leaderboard-body]{min-height:0!important;max-height:none!important;overflow:auto!important}
.vhb-leaderboard-dialog footer{position:relative!important;z-index:2!important;min-height:58px!important;padding:11px 22px 13px!important;overflow:visible!important;background:rgba(8,11,16,.98)!important;box-sizing:border-box!important}
@media(max-width:600px){.vhb-leaderboard-dialog{height:92dvh!important;min-height:0!important;max-height:92dvh!important}.vhb-leaderboard-dialog footer{min-height:62px!important;padding:10px 14px 12px!important}.vhb-leaderboard-dialog footer p{line-height:1.35!important}}
/* v0.2.113IPRt206 — active responsive profile badge showcase. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase{
  position:relative!important;z-index:3!important;display:block!important;
  box-sizing:border-box!important;width:min(100%,980px)!important;max-width:980px!important;
  min-width:0!important;margin:16px auto 2px!important;padding:14px 16px 16px!important;
  border:1px solid rgba(255,255,255,.11)!important;border-top-color:rgba(255,130,0,.44)!important;
  border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  width:100%!important;margin:0 0 11px!important;padding:0 2px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading h3,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading h3{
  margin:0!important;color:#f5f6f8!important;font-size:13px!important;line-height:1.2!important;
  font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading>span,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading>span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  min-width:54px!important;padding:4px 8px!important;border:1px solid rgba(255,130,0,.34)!important;
  border-radius:999px!important;background:#050608!important;color:#ffb15c!important;
  font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.05em!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges{
  position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;justify-content:stretch!important;gap:10px!important;width:100%!important;
  max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge{
  display:grid!important;grid-template-rows:64px minmax(32px,auto)!important;align-items:center!important;
  justify-items:center!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;
  min-width:0!important;max-width:100%!important;min-height:116px!important;margin:0!important;padding:10px 7px 9px!important;
  border:1px solid rgba(255,130,0,.27)!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(13,15,20,.94),rgba(3,4,6,.96))!important;color:#f7d4ab!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;overflow:hidden!important;
  white-space:normal!important;text-align:center!important;transform:none!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art{
  display:block!important;align-self:center!important;width:62px!important;height:62px!important;min-width:62px!important;
  max-width:62px!important;flex:0 0 62px!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;transform:none!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label{
  display:-webkit-box!important;box-sizing:border-box!important;width:100%!important;height:auto!important;
  min-height:0!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#ffd09a!important;font-size:12px!important;line-height:1.22!important;font-weight:900!important;
  letter-spacing:.01em!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;
  overflow-wrap:anywhere!important;word-break:normal!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;line-clamp:2!important;transform:none!important;
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase{
    width:100%!important;max-width:none!important;margin:18px auto 4px!important;padding:13px 12px 14px!important;border-radius:16px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge{
    grid-template-rows:68px minmax(38px,auto)!important;gap:8px!important;min-height:128px!important;
    padding:11px 8px 10px!important;border-radius:16px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art{
    width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;flex-basis:66px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label{
    font-size:14px!important;line-height:1.25!important;
  }
}
/* v0.2.113IPRt207 — compact, crisp earned-badge presentation. */
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase{
  margin-top:14px!important;
  padding:12px 14px 13px!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-heading{
  margin-bottom:9px!important;
  padding-bottom:8px!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges{
  gap:8px!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge{
  grid-template-rows:52px minmax(28px,auto)!important;
  gap:5px!important;
  min-height:100px!important;
  padding:8px 6px 7px!important;
  border-radius:13px!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art{
  width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;flex-basis:50px!important;
}
html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label,
#vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label{
  font-size:11px!important;
  line-height:1.18!important;
}
@media(max-width:680px){
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase{
    margin-top:16px!important;
    padding:11px 10px 12px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges{
    gap:9px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-identity-badges>.vhb-identity-badge{
    grid-template-rows:54px minmax(32px,auto)!important;
    gap:6px!important;
    min-height:108px!important;
    padding:8px 7px!important;
    border-radius:14px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-achievement-art{
    width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;flex-basis:52px!important;
  }
  html body .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label,
  #vhb-app .vhb-profile-card-modal.vhb-identity-card-modal .vhb-profile-badge-showcase .vhb-badge-label{
    font-size:13px!important;
    line-height:1.2!important;
  }
}
/* v0.2.113IPRt208 — borderless rank alignment + Charter Member rank companion. */
#vhb-app .vhb-post-author .vhb-author-standing,
body #vhb-app .vhb-post-author .vhb-author-standing,
body .vhb-app .vhb-post-author .vhb-author-standing{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-post-author .vhb-author-standing>.vhb-rank,
body #vhb-app .vhb-post-author .vhb-author-standing>.vhb-rank,
body .vhb-app .vhb-post-author .vhb-author-standing>.vhb-rank{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffb15c!important;
  line-height:1!important;
}
#vhb-app .vhb-post-author .vhb-rank-icon,
body #vhb-app .vhb-post-author .vhb-rank-icon,
body .vhb-app .vhb-post-author .vhb-rank-icon{
  display:inline-block!important;
  position:relative!important;
  top:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:1em!important;
  line-height:1!important;
}
#vhb-app .vhb-post-author .vhb-rank-label,
body #vhb-app .vhb-post-author .vhb-rank-label,
body .vhb-app .vhb-post-author .vhb-rank-label{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  line-height:1!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-badge,
body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-badge img,
body #vhb-app .vhb-post-author .vhb-charter-rank-badge img,
body .vhb-app .vhb-post-author .vhb-charter-rank-badge img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-author-standing,
  body #vhb-app .vhb-post-author .vhb-author-standing,
  body .vhb-app .vhb-post-author .vhb-author-standing{gap:5px!important;}
  #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  #vhb-app .vhb-post-author .vhb-charter-rank-badge img,
  body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body #vhb-app .vhb-post-author .vhb-charter-rank-badge img{
    width:22px!important;height:22px!important;max-width:22px!important;flex-basis:22px!important;
  }
}

/* v0.2.113IPRt212 — keep the complete desktop author standing on one row. */
@media (min-width:900px){
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:100%!important;
  }
  #vhb-app .vhb-post-author .vhb-author-identity>strong,
  body #vhb-app .vhb-post-author .vhb-author-identity>strong,
  body .vhb-app .vhb-post-author .vhb-author-identity>strong,
  #vhb-app .vhb-post-author .vhb-author-standing,
  body #vhb-app .vhb-post-author .vhb-author-standing,
  body .vhb-app .vhb-post-author .vhb-author-standing{
    flex:0 0 auto!important;
  }
}

/* v0.2.113IPRt213 — compact mobile author-header rhythm. */
@media(max-width:680px){
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    margin-bottom:12px!important;
    padding-bottom:0!important;
  }
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    row-gap:0!important;
  }
  #vhb-app .vhb-post-author .vhb-author-standing,
  body #vhb-app .vhb-post-author .vhb-author-standing,
  body .vhb-app .vhb-post-author .vhb-author-standing{
    position:relative!important;
    top:2px!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    margin-top:-2px!important;
    position:relative!important;
    top:4px!important;
  }
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  #vhb-app .vhb-post-author,
  body #vhb-app .vhb-post-author,
  body .vhb-app .vhb-post-author{
    margin-bottom:14px!important;
    padding-bottom:6px!important;
  }
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    row-gap:2px!important;
  }
  #vhb-app .vhb-post-author .vhb-author-standing,
  body #vhb-app .vhb-post-author .vhb-author-standing,
  body .vhb-app .vhb-post-author .vhb-author-standing{
    position:relative!important;
    top:2px!important;
  }
  #vhb-app .vhb-post-achievements,
  body #vhb-app .vhb-post-achievements,
  body .vhb-app .vhb-post-achievements{
    margin-top:1px!important;
    position:relative!important;
    top:4px!important;
  }
}

/* v0.2.113IPRt209 — final author-standing authority. */
#vhb-app .vhb-post-author .vhb-author-identity,
body #vhb-app .vhb-post-author .vhb-author-identity,
body .vhb-app .vhb-post-author .vhb-author-identity{
  column-gap:16px!important;
}
#vhb-app .vhb-post-author .vhb-author-standing,
body #vhb-app .vhb-post-author .vhb-author-standing,
body .vhb-app .vhb-post-author .vhb-author-standing{
  gap:0!important;
}
#vhb-app .vhb-post-author .vhb-rank-label,
#vhb-app .vhb-post-author .vhb-charter-rank-label,
body #vhb-app .vhb-post-author .vhb-rank-label,
body #vhb-app .vhb-post-author .vhb-charter-rank-label,
body .vhb-app .vhb-post-author .vhb-rank-label,
body .vhb-app .vhb-post-author .vhb-charter-rank-label{
  color:#ffb15c!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-badge,
body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  margin-left:18px!important;
  padding-left:18px!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
  border-radius:0!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-post-author .vhb-charter-rank-label,
body #vhb-app .vhb-post-author .vhb-charter-rank-label,
body .vhb-app .vhb-post-author .vhb-charter-rank-label{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-author-identity,
  body #vhb-app .vhb-post-author .vhb-author-identity,
  body .vhb-app .vhb-post-author .vhb-author-identity{
    column-gap:13px!important;
  }
  #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body #vhb-app .vhb-post-author .vhb-charter-rank-badge,
  body .vhb-app .vhb-post-author .vhb-charter-rank-badge{
    margin-left:13px!important;
    padding-left:13px!important;
  }
  #vhb-app .vhb-post-author .vhb-rank-label,
  #vhb-app .vhb-post-author .vhb-charter-rank-label,
  body #vhb-app .vhb-post-author .vhb-rank-label,
  body #vhb-app .vhb-post-author .vhb-charter-rank-label,
  body .vhb-app .vhb-post-author .vhb-rank-label,
  body .vhb-app .vhb-post-author .vhb-charter-rank-label{
    font-size:11px!important;
  }
}
/* v0.2.113IPRt221 — desktop/tablet top-nav typography authority.
   Ordinary links and dropdown summaries share one box and baseline so Contact
   cannot inherit a larger, heavier, or vertically displaced presentation. */
@media (min-width:701px){
  html body #vhb-app .vhb-site-header .vhb-site-nav > a,
  html body .vhb-site-header .vhb-site-nav > a,
  html body #vhb-app .vhb-site-header .vhb-site-nav > details > summary,
  html body .vhb-site-header .vhb-site-nav > details > summary{
    display:inline-flex!important;
    align-items:center!important;
    align-self:center!important;
    min-height:auto!important;
    height:auto!important;
    margin:0!important;
    padding:4px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:780!important;
    font-style:normal!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
}
@media (min-width:701px) and (max-width:1150px){
  html body #vhb-app .vhb-site-header .vhb-site-nav > a,
  html body .vhb-site-header .vhb-site-nav > a,
  html body #vhb-app .vhb-site-header .vhb-site-nav > details > summary,
  html body .vhb-site-header .vhb-site-nav > details > summary{
    font-size:10px!important;
    letter-spacing:.045em!important;
  }
}

/* v0.2.113IPRt239 — desktop Hero text/CTA collision containment.
   The Hero uses its own width as the sizing reference.  This keeps the single
   desktop row intact while the headline and CTA give each other real space at
   intermediate zoom/viewports; phone and tablet renderers are untouched. */
@media (min-width:1025px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card,
  html body.home .vhb-home-mode .vhb-home-hero-card{
    container-type:inline-size!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-main{
    grid-template-columns:minmax(0,1fr) clamp(210px,24cqw,300px)!important;
    column-gap:clamp(14px,2.2cqw,28px)!important;
    min-width:0!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-home-hero-headline-row{
    min-width:0!important;
    max-width:100%!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    max-width:100%!important;
    margin-right:0!important;
    font-size:clamp(26px,2.55cqw,34px)!important;
    letter-spacing:-.043em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode,
  html body.home .vhb-home-mode .vhb-home-hero-card .vhb-enter-board-mode{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding-left:clamp(12px,1.5cqw,18px)!important;
    padding-right:clamp(12px,1.5cqw,18px)!important;
    font-size:clamp(12px,1.35cqw,15px)!important;
    white-space:nowrap!important;
  }
}

/* v0.2.113IPRt240 — Hero intermediate-width clearance.
   This is the one narrow desktop seam observed at the first zoom-out step.
   Retain the T239 composition everywhere else, but reserve a visible buffer
   between the title and CTA rather than merely preventing contact. */
@media (min-width:1025px) and (max-width:1280px){
  html body.home #vhb-app .vhb-home-mode .vhb-home-hero-card h1,
  html body.home .vhb-home-mode .vhb-home-hero-card h1{
    font-size:clamp(24px,2.35cqw,31px)!important;
  }
}

/* v0.2.113IPRt238 — Home desktop/tablet countdown containment.
   The home rail uses a distinct portrait-card renderer.  Keep this repair
   strictly above the mobile breakpoint and scoped to its direct rail mount:
   phone CtT positioning, the mobile home mount, and global site layout are
   intentionally outside this authority. */
@media (min-width:681px){
  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget{
    container-type:inline-size!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:clamp(10px,4cqw,18px)!important;
    padding-right:clamp(10px,4cqw,18px)!important;
    align-items:center!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label{
    width:94%!important;
    max-width:94%!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(12px,4.6cqw,18px)!important;
    letter-spacing:clamp(.12em,.7cqw,.20em)!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero{
    width:94%!important;
    max-width:94%!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:94%!important;
    max-width:94%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    gap:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:clamp(10px,3.8cqw,15px) clamp(8px,3cqw,12px)!important;
    overflow:hidden!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:clamp(64px,20cqw,84px)!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(32px,12.6cqw,50px)!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(7px,2.55cqw,10px)!important;
    letter-spacing:.02em!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    position:static!important;
    inset:auto!important;
    width:94%!important;
    max-width:94%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    position:static!important;
    left:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(14px,5.2cqw,22px)!important;
    letter-spacing:clamp(.08em,.38cqw,.14em)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  html body.home #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body.home #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body.home .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body.home .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em{
    position:static!important;
    left:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(12px,4cqw,17px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}

/* v0.2.113IPRt245 — Non-home countdown width-only refinement.
   Build from the known-safe T240 shell.  Adjust only the already-rendered
   countdown descendants; do not add containment, alter rails, or touch any
   site/header/mobile breakpoint. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid{
    width:94%!important;
    max-width:94%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:94%!important;
    max-width:94%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    position:static!important;
    left:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(15px,1.9vw,22px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em{
    position:static!important;
    left:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(13px,1.55vw,17px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}

/* v0.2.113IPRt223: public legal pages */
.vhb-legal-shell{max-width:1120px!important;}
.vhb-legal-hero{margin:20px 18px 0;padding:54px 54px 48px;border:1px solid rgba(255,130,0,.42);border-radius:22px 22px 0 0;background:radial-gradient(circle at 82% 18%,rgba(255,130,0,.18),transparent 32%),linear-gradient(135deg,#11151d,#07090d);box-shadow:0 24px 70px rgba(0,0,0,.38);}
.vhb-legal-kicker{display:block;margin-bottom:10px;color:#ff970f;font-size:11px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;}
.vhb-legal-hero h1{margin:0;color:#fff;font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-.045em;font-weight:1000;}
.vhb-legal-hero p{max-width:700px;margin:16px 0 0;color:#c9d0db;font-size:17px;line-height:1.6;}
.vhb-legal-card{margin:0 18px 28px;padding:42px 54px 48px;border:1px solid rgba(255,255,255,.13);border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(145deg,rgba(17,19,24,.98),rgba(7,8,11,.99));color:#d7dce5;box-shadow:0 22px 68px rgba(0,0,0,.38);}
.vhb-legal-card>p{margin:0 0 26px;font-size:16px;line-height:1.72;}
.vhb-legal-updated{display:inline-flex;margin:0 0 26px!important;padding:8px 11px;border:1px solid rgba(255,130,0,.38);border-radius:999px;background:rgba(255,130,0,.08);color:#ffbd75!important;font-size:13px!important;line-height:1.2!important;}
.vhb-legal-section{padding:26px 0;border-top:1px solid rgba(255,255,255,.11);}
.vhb-legal-section h2{margin:0 0 12px;color:#fff;font-size:22px;line-height:1.15;font-weight:950;letter-spacing:-.02em;}
.vhb-legal-section p,.vhb-legal-section li{color:#c8cfda;font-size:15px;line-height:1.7;}
.vhb-legal-section p{margin:0 0 12px;}.vhb-legal-section p:last-child{margin-bottom:0;}
.vhb-legal-section ul{margin:0;padding-left:22px;}.vhb-legal-section li+li{margin-top:5px;}
.vhb-legal-card a{color:#ff9a2b!important;font-weight:850;text-decoration:underline!important;text-underline-offset:3px;}
@media(max-width:700px){.vhb-legal-hero{margin:12px 10px 0;padding:34px 22px 32px;border-radius:17px 17px 0 0;}.vhb-legal-hero p{font-size:15px;line-height:1.55;}.vhb-legal-card{margin:0 10px 20px;padding:26px 22px 30px;border-radius:0 0 17px 17px;}.vhb-legal-card>p{font-size:15px;line-height:1.66;}.vhb-legal-section{padding:22px 0;}.vhb-legal-section h2{font-size:19px;}.vhb-legal-section p,.vhb-legal-section li{font-size:14px;line-height:1.62;}}

/* v0.2.113IPRt247 — Final non-home countdown text containment.
   End-of-sheet placement intentionally wins the legacy non-home typography
   rules without affecting widget geometry, the rail, header, or phone UI. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label{
    width:94%!important;
    max-width:94%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(13px,1.6vw,17px)!important;
    letter-spacing:clamp(.08em,.18vw,.12em)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    font-size:clamp(16px,2.05vw,22px)!important;
    letter-spacing:clamp(.06em,.14vw,.10em)!important;
  }
}

/* v0.2.113IPRt248 — Non-home countdown stage width.
   T247 typography was applying, but its shared stage remained legacy-constrained.
   This supplies the stage's widget width only. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    align-items:center!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* v0.2.113IPRt249 — Non-home countdown title/date clearance.
   Keeps T248's proven stage geometry and reduces only the two long text lines
   that still exceed a narrow desktop rail. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label{
    font-size:clamp(12px,1.38vw,15px)!important;
    letter-spacing:clamp(.055em,.12vw,.075em)!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    font-size:clamp(14px,1.58vw,18px)!important;
    letter-spacing:clamp(.035em,.08vw,.06em)!important;
  }
}

/* v0.2.113IPRt250 — Canonical countdown card geometry.
   Every desktop/tablet rail card now inherits the exact visual contract
   proven on the Home-page countdown. Page placement stays outside this card. */
@media (min-width:681px){
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget{
    container-type:inline-size!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-stage{
    width:100%!important; min-width:0!important; box-sizing:border-box!important;
    padding-left:clamp(10px,4cqw,18px)!important; padding-right:clamp(10px,4cqw,18px)!important;
    align-items:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-label{
    width:94%!important; max-width:94%!important; box-sizing:border-box!important;
    margin-left:auto!important; margin-right:auto!important;
    font-size:clamp(12px,4.6cqw,18px)!important; letter-spacing:clamp(.12em,.7cqw,.20em)!important;
    white-space:nowrap!important; overflow:visible!important; text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-hero{
    width:94%!important; max-width:94%!important; box-sizing:border-box!important;
    margin-left:auto!important; margin-right:auto!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid{
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:94%!important; max-width:94%!important; min-width:0!important; box-sizing:border-box!important;
    gap:0!important; margin-left:auto!important; margin-right:auto!important;
    padding:clamp(10px,3.8cqw,15px) clamp(8px,3cqw,12px)!important; overflow:hidden!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid > div{
    display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
    min-width:0!important; min-height:clamp(64px,20cqw,84px)!important; padding:0 2px!important; box-sizing:border-box!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid strong{
    display:block!important; max-width:100%!important; font-size:clamp(32px,12.6cqw,50px)!important;
    line-height:.92!important; letter-spacing:-.04em!important; white-space:nowrap!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-grid span{
    display:block!important; max-width:100%!important; font-size:clamp(7px,2.55cqw,10px)!important;
    letter-spacing:.02em!important; line-height:1.05!important; white-space:nowrap!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game{
    position:static!important; inset:auto!important; width:94%!important; max-width:94%!important; min-width:0!important;
    box-sizing:border-box!important; margin-left:auto!important; margin-right:auto!important;
    padding-left:0!important; padding-right:0!important; text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > strong{
    position:static!important; left:auto!important; transform:none!important; display:block!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    font-size:clamp(14px,5.2cqw,22px)!important; letter-spacing:clamp(.08em,.38cqw,.14em)!important;
    line-height:1.12!important; white-space:nowrap!important; text-align:center!important;
  }
  html body:not(.home) #vhb-app .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body:not(.home) #vhb-app .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body:not(.home) .vhb-right-rail > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em,
  html body:not(.home) .vhb-sidebar > .vhb-countdown-dual-shell > .vhb-countdown-widget .vhb-countdown-first-game > em{
    position:static!important; left:auto!important; transform:none!important; display:block!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    font-size:clamp(12px,4cqw,17px)!important; line-height:1.12!important;
  white-space:nowrap!important; text-align:center!important;
}
}

/* v0.2.113IPRt252 — preserve the proven T250 card and match the All Boards
   right-rail track on the other home-v2 templates at this desktop/tablet width. */
@media (min-width:901px) and (max-width:1150px){
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-board-view-layout,
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-thread-layout,
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-archive-layout,
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-article-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-board-view-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-thread-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-archive-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-article-layout{
    grid-template-columns:190px minmax(0,1fr) 218px!important;
  }
}

/* v0.2.113IPRt253 — tablet-landscape rail restoration.
   These routes inherit an older 681–1150px rule that hides the right rail.
   Restore only their existing third track at 901–1150px; leave phone,
   portrait/tablet, Home, and All Boards behavior untouched. */
@media (min-width:901px) and (max-width:1150px){
  html body:not(.home) #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html body:not(.home) #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html body:not(.home) #vhb-app .vhb-archive-layout > .vhb-right-rail,
  html body:not(.home) .vhb-board-view-layout > .vhb-right-rail,
  html body:not(.home) .vhb-thread-layout > .vhb-right-rail,
  html body:not(.home) .vhb-archive-layout > .vhb-right-rail{
    display:grid!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
  }
  html body:not(.home) #vhb-app .vhb-board-view-layout > .vhb-main,
  html body:not(.home) #vhb-app .vhb-thread-layout > .vhb-main,
  html body:not(.home) #vhb-app .vhb-archive-layout > .vhb-main,
  html body:not(.home) .vhb-board-view-layout > .vhb-main,
  html body:not(.home) .vhb-thread-layout > .vhb-main,
  html body:not(.home) .vhb-archive-layout > .vhb-main{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
}

/* v0.2.113IPRt255 — tablet-landscape two-track layout.
   T253 restores the right rail; this removes the intentionally hidden left
   rail's empty track only for touch-first tablets. */
@media (min-width:901px) and (max-width:1150px) and (hover:none) and (pointer:coarse){
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-board-view-layout,
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-thread-layout,
  html body:not(.home) #vhb-app .vhb-home-v2-layout.vhb-archive-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-board-view-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-thread-layout,
  html body:not(.home) .vhb-home-v2-layout.vhb-archive-layout{
    grid-template-columns:minmax(0,1fr) 218px!important;
  }
  html body:not(.home) #vhb-app .vhb-board-view-layout > .vhb-left-rail,
  html body:not(.home) #vhb-app .vhb-thread-layout > .vhb-left-rail,
  html body:not(.home) #vhb-app .vhb-archive-layout > .vhb-left-rail,
  html body:not(.home) .vhb-board-view-layout > .vhb-left-rail,
  html body:not(.home) .vhb-thread-layout > .vhb-left-rail,
  html body:not(.home) .vhb-archive-layout > .vhb-left-rail{
    display:none!important;
  }
  html body:not(.home) #vhb-app .vhb-board-view-layout > .vhb-main,
  html body:not(.home) #vhb-app .vhb-thread-layout > .vhb-main,
  html body:not(.home) #vhb-app .vhb-archive-layout > .vhb-main,
  html body:not(.home) .vhb-board-view-layout > .vhb-main,
  html body:not(.home) .vhb-thread-layout > .vhb-main,
  html body:not(.home) .vhb-archive-layout > .vhb-main{
    grid-column:1!important;
    grid-row:1!important;
  }
  html body:not(.home) #vhb-app .vhb-board-view-layout > .vhb-right-rail,
  html body:not(.home) #vhb-app .vhb-thread-layout > .vhb-right-rail,
  html body:not(.home) #vhb-app .vhb-archive-layout > .vhb-right-rail,
  html body:not(.home) .vhb-board-view-layout > .vhb-right-rail,
  html body:not(.home) .vhb-thread-layout > .vhb-right-rail,
  html body:not(.home) .vhb-archive-layout > .vhb-right-rail{
    grid-column:2!important;
    grid-row:1!important;
  }
}

/* v0.2.113IPRt272 — tablet article two-column authority, active stylesheet.
   T271 diagnosed the correct layout but its CSS landed in a legacy stylesheet.
   This authority is intentionally placed at the end of the actually enqueued
   iprt5 stylesheet so later legacy tablet rules cannot reintroduce the hidden
   190px left track or displace the article/main and supporting rail. */
@media (min-width:701px) and (max-width:1100px){
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-home-v2-layout.vhb-article-layout,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout,
  html.vhb-tablet-single-rail-active body .vhb-home-v2-layout.vhb-article-layout,
  html.vhb-tablet-single-rail-active body .vhb-article-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(238px,29vw,280px)!important;
    grid-template-rows:auto auto!important;
    column-gap:16px!important;
    row-gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-article-main,
  html.vhb-tablet-single-rail-active body .vhb-article-layout > .vhb-main,
  html.vhb-tablet-single-rail-active body .vhb-article-layout > .vhb-article-main{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-right-rail,
  html.vhb-tablet-single-rail-active body .vhb-article-layout > .vhb-right-rail{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    order:2!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    align-content:start!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    visibility:visible!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-left-rail,
  html.vhb-tablet-single-rail-active body .vhb-article-layout > .vhb-left-rail{
    display:none!important;
    visibility:hidden!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:0!important;
    max-width:0!important;
    min-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html.vhb-tablet-single-rail-active body #vhb-app .vhb-article-layout > .vhb-site-footer,
  html.vhb-tablet-single-rail-active body .vhb-article-layout > .vhb-site-footer{
    grid-column:1 / -1!important;
    grid-row:2!important;
    order:99!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* v0.2.113IPRt275 — legal mobile in-flow header authority + nav baseline lock. */
@media (max-width:700px){
  /* Legal routes are intentionally different from the rest of the app on phone:
     the compact header remains sticky but participates in document flow. This
     removes the fragile fixed-header/spacer handoff that could place the legal
     hero underneath the header after Safari viewport restoration/toolbar shifts. */
  html body.vhb-legal-document #vhb-app.vhb-app,
  html body.vhb-legal-document.vhb-compact-header-hoisted #vhb-app.vhb-app{
    padding-top:0!important;
    margin-top:0!important;
  }
  html body.vhb-legal-document .vhb-site-header,
  html body.vhb-legal-document #vhb-app .vhb-site-header,
  html body.vhb-legal-document.vhb-compact-header-hoisted > .vhb-site-header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
    margin:0!important;
    z-index:100000!important;
  }
  html body.admin-bar.vhb-legal-document .vhb-site-header,
  html body.admin-bar.vhb-legal-document.vhb-compact-header-hoisted > .vhb-site-header{
    top:46px!important;
  }
  html body.vhb-legal-document .vhb-mobile-score-ticker{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell,
  html body.vhb-legal-document.vhb-compact-header-hoisted #vhb-app > .vhb-legal-shell{
    padding-top:0!important;
    margin-top:0!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-hero{
    margin-top:12px!important;
  }
}
@media (min-width:701px){
  /* Home and Contact are direct anchors; Boards/Archives summaries remain the optical reference. */
  html body #vhb-app .vhb-site-header .vhb-site-nav > a,
  html body .vhb-site-header .vhb-site-nav > a{
    transform:translateY(2px)!important;
  }
}

/* v0.2.113IPRt276 — final legal mobile optical clearance.
   T275 fixed the structural overlap by keeping the header in flow; T276 adds
   only the requested 3px of breathing room beneath that now-stable header. */
@media (max-width:700px){
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-hero{
    margin-top:15px!important;
  }
}


/* v0.2.113IPRt277 — non-collapsing legal clearance authority.
   T276's hero margin could collapse/resolve without changing the rendered legal
   content position after compact-header hoisting. A real in-flow spacer between
   header/account chrome and the hero makes the requested 3px shift deterministic. */
.vhb-legal-mobile-clearance{display:none;height:0;min-height:0;}
@media (max-width:700px){
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-mobile-clearance{
    display:block!important;
    width:100%!important;
    height:3px!important;
    min-height:3px!important;
    flex:0 0 3px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-hero{
    margin-top:12px!important;
  }
}

/* v0.2.113IPRt278 — legal mobile +3px authority.
   T275's 56px sticky in-flow header is the proven geometry that cleared the
   overlap. Increase that exact in-flow height to 59px so Terms/Privacy move
   down a real 3px without relying on collapsible hero margins or spacer math. */
@media (max-width:700px){
  html body.vhb-legal-document .vhb-site-header,
  html body.vhb-legal-document #vhb-app .vhb-site-header,
  html body.vhb-legal-document.vhb-compact-header-hoisted > .vhb-site-header{
    min-height:59px!important;
    height:59px!important;
    max-height:59px!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-mobile-clearance{
    display:none!important;
    height:0!important;
    min-height:0!important;
    flex-basis:0!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-hero{
    margin-top:12px!important;
  }
}


/* v0.2.113IPRt283 — measured mobile legal-header clearance.
   T282 runtime geometry proved the hoisted 59px sticky header ended at 104px
   while the legal hero began at 73px (31px overlap). The shell's prior 3px
   transform is retired. A real 37px top padding prevents margin collapse and
   places the 12px hero margin at ~107px, yielding ~3px breathing room. */
@media (max-width:700px){
  html body.vhb-legal-document #vhb-app .vhb-legal-shell,
  html body.vhb-legal-document.vhb-compact-header-hoisted #vhb-app > .vhb-legal-shell{
    transform:none!important;
    padding-top:37px!important;
    margin-top:0!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-mobile-clearance{
    display:none!important;
    height:0!important;
    min-height:0!important;
    flex-basis:0!important;
  }
  html body.vhb-legal-document #vhb-app .vhb-legal-shell .vhb-legal-hero{
    margin-top:12px!important;
  }
}


/* v0.2.113IPRt300 — Online Now avatar chronology + circular mask hotfix. */
#vhb-app .vhb-online-strip > span:not(.vhb-online-more),
.vhb-online-strip > span:not(.vhb-online-more){
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) img,
.vhb-online-strip > span:not(.vhb-online-more) img{
  display:block!important;
  width:44px!important;
  height:44px!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#vhb-app .vhb-online-strip > span:nth-child(1),.vhb-online-strip > span:nth-child(1){z-index:8!important;}
#vhb-app .vhb-online-strip > span:nth-child(2),.vhb-online-strip > span:nth-child(2){z-index:7!important;}
#vhb-app .vhb-online-strip > span:nth-child(3),.vhb-online-strip > span:nth-child(3){z-index:6!important;}
#vhb-app .vhb-online-strip > span:nth-child(4),.vhb-online-strip > span:nth-child(4){z-index:5!important;}
#vhb-app .vhb-online-strip > .vhb-online-more,.vhb-online-strip > .vhb-online-more{z-index:4!important;}

/* v0.2.113IPRt301 — Online Now avatar geometry correction.
   T300 correctly established chronology and circular intent, but the 44px img
   still carried a 2px border under content-box sizing. That made its rendered
   border box 48px wide inside a 44px overflow-hidden wrapper, clipping the
   far edge even when no neighboring avatar existed. Keep the wrapper circular
   but size every avatar by border-box and let the image itself perform the mask. */
#vhb-app .vhb-online-strip > span:not(.vhb-online-more),
.vhb-online-strip > span:not(.vhb-online-more){
  box-sizing:border-box!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  overflow:visible!important;
  background:transparent!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) img,
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) .vhb-default-avatar,
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) .vhb-placeholder-avatar,
.vhb-online-strip > span:not(.vhb-online-more) img,
.vhb-online-strip > span:not(.vhb-online-more) .vhb-default-avatar,
.vhb-online-strip > span:not(.vhb-online-more) .vhb-placeholder-avatar{
  box-sizing:border-box!important;
  display:block!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  overflow:hidden!important;
}

/* v0.2.113IPRt302 — Online Now single-ring avatar refinement.
   The stack wrapper is now the sole owner of the orange ring. Avatar images and
   the generated basketball prop surrender their own borders/shadows, eliminating
   the apparent double ring and avoiding clip-path edge fraying. */
#vhb-app .vhb-online-strip > span:not(.vhb-online-more),
.vhb-online-strip > span:not(.vhb-online-more){
  box-sizing:border-box!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid rgba(255,130,0,.92)!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#08090c!important;
  box-shadow:0 5px 12px rgba(0,0,0,.34)!important;
  clip-path:none!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > img,
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar,
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-placeholder-avatar,
.vhb-online-strip > span:not(.vhb-online-more) > img,
.vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar,
.vhb-online-strip > span:not(.vhb-online-more) > .vhb-placeholder-avatar{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  outline:0!important;
  clip-path:none!important;
  object-fit:cover!important;
  object-position:center!important;
  overflow:hidden!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar,
.vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar{
  background:linear-gradient(135deg,#ff8a12,#ef7600)!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar > span,
.vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar > span{
  display:block!important;
  filter:none!important;
}

/* v0.2.113IPRt303 — Online count integrity + real default basketball avatar.
   The fallback is now a dedicated image asset rather than an emoji glyph. */
#vhb-app .vhb-default-avatar-image,
body #vhb-app .vhb-default-avatar-image,
body .vhb-app .vhb-default-avatar-image{
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  overflow:hidden!important;
}
#vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar-image,
body #vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar-image,
body .vhb-app .vhb-online-strip > span:not(.vhb-online-more) > .vhb-default-avatar-image{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  outline:0!important;
  background:transparent!important;
}

/* v0.2.113IPRt308 — mobile reply composer action tray + quote breathing room. */
@media (max-width:760px){
  #vhb-app .vhb-editor-footer,
  body #vhb-app .vhb-editor-footer{
    display:block!important;
    margin-top:-14px!important;
  }
  #vhb-app .vhb-editor-tip,
  body #vhb-app .vhb-editor-tip{
    display:none!important;
  }
  #vhb-app .vhb-reply-actions,
  body #vhb-app .vhb-reply-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,130,0,.62)!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    background:#111419!important;
  }
  #vhb-app .vhb-reply-actions > *,
  body #vhb-app .vhb-reply-actions > *{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 5px!important;
    flex:none!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-reply-actions > *:last-child,
  body #vhb-app .vhb-reply-actions > *:last-child{border-right:0!important;}
  #vhb-app .vhb-reply-actions .vhb-preview-reply,
  body #vhb-app .vhb-reply-actions .vhb-preview-reply{
    background:#252b33!important;
    color:#f4f5f7!important;
  }
  #vhb-app .vhb-reply-actions .vhb-cancel-session,
  body #vhb-app .vhb-reply-actions .vhb-cancel-session{
    background:#3a3030!important;
    color:#ffd8d2!important;
  }
  #vhb-app .vhb-reply-actions .vhb-reply-submit,
  body #vhb-app .vhb-reply-actions .vhb-reply-submit{
    background:#ff8200!important;
    color:#090a0c!important;
  }
}


/* v0.2.113IPRt309 — mobile quote space recovery + true single-row reply actions. */
@media (max-width:760px){
  #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer,
  body #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer{
    display:block!important;
    padding:0 10px 10px!important;
    margin-top:-10px!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:"preview cancel submit"!important;
    gap:0!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply{grid-area:preview!important;}
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session{grid-area:cancel!important;}
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit{grid-area:submit!important;}
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button,
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:42px!important;
    padding:7px 4px!important;
    margin:0!important;
    border-radius:0!important;
    font-size:12px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
}


/* v0.2.113IPRt310 — mobile quote density + slimmer reply action strip. */
@media (max-width:760px){
  #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer,
  body #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer{
    padding:0 7px 7px!important;
    margin-top:-12px!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-small-button,
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit{
    min-height:34px!important;
    height:34px!important;
    padding:3px 3px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
}


/* v0.2.113IPRt311 — mobile editor black/orange color polish. */
@media (max-width:760px){
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions{
    background:#000!important;
    border-color:#ff8200!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply,
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session{
    background:#000!important;
    color:#f5f5f5!important;
    border-right:1px solid #ff8200!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit{
    background:#ff8200!important;
    color:#090a0c!important;
    border-right:0!important;
  }
}


/* v0.2.113IPRt312 — unified editor action tray + quiet quote text + success-banner retirement. */
#vhb-app .vhb-editor-phase2-shell .vhb-editor-footer,
body #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer{
  justify-content:flex-end!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-editor-tip,
body #vhb-app .vhb-editor-phase2-shell .vhb-editor-tip{
  display:none!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions{
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #ff8200!important;
  border-radius:0 0 14px 14px!important;
  background:#000!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid #ff8200!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  justify-content:center!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *:last-child,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *:last-child{
  border-right:0!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-preview-reply,
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-cancel-session{
  background:#000!important;
  color:#f5f5f5!important;
}
#vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit,
body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions .vhb-reply-submit{
  background:#ff8200!important;
  color:#090a0c!important;
  border-right:0!important;
}
@media (min-width:761px){
  #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer,
  body #vhb-app .vhb-editor-phase2-shell .vhb-editor-footer{
    padding:0 24px 22px!important;
  }
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *{
    min-height:44px!important;
    height:44px!important;
    padding:0 16px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:900!important;
  }
}
@media (max-width:760px){
  #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *,
  body #vhb-app .vhb-editor-phase2-shell .vhb-reply-actions > *{
    min-height:34px!important;
    height:34px!important;
    padding:3px 3px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
}

/* v0.2.113IPRt313 — Insert Image is a first-tier editor control on every device.
   Preserve the proven toolbar flow while reclaiming just enough width on compact
   screens to keep Image in the initial visible control set. */
.vhb-rich-reply-field .mce-vhb-custom-image button{font-size:0!important;position:relative!important;}
.vhb-rich-reply-field .mce-vhb-custom-image button:before{
  content:"";display:block;width:19px;height:15px;box-sizing:border-box;border:2px solid #f3f5f8;border-radius:2px;
  background:linear-gradient(145deg,transparent 47%,#f3f5f8 48% 56%,transparent 57%),linear-gradient(35deg,transparent 45%,#f3f5f8 46% 55%,transparent 56%);
}
.vhb-rich-reply-field .mce-vhb-custom-image button:after{
  content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#f3f5f8;left:8px;top:8px;
}
@media (min-width:761px) and (max-width:1100px){
  html body #wp-vhb_reply_box-wrap .mce-btn,html body .vhb-rich-reply-field .mce-btn{min-width:35px!important;}
  html body #wp-vhb_reply_box-wrap .mce-btn button,html body .vhb-rich-reply-field .mce-btn button{padding-left:7px!important;padding-right:7px!important;}
}
@media (max-width:760px){
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow,html body .vhb-rich-reply-field .vhb-mobile-tmce-flow{gap:3px!important;}
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .mce-btn,html body .vhb-rich-reply-field .vhb-mobile-tmce-flow .mce-btn{min-width:32px!important;min-height:34px!important;}
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .mce-btn button,html body .vhb-rich-reply-field .vhb-mobile-tmce-flow .mce-btn button{min-width:32px!important;min-height:34px!important;padding-left:5px!important;padding-right:5px!important;}
}

/* v0.2.113IPRt314 — rendered Image control fallback + responsive toolbar overflow navigation. */
.vhb-rich-reply-field .vhb-t314-image-control,
#wp-vhb_reply_box-wrap .vhb-t314-image-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:top!important;}
.vhb-rich-reply-field .vhb-t314-image-control>button,
#wp-vhb_reply_box-wrap .vhb-t314-image-control>button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;min-height:38px!important;padding:6px 8px!important;background:transparent!important;border:0!important;color:#f3f5f8!important;}
.vhb-t314-image-icon{position:relative;display:block;width:20px;height:16px;box-sizing:border-box;border:2px solid #f3f5f8;border-radius:3px;overflow:hidden;}
.vhb-t314-image-icon:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f3f5f8;right:2px;top:2px;}
.vhb-t314-image-icon:after{content:"";position:absolute;left:1px;right:1px;bottom:-1px;height:10px;background:linear-gradient(135deg,transparent 0 29%,#f3f5f8 30% 45%,transparent 46%),linear-gradient(45deg,transparent 0 38%,#f3f5f8 39% 58%,transparent 59%);}
@media(max-width:760px){
  .vhb-rich-reply-field .vhb-mobile-tmce-flow .vhb-t314-image-control,
  #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .vhb-t314-image-control{min-width:32px!important;min-height:34px!important;}
  .vhb-rich-reply-field .vhb-mobile-tmce-flow .vhb-t314-image-control>button,
  #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .vhb-t314-image-control>button{min-width:32px!important;min-height:34px!important;padding:5px!important;}
  .vhb-t314-image-icon{width:18px;height:14px;}
}
@media(min-width:761px){
  #wp-vhb_reply_box-wrap,.vhb-rich-reply-field{position:relative!important;}
  #wp-vhb_reply_box-wrap .mce-toolbar-grp.vhb-t314-overflow,
  .vhb-rich-reply-field .mce-toolbar-grp.vhb-t314-overflow{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding-right:46px!important;scroll-behavior:smooth!important;}
  #wp-vhb_reply_box-wrap .mce-toolbar-grp.vhb-t314-overflow::-webkit-scrollbar,
  .vhb-rich-reply-field .mce-toolbar-grp.vhb-t314-overflow::-webkit-scrollbar{display:none!important;}
  #wp-vhb_reply_box-wrap .mce-toolbar-grp.vhb-t314-overflow .mce-toolbar,
  .vhb-rich-reply-field .mce-toolbar-grp.vhb-t314-overflow .mce-toolbar{flex-wrap:nowrap!important;width:max-content!important;min-width:max-content!important;}
  .vhb-t314-toolbar-nav{position:absolute!important;right:4px!important;top:5px!important;z-index:50!important;display:flex!important;gap:2px!important;background:#161a21!important;border:1px solid rgba(255,130,0,.45)!important;border-radius:8px!important;padding:2px!important;box-shadow:-8px 0 14px rgba(0,0,0,.45)!important;}
  .vhb-t314-toolbar-nav button{width:28px!important;height:34px!important;min-width:28px!important;padding:0!important;border:0!important;border-radius:6px!important;background:#0b0d11!important;color:#ff9b34!important;font-size:26px!important;line-height:1!important;font-weight:800!important;cursor:pointer!important;}
  .vhb-t314-toolbar-nav button+button{border-left:1px solid rgba(255,130,0,.35)!important;}
  .vhb-t314-toolbar-nav button:disabled{opacity:.28!important;cursor:default!important;}
}


/* v0.2.113IPRt316 — authoritative live toolbar visibility/overflow layer. */
.vhb-rich-reply-field .vhb-t316-image-control,
#wp-vhb_reply_box-wrap .vhb-t316-image-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:top!important;}
.vhb-rich-reply-field .vhb-t316-image-control>button,
#wp-vhb_reply_box-wrap .vhb-t316-image-control>button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;min-height:36px!important;padding:5px 7px!important;background:transparent!important;border:0!important;color:#f3f5f8!important;}
.vhb-t316-image-icon{position:relative;display:block;width:19px;height:15px;box-sizing:border-box;border:2px solid #f3f5f8;border-radius:3px;overflow:hidden;}
.vhb-t316-image-icon:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#f3f5f8;right:2px;top:2px;}
.vhb-t316-image-icon:after{content:"";position:absolute;left:1px;right:1px;bottom:-1px;height:9px;background:linear-gradient(135deg,transparent 0 29%,#f3f5f8 30% 45%,transparent 46%),linear-gradient(45deg,transparent 0 38%,#f3f5f8 39% 58%,transparent 59%);}

@media(max-width:760px){
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow,
  html body .vhb-rich-reply-field .vhb-mobile-tmce-flow{gap:3px!important;}
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .mce-vhb-custom-image,
  html body .vhb-rich-reply-field .vhb-mobile-tmce-flow .mce-vhb-custom-image,
  html body #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .vhb-t316-image-control,
  html body .vhb-rich-reply-field .vhb-mobile-tmce-flow .vhb-t316-image-control{display:block!important;min-width:32px!important;min-height:34px!important;}
}

@media(min-width:761px){
  #wp-vhb_reply_box-wrap,.vhb-rich-reply-field{position:relative!important;}
  html body #wp-vhb_reply_box-wrap .mce-toolbar.vhb-t316-toolbar-viewport,
  html body .vhb-rich-reply-field .mce-toolbar.vhb-t316-toolbar-viewport{
    display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth!important;box-sizing:border-box!important;padding-right:62px!important;
  }
  html body #wp-vhb_reply_box-wrap .mce-toolbar.vhb-t316-toolbar-viewport::-webkit-scrollbar,
  html body .vhb-rich-reply-field .mce-toolbar.vhb-t316-toolbar-viewport::-webkit-scrollbar{display:none!important;}
  html body #wp-vhb_reply_box-wrap .vhb-t316-desktop-flow,
  html body .vhb-rich-reply-field .vhb-t316-desktop-flow{
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;align-content:center!important;width:max-content!important;min-width:max-content!important;max-width:none!important;gap:5px!important;white-space:nowrap!important;
  }
  html body #wp-vhb_reply_box-wrap .vhb-t316-desktop-flow .mce-btn-group,
  html body .vhb-rich-reply-field .vhb-t316-desktop-flow .mce-btn-group{display:inline-flex!important;flex:0 0 auto!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
  html body #wp-vhb_reply_box-wrap .vhb-t316-desktop-flow .mce-btn,
  html body .vhb-rich-reply-field .vhb-t316-desktop-flow .mce-btn{display:inline-flex!important;flex:0 0 auto!important;margin:0!important;}
  .vhb-t316-toolbar-nav{position:absolute!important;right:4px!important;top:4px!important;z-index:80!important;display:flex!important;gap:0!important;padding:2px!important;border:1px solid rgba(255,130,0,.55)!important;border-radius:8px!important;background:#090b0f!important;box-shadow:-10px 0 16px rgba(0,0,0,.55)!important;}
  .vhb-t316-toolbar-nav button{width:28px!important;height:34px!important;min-width:28px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#000!important;color:#ff9b34!important;font-size:25px!important;line-height:1!important;font-weight:900!important;cursor:pointer!important;}
  .vhb-t316-toolbar-nav button+button{border-left:1px solid rgba(255,130,0,.55)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
  .vhb-t316-toolbar-nav button:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
  .vhb-t316-toolbar-nav button:disabled{opacity:.28!important;cursor:default!important;}
}


/* v0.2.113IPRt317 — guaranteed first-tier Insert Image proxy.
   Hide only TinyMCE's legacy Image node once the proxy is active, preventing a
   future duplicate if the old presentation layer suddenly surfaces it. */
#wp-vhb_reply_box-wrap.vhb-t317-image-proxy-active .mce-vhb-custom-image,
.vhb-rich-reply-field.vhb-t317-image-proxy-active .mce-vhb-custom-image{display:none!important;}
#wp-vhb_reply_box-wrap .vhb-t317-image-proxy,
.vhb-rich-reply-field .vhb-t317-image-proxy{
  display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
  float:none!important;width:auto!important;min-width:34px!important;min-height:34px!important;margin:0!important;vertical-align:top!important;
}
#wp-vhb_reply_box-wrap .vhb-t317-image-proxy>button,
.vhb-rich-reply-field .vhb-t317-image-proxy>button{
  display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
  box-sizing:border-box!important;padding:5px!important;border:0!important;background:transparent!important;color:#f3f5f8!important;cursor:pointer!important;
}
.vhb-t317-image-icon{position:relative!important;display:block!important;width:19px!important;height:15px!important;box-sizing:border-box!important;border:2px solid #f3f5f8!important;border-radius:3px!important;overflow:hidden!important;}
.vhb-t317-image-icon:before{content:""!important;position:absolute!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#f3f5f8!important;right:2px!important;top:2px!important;}
.vhb-t317-image-icon:after{content:""!important;position:absolute!important;left:1px!important;right:1px!important;bottom:-1px!important;height:9px!important;background:linear-gradient(135deg,transparent 0 29%,#f3f5f8 30% 45%,transparent 46%),linear-gradient(45deg,transparent 0 38%,#f3f5f8 39% 58%,transparent 59%)!important;}
@media(max-width:760px){
  #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .vhb-t317-image-proxy,
  .vhb-rich-reply-field .vhb-mobile-tmce-flow .vhb-t317-image-proxy{display:block!important;min-width:32px!important;min-height:34px!important;}
  #wp-vhb_reply_box-wrap .vhb-mobile-tmce-flow .vhb-t317-image-proxy>button,
  .vhb-rich-reply-field .vhb-mobile-tmce-flow .vhb-t317-image-proxy>button{width:32px!important;min-width:32px!important;height:34px!important;min-height:34px!important;padding:4px!important;}
  .vhb-t317-image-icon{width:18px!important;height:14px!important;}
}


/* T320 Reply/Quote distinction + author prominence */
#vhb-app .vhb-editor-quote-tip{font-size:11px;line-height:1.2;color:#9ca3af;margin:0 0 4px;padding:0 2px;font-weight:650;letter-spacing:.01em}
#vhb-app .vhb-editor-reply-reference{background:#050505;border:1px solid rgba(255,122,0,.28);border-left:3px solid #ff7a00;border-radius:9px;padding:7px 9px;margin:0 0 7px;color:#d8dbe2;overflow:hidden}
#vhb-app .vhb-editor-reply-author{display:block;color:#ffad63;font-size:10.5px;line-height:1.2;margin:0 0 3px;text-transform:uppercase;letter-spacing:.035em}
#vhb-app .vhb-editor-reply-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.28;font-size:12px;max-width:100%}
#vhb-app .vhb-editor-reply-text p{margin:0!important;display:inline}
@media(max-width:680px){#vhb-app .vhb-editor-reply-text{-webkit-line-clamp:3;line-height:1.24;font-size:11.5px}}
/* Post-card avatars now carry the visual weight of the identity + badge stack. */
#vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar{width:88px!important;height:88px!important;flex-basis:88px!important}
#vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{width:88px!important;height:88px!important}
@media(min-width:681px) and (max-width:1100px){#vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar{width:78px!important;height:78px!important;flex-basis:78px!important}#vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{width:78px!important;height:78px!important}}
@media(max-width:680px){#vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar{width:72px!important;height:72px!important;flex-basis:72px!important}#vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{width:72px!important;height:72px!important}}


/* v0.2.113IPRt321 — Reply/Quote corrective polish + author rail alignment. */
/* Mobile compact header: notifications are intentionally sunset for launch polish. */
@media(max-width:760px){
  html body .vhb-mobile-compact-header .vhb-compact-bell,
  #vhb-app .vhb-mobile-compact-header .vhb-compact-bell{display:none!important;}
  html body .vhb-mobile-compact-header .vhb-compact-actions,
  #vhb-app .vhb-mobile-compact-header .vhb-compact-actions{gap:0!important;}
}
/* Quote helper belongs immediately above the quote bubble. */
#vhb-app .vhb-editor-quote-tip{margin:0 0 3px!important;padding:0 2px!important;}
/* Author rail: larger tablet avatar, and badge row aligns with identity text rather than avatar edge. */
#vhb-app .vhb-post-author .vhb-author-row,
body #vhb-app .vhb-post-author .vhb-author-row{align-items:flex-start!important;}
#vhb-app .vhb-post-author .vhb-post-achievements,
body #vhb-app .vhb-post-author .vhb-post-achievements{
  margin-top:15px!important;
  margin-left:100px!important;
  max-width:calc(100% - 100px)!important;
  position:relative!important;
  top:0!important;
}
@media(min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-post-card .vhb-author-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar{
    width:88px!important;height:88px!important;min-width:88px!important;max-width:88px!important;flex:0 0 88px!important;
  }
  #vhb-app .vhb-post-card .vhb-author-avatar img,
  #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,
  body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:88px!important;height:88px!important;min-width:88px!important;max-width:88px!important;
  }
  #vhb-app .vhb-post-author .vhb-post-achievements,
  body #vhb-app .vhb-post-author .vhb-post-achievements{margin-left:100px!important;max-width:calc(100% - 100px)!important;}
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-post-achievements,
  body #vhb-app .vhb-post-author .vhb-post-achievements{margin:15px 0 0 84px!important;max-width:calc(100% - 84px)!important;top:0!important;}
}


/* v0.2.113IPRt322 — Reply bubble parity, author-column isolation, topic-opener prominence. */
#vhb-app .vhb-post-author .vhb-author-layout,
body #vhb-app .vhb-post-author .vhb-author-layout{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:18px!important;
  align-items:start!important;
  justify-items:stretch!important;
}
#vhb-app .vhb-post-author .vhb-author-avatar-slot,
body #vhb-app .vhb-post-author .vhb-author-avatar-slot{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
}
#vhb-app .vhb-post-author .vhb-author-info-stack,
body #vhb-app .vhb-post-author .vhb-author-info-stack{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
}
#vhb-app .vhb-post-author .vhb-author-identity,
body #vhb-app .vhb-post-author .vhb-author-identity{
  width:100%!important;
  min-width:0!important;
}
#vhb-app .vhb-post-author .vhb-post-achievements,
body #vhb-app .vhb-post-author .vhb-post-achievements{
  margin:15px 0 0!important;
  max-width:100%!important;
  position:static!important;
  top:auto!important;
  left:auto!important;
}
/* The enlarged avatar no longer participates in username/badge row height. */
#vhb-app .vhb-post-card .vhb-author-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar,
#vhb-app .vhb-post-card .vhb-author-avatar img,
#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar img,
body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
  width:96px!important;height:96px!important;min-width:96px!important;max-width:96px!important;
}
@media(min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar,
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;
  }
  #vhb-app .vhb-post-author .vhb-author-layout,body #vhb-app .vhb-post-author .vhb-author-layout{column-gap:16px!important;}
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-author-layout,body #vhb-app .vhb-post-author .vhb-author-layout{column-gap:12px!important;}
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar,
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;
  }
}

/* v0.2.113IPRt323 — author geometry correction + reply/quote selection guard support. */
#vhb-app .vhb-post-author .vhb-author-layout,
body #vhb-app .vhb-post-author .vhb-author-layout{
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
}
#vhb-app .vhb-post-author .vhb-author-avatar-slot,
body #vhb-app .vhb-post-author .vhb-author-avatar-slot{
  width:96px!important;height:96px!important;min-width:96px!important;max-width:96px!important;
  align-items:center!important;align-self:center!important;overflow:visible!important;
}
#vhb-app .vhb-post-author .vhb-author-info-stack,
body #vhb-app .vhb-post-author .vhb-author-info-stack{
  align-self:center!important;justify-content:center!important;transform:translateY(1px)!important;
}
#vhb-app .vhb-post-card .vhb-author-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar,
#vhb-app .vhb-post-card .vhb-author-avatar img,
#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar img,
body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
  flex:0 0 96px!important;width:96px!important;height:96px!important;min-width:96px!important;max-width:96px!important;
  aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;box-sizing:border-box!important;
}
@media(min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-post-author .vhb-author-layout,body #vhb-app .vhb-post-author .vhb-author-layout{grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;}
  #vhb-app .vhb-post-author .vhb-author-avatar-slot,body #vhb-app .vhb-post-author .vhb-author-avatar-slot{width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;flex:0 0 92px!important;}
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar,
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    flex:0 0 92px!important;width:92px!important;height:92px!important;min-width:92px!important;max-width:92px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;
  }
  #vhb-app .vhb-post-author .vhb-author-info-stack,body #vhb-app .vhb-post-author .vhb-author-info-stack{align-self:center!important;transform:translateY(2px)!important;}
}
@media(max-width:680px){
  #vhb-app .vhb-post-author .vhb-author-layout,body #vhb-app .vhb-post-author .vhb-author-layout{grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;}
  #vhb-app .vhb-post-author .vhb-author-avatar-slot,body #vhb-app .vhb-post-author .vhb-author-avatar-slot{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;flex:0 0 76px!important;}
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar,
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    flex:0 0 76px!important;width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;
  }
  #vhb-app .vhb-post-author .vhb-author-info-stack,body #vhb-app .vhb-post-author .vhb-author-info-stack{align-self:center!important;transform:translateY(3px)!important;}
}


/* v0.2.113IPRt324 — tablet-only avatar anti-pancake authority.
 * Desktop and mobile author geometry are frozen. On full tablet discussion
 * cards, the avatar link becomes an explicit square viewport and the image is
 * absolutely fitted to that square so no flex/grid rule can distort its ratio. */
@media (min-width:681px) and (max-width:1180px) and (min-height:521px){
  #vhb-app .vhb-post-author .vhb-author-avatar-slot,
  body #vhb-app .vhb-post-author .vhb-author-avatar-slot{
    position:relative!important;
    display:block!important;
    flex:none!important;
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    min-height:92px!important;
    max-width:92px!important;
    max-height:92px!important;
    inline-size:92px!important;
    block-size:92px!important;
    aspect-ratio:1 / 1!important;
    overflow:visible!important;
  }
  #vhb-app .vhb-post-author .vhb-author-avatar-slot > .vhb-author-avatar,
  body #vhb-app .vhb-post-author .vhb-author-avatar-slot > .vhb-author-avatar{
    position:relative!important;
    display:block!important;
    flex:none!important;
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    min-height:92px!important;
    max-width:92px!important;
    max-height:92px!important;
    inline-size:92px!important;
    block-size:92px!important;
    aspect-ratio:1 / 1!important;
    border-radius:50%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #vhb-app .vhb-post-author .vhb-author-avatar-slot > .vhb-author-avatar > img,
  body #vhb-app .vhb-post-author .vhb-author-avatar-slot > .vhb-author-avatar > img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    inline-size:100%!important;
    block-size:100%!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}


/* v0.2.113IPRt327 — bubble rim + label weight + universal 1–4 standalone emoji polish. */
#vhb-app .vhb-quote-current,body #vhb-app .vhb-quote-current,
#vhb-app .vhb-formatted-quote-preview,body #vhb-app .vhb-formatted-quote-preview{border-left-width:1px!important;}
#vhb-app .vhb-quote-preview-head,body #vhb-app .vhb-quote-preview-head,
#vhb-app .vhb-editor-quote-tip,body #vhb-app .vhb-editor-quote-tip,
#vhb-app .vhb-editor-quote-author,body #vhb-app .vhb-editor-quote-author,
#vhb-app .vhb-editor-reply-author,body #vhb-app .vhb-editor-reply-author{font-weight:400!important;}
#vhb-app .vhb-large-standalone-emoji,body #vhb-app .vhb-large-standalone-emoji,
#vhb-app .vhb-large-standalone-emoji p,body #vhb-app .vhb-large-standalone-emoji p{font-size:42px!important;line-height:1.18!important;letter-spacing:.02em!important;}
#vhb-app .vhb-large-standalone-emoji img.emoji,#vhb-app .vhb-large-standalone-emoji img.wp-smiley,
body #vhb-app .vhb-large-standalone-emoji img.emoji,body #vhb-app .vhb-large-standalone-emoji img.wp-smiley{width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important;vertical-align:-.08em!important;}
@media(max-width:680px){#vhb-app .vhb-large-standalone-emoji,body #vhb-app .vhb-large-standalone-emoji,#vhb-app .vhb-large-standalone-emoji p,body #vhb-app .vhb-large-standalone-emoji p{font-size:38px!important;}}


/* v0.2.113IPRt333 — reliable Read More hit target + media teaser motion polish. */
#vhb-app button.vhb-collapse-toggle-v6,
body #vhb-app button.vhb-collapse-toggle-v6,
body .vhb-app button.vhb-collapse-toggle-v6{
  position:relative!important;z-index:60!important;isolation:isolate!important;pointer-events:auto!important;
  padding:5px 8px!important;margin-top:3px!important;margin-left:-8px!important;margin-bottom:-2px!important;
}
#vhb-app .vhb-quote-current .vhb-youtube-viewer-teaser,
body #vhb-app .vhb-quote-current .vhb-youtube-viewer-teaser,
body .vhb-app .vhb-quote-current .vhb-youtube-viewer-teaser{position:relative!important;z-index:1!important;}
#vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,
body #vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,
body .vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser{will-change:height;}
@media (prefers-reduced-motion:reduce){
  #vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,body #vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser,body .vhb-app .vhb-youtube-viewer-live.vhb-youtube-viewer-teaser{transition:none!important;}
}

/* v0.2.113IPRt340 — post action icons + compact liker metadata row. */
#vhb-app .vhb-post-actions .vhb-action-link,
body #vhb-app .vhb-post-actions .vhb-action-link,
body .vhb-app .vhb-post-actions .vhb-action-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
}
#vhb-app .vhb-post-actions .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-action-icon{
  width:19px!important;
  height:19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 19px!important;
  color:#82a8c7!important;
  opacity:1!important;
}
#vhb-app .vhb-post-actions .vhb-action-icon svg,
body #vhb-app .vhb-post-actions .vhb-action-icon svg,
body .vhb-app .vhb-post-actions .vhb-action-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:currentColor!important;
}
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon{
  color:#ff8200!important;
}
#vhb-app .vhb-post-actions .vhb-like-svg,
body #vhb-app .vhb-post-actions .vhb-like-svg,
body .vhb-app .vhb-post-actions .vhb-like-svg{
  width:19px!important;
  height:19px!important;
  filter:none!important;
}
#vhb-app .vhb-post-actions .vhb-action-label,
body #vhb-app .vhb-post-actions .vhb-action-label,
body .vhb-app .vhb-post-actions .vhb-action-label{
  font-weight:500!important;
  color:#82a8c7!important;
}
#vhb-app .vhb-post-actions .vhb-like-count-sr,
body #vhb-app .vhb-post-actions .vhb-like-count-sr,
body .vhb-app .vhb-post-actions .vhb-like-count-sr{
  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;
}

#vhb-app .vhb-like-metadata-row,
body #vhb-app .vhb-like-metadata-row,
body .vhb-app .vhb-like-metadata-row{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:10px!important;
  padding:10px 0 1px!important;
  border-top:1px solid rgba(130,168,199,.20)!important;
  min-height:39px!important;
}
#vhb-app .vhb-like-metadata-row[hidden],
body #vhb-app .vhb-like-metadata-row[hidden],
body .vhb-app .vhb-like-metadata-row[hidden]{display:none!important;}
#vhb-app .vhb-like-metadata-inner,
body #vhb-app .vhb-like-metadata-inner,
body .vhb-app .vhb-like-metadata-inner{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:#9ba8b6!important;
  font-size:13px!important;
  line-height:1.25!important;
}
#vhb-app .vhb-liker-avatar,
body #vhb-app .vhb-liker-avatar,
body .vhb-app .vhb-liker-avatar{
  appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,130,0,.58)!important;
  border-radius:50%!important;
  background:#0b0d10!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#vhb-app .vhb-liker-avatar img,
body #vhb-app .vhb-liker-avatar img,
body .vhb-app .vhb-liker-avatar img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}
#vhb-app .vhb-liker-tooltip,
body #vhb-app .vhb-liker-tooltip,
body .vhb-app .vhb-liker-tooltip{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  transform:translate(-50%,4px)!important;
  z-index:10030!important;
  display:block!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,130,0,.46)!important;
  border-radius:8px!important;
  background:#11151b!important;
  box-shadow:0 8px 22px rgba(0,0,0,.42)!important;
  color:#f1f3f6!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .13s ease,transform .13s ease,visibility .13s ease!important;
}
#vhb-app .vhb-liker-avatar:hover .vhb-liker-tooltip,
#vhb-app .vhb-liker-avatar:focus-visible .vhb-liker-tooltip,
#vhb-app .vhb-liker-avatar.is-tooltip-open .vhb-liker-tooltip,
body #vhb-app .vhb-liker-avatar:hover .vhb-liker-tooltip,
body #vhb-app .vhb-liker-avatar:focus-visible .vhb-liker-tooltip,
body #vhb-app .vhb-liker-avatar.is-tooltip-open .vhb-liker-tooltip{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}
#vhb-app .vhb-like-more,
body #vhb-app .vhb-like-more,
body .vhb-app .vhb-like-more{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:2px 1px!important;
  margin:0 0 0 2px!important;
  color:#82a8c7!important;
  font:inherit!important;
  font-weight:500!important;
  line-height:1.2!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
#vhb-app .vhb-like-more:hover,
#vhb-app .vhb-like-more:focus-visible{color:#ff9a32!important;text-decoration:underline!important;text-underline-offset:3px!important;}
#vhb-app .vhb-like-copy,
body #vhb-app .vhb-like-copy,
body .vhb-app .vhb-like-copy{color:#9ca4af!important;font-weight:400!important;}

html.vhb-likers-modal-open{overflow:hidden!important;}
.vhb-likers-modal{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;}
.vhb-likers-modal.is-open{opacity:1;visibility:visible;}
.vhb-likers-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vhb-likers-dialog{position:relative;width:min(92vw,460px);max-height:min(82vh,680px);overflow:hidden;border:1px solid rgba(255,130,0,.48);border-radius:20px;background:linear-gradient(180deg,#181c22,#0b0e12);box-shadow:0 28px 80px rgba(0,0,0,.7);color:#f1f3f6;}
.vhb-likers-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.10);}
.vhb-likers-head h3{margin:0;font-size:17px;font-weight:600;color:#ff9b32;}
.vhb-likers-close{appearance:none;border:0;background:transparent;color:#aeb7c2;font-size:27px;line-height:1;cursor:pointer;padding:0 3px;}
.vhb-likers-list{display:grid;gap:2px;max-height:min(68vh,560px);overflow:auto;padding:8px 10px 12px;}
.vhb-likers-item{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:10px;color:#edf0f4;text-decoration:none;font-size:14px;font-weight:500;}
.vhb-likers-item:hover,.vhb-likers-item:focus-visible{background:rgba(255,130,0,.08);color:#ffad55;}
.vhb-likers-item img{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,130,0,.44)!important;}
.vhb-likers-loading,.vhb-likers-empty{padding:26px 18px;color:#aeb7c2;text-align:center;font-size:14px;}

@media(max-width:680px){
  #vhb-app .vhb-post-actions .vhb-action-link{gap:5px!important;}
  #vhb-app .vhb-post-actions .vhb-action-icon{width:17px!important;height:17px!important;flex-basis:17px!important;}
  #vhb-app .vhb-post-actions .vhb-like-svg{width:17px!important;height:17px!important;}
  #vhb-app .vhb-like-metadata-row{margin-top:8px!important;padding-top:9px!important;}
  #vhb-app .vhb-like-metadata-inner{gap:5px!important;font-size:12px!important;overflow:visible!important;}
  #vhb-app .vhb-liker-avatar{width:25px!important;height:25px!important;flex-basis:25px!important;}
  #vhb-app .vhb-liker-avatar img{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important;}
  .vhb-likers-dialog{width:min(94vw,420px);}
}


/* v0.2.113IPRt342 — responsive two-row post footer + width-aware liker avatar rail.
   Mobile returns the action/metadata footer to one compact row by hiding decorative
   action icons only; the second row spends its available width on as many liker
   avatars as actually fit before the +N full-list trigger. Desktop/tablet retain icons. */
#vhb-app .vhb-like-metadata-inner,
body #vhb-app .vhb-like-metadata-inner,
body .vhb-app .vhb-like-metadata-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
#vhb-app .vhb-liker-avatar[hidden],
body #vhb-app .vhb-liker-avatar[hidden],
body .vhb-app .vhb-liker-avatar[hidden],
#vhb-app .vhb-like-more[hidden],
body #vhb-app .vhb-like-more[hidden],
body .vhb-app .vhb-like-more[hidden]{display:none!important;}
#vhb-app .vhb-like-copy,
body #vhb-app .vhb-like-copy,
body .vhb-app .vhb-like-copy{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#vhb-app .vhb-like-more,
body #vhb-app .vhb-like-more,
body .vhb-app .vhb-like-more{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin-left:2px!important;
}

@media(max-width:680px){
  /* Icons are desktop/tablet polish. On phones, labels reclaim the horizontal
     room so actions and canonical post metadata can again share one row. */
  #vhb-app .vhb-post-actions .vhb-action-icon,
  body #vhb-app .vhb-post-actions .vhb-action-icon,
  body .vhb-app .vhb-post-actions .vhb-action-icon{
    display:none!important;
  }
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions,
  #vhb-app .vhb-post-was-edited .vhb-post-actions,
  body #vhb-app .vhb-post-was-edited .vhb-post-actions,
  body .vhb-app .vhb-post-was-edited .vhb-post-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
    column-gap:clamp(10px,3vw,15px)!important;
    row-gap:0!important;
  }
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    flex:0 1 auto!important;
    min-width:0!important;
    column-gap:clamp(14px,4vw,19px)!important;
    row-gap:0!important;
  }
  #vhb-app .vhb-post-actions .vhb-action-link,
  #vhb-app .vhb-post-actions .vhb-action-button,
  #vhb-app .vhb-post-actions .vhb-delete-button,
  body #vhb-app .vhb-post-actions .vhb-action-link,
  body #vhb-app .vhb-post-actions .vhb-action-button,
  body #vhb-app .vhb-post-actions .vhb-delete-button,
  body .vhb-app .vhb-post-actions .vhb-action-link,
  body .vhb-app .vhb-post-actions .vhb-action-button,
  body .vhb-app .vhb-post-actions .vhb-delete-button{
    font-size:11px!important;
    min-height:32px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    gap:0!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-posted-prefix,
  #vhb-app .vhb-edited-prefix,
  body #vhb-app .vhb-posted-prefix,
  body #vhb-app .vhb-edited-prefix,
  body .vhb-app .vhb-posted-prefix,
  body .vhb-app .vhb-edited-prefix{display:none!important;}
  #vhb-app .vhb-post-footer-meta,
  body #vhb-app .vhb-post-footer-meta,
  body .vhb-app .vhb-post-footer-meta,
  #vhb-app .vhb-post-was-edited .vhb-post-footer-meta,
  body #vhb-app .vhb-post-was-edited .vhb-post-footer-meta,
  body .vhb-app .vhb-post-was-edited .vhb-post-footer-meta{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin-left:auto!important;
    padding:4px 0!important;
    gap:4px!important;
    font-size:10.25px!important;
    white-space:nowrap!important;
  }
  #vhb-app .vhb-like-metadata-row,
  body #vhb-app .vhb-like-metadata-row,
  body .vhb-app .vhb-like-metadata-row{
    margin-top:6px!important;
    padding-top:8px!important;
    min-height:34px!important;
  }
  #vhb-app .vhb-like-metadata-inner,
  body #vhb-app .vhb-like-metadata-inner,
  body .vhb-app .vhb-like-metadata-inner{
    gap:5px!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  #vhb-app .vhb-post-actions-left,
  body #vhb-app .vhb-post-actions-left,
  body .vhb-app .vhb-post-actions-left{column-gap:12px!important;}
  #vhb-app .vhb-post-actions,
  body #vhb-app .vhb-post-actions,
  body .vhb-app .vhb-post-actions{column-gap:8px!important;}
  #vhb-app .vhb-post-actions .vhb-action-link,
  #vhb-app .vhb-post-actions .vhb-action-button,
  body #vhb-app .vhb-post-actions .vhb-action-link,
  body #vhb-app .vhb-post-actions .vhb-action-button{font-size:10.5px!important;}
  #vhb-app .vhb-post-footer-meta,
  body #vhb-app .vhb-post-footer-meta,
  body .vhb-app .vhb-post-footer-meta{font-size:9.5px!important;gap:3px!important;}
}


/* v0.2.113IPRt344 — mobile footer semantics + Like-state icon exception. */
@media(max-width:680px){
  /* Keep the compact label-only mobile action row, except Like: the thumb is
     meaningful state feedback and is small enough to preserve the one-row goal. */
  #vhb-app .vhb-post-actions .vhb-like-toggle .vhb-action-icon,
  #vhb-app .vhb-post-actions .vhb-like-static .vhb-action-icon,
  body #vhb-app .vhb-post-actions .vhb-like-toggle .vhb-action-icon,
  body #vhb-app .vhb-post-actions .vhb-like-static .vhb-action-icon,
  body .vhb-app .vhb-post-actions .vhb-like-toggle .vhb-action-icon,
  body .vhb-app .vhb-post-actions .vhb-like-static .vhb-action-icon{display:inline-flex!important;}
  #vhb-app .vhb-post-actions .vhb-like-toggle,
  #vhb-app .vhb-post-actions .vhb-like-static,
  body #vhb-app .vhb-post-actions .vhb-like-toggle,
  body #vhb-app .vhb-post-actions .vhb-like-static{gap:4px!important;}
  /* Mobile already says Post #N, so the middle age can stay terse. Keep Edited
     explicit so two adjacent ages are never ambiguous. */
  #vhb-app .vhb-edited-prefix,
  body #vhb-app .vhb-edited-prefix,
  body .vhb-app .vhb-edited-prefix{display:inline!important;}
  #vhb-app .vhb-posted-prefix,
  body #vhb-app .vhb-posted-prefix,
  body .vhb-app .vhb-posted-prefix{display:none!important;}
}

/* Preview media ordering guard: Read More/Show Less belongs at the text boundary,
   never after the media teaser. DOM is also normalized by the T343 controller. */
#vhb-app .vhb-preview-render-card .vhb-quote-current{display:flex!important;flex-direction:column!important;}
#vhb-app .vhb-preview-render-card .vhb-quote-current-copy{order:10!important;}
#vhb-app .vhb-preview-render-card .vhb-collapse-bubble-toggle-v6,
#vhb-app .vhb-preview-render-card .vhb-read-more-toggle{order:20!important;align-self:flex-start!important;}
#vhb-app .vhb-preview-render-card .vhb-youtube-viewer,
#vhb-app .vhb-preview-render-card .vhb-youtube-viewer-teaser,
#vhb-app .vhb-preview-render-card .vhb-youtube-shell{order:30!important;}


/* v0.2.113IPRt344 — preview/social-footer corrective polish. */
/* Action icons remain useful scan anchors, but they should support the labels,
   not compete with them. Use one muted burnt-orange family everywhere. */
#vhb-app .vhb-post-actions .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-action-icon,
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon{color:#ad7445!important;opacity:.9!important;}
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon{color:#c9854b!important;opacity:1!important;}

/* Give the liker faces a real layout region. The grammar copy is a sibling,
   never an overlay target, which prevents tablet one-/multi-avatar collisions. */
#vhb-app .vhb-liker-avatar-rail,
body #vhb-app .vhb-liker-avatar-rail,
body .vhb-app .vhb-liker-avatar-rail{
  display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;
  min-width:0!important;max-width:100%!important;gap:5px!important;white-space:nowrap!important;
}
#vhb-app .vhb-like-metadata-inner,
body #vhb-app .vhb-like-metadata-inner,
body .vhb-app .vhb-like-metadata-inner{column-gap:8px!important;}
#vhb-app .vhb-liker-avatar,
body #vhb-app .vhb-liker-avatar,
body .vhb-app .vhb-liker-avatar{
  box-sizing:border-box!important;border:2px solid rgba(255,130,0,.66)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.48)!important;overflow:visible!important;
}
#vhb-app .vhb-liker-avatar img,
body #vhb-app .vhb-liker-avatar img,
body .vhb-app .vhb-liker-avatar img{box-sizing:border-box!important;}
#vhb-app .vhb-like-copy,
body #vhb-app .vhb-like-copy,
body .vhb-app .vhb-like-copy{position:relative!important;z-index:1!important;margin-left:0!important;}
@media (min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-like-metadata-inner,body #vhb-app .vhb-like-metadata-inner,body .vhb-app .vhb-like-metadata-inner{column-gap:9px!important;}
  #vhb-app .vhb-liker-avatar-rail,body #vhb-app .vhb-liker-avatar-rail,body .vhb-app .vhb-liker-avatar-rail{gap:6px!important;}
}

/* T344 canonical Preview ordering: the production Read More control class is
   vhb-collapse-toggle-v6; keep it between copy and referenced media. */
#vhb-app .vhb-preview-render-card .vhb-quote-current{display:flex!important;flex-direction:column!important;}
#vhb-app .vhb-preview-render-card .vhb-quote-current-copy{order:10!important;}
#vhb-app .vhb-preview-render-card .vhb-collapse-toggle-v6,
#vhb-app .vhb-preview-render-card .vhb-collapse-bubble-toggle-v6,
#vhb-app .vhb-preview-render-card .vhb-read-more-toggle{order:20!important;align-self:flex-start!important;}
#vhb-app .vhb-preview-render-card .vhb-youtube-viewer,
#vhb-app .vhb-preview-render-card .vhb-youtube-viewer-teaser,
#vhb-app .vhb-preview-render-card .vhb-youtube-shell{order:30!important;}


/* v0.2.113IPRt345 — restrained action-icon lift. T344's burnt orange was
   intentionally quiet; raise it one small step for readability without
   returning to the high-saturation Volunteer-orange competition. */
#vhb-app .vhb-post-actions .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-action-icon,
#vhb-app .vhb-post-actions .vhb-like-icon,
#vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-like-icon,
body #vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-like-icon,
body .vhb-app .vhb-post-actions .vhb-action-edit .vhb-action-icon{color:#c28755!important;opacity:.96!important;}
#vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-like-toggle.is-liked .vhb-action-icon{color:#d4965e!important;opacity:1!important;}


/* v0.2.113IPRt346 — liker rail + generic basketball finish. */
#vhb-app .vhb-liker-avatar-rail,body #vhb-app .vhb-liker-avatar-rail,body .vhb-app .vhb-liker-avatar-rail{
  gap:7px!important;
}
#vhb-app .vhb-liker-avatar,body #vhb-app .vhb-liker-avatar,body .vhb-app .vhb-liker-avatar{
  margin:0!important;transform:none!important;translate:none!important;flex-shrink:0!important;
}
#vhb-app .vhb-liker-avatar + .vhb-liker-avatar,body #vhb-app .vhb-liker-avatar + .vhb-liker-avatar,body .vhb-app .vhb-liker-avatar + .vhb-liker-avatar{margin-left:0!important;}
/* The photoreal basketball is itself the avatar art: no second ring/shadow around
   the generic asset. Custom member avatars keep the normal liker/post ring. */
#vhb-app img.vhb-default-avatar,body #vhb-app img.vhb-default-avatar,body .vhb-app img.vhb-default-avatar{
  border:0!important;box-shadow:none!important;filter:none!important;background:transparent!important;object-fit:cover!important;
}
#vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar),body #vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar),body .vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar){
  border:0!important;box-shadow:none!important;background:transparent!important;
}


/* v0.2.113IPRt348 — regression recovery finish. */
/* User-authored semantic Bold becomes Vol Hoops emphasis: bold + restrained orange. */
#vhb-app .vhb-post-card .vhb-post-text > p strong,
#vhb-app .vhb-post-card .vhb-post-text > p b,
#vhb-app .vhb-post-card .vhb-quote-current-copy strong,
#vhb-app .vhb-post-card .vhb-quote-current-copy b,
#vhb-app .vhb-preview-render-card .vhb-quote-current-copy strong,
#vhb-app .vhb-preview-render-card .vhb-quote-current-copy b,
body #vhb-app .vhb-post-card .vhb-post-text > p strong,
body #vhb-app .vhb-post-card .vhb-post-text > p b,
body #vhb-app .vhb-post-card .vhb-quote-current-copy strong,
body #vhb-app .vhb-post-card .vhb-quote-current-copy b{
  color:#f39a45!important;
  font-weight:700!important;
}

/* Liker rail is not an Online Now stack: every ring owns its footprint with
   three pixels of visible air between adjacent outer edges on every device. */
#vhb-app .vhb-liker-avatar-rail,
body #vhb-app .vhb-liker-avatar-rail,
body .vhb-app .vhb-liker-avatar-rail{
  gap:3px!important;
  column-gap:3px!important;
}
#vhb-app .vhb-liker-avatar,
body #vhb-app .vhb-liker-avatar,
body .vhb-app .vhb-liker-avatar{
  position:relative!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  z-index:auto!important;
}
#vhb-app .vhb-liker-avatar + .vhb-liker-avatar,
body #vhb-app .vhb-liker-avatar + .vhb-liker-avatar,
body .vhb-app .vhb-liker-avatar + .vhb-liker-avatar{margin-left:0!important;}

/* Generic basketball uses the normal user-avatar ring but never a drop shadow. */
#vhb-app img.vhb-default-avatar,
body #vhb-app img.vhb-default-avatar,
body .vhb-app img.vhb-default-avatar{
  border:2px solid rgba(255,122,0,.55)!important;
  box-shadow:none!important;
  filter:none!important;
  background:#090b0f!important;
  object-fit:cover!important;
}
#vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar),
body #vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar),
body .vhb-app .vhb-liker-avatar:has(img.vhb-default-avatar){
  border:2px solid rgba(255,130,0,.66)!important;
  box-shadow:none!important;
  background:#0b0d10!important;
}

#vhb-app .vhb-liker-avatar img.vhb-default-avatar,
body #vhb-app .vhb-liker-avatar img.vhb-default-avatar,
body .vhb-app .vhb-liker-avatar img.vhb-default-avatar{border:0!important;box-shadow:none!important;}

/* v0.2.113IPRt349 — three-target regression finish.
   1) Center referenced YouTube teaser media on desktop.
   2) Liker avatars are independent ringed circles with real 3px air and a
      deliberate label gap on every breakpoint. */
@media (min-width:1181px){
  #vhb-app .vhb-post-card .vhb-quote-preview .vhb-youtube-viewer,
  #vhb-app .vhb-post-card .vhb-quote-preview .vhb-youtube-viewer-teaser,
  #vhb-app .vhb-post-card .vhb-quote-preview .vhb-youtube-shell,
  #vhb-app .vhb-post-card .vhb-parent-preview .vhb-youtube-viewer,
  #vhb-app .vhb-post-card .vhb-parent-preview .vhb-youtube-viewer-teaser,
  #vhb-app .vhb-post-card .vhb-parent-preview .vhb-youtube-shell,
  body .vhb-post-card .vhb-quote-preview .vhb-youtube-viewer,
  body .vhb-post-card .vhb-quote-preview .vhb-youtube-viewer-teaser,
  body .vhb-post-card .vhb-parent-preview .vhb-youtube-viewer,
  body .vhb-post-card .vhb-parent-preview .vhb-youtube-viewer-teaser{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
.vhb-like-metadata-row .vhb-like-metadata-inner{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  column-gap:0!important;
  overflow:visible!important;
}
.vhb-like-metadata-row .vhb-liker-avatar-rail{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  column-gap:3px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.vhb-like-metadata-row .vhb-liker-avatar{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:2px!important;
  transform:none!important;
  translate:none!important;
  border:2px solid rgba(255,130,0,.78)!important;
  border-radius:50%!important;
  background:#0b0d10!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.vhb-like-metadata-row .vhb-liker-avatar + .vhb-liker-avatar{margin-left:0!important;}
.vhb-like-metadata-row .vhb-liker-avatar img,
.vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar{
  box-sizing:border-box!important;
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.vhb-like-metadata-row .vhb-like-copy{
  flex:0 0 auto!important;
  margin-left:8px!important;
  position:relative!important;
  z-index:1!important;
  white-space:nowrap!important;
}

/* v0.2.113IPRt350 — final regression polish.
   1) Editor reference Read More/Show Less motion is owned by T350 JS.
   2) Desktop reference text shares the same 640px centered measure as media.
   3) Liker avatars use a universal hairline ring with real, non-overlapping gaps. */
@media (min-width:1181px){
  #vhb-app .vhb-post-card .vhb-quote-preview .vhb-quote-current-copy,
  #vhb-app .vhb-post-card .vhb-parent-preview .vhb-quote-current-copy,
  body #vhb-app .vhb-post-card .vhb-quote-preview .vhb-quote-current-copy,
  body #vhb-app .vhb-post-card .vhb-parent-preview .vhb-quote-current-copy{
    width:min(100%,640px)!important;
    max-width:640px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  #vhb-app .vhb-post-card .vhb-quote-preview > .vhb-collapse-bubble-toggle-v6,
  #vhb-app .vhb-post-card .vhb-parent-preview > .vhb-collapse-bubble-toggle-v6{
    width:min(100%,640px)!important;
    max-width:640px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

#vhb-app .vhb-like-metadata-row .vhb-like-metadata-inner,
body #vhb-app .vhb-like-metadata-row .vhb-like-metadata-inner,
body .vhb-app .vhb-like-metadata-row .vhb-like-metadata-inner{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  column-gap:0!important;
  overflow:visible!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar-rail,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar-rail,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar-rail{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  column-gap:3px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  isolation:isolate!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  margin-inline:0!important;
  padding:1px!important;
  transform:none!important;
  translate:none!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:50%!important;
  background:#0b0d10!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:1!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar + .vhb-liker-avatar,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar + .vhb-liker-avatar,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar + .vhb-liker-avatar{
  margin-left:0!important;
  margin-inline-start:0!important;
  transform:none!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img,
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar{
  box-sizing:border-box!important;
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
#vhb-app .vhb-like-metadata-row .vhb-like-copy,
body #vhb-app .vhb-like-metadata-row .vhb-like-copy,
body .vhb-app .vhb-like-metadata-row .vhb-like-copy{
  flex:0 0 auto!important;
  margin-left:8px!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:1!important;
}

/* v0.2.113IPRt351 — default basketball avatar ring parity.
   The fallback image previously inherited the legacy 2px .vhb-default-avatar border,
   making it look heavier than user-uploaded avatars. Give it the same hairline treatment
   everywhere, while the liker rail continues to use its existing outer 1px ring only. */
#vhb-app img.vhb-default-avatar-image,
body #vhb-app img.vhb-default-avatar-image,
body .vhb-app img.vhb-default-avatar-image{
  box-sizing:border-box!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:50%!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image{
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}

/* v0.2.113IPRt352 — default basketball visual-ring parity.
   The orange basketball surface was visually blending into the shared orange ring,
   making the fallback avatar look like it had a much thicker border than custom avatars.
   Keep the same shared 1px ring, tighten the ball crop, and add only a hairline dark
   inner keyline so the ring reads as a true hairline on every device. */
#vhb-app img.vhb-default-avatar-image,
body #vhb-app img.vhb-default-avatar-image,
body .vhb-app img.vhb-default-avatar-image{
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 1px rgba(5,7,9,.96)!important;
  background:#090b0f!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  outline:0!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image{
  border:0!important;
  box-shadow:inset 0 0 0 1px rgba(5,7,9,.96)!important;
  background:#090b0f!important;
}

/* v0.2.113IPRt353 — default avatar parity, no special basketball tire.
   Treat the fallback basketball exactly like any other avatar: the component owns
   the orange hairline ring; the image owns no orange border, shadow, or keyline. */
#vhb-app img.vhb-default-avatar-image,
body #vhb-app img.vhb-default-avatar-image,
body .vhb-app img.vhb-default-avatar-image{
  box-sizing:border-box!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:50%!important;
  padding:0!important;
  background:#090b0f!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image{
  border:0!important;
  padding:0!important;
  background:#090b0f!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}

/* v0.2.113IPRt354 — default basketball true parity.
   The fallback basketball now uses a borderless crop of the approved photoreal source.
   No basketball-specific visual ring is baked into the image. The same shared 1px
   component ring used by normal avatars is the only visible border. */
#vhb-app img.vhb-default-avatar-image,
body #vhb-app img.vhb-default-avatar-image,
body .vhb-app img.vhb-default-avatar-image{
  box-sizing:border-box!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:50%!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
#vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body #vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image,
body .vhb-app .vhb-like-metadata-row .vhb-liker-avatar img.vhb-default-avatar-image{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}


/* v0.2.113IPRt364 — compact post avatars + topic metadata icon parity.
   Keep the author identity/rank/badge geometry frozen by leaving the avatar slot
   and author grid columns untouched; only the rendered avatar itself is 25% smaller. */
#vhb-app .vhb-post-card .vhb-author-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar{
  flex:0 0 72px!important;width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;
  margin:auto!important;align-self:center!important;justify-self:center!important;
}
#vhb-app .vhb-post-card .vhb-author-avatar img,
#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
body #vhb-app .vhb-post-card .vhb-author-avatar img,
body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
  width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;
}
@media (min-width:681px) and (max-width:1180px){
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar{
    flex-basis:69px!important;width:69px!important;height:69px!important;min-width:69px!important;max-width:69px!important;
  }
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:69px!important;height:69px!important;min-width:69px!important;max-width:69px!important;
  }
}
@media (max-width:680px){
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar{
    flex-basis:57px!important;width:57px!important;height:57px!important;min-width:57px!important;max-width:57px!important;
  }
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:57px!important;height:57px!important;min-width:57px!important;max-width:57px!important;
  }
}

/* Topic-page metrics use the same restrained orange as discussion action icons. */
#vhb-app .vhb-topic-board-panel .vhb-topic-count-icon,
body #vhb-app .vhb-topic-board-panel .vhb-topic-count-icon,
body .vhb-app .vhb-topic-board-panel .vhb-topic-count-icon{
  color:#c28755!important;opacity:.96!important;filter:none!important;
}

/* v0.2.113IPRt365 — author avatar device correction.
   Desktop keeps T364's 72px treatment. Tablet keeps the intended 25% reduction.
   Phone restores the pre-T364 76px rendered avatar without moving the identity/rank/badge rail. */
@media (max-width:680px){
  #vhb-app .vhb-post-card .vhb-author-avatar,body #vhb-app .vhb-post-card .vhb-author-avatar,body .vhb-app .vhb-post-card .vhb-author-avatar{
    flex:0 0 76px!important;width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;
  }
  #vhb-app .vhb-post-card .vhb-author-avatar img,#vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body #vhb-app .vhb-post-card .vhb-author-avatar img,body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  body .vhb-app .vhb-post-card .vhb-author-avatar img,body .vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;
  }
}

/* v0.2.113IPRt368 — discussion author avatar phone-landscape aspect-ratio hotfix.
   Match the existing mobile-portrait 76px size while ensuring T366 tablet sizing cannot pancake the primary post author avatar in short-height
   mobile landscape. Lock the author avatar wrapper and image to a true square while
   leaving username/rank/badge geometry untouched. */
@media (orientation:landscape) and (max-height:560px) and (max-width:1100px),
       (hover:none) and (pointer:coarse) and (orientation:landscape){
  html body #vhb-app .vhb-post-card .vhb-author-avatar,
  html body .vhb-app .vhb-post-card .vhb-author-avatar{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    max-width:76px!important;
    max-height:76px!important;
    flex:0 0 76px!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    border-radius:999px!important;
    contain:size paint!important;
  }
  html body #vhb-app .vhb-post-card .vhb-author-avatar img,
  html body #vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar,
  html body .vhb-app .vhb-post-card .vhb-author-avatar img,
  html body .vhb-app .vhb-post-card .vhb-author-avatar .vhb-default-avatar{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    max-width:76px!important;
    max-height:76px!important;
    flex:0 0 76px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:999px!important;
    display:block!important;
    transform:none!important;
  }
}

/* T375 corrective micro hotfix: active frontend stylesheet topic-title no-hyphenation rule.
   T374 accidentally placed this rule in the inactive legacy IPRR stylesheet. */
.vhb-topic-titleline,
.vhb-topic-titleline a,
.vhb-topic-heading-row,
.vhb-topic-title-main,
.vhb-thread-head h1{
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}


/* v0.2.113IPRt377 — All Boards header simplification.
   Remove the retired utility-link rail in markup and center the sole directory heading
   across desktop, tablet, phone portrait, and phone landscape without disturbing
   the board cards below. */
#vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title,
body #vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title,
body .vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
#vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title h1,
body #vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title h1,
body .vhb-app .vhb-board-directory-panel .vhb-mock-board-title.vhb-directory-title h1{
  flex:0 1 auto!important;
  width:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


/* v0.2.113IPRt378 — All Boards heading centering corrective hotfix.
   T377 targeted the directory header through a nonexistent parent selector.
   Target the actual rendered element directly and override legacy mobile grid rules. */
#vhb-app .vhb-mock-board-title.vhb-directory-title,
body #vhb-app .vhb-mock-board-title.vhb-directory-title,
body .vhb-app .vhb-mock-board-title.vhb-directory-title{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
#vhb-app .vhb-mock-board-title.vhb-directory-title h1,
body #vhb-app .vhb-mock-board-title.vhb-directory-title h1,
body .vhb-app .vhb-mock-board-title.vhb-directory-title h1{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}


/* ===== T383 Mobile Topic Routing + Admin Overlay Stability =====
   Keep the admin card's internal editing surface stable while mobile browser
   keyboards alter the visual viewport. This does not change the chevron or
   topic-row geometry. */
html.vhb-modtool-active .vhb-modtool.vhb-modtool-open[data-vhb-modtool-focus-lock="1"] .vhb-modtool-card{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto!important;
}
html.vhb-modtool-active .vhb-modtool.vhb-modtool-open[data-vhb-modtool-focus-lock="1"] .vhb-modtool-card input,
html.vhb-modtool-active .vhb-modtool.vhb-modtool-open[data-vhb-modtool-focus-lock="1"] .vhb-modtool-card textarea{
  scroll-margin-block:0!important;
}


/* v0.2.113IPRt397 — editor-state cleanup + underline contrast parity. */
#vhb-app .vhb-editor-phase2-shell:not(.vhb-editor-actions-active) .vhb-editor-footer,
body #vhb-app .vhb-editor-phase2-shell:not(.vhb-editor-actions-active) .vhb-editor-footer{
  display:none!important;
}
#vhb-app .vhb-post-text u,
#vhb-app .vhb-post-text [style*="text-decoration"],
body #vhb-app .vhb-post-text u,
body #vhb-app .vhb-post-text [style*="text-decoration"]{
  text-decoration-color:currentColor;
}

/* T400 admin-only AdSense placement preview helper. */
.vhb-ad-preview-note{margin:14px 0 8px;padding:9px 12px;border:1px dashed rgba(255,122,0,.42);border-radius:10px;background:rgba(255,122,0,.08);color:#d8dde6;font-size:12px;line-height:1.45;text-align:center}.vhb-ad-network-placeholder{position:relative}


/* v0.2.113IPRt401 — AdSense placeholder consistency + mobile All Boards banner clearance.
   Final authority: every public fake-sponsor shell is now neutral future AdSense
   inventory. On phone All Boards, the first ad clears the compact sticky header
   without stacking legacy route margins or being zeroed by older Home rules. */
#vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder,
body #vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder{
  text-align:center!important;
}
#vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > span,
body #vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > span{
  display:block!important;
}
#vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > strong,
body #vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > strong{
  display:block!important;
}
#vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > p,
body #vhb-app .vhb-sidebar-sponsor.vhb-ad-network-placeholder > p{
  display:block!important;
  margin:6px 0 0!important;
}
@media(max-width:680px){
  html body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  html body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:calc(var(--vhb-mobile-header-clearance,64px) + 14px)!important;
    box-sizing:border-box!important;
  }
  html body.vhb-board-mode-active #vhb-app .vhb-board-mobile-first-ad,
  html body.vhb-board-mode-active .vhb-board-mobile-first-ad{
    display:flex!important;
    height:auto!important;
    min-height:96px!important;
    max-height:none!important;
    margin:0 0 14px!important;
    padding:16px 18px!important;
    border-width:1px!important;
    overflow:visible!important;
    position:relative!important;
    z-index:1!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }
}


/* v0.2.113IPRt402 — Mobile All Boards top-ad rhythm refinement.
   T401 proved the banner can safely clear the sticky header; the compact header
   already participates in page flow on the verified phone route, so remove the
   extra synthetic clearance and match the correctly placed Topics-list banner. */
@media(max-width:680px){
  html body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  html body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:0!important;
  }
}


/* v0.2.113IPRt403 — Mobile All Boards header clearance final + Contact cleanup.
   T402 removed too much route clearance and allowed the sticky header to overlap
   the top banner. Restore the proven compact Board-route breathing room without
   reintroducing T401's oversized synthetic clearance. */
@media(max-width:680px){
  html body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  html body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:22px!important;
  }
}


/* v0.2.113IPRt404 — All Boards mobile banner measured-clearance authority.
   The banner itself is aligned by JS to the actual compact-header bottom + 10px.
   Zero route-only synthetic padding here so older clearance layers cannot stack. */
@media(max-width:680px){
  html body.vhb-board-mode-active #vhb-app .vhb-board-mode:not([hidden]),
  html body.vhb-board-mode-active .vhb-board-mode:not([hidden]){
    padding-top:0!important;
  }
  html body.vhb-board-mode-active #vhb-app .vhb-board-mobile-first-ad,
  html body.vhb-board-mode-active .vhb-board-mobile-first-ad{
    margin-bottom:14px!important;
  }
}


/* T413 — mobile Reputation explainer: scroll only while genuinely open.
   Hidden overlays must remain display:none so they cannot intercept links or page gestures. */
@media(max-width:600px){
  html body .vhb-reputation-overlay[hidden],
  html body #vhb-app .vhb-reputation-overlay[hidden]{display:none!important;pointer-events:none!important;}
  html body .vhb-reputation-overlay.is-open,
  html body #vhb-app .vhb-reputation-overlay.is-open{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:0!important;height:100dvh!important;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;pointer-events:auto!important;
  }
  html body .vhb-reputation-overlay.is-open .vhb-reputation-dialog,
  html body #vhb-app .vhb-reputation-overlay.is-open .vhb-reputation-dialog{
    width:100%!important;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))!important;
    min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  }
  .vhb-reputation-dialog header{position:relative!important;}
}


/* T412 — Upcoming Schedule follows the same shared program state as Countdown. */
.vhb-upcoming-schedule-dual-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;}
.vhb-upcoming-schedule-dual-shell>.vhb-upcoming-schedule{grid-area:1/1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;}
.vhb-upcoming-schedule-dual-shell>.vhb-upcoming-schedule:not([data-vhb-schedule-program-active]){visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
.vhb-upcoming-schedule-dual-shell>.vhb-upcoming-schedule[data-vhb-schedule-program-active]{visibility:visible!important;opacity:1!important;pointer-events:auto!important;}


/* T413 — tall Board images use a compact teaser with explicit inline expansion. */
.vhb-post-text .vhb-tall-image-shell{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;margin:10px 0 14px!important;border-radius:10px!important;overflow:hidden!important;background:#050608!important;}
.vhb-post-text .vhb-tall-image-viewport{position:relative!important;max-height:min(62vh,620px)!important;overflow:hidden!important;transition:max-height .2s ease!important;}
.vhb-post-text .vhb-tall-image-shell.is-expanded .vhb-tall-image-viewport{max-height:none!important;overflow:visible!important;}
.vhb-post-text .vhb-tall-image-shell:not(.is-expanded) .vhb-tall-image-viewport:after{content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:96px!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(5,6,8,0),rgba(5,6,8,.92))!important;}
.vhb-post-text .vhb-tall-image-shell img{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto!important;}
.vhb-post-text .vhb-tall-image-toggle{display:block!important;margin:10px auto 2px!important;padding:7px 13px!important;border:1px solid rgba(255,130,0,.72)!important;border-radius:999px!important;background:#090b0f!important;color:#ff9d31!important;font:800 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.02em!important;cursor:pointer!important;}
@media(max-width:600px){.vhb-post-text .vhb-tall-image-viewport{max-height:min(56vh,460px)!important}.vhb-post-text .vhb-tall-image-shell:not(.is-expanded) .vhb-tall-image-viewport:after{height:78px!important}}

/* T415 — tall-image presentation finalization: compact ~30% teaser + smooth reveal/collapse. */
.vhb-post-text .vhb-tall-image-viewport{
  overflow:hidden!important;
  max-height:var(--vhb-tall-collapsed,420px)!important;
  transition:max-height .58s cubic-bezier(.22,.61,.36,1)!important;
  will-change:max-height;
}
.vhb-post-text .vhb-tall-image-shell.is-expanded .vhb-tall-image-viewport{
  overflow:hidden!important;
  max-height:var(--vhb-tall-expanded,2400px)!important;
}
.vhb-post-text .vhb-tall-image-shell:not(.is-expanded) .vhb-tall-image-viewport:after{
  height:min(110px,32%)!important;
  opacity:1!important;
  transition:opacity .38s ease!important;
}
.vhb-post-text .vhb-tall-image-shell.is-expanded .vhb-tall-image-viewport:after{opacity:0!important;}
.vhb-post-text .vhb-tall-image-toggle{transition:transform .28s ease,opacity .28s ease,background-color .28s ease!important;}
.vhb-post-text .vhb-tall-image-toggle:active{transform:scale(.98)!important;}
@media(max-width:600px){
  .vhb-post-text .vhb-tall-image-viewport{max-height:var(--vhb-tall-collapsed,300px)!important;}
}

/* T420 — Reply/Quote tall-image renderer path correction.
 * Root cause: T415 JavaScript intentionally enhances images inside both
 * .vhb-post-text and .vhb-quote-current-copy, but the presentation CSS was
 * scoped only to .vhb-post-text. Saved Reply/Quote reference images therefore
 * received a real front-end toggle node without the matching teaser/fade styles,
 * making the image appear full-height with an unstyled browser button.
 * Mirror the proven Discussion-image presentation inside canonical quote/reply
 * reference copy; no editor skin, serializer, or content schema changes. */
.vhb-quote-current-copy .vhb-tall-image-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 14px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#050608!important;
}
.vhb-quote-current-copy .vhb-tall-image-viewport{
  position:relative!important;
  overflow:hidden!important;
  max-height:var(--vhb-tall-collapsed,420px)!important;
  transition:max-height .58s cubic-bezier(.22,.61,.36,1)!important;
  will-change:max-height!important;
}
.vhb-quote-current-copy .vhb-tall-image-shell.is-expanded .vhb-tall-image-viewport{
  overflow:hidden!important;
  max-height:var(--vhb-tall-expanded,2400px)!important;
}
.vhb-quote-current-copy .vhb-tall-image-shell:not(.is-expanded) .vhb-tall-image-viewport:after{
  content:"";
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:min(110px,32%)!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(5,6,8,0),rgba(5,6,8,.92))!important;
  opacity:1!important;
  transition:opacity .38s ease!important;
}
.vhb-quote-current-copy .vhb-tall-image-shell.is-expanded .vhb-tall-image-viewport:after{
  opacity:0!important;
}
.vhb-quote-current-copy .vhb-tall-image-shell img{
  display:block!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 auto!important;
}
.vhb-quote-current-copy .vhb-tall-image-toggle{
  display:block!important;
  margin:10px auto 2px!important;
  padding:7px 13px!important;
  border:1px solid rgba(255,130,0,.72)!important;
  border-radius:999px!important;
  background:#090b0f!important;
  color:#ff9d31!important;
  font:800 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
  transition:transform .28s ease,opacity .28s ease,background-color .28s ease!important;
}
.vhb-quote-current-copy .vhb-tall-image-toggle:active{transform:scale(.98)!important;}
@media(max-width:600px){
  .vhb-quote-current-copy .vhb-tall-image-viewport{max-height:var(--vhb-tall-collapsed,300px)!important;}
}


/* v0.2.113IPRt423 — instant disabled Quote tooltip (desktop + touch). */
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]{
  position:relative!important;
  cursor:pointer!important;
  opacity:1!important;
}
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip],
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-label,
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-icon{
  color:inherit!important;
  filter:none!important;
}
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-disabled-action-tooltip{
  position:absolute!important;
  z-index:2147482000!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  transform:translate(-50%,4px)!important;
  width:max-content!important;
  max-width:min(220px,76vw)!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,130,0,.52)!important;
  border-radius:7px!important;
  background:rgb(16,19,25)!important;
  color:#f4f6f8!important;
  box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
  font:700 11px/1.25 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .10s ease,transform .10s ease,visibility 0s linear .10s!important;
}
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-disabled-action-tooltip:after{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border:5px solid transparent!important;
  border-top-color:rgb(16,19,25)!important;
}
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]:hover .vhb-disabled-action-tooltip,
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]:focus-visible .vhb-disabled-action-tooltip,
#vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip].is-tooltip-open .vhb-disabled-action-tooltip{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
  transition:opacity .10s ease,transform .10s ease!important;
}
@media(max-width:760px){
  #vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-disabled-action-tooltip{
    bottom:calc(100% + 7px)!important;
    max-width:min(200px,70vw)!important;
  }
}

/* v0.2.113IPRt425 — disabled Quote tooltip color + touch dismissal stabilization. */
#vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip],
body #vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip],
body .vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip],
#vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-label,
body #vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-label,
body .vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-label,
#vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-icon,
body #vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-icon,
body .vhb-app .vhb-post-actions .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip] .vhb-action-icon{
  color:#82a8c7!important;
  opacity:1!important;
}

/* Touch browsers can latch :hover after a tap. On devices without real hover,
   only the explicit JS is-tooltip-open state is allowed to reveal the tooltip. */
@media (hover:none), (pointer:coarse){
  #vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]:hover .vhb-disabled-action-tooltip,
  #vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]:focus .vhb-disabled-action-tooltip,
  #vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip]:focus-visible .vhb-disabled-action-tooltip{
    opacity:0!important;
    visibility:hidden!important;
    transform:translate(-50%,4px)!important;
    transition:opacity .10s ease,transform .10s ease,visibility 0s linear .10s!important;
  }
  #vhb-app .vhb-action-quote.is-disabled[data-vhb-disabled-tooltip].is-tooltip-open .vhb-disabled-action-tooltip{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0)!important;
    transition:opacity .10s ease,transform .10s ease!important;
  }
}


/* v0.2.113IPRt429 — desktop Topic Index / Discussion Recent Activity left-rail visibility.
   Overrides the older global left-rail suppression only for the explicitly routed slot. */
@media (min-width:1161px){
  #vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot,
  body #vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot,
  body .vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot{
    display:block!important;
  }
}
@media (max-width:1160px){
  #vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot,
  body #vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot,
  body .vhb-app .vhb-left-rail > .vhb-recent-activity-widget.vhb-topic-discussion-recent-slot{
    display:none!important;
  }
}

/* v0.2.113IPRt440 — mobile All Boards title-clearance reconciliation.
   T439 correctly anchored clearance to the actual visible All Boards node, but it
   duplicated the compact header height already reserved by #vhb-app. Preserve the
   route-safe selector and return to the previously verified 22px board breathing
   gap. This also remains correct when the mobile ad placeholder is hidden/collapsed. */
@media (max-width:680px){
  html body #vhb-app .vhb-board-directory-layout .vhb-board-mode:not([hidden]),
  html body .vhb-app .vhb-board-directory-layout .vhb-board-mode:not([hidden]){
    padding-top:22px!important;
    box-sizing:border-box!important;
  }
}