*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f5f7;color:#1d2329}a{text-decoration:none;color:#1263c9}img{max-width:100%}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 18px}header{background:#fff;border-bottom:1px solid #e4e8ee;position:sticky;top:0;z-index:20}.header-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;gap:12px;align-items:center;color:#111}.logo strong{display:block}.logo small{display:block;color:#6d7784}.logo-mark{width:48px;height:48px;border-radius:14px;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold}.search-form{display:flex;gap:8px;flex:1;max-width:420px}.search-form input,.comment-form input,.comment-form textarea,select{width:100%;padding:12px 14px;border:1px solid #ccd5df;border-radius:10px;background:#fff}.search-form button,.btn,.comment-form button,.inline-form button{display:inline-flex;align-items:center;justify-content:center;background:#2cb34a;color:#fff;border:none;border-radius:10px;padding:12px 18px;cursor:pointer}.mainmenu{background:#fff;border-top:1px solid #eef2f6}.nav-wrap{display:flex;gap:14px;overflow:auto;padding:12px 0}.nav-wrap a{white-space:nowrap;color:#273240;padding:8px 12px;border-radius:999px}.nav-wrap a.active,.nav-wrap a:hover{background:#ebf8ee;color:#1f8d39}.banner{margin:24px 0;padding:34px;border-radius:24px;background:linear-gradient(135deg,#24a148,#1e7f3a);color:#fff}.banner h1{margin:0 0 12px;font-size:36px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-bottom:28px}.content-area{min-width:0}.sidebar{display:flex;flex-direction:column;gap:18px}.side-block,.single,.quick-box{background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:18px}.side-block h3{margin-top:0}.side-block ul{margin:0;padding-left:18px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #e6ebf1;border-radius:18px;overflow:hidden;position:relative}.card-image{height:190px;background:#dfe8ef center/cover no-repeat}.card-body{padding:16px}.card h3{margin:8px 0 10px;font-size:22px;color:#111}.card p{margin:0 0 12px;color:#5a6675;line-height:1.45}.meta-row,.single-meta,.toolbar,.footer-row,.download-list,.inline-form,.version-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.meta-row{justify-content:space-between;color:#788392;font-size:14px}.badge{position:absolute;left:12px;top:12px;background:#24a148;color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:bold;z-index:2}.pagination{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.pagination a,.pagination span{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #dde4ec}.pagination .current{background:#2cb34a;color:#fff;border-color:#2cb34a}.toolbar{margin-bottom:16px}.toolbar a{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #dde4ec;color:#344052}.version-strip{margin:0 0 18px}.version-item{display:block;padding:14px;border:1px solid #dde4ec;border-radius:14px;background:#fff;min-width:160px}.version-label{display:inline-block;padding:4px 8px;background:#edf4ff;border-radius:999px;color:#1263c9;font-size:12px;margin-bottom:8px}.single h1{margin-top:0;font-size:36px}.single .hero{border-radius:18px;margin:18px 0}.article-body{line-height:1.75;color:#334152;white-space:pre-wrap}.downloads,.comments,.rating-box{margin-top:26px;padding-top:8px;border-top:1px solid #eef2f6}.comment-form{display:grid;gap:12px;margin-bottom:18px}.comment-form textarea{min-height:140px}.comment-item{padding:14px 0;border-top:1px solid #eef2f6}.comment-item:first-of-type{border-top:none}.muted{color:#7f8a98}.footer-row{justify-content:space-between;padding:28px 0;color:#d8dde3}footer{background:#18202a}.footer-links{display:flex;gap:16px}.footer-links a{color:#fff}.breadcrumbs{color:#788392;font-size:14px;margin-bottom:14px}.meta-top{font-size:12px;color:#1263c9;text-transform:uppercase;letter-spacing:.06em}.quick-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.quick-box h2{margin-top:0}@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{order:2}.cards-grid{grid-template-columns:1fr}}@media (max-width:640px){.header-row{flex-direction:column;align-items:stretch}.search-form{max-width:none}.banner h1,.single h1{font-size:28px}.quick-box{flex-direction:column;align-items:flex-start}}
.download-item{display:flex;flex-direction:column;gap:6px}.download-meta{font-size:13px;color:#728092}.reply-box{padding:10px 12px;background:#f5f8fb;border:1px solid #dce5ef;border-radius:10px}.comment-head{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:14px}.comment-tree{margin-left:0}.comment-tree .comment-tree{margin-left:22px;border-left:2px solid #eef2f6;padding-left:14px}.reply-link{display:inline-block;margin-top:6px;font-size:13px}

.message{padding:12px 14px;border-radius:12px;margin:0 0 14px}.error-box{background:#fff4f4;border:1px solid #f3b8b8;color:#9b1d1d}.success-box{background:#eefcf1;border:1px solid #b8e4c0;color:#1c6a2e}.captcha-box{display:grid;gap:10px}.captcha-image-wrap{display:inline-flex;align-items:center;justify-content:center;width:180px;border:1px solid #d6e0ea;border-radius:12px;overflow:hidden;background:#fff}.pending-preview{margin:0 0 16px}.pending-card{padding:12px 14px;border:1px dashed #cad7e4;border-radius:12px;background:#fafcff}.download-gate .download-title-top{color:#758293;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.download-card-main{display:flex;gap:18px;align-items:flex-start;margin-top:20px}.download-thumb{width:240px;max-width:100%;border-radius:18px;border:1px solid #e4eaf1}.download-main-info h2{margin:8px 0 10px}.download-file-meta{color:#728092;margin-bottom:12px}.download-wait-box{margin-top:24px;padding:20px;border:1px solid #dfe8ef;border-radius:16px;background:#f8fbfd}.wait-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf4ff;color:#1263c9;font-size:12px;font-weight:bold;margin-bottom:10px}.disabled-btn{pointer-events:none;background:#b8c5d1}.secondary-btn{background:#1263c9}.admin-box{max-width:920px;margin:24px auto}.admin-login-form{max-width:420px}.admin-top-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.moderation-group{margin-top:22px;padding-top:18px;border-top:1px solid #eef2f6}.moderation-item{padding:14px 0;border-top:1px solid #eef2f6}.moderation-item:first-of-type{border-top:none}.moderation-meta{font-size:14px;color:#6f7b89}.moderation-actions{display:flex;gap:10px;flex-wrap:wrap}.moderation-actions form{margin:0}.moderation-actions button,.danger-btn{display:inline-flex;align-items:center;justify-content:center;background:#2cb34a;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer}.danger-btn,.moderation-actions button[value="reject"]{background:#d93c3c}.download-actions-row{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:760px){.download-card-main{flex-direction:column}.admin-top-line{flex-direction:column;align-items:flex-start}}

.token-box{margin-top:10px;color:#6f7b89;font-size:13px;word-break:break-all}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.admin-tabs a{padding:10px 14px;border-radius:10px;background:#f3f6fa;border:1px solid #dbe4ee;color:#344052}.admin-tabs a.active{background:#2cb34a;border-color:#2cb34a;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{padding:16px;border:1px solid #e1e8ef;border-radius:14px;background:#f9fbfd}.stat-card span{display:block;color:#6f7b89;margin-bottom:8px}.stat-card strong{font-size:28px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #ebf0f5;text-align:left;vertical-align:top}.recent-comments{display:grid;gap:12px}.recent-comment-item{padding:12px;border:1px solid #e5ecf3;border-radius:12px;background:#fafcff}@media (max-width:860px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-col{grid-template-columns:1fr}}@media (max-width:520px){.stats-grid{grid-template-columns:1fr}}
.admin-list-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.admin-actions-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-actions-inline form{display:inline;margin:0}.admin-actions-inline a,.admin-actions-inline button{padding:8px 10px;border-radius:8px;border:1px solid #dbe4ee;background:#f7fafc;color:#203040}.admin-actions-inline .danger-btn{background:#d93c3c;color:#fff;border-color:#d93c3c}.small-note{font-size:12px}.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:bold}.status-опубликован{background:#eefcf1;color:#1c6a2e}.status-запланирован{background:#fff8e8;color:#946200}.status-черновик{background:#f3f6fa;color:#516070}.admin-editor-form{display:grid;gap:14px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.editor-grid label,.admin-editor-form label{display:block;margin-bottom:6px;font-weight:bold}.editor-card{padding:16px;border:1px solid #e1e8ef;border-radius:14px;background:#fbfdff}.editor-card h3{margin-top:0}.admin-preview{display:block;max-width:240px;border-radius:12px;border:1px solid #e0e8ef;margin-bottom:10px}.gallery-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.gallery-admin-item{display:grid;gap:6px;font-size:12px}.gallery-admin-item img{width:100%;height:80px;object-fit:cover;border-radius:10px;border:1px solid #dce4ec}.checkbox-line{display:flex;gap:8px;align-items:center;font-weight:normal}.editor-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.compact-table input[type="text"],.compact-table select{min-width:120px}.article-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.article-gallery img{width:100%;height:140px;object-fit:cover;border-radius:14px;border:1px solid #e1e8ef;background:#fff}.admin-checklist{margin:0;padding-left:18px;line-height:1.8}.media-grid{align-items:start}@media (max-width:860px){.editor-grid{grid-template-columns:1fr}.admin-list-top{flex-direction:column;align-items:flex-start}}

.article-stats-row{display:flex;gap:18px;flex-wrap:wrap;font-weight:600}
.article-toc-box,.article-aside-box{background:#f5f8f4;border:1px solid #d9e6d7;border-radius:14px;padding:18px;margin:18px 0}
.article-toc-box ul,.article-checklist{margin:12px 0 0 0;padding-left:20px}
.rich-article-body{font-size:17px;line-height:1.75}
.article-lead{font-size:20px;line-height:1.7;font-weight:600;margin:20px 0;color:#1c2a1c}
.article-paragraph{margin:14px 0}
.post-section{margin:26px 0}
.post-section h2{font-size:28px;margin:0 0 10px}
.article-figure{margin:18px 0;text-align:center}
.article-figure img{max-width:100%;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.article-figure figcaption{margin-top:8px;color:#68746b;font-size:14px}
.block-style-lead{font-size:20px;font-weight:700}
.block-style-note{background:#fff8e8;padding:14px 16px;border-left:4px solid #d0a93a;border-radius:12px}
.block-style-accent{font-family:Georgia,serif;font-size:19px}
.block-style-small{font-size:15px;color:#5f6d63}
.download-pointer-box{display:flex;flex-direction:column;gap:8px}
.download-pointer-title{font-weight:700;font-size:22px}
.download-pointer-version{color:#2f7d32;font-weight:700}
.download-pointer-tags{display:flex;gap:8px;flex-wrap:wrap}
.download-pointer-tags span{background:#e8f7ea;color:#2d7a33;padding:6px 10px;border-radius:999px;font-size:13px}
.author-line{margin-top:12px;color:#526154}
.code-textarea{width:100%;min-height:280px;font-family:Consolas,Monaco,monospace;font-size:13px;background:#0f1720;color:#d9e6f2;border:1px solid #1f3142;border-radius:14px;padding:14px}
.article-top-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.article-top-stats .stat-box{background:#fff;border:1px solid #e3e9ef;border-radius:16px;padding:14px 16px;text-align:center}
.article-top-stats .stat-box strong{display:block;font-size:24px;line-height:1.1;margin-bottom:4px}
.article-top-stats .stat-box span{font-size:12px;color:#788392;text-transform:uppercase;letter-spacing:.04em}
.inline-figure{margin:18px 0;padding:10px;background:#fff;border:1px solid #e4eaf1;border-radius:18px}
.inline-figure img{display:block;width:100%;border-radius:12px}
.inline-figure figcaption{padding:10px 6px 2px;color:#6f7b89;font-size:14px;text-align:center}
.article-section{margin:28px 0}
.article-section h2{font-size:29px;line-height:1.2;margin:0 0 10px}
.style-accent{font-family:Georgia,serif}
.article-html p{margin:12px 0}
.article-quote{margin:18px 0;padding:16px 18px;border-left:4px solid #2cb34a;background:#f5fbf6;border-radius:0 12px 12px 0;font-style:italic}
.download-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.download-item{background:#f9fbfd;border:1px solid #dfe8ef;border-radius:16px;padding:14px}
.download-item .btn{width:100%}
.single .hero{background:#fff;padding:8px;border:1px solid #e5ebf1}
@media (max-width:760px){.article-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.article-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.badge-chip{display:inline-block;background:#eff5ff;color:#2254b4;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.classic-article-text{font-size:16px;line-height:1.7;margin-bottom:20px;white-space:pre-line}
.code-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}

.admin-table-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #2f3741;display:block}
.gallery-figure{margin:0}.gallery-figure figcaption{font-size:13px;color:#9aa3af;margin-top:6px}
.article-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.article-gallery a{display:block}

.card-badges{position:absolute;left:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap;z-index:3;right:12px}.card-badges .badge{position:static;margin:0;background:#24a148}
.announcement-boxes{display:grid;gap:10px;margin:10px 0 18px}.announcement-box{background:#fff8e8;border:1px solid #eed59b;color:#775300;border-radius:12px;padding:10px 12px;font-weight:700}
.lightbox{position:fixed;inset:0;background:rgba(10,16,24,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:30px}.lightbox.is-open{display:flex}.lightbox-stage{max-width:min(1100px,calc(100vw - 160px));max-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center}.lightbox-stage img{max-width:100%;max-height:calc(100vh - 180px);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.lightbox-caption{margin-top:14px;color:#e7edf5;text-align:center;max-width:900px}.lightbox-close,.lightbox-arrow{position:absolute;border:none;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.lightbox-close{right:24px;top:20px;width:48px;height:48px;border-radius:999px;font-size:34px;line-height:1}.lightbox-arrow{top:50%;transform:translateY(-50%);width:56px;height:72px;border-radius:18px;font-size:48px;line-height:1}.lightbox-arrow.prev{left:24px}.lightbox-arrow.next{right:24px}.no-scroll{overflow:hidden}@media (max-width:700px){.lightbox{padding:16px}.lightbox-stage{max-width:calc(100vw - 32px)}.lightbox-arrow{width:44px;height:60px;font-size:36px}.lightbox-arrow.prev{left:8px}.lightbox-arrow.next{right:8px}.lightbox-close{right:8px;top:8px}}


.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#f3f7fb;border:1px solid #dbe5ef;color:#435364}
.star-rating-form{display:grid;gap:14px;align-items:start}.star-rating{display:flex;gap:10px;align-items:center}.star-btn{appearance:none;border:none;background:#fff;font-size:36px;line-height:1;color:#c6d0db;cursor:pointer;padding:0;transition:transform .15s ease,color .15s ease,filter .15s ease}.star-btn.active{color:#ffbf2f;filter:drop-shadow(0 2px 4px rgba(255,191,47,.25))}.star-btn:hover{transform:translateY(-1px)}.rating-inline-meta{color:#6f7b89;font-size:14px}
.block-editor-table textarea{min-width:220px;resize:vertical}.block-editor-table select{min-width:150px}.block-editor-table td{min-width:0}.raw-json-box{margin-top:16px}.raw-json-box summary{cursor:pointer;font-weight:700;color:#35506d;margin-bottom:10px}
.article-section .inline-figure{margin-top:16px}.article-paragraph,.article-lead,.article-quote,.article-html,.article-checklist,.inline-figure{max-width:920px}


/* ContenMine-like rating */
.mcpehub-rating-form{display:grid;gap:12px}.mcpehub-rating-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mcpehub-stars-wrap{display:grid;gap:8px}.unit-rating{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.unit-rating li{margin:0;padding:0}.unit-rating .star-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;padding:0;cursor:pointer;color:#c9d2dc;transition:transform .12s ease,color .12s ease}.unit-rating .star-btn svg{width:28px;height:28px;fill:currentColor;display:block}.unit-rating .star-btn.active,.unit-rating .star-btn.is-hover{color:#ffbe2e}.unit-rating .star-btn:hover{transform:translateY(-1px)}.rating-value{margin:0;color:#657385;font-size:14px}.rating-submit{min-width:140px}@media (max-width:640px){.mcpehub-rating-head{align-items:flex-start}.rating-submit{width:100%}}


/* article page closer to ContenMine */
.mc-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#7b8794;margin-bottom:12px}
.mc-breadcrumbs span{color:#a0acb8}
.fullstory-title-wrap h1{margin:0 0 8px;font-size:42px;line-height:1.12;color:#111827}
.fullstory-submeta{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.date-time-plain{font-size:15px;color:#5f6b77;font-weight:600}
.mc-stats{margin-top:8px;margin-bottom:22px}
.mc-stats .stat-box{background:#f8fbff;border-color:#e2e8f0;border-radius:18px}
.mc-stats .stat-box strong{font-size:22px;color:#0f172a}
.mc-stats .stat-box span{font-size:11px;color:#64748b}
.rich-article-body{font-size:18px;line-height:1.78;color:#243140}
.article-lead{font-size:22px;line-height:1.65;margin:18px 0 16px;font-weight:700;color:#18222d}
.article-toc-box h2,.article-aside-box h2,.downloads h2,.rating-box h2,.comments h2{font-size:28px;line-height:1.2;margin:0 0 12px;color:#111827}
.post-section h2,.article-section h2{font-size:30px;line-height:1.2;margin-bottom:8px;color:#101828}
.article-checklist li,.article-toc-box li{margin:8px 0}
.download-item{background:#fff;border:1px solid #e5ecf3;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.download-item .btn{border-radius:14px;font-weight:700}
.download-meta{line-height:1.5}
.article-category-line{margin-top:8px;color:#667085;font-size:14px}
.mcpehub-rating-form{background:#fbfcfe;border:1px solid #e5ebf2;border-radius:18px;padding:16px}
.unit-rating .star-btn{width:40px;height:40px}
.unit-rating .star-btn svg{width:32px;height:32px}
.rating-value{font-size:15px;color:#475467}
.rating-hint{font-size:12px}
.comment-form textarea{min-height:170px}
@media (max-width:640px){.fullstory-title-wrap h1{font-size:32px}.article-toc-box h2,.article-aside-box h2,.downloads h2,.rating-box h2,.comments h2{font-size:24px}.post-section h2,.article-section h2{font-size:26px}}

.upload-status{margin-top:6px;font-size:12px;line-height:1.35}
.unit-rating .star-btn{color:#c8d1db !important}
.unit-rating .star-btn.active,.unit-rating .star-btn.is-hover{color:#ffbe2e !important}


/* refined article header + simple rating */
.fullstory-title-wrap{margin:4px 0 18px}
.fullstory-submeta{display:flex;gap:10px;flex-wrap:wrap}
.date-chip{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid #dbe5ef;background:#f7fafc;color:#475467;font-size:14px;font-weight:700}
.date-chip-main{background:#eef8f0;border-color:#cfe7d4;color:#1f6f36}
.time-chip{min-width:72px;justify-content:center}
.article-top-stats{margin-top:0}
.article-top-stats .stat-box{padding:16px 18px}
.article-top-stats .stat-box span{display:block;margin-top:6px;letter-spacing:.02em;text-transform:none;font-size:13px}
.rating-box{margin-top:28px}
.mcpehub-rating-form-simple{display:grid;gap:14px}
.rating-display-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:4px;border-bottom:1px solid #e9eef5}
.rating-display-stars{display:flex;gap:4px;font-size:26px;line-height:1}
.rating-display-stars .star{display:inline-block}
.rating-display-stars .filled{color:#ffbf2f}
.rating-display-stars .empty{color:#d3dbe5}
.rating-display-stars .half{background:linear-gradient(90deg,#ffbf2f 50%,#d3dbe5 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rating-choice-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rating-choice-label{font-weight:700;color:#344054;margin-right:2px}
.rating-number-btn{appearance:none;border:1px solid #d0dae5;background:#fff;color:#1f2937;min-width:46px;height:42px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.rating-number-btn:hover,.rating-number-btn:focus{border-color:#24a148;color:#17652d;transform:translateY(-1px);outline:none;box-shadow:0 8px 18px rgba(36,161,72,.12)}
.rating-number-btn.is-current{background:#24a148;border-color:#24a148;color:#fff}
.rating-hint{margin-top:-2px}
.mc-breadcrumbs a{font-weight:600}
.mc-stats{gap:14px}
.rich-article-body p,.rich-article-body li{word-break:break-word}
@media (max-width:640px){.rating-display-row{align-items:flex-start}.rating-choice-label{width:100%}.rating-number-btn{min-width:42px;height:40px}}


.admin-table-wrap{overflow-x:auto}
.downloads-table{min-width:1280px}
.downloads-table .row-id{width:36px;text-align:center;font-weight:700}
.downloads-table input[type=text],.downloads-table select{width:100%;min-width:150px;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dde7;border-radius:10px;background:#fff}
.upload-cell{min-width:180px}
.file-upload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#2cb34a;color:#fff;font-weight:700;cursor:pointer;overflow:hidden}
.file-upload-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.selected-file-note{margin-top:8px;font-size:12px;line-height:1.35;word-break:break-word}
.current-file-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#f0f5fa;border:1px solid #d9e3ed;font-size:12px;font-weight:700;margin-bottom:6px}
.upload-status{min-width:110px}
.stars{display:inline-flex;gap:3px;line-height:1}
.star{font-size:20px}
.star.filled{color:#f4bf2a}
.star.half{color:#f4bf2a;opacity:.55}
.star.empty{color:#d0d6de}

/* home shelves inspired by large Minecraft portals */
.home-sort-box{margin-bottom:22px}
.home-sort-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px;flex-wrap:wrap}
.home-sort-head h2{margin:4px 0 0;font-size:30px}
.home-sort-tabs{display:flex;gap:10px;flex-wrap:wrap}
.home-sort-tabs a{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbe4ee;color:#344052;font-weight:700}
.home-sort-tabs a.active,.home-sort-tabs a:hover{background:#ef4444;border-color:#ef4444;color:#fff}
.fade-in-up{animation:fadeInUp .35s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-shelf-section{overflow:hidden;margin-bottom:22px}
.shelf-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.shelf-head h2{margin:0;font-size:28px}
.home-shelf-track{overflow:hidden;position:relative}
.home-shelf-line{display:flex;gap:16px;align-items:stretch;width:max-content}
.auto-marquee .home-shelf-line{animation:marqueeX 45s linear infinite}
.auto-marquee:hover .home-shelf-line{animation-play-state:paused}
@keyframes marqueeX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.shelf-card{display:flex;flex-direction:column;gap:8px;min-width:250px;max-width:250px;background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:12px;color:#111;box-shadow:0 8px 28px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease}
.shelf-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.12)}
.shelf-thumb{display:block;height:132px;border-radius:14px;background:#dae3ec center/cover no-repeat}
.shelf-meta{font-size:12px;color:#ef4444;text-transform:uppercase;font-weight:700;letter-spacing:.05em}
.shelf-card strong{font-size:18px;line-height:1.25}
.shelf-card small{font-size:13px;line-height:1.5;color:#667085}
@media (max-width:760px){.auto-marquee .home-shelf-line{animation-duration:70s}.shelf-card{min-width:210px;max-width:210px}}

/* admin downloads plain native upload */
.downloads-table{min-width:1180px}
.downloads-table .upload-cell{min-width:210px}
.downloads-table .native-upload-input{display:block;width:100%;min-width:180px;padding:10px;border:1px solid #d6dde7;border-radius:10px;background:#fff}
.downloads-table .selected-file-note{margin-top:6px;font-size:12px;color:#667085}
.downloads-table .upload-status,.file-upload-btn,.chunk-upload-input{display:none !important}

/* red-white refresh */
.logo-mark{background:#ef4444}
.search-form button,.btn,.comment-form button,.inline-form button{background:#ef4444}
.nav-wrap a.active,.nav-wrap a:hover{background:#fff1f2;color:#b91c1c}
.banner{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.badge{background:#ef4444}
.pagination .current{background:#ef4444;border-color:#ef4444}
.date-chip-main{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}
.rating-number-btn:hover,.rating-number-btn:focus,.rating-number-btn.is-current{background:#ef4444;border-color:#ef4444;color:#fff}
.home-sort-tabs a.active,.home-sort-tabs a:hover{background:#ef4444;border-color:#ef4444;color:#fff}


/* modscraft-like polish */
header{background:#ffffffcc;backdrop-filter:blur(12px)}
.mainmenu{background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.nav-wrap{padding:10px 0}
.side-block,.single,.quick-box,.card,.shelf-card{box-shadow:0 10px 30px rgba(17,24,39,.05)}
.cards-grid{grid-template-columns:1fr}
.card{overflow:hidden}
.card a{display:grid;grid-template-columns:1.3fr 1fr;color:inherit}
.card-image{height:auto;min-height:220px}
.card-body{display:flex;flex-direction:column;justify-content:center}
.card h3{font-size:28px;line-height:1.15}
.card p{font-size:16px}
.meta-row{justify-content:flex-start;gap:18px}
.side-block h3{font-size:24px;margin-bottom:12px}
.home-sort-box,.home-shelf-section{border-radius:22px}
@media (max-width:900px){.card a{grid-template-columns:1fr}.card-image{min-height:200px}.cards-grid{grid-template-columns:1fr}}

/* compact mcpehub-like homepage */
.home-hero-compact{display:grid;grid-template-columns:minmax(0,1.2fr) 320px;gap:18px;align-items:stretch;margin:18px 0 22px;padding:22px;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e5e7eb;border-radius:18px}
.home-hero-compact .home-hero-copy h1{margin:6px 0 10px;font-size:30px;line-height:1.1;color:#111827}
.home-hero-compact .home-hero-copy p{margin:0 0 14px;color:#5b6472;max-width:760px;line-height:1.55}
.home-hero-mini{display:grid;gap:12px}
.hero-mini-card{display:block;padding:14px 16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#111827;transition:.18s ease}
.hero-mini-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.hero-mini-cat{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#16a34a;text-transform:uppercase;letter-spacing:.05em}
.hero-mini-card strong{display:block;font-size:17px;line-height:1.28;margin-bottom:6px}
.hero-mini-card small{display:block;font-size:13px;line-height:1.5;color:#6b7280}
.home-layout-compact{align-items:start}
.cards-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cards-grid-compact .card{border-radius:16px;box-shadow:none}
.cards-grid-compact .card a{display:block}
.cards-grid-compact .card-image{height:175px;min-height:175px;border-bottom:1px solid #eef2f6}
.cards-grid-compact .card-body{padding:14px}
.cards-grid-compact .card h3{font-size:20px;line-height:1.25;margin:4px 0 8px}
.cards-grid-compact .card p{font-size:14px;line-height:1.5;margin:0 0 10px}
.cards-grid-compact .meta-row{font-size:13px;justify-content:space-between;gap:10px}
.cards-grid-compact .badge{padding:6px 10px;font-size:11px;top:10px;left:10px}
.sidebar-compact{gap:14px}
.compact-side-block{padding:16px;border-radius:16px;box-shadow:none}
.simple-link-list{list-style:none;padding:0;margin:0}
.simple-link-list li+li{margin-top:10px}
.simple-link-list a{color:#1f2937;line-height:1.4}
.simple-link-list a:hover{color:#dc2626}
.sidebar-comments-list{display:grid;gap:10px}
.sidebar-comment-card{display:block;padding:12px;border:1px solid #eceff3;border-radius:14px;background:#fafbfc;color:#111827}
.sidebar-comment-card strong{display:block;font-size:13px;margin-bottom:6px}
.sidebar-comment-card span{display:block;font-size:13px;line-height:1.45;color:#4b5563;margin-bottom:6px}
.sidebar-comment-card small{display:block;font-size:12px;color:#6b7280}
@media (max-width:980px){.home-hero-compact{grid-template-columns:1fr}.cards-grid-compact{grid-template-columns:1fr}}

.lang-switch{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lang-switch a{padding:6px 10px;border-radius:999px;background:#f3f5f7;color:#1f2937;text-decoration:none;font-size:13px}.lang-switch a.active{background:#1f7aec;color:#fff}


/* 2026 refresh */
:root{--line:#dfe6ee;--text:#14202b;--muted:#667281;--accent:#e11d48;--accent-dark:#be123c;--accent-soft:#fff1f4;--shadow:0 12px 30px rgba(15,23,42,.07);--radius:20px}
body.site-body{background:radial-gradient(circle at top,#fff 0,#f4f6f8 36%,#eef2f6 100%);color:var(--text);font-family:Inter,Arial,sans-serif}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(223,230,238,.9)}.container{max-width:1280px;padding:0 20px}.header-row{padding:18px 0}.logo-mark{background:linear-gradient(135deg,var(--accent),#fb7185);box-shadow:0 8px 18px rgba(225,29,72,.28)}.search-form input,.comment-form input,.comment-form textarea,select{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 15px}.search-form button,.btn,.comment-form button,.inline-form button{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:14px;padding:12px 18px;font-weight:700;box-shadow:0 10px 20px rgba(225,29,72,.18)}.nav-wrap a{background:rgba(255,255,255,.75);padding:9px 13px;font-weight:600}.nav-wrap a.active,.nav-wrap a:hover{background:var(--accent-soft);color:var(--accent-dark);border-color:#fecdd3}.banner,.side-block,.single,.quick-box,.card,.compact-side-block,.admin-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.banner{background:linear-gradient(135deg,#1e293b 0,#be123c 100%)}.home-hero-compact{background:linear-gradient(135deg,#fff,#fbfcfd);border-radius:24px;box-shadow:var(--shadow);padding:24px;border:1px solid var(--line)}.home-hero-compact .meta-top{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);margin-bottom:12px}.hero-mini-card{border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}.cards-grid-compact .card{overflow:hidden;box-shadow:var(--shadow)}.cards-grid-compact .card h3{font-size:21px}.cards-grid-compact .card p,.muted,.meta-row,.single-meta{color:var(--muted)}.badge,.badge-chip,.date-chip-main{background:linear-gradient(135deg,var(--accent),#fb7185);color:#fff}.sidebar-comment-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:16px}.article-top-stats .stat-box,.stat-card,.article-toc-box,.announcement-boxes,.rating-box,.downloads,.comments{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-figure img{width:100%;display:block;border-radius:16px;border:1px solid var(--line)}.admin-tabs a{background:#fff;border-radius:999px;font-weight:700}.admin-tabs a.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.admin-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.success-box{background:#eefcf1;border-color:#c8ead1;color:#166534}.error-box{background:#fff4f5;border-color:#fecdd3;color:#9f1239}footer{background:linear-gradient(135deg,#111827,#1f2937)}.lang-switch a{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}.lang-switch a.active{background:#fff;color:#111827}@media (max-width:980px){.article-gallery{grid-template-columns:1fr}.container{padding:0 16px}}@media (max-width:640px){.search-form button,.btn,.comment-form button,.inline-form button{width:100%}}

.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:14px}.admin-edit-grid textarea{min-height:110px}.admin-edit-grid button{grid-column:1/-1}.submission-item p{margin:8px 0 12px}.admin-panel-box .recent-comments{gap:14px}@media (max-width:760px){.admin-edit-grid{grid-template-columns:1fr}}


.submit-guide-list { margin: 0 0 18px 18px; }
.submit-guide-list li { margin: 6px 0; }
.submit-email-box, .callout-box { background:#f6f8fb; border:1px solid #d8e0ea; border-radius:14px; padding:16px 18px; margin:16px 0; }
.submit-email-example { white-space:pre-wrap; background:#0f172a; color:#e5eefb; border-radius:14px; padding:16px; overflow:auto; }
.gate-card, .submit-guide { max-width: 880px; margin: 0 auto; }
.gate-form { display:grid; gap:14px; max-width:460px; }
.gate-form input, .gate-form select { width:100%; padding:12px 14px; border:1px solid #ccd6e0; border-radius:10px; font:inherit; }

/* enhanced homepage 2026 */
.home-cinematic-shell{display:grid;gap:22px;margin:22px 0 28px}
.home-hero-premium{display:grid;grid-template-columns:minmax(0,1.45fr) 360px;gap:20px;align-items:stretch}
.hero-main-panel{position:relative;min-height:520px;border-radius:30px;overflow:hidden;background:#111827 center/cover no-repeat;box-shadow:0 22px 50px rgba(15,23,42,.18)}
.hero-main-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.18) 0%,rgba(15,23,42,.55) 35%,rgba(15,23,42,.88) 100%)}
.hero-main-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff}
.hero-topline,.hero-badges-row,.hero-actions-row,.hero-stats-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-kicker,.hero-chip,.hero-live-dot{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:12px;font-weight:700;letter-spacing:.04em}
.hero-chip.soft{background:rgba(255,255,255,.1)}
.hero-live-dot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.15)}
.hero-main-content h1{margin:16px 0 14px;font-size:clamp(36px,4vw,58px);line-height:1.02;max-width:900px}
.hero-main-content p{margin:0 0 18px;max-width:760px;font-size:17px;line-height:1.62;color:rgba(255,255,255,.88)}
.ghost-btn{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22);box-shadow:none!important}
.hero-stats-row{margin-top:22px}
.hero-stat{min-width:132px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.hero-stat strong{display:block;font-size:24px;line-height:1;color:#fff}
.hero-stat span{display:block;margin-top:6px;font-size:12px;color:rgba(255,255,255,.76);text-transform:uppercase;letter-spacing:.04em}
.hero-side-rail-premium{display:grid;gap:18px}
.glass-panel{padding:18px;border-radius:24px;border:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96));box-shadow:0 16px 36px rgba(15,23,42,.08)}
.panel-headline{margin-bottom:14px;font-size:15px;font-weight:800;color:#111827;text-transform:uppercase;letter-spacing:.06em}
.quick-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quick-links-grid a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:700;text-align:center;transition:.18s ease}
.quick-links-grid a:hover{transform:translateY(-2px);border-color:#fecdd3;color:#be123c;background:#fff7f8}
.version-stack-list{display:grid;gap:12px}
.version-stack-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;color:#111827}
.version-stack-thumb{display:block;height:84px;border-radius:18px;background:#d7dee7 center/cover no-repeat}
.version-stack-copy strong{display:block;font-size:16px;line-height:1.28;margin-bottom:4px}
.version-stack-copy small{display:block;color:#667085;line-height:1.5}
.home-overview-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-card{padding:18px 20px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.overview-card span{display:block;margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#e11d48}
.overview-card strong{display:block;font-size:24px;line-height:1.2;color:#111827}
.home-main-enhanced-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 340px;gap:22px;align-items:start;margin-bottom:34px}
.home-primary-column,.home-secondary-column{display:grid;gap:20px}
.section-shell{padding:22px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.section-heading-row h2{margin:4px 0 0;font-size:30px;line-height:1.1;color:#111827}
.section-eyebrow{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#e11d48}
.text-link-arrow{position:relative;padding-right:18px;font-weight:700;color:#be123c}
.text-link-arrow:after{content:'›';position:absolute;right:0;top:0}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.showcase-card{border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfd);transition:.18s ease}
.showcase-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.09)}
.showcase-card a{display:block;color:#111827}
.showcase-thumb{height:220px;background:#d9e1ea center/cover no-repeat}
.showcase-copy{padding:18px}
.showcase-copy h3{margin:6px 0 10px;font-size:22px;line-height:1.16;color:#111827}
.showcase-copy p{margin:0 0 12px;color:#677282;line-height:1.6}
.showcase-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#6b7280}
.showcase-card.is-featured{grid-column:1/-1;display:grid}
.showcase-card.is-featured a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}
.showcase-card.is-featured .showcase-thumb{height:auto;min-height:320px}
.showcase-card.is-featured .showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:26px}
.showcase-card.is-featured .showcase-copy h3{font-size:34px}
.showcase-card.is-featured .showcase-copy p{font-size:16px}
.mini-river-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mini-river-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid #e6ebf2;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcfd);color:#111827;transition:.18s ease}
.mini-river-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.mini-river-thumb{display:block;height:84px;border-radius:14px;background:#d8e0e8 center/cover no-repeat}
.mini-river-body strong{display:block;font-size:16px;line-height:1.28;margin-bottom:4px}
.mini-river-body small{display:block;color:#677282;line-height:1.5}
.accent-panel{position:relative;overflow:hidden}
.accent-panel:before{content:'';position:absolute;right:-42px;top:-42px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#ffe4ea 0,rgba(255,228,234,0) 70%)}
.ranked-list,.community-stream{display:grid;gap:12px}
.ranked-item,.community-item{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:flex-start;padding:12px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;color:#111827;transition:.18s ease}
.ranked-item:hover,.community-item:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.ranked-num,.community-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;font-weight:800;font-size:18px}
.ranked-copy strong,.community-copy strong{display:block;font-size:15px;line-height:1.35;margin-bottom:4px}
.ranked-copy small,.community-copy small{display:block;color:#6b7280}
.community-copy em{display:block;margin-bottom:6px;color:#475569;font-style:normal;line-height:1.52}
.category-pill-cloud{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.category-pill-cloud a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#1f2937;font-weight:700;transition:.18s ease}
.category-pill-cloud a:hover{background:#fff1f4;border-color:#fecdd3;color:#be123c}
@media (max-width:1180px){.home-hero-premium{grid-template-columns:1fr}.home-main-enhanced-grid{grid-template-columns:1fr}.home-secondary-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero-main-panel{min-height:460px}}
@media (max-width:900px){.home-overview-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid,.mini-river-grid{grid-template-columns:1fr}.showcase-card.is-featured a{grid-template-columns:1fr}.showcase-card.is-featured .showcase-thumb{min-height:240px}.quick-links-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.hero-main-content{padding:22px}.hero-main-content h1{font-size:34px}.home-secondary-column{grid-template-columns:1fr}.home-overview-ribbon{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:1fr}.version-stack-item,.mini-river-card{grid-template-columns:84px minmax(0,1fr)}}


/* unique homepage identity */
.page-home{background:
 radial-gradient(circle at 10% 0%, rgba(239,68,68,.12), transparent 28%),
 radial-gradient(circle at 90% 8%, rgba(59,130,246,.12), transparent 24%),
 radial-gradient(circle at 50% 28%, rgba(16,185,129,.07), transparent 22%),
 linear-gradient(180deg,#f5f7fb 0%,#eef3f8 100%)}
.page-home header{background:rgba(250,252,255,.78);border-bottom-color:rgba(191,219,254,.45);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.page-home .logo-mark{background:linear-gradient(135deg,#0f172a,#e11d48 62%,#22c55e)}
.page-home .nav-wrap a{background:rgba(255,255,255,.55);border-color:rgba(191,219,254,.3)}
.home-aurora-shell{display:grid;gap:18px;margin:24px 0 26px}
.home-aurora-grid{display:grid;grid-template-columns:minmax(0,1.35fr) 380px;gap:18px;align-items:stretch}
.hero-main-panel-unique{border-radius:34px;min-height:610px;border:1px solid rgba(255,255,255,.26);box-shadow:0 30px 80px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.1)}
.hero-main-panel-unique:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.15),rgba(225,29,72,.12) 50%,rgba(34,197,94,.1));mix-blend-mode:screen}
.hero-noise{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;opacity:.32;mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)}
.hero-edge-cards{position:absolute;right:18px;top:18px;display:grid;gap:12px;z-index:2}
.edge-card{min-width:138px;padding:14px 16px;border-radius:20px;background:rgba(15,23,42,.45);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 14px 30px rgba(2,6,23,.18)}
.edge-card span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:6px}
.edge-card strong{font-size:26px;line-height:1}
.edge-card.accent-green{background:rgba(5,150,105,.28)}
.signal-column,.home-secondary-column.unique-sidebar-column{display:grid;gap:18px}
.signal-panel{position:relative;overflow:hidden;padding:20px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.98));border:1px solid rgba(191,219,254,.35);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.signal-panel:before{content:'';position:absolute;right:-36px;top:-36px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.16) 0%,rgba(59,130,246,0) 72%)}
.unique-quick-links a{position:relative;display:grid;justify-content:flex-start;gap:4px;min-height:78px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(191,219,254,.35)}
.unique-quick-links a b{font-size:15px}
.unique-quick-links a small{display:block;color:#64748b;line-height:1.45}
.unique-stack .version-stack-item{padding:10px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.8)}
.home-signal-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.signal-ribbon-card{padding:18px 20px;border-radius:22px;color:#f8fafc;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 30px rgba(15,23,42,.16)}
.signal-ribbon-card:after{content:'';position:absolute;inset:auto -18% -50% auto;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.14)}
.signal-ribbon-card span{display:block;position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:8px}
.signal-ribbon-card strong{position:relative;z-index:1;display:block;font-size:24px;line-height:1.2}
.glow-red{background:linear-gradient(135deg,#111827,#7f1d1d 58%,#e11d48)}
.glow-blue{background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#38bdf8)}
.glow-green{background:linear-gradient(135deg,#052e16,#047857 60%,#22c55e)}
.home-unique-grid{display:grid;grid-template-columns:minmax(0,1.22fr) 360px;gap:20px;align-items:start;margin-bottom:38px}
.section-shell-unique{border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(250,252,255,.98));border:1px solid rgba(191,219,254,.34);box-shadow:0 22px 44px rgba(15,23,42,.08)}
.showcase-grid-unique{gap:18px}
.showcase-grid-unique .showcase-card{position:relative;border-radius:26px;border:1px solid rgba(191,219,254,.34);box-shadow:0 18px 34px rgba(15,23,42,.05);overflow:hidden}
.showcase-grid-unique .showcase-card:before{content:'';position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,#e11d48,#3b82f6,#22c55e);opacity:.9}
.showcase-grid-unique .showcase-card.tone-red .meta-top{color:#be123c}
.showcase-grid-unique .showcase-card.tone-blue .meta-top{color:#1d4ed8}
.showcase-grid-unique .showcase-card.tone-green .meta-top{color:#047857}
.is-featured-unique{background:linear-gradient(135deg,#fff,#fff7fb)}
.is-featured-unique .showcase-copy h3{font-size:36px;line-height:1.06}
.is-featured-unique .showcase-copy{position:relative}
.is-featured-unique .showcase-copy:after{content:'';position:absolute;right:22px;bottom:22px;width:86px;height:86px;border-radius:22px;background:linear-gradient(135deg,rgba(225,29,72,.08),rgba(59,130,246,.08));transform:rotate(18deg)}
.mosaic-shell{background:linear-gradient(135deg,#0f172a,#111827 58%,#172554);color:#fff;border-radius:32px;overflow:hidden;border:1px solid rgba(30,41,59,.6)}
.mosaic-shell .section-heading-row h2,.mosaic-shell .section-eyebrow{color:#fff}
.mosaic-shell .section-eyebrow{opacity:.75}
.mosaic-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mosaic-nav-card{position:relative;min-height:170px;padding:18px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));overflow:hidden}
.mosaic-nav-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.72))}
.mosaic-nav-card>*{position:relative;z-index:1}
.mosaic-nav-overline{display:block;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.mosaic-nav-card strong{font-size:22px;line-height:1.1;margin-bottom:6px}
.mosaic-nav-card small{line-height:1.5;color:rgba(255,255,255,.78)}
.mosaic-download-mcpe{background:radial-gradient(circle at top left,rgba(34,197,94,.42),transparent 30%),linear-gradient(135deg,#166534,#064e3b)}
.mosaic-mods{background:radial-gradient(circle at top left,rgba(236,72,153,.35),transparent 30%),linear-gradient(135deg,#881337,#4c0519)}
.mosaic-maps{background:radial-gradient(circle at top left,rgba(96,165,250,.35),transparent 30%),linear-gradient(135deg,#1d4ed8,#172554)}
.mosaic-textures{background:radial-gradient(circle at top left,rgba(250,204,21,.34),transparent 30%),linear-gradient(135deg,#854d0e,#713f12)}
.mosaic-servers{background:radial-gradient(circle at top left,rgba(45,212,191,.35),transparent 30%),linear-gradient(135deg,#0f766e,#134e4a)}
.mosaic-guides{background:radial-gradient(circle at top left,rgba(244,114,182,.34),transparent 30%),linear-gradient(135deg,#9d174d,#4a044e)}
.mini-river-grid-unique .mini-river-card{border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(191,219,254,.32)}
.unique-side-block{border-radius:28px}
.unique-pill-cloud a{background:linear-gradient(180deg,#fff,#f8fbff);border-color:rgba(191,219,254,.45)}
.unique-community-stream .community-item{background:linear-gradient(180deg,#fff,#f8fafc);border-color:rgba(191,219,254,.35)}
.tower-list .ranked-item:nth-child(1) .ranked-num{background:linear-gradient(135deg,#e11d48,#fb7185)}
.tower-list .ranked-item:nth-child(2) .ranked-num{background:linear-gradient(135deg,#2563eb,#60a5fa)}
.tower-list .ranked-item:nth-child(3) .ranked-num{background:linear-gradient(135deg,#059669,#34d399)}
@media (max-width:1200px){.home-aurora-grid,.home-unique-grid{grid-template-columns:1fr}.signal-column,.home-secondary-column.unique-sidebar-column{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-main-panel-unique{min-height:520px}}
@media (max-width:900px){.mosaic-nav-grid,.home-signal-ribbon{grid-template-columns:1fr 1fr}.signal-column,.home-secondary-column.unique-sidebar-column{grid-template-columns:1fr}.hero-edge-cards{position:static;margin:16px 22px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-main-panel-unique{padding-top:0}}
@media (max-width:680px){.mosaic-nav-grid,.home-signal-ribbon{grid-template-columns:1fr}.hero-main-content h1{font-size:32px}.hero-main-panel-unique{min-height:460px}.is-featured-unique .showcase-copy h3{font-size:28px}}

/* homepage text cleanup */
.home-clean-shell .hero-main-content p{max-width:620px;font-size:16px;line-height:1.5}
.compact-hero-badges{margin-bottom:8px}
.compact-hero-stats .hero-stat{min-width:120px;padding:12px 14px}
.clean-signal-column .signal-panel{padding:16px 18px}
.compact-links-grid a{min-height:48px;padding:12px}
.compact-links-grid a small{display:none}
.compact-version-stack .version-stack-item{grid-template-columns:74px minmax(0,1fr)}
.compact-version-stack .version-stack-thumb{height:64px;border-radius:14px}
.compact-version-stack .version-stack-copy small{display:none}
.compact-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-ribbon .signal-ribbon-card{padding:16px 18px}
.home-clean-content-grid{margin-top:8px}
.simple-heading-row{align-items:center;margin-bottom:14px}
.simple-heading-row h2{margin:0;font-size:28px}
.simple-heading-row .section-eyebrow{display:none}
.clean-showcase-grid .showcase-copy p{font-size:15px;line-height:1.45;margin-bottom:10px}
.clean-mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.clean-mosaic-grid .mosaic-nav-overline,.clean-mosaic-grid small{display:none}
.clean-mosaic-grid .mosaic-nav-card{min-height:92px;justify-content:flex-end;padding:18px}
.compact-section-shell{padding-top:18px}
.compact-river-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-river-grid .mini-river-card{grid-template-columns:1fr;padding:0;overflow:hidden}
.compact-river-grid .mini-river-thumb{height:120px;border-radius:0}
.compact-river-grid .mini-river-body{padding:12px 14px}
.compact-river-grid .mini-river-body small{display:none}
.unique-sidebar-column .panel-headline{margin-bottom:12px}
.tower-list .ranked-copy small{display:none}
.compact-community-stream .community-copy small{display:none}
.compact-community-stream .community-item{padding:12px 0}
@media (max-width:1100px){
  .clean-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-river-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .compact-ribbon{grid-template-columns:1fr}
  .clean-mosaic-grid,.compact-river-grid{grid-template-columns:1fr}
}


.layout.layout-single{grid-template-columns:minmax(0,1fr)}
.category-head-minimal{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:18px;align-items:stretch;margin:24px 0 18px}
.category-head-copy,.category-lead-mini,.category-chip-strip{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:22px;box-shadow:var(--shadow,0 10px 30px rgba(15,23,42,.06))}
.category-head-copy{padding:22px 24px}
.category-head-copy h1{margin:6px 0 10px;font-size:34px;line-height:1.1;color:#111827}
.category-head-copy p{margin:0;color:#6b7280;max-width:720px;line-height:1.55}
.category-lead-mini{display:flex;flex-direction:column;justify-content:center;padding:20px 22px;gap:10px;color:#111827;background:linear-gradient(135deg,#fff,#f8fafc)}
.category-lead-mini strong{font-size:22px;line-height:1.2;color:#111827}
.category-lead-mini small{color:#6b7280;line-height:1.45}
.category-chip-strip{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;margin:0 0 18px}
.category-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;font-weight:600}
.page-download-mcpe .toolbar{margin-bottom:18px;padding:0 0 8px;border-bottom:1px solid #e5e7eb}
.page-download-mcpe .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-download-mcpe .card h3{font-size:24px}
.page-download-mcpe .card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-download-mcpe footer p{max-width:560px}
@media (max-width:980px){.category-head-minimal{grid-template-columns:1fr}.page-download-mcpe .cards-grid{grid-template-columns:1fr}}
@media (max-width:640px){.category-head-copy{padding:18px}.category-head-copy h1{font-size:28px}.category-chip-strip{padding:12px}.category-chip{width:100%;justify-content:center}.category-lead-mini strong{font-size:20px}}

/* Homepage rollback polish: simpler, cleaner layout without HTML changes */
.page-home{
  background:linear-gradient(180deg,#f5f7fb 0,#eef2f7 100%);
}
.page-home header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e4eaf2;
  box-shadow:none;
}
.page-home .logo-mark{
  background:linear-gradient(135deg,#e11d48,#fb7185);
}
.page-home .nav-wrap a{
  background:#fff;
  border-color:#e5e7eb;
}
.page-home .nav-wrap a.active,
.page-home .nav-wrap a:hover{
  background:#fff1f2;
  border-color:#fecdd3;
}
.page-home .home-aurora-shell,
.page-home .home-clean-shell,
.page-home .home-unique-grid,
.page-home .home-clean-content-grid,
.page-home .section-shell,
.page-home .signal-panel{
  backdrop-filter:none;
}
.page-home .home-aurora-grid,
.page-home .home-clean-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) 300px;
  gap:18px;
  margin:20px 0 18px;
  align-items:start;
}
.page-home .hero-main-panel,
.page-home .hero-main-panel-unique{
  min-height:360px;
  border-radius:22px;
  padding:0;
  overflow:hidden;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
  background-position:center;
  background-size:cover;
}
.page-home .hero-noise,
.page-home .hero-main-backdrop:before,
.page-home .hero-main-backdrop:after,
.page-home .signal-panel:before,
.page-home .signal-ribbon-card:after{
  display:none !important;
}
.page-home .hero-main-backdrop{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.18) 0%,rgba(15,23,42,.78) 100%);
}
.page-home .hero-main-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:360px;
  padding:28px;
}
.page-home .compact-hero-badges{
  gap:8px;
  margin-bottom:12px;
}
.page-home .hero-chip{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.page-home .hero-chip.soft{opacity:.92}
.page-home .hero-main-content h1{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.08;
  color:#fff;
  max-width:720px;
}
.page-home .hero-main-content p{
  margin:0 0 16px;
  max-width:720px;
  color:rgba(255,255,255,.9);
  font-size:15px;
  line-height:1.55;
}
.page-home .hero-actions-row{display:flex;gap:10px;flex-wrap:wrap}
.page-home .ghost-btn{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}
.page-home .compact-hero-stats{
  display:flex;
  gap:10px;
  margin-top:16px;
}
.page-home .hero-stat{
  min-width:110px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.page-home .hero-stat strong,
.page-home .hero-stat span{color:#fff}
.page-home .clean-signal-column,
.page-home .signal-column{
  display:grid;
  gap:14px;
}
.page-home .clean-signal-column .signal-panel,
.page-home .signal-panel{
  padding:16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.page-home .panel-headline{
  font-size:13px;
  font-weight:800;
  color:#334155;
  text-transform:none;
  letter-spacing:0;
  margin-bottom:12px;
}
.page-home .compact-links-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.page-home .compact-links-grid a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  text-align:center;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .compact-version-stack .version-stack-item{
  padding:10px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .version-stack-thumb{width:56px;height:56px;border-radius:12px}
.page-home .home-signal-ribbon,
.page-home .compact-ribbon{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 20px;
}
.page-home .signal-ribbon-card,
.page-home .compact-ribbon .signal-ribbon-card{
  padding:14px 16px;
  border-radius:16px;
  color:#0f172a;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.page-home .signal-ribbon-card span{color:#64748b;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;margin-bottom:6px}
.page-home .signal-ribbon-card strong{font-size:22px;color:#111827}
.page-home .glow-red,
.page-home .glow-blue,
.page-home .glow-green{background:#fff !important}
.page-home .home-unique-grid,
.page-home .home-clean-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
}
.page-home .section-shell,
.page-home .section-shell-unique,
.page-home .mosaic-shell,
.page-home .category-river-shell,
.page-home .unique-side-block{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
  padding:18px;
  margin-bottom:16px;
}
.page-home .section-heading-row,
.page-home .simple-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.page-home .section-heading-row h2{font-size:20px;color:#111827}
.page-home .showcase-grid,
.page-home .showcase-grid-unique,
.page-home .clean-showcase-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.page-home .showcase-card,
.page-home .is-featured-unique,
.page-home .showcase-card.tone-red,
.page-home .showcase-card.tone-blue,
.page-home .showcase-card.tone-green{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:none;
  overflow:hidden;
}
.page-home .showcase-card.is-featured,
.page-home .showcase-card.is-featured-unique{grid-column:span 2}
.page-home .showcase-thumb{aspect-ratio:16/9;background-size:cover;background-position:center}
.page-home .showcase-copy{padding:14px 15px 16px}
.page-home .showcase-copy h3{
  margin:0 0 8px;
  color:#111827;
  font-size:20px;
  line-height:1.25;
}
.page-home .showcase-card:not(.is-featured) .showcase-copy h3{font-size:17px}
.page-home .showcase-copy p{margin:0 0 10px;color:#64748b;line-height:1.5}
.page-home .meta-top{font-size:12px;font-weight:700;color:#e11d48;margin-bottom:8px}
.page-home .showcase-meta{display:flex;gap:12px;flex-wrap:wrap;color:#64748b;font-size:13px}
.page-home .mosaic-nav-grid,
.page-home .clean-mosaic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.page-home .mosaic-nav-card{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .compact-section-shell{padding:16px 18px}
.page-home .compact-river-grid,
.page-home .mini-river-grid,
.page-home .mini-river-grid-unique{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.page-home .mini-river-card{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .mini-river-thumb{width:58px;height:58px;border-radius:12px;background-size:cover;background-position:center;flex:0 0 auto}
.page-home .mini-river-body strong{display:block;color:#111827;line-height:1.35;font-size:14px}
.page-home .tower-list{display:grid;gap:10px}
.page-home .ranked-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .ranked-num{
  width:34px;height:34px;border-radius:10px;background:#fff1f2;color:#be123c;
  display:flex;align-items:center;justify-content:center;font-weight:800
}
.page-home .ranked-copy strong{font-size:14px;line-height:1.4;color:#111827}
.page-home .compact-community-stream{display:grid;gap:10px}
.page-home .community-item{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.page-home .community-avatar{width:40px;height:40px;border-radius:50%;background:#fff1f2;color:#be123c;display:flex;align-items:center;justify-content:center;font-weight:800}
.page-home .community-copy strong{display:block;margin-bottom:4px;color:#111827}
.page-home .community-copy em{display:block;color:#64748b;font-style:normal;line-height:1.45}
.page-home .text-link-arrow{color:#e11d48;font-weight:700}
.page-home footer{background:linear-gradient(135deg,#111827,#1f2937)}

@media (max-width:1100px){
  .page-home .home-aurora-grid,
  .page-home .home-clean-grid,
  .page-home .home-unique-grid,
  .page-home .home-clean-content-grid{grid-template-columns:1fr}
  .page-home .signal-column,
  .page-home .clean-signal-column,
  .page-home .home-secondary-column.unique-sidebar-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .page-home .showcase-grid,
  .page-home .showcase-grid-unique,
  .page-home .clean-showcase-grid,
  .page-home .mosaic-nav-grid,
  .page-home .clean-mosaic-grid,
  .page-home .compact-river-grid,
  .page-home .mini-river-grid,
  .page-home .mini-river-grid-unique,
  .page-home .home-signal-ribbon,
  .page-home .compact-ribbon,
  .page-home .signal-column,
  .page-home .clean-signal-column,
  .page-home .home-secondary-column.unique-sidebar-column{grid-template-columns:1fr}
  .page-home .showcase-card.is-featured,
  .page-home .showcase-card.is-featured-unique{grid-column:auto}
  .page-home .hero-main-content{padding:22px}
  .page-home .hero-main-content h1{font-size:28px}
}

/* Homepage de-spam cleanup */
.page-home .home-signal-ribbon,
.page-home .compact-ribbon{display:none !important}
.page-home .hero-main-content p{display:none}
.page-home .showcase-copy p{display:none}
.page-home .showcase-grid > .showcase-card:nth-child(n+5),
.page-home .clean-showcase-grid > .showcase-card:nth-child(n+5),
.page-home .showcase-grid-unique > .showcase-card:nth-child(n+5){display:none}
.page-home .category-river-shell + .category-river-shell{display:none}
.page-home .unique-sidebar-column .ranked-item:nth-child(n+5){display:none}
.page-home .unique-sidebar-column .community-item:nth-child(n+2){display:none}
.page-home .footer-row p{display:none}
.page-home .panel-headline{margin-bottom:10px}
.page-home .hero-main-content{min-height:320px}
.page-home .hero-main-content h1{max-width:620px}
.page-home .hero-actions-row{margin-bottom:6px}
.page-home .showcase-copy{padding:12px 14px 14px}
.page-home .showcase-copy h3{margin-bottom:6px}
.page-home .section-shell,.page-home .unique-side-block{padding:16px}
.page-home .showcase-meta{font-size:12px;gap:10px}
.page-home .mosaic-nav-card{min-height:60px}
.page-home .mini-river-card{padding:8px}
.page-home .mini-river-thumb{width:50px;height:50px}

/* 2026-03 homepage/admin polish */
.page-home{background:linear-gradient(180deg,#7d0f18 0%,#5f0b12 28%,#f6f7fb 28%,#f6f7fb 100%)}
.page-home .home-aurora-shell,.page-home .home-clean-shell{background:transparent}
.page-home .hero-main-panel{background-color:#8d111b;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 50px rgba(64,0,6,.35)}
.page-home .hero-main-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,0,14,.18),rgba(38,0,4,.52));pointer-events:none}
.page-home .hero-main-backdrop,.page-home .hero-noise{display:none!important}
.page-home .hero-main-content{position:relative;z-index:2}
.page-home .showcase-thumb,.page-home .mini-river-thumb,.page-home .version-stack-thumb,.page-home .card-image,.page-home .editorial-card-image,.page-home .mosaic-nav-card,.page-home .compact-promo-thumb{position:relative;overflow:hidden}
.page-home .showcase-thumb::after,.page-home .mini-river-thumb::after,.page-home .version-stack-thumb::after,.page-home .card-image::after,.page-home .compact-promo-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(172,20,33,.18),rgba(113,8,19,.42));mix-blend-mode:multiply}
.page-home .showcase-thumb,.page-home .mini-river-thumb,.page-home .version-stack-thumb,.page-home .card-image,.page-home .compact-promo-thumb{filter:hue-rotate(-20deg) saturate(1.15) contrast(1.03)}
.page-home .showcase-copy p,.page-home .hero-main-content p{max-width:60ch}
.page-home .showcase-grid .showcase-card:nth-child(n+7){display:none}
.page-home .home-secondary-column .community-stream .community-item:nth-child(n+3),
.page-home .home-secondary-column .ranked-list .ranked-item:nth-child(n+5){display:none}
.page-home .signal-column,.page-home .home-secondary-column,.page-home .showcase-card,.page-home .section-shell,.page-home .signal-panel{box-shadow:0 12px 28px rgba(37,24,29,.09)}
.page-home .section-heading-row .text-link-arrow{display:none!important}
.page-home .footer-row p{max-width:52ch}
.submit-page-wrap .submit-guide{max-width:980px;margin:0 auto}
.submit-page-wrap .submit-hero{padding:6px 0 20px}
.submit-page-wrap .submit-badge{display:inline-block;background:#a41522;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;margin-bottom:12px}
.submit-page-wrap .submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
@media (max-width:900px){.submit-page-wrap .submit-grid{grid-template-columns:1fr}}
.traffic-chart-wrap{margin:28px 0;padding:20px;background:#fff;border:1px solid #ead8dd;border-radius:18px;box-shadow:0 10px 24px rgba(44,11,17,.06)}
.traffic-bars{display:flex;align-items:flex-end;gap:10px;min-height:240px;padding:18px 0 6px;overflow-x:auto}
.traffic-bar-item{min-width:42px;display:flex;flex-direction:column;align-items:center;gap:6px}
.traffic-bar{width:28px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#e84b5a 0%,#9f1320 100%);box-shadow:0 8px 18px rgba(159,19,32,.24)}
.traffic-bar-value{font-size:11px;font-weight:700;color:#6f1821}
.traffic-bar-label{font-size:10px;color:#7a6b71;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1}


/* homepage cleanup + configurable hero */
.page-home .hero-red-panel{background:none !important;background-color:#8f0f1a !important;background-image:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 35%),linear-gradient(135deg,#a30f1f 0%,#7d0916 48%,#5b0710 100%) !important;}
.page-home .hero-red-panel::before{display:none !important}
.page-home .hero-red-panel .hero-main-backdrop{background:linear-gradient(180deg,rgba(20,2,5,.05),rgba(20,2,5,.18)) !important}
.page-home .hero-red-panel .hero-noise{display:none !important}
.page-home .version-stack-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}


/* final white-red homepage cleanup */
.page-home{background:linear-gradient(180deg,#fff 0%,#fff8f8 55%,#fff 100%) !important;color:#111827}
.page-home header{background:#fff !important;border-bottom:1px solid #f3d2d7 !important;box-shadow:0 8px 24px rgba(127,29,29,.05) !important}
.page-home .logo-mark{background:linear-gradient(135deg,#b5122b,#ef4444) !important}
.page-home .nav-wrap a{background:#fff !important;border-color:#f3d2d7 !important;color:#7f1d1d !important}
.page-home .nav-wrap a.active,.page-home .nav-wrap a:hover{background:#fff1f2 !important;border-color:#f5b5bf !important;color:#991b1b !important}
.page-home .hero-red-panel{background:#9f1239 !important;background-image:linear-gradient(135deg,#c5163c 0%,#a31233 45%,#7f1028 100%) !important;border-color:#b91c1c !important;box-shadow:0 18px 40px rgba(127,29,29,.18) !important}
.page-home .hero-red-panel .hero-main-backdrop{background:linear-gradient(180deg,rgba(35,5,10,.05),rgba(35,5,10,.16)) !important}
.page-home .hero-chip{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.25) !important;color:#fff !important}
.page-home .ghost-btn{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.25) !important;color:#fff !important}
.page-home .clean-signal-column .signal-panel,.page-home .signal-panel,.page-home .section-shell,.page-home .section-shell-unique,.page-home .mosaic-shell,.page-home .category-river-shell,.page-home .unique-side-block{background:#fff !important;border-color:#f3d2d7 !important;box-shadow:0 10px 24px rgba(127,29,29,.06) !important}
.page-home .panel-headline,.page-home .section-heading-row h2,.page-home .showcase-copy h3,.page-home .mini-river-body strong,.page-home .ranked-copy strong,.page-home .community-copy strong{color:#7f1d1d !important}
.page-home .meta-top,.page-home .text-link-arrow{color:#b91c1c !important}
.page-home .compact-links-grid a,.page-home .compact-version-stack .version-stack-item,.page-home .mosaic-nav-card,.page-home .mini-river-card,.page-home .ranked-item,.page-home .community-item{background:#fff7f7 !important;border-color:#f6c9d1 !important}
.page-home .showcase-card,.page-home .is-featured-unique,.page-home .showcase-card.tone-red,.page-home .showcase-card.tone-blue,.page-home .showcase-card.tone-green{background:#fff !important;border-color:#f3d2d7 !important}
.page-home .showcase-thumb,.page-home .version-stack-thumb,.page-home .mini-river-thumb{background-color:rgba(140,15,33,.32) !important;background-blend-mode:multiply !important;filter:saturate(.85) contrast(1.02)}
.page-home .showcase-copy p,.page-home .showcase-meta,.page-home .community-copy em,.page-home .signal-ribbon-card span{color:#6b7280 !important}
.page-home footer{background:linear-gradient(135deg,#7f1028,#991b1b) !important}
.page-home .footer-links a,.page-home .lang-switch a,.page-home footer p,.page-home footer strong{color:#fff !important}
.page-home .home-signal-ribbon,.page-home .compact-ribbon{display:none !important}


/* Home hero/communityhub fixes */
.page-home .hero-main-panel.hero-red-panel,
.page-home .hero-main-panel-unique.hero-red-panel{
  background:#ef4444 !important;
  background-image:linear-gradient(135deg,#ef4444 0%,#dc2626 48%,#b91c1c 100%) !important;
  border-color:#ef4444 !important;
  box-shadow:0 22px 50px rgba(185,28,28,.28) !important;
}
.page-home .hero-main-panel.hero-red-panel::before,
.page-home .hero-main-panel.hero-red-panel::after,
.page-home .hero-main-panel-unique.hero-red-panel::before,
.page-home .hero-main-panel-unique.hero-red-panel::after,
.page-home .hero-red-panel .hero-noise{
  display:none !important;
  content:none !important;
}
.page-home .hero-red-panel .hero-main-backdrop{
  background:linear-gradient(180deg,rgba(127,29,29,.03),rgba(127,29,29,.12)) !important;
}
.page-home .hero-red-panel,
.page-home .hero-red-panel *{
  background-blend-mode:normal !important;
}


/* Final polish: homepage banner + red section buttons */
.page-home .banner.home-banner-shell{padding:0;background:transparent;border:none;box-shadow:none;margin:24px 0 18px}
.page-home .home-banner-panel{background:linear-gradient(135deg,#c30f22 0%,#9f1020 48%,#7f0d18 100%) !important;background-image:none !important;min-height:430px;border-radius:28px;box-shadow:0 24px 54px rgba(103,0,14,.32)}
.page-home .home-banner-panel .hero-main-backdrop{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.16))}
.page-home .home-banner-panel .hero-main-content p{max-width:720px}
.page-home .quick-links-grid a,
.page-home .mosaic-nav-card strong,
.page-home .compact-links-grid a,
.page-home .compact-links-grid a b{color:#fff !important}
.page-home .quick-links-grid a,
.page-home .compact-links-grid a{background:linear-gradient(135deg,#d7192d,#b01122) !important;border:1px solid #8f0d1c !important;box-shadow:0 10px 22px rgba(120,0,17,.18)}
.page-home .quick-links-grid a:hover,
.page-home .compact-links-grid a:hover{background:linear-gradient(135deg,#e11d33,#bc1426) !important;color:#fff !important;transform:translateY(-1px)}
.page-home .showcase-card,.page-home .signal-panel,.page-home .section-shell{box-shadow:0 12px 28px rgba(15,23,42,.06)}
.page-home .section-heading-row{margin-bottom:14px}
.page-home .showcase-copy p{min-height:auto}
.page-home .mosaic-nav-card{background:linear-gradient(135deg,#d7192d,#a80f1f) !important;border-color:#8f0d1c !important}
.page-home .mosaic-nav-card:before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(44,0,4,.32))}
.page-home .ranked-item,.page-home .community-item,.page-home .mini-river-card,.page-home .version-stack-item{background:#fff !important;border-color:#ecd0d5 !important}
.page-home .panel-headline,.page-home .section-heading-row h2{color:#7d1020}
.page-home .showcase-grid{gap:16px}
.page-home .showcase-card .showcase-copy{padding:18px}
.page-home .showcase-card .showcase-thumb{filter:saturate(.9) contrast(1.02)}
.page-home .hero-chip,.page-home .hero-chip.soft{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}
.page-home .hero-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.page-home .hero-stat strong,.page-home .hero-stat span{color:#fff}
.page-home .btn.ghost-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:none}
.page-home .btn.ghost-btn:hover{background:rgba(255,255,255,.16)}
@media (max-width:900px){.page-home .home-banner-panel{min-height:380px}}


/* Final homepage/admin fixes */
.page-home .quick-links-grid,
.page-home .clean-mosaic-grid{gap:14px !important}
.page-home .quick-links-grid a,
.page-home .quick-links-grid a:visited,
.page-home .mosaic-nav-card,
.page-home .mosaic-nav-card:visited{
  background:#bf1023 !important;
  background-image:linear-gradient(135deg,#d7192d 0%,#b11222 55%,#930d1b 100%) !important;
  color:#fff !important;
  border:1px solid #8c0d19 !important;
  box-shadow:0 12px 24px rgba(127, 13, 24, .24) !important;
}
.page-home .quick-links-grid a b,
.page-home .mosaic-nav-card strong,
.page-home .mosaic-nav-card small{color:#fff !important}
.page-home .quick-links-grid a:hover,
.page-home .mosaic-nav-card:hover{
  transform:translateY(-2px);
  filter:brightness(1.03);
}
.page-home .banner.home-banner-shell{margin-bottom:24px !important}
.page-home .home-banner-panel{
  background:#b11222 !important;
  background-image:linear-gradient(135deg,#d9192f 0%,#b11222 48%,#8d0d18 100%) !important;
}
.page-home .showcase-copy p{font-size:14px;line-height:1.45}
.page-home .section-shell{padding:20px !important}
.page-home .ranked-item,.page-home .community-item,.page-home .mini-river-card,.page-home .version-stack-item{
  background:#fff !important;
  border:1px solid #ead0d4 !important;
}
.page-home .panel-headline,.page-home .section-heading-row h2{letter-spacing:0 !important}
.admin-top-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.admin-kpi-panel{background:#fff;border:1px solid #e7e2e4;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.admin-kpi-panel h3{margin:0 0 14px;font-size:18px}
.admin-kpi-panel ol{margin:0;padding-left:20px}
.admin-kpi-panel li{margin:0 0 10px}
.admin-kpi-panel .metric{float:right;color:#9f1239;font-weight:700}
@media (max-width:980px){.admin-top-panels{grid-template-columns:1fr}}


/* Strong homepage/communityhub fix */
.page-home .mods-style-banner{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important}
.page-home .home-aurora-grid{align-items:stretch}
.page-home .home-banner-panel{
  position:relative;
  overflow:hidden;
  min-height:440px;
  border-radius:30px;
  border:1px solid rgba(127,13,24,.42);
  background:
    radial-gradient(1200px 360px at -10% -10%, rgba(255,255,255,.18), transparent 42%),
    radial-gradient(700px 260px at 100% 0%, rgba(255,255,255,.12), transparent 36%),
    linear-gradient(135deg, #da1730 0%, #bf1023 32%, #98111f 66%, #740c17 100%) !important;
  box-shadow:0 28px 68px rgba(103,0,14,.34) !important;
}
.page-home .home-banner-panel::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 28%, rgba(30,0,5,.12) 74%, rgba(0,0,0,.18) 100%);
  pointer-events:none;
}
.page-home .home-banner-panel::after{
  content:'';position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.12) 0%, rgba(255,255,255,.02) 34%, transparent 62%);
  pointer-events:none;
}
.page-home .hero-main-content{position:relative;z-index:2;padding:34px 34px 30px !important}
.page-home .hero-main-content h1{max-width:760px;font-size:44px;line-height:1.05;margin:10px 0 14px;color:#fff}
.page-home .hero-main-content p{max-width:720px;color:rgba(255,255,255,.92);font-size:18px;line-height:1.55}
.page-home .hero-chip,.page-home .hero-chip.soft{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.2) !important;color:#fff !important}
.page-home .hero-actions-row .btn{background:#fff !important;color:#98111f !important;border:1px solid rgba(255,255,255,.7) !important;box-shadow:0 14px 28px rgba(80,0,10,.18)}
.page-home .hero-actions-row .btn:hover{transform:translateY(-1px);filter:brightness(1.02)}
.page-home .hero-actions-row .ghost-btn{background:rgba(255,255,255,.12) !important;color:#fff !important;border-color:rgba(255,255,255,.24) !important;box-shadow:none !important}
.page-home .hero-stat{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.16) !important}
.page-home .hero-stat strong,.page-home .hero-stat span{color:#fff !important}
.page-home .quick-links-grid a,.page-home .quick-links-grid a:visited,
.page-home .mosaic-nav-card,.page-home .mosaic-nav-card:visited{
  background:linear-gradient(135deg,#d7192d 0%,#be1023 46%,#9f1020 100%) !important;
  color:#fff !important;
  border:1px solid #8d0d18 !important;
  box-shadow:0 16px 26px rgba(127, 13, 24, .24) !important;
}
.page-home .quick-links-grid a:hover,.page-home .mosaic-nav-card:hover{transform:translateY(-2px);filter:brightness(1.04)}
.page-home .quick-links-grid a b,.page-home .mosaic-nav-card strong,.page-home .mosaic-nav-card small{color:#fff !important}
.page-home .compact-version-stack .version-stack-item{grid-template-columns:82px minmax(0,1fr);padding:12px !important}
.page-home .version-stack-thumb{height:82px;border-radius:16px;background:#f7d9de center/cover no-repeat}
.page-home .version-stack-copy strong{font-size:15px;line-height:1.35;color:#18202a}
.page-home .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.page-home .showcase-card.is-featured{grid-column:span 2}
@media (max-width:980px){.page-home .showcase-grid{grid-template-columns:1fr !important}.page-home .showcase-card.is-featured{grid-column:auto}.page-home .home-banner-panel{min-height:390px}}

/* Final hard override: homepage red controls and stable banner */
.page-home .home-banner-panel,
.page-home .hero-main-panel.home-banner-panel,
.page-home .hero-main-panel-unique.home-banner-panel{
  background:
    radial-gradient(1200px 360px at 15% 0%, rgba(255,255,255,.16), transparent 45%),
    radial-gradient(700px 260px at 100% 100%, rgba(255,255,255,.08), transparent 42%),
    linear-gradient(135deg, #d61f35 0%, #b21429 42%, #8f1020 72%, #740b18 100%) !important;
  background-color:#b21429 !important;
  border:1px solid #8d1321 !important;
  box-shadow:0 24px 60px rgba(109, 8, 24, .34) !important;
}
.page-home .home-banner-panel .hero-main-backdrop{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(20,0,4,.18)) !important}
.page-home .quick-links-grid a,
.page-home .compact-links-grid a,
.page-home .mosaic-nav-card,
.page-home .mosaic-nav-card:visited{
  background:linear-gradient(135deg,#d61f35,#ac1224) !important;
  border:1px solid #8d1321 !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(127, 10, 26, .18);
}
.page-home .quick-links-grid a b,
.page-home .compact-links-grid a b,
.page-home .mosaic-nav-card strong,
.page-home .mosaic-nav-card small{color:#fff !important}
.page-home .mosaic-nav-card::before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(58,0,8,.26)) !important}
.page-home .version-stack-item,
.page-home .mini-river-card{background:#fff !important;border-color:#edd0d4 !important}


/* Final home fixes */
.page-home .mosaic-nav-card,
.page-home .mosaic-nav-card:visited{background:linear-gradient(135deg,#d81c2f 0%,#b30f22 54%,#8f0c1b 100%) !important;border:1px solid #8c0f1c !important;box-shadow:0 14px 30px rgba(140,15,28,.18)}
.page-home .mosaic-nav-card strong,.page-home .mosaic-nav-card small{color:#fff !important;text-shadow:none !important}
.page-home .mosaic-nav-card::before{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(54,0,8,.22)) !important}
.page-home .home-banner-panel,.page-home .hero-main-panel.home-banner-panel,.page-home .hero-main-panel-unique.home-banner-panel{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.16),transparent 32%),radial-gradient(circle at 82% 0,rgba(255,215,215,.1),transparent 26%),linear-gradient(135deg,#cc1a2e 0%,#ab1123 52%,#850c19 100%) !important;border:1px solid rgba(128,12,25,.55) !important;box-shadow:0 26px 60px rgba(112,0,18,.34) !important}
.page-home .home-banner-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 36%,transparent 64%,rgba(255,255,255,.04));pointer-events:none}
.page-home .latest-home-shell{margin-top:26px}
.page-home .latest-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.page-home .latest-home-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid #f0d5d9;box-shadow:0 12px 28px rgba(120,18,35,.08)}
.page-home .latest-home-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(120,18,35,.12)}
.page-home .latest-home-thumb{width:56px;height:56px;border-radius:14px;background-size:cover;background-position:center;flex:0 0 56px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.page-home .latest-home-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.page-home .latest-home-copy strong{font-size:14px;line-height:1.3;color:#241317;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-home .latest-home-copy small{font-size:12px;color:#8a5a64}
@media (max-width:1100px){.page-home .latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.page-home .latest-home-grid{grid-template-columns:1fr}.page-home .latest-home-card{padding:12px}}

/* homepage hero compact fix */
.page-home .home-banner-shell{
  margin:18px 0 20px;
}
.page-home .hero-main-panel.home-banner-panel,
.page-home .hero-main-panel-unique.home-banner-panel{
  min-height:340px !important;
  border-radius:26px !important;
}
.page-home .home-banner-panel .hero-main-content{
  padding:28px 30px !important;
}
.page-home .home-banner-panel .hero-badges-row{
  gap:8px !important;
  margin-bottom:10px !important;
}
.page-home .home-banner-panel h1{
  font-size:34px !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
}
.page-home .home-banner-panel p{
  max-width:620px;
  font-size:15px !important;
  line-height:1.45 !important;
  margin:0 0 14px !important;
}
.page-home .home-banner-panel .hero-actions-row{
  gap:10px !important;
  margin-top:0 !important;
}
.page-home .home-banner-panel .hero-stats-row{
  margin-top:14px !important;
  gap:10px !important;
}
.page-home .home-banner-panel .hero-stat{
  min-width:110px;
  padding:10px 12px !important;
}
.page-home .home-banner-panel .hero-stat strong{
  font-size:20px !important;
}
.page-home .home-banner-panel .hero-stat span{
  font-size:11px !important;
  letter-spacing:.04em;
}
.page-home .clean-signal-column{
  gap:14px !important;
}
.page-home .clean-radar-panel .version-stack-item{
  min-height:72px;
}
@media (max-width:1200px){
  .page-home .hero-main-panel.home-banner-panel,
  .page-home .hero-main-panel-unique.home-banner-panel{min-height:320px !important;}
}
@media (max-width:680px){
  .page-home .hero-main-panel.home-banner-panel,
  .page-home .hero-main-panel-unique.home-banner-panel{min-height:280px !important;}
  .page-home .home-banner-panel .hero-main-content{padding:22px 20px !important;}
  .page-home .home-banner-panel h1{font-size:28px !important;}
  .page-home .home-banner-panel p{font-size:14px !important;}
}

/* Final homepage/admin quality overrides */
.page-home .banner.home-banner-shell{margin:18px 0 24px}
.page-home .home-banner-panel{min-height:260px;border-radius:28px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 88% 14%,rgba(255,255,255,.09),transparent 28%),linear-gradient(135deg,#cf1328 0%,#b10f22 42%,#8f0d1d 100%) !important;box-shadow:0 20px 50px rgba(143,13,29,.20);border:1px solid rgba(143,13,29,.22)}
.page-home .home-banner-panel .hero-main-content{padding:26px 28px 22px}
.page-home .home-banner-panel h1{font-size:34px;line-height:1.06;margin:0 0 12px}
.page-home .home-banner-panel p{max-width:700px;margin:0 0 16px;color:#fff3f4}
.page-home .home-banner-panel .hero-actions-row{gap:10px;margin-bottom:14px}
.page-home .home-banner-panel .hero-stat strong{font-size:24px}
.page-home .home-banner-panel .hero-chip{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.22)}
.page-home .home-banner-panel .ghost-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.page-home .mosaic-nav-grid{gap:14px}
.page-home .mosaic-nav-card,.page-home .mosaic-nav-card:visited{background:linear-gradient(135deg,#d51a2f 0%,#b20f22 55%,#8e0d1d 100%) !important;border:1px solid #960f20 !important;box-shadow:0 14px 34px rgba(142,13,29,.18) !important;color:#fff !important;text-decoration:none !important}
.page-home .mosaic-nav-card strong,.page-home .mosaic-nav-card small,.page-home .mosaic-nav-card b{color:#fff !important}
.page-home .mosaic-nav-card::before{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(61,0,8,.24)) !important}
.page-home .latest-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.page-home .latest-home-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#fff;border:1px solid #f0d2d7;text-decoration:none;color:#1f2937;min-height:92px}
.page-home .latest-home-thumb{width:64px;height:64px;border-radius:14px;background-size:cover;background-position:center;flex:0 0 64px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.page-home .latest-home-copy strong{display:block;font-size:14px;line-height:1.25;margin-bottom:4px;color:#101828}
.page-home .latest-home-copy small{display:block;color:#7a4951;font-size:12px}
.page-home .showcase-grid{gap:14px}
.page-home .showcase-card{background:#fff;border:1px solid #f1d4d8;box-shadow:0 10px 24px rgba(20,12,15,.05)}
.page-home .showcase-card .showcase-copy{padding:14px 16px 16px}
.page-home .showcase-card h3{font-size:20px;line-height:1.15;margin:0 0 8px;color:#101828}
.page-home .showcase-card p{font-size:14px;line-height:1.5;color:#5d4750}
.page-home .showcase-card.is-featured h3{font-size:24px}
.page-home .signal-panel .quick-links-grid a,.page-home .quick-links-grid a:visited{background:linear-gradient(135deg,#d51a2f 0%,#b20f22 55%,#8e0d1d 100%) !important;color:#fff !important;border:1px solid #960f20 !important;box-shadow:0 10px 22px rgba(142,13,29,.16)}
.page-home .signal-panel .quick-links-grid a b{color:#fff !important}
.page-home .signal-panel .quick-links-grid a:hover,.page-home .mosaic-nav-card:hover{transform:translateY(-2px);filter:brightness(1.03)}
@media (max-width: 1100px){.page-home .latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 700px){.page-home .home-banner-panel{min-height:220px}.page-home .home-banner-panel h1{font-size:28px}.page-home .latest-home-grid{grid-template-columns:1fr}}

/* responsive header and mobile UX */
.site-header{background:#fff;border-bottom:1px solid #e4e8ee;position:sticky;top:0;z-index:80}
.mobile-topbar,.mobile-search-panel,.mobile-drawer,.mobile-drawer-overlay{display:none}
.mobile-icon-btn,.mobile-close-btn{appearance:none;border:0;background:#fff;cursor:pointer}
.mobile-icon-btn{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 0 rgba(15,23,42,.05)}
.mobile-icon-btn span{display:block}
.mobile-icon-btn[data-mobile-menu-open] span{position:absolute;left:12px;right:12px;height:2.5px;background:#111827;border-radius:999px}
.mobile-icon-btn[data-mobile-menu-open] span:nth-child(1){top:14px}
.mobile-icon-btn[data-mobile-menu-open] span:nth-child(2){top:21px}
.mobile-icon-btn[data-mobile-menu-open] span:nth-child(3){top:28px}
.search-toggle-btn .search-icon-circle{width:18px;height:18px;border:3px solid #111827;border-radius:50%;position:absolute;left:11px;top:10px}
.search-toggle-btn .search-icon-line{width:12px;height:3px;background:#111827;border-radius:999px;position:absolute;right:10px;bottom:11px;transform:rotate(45deg);transform-origin:center}
.mobile-brand,.mobile-drawer-brand{color:#111827;display:flex;align-items:center;gap:10px}
.mobile-brand{justify-content:center;min-width:0}
.mobile-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1fb65a,#16813f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.03em;box-shadow:0 10px 20px rgba(31,182,90,.2)}
.mobile-brand-text{font-size:22px;font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-search-panel{background:#fff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.mobile-search-panel .container{padding-top:10px;padding-bottom:12px}
.mobile-search-form{display:flex;gap:10px}
.mobile-search-form input{flex:1;padding:14px 16px;border:1px solid #dbe4ee;border-radius:16px;background:#f8fafc;font-size:16px}
.mobile-search-form button{border:none;border-radius:16px;padding:0 16px;background:#1fb65a;color:#fff;font-weight:700}
.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(2px);z-index:85}
.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(84vw,360px);background:#fff;z-index:90;box-shadow:16px 0 40px rgba(15,23,42,.16);transform:translateX(-105%);transition:transform .24s ease;display:flex;flex-direction:column}
.mobile-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 16px;border-bottom:1px solid #edf2f7;gap:12px}
.mobile-drawer-brand strong{display:block;font-size:18px}
.mobile-drawer-brand small{display:block;margin-top:4px;color:#6b7280;line-height:1.3}
.mobile-close-btn{width:42px;height:42px;border-radius:14px;font-size:34px;line-height:1;color:#111827;background:#f3f4f6}
.mobile-drawer-nav{padding:12px 12px 20px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.mobile-drawer-nav a{padding:15px 16px;border-radius:16px;color:#111827;font-size:18px;font-weight:700;line-height:1.2}
.mobile-drawer-nav a.active,.mobile-drawer-nav a:hover{background:#ebf8ee;color:#17793b}
.mobile-drawer-footer{margin-top:auto;padding:14px 16px 24px;border-top:1px solid #edf2f7}
.mobile-drawer-links{display:flex;gap:10px;flex-wrap:wrap}
.mobile-drawer-links a{padding:10px 12px;border-radius:999px;background:#f3f4f6;color:#334155;font-weight:700;font-size:14px}
body.mobile-menu-open{overflow:hidden}
body.mobile-menu-open .mobile-drawer{transform:translateX(0)}
body.mobile-menu-open .mobile-drawer-overlay{display:block}
body.mobile-search-open .mobile-search-panel{display:block}

.download-cta-mobile{display:none}

@media (max-width:760px){
  .desktop-header-row,.desktop-mainmenu{display:none}
  .mobile-topbar{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px;padding:14px 0}
  .mobile-drawer,.mobile-drawer-overlay{display:block}
  .container{padding:0 14px}
  main.container{padding-top:12px}
  .banner{margin:14px 0 16px;padding:20px;border-radius:22px}
  .home-banner-shell{margin-top:8px}
  .home-aurora-grid,.home-clean-content-grid,.layout,.editor-grid,.admin-two-col{display:block}
  .home-clean-grid,.home-primary-column,.home-secondary-column,.content-area,.sidebar{min-width:0}
  .home-secondary-column,.sidebar{margin-top:16px}
  .hero-main-panel{border-radius:22px;overflow:hidden}
  .hero-main-content{padding:18px}
  .hero-main-content h1{font-size:34px;line-height:1.05;margin:8px 0 10px}
  .hero-main-content p{font-size:16px;line-height:1.5}
  .hero-actions-row{display:flex;gap:10px;flex-wrap:wrap}
  .hero-actions-row .btn{flex:1;min-width:120px}
  .signal-column{display:none}
  .section-shell,.side-block,.single,.quick-box,.signal-panel,.accent-panel{border-radius:22px;padding:16px}
  .section-heading-row h2{font-size:22px;margin:0}
  .showcase-grid,.cards-grid,.latest-home-grid,.mini-river-grid,.mosaic-nav-grid{grid-template-columns:1fr!important;display:grid;gap:14px}
  .showcase-card,.latest-home-card,.mini-river-card,.card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06);border:1px solid #e8edf3}
  .showcase-card a,.latest-home-card,.mini-river-card,.card a{display:block;color:#111827}
  .showcase-thumb,.card-image{height:210px;border-radius:0;background-size:cover;background-position:center}
  .showcase-copy,.card-body{padding:16px 16px 18px}
  .showcase-copy h3,.card h3{font-size:18px;line-height:1.25;margin:6px 0 10px}
  .showcase-copy p,.card p{font-size:15px;line-height:1.5;color:#526071;margin:0 0 14px}
  .showcase-meta,.meta-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#7b8794}
  .showcase-card.is-featured .showcase-thumb{min-height:220px}
  .showcase-card.is-featured .showcase-copy{padding:16px 16px 18px}
  .showcase-card.is-featured .showcase-copy h3{font-size:22px}
  .latest-home-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:center;padding:10px}
  .latest-home-thumb{height:82px;border-radius:16px;background:#dbe7ef center/cover no-repeat}
  .latest-home-copy{display:flex;flex-direction:column;gap:6px;padding-right:4px}
  .latest-home-copy strong{font-size:16px;line-height:1.3;color:#111827}
  .latest-home-copy small{font-size:13px;color:#738091}
  .mini-river-card{grid-template-columns:110px minmax(0,1fr)}
  .mini-river-thumb{height:88px}
  .mini-river-body strong{font-size:16px;line-height:1.35}
  .mosaic-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mosaic-nav-card{min-height:92px;border-radius:20px;padding:16px;display:flex;align-items:flex-end;font-size:16px}
  .community-stream,.ranked-list{display:grid;gap:12px}
  .community-item,.ranked-item{padding:12px 14px;border-radius:18px;background:#f8fafc;border:1px solid #e6ecf2}
  .community-avatar{width:42px;height:42px;border-radius:50%;background:#1fb65a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-right:10px;flex:0 0 auto}
  .community-item{display:flex;align-items:flex-start;gap:10px}
  .community-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
  .community-copy strong{font-size:15px;color:#111827}
  .community-copy em{font-style:normal;font-size:14px;color:#586576;line-height:1.45}
  .ranked-item{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px}
  .ranked-num{width:36px;height:36px;border-radius:12px;background:#ebf8ee;color:#17793b;display:flex;align-items:center;justify-content:center;font-weight:800}
  .download-cta-mobile{display:block;margin:0 0 16px}
  .download-cta-mobile a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:20px;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 14px 30px rgba(21,128,61,.24)}
  .download-cta-mobile strong{display:block;font-size:18px;line-height:1.2}
  .download-cta-mobile span{display:block;font-size:13px;opacity:.92;margin-top:4px}
  .download-cta-mobile b{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:20px}
  .footer-row{display:block;padding:24px 0}
  .footer-links,.lang-switch{margin-top:14px}
}

/* phone-only UX: keep desktop layout untouched, apply compact header/feed only on phones */
@media (max-width: 820px){
  body.is-mobile-device .desktop-header-row,
  body.is-mobile-device .desktop-mainmenu{display:none}

  body.is-mobile-device .mobile-topbar{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px;padding:14px 0}
  body.is-mobile-device .mobile-drawer,
  body.is-mobile-device .mobile-drawer-overlay{display:block}
  body.is-mobile-device main.container{padding-top:12px}
  body.is-mobile-device .download-cta-mobile{display:block;margin:0 0 14px}
  body.is-mobile-device .download-cta-mobile a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 14px 30px rgba(21,128,61,.24)}
  body.is-mobile-device .download-cta-mobile strong{display:block;font-size:17px;line-height:1.2}
  body.is-mobile-device .download-cta-mobile span{display:block;font-size:12px;opacity:.94;margin-top:4px}
  body.is-mobile-device .download-cta-mobile b{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:18px}

  body.is-mobile-device.page-home .home-banner-shell,
  body.is-mobile-device.page-home .home-secondary-column,
  body.is-mobile-device.page-home .latest-home-shell,
  body.is-mobile-device.page-home .curated-shell,
  body.is-mobile-device.page-home .mosaic-shell{display:none !important}

  body.is-mobile-device.page-home .home-unique-grid,
  body.is-mobile-device.page-home .home-clean-content-grid,
  body.is-mobile-device.page-home .home-primary-column{display:block !important}

  body.is-mobile-device.page-home .home-primary-column > .section-shell:first-child{
    margin:0;
    padding:0;
    border:none;
    background:transparent;
    box-shadow:none;
  }
  body.is-mobile-device.page-home .home-primary-column > .section-shell:first-child .section-heading-row{display:none}
  body.is-mobile-device.page-home .showcase-grid,
  body.is-mobile-device.page-home .clean-showcase-grid,
  body.is-mobile-device.page-home .showcase-grid-unique{display:grid;grid-template-columns:1fr !important;gap:14px}

  body.is-mobile-device.page-home .showcase-card,
  body.is-mobile-device.page-home .showcase-card.tone-red,
  body.is-mobile-device.page-home .showcase-card.tone-blue,
  body.is-mobile-device.page-home .showcase-card.tone-green,
  body.is-mobile-device.page-home .showcase-card.is-featured,
  body.is-mobile-device.page-home .showcase-card.is-featured-unique{
    grid-column:auto !important;
    background:#fff !important;
    border:1px solid #e7edf3 !important;
    border-radius:22px !important;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(15,23,42,.07) !important;
  }
  body.is-mobile-device.page-home .showcase-card:before{display:none !important}
  body.is-mobile-device.page-home .showcase-card a,
  body.is-mobile-device.page-home .showcase-card.is-featured a{display:block !important;color:#111827}
  body.is-mobile-device.page-home .showcase-thumb,
  body.is-mobile-device.page-home .showcase-card.is-featured .showcase-thumb{
    height:190px !important;
    min-height:190px !important;
    border-radius:0;
    background-size:cover;
    background-position:center;
  }
  body.is-mobile-device.page-home .showcase-copy,
  body.is-mobile-device.page-home .showcase-card.is-featured .showcase-copy{padding:14px 15px 16px !important}
  body.is-mobile-device.page-home .showcase-copy .meta-top{font-size:11px;letter-spacing:.05em;color:#16a34a}
  body.is-mobile-device.page-home .showcase-card h3,
  body.is-mobile-device.page-home .showcase-card.is-featured h3{
    margin:4px 0 8px !important;
    font-size:21px !important;
    line-height:1.15 !important;
    color:#101828;
  }
  body.is-mobile-device.page-home .showcase-card p,
  body.is-mobile-device.page-home .showcase-card.is-featured p{
    margin:0 0 12px !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#667085;
  }
  body.is-mobile-device.page-home .showcase-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:12px;
    color:#8b95a5;
  }

  body.is-mobile-device .footer-row{display:block;padding:24px 0}
  body.is-mobile-device .footer-links,
  body.is-mobile-device .lang-switch{margin-top:14px}
}

@media (min-width: 821px){
  body.is-mobile-device .desktop-header-row{display:flex !important}
  body.is-mobile-device .desktop-mainmenu{display:block !important}
  body.is-mobile-device .mobile-topbar,
  body.is-mobile-device .mobile-search-panel,
  body.is-mobile-device .mobile-drawer,
  body.is-mobile-device .mobile-drawer-overlay,
  body.is-mobile-device .download-cta-mobile{display:none !important}
}

@media (max-width: 820px){
  body:not(.is-mobile-device) .desktop-header-row{display:flex !important}
  body:not(.is-mobile-device) .desktop-mainmenu{display:block !important}
  body:not(.is-mobile-device) .mobile-topbar,
  body:not(.is-mobile-device) .mobile-search-panel,
  body:not(.is-mobile-device) .mobile-drawer,
  body:not(.is-mobile-device) .mobile-drawer-overlay,
  body:not(.is-mobile-device) .download-cta-mobile{display:none !important}
}

.mobile-topbar,.mobile-search-panel,.mobile-drawer,.mobile-drawer-overlay{display:none}
.download-cta-mobile{display:none}

body.is-mobile-device header{position:sticky;top:0;z-index:40}
body.is-mobile-device .desktop-mainmenu,body.is-mobile-device .desktop-header-row{display:block}

@media (max-width: 820px){
  body.is-mobile-device{background:#eef1f4}
  body.is-mobile-device .container{padding-left:14px;padding-right:14px}
  body.is-mobile-device .desktop-header-row,
  body.is-mobile-device .desktop-mainmenu,
  body.is-mobile-device footer,
  body.is-mobile-device .sidebar,
  body.is-mobile-device .signal-column,
  body.is-mobile-device .home-secondary-column,
  body.is-mobile-device .mosaic-shell,
  body.is-mobile-device .curated-shell,
  body.is-mobile-device .latest-home-shell .section-heading-row,
  body.is-mobile-device .section-shell .section-heading-row:not(.simple-heading-row){display:none !important}

  body.is-mobile-device main.container{padding-top:14px}
  body.is-mobile-device .mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px;background:#fff}
  body.is-mobile-device .mobile-topbar .mobile-brand{display:flex;align-items:center;gap:10px;color:#1a1f25;min-width:0}
  body.is-mobile-device .mobile-brand-mark{width:42px;height:42px;border-radius:14px;background:#21b54c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.03em;flex:0 0 42px}
  body.is-mobile-device .mobile-brand-text{font-size:20px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}
  body.is-mobile-device .mobile-icon-btn{position:relative;width:44px;height:44px;border:none;border-radius:14px;background:#f3f6f8;display:flex;align-items:center;justify-content:center;flex:0 0 44px;padding:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}
  body.is-mobile-device .dots-btn{flex-direction:column;gap:4px}
  body.is-mobile-device .dots-btn span{width:5px;height:5px;border-radius:50%;background:#121821;display:block}
  body.is-mobile-device .search-toggle-btn .search-icon-circle{display:block;width:16px;height:16px;border:3px solid #121821;border-radius:50%}
  body.is-mobile-device .search-toggle-btn .search-icon-line{position:absolute;width:10px;height:3px;border-radius:999px;background:#121821;transform:rotate(45deg);right:11px;bottom:11px}

  body.is-mobile-device .mobile-search-panel{display:block;max-height:0;overflow:hidden;transition:max-height .25s ease, padding .25s ease;background:#fff;border-top:1px solid #eef2f6}
  body.is-mobile-device.mobile-search-open .mobile-search-panel{max-height:120px;padding-bottom:12px}
  body.is-mobile-device .mobile-search-form{display:flex;gap:8px;padding-top:6px}
  body.is-mobile-device .mobile-search-form input{min-width:0;border-radius:14px;padding:13px 14px;font-size:16px}
  body.is-mobile-device .mobile-search-form button{border-radius:14px;padding:13px 16px;white-space:nowrap}

  body.is-mobile-device .mobile-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(10,14,20,.42);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:60}
  body.is-mobile-device .mobile-drawer{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:min(84vw,340px);background:#0fcf79;color:#fff;transform:translateX(-100%);transition:transform .28s ease;z-index:61;box-shadow:14px 0 30px rgba(0,0,0,.18)}
  body.is-mobile-device.mobile-menu-open .mobile-drawer{transform:translateX(0)}
  body.is-mobile-device.mobile-menu-open .mobile-drawer-overlay{opacity:1;pointer-events:auto}
  body.is-mobile-device .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.22)}
  body.is-mobile-device .mobile-drawer-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
  body.is-mobile-device .mobile-drawer-brand strong{display:block;font-size:18px;line-height:1.1}
  body.is-mobile-device .mobile-drawer-brand small{display:block;color:rgba(255,255,255,.82);font-size:12px;margin-top:4px}
  body.is-mobile-device .mobile-close-btn{width:40px;height:40px;border:none;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;font-size:28px;line-height:1}
  body.is-mobile-device .mobile-drawer-nav{display:flex;flex-direction:column;gap:4px;padding:16px;overflow:auto}
  body.is-mobile-device .mobile-drawer-nav a{display:block;color:#fff;font-size:18px;font-weight:700;line-height:1.25;padding:12px 14px;border-radius:14px}
  body.is-mobile-device .mobile-drawer-nav a.active,body.is-mobile-device .mobile-drawer-nav a:hover{background:rgba(255,255,255,.16)}
  body.is-mobile-device .mobile-drawer-footer{margin-top:auto;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.2)}
  body.is-mobile-device .mobile-drawer-links{display:flex;gap:12px;flex-wrap:wrap}
  body.is-mobile-device .mobile-drawer-links a{color:#fff;background:rgba(255,255,255,.14);padding:9px 12px;border-radius:999px;font-size:14px}

  body.is-mobile-device .download-cta-mobile{display:block;margin:2px 0 14px}
  body.is-mobile-device .download-cta-mobile a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#10b859,#0f9448);color:#fff;box-shadow:0 12px 22px rgba(16,184,89,.18)}
  body.is-mobile-device .download-cta-mobile strong{display:block;font-size:17px;line-height:1.1;margin-bottom:4px}
  body.is-mobile-device .download-cta-mobile span span{display:block;font-size:12px;line-height:1.35;color:rgba(255,255,255,.85)}
  body.is-mobile-device .download-cta-mobile b{font-size:22px;line-height:1}

  body.is-mobile-device.page-home .banner,
  body.is-mobile-device.page-home .mods-style-banner,
  body.is-mobile-device.page-home .home-banner-shell{margin:0 0 14px;padding:0;background:transparent !important;border:none !important;box-shadow:none !important}
  body.is-mobile-device.page-home .home-clean-grid,
  body.is-mobile-device.page-home .home-clean-content-grid,
  body.is-mobile-device.page-home .showcase-grid,
  body.is-mobile-device.page-home .showcase-grid-unique,
  body.is-mobile-device.page-home .clean-showcase-grid,
  body.is-mobile-device.page-home .latest-home-grid{display:grid;grid-template-columns:1fr !important;gap:14px !important}
  body.is-mobile-device.page-home .home-primary-column{display:grid;gap:14px}
  body.is-mobile-device.page-home .hero-main-panel,
  body.is-mobile-device.page-home .hero-main-panel-unique,
  body.is-mobile-device.page-home .hero-main-panel.home-banner-panel,
  body.is-mobile-device.page-home .hero-main-panel-unique.home-banner-panel{min-height:auto !important;border-radius:22px !important;overflow:hidden !important}
  body.is-mobile-device.page-home .hero-main-content{padding:18px !important;min-height:220px;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28))}
  body.is-mobile-device.page-home .hero-main-content h1{font-size:28px !important;line-height:1.08 !important;margin:8px 0 10px !important;max-width:none}
  body.is-mobile-device.page-home .hero-main-content p{display:block !important;font-size:15px !important;line-height:1.45 !important;max-width:none !important;margin-bottom:12px !important}
  body.is-mobile-device.page-home .hero-badges-row{gap:8px;flex-wrap:wrap}
  body.is-mobile-device.page-home .hero-actions-row{display:flex;gap:8px;flex-wrap:wrap}
  body.is-mobile-device.page-home .hero-actions-row .btn{padding:11px 14px;border-radius:12px}
  body.is-mobile-device.page-home .hero-stats-row{gap:8px}
  body.is-mobile-device.page-home .hero-stat{background:rgba(255,255,255,.12);padding:10px 12px;border-radius:14px}

  body.is-mobile-device.page-home .section-shell,body.is-mobile-device.page-home .latest-home-card,body.is-mobile-device.page-home .showcase-card{background:#fff !important;border:1px solid #e7ecf2 !important;border-radius:20px !important;box-shadow:0 10px 24px rgba(15,23,42,.06) !important}
  body.is-mobile-device.page-home .section-shell{padding:0;border:none;background:transparent !important;box-shadow:none !important}
  body.is-mobile-device.page-home .simple-heading-row{padding:0 2px 4px;margin:0}
  body.is-mobile-device.page-home .simple-heading-row h2{font-size:20px;color:#141922;margin:0}
  body.is-mobile-device.page-home .showcase-card{overflow:hidden}
  body.is-mobile-device.page-home .showcase-card a{display:block}
  body.is-mobile-device.page-home .showcase-thumb{height:auto !important;min-height:0 !important;aspect-ratio:16/9 !important;background-size:cover !important;background-position:center !important}
  body.is-mobile-device.page-home .showcase-card.is-featured .showcase-thumb{aspect-ratio:16/9 !important}
  body.is-mobile-device.page-home .showcase-copy{padding:14px 15px 16px !important}
  body.is-mobile-device.page-home .showcase-copy h3{font-size:22px !important;line-height:1.15 !important;margin:6px 0 8px !important;color:#111827 !important}
  body.is-mobile-device.page-home .showcase-card:not(.is-featured) .showcase-copy h3{font-size:20px !important}
  body.is-mobile-device.page-home .showcase-copy p{display:block !important;font-size:15px !important;line-height:1.45 !important;color:#5f6b7a !important;margin-bottom:10px !important}
  body.is-mobile-device.page-home .showcase-meta{font-size:13px !important;display:flex !important;justify-content:space-between;gap:10px}
  body.is-mobile-device.page-home .latest-home-card{padding:12px 13px !important}
  body.is-mobile-device.page-home .latest-home-thumb{width:84px !important;height:84px !important;border-radius:16px !important;flex-basis:84px !important}
  body.is-mobile-device.page-home .latest-home-copy strong{font-size:16px !important;line-height:1.25 !important}
  body.is-mobile-device.page-home .latest-home-copy small{font-size:12px !important}

  body.is-mobile-device .page-home .showcase-grid > .showcase-card:nth-child(n+5),
  body.is-mobile-device .page-home .clean-showcase-grid > .showcase-card:nth-child(n+5),
  body.is-mobile-device .page-home .showcase-grid-unique > .showcase-card:nth-child(n+5){display:block !important}
}


/* final phone UX fixes: real burger, single search, uncropped latest-version thumbnails */
body.is-mobile-device .desktop-header-row,
body.is-mobile-device .desktop-mainmenu{display:none !important}
body.is-mobile-device .mobile-topbar{display:grid !important;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px;padding:14px 0}
body.is-mobile-device .mobile-search-panel{display:none !important;max-height:none !important;overflow:visible !important;padding-bottom:0 !important}
body.is-mobile-device.mobile-search-open .mobile-search-panel{display:block !important;padding-bottom:12px !important}
body.is-mobile-device .mobile-icon-btn.burger-btn{padding:0}
body.is-mobile-device .mobile-icon-btn.burger-btn svg{width:20px;height:20px;display:block;color:#121821}
body.is-mobile-device .mobile-icon-btn.burger-btn span{display:none !important}
body.is-mobile-device .mobile-drawer{display:flex !important}
body.is-mobile-device .mobile-drawer-overlay{display:block !important}
body.is-mobile-device .mobile-drawer-nav{padding-bottom:20px}
body.is-mobile-device .mobile-drawer-nav a{font-size:17px}
.page-home .version-stack-thumb,
.page-home .latest-home-thumb{overflow:hidden;display:flex;align-items:center;justify-content:center}
.page-home .version-stack-thumb img,
.page-home .latest-home-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
body.is-mobile-device.page-home .version-stack-thumb,
body.is-mobile-device.page-home .latest-home-thumb{background:#eef3f8 !important;background-image:none !important;filter:none !important}
body.is-mobile-device.page-home .version-stack-thumb::after,
body.is-mobile-device.page-home .latest-home-thumb::after{display:none !important}
body.is-mobile-device.page-home .version-stack-thumb img{padding:6px}
body.is-mobile-device.page-home .latest-home-thumb{width:92px !important;height:92px !important;border-radius:18px !important;flex:0 0 92px !important}
body.is-mobile-device.page-home .latest-home-thumb img{padding:7px}
body.is-mobile-device.page-home .latest-home-card{align-items:center;gap:12px}
body.is-mobile-device.page-home .latest-home-copy strong{display:block}


/* final mobile burger polish */
body.is-mobile-device .mobile-topbar{display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px 0;background:#fff}
body.is-mobile-device .mobile-topbar .mobile-brand{justify-self:center;max-width:100%;overflow:hidden}
body.is-mobile-device .mobile-topbar .mobile-brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#fff;color:#171c24;box-shadow:0 6px 18px rgba(15,23,42,.08);border:1px solid #e7edf3;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.11)}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle svg{display:block;width:18px;height:18px;color:currentColor}
body.is-mobile-device .search-toggle-btn{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #e7edf3;box-shadow:0 6px 18px rgba(15,23,42,.08)}
body.is-mobile-device .search-toggle-btn .search-icon-circle{width:14px;height:14px;border:2px solid #171c24;border-radius:50%;display:block;position:relative;left:1px;top:-1px}
body.is-mobile-device .search-toggle-btn .search-icon-line{width:9px;height:2px;background:#171c24;border-radius:2px;display:block;transform:translate(8px,-3px) rotate(45deg);transform-origin:center}
body.is-mobile-device .mobile-search-panel{background:#fff;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}
body.is-mobile-device .mobile-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0}
body.is-mobile-device .mobile-search-form input[type=search]{height:46px;border-radius:14px;border:1px solid #dbe4ee;padding:0 14px;font-size:16px;background:#f8fafc}
body.is-mobile-device .mobile-search-form button{height:46px;padding:0 16px;border-radius:14px;border:0;background:#17a34a;color:#fff;font-weight:800}
body.is-mobile-device .mobile-drawer-overlay{display:block !important;position:fixed;inset:0;background:rgba(9,14,20,.38);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:88}
body.is-mobile-device .mobile-drawer{display:flex !important;position:fixed;left:0;top:0;bottom:0;width:min(84vw,348px);background:#14b45d;background:linear-gradient(180deg,#18c86a 0%,#10a54f 100%);color:#fff;transform:translateX(-105%);transition:transform .24s ease;z-index:89;box-shadow:18px 0 42px rgba(0,0,0,.18)}
body.is-mobile-device.mobile-menu-open .mobile-drawer{transform:translateX(0)}
body.is-mobile-device.mobile-menu-open .mobile-drawer-overlay{opacity:1;pointer-events:auto}
body.is-mobile-device .mobile-drawer-head{padding:16px;border-bottom:1px solid rgba(255,255,255,.18)}
body.is-mobile-device .mobile-drawer-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
body.is-mobile-device .mobile-drawer-brand strong{display:block;font-size:18px;line-height:1.1}
body.is-mobile-device .mobile-drawer-brand small{display:block;color:rgba(255,255,255,.86);font-size:12px;margin-top:4px}
body.is-mobile-device .mobile-burger-toggle--drawer{margin-left:auto;background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.22) !important;box-shadow:none !important;color:#fff !important}
body.is-mobile-device .mobile-drawer-nav{padding:14px 12px 20px;gap:4px}
body.is-mobile-device .mobile-drawer-nav a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:14px;color:#fff;font-size:17px;font-weight:700;line-height:1.25}
body.is-mobile-device .mobile-drawer-nav a.active,body.is-mobile-device .mobile-drawer-nav a:hover{background:rgba(255,255,255,.15)}
body.is-mobile-device .mobile-drawer-footer{margin-top:auto;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.18)}
body.is-mobile-device .mobile-drawer-links a{color:#fff;background:rgba(255,255,255,.14);padding:9px 12px;border-radius:999px;font-size:14px;font-weight:700}
body.is-mobile-device .desktop-header-row,body.is-mobile-device .desktop-mainmenu{display:none !important}
body.is-mobile-device.page-home .version-stack-item,.page-home .latest-home-card{align-items:center}
body.is-mobile-device.page-home .version-stack-thumb,.page-home .latest-home-thumb{background:#eef3f8 !important;background-image:none !important;filter:none !important;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.is-mobile-device.page-home .version-stack-thumb::after,.page-home .latest-home-thumb::after{display:none !important}
body.is-mobile-device.page-home .version-stack-thumb img,.page-home .latest-home-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:6px}
body.is-mobile-device.page-home .version-stack-thumb{width:72px;height:72px;border-radius:16px;flex:0 0 72px}
body.is-mobile-device.page-home .latest-home-thumb{width:92px;height:92px;border-radius:18px;flex:0 0 92px}


/* robust phone burger fix */
body.is-mobile-device .mobile-topbar{display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px 0;background:#fff}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle{appearance:none;-webkit-appearance:none;display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 44px;width:44px !important;min-width:44px !important;max-width:44px !important;height:44px !important;max-height:44px !important;padding:0 !important;margin:0 !important;overflow:hidden !important;line-height:0 !important;font-size:0 !important;vertical-align:middle;border:1px solid #e7edf3 !important;border-radius:14px !important;background:#fff !important;color:#171c24 !important;box-shadow:0 6px 18px rgba(15,23,42,.08);cursor:pointer;position:relative;z-index:2}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle *{pointer-events:none}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle svg{display:block !important;flex:0 0 18px;width:18px !important;min-width:18px !important;max-width:18px !important;height:18px !important;min-height:18px !important;max-height:18px !important;overflow:hidden !important;color:currentColor !important}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger-toggle svg path{vector-effect:none}
body.is-mobile-device .mobile-burger-toggle--drawer{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.22) !important;color:#fff !important;box-shadow:none !important}
body.is-mobile-device .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.is-mobile-device .search-toggle-btn{appearance:none;-webkit-appearance:none;flex:0 0 44px;width:44px !important;min-width:44px !important;max-width:44px !important;height:44px !important;padding:0 !important;overflow:hidden;border:1px solid #e7edf3;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.08)}

/* exact mobile offcanvas burger override */
@media (max-width: 820px){
  body.is-mobile-device .desktop-header-row,
  body.is-mobile-device .desktop-mainmenu{display:none !important}
  body.is-mobile-device .site-header{position:sticky;top:0;z-index:120;background:#fff}
  body.is-mobile-device .mobile-topbar{display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px 0;background:#fff;position:relative;z-index:121}
  body.is-mobile-device .mobile-brand{display:flex;align-items:center;justify-self:center;gap:10px;min-width:0;color:#111827}
  body.is-mobile-device .mobile-brand-mark{width:38px;height:38px;border-radius:12px;background:#18b558;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 38px}
  body.is-mobile-device .mobile-brand-text{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}
  body.is-mobile-device .g-offcanvas-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:44px !important;height:44px !important;padding:0 !important;border:1px solid #e5e7eb !important;border-radius:14px !important;background:#fff !important;color:#111827 !important;box-shadow:0 6px 18px rgba(15,23,42,.08) !important;cursor:pointer;position:relative;z-index:122}
  body.is-mobile-device .g-offcanvas-toggle svg{display:block !important;width:18px !important;height:18px !important;pointer-events:none}
  body.is-mobile-device .search-toggle-btn{display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.08)}
  body.is-mobile-device .search-toggle-btn .search-icon-circle{width:14px;height:14px;border:2px solid #111827;border-radius:50%;display:block}
  body.is-mobile-device .search-toggle-btn .search-icon-line{position:absolute;width:9px;height:2px;background:#111827;border-radius:2px;transform:translate(8px,8px) rotate(45deg)}
  body.is-mobile-device .mobile-search-panel{display:none !important;background:#fff;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;position:relative;z-index:120}
  body.is-mobile-device.mobile-search-open .mobile-search-panel{display:block !important}
  body.is-mobile-device .mobile-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0}
  body.is-mobile-device .mobile-search-form input[type=search]{height:46px;border-radius:14px;border:1px solid #dbe4ee;padding:0 14px;font-size:16px;background:#f8fafc}
  body.is-mobile-device .mobile-search-form button{height:46px;padding:0 16px;border:0;border-radius:14px;background:#16a34a;color:#fff;font-weight:800}

  body.is-mobile-device #g-offcanvas{display:block;position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);background:#16c15f;transform:translate3d(-110%,0,0);transition:transform .25s ease;z-index:140;box-shadow:18px 0 42px rgba(0,0,0,.18);overflow:auto}
  body.is-mobile-device.mobile-menu-open #g-offcanvas{transform:translate3d(0,0,0)}
  body.is-mobile-device #g-offcanvas .g-grid{display:block}
  body.is-mobile-device #mobile-menu-2576-particle{padding:18px 14px 20px}
  body.is-mobile-device #g-mobilemenu-container{display:block !important}
  body.is-mobile-device #g-mobilemenu-container .g-toplevel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
  body.is-mobile-device #g-mobilemenu-container .g-menu-item{margin:0;padding:0}
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:14px;color:#fff;font-size:17px;font-weight:700;line-height:1.25;background:transparent}
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container.active,
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:hover{background:rgba(255,255,255,.15)}
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-content,
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-title{display:block;color:inherit}

  body.is-mobile-device .g-nav-overlay{display:block;position:fixed;inset:0;background:rgba(9,14,20,.38);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:139}
  body.is-mobile-device.mobile-menu-open .g-nav-overlay{opacity:1;pointer-events:auto}

  body.is-mobile-device .mobile-drawer,
  body.is-mobile-device .mobile-drawer-overlay{display:none !important}
}
body:not(.is-mobile-device) #g-offcanvas,
body:not(.is-mobile-device) .g-nav-overlay{display:none !important}


/* mobile offcanvas final */
body.is-mobile-device{overflow-x:hidden}
body.is-mobile-device .site-header{overflow:visible}
body.is-mobile-device .mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;min-height:72px}
body.is-mobile-device .g-offcanvas-toggle,
body.is-mobile-device .mobile-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#111827;box-shadow:0 8px 20px rgba(15,23,42,.08);cursor:pointer;appearance:none;-webkit-appearance:none}
body.is-mobile-device .g-offcanvas-toggle svg{display:block;width:18px;height:18px;flex:0 0 18px}
body.is-mobile-device .mobile-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#111827}
body.is-mobile-device .mobile-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(225,29,72,.22)}
body.is-mobile-device .mobile-brand-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
body.is-mobile-device .search-toggle-btn{overflow:hidden}
body.is-mobile-device .search-icon-circle{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;display:block;transform:translate(-2px,-2px)}
body.is-mobile-device .search-icon-line{position:absolute;width:8px;height:2px;background:currentColor;transform:translate(6px,6px) rotate(45deg);border-radius:2px}
body.is-mobile-device .mobile-search-panel{display:none;padding:0 0 12px;background:#fff;border-top:1px solid #eef2f6}
body.is-mobile-device.mobile-search-open .mobile-search-panel{display:block}
body.is-mobile-device .mobile-search-form{display:flex;gap:8px}
body.is-mobile-device .mobile-search-form input{flex:1;min-width:0}
body.is-mobile-device .g-offcanvas{position:fixed;top:0;left:0;width:min(86vw,360px);max-width:360px;height:100dvh;background:#fff;border-right:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(15,23,42,.22);z-index:1200;transform:translateX(-104%);transition:transform .24s ease;overflow-y:auto;overscroll-behavior:contain}
body.is-mobile-device.mobile-menu-open .g-offcanvas{transform:translateX(0)}
body.is-mobile-device .g-nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,.44);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:1190}
body.is-mobile-device.mobile-menu-open .g-nav-overlay{opacity:1;visibility:visible;pointer-events:auto}
body.is-mobile-device .g-offcanvas-header{padding:18px;border-bottom:1px solid #eef2f6;background:linear-gradient(180deg,#fff,#fafbfc)}
body.is-mobile-device .g-offcanvas-brand{display:flex;align-items:center;gap:12px;color:#111827}
body.is-mobile-device .g-offcanvas-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-weight:800}
body.is-mobile-device .g-offcanvas-brand-copy strong{display:block;font-size:16px;line-height:1.2}
body.is-mobile-device .g-offcanvas-brand-copy small{display:block;margin-top:2px;color:#667085;font-size:12px;line-height:1.35}
body.is-mobile-device #g-mobilemenu-container{padding:10px 12px 18px}
body.is-mobile-device #g-mobilemenu-container .g-toplevel{list-style:none;margin:0;padding:0;display:grid;gap:6px}
body.is-mobile-device #g-mobilemenu-container .g-menu-item{margin:0}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{display:flex;align-items:center;min-height:50px;padding:13px 14px;border-radius:16px;color:#111827;background:#fff;border:1px solid transparent;font-weight:700;transition:.16s ease}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:hover,
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container.active{background:#fff7f8;border-color:#fecdd3;color:#be123c}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-title{display:block;width:100%;line-height:1.25}
body.is-mobile-device.mobile-menu-open{overflow:hidden}
@media (max-width:820px){
  body.is-mobile-device .container{padding:0 14px}
  body.is-mobile-device .layout{display:block}
  body.is-mobile-device .sidebar{display:none}
  body.is-mobile-device .cards-grid,body.is-mobile-device .cards-grid-compact,body.is-mobile-device .showcase-grid,body.is-mobile-device .mini-river-grid{grid-template-columns:1fr!important}
  body.is-mobile-device .card,body.is-mobile-device .showcase-card,body.is-mobile-device .mini-river-card{border-radius:20px}
  body.is-mobile-device .card-image,body.is-mobile-device .showcase-thumb{height:auto;aspect-ratio:16/10;background-size:cover;background-position:center}
  body.is-mobile-device .showcase-card.is-featured a{grid-template-columns:1fr}
  body.is-mobile-device .showcase-card.is-featured .showcase-thumb{min-height:0;aspect-ratio:16/10}
  body.is-mobile-device .version-stack-item{grid-template-columns:84px minmax(0,1fr)}
  body.is-mobile-device .version-stack-thumb{height:84px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#fff;border:1px solid #eef2f6}
}


/* clean mobile offcanvas override */
@media (max-width: 820px) {
  body.is-mobile-device .desktop-header-row,
  body.is-mobile-device .desktop-mainmenu { display: none !important; }
  body.is-mobile-device .mobile-topbar { display: grid !important; grid-template-columns: 44px minmax(0,1fr) 44px; align-items: center; gap: 12px; min-height: 68px; padding: 12px 0; position: relative; z-index: 1301; }
  body.is-mobile-device .mobile-brand { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; color: #111827; text-decoration: none; }
  body.is-mobile-device .mobile-brand-mark { width: 40px; height: 40px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; background: linear-gradient(135deg, #e11d48, #be123c); box-shadow: 0 10px 20px rgba(225,29,72,.24); }
  body.is-mobile-device .mobile-brand-text { min-width: 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: 800; }
  body.is-mobile-device .g-offcanvas-toggle,
  body.is-mobile-device .mobile-icon-btn { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; min-height: 44px !important; max-height: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; background: #fff !important; color: #111827 !important; box-shadow: 0 8px 20px rgba(15,23,42,.08) !important; cursor: pointer; line-height: 0; flex: 0 0 44px; }
  body.is-mobile-device .g-offcanvas-toggle svg { width: 18px !important; height: 18px !important; display: block !important; }
  body.is-mobile-device .search-toggle-btn .search-icon-circle { width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 50%; display: block; transform: translate(-2px,-2px); }
  body.is-mobile-device .search-toggle-btn .search-icon-line { width: 9px; height: 2px; background: currentColor; border-radius: 2px; display: block; transform: translate(8px,-3px) rotate(45deg); }
  body.is-mobile-device .mobile-search-panel { display: none !important; background: #fff; border-top: 1px solid #eef2f6; border-bottom: 1px solid #eef2f6; position: relative; z-index: 1201; }
  body.is-mobile-device.mobile-search-open .mobile-search-panel { display: block !important; }
  body.is-mobile-device .mobile-search-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 12px 0; }
  body.is-mobile-device .mobile-search-form input[type="search"] { height: 46px; border-radius: 14px; border: 1px solid #dbe4ee; background: #f8fafc; padding: 0 14px; font-size: 16px; }
  body.is-mobile-device .mobile-search-form button { height: 46px; border: 0; border-radius: 14px; background: linear-gradient(135deg,#e11d48,#be123c); color: #fff; padding: 0 16px; font-weight: 800; }

  body.is-mobile-device #g-offcanvas { display: block !important; position: fixed; top: 0; left: 0; width: min(86vw, 360px); max-width: 360px; height: 100dvh; background: #fff; border-right: 1px solid #e5e7eb; box-shadow: 0 24px 60px rgba(15,23,42,.22); transform: translateX(-105%); transition: transform .24s ease; z-index: 1300; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
  body.is-mobile-device.mobile-menu-open #g-offcanvas { transform: translateX(0); }
  body.is-mobile-device #g-offcanvas .g-grid,
  body.is-mobile-device #g-offcanvas .g-block { display: block; width: 100%; }
  body.is-mobile-device .g-nav-overlay { display: block !important; position: fixed; inset: 0; background: rgba(15,23,42,.44); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; z-index: 1290; }
  body.is-mobile-device.mobile-menu-open .g-nav-overlay { opacity: 1; visibility: visible; pointer-events: auto; }
  body.is-mobile-device .g-offcanvas-header { display: flex; align-items: center; padding: 18px; border-bottom: 1px solid #eef2f6; background: linear-gradient(180deg,#fff,#fafbfc); }
  body.is-mobile-device .g-offcanvas-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #111827; }
  body.is-mobile-device .g-offcanvas-brand-mark { width: 42px; height: 42px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#e11d48,#be123c); color: #fff; font-weight: 800; }
  body.is-mobile-device .g-offcanvas-brand-copy strong { display: block; font-size: 16px; line-height: 1.2; }
  body.is-mobile-device .g-offcanvas-brand-copy small { display: block; margin-top: 2px; font-size: 12px; color: #667085; line-height: 1.35; }
  body.is-mobile-device #g-mobilemenu-container { padding: 8px 12px 18px; }
  body.is-mobile-device #g-mobilemenu-container .g-toplevel { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item { display: block; margin: 0; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container { display: block; text-decoration: none; color: #111827; border-radius: 16px; padding: 15px 14px; font-weight: 700; line-height: 1.3; background: transparent; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:hover,
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container.active { background: #f8fafc; color: #be123c; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-content,
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-title { display: block; color: inherit; }

  body.is-mobile-device .version-stack-thumb img,
  body.is-mobile-device .latest-home-thumb img { width: 100%; height: 100%; object-fit: contain !important; background: #fff; }
  body.is-mobile-device .version-stack-thumb,
  body.is-mobile-device .latest-home-thumb { background: #fff; }
}
body:not(.is-mobile-device) #g-offcanvas,
body:not(.is-mobile-device) .g-nav-overlay,
body:not(.is-mobile-device) .mobile-topbar,
body:not(.is-mobile-device) .mobile-search-panel { display: none !important; }


/* === Final mobile burger/offcanvas implementation === */
@media (max-width: 820px) {
  body.is-mobile-device { overflow-x: hidden; }
  body.is-mobile-device .site-header { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.97); backdrop-filter: blur(10px); }
  body.is-mobile-device .desktop-header-row,
  body.is-mobile-device .desktop-mainmenu { display: none !important; }
  body.is-mobile-device .mobile-ui-shell { display: block; }
  body.is-mobile-device .burger-checkbox { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
  body.is-mobile-device .mobile-topbar { display: grid !important; grid-template-columns: 52px minmax(0,1fr) 52px; align-items: center; gap: 10px; min-height: 68px; padding: 10px 0; }
  body.is-mobile-device .mobile-brand { min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: #111827; text-decoration: none; }
  body.is-mobile-device .mobile-brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 12px; background: linear-gradient(135deg, #10b981, #059669); color: #fff; font-weight: 800; font-size: 15px; letter-spacing: .02em; box-shadow: 0 10px 24px rgba(5,150,105,.25); }
  body.is-mobile-device .mobile-brand-text { font-size: 18px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.is-mobile-device .mobile-icon-btn,
  body.is-mobile-device .mobile-burger { width: 44px; height: 44px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.09); color: #111827; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
  body.is-mobile-device .mobile-icon-btn { position: relative; padding: 0; }
  body.is-mobile-device .search-icon-circle { width: 15px; height: 15px; border: 2px solid currentColor; border-radius: 999px; display: block; }
  body.is-mobile-device .search-icon-line { position: absolute; width: 8px; height: 2px; background: currentColor; border-radius: 2px; transform: rotate(45deg); right: 11px; bottom: 11px; }

  body.is-mobile-device .burger { padding: 0; border: 0; background: #fff; }
  body.is-mobile-device .burger:hover { opacity: 1; }
  body.is-mobile-device .burgerBox { width: 20px; height: 14px; position: relative; display: block; }
  body.is-mobile-device .burgerInner,
  body.is-mobile-device .burgerInner::before,
  body.is-mobile-device .burgerInner::after { width: 20px; height: 2.5px; background: currentColor; border-radius: 999px; position: absolute; left: 0; transition: transform .22s ease, opacity .18s ease, top .22s ease; content: ''; display: block; }
  body.is-mobile-device .burgerInner { top: 50%; margin-top: -1.25px; }
  body.is-mobile-device .burgerInner::before { top: -6px; }
  body.is-mobile-device .burgerInner::after { top: 6px; }
  body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner,
  body.is-mobile-device #burger-checkbox:checked ~ #g-offcanvas .mobile-burger-close .burgerInner { transform: rotate(45deg); }
  body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::before,
  body.is-mobile-device #burger-checkbox:checked ~ #g-offcanvas .mobile-burger-close .burgerInner::before { top: 0; opacity: 0; }
  body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::after,
  body.is-mobile-device #burger-checkbox:checked ~ #g-offcanvas .mobile-burger-close .burgerInner::after { top: 0; transform: rotate(-90deg); }

  body.is-mobile-device .g-nav-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.46); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .24s ease, visibility .24s ease; z-index: 120; }
  body.is-mobile-device #g-offcanvas { position: fixed; top: 0; left: 0; width: min(84vw, 340px); height: 100dvh; background: #fff; border-right: 1px solid #e5e7eb; box-shadow: 0 30px 70px rgba(15,23,42,.28); transform: translateX(-104%); transition: transform .26s ease; z-index: 130; overflow-y: auto; overscroll-behavior: contain; }
  body.is-mobile-device #burger-checkbox:checked ~ #g-offcanvas { transform: translateX(0); }
  body.is-mobile-device #burger-checkbox:checked ~ .g-nav-overlay { opacity: 1; visibility: visible; pointer-events: auto; }
  body.is-mobile-device .g-grid, body.is-mobile-device .g-block { display: block; width: 100%; }
  body.is-mobile-device .g-offcanvas-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 18px 16px; background: #fff; border-bottom: 1px solid #eef2f7; }
  body.is-mobile-device .g-offcanvas-brand { min-width: 0; display: flex; align-items: center; gap: 12px; text-decoration: none; color: #111827; }
  body.is-mobile-device .g-offcanvas-brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 14px; background: linear-gradient(135deg, #10b981, #059669); color: #fff; font-size: 15px; font-weight: 800; box-shadow: 0 10px 24px rgba(5,150,105,.25); }
  body.is-mobile-device .g-offcanvas-brand-copy { min-width: 0; }
  body.is-mobile-device .g-offcanvas-brand-copy strong { display: block; font-size: 16px; line-height: 1.2; }
  body.is-mobile-device .g-offcanvas-brand-copy small { display: block; margin-top: 2px; color: #6b7280; font-size: 12px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
  body.is-mobile-device #g-mobilemenu-container { padding: 10px 14px 24px; }
  body.is-mobile-device #g-mobilemenu-container .g-toplevel { list-style: none; margin: 0; padding: 0; display: block; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item { margin: 0; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container { display: flex; align-items: center; min-height: 52px; padding: 0 14px; border-radius: 16px; text-decoration: none; color: #0f172a; font-size: 17px; font-weight: 700; line-height: 1.2; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:hover,
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:active { background: #f4f7fb; }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container.active { background: linear-gradient(135deg, rgba(16,185,129,.15), rgba(5,150,105,.1)); color: #047857; }

  body.is-mobile-device .mobile-search-panel { display: none; position: sticky; top: 68px; z-index: 59; background: #fff; border-top: 1px solid #eef2f7; border-bottom: 1px solid #eef2f7; padding: 12px 0 14px; }
  body.is-mobile-device.mobile-search-open .mobile-search-panel { display: block; }
  body.is-mobile-device .mobile-search-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  body.is-mobile-device .mobile-search-form input[type=search] { min-width: 0; height: 46px; border: 1px solid #d6dee8; border-radius: 14px; padding: 0 14px; font-size: 16px; background: #fff; }
  body.is-mobile-device .mobile-search-form button { height: 46px; border: 0; border-radius: 14px; padding: 0 16px; background: linear-gradient(135deg, #10b981, #059669); color: #fff; font-weight: 800; }

  body.is-mobile-device.mobile-menu-open,
  body.is-mobile-device.mobile-search-open { overflow: hidden; }
  body.is-mobile-device .hero-card .entry-cover img,
  body.is-mobile-device .downloads-stack .download-mini-thumb img,
  body.is-mobile-device .article-card .entry-cover img { object-fit: contain; background: #edf6f2; }
}

@media (min-width: 821px) {
  .mobile-ui-shell { display: none !important; }
}


/* === FINAL MOBILE UX REWORK === */
body.is-mobile-device .site-header{position:sticky;top:0;z-index:1400;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(15,23,42,.08)}
body.is-mobile-device .mobile-ui-shell{display:block;position:relative;z-index:1401}
body.is-mobile-device #burger-checkbox{position:absolute;opacity:0;pointer-events:none}
body.is-mobile-device .mobile-topbar{display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:10px 0!important;min-height:72px;background:transparent}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger,body.is-mobile-device .mobile-icon-btn{width:48px;height:48px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:16px;border:1px solid #f0c8cf;background:linear-gradient(180deg,#fff,#fff6f7);box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
body.is-mobile-device .g-offcanvas-toggle.mobile-burger:active,body.is-mobile-device .mobile-icon-btn:active{transform:scale(.96)}
body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .g-offcanvas-toggle.mobile-burger{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:transparent;box-shadow:0 14px 28px rgba(190,18,60,.28)}
body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner,body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::before,body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::after{background:#fff}
body.is-mobile-device .burgerBox{width:22px;height:18px;position:relative}
body.is-mobile-device .burgerInner,body.is-mobile-device .burgerInner::before,body.is-mobile-device .burgerInner::after{width:22px;height:2.5px;border-radius:999px;background:#141414;position:absolute;left:0;transition:transform .24s ease,opacity .2s ease,top .24s ease,background .2s ease;content:""}
body.is-mobile-device .burgerInner{top:50%;margin-top:-1.25px}
body.is-mobile-device .burgerInner::before{top:-7px}
body.is-mobile-device .burgerInner::after{top:7px}
body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner{transform:rotate(45deg)}
body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::before{top:0;opacity:0}
body.is-mobile-device #burger-checkbox:checked ~ .mobile-topbar .burgerInner::after{top:0;transform:rotate(-90deg)}
body.is-mobile-device .mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;color:#111827;text-decoration:none}
body.is-mobile-device .mobile-brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 12px 24px rgba(225,29,72,.24);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px}
body.is-mobile-device .mobile-brand-text{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
@media (max-width:380px){body.is-mobile-device .mobile-brand-text{font-size:16px;max-width:38vw}}
body.is-mobile-device .g-nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:1390}
body.is-mobile-device.mobile-menu-open .g-nav-overlay{opacity:1;pointer-events:auto}
body.is-mobile-device #g-offcanvas{position:fixed;top:0;left:0;width:min(86vw,360px);height:100dvh;background:#fff;transform:translateX(-104%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1405;box-shadow:0 24px 60px rgba(15,23,42,.24);border-right:1px solid #f1d2d8;overflow-y:auto;overscroll-behavior:contain}
body.is-mobile-device.mobile-menu-open #g-offcanvas{transform:translateX(0)}
body.is-mobile-device .g-offcanvas-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:linear-gradient(180deg,#fff,#fff8f8);border-bottom:1px solid #f2d6db;z-index:2}
body.is-mobile-device .g-offcanvas-brand-mark{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 12px 24px rgba(225,29,72,.2)}
body.is-mobile-device #g-mobilemenu-container{padding:12px 14px 24px}
body.is-mobile-device #g-mobilemenu-container .g-toplevel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{display:flex;align-items:center;padding:14px 16px;border-radius:16px;background:#fff7f7;border:1px solid #f6d0d7;color:#111827;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container.active{background:linear-gradient(135deg,#e11d48,#be123c);border-color:transparent;color:#fff;box-shadow:0 14px 26px rgba(225,29,72,.22)}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container:active{transform:scale(.98)}
body.is-mobile-device .mobile-search-panel{display:none!important;position:sticky;top:72px;z-index:1395;background:#fff;border-top:1px solid #f2d7dc;border-bottom:1px solid #f2d7dc;padding:12px 0 14px;box-shadow:0 12px 24px rgba(15,23,42,.06)}
body.is-mobile-device.mobile-search-open .mobile-search-panel{display:block!important}
body.is-mobile-device .mobile-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
body.is-mobile-device .mobile-search-form input{height:48px;border-radius:16px;border:1px solid #f1cfd6;background:#fff8f9;padding:0 16px;font-size:16px}
body.is-mobile-device .mobile-search-form button{height:48px;border-radius:16px;padding:0 18px;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-weight:800;box-shadow:0 12px 22px rgba(225,29,72,.2)}
body.is-mobile-device .download-cta-mobile{display:none!important}
body.is-mobile-device .home-mobile-shell{display:block;margin:8px 0 18px}
body.is-mobile-device .home-banner-shell,body.is-mobile-device .home-unique-grid{display:none!important}
body.is-mobile-device .mobile-hero-card{padding:22px 18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 30%),linear-gradient(135deg,#b80f2f 0%,#97102b 45%,#6f0b1f 100%);color:#fff;box-shadow:0 24px 50px rgba(127,29,29,.3);position:relative;overflow:hidden}
body.is-mobile-device .mobile-hero-card:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}
body.is-mobile-device .mobile-hero-kicker{position:relative;z-index:1;display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:12px}
body.is-mobile-device .mobile-hero-card h1{position:relative;z-index:1;margin:0 0 10px;font-size:30px;line-height:1.08;color:#fff}
body.is-mobile-device .mobile-hero-card p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.55}
body.is-mobile-device .mobile-hero-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
body.is-mobile-device .mobile-hero-btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:16px;font-size:15px;padding:0 14px}
body.is-mobile-device .mobile-hero-btn.secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
body.is-mobile-device .mobile-hero-meta{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
body.is-mobile-device .mobile-hero-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:700}
body.is-mobile-device .mobile-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 12px}
body.is-mobile-device .mobile-home-section-head h2{margin:0;font-size:19px;line-height:1.2;color:#111827}
body.is-mobile-device .mobile-home-section-head a{color:#be123c;font-weight:800;font-size:13px}
body.is-mobile-device .mobile-versions-grid{display:grid;grid-template-columns:1fr;gap:12px}
body.is-mobile-device .mobile-version-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:22px;background:#fff;border:1px solid #f3d4da;box-shadow:0 12px 26px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}
body.is-mobile-device .mobile-version-card:active{transform:scale(.99)}
body.is-mobile-device .mobile-version-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border-radius:18px;background:linear-gradient(135deg,#fff3f5,#ffe3e9);overflow:hidden;padding:8px}
body.is-mobile-device .mobile-version-thumb img{width:100%;height:100%;object-fit:contain}
body.is-mobile-device .mobile-version-copy strong{display:block;font-size:16px;line-height:1.25;color:#111827}
body.is-mobile-device .mobile-version-copy small{display:block;margin-top:6px;color:#6b7280;font-size:12px}
body.is-mobile-device .mobile-story-list{display:grid;grid-template-columns:1fr;gap:14px}
body.is-mobile-device .mobile-story-card{border-radius:24px;background:#fff;border:1px solid #f2d7dc;box-shadow:0 14px 28px rgba(15,23,42,.06);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
body.is-mobile-device .mobile-story-card:active{transform:scale(.99)}
body.is-mobile-device .mobile-story-card a{display:block;color:#111827}
body.is-mobile-device .mobile-story-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#fff4f6,#ffe6eb);overflow:hidden}
body.is-mobile-device .mobile-story-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:6px}
body.is-mobile-device .mobile-story-body{display:block;padding:16px 16px 18px}
body.is-mobile-device .mobile-story-cat{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#fff1f4;color:#be123c;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
body.is-mobile-device .mobile-story-body strong{display:block;font-size:18px;line-height:1.28;color:#111827}
body.is-mobile-device .mobile-story-body em{display:block;margin-top:9px;font-style:normal;color:#6b7280;line-height:1.55;font-size:14px}
body.is-mobile-device .mobile-story-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #f4e2e6}
body.is-mobile-device .mobile-story-meta small{color:#6b7280;font-size:12px}
body.is-mobile-device .mobile-story-meta b{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:#be123c;color:#fff;font-size:12px;font-weight:800}
body.is-mobile-device .mobile-story-card-popular .mobile-story-meta b{background:#991b1b}
@media (min-width:821px){.home-mobile-shell{display:none!important}}


/* === COMPACT MOBILE BURGER MENU: fit all items on one screen === */
body.is-mobile-device #g-offcanvas{
  width:min(100vw, 380px);
  max-width:380px;
  height:100dvh;
  overflow:hidden;
}
body.is-mobile-device #g-offcanvas .g-content.g-particle{
  min-height:100dvh;
  display:flex;
  flex-direction:column;
}
body.is-mobile-device .g-offcanvas-header{
  flex:0 0 auto;
  padding:14px 14px 12px;
}
body.is-mobile-device .g-offcanvas-brand-mark{
  width:36px;
  height:36px;
  border-radius:12px;
  font-size:14px;
}
body.is-mobile-device .g-offcanvas-brand-copy strong{
  font-size:15px;
}
body.is-mobile-device .g-offcanvas-brand-copy small{
  font-size:11px;
  margin-top:1px;
}
body.is-mobile-device .mobile-burger-close{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
}
body.is-mobile-device #g-mobilemenu-container{
  --mobile-menu-items: 10;
  flex:1 1 auto;
  display:flex;
  min-height:0;
  padding:8px 10px 12px;
}
body.is-mobile-device #g-mobilemenu-container .g-toplevel{
  flex:1 1 auto;
  display:grid;
  grid-template-rows:repeat(var(--mobile-menu-items), minmax(0, 1fr));
  align-content:stretch;
  width:100%;
  gap:6px;
  min-height:0;
}
body.is-mobile-device #g-mobilemenu-container .g-menu-item{
  min-height:0;
}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{
  height:100%;
  min-height:0;
  padding:8px 12px;
  border-radius:14px;
  justify-content:flex-start;
  font-size:clamp(12px, 1.45vh, 16px);
  line-height:1.12;
  letter-spacing:-.01em;
}
body.is-mobile-device #g-mobilemenu-container .g-menu-item-title{
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media (max-height: 760px){
  body.is-mobile-device .g-offcanvas-header{
    padding:12px 12px 10px;
  }
  body.is-mobile-device .g-offcanvas-brand-copy small{
    display:none;
  }
  body.is-mobile-device #g-mobilemenu-container{
    padding:6px 8px 10px;
  }
  body.is-mobile-device #g-mobilemenu-container .g-toplevel{
    gap:4px;
  }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{
    padding:6px 10px;
    font-size:clamp(11px, 1.3vh, 14px);
    border-radius:12px;
  }
}
@media (max-height: 640px){
  body.is-mobile-device .g-offcanvas-header{
    padding:10px 10px 8px;
  }
  body.is-mobile-device .g-offcanvas-brand-mark{
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:12px;
  }
  body.is-mobile-device .g-offcanvas-brand-copy strong{
    font-size:13px;
  }
  body.is-mobile-device #g-mobilemenu-container .g-menu-item-container{
    padding:4px 9px;
    font-size:clamp(10px, 1.18vh, 13px);
    line-height:1.04;
  }
}