/* Mobile layout for Android and iPhone. Loaded after each page's theme. */
:root{--mobile-edge:max(16px,env(safe-area-inset-left));--mobile-right:max(16px,env(safe-area-inset-right))}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
img,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:max(16px,1em)}
@media (max-width:700px){
  .topbar{height:64px;padding-left:var(--mobile-edge);padding-right:var(--mobile-right);gap:12px;padding-top:env(safe-area-inset-top)}
  .topbar .brand{min-width:0;gap:8px;font-size:11px;white-space:nowrap}
  .topbar .brand-mark{width:30px;height:30px;flex:none}
  .topbar .cabinet-link{max-width:150px;padding:9px 0;font-size:7px;line-height:1.3;text-align:right}
  .section-shell{padding-left:var(--mobile-edge);padding-right:var(--mobile-right)}
  .hero{min-height:0;padding-top:104px;padding-bottom:48px}
  .hero-orbit{min-height:250px}
  .hero-version{position:static;margin:24px 0 0}
  .hero-copy>p{font-size:15px;line-height:1.55}
  .hero h1,.section-head h2,.community h2,.cabinet h2{letter-spacing:-2px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .button{justify-content:center;min-height:48px}
  .builds,.news,.community,.cabinet{padding-top:64px;padding-bottom:64px}
  .build-grid{margin-top:26px;gap:12px}
  .build-card{min-height:300px;border-radius:14px}
  .card-content{inset:auto 18px 18px}
  .card-content h3{font-size:30px}
  .news-grid{margin-top:26px;gap:12px}
  .news-card{grid-template-columns:104px minmax(0,1fr);min-height:185px;border-radius:12px}
  .news-card>div{padding:18px 15px}
  .news-card h3{font-size:18px;letter-spacing:-.7px}
  .news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
  .news-card a{margin-top:14px}
  .community{gap:28px}
  .social-grid{grid-template-columns:1fr;gap:10px}
  .social{min-height:105px;padding:18px}
  .cabinet-panel,.cabinet-hero{padding:28px 20px;border-radius:16px}
  .cabinet-hero{min-height:auto}
  .cabinet-hero h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2px}
  .cabinet-hero p{font-size:14px;line-height:1.55}
  footer{padding:21px var(--mobile-edge);align-items:flex-start}
  footer>span{display:block;font-size:7px;line-height:1.45}
  .project-hero{min-height:0;padding-top:112px;padding-bottom:56px}
  .project-copy h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2px}
  .project-copy p,.brief-head p{font-size:15px}
  .project-tags{gap:7px}
  .project-tags span{padding:8px 9px;font-size:8px}
  .project-brief{padding-top:58px;padding-bottom:58px}
  .brief-grid{grid-template-columns:1fr;gap:10px}
  .brief-card{min-height:0;padding:22px 19px}
  .auth-shell,.id-shell,.auth-card,.profile-card{width:100%;max-width:none}
  .id-main{padding:92px var(--mobile-edge) 34px}
  .auth-card{padding:24px 18px;border-radius:14px}
  .auth-tabs{gap:4px}
  .auth-tabs button{min-height:42px}
  .auth-form input,.auth-form button,.password-form input,.password-form button{min-height:48px}
}

/* Final mobile profile controls: icon-only actions and accessible tab scrolling. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i {
    font-size:20px !important;
    line-height:1 !important;
  }

  body.demo-page[data-forum-theme="white"] .forum-side-brand,
  body.demo-page[data-forum-theme="white"] .forum-side-brand img {
    background:transparent !important;
    box-shadow:none !important;
  }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img {
    filter:invert(1) contrast(1.1) !important;
    mix-blend-mode:normal !important;
  }

  .demo-page .profile-avatar .avatar-change,
  .demo-page .profile-avatar label.avatar-change {
    display:none !important;
  }

  .demo-page .profile-tabs {
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin !important;
    scrollbar-color:currentColor transparent;
    padding-bottom:7px !important;
  }
  .demo-page .profile-tabs::-webkit-scrollbar { display:block !important; height:3px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar-thumb { background:currentColor !important; border-radius:99px; }
  .demo-page .profile-tabs button { flex:0 0 auto !important; }

  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) {
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    text-indent:-9999px !important;
  }
  .demo-page .wall-post footer .wall-delete-post::before,
  .demo-page .wall-comment footer [data-wall-delete]::before { background:#c43c52 !important; }
  .demo-page .wall-comment footer [data-wall-edit]::before,
  .demo-page :is([data-wall-like],[data-wall-comment-like])::before { background:#202733 !important; }

  .demo-page .wall-comment footer {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto auto !important;
    align-items:center !important;
    gap:7px !important;
  }
  .demo-page .wall-comment footer > span { display:contents !important; }
  .demo-page .wall-comment footer > span > small {
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    margin:0 !important;
    font-size:8px !important;
    font-weight:500 !important;
    line-height:1.1 !important;
  }
  .demo-page .wall-comment footer [data-wall-comment-report],
  .demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; }
}

/* Must remain last: phone review adjustments. */
@media (max-width:700px) {
  .demo-page .forum-account { position:relative !important; z-index:300 !important; }
  .demo-page .forum-account-main { width:44px !important; height:44px !important; max-width:44px !important; padding:3px !important; }
  .demo-page .forum-account-main .forum-avatar { width:34px !important; height:34px !important; flex-basis:34px !important; }
  .demo-page .forum-account-menu { z-index:1000 !important; }
  .demo-page:has(.category-topics) .forum-topic-item { width:calc(100% - 24px) !important; min-height:128px !important; grid-template-columns:36px minmax(0,1fr) !important; grid-template-rows:auto auto 1fr !important; gap:7px 10px !important; padding:14px !important; border-radius:10px !important; transform:translateX(-6px) !important; box-shadow:0 8px 18px #0000000a !important; }
  .demo-page:has(.category-topics) .forum-topic-item > i { grid-row:1 / span 2 !important; width:34px !important; height:34px !important; }
  .demo-page:has(.category-topics) .forum-topic-copy { align-self:start !important; }
  .demo-page:has(.category-topics) .forum-topic-copy b { font-size:16px !important; line-height:1.2 !important; }
  .demo-page:has(.category-topics) .forum-topic-copy small { margin-top:4px !important; font-size:11px !important; }
  .demo-page:has(.category-topics) .forum-topic-metrics { grid-column:2 !important; margin:2px 0 0 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last { grid-column:1 / -1 !important; align-self:end !important; margin-top:4px !important; padding-top:9px !important; border-top:1px solid #ffffff18 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last i { width:30px !important; height:30px !important; }
  .demo-page .wall-comment > div { position:relative !important; min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { position:absolute !important; right:0 !important; bottom:6px !important; left:0 !important; }
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-edit]::before,body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-comment-like]::before { background:#fff !important; }
}

/* Theme-safe profile action contrast and a pinned comment timestamp. */
@media (max-width:700px) {
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) :is([data-wall-like],[data-wall-comment-like])::before,
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) .wall-comment footer [data-wall-edit]::before { background:#fff !important; color:#fff !important; }
  .demo-page .wall-comment > div { padding-bottom:37px !important; }
  .demo-page .wall-comment footer { bottom:7px !important; min-height:22px !important; }
  .demo-page .wall-comment footer > span > small { position:absolute !important; bottom:0 !important; left:0 !important; margin:0 !important; }
}

/* The inline reply arrow stays readable in the desktop white theme. */
body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment] > button { color:#fff !important; }

/* Final header, avatar, and crimson-composer corrections. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i {
    width:20px !important;
    font-family:"Arial Black",Arial,sans-serif !important;
    font-size:19px !important;
    font-weight:900 !important;
    transform:scale(1.12) !important;
  }
  .demo-page .forum-topic-last i { overflow:hidden !important; border-radius:50% !important; }
  .demo-page .forum-topic-last i > img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    border:0 !important;
    border-radius:inherit !important;
  }
  body.demo-page[data-forum-theme="crimson"] .topic-composer { background:linear-gradient(145deg,#4a1024,#260914) !important; border-color:#d75a7d !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview) { background:#270b16 !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.be-toolbar,.be-footer,.be-count) { background:#50152a !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  .demo-page .forum-top { position:relative !important; z-index:2147483646 !important; }
  .demo-page .forum-account,.demo-page .forum-account-menu { z-index:2147483647 !important; }
  .demo-page .forum-theme-toggle,.demo-page .forum-theme-toggle:hover,.demo-page .forum-theme-toggle:active,.demo-page .forum-theme-toggle:focus,.demo-page .forum-theme-toggle:focus-visible { background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; outline:0 !important; }
}

/* Final requested mobile control layout. */
@media (max-width:700px) {
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:grid !important; place-items:center !important; width:33px !important; height:33px !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:'B'; color:#080a0d !important; font:900 28px/.9 Arial Black,Arial,sans-serif; letter-spacing:-3px; }
  .demo-page .forum-top { display:flex !important; align-items:center !important; gap:7px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; margin:0 auto 0 0 !important; }
  .demo-page .forum-account { order:4 !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:3 !important; display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:2 !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:1 !important; }
  .demo-page .forum-theme-picker { order:1 !important; margin:0 !important; }
  .demo-page .forum-theme-toggle { width:42px !important; height:42px !important; font-size:24px !important; line-height:1 !important; }
  .demo-page .forum-side-nav button.active i { width:23px !important; height:23px !important; font-size:0 !important; background:currentColor !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; transform:none !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea,.demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
  .demo-page :is(.wall-delete-post,[data-wall-delete]) { display:grid !important; place-items:center !important; padding:0 !important; text-indent:0 !important; }
  .demo-page :is(.wall-delete-post,[data-wall-delete])::before { display:block !important; margin:0 !important; transform:none !important; }
  .demo-page .wall-compose { margin-top:12px !important; }
}

/* Latest header order and compact wall controls. */
@media (max-width:700px) {
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:grid !important; place-items:center !important; width:33px !important; height:33px !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:'B'; color:#080a0d !important; font:900 28px/.9 Arial Black,Arial,sans-serif; letter-spacing:-3px; }

  .demo-page .forum-top { display:flex !important; align-items:center !important; gap:7px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; margin:0 auto 0 0 !important; }
  .demo-page .forum-account { order:1 !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:2 !important; display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:1 !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:2 !important; }
  .demo-page .forum-theme-picker { order:3 !important; margin:0 !important; }

  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea { font-size:10px !important; }
  .demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
}

/* Category cards and profile utilities — phone-sized, with stable action placement. */
@media (max-width:700px) {
  .demo-page .forum-account { position:relative !important; z-index:300 !important; }
  .demo-page .forum-account-main { width:44px !important; height:44px !important; max-width:44px !important; padding:3px !important; }
  .demo-page .forum-account-main .forum-avatar { width:34px !important; height:34px !important; flex-basis:34px !important; }
  .demo-page .forum-account-menu { z-index:1000 !important; }

  .demo-page:has(.category-topics) .forum-topic-item {
    width:calc(100% - 24px) !important;
    min-height:128px !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    grid-template-rows:auto auto 1fr !important;
    gap:7px 10px !important;
    padding:14px !important;
    border-radius:10px !important;
    transform:translateX(-6px) !important;
    box-shadow:0 8px 18px #0000000a !important;
  }
  .demo-page:has(.category-topics) .forum-topic-item > i { grid-row:1 / span 2 !important; width:34px !important; height:34px !important; }
  .demo-page:has(.category-topics) .forum-topic-copy { align-self:start !important; }
  .demo-page:has(.category-topics) .forum-topic-copy b { font-size:16px !important; line-height:1.2 !important; }
  .demo-page:has(.category-topics) .forum-topic-copy small { margin-top:4px !important; font-size:11px !important; }
  .demo-page:has(.category-topics) .forum-topic-metrics { grid-column:2 !important; margin:2px 0 0 !important; font-size:10px !important; }
  .demo-page:has(.category-topics) .forum-topic-last {
    grid-column:1 / -1 !important;
    align-self:end !important;
    margin-top:4px !important;
    padding-top:9px !important;
    border-top:1px solid #ffffff18 !important;
    font-size:10px !important;
  }
  .demo-page:has(.category-topics) .forum-topic-last i { width:30px !important; height:30px !important; }

  .demo-page .wall-comment > div { position:relative !important; min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { position:absolute !important; right:0 !important; bottom:6px !important; left:0 !important; }
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-edit]::before,
  body.demo-page[data-forum-theme="onyx"] .wall-comment footer [data-wall-comment-like]::before { background:#fff !important; }
}
@media (max-width:390px){
  .topbar .brand>span:last-child{display:none}
  .topbar .cabinet-link{max-width:126px}
  .hero-b{width:min(58vw,205px)}
  .news-card{grid-template-columns:86px minmax(0,1fr)}
  .news-card>div{padding:15px 12px}
  .news-card h3{font-size:16px}
  .card-content h3{font-size:26px}
}
@media (max-width:700px){
  /* Compact destructive and edit controls: the label remains available to screen readers. */
  .demo-page #deleteSubcategory,.demo-page #deleteTopic,.demo-page [data-delete-post],.demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-delete-role],.demo-page [data-edit-post],.demo-page [data-wall-edit],.demo-page #renameTopic,.demo-page #profileAvatarButton{display:inline-grid!important;place-items:center;flex:none!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important}
  .demo-page #deleteSubcategory,.demo-page #deleteTopic,.demo-page [data-delete-post],.demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-delete-role]{border-color:#ff5a5a88!important;background:#ff45451c!important;color:#ff625f!important}
  .demo-page #renameTopic,.demo-page [data-edit-post],.demo-page [data-wall-edit],.demo-page #profileAvatarButton{border-color:#ffffff45!important;background:#ffffff0d!important;color:#fff!important}
  .demo-page #deleteSubcategory::before,.demo-page #deleteTopic::before,.demo-page [data-delete-post]::before,.demo-page .wall-delete-post::before,.demo-page [data-wall-delete]::before,.demo-page [data-delete-role]::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-3 6h12l-1 12H7L6 9Zm4 3v6h2v-6h-2Zm4 0v6h2v-6h-2Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .demo-page #renameTopic::before,.demo-page [data-edit-post]::before,.demo-page [data-wall-edit]::before,.demo-page #profileAvatarButton::before{content:'';display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8-.7 3.9 3.9-.7L19 8.2 15.8 5 4 16.8Zm13.2-13.2 1.3-1.3a1.8 1.8 0 0 1 2.5 2.5l-1.3 1.3-2.5-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
  /* Wall actions should read as small tools, not as avatars or primary buttons. */
  .demo-page .wall-delete-post,.demo-page [data-wall-delete],.demo-page [data-wall-edit]{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important}
  .demo-page .wall-delete-post,.demo-page [data-wall-delete]{color:#ff625f!important}
  .demo-page .wall-delete-post::before,.demo-page [data-wall-delete]::before{width:17px!important;height:17px!important}
  .demo-page [data-wall-edit]::before{width:17px!important;height:17px!important}
  .demo-page .wall-delete-post:hover,.demo-page [data-wall-delete]:hover{background:#ff45451c!important}
  .demo-page [data-wall-edit]:hover{background:#ffffff12!important}
  .demo-page #deleteSubcategory:active,.demo-page #deleteTopic:active,.demo-page [data-delete-post]:active,.demo-page .wall-delete-post:active,.demo-page [data-wall-delete]:active,.demo-page [data-delete-role]:active,.demo-page #renameTopic:active,.demo-page [data-edit-post]:active,.demo-page [data-wall-edit]:active,.demo-page #profileAvatarButton:active{transform:scale(.92)}
  .demo-page .forum-shell{min-height:100dvh}
  .demo-page .forum-top{min-height:64px;padding-left:var(--mobile-edge);padding-right:var(--mobile-right)}
  .demo-page .forum-stage,.demo-page .forum-content{width:100%;max-width:100%}
  .demo-page .forum-content{padding:16px var(--mobile-edge) 32px}
  .demo-page .forum-side{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .demo-page .demo-heading{align-items:stretch;gap:14px}
  .demo-page .demo-heading-actions,.demo-page .topic-hero-actions,.demo-page .topic-public-actions,.demo-page .topic-management-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .demo-page .demo-heading .demo-btn,.demo-page .topic-hero-actions .demo-btn{width:100%;min-height:44px}
  .demo-page .topic-hero{padding:18px}
  .demo-page .topic-hero h1{font-size:27px;overflow-wrap:anywhere}
  .demo-page .topic-crumbs,.demo-page .demo-breadcrumbs{flex-wrap:wrap;gap:6px;font-size:12px}
  .demo-page .forum-topic-item{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}
  .demo-page .forum-topic-metrics,.demo-page .forum-topic-last{grid-column:2;justify-self:start;text-align:left}
  .demo-page .forum-topic-last{display:flex}
  .demo-page .demo-post{grid-template-columns:1fr}
  .demo-page .post-author{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:11px;text-align:left}
  .demo-page .post-avatar-wrap{grid-row:span 3}
  .demo-page .post-role-tags,.demo-page .post-author-stats{grid-column:2}
  .demo-page .post-main{min-width:0}
  .demo-page .post-main header{flex-wrap:wrap;gap:8px}
  .demo-page .post-main footer{display:flex;flex-wrap:wrap;gap:8px}
  .demo-page .post-main footer button{min-height:38px}
  .demo-page .post-reply-reference{max-width:100%}
  .demo-page .topic-pagination{gap:8px;justify-content:space-between}
  .demo-page .topic-pagination .demo-btn{min-height:42px}
  .demo-page .profile-card{padding:18px}
  .demo-page .profile-header{display:grid;grid-template-columns:86px minmax(0,1fr);gap:15px}
  .demo-page .profile-avatar{width:86px;height:86px}
  .demo-page .profile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .demo-page .profile-actions button{width:100%;min-height:42px}
  .demo-page .profile-info-grid{grid-template-columns:1fr 1fr}
  .demo-page .profile-tabs{overflow-x:auto;overscroll-behavior-x:contain}
  .demo-page .profile-tabs button{flex:none;min-height:42px}
  .demo-page .baranus-editor{min-width:0}
  .demo-page .be-toolbar{overflow-x:auto;flex-wrap:nowrap!important;padding:6px}
  .demo-page .be-tool{min-width:36px!important;height:38px}
  .demo-page .be-edit,.demo-page .be-preview{min-height:180px!important;padding:13px;font-size:16px!important}
  .demo-page .be-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none!important;max-height:48dvh;overflow:auto}
  .demo-page .be-table-grid{grid-template-columns:repeat(10,18px)!important}
  .demo-page .forum-account-main{max-width:148px;min-height:44px}
  .demo-page .forum-account-menu,.demo-page .forum-quick-panel{right:var(--mobile-right);left:var(--mobile-edge);width:auto}
  .demo-page .admin-popover{position:fixed!important;inset:calc(70px + env(safe-area-inset-top)) var(--mobile-edge) calc(12px + env(safe-area-inset-bottom))!important;max-height:none!important;overflow:auto}
  /* The profile wall uses quiet, compact utility controls. */
  .demo-page [data-wall-like],.demo-page [data-wall-comment-like]{display:inline-grid!important;place-items:center;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;font-size:0!important;line-height:0!important;color:#d9e4ea!important}
  .demo-page [data-wall-like]::before,.demo-page [data-wall-comment-like]::before{content:'♡';font:22px/1 Arial,sans-serif}
  .demo-page [data-wall-like].is-liked::before,.demo-page [data-wall-comment-like].is-liked::before{content:'♥';color:#ff7676}
  .demo-page [data-wall-like]:hover,.demo-page [data-wall-comment-like]:hover{background:#ffffff12!important}
  .demo-page .profile-top{grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}
  .demo-page .profile-actions{position:static!important;display:flex!important;gap:8px!important;margin-top:12px!important}
  .demo-page .profile-actions button{width:auto!important;min-height:36px!important;padding:8px 10px!important;font-size:9px!important}
  .demo-page .forum-side-brand{display:flex!important;align-items:center!important;gap:0!important;letter-spacing:0!important}
  .demo-page .forum-side-brand img{margin-right:-2px!important}
  .demo-page .forum-side-brand span{font-size:15px!important;letter-spacing:-.6px!important}
  .demo-page .demo-breadcrumbs,.demo-page .demo-heading{margin-left:4px!important;margin-right:4px!important}
  .demo-page .forum-quick-panel{top:calc(100% + 8px)!important;right:var(--mobile-right)!important;left:auto!important;width:min(272px,calc(100vw - 32px))!important;padding:8px!important}
  .demo-page .forum-quick-panel strong{padding:6px 7px 8px!important;font-size:7px!important}
  .demo-page .quick-item{padding:8px 7px!important}.demo-page .quick-item b{font-size:10px!important}.demo-page .quick-item small,.demo-page .quick-empty{font-size:9px!important;line-height:1.35!important}
  .demo-page .forum-admin-trigger{width:44px!important;height:44px!important;font-size:25px!important}
  .demo-page .admin-popover #adminContent{padding:14px!important;max-height:none!important}.demo-page .admin-popover .admin-title h3{font-size:18px!important}.demo-page .admin-popover .admin-title p{font-size:12px!important}.demo-page .admin-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}.demo-page .admin-stats span{padding:10px!important}.demo-page .admin-stats b{font-size:19px!important}.demo-page .admin-note{font-size:11px!important}
  .demo-page .forum-topic-item{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:14px!important;text-align:left!important}
  .demo-page .forum-topic-copy b{font-size:15px!important;line-height:1.2!important}.demo-page .forum-topic-copy small{margin-top:5px!important;font-size:11px!important}.demo-page .forum-topic-metrics{display:flex!important;grid-column:2!important;gap:14px!important;margin-top:6px!important;font-size:11px!important}.demo-page .forum-topic-last{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:3px!important;padding-top:8px!important;border-top:1px solid #ffffff12!important}.demo-page .forum-topic-last i{width:28px!important;height:28px!important}
  .demo-page .topic-management-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.demo-page .topic-management-actions .demo-btn{display:grid!important;place-items:center!important;width:100%!important;min-height:42px!important;padding:0!important;font-size:0!important;line-height:0!important}.demo-page #renameTopic::before{width:18px!important;height:18px!important}.demo-page #closeTopic::before{content:'▣';font-size:19px;line-height:1}.demo-page #pinTopic::before{content:'⚑';font-size:20px;line-height:1}.demo-page #deleteTopic::before{width:18px!important;height:18px!important}
  .demo-page .post-main header{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:6px!important;padding:10px 12px!important}.demo-page .post-main header>span{grid-column:1!important}.demo-page .post-main header [data-edit-post],.demo-page .post-main header [data-delete-post]{display:inline-grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;font-size:0!important;line-height:0!important}.demo-page .post-main header [data-edit-post]::before{width:17px!important;height:17px!important}.demo-page .post-main header [data-delete-post]::before{width:17px!important;height:17px!important}.demo-page .post-main header [data-edit-post]:hover{background:#ffffff12!important}.demo-page .post-main header [data-delete-post]:hover{background:#ff45451c!important}
  .demo-page .post-author{grid-template-columns:52px minmax(0,1fr)!important;padding:14px!important}.demo-page .post-avatar{width:52px!important;height:52px!important;margin:0!important;font-size:24px!important}.demo-page .post-author-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:10px!important}.demo-page .post-author-stats span{min-width:0!important;padding:7px 3px!important}.demo-page .post-role-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:9px!important}.demo-page .post-role-tags span{display:inline-flex!important;border:1px solid currentColor!important;border-radius:5px!important;padding:5px 7px!important}
  .demo-page .news-topic-feed{margin-left:4px!important;margin-right:4px!important}.demo-page .news-topic-feed .forum-topic-item{margin-top:8px!important}
  /* Admin panel stays inside the simulated 360px phone instead of spanning the desktop viewport. */
  .demo-page .admin-popover{position:fixed!important;z-index:100!important;top:0!important;bottom:auto!important;left:50%!important;right:auto!important;width:360px!important;max-width:none!important;height:780px!important;max-height:100dvh!important;transform:translateX(-50%)!important;border-radius:0!important;overflow:hidden!important}
  .demo-page .admin-popover>header{padding:16px 16px 12px!important}.demo-page .admin-popover>header h2{margin:5px 0!important;font-size:22px!important}.demo-page .admin-popover>header p{font-size:11px!important}.demo-page .admin-popover .admin-layout{display:flex!important;flex-direction:column!important;height:calc(100% - 95px)!important}.demo-page .admin-popover #adminNav{flex:none!important;padding:8px 10px!important}.demo-page .admin-popover #adminContent{flex:1!important;min-height:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important}
  /* Topic management is an icon toolbar, with clear symbols and native labels retained for accessibility. */
  .demo-page .topic-management-actions .demo-btn{border:0!important;background:transparent!important;color:#e8edf0!important;box-shadow:none!important}.demo-page .topic-management-actions .demo-btn:hover{background:#ffffff12!important}.demo-page .topic-management-actions #deleteTopic{color:#ff625f!important}.demo-page #renameTopic::before,.demo-page #closeTopic::before,.demo-page #pinTopic::before,.demo-page #deleteTopic::before{display:block!important;background:currentColor!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important;-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important}.demo-page #closeTopic::before{content:''!important;width:19px!important;height:19px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V6Z'/%3E%3C/svg%3E")}.demo-page #pinTopic::before{content:''!important;width:19px!important;height:19px!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v2l2 3v2h-4v5l2 2v1H9v-1l2-2v-5H7V8l2-3V3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v2l2 3v2h-4v5l2 2v1H9v-1l2-2v-5H7V8l2-3V3Z'/%3E%3C/svg%3E")}
  .demo-page #pinTopic::before{content:''!important;width:18px!important;height:18px!important;background:#fff!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4V2h-4v2H7v6l2 2v2l-2 2v1h4v5h2v-5h4v-1l-2-2v-2l2-2V4h-3Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
  /* The author and message header form one compact card on a phone. */
  .demo-page .demo-post{grid-template-columns:112px minmax(0,1fr)!important;align-items:stretch!important}.demo-page .post-author{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:14px 8px!important;border-right:1px solid #ffffff12!important;text-align:center!important}.demo-page .post-avatar-wrap{grid-row:auto!important}.demo-page .post-author-stats{display:none!important}.demo-page .post-role-tags{display:flex!important;grid-column:auto!important;justify-content:center!important;gap:4px!important;width:100%!important;margin-top:3px!important}.demo-page .post-role-tags span{padding:4px 5px!important;font-size:8px!important}.demo-page .post-main{display:flex!important;min-width:0!important}.demo-page .post-main header{min-height:70px!important;padding:12px 10px!important;background:transparent!important;border-bottom:1px solid #ffffff12!important}.demo-page .demo-post .post-body{padding:16px!important;font-size:14px!important}.demo-page .post-main footer{padding:10px!important;gap:6px!important}.demo-page .post-main footer button{font-size:9px!important}
  .demo-page .demo-post{border:0!important;border-radius:0!important}
  .demo-page .topic-management-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;padding:0 2px!important}
  .demo-page .topic-management-actions .demo-btn,.demo-page .topic-management-actions #renameTopic,.demo-page .topic-management-actions #closeTopic,.demo-page .topic-management-actions #pinTopic,.demo-page .topic-management-actions #deleteTopic{flex:none!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important}
  .demo-page .topic-management-actions .demo-btn:hover{background:#ffffff10!important}.demo-page .topic-management-actions #deleteTopic:hover{background:#ff45451c!important}
  .demo-page .topic-management-actions{margin-top:20px!important;padding-top:10px!important;border-top:1px solid #ffffff12!important}
  .demo-page .topic-posts .demo-post{border:1px solid #ffffff18!important;border-radius:8px!important;outline:0!important;box-shadow:none!important}
  .demo-page .demo-breadcrumbs{margin-left:12px!important;padding-top:7px!important}
  .demo-page .demo-heading{margin-left:12px!important;padding-top:7px!important}
  .demo-page:has(.forum-list) #openTopicModal{width:auto!important;align-self:flex-end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page:has(.category-topics) .demo-heading-actions #createSubcategory,.demo-page:has(.category-topics) .demo-heading-actions #openTopicModal{width:auto!important;justify-self:end!important;margin-left:0!important;margin-right:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .demo-heading>#openTopicModal,.demo-page .demo-heading>#openNewsTopic{width:auto!important;align-self:flex-end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .demo-heading-actions #createSubcategory,.demo-page .demo-heading-actions #openTopicModal{width:auto!important;justify-self:end!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
  .demo-page .category-topics{padding-left:12px!important}
  .demo-page .category-topics>.eyebrow{display:block!important;margin-left:2px!important}
  .demo-page .forum-list{gap:8px!important}
  .demo-page .forum-list .modern-category{width:calc(100% - 24px)!important;min-height:78px!important;margin-left:auto!important;margin-right:auto!important;padding:11px 12px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important}
  .demo-page .forum-list .modern-category-icon{width:38px!important;height:38px!important;font-size:18px!important}
  .demo-page .forum-list .category-card-stats{margin-top:4px!important}
  .demo-page .category-subgrid{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important;gap:8px!important}
  .demo-page .category-subcard{min-height:86px!important;padding:10px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important}
  .demo-page .category-subcard>i{width:34px!important;height:34px!important;margin-left:0!important;font-size:17px!important}
  .demo-page .category-subcard>span:not(.category-latest){padding:0!important}
  .demo-page .category-subcard .category-latest{min-height:34px!important;padding:7px 10px!important;font-size:10px!important}
  .demo-page .category-topic-list{display:grid!important;gap:8px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  .demo-page .forum-topic-item{width:calc(100% - 24px)!important;min-height:76px!important;margin-left:auto!important;margin-right:auto!important;padding:10px 11px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;transform:translateX(-6px)!important}
  .demo-page .forum-topic-item>i{width:28px!important;height:28px!important}
  .demo-page .pm-message>aside{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;padding:11px!important;text-align:left!important}
  .demo-page .pm-message .pm-avatar{grid-column:1!important;grid-row:1 / 3!important;width:42px!important;height:42px!important;margin:0!important}
  .demo-page .pm-message aside .demo-nick{grid-column:2!important;grid-row:1!important;justify-self:start!important;align-self:end!important;width:auto!important;margin:0!important;text-align:left!important}
  .demo-page .pm-message aside small{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;margin:0!important;text-align:left!important}
  .demo-page .directory-heading{margin-left:12px!important}
  .demo-page .profile-summary #profileStatusForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;margin:13px 0 15px!important}
  .demo-page .profile-summary #profileStatusForm input{display:block!important;min-width:0!important;width:100%!important;height:42px!important;padding:0 13px!important;border:1px solid #39414b!important;border-radius:6px!important;background:#1a1e24!important;color:#f5f7f8!important;font-size:13px!important;box-shadow:inset 0 1px #ffffff08!important}
  .demo-page .profile-summary #profileStatusForm input:focus{border-color:#7bcfff!important;background:#202631!important;outline:0!important}
  .demo-page .profile-summary #profileStatusForm button{width:auto!important;height:42px!important;padding:0 12px!important;border:1px solid #ffffff3b!important;border-radius:7px!important;background:#ffffff0d!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important}
  .demo-page .profile-summary #profileStatusForm{grid-template-columns:1fr!important}.demo-page .profile-summary #profileStatusForm button{display:none!important}
  .demo-page .profile-avatar-wrap .avatar-change{display:block!important;align-self:center!important;width:86px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c8d0d8!important;text-align:center!important;white-space:normal!important;font-size:8px!important;line-height:1.25!important;letter-spacing:.02em!important;transform:translateX(-5px)!important}
  .demo-page .profile-avatar-wrap .avatar-change:hover{background:transparent!important;color:#fff!important}
  .demo-page .profile-avatar-wrap{gap:2px!important}
  .demo-page #profileTabContent{padding-left:12px!important;padding-right:12px!important}
}
@media (max-width:360px){
  .demo-page .profile-header{grid-template-columns:1fr}
  .demo-page .profile-avatar{width:74px;height:74px}
  .demo-page .profile-info-grid{grid-template-columns:1fr}
  .demo-page .forum-quick-actions{gap:0}
  .demo-page .forum-quick-button{width:34px;height:38px}
}
@media (hover:none){
  .build-card:hover,.news-card:hover,.social:hover,.button:hover{transform:none;box-shadow:none}
}
@media (max-width:700px){
  .demo-page [data-wall-like][data-like-count],.demo-page [data-wall-comment-like][data-like-count]{display:inline-flex!important;gap:4px!important;width:auto!important;min-width:30px!important}
  .demo-page [data-wall-like][data-like-count]::after,.demo-page [data-wall-comment-like][data-like-count]::after{content:attr(data-like-count);font:12px/1 Arial,sans-serif;color:inherit}
}

/* Keep a closed drawer's shadow off the page and center the account avatar. */
.demo-page .forum-side:not(.is-open){box-shadow:none!important;visibility:hidden;pointer-events:none}
.demo-page .forum-side.is-open{visibility:visible;pointer-events:auto}
.demo-page .forum-account-main .forum-avatar{flex:none;overflow:hidden}
.demo-page .forum-account-main .forum-avatar .generated-avatar{display:grid!important;place-items:center!important;width:100%;height:100%;line-height:1!important}
.demo-page .forum-account-main .forum-avatar img{display:block;width:100%;height:100%;object-fit:cover}
/* Production uses a textarea; the preview used an input. Give both the same theme. */
.demo-page [data-wall-comment] textarea{box-sizing:border-box;display:block;flex:1;min-width:0;width:100%;height:36px;min-height:36px;max-height:120px;margin:0;padding:8px 10px;border:1px solid #333;border-radius:5px;background:#101010;color:#ddd;font:14px/18px Arial,sans-serif;resize:vertical;color-scheme:dark}
.demo-page [data-wall-comment] textarea::placeholder{color:#8d8a85;opacity:1}
.demo-page [data-wall-comment] textarea:focus{outline:1px solid #697a88;outline-offset:0}
/* Mobile header and profile controls: preserve room for every action at phone widths. */
@media(max-width:700px){
  .demo-page .forum-workspace{background:#08090c!important}
  .demo-page .forum-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding-left:12px!important;padding-right:12px!important}
  .demo-page .forum-quick-actions{order:1!important;display:flex!important;flex:none!important;margin-left:0!important}
  .demo-page .forum-theme-picker{order:2!important;flex:none!important}
  .demo-page .forum-account{order:3!important;flex:none!important;margin-left:3px!important}
  .demo-page .forum-mobile-toggle{order:0!important;flex:none!important;margin:0 auto 0 0!important}
  .demo-page .forum-account-main{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;max-width:38px!important;padding:4px!important}
  .demo-page .forum-account-main span{display:none!important}
  .demo-page .forum-theme-toggle{border:0!important;background:transparent!important}
  .demo-page .forum-theme-toggle[aria-expanded="true"]{border:1px solid #ffffff4a!important;background:#ffffff12!important}
  body.demo-page .profile-avatar-wrap{position:relative!important;display:grid!important;place-items:center!important;gap:0!important}
  body.demo-page .profile-avatar .avatar-change{position:absolute!important;z-index:2!important;bottom:6px!important;left:50%!important;width:calc(100% - 8px)!important;min-width:0!important;margin:0!important;padding:5px 3px!important;border:1px solid #ffb6c363!important;border-radius:999px!important;background:#651d32ed!important;color:#fff0f3!important;font-size:6px!important;line-height:1.05!important;white-space:normal!important;transform:translateX(-50%)!important}
  body.demo-page .profile-avatar .avatar-change:hover{background:#823046!important;color:#fff!important}
}
@media(max-width:360px){
  .demo-page .forum-quick-button{width:32px!important;min-width:32px!important;padding-left:6px!important;padding-right:6px!important}
}
@media(max-width:700px){
  .demo-page [data-wall-comment]{align-items:flex-end!important}
  .demo-page [data-wall-comment] textarea{font-size:16px;line-height:20px;min-height:40px;height:40px}
  .demo-page [data-wall-comment]>button{flex:none;height:40px;min-width:36px}
  .demo-page .wall-comment footer{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 30px auto!important;align-items:center!important;gap:4px!important}
  .demo-page .wall-comment footer>span{display:contents!important}
  .demo-page .wall-comment footer>span>small{grid-column:1/-1;grid-row:1;margin-bottom:2px}
  .demo-page .wall-comment footer [data-wall-comment-report]{grid-column:1;grid-row:2;justify-self:start}
  .demo-page .wall-comment footer [data-wall-edit]{grid-column:2;grid-row:2}
  .demo-page .wall-comment footer [data-wall-delete]{grid-column:3;grid-row:2}
  .demo-page .wall-comment footer>[data-wall-comment-like]{grid-column:4;grid-row:2;margin:0!important}
  .demo-page .wall-comment footer [data-wall-edit],.demo-page .wall-comment footer [data-wall-delete],.demo-page .wall-post footer .wall-delete-post{align-self:center!important;flex:none!important;margin:0!important}
  .demo-page [data-wall-like]::before,.demo-page [data-wall-comment-like]::before{content:''!important;display:block;width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
  .demo-page [data-wall-like].is-liked::before,.demo-page [data-wall-comment-like].is-liked::before{background:#ff7676}
}

/* Phone polish: keep all controls on one visual language and avoid narrow profile columns. */
@media(max-width:700px){
  body.demo-page[data-forum-theme] .forum-top .forum-theme-toggle{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
  body.demo-page[data-forum-theme] .forum-account-main,body.demo-page[data-forum-theme] .forum-account-main .forum-avatar{border:0!important;box-shadow:none!important}
  body.demo-page[data-forum-theme="white"] .forum-side-brand{isolation:isolate!important}
  body.demo-page[data-forum-theme="white"] .forum-side-brand img{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:invert(1) contrast(1.1)!important;mix-blend-mode:multiply!important}
  .demo-page .forum-side-nav button.active i{font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:900!important;text-shadow:0 0 .25px currentColor!important}

  body.demo-page[data-forum-theme="onyx"] .topic-composer{background:#111216!important;border-color:#383a42!important;box-shadow:none!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview){background:#0d0e12!important;border-color:#363842!important;color:#f4f5f6!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer :is(.be-toolbar,.be-footer,.be-count){background:#18191e!important;border-color:#363842!important;color:#f4f5f6!important}
  body.demo-page[data-forum-theme="onyx"] .topic-composer .demo-btn{background:#090a0c!important;border-color:#ffffff45!important;color:#fff!important;box-shadow:none!important}

  .demo-page .profile-top{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}
  .demo-page .profile-avatar-wrap{align-items:center!important}
  .demo-page .profile-summary{min-width:0!important;width:100%!important}
  .demo-page .profile-summary h1{text-align:center!important}
  .demo-page .profile-summary>b{display:table!important;margin:0 auto!important}
  .demo-page .profile-summary #profileStatusForm{grid-template-columns:1fr!important;margin:12px 0!important}
  .demo-page .profile-summary #profileStatusForm button{display:block!important;width:100%!important}
  .demo-page .profile-tabs{scrollbar-width:none!important}
  .demo-page .profile-tabs::-webkit-scrollbar{display:none!important}

  .demo-page .wall-post footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
  .demo-page .wall-post footer .wall-delete-post{display:inline-grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;font-size:0!important;line-height:0!important}
  .demo-page .wall-comment footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .demo-page .wall-comment footer>span{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .demo-page .wall-comment footer>span>small{margin:0!important}
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete]){display:inline-grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;font-size:0!important;line-height:0!important}

  .demo-page .profile-avatar .avatar-change{display:none!important}
  .demo-page .wall-comment footer small{font-size:9px!important;font-weight:500!important;line-height:1.2!important}
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),
  .demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]){font-size:0!important;line-height:0!important}
  .demo-page .wall-post footer .wall-delete-post,.demo-page .wall-comment footer [data-wall-delete]{color:#c43c52!important}
  .demo-page .wall-comment footer [data-wall-edit],.demo-page :is([data-wall-like],[data-wall-comment-like]){color:#202733!important}
  body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment]>button{color:#fff!important}
}

/* Latest mobile overrides must follow earlier layout rules. */
@media (max-width:700px) {
  .demo-page .forum-side-nav button.active i { font-size:20px !important; line-height:1 !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand,
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { background:transparent !important; box-shadow:none !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { filter:invert(1) contrast(1.1) !important; mix-blend-mode:normal !important; }
  .demo-page .profile-avatar .avatar-change,.demo-page .profile-avatar label.avatar-change { display:none !important; }
  .demo-page .profile-tabs { display:flex !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch; scrollbar-width:thin !important; scrollbar-color:currentColor transparent; padding-bottom:7px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar { display:block !important; height:3px !important; }
  .demo-page .profile-tabs::-webkit-scrollbar-thumb { background:currentColor !important; border-radius:99px; }
  .demo-page .profile-tabs button { flex:0 0 auto !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { color:transparent !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; text-indent:-9999px !important; }
  .demo-page .wall-post footer .wall-delete-post::before,.demo-page .wall-comment footer [data-wall-delete]::before { background:#c43c52 !important; }
  .demo-page .wall-comment footer [data-wall-edit]::before,.demo-page :is([data-wall-like],[data-wall-comment-like])::before { background:#202733 !important; }
  .demo-page .wall-comment footer { display:grid !important; grid-template-columns:minmax(0,1fr) auto auto auto !important; align-items:center !important; gap:7px !important; }
  .demo-page .wall-comment footer > span { display:contents !important; }
  .demo-page .wall-comment footer > span > small { grid-column:1 !important; grid-row:1 !important; justify-self:start !important; margin:0 !important; font-size:8px !important; font-weight:500 !important; line-height:1.1 !important; }
  .demo-page .wall-comment footer [data-wall-comment-report],.demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; }
}

/* Final contrast and timestamp placement overrides. */
@media (max-width:700px) {
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) :is([data-wall-like],[data-wall-comment-like])::before,
  body.demo-page:is([data-forum-theme="onyx"],[data-forum-theme="crimson"]) .wall-comment footer [data-wall-edit]::before { background:#fff !important; color:#fff !important; }
  .demo-page .wall-comment > div { padding-bottom:37px !important; }
  .demo-page .wall-comment footer { bottom:7px !important; min-height:22px !important; }
  .demo-page .wall-comment footer > span > small { position:absolute !important; bottom:0 !important; left:0 !important; margin:0 !important; }
}
body.demo-page[data-forum-theme="white"] .profile-feed [data-wall-comment] > button { color:#fff !important; }

/* A successful like must remain visibly filled after the mobile icon rules apply. */
@media (max-width:700px) {
  .demo-page :is([data-wall-like],[data-wall-comment-like]) { display:inline-grid !important; place-items:center !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; cursor:pointer !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked::before { background:#f05d72 !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked { background:#f05d721f !important; }
}

/* Keep the three subcategory actions in one predictable mobile toolbar. */
@media (max-width:700px) {
  .demo-page .demo-heading:has(#deleteSubcategory) { display:block !important; margin-right:12px !important; }
  .demo-page .demo-heading:has(#deleteSubcategory) .demo-heading-actions { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; margin-top:14px !important; gap:8px !important; }
  .demo-page .demo-heading-actions #deleteSubcategory { display:inline-grid !important; place-items:center !important; flex:0 0 44px !important; width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; margin-right:auto !important; padding:0 !important; font-size:0 !important; line-height:0 !important; }
  .demo-page .demo-heading-actions #createSubcategory,.demo-page .demo-heading-actions #openTopicModal { width:auto !important; min-height:44px !important; margin:0 !important; padding:0 15px !important; }
}

/* Latest visual review fixes. */
@media (max-width:700px) {
  /* Keep the drawer visually identical to the desktop sidebar. */
  .demo-page .forum-side { width:238px !important; min-width:238px !important; padding:29px 16px !important; border-right:1px solid var(--forum-line) !important; }
  .demo-page .forum-side-brand { margin:0 11px 52px !important; }
  .demo-page .forum-side-nav { display:grid !important; gap:4px !important; }
  .demo-page .forum-side-nav button { min-height:44px !important; padding:11px 12px !important; border-radius:8px !important; gap:10px !important; }
  /* The house is exclusive to the forum-home item.  Do not inherit its mask. */
  .demo-page .forum-side-nav button:nth-child(2) i,
  .demo-page .forum-side-nav button:nth-child(3) i { display:inline-block !important; width:16px !important; height:16px !important; background:none !important; mask:none !important; -webkit-mask:none !important; font-family:Arial,sans-serif !important; font-size:16px !important; font-weight:900 !important; line-height:16px !important; transform:none !important; }
  .demo-page .forum-side-nav button:first-child i { display:inline-block !important; width:18px !important; height:18px !important; font-size:0 !important; background:currentColor !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1-1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") center/contain no-repeat !important; transform:none !important; }
  .demo-page .forum-side-nav button.active i { width:20px !important; font-family:"Arial Black",Arial,sans-serif !important; font-size:19px !important; font-weight:900 !important; transform:scale(1.12) !important; }
  .demo-page .forum-topic-last i { overflow:hidden !important; border-radius:50% !important; }
  .demo-page .forum-topic-last i > img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center !important; border:0 !important; border-radius:inherit !important; }
  /* The topic divider and last-author avatar stay legible on the light design. */
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last { border-top-color:#202733 !important; }
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last > i { display:grid !important; place-items:center !important; flex:0 0 30px !important; width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; overflow:hidden !important; border:1px solid #202733 !important; border-radius:50% !important; background:#10151d !important; }
  body.demo-page[data-forum-theme="white"]:has(.category-topics) .forum-topic-last > i > img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center !important; transform:none !important; filter:none !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer { background:linear-gradient(145deg,#4a1024,#260914) !important; border-color:#d75a7d !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.compose-title,.baranus-editor,.be-edit,.be-edit:focus,.be-preview) { background:#270b16 !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  body.demo-page[data-forum-theme="crimson"] .topic-composer :is(.be-toolbar,.be-footer,.be-count) { background:#50152a !important; border-color:#a63c5d !important; color:#fff4f6 !important; }
  .demo-page .forum-top { position:relative !important; z-index:2147483646 !important; }
  .demo-page .forum-account,.demo-page .forum-account-menu { z-index:2147483647 !important; }
  .demo-page .forum-theme-toggle,.demo-page .forum-theme-toggle:hover,.demo-page .forum-theme-toggle:active,.demo-page .forum-theme-toggle:focus,.demo-page .forum-theme-toggle:focus-visible { background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; outline:0 !important; }

  /* Use the same transparent B asset and treatment as the desktop white theme. */
  body.demo-page[data-forum-theme="white"] .forum-side-brand { display:inline-flex !important; align-items:center !important; width:41px !important; height:auto !important; margin-right:auto !important; margin-left:11px !important; gap:0 !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand img { display:block !important; width:33px !important; height:33px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; filter:invert(1) !important; mix-blend-mode:multiply !important; }
  body.demo-page[data-forum-theme="white"] .forum-side-brand::before { content:none !important; }
  .demo-page .forum-top { display:flex !important; align-items:center !important; justify-content:flex-start !important; min-height:64px !important; gap:5px !important; }
  .demo-page .forum-mobile-toggle { order:0 !important; flex:none !important; margin:0 !important; }
  .demo-page .forum-theme-picker { order:1 !important; flex:none !important; margin:0 !important; }
  .demo-page .forum-quick-actions { order:2 !important; display:flex !important; flex:none !important; align-items:center !important; gap:4px !important; width:auto !important; margin-left:auto !important; }
  .demo-page .forum-quick-button[data-quick-panel="messages"] { order:1 !important; }
  .demo-page .forum-quick-button[data-quick-panel="notifications"] { order:2 !important; }
  .demo-page .forum-account { order:3 !important; flex:none !important; margin:0 !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like]),.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like]) { width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  .demo-page .wall-post footer :is(.wall-delete-post,[data-wall-like])::before,.demo-page .wall-comment footer :is([data-wall-edit],[data-wall-delete],[data-wall-comment-like])::before { width:13px !important; height:13px !important; }
  .demo-page [data-wall-comment] input,.demo-page [data-wall-comment] textarea,.demo-page [data-wall-comment] input::placeholder,.demo-page [data-wall-comment] textarea::placeholder { font-size:10px !important; }
  .demo-page .forum-side-nav button:first-child.active i { width:23px !important; height:23px !important; }
}

/* Final like-state override: late icon styling must never hide a successful tap. */
@media (max-width:700px) {
  .demo-page :is([data-wall-like],[data-wall-comment-like]) { display:inline-grid !important; place-items:center !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; cursor:pointer !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked { background:transparent !important; }
  .demo-page :is([data-wall-like],[data-wall-comment-like]).is-liked::before { background:#f05d72 !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z'/%3E%3C/svg%3E") center/contain no-repeat !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21S3 15 3 8a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 7-9 13-9 13Z'/%3E%3C/svg%3E") center/contain no-repeat !important; }
  .demo-page .profile-feed .wall-compose { margin-top:22px !important; }
}

/* Compact comment footer: timestamp left, actions right, with no card stretching. */
@media (max-width:700px) {
  .demo-page .wall-comment > div { min-height:90px !important; padding-bottom:30px !important; }
  .demo-page .wall-comment footer { bottom:3px !important; min-height:22px !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto auto auto !important; align-items:center !important; gap:7px !important; }
  .demo-page .wall-comment footer > span > small { position:static !important; grid-column:1 !important; grid-row:1 !important; justify-self:start !important; align-self:center !important; }
  .demo-page .wall-comment footer [data-wall-edit] { grid-column:2 !important; grid-row:1 !important; }
  .demo-page .wall-comment footer [data-wall-delete] { grid-column:3 !important; grid-row:1 !important; }
  .demo-page .wall-comment footer [data-wall-comment-like] { grid-column:4 !important; grid-row:1 !important; }
  .demo-page .profile-feed .wall-compose { margin-top:0 !important; position:relative !important; top:12px !important; }
  body.demo-page:not([data-forum-theme="white"]) .profile-tabs button.active { border-bottom-color:#fff !important; }
  .demo-page .profile-role-badges { display:flex !important; justify-content:center !important; width:100% !important; margin:0 0 10px !important; }
  .demo-page .profile-role-badges > span { display:inline-flex !important; width:auto !important; }
}

/* Mobile topic posts retain the full desktop author card and all three metrics. */
@media (max-width:700px) {
  .demo-page .topic-posts .demo-post { grid-template-columns:122px minmax(0,1fr) !important; }
  .demo-page .topic-posts .post-author { gap:7px !important; padding:14px 7px !important; }
  .demo-page .topic-posts .post-avatar { width:58px !important; height:58px !important; margin-bottom:1px !important; font-size:27px !important; }
  .demo-page .topic-posts .post-author .demo-nick { font-size:11px !important; line-height:1.2 !important; }
  .demo-page .topic-posts .post-author-stats { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:4px !important; width:100% !important; margin-top:5px !important; }
  .demo-page .topic-posts .post-author-stats span { display:flex !important; flex-direction:column !important; align-items:center !important; gap:3px !important; min-width:0 !important; padding:5px 1px !important; border-radius:5px !important; background:#ffffff08 !important; font-size:12px !important; }
  .demo-page .topic-posts .post-author-stats b { font-size:8px !important; line-height:1 !important; }
  .demo-page .topic-posts .post-role-tags { display:flex !important; justify-content:center !important; width:100% !important; margin-top:2px !important; }
  .demo-page .topic-posts .post-role-tags > span { display:flex !important; justify-content:center !important; width:100% !important; }
  body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats span { border:1px solid #c3ccd7 !important; background:#e7ecf2 !important; color:#1c2734 !important; }
  body.demo-page[data-forum-theme="white"] .topic-posts .post-author-stats b { color:#1c2734 !important; }
  body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger),
  body.demo-page[data-forum-theme] :is(.wall-delete,.wall-delete-post,[data-wall-delete],[data-delete-post],.post-delete,#deleteTopic,#deleteSubcategory,.demo-btn.danger):hover { background:transparent !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; }
}
\n\n/* v25 — main landing page phone layout */
@media (max-width:700px){
  .home-page{background-attachment:scroll!important}
  .home-page .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand account" "nav nav"!important;
    align-items:center!important;
    row-gap:8px!important;
    column-gap:10px!important;
    height:auto!important;
    min-height:106px!important;
    padding:10px var(--mobile-right) 10px var(--mobile-edge)!important;
  }
  .home-page .topbar .brand{grid-area:brand;min-width:0!important;font-size:12px!important}
  .home-page .topbar .brand-mark{width:32px!important;height:32px!important}
  .home-page .topbar .brand small{font-size:6px!important}
  .home-page .topbar nav{
    grid-area:nav;
    display:flex!important;
    width:100%!important;
    margin:0!important;
    gap:8px!important;
  }
  .home-page .topbar nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:34px!important;
    padding:0 12px!important;
    border:1px solid #ffffff24!important;
    border-radius:8px!important;
    background:#0d1017b8!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .home-page .topbar .cabinet-link{
    grid-area:account;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:164px!important;
    min-height:36px!important;
    padding:0 11px!important;
    border:1px solid #d7ae6155!important;
    border-radius:8px!important;
    font-size:8px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .home-page .section-shell{width:100%!important;padding-left:18px!important;padding-right:18px!important}
  .home-page .hero{
    display:flex!important;
    align-items:center!important;
    min-height:max(610px,calc(100svh - 106px))!important;
    padding-top:138px!important;
    padding-bottom:58px!important;
  }
  .home-page .hero-copy{width:100%!important;max-width:none!important}
  .home-page .eyebrow{font-size:9px!important;line-height:1.45!important;letter-spacing:.65px!important}
  .home-page .hero h1{
    margin-top:20px!important;
    font-size:clamp(41px,13.5vw,58px)!important;
    line-height:.95!important;
    letter-spacing:-2.6px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .home-page .hero-copy>p{
    max-width:none!important;
    margin-top:22px!important;
    margin-bottom:26px!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  .home-page .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .home-page .hero-actions .button{width:100%!important;min-height:50px!important;padding:0 16px!important;justify-content:center!important;text-align:center!important;font-size:10px!important}
  .home-page .hero-version{margin-top:22px!important;font-size:8px!important;line-height:1.4!important}

  .home-page .builds,.home-page .news,.home-page .community{padding-top:58px!important;padding-bottom:58px!important}
  .home-page .projects-heading,.home-page .section-head h2,.home-page .community h2{
    font-size:clamp(32px,10.5vw,46px)!important;
    line-height:1!important;
    letter-spacing:-2px!important;
  }
  .home-page .build-grid{margin-top:25px!important;gap:10px!important}
  .home-page .project-link{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:112px!important;
    padding:18px 15px!important;
    border-left-width:3px!important;
  }
  .home-page .project-link>span{font-size:18px!important;letter-spacing:-1px!important}
  .home-page .project-link strong{font-size:clamp(19px,6.3vw,25px)!important;line-height:1.08!important;letter-spacing:-1.2px!important;overflow-wrap:anywhere!important}
  .home-page .project-link small{grid-column:2!important;font-size:7px!important;line-height:1.45!important;letter-spacing:.35px!important}
  .home-page .project-link b{display:none!important}

  .home-page .news-grid{margin-top:24px!important;gap:12px!important}
  .home-page .news-card{
    display:block!important;
    min-height:0!important;
    border-radius:13px!important;
  }
  .home-page .news-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }
  .home-page .news-card>div{padding:18px 16px 20px!important}
  .home-page .news-card h3{margin:12px 0 9px!important;font-size:20px!important;line-height:1.08!important;letter-spacing:-.8px!important}
  .home-page .news-card p{display:block!important;font-size:14px!important;line-height:1.52!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .home-page .news-card a{margin-top:16px!important;font-size:8px!important}

  .home-page .community{display:block!important}
  .home-page .community-copy{margin-bottom:24px!important}
  .home-page .community-copy p{margin-bottom:0!important;font-size:15px!important;line-height:1.55!important}
  .home-page .social-grid{grid-template-columns:1fr!important;gap:9px!important}
  .home-page .social{min-height:96px!important;padding:17px!important;border-radius:11px!important}
  .home-page .social small{font-size:7px!important}
  .home-page .social strong{font-size:13px!important}

  .home-page footer{min-height:64px!important;padding:20px 18px!important;font-size:8px!important}
  .home-page footer a{font-size:8px!important}

  .home-page .news-modal{align-items:end!important;padding:12px!important}
  .home-page .news-modal article{
    width:100%!important;
    max-height:88svh!important;
    overflow:auto!important;
    padding:25px 18px 22px!important;
    border-radius:16px 16px 10px 10px!important;
  }
  .home-page .news-modal h2{font-size:clamp(27px,9vw,40px)!important;line-height:1!important;letter-spacing:-1.7px!important}
  .home-page .news-modal p{font-size:14px!important;line-height:1.55!important}
  .home-page .news-modal-gallery img{width:100%!important;height:auto!important}
}

@media (max-width:390px){
  .home-page .topbar{grid-template-columns:minmax(0,1fr) 132px!important}
  .home-page .topbar .cabinet-link{max-width:132px!important;padding:0 7px!important;font-size:7px!important}
  .home-page .topbar .brand{font-size:11px!important}
  .home-page .topbar .brand-mark{width:29px!important;height:29px!important}
  .home-page .hero{padding-top:132px!important}
  .home-page .hero h1{font-size:clamp(38px,13vw,50px)!important;letter-spacing:-2px!important}
  .home-page .project-link{grid-template-columns:34px minmax(0,1fr)!important;padding:16px 13px!important}
  .home-page .project-link strong{font-size:19px!important}
}


/* v27 — rebuilt phone landing layout. This block intentionally comes last. */
@media (max-width:700px){
  .home-page{overflow-x:hidden!important;background-attachment:scroll!important}
  .home-page .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(120px,auto)!important;
    grid-template-rows:42px 36px!important;
    grid-template-areas:"brand account" "nav nav"!important;
    align-items:center!important;
    width:100%!important;
    height:auto!important;
    min-height:104px!important;
    padding:10px 16px!important;
    gap:6px 10px!important;
  }
  .home-page .topbar .brand{grid-area:brand!important;display:flex!important;min-width:0!important;gap:9px!important;font-size:12px!important}
  .home-page .topbar .brand>span:last-child{display:inline-flex!important;align-items:baseline!important;min-width:0!important;white-space:nowrap!important}
  .home-page .topbar .brand-mark{display:grid!important;width:31px!important;height:31px!important;flex:none!important}
  .home-page .topbar nav{
    grid-area:nav!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    margin:0!important;
    gap:0!important;
  }
  .home-page .topbar nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:34px!important;
    padding:0 12px!important;
    border:1px solid #ffffff22!important;
    border-radius:7px!important;
    background:#0d1017!important;
    color:#ddd7ca!important;
    font-size:8px!important;
    letter-spacing:.45px!important;
  }
  .home-page .topbar .cabinet-link{
    grid-area:account!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    width:auto!important;
    max-width:150px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border:1px solid #d7ae6155!important;
    border-radius:7px!important;
    background:#0b0d12!important;
    font-size:7px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .home-page .section-shell{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important}
  .home-page .hero{
    display:block!important;
    min-height:0!important;
    padding-top:142px!important;
    padding-bottom:56px!important;
  }
  .home-page .hero::before{inset:0 -24px!important;background:radial-gradient(circle at 90% 25%,#23477838,transparent 32%),radial-gradient(circle at 10% 82%,#b787312b,transparent 28%)!important}
  .home-page .hero-copy{display:block!important;width:100%!important;max-width:none!important}
  .home-page .eyebrow{font-size:8px!important;line-height:1.45!important;letter-spacing:.7px!important}
  .home-page .hero h1{
    max-width:100%!important;
    margin:18px 0 0!important;
    font-size:clamp(43px,13vw,58px)!important;
    line-height:.96!important;
    letter-spacing:-2.5px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .home-page .hero-copy>p{
    max-width:100%!important;
    margin:24px 0 24px!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  .home-page .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  .home-page .hero-actions .button{width:100%!important;min-height:50px!important;padding:0 14px!important;justify-content:center!important;text-align:center!important;font-size:9px!important}
  .home-page .hero-version{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:max-content!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:7px 9px!important;
    border:1px solid #ffffff18!important;
    border-radius:6px!important;
    background:#0d1117cc!important;
    color:#938f88!important;
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.55px!important;
  }
  .home-page .hero-version strong{font-size:8px!important;color:#e2bf79!important}

  .home-page .builds,.home-page .news,.home-page .community{padding-top:54px!important;padding-bottom:54px!important}
  .home-page .projects-heading,.home-page .section-head h2,.home-page .community h2{font-size:clamp(32px,10vw,44px)!important;line-height:1.02!important;letter-spacing:-1.8px!important}
  .home-page .build-grid{margin-top:24px!important;gap:10px!important}
  .home-page .project-link{grid-template-columns:34px minmax(0,1fr)!important;min-height:108px!important;gap:10px!important;padding:16px 14px!important}
  .home-page .project-link>span{font-size:17px!important}
  .home-page .project-link strong{font-size:clamp(18px,5.8vw,24px)!important;line-height:1.08!important;letter-spacing:-1px!important}
  .home-page .project-link small{grid-column:2!important;font-size:7px!important;line-height:1.4!important}
  .home-page .project-link b{display:none!important}
  .home-page .news-grid{margin-top:23px!important;gap:11px!important}
  .home-page .news-card{display:block!important;min-height:0!important}
  .home-page .news-card img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .home-page .news-card>div{padding:17px 15px 19px!important}
  .home-page .news-card h3{font-size:20px!important;line-height:1.08!important}
  .home-page .news-card p{display:block!important;font-size:14px!important;line-height:1.5!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  .home-page .community{display:block!important}
  .home-page .community-copy{margin-bottom:22px!important}
  .home-page .social-grid{grid-template-columns:1fr!important;gap:9px!important}
  .home-page .social{min-height:94px!important;padding:16px!important}
}
@media (max-width:390px){
  .home-page .topbar{grid-template-columns:minmax(0,1fr) 126px!important;padding-left:14px!important;padding-right:14px!important}
  .home-page .topbar .brand>span:last-child{display:inline-flex!important;font-size:10px!important}
  .home-page .topbar .brand small{font-size:5px!important}
  .home-page .topbar .brand-mark{width:28px!important;height:28px!important}
  .home-page .topbar .cabinet-link{max-width:126px!important;padding:0 7px!important;font-size:6.5px!important}
  .home-page .hero{padding-top:138px!important}
  .home-page .hero h1{font-size:clamp(39px,12.7vw,50px)!important;letter-spacing:-2px!important}
}


/* v28 — mobile header width fix. Keep this block last. */
@media (max-width:700px){
  html,
  body.home-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .home-page main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .home-page .topbar{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:40px 38px!important;
    grid-template-areas:
      "brand brand"
      "nav account"!important;
    align-items:center!important;
    gap:7px 8px!important;
    min-height:104px!important;
    padding:10px max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
  }
  .home-page .topbar > *{
    min-width:0!important;
    max-width:100%!important;
  }
  .home-page .topbar .brand{
    grid-area:brand!important;
    justify-self:start!important;
    width:auto!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .home-page .topbar .brand>span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .home-page .topbar nav{
    grid-area:nav!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .home-page .topbar nav a,
  .home-page .topbar .cabinet-link{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #ffffff24!important;
    border-radius:7px!important;
    background:#0d1017!important;
    font-size:7px!important;
    line-height:1.15!important;
    letter-spacing:.35px!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
  .home-page .topbar .cabinet-link{
    grid-area:account!important;
    justify-self:stretch!important;
    color:#d0b887!important;
    border-color:#d7ae6155!important;
    background:#0b0d12!important;
  }
  .home-page .topbar nav a{
    color:#ddd7ca!important;
  }
  .home-page .section-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .home-page .hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-top:132px!important;
    overflow:hidden!important;
  }
  .home-page .hero::before{
    left:-18px!important;
    right:-18px!important;
  }
}
@media (max-width:390px){
  .home-page .topbar{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:38px 38px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .home-page .topbar .brand{font-size:10px!important}
  .home-page .topbar .brand small{font-size:5px!important}
  .home-page .topbar .brand-mark{width:27px!important;height:27px!important}
  .home-page .topbar nav a,
  .home-page .topbar .cabinet-link{
    font-size:6.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .home-page .hero{padding-top:128px!important}
}