:root {
 --bg: #f6f8fb;
 --surface: #ffffff;
 --surface-soft: #f8fafc;
 --surface-blue: #eef4ff;
 --border: #e5e7eb;
 --border-strong: #d1d5db;
 --text: #111827;
 --text-soft: #374151;
 --muted: #6b7280;
 --link: #2563eb;
 --link-hover: #1d4ed8;
 --accent: #b99a5f;
 --footer-bar: #cfcfcf;
 --radius: 8px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.65 'DM Sans', Arial, sans-serif; overflow-x: hidden; }
body::before, body::after, #city::before, #city::after, .header-accent-line, .header-grid-lines, .header-scanner, #header-canvas, .hdr-line-top, .hdr-scanner, .page-progress, .btn-top { display: none !important; content: none !important; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; color: var(--text); font-family: 'DM Sans', Arial, sans-serif; letter-spacing: 0; }
.site-header, #city { min-height: 0 !important; padding: 0 !important; background: var(--surface) !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; overflow: visible !important; }
.site-header-inner, #header_all, .header-container { width: 100%; max-width: 1120px !important; margin: 0 auto !important; padding: 34px 24px 38px !important; }
.site-brand, #site_logo { display: block; width: fit-content; margin: 0 0 18px !important; color: var(--text) !important; font: 700 clamp(27px, 3.2vw, 36px)/1.12 'DM Sans', Arial, sans-serif !important; letter-spacing: 0 !important; }
.site-brand:hover, #site_logo:hover { color: var(--text) !important; }
#site_logo span, #site_logo em { color: var(--text) !important; background: none !important; -webkit-text-fill-color: var(--text) !important; }
.site-actions, .author-links, #top_menu, .header-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.btn-link, .site-actions a, .author-links a, input[type='submit'], input[type='button'], button, .uButton, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 14px; border: 1px solid var(--border-strong); border-radius: 6px; background: var(--surface); color: #1f2937; box-shadow: none; font: 500 13px/1.2 'DM Sans', Arial, sans-serif; text-transform: none; letter-spacing: 0; cursor: pointer; }
.btn-link.primary, .site-actions a.primary, input[type='submit'], button[type='submit'] { border-color: var(--link); background: var(--link); color: #fff; }
.btn-link:hover, .site-actions a:hover, .author-links a:hover, button:hover, .uButton:hover, .button:hover { background: #f3f4f6; color: var(--text); }
.btn-link.primary:hover, .site-actions a.primary:hover, input[type='submit']:hover, button[type='submit']:hover { border-color: var(--link-hover); background: var(--link-hover); color: #fff; }
.btn-link:focus-visible, .site-actions a:focus-visible, .author-links a:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(37, 99, 235, .24); outline-offset: 2px; }
.page-shell, .news-shell, .landing-shell, #boddy, .app-container { width: 100%; max-width: 1120px !important; margin: 24px auto 48px !important; padding: 0 24px !important; background: transparent !important; }
.page-panel, .news-panel, .content-card, .author-nav, #maincol, .block { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: none !important; overflow: hidden; }
.panel-head, .page-panel-head, .maincol-header, .maincol-topbar, .blocktitle { display: flex; align-items: center; gap: 16px; padding: 24px !important; background: var(--surface-soft) !important; border-bottom: 1px solid var(--border) !important; }
.panel-icon { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 8px; background: var(--link); color: #fff; }
.panel-icon svg { width: 17px; height: 17px; stroke: currentColor; }
.panel-title, .page-title, .maincol-header-title { margin: 0; color: var(--text); font: 700 22px/1.25 'DM Sans', Arial, sans-serif; letter-spacing: 0; }
.panel-title a { color: var(--text); }
.panel-body, .page-content, #maincol_inside, .blockcontent_inside { padding: 24px !important; }
.cat-block { margin: 0 0 26px; padding: 18px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.cat-block-label { display: inline-flex; align-items: center; gap: 7px; min-height: 24px; color: var(--muted); font-size: 11px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.cat-block-label svg { width: 12px; height: 12px; stroke: currentColor; }
.category-list, .cat-block-tags, .catsTable, .u-cat-columns { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; }
.category-list br, .cat-block-tags br, .catsTable br { display: none !important; }
.catsTd, .category-pill { display: inline-flex !important; align-items: stretch !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: 999px !important; background: var(--surface-soft) !important; overflow: hidden !important; white-space: nowrap !important; }
.catsTd .catName, .catsTd .catNameActive, .category-pill > a, .category-pill > .category-title { display: inline-flex !important; align-items: center !important; min-height: 32px !important; margin: 0 !important; padding: 7px 10px 7px 13px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--link) !important; font-size: 13px !important; line-height: 1.2 !important; text-transform: none !important; }
.catsTd .catNumData, .category-pill > .category-count { display: inline-flex !important; align-items: center !important; min-height: 32px !important; margin: 0 !important; padding: 7px 13px 7px 10px !important; border: 0 !important; border-left: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; color: var(--muted) !important; font-size: 13px !important; line-height: 1.2 !important; }
.catsTd:hover, .category-pill:hover { background: var(--surface-blue) !important; border-color: #c7d2fe !important; }
.entries-list { display: flex !important; flex-direction: column !important; gap: 30px !important; }
.entries-list > div:not(.u-hidden) { display: flex !important; flex-direction: column !important; gap: 30px !important; }
.catAllEntries, .catAllEntries tbody, .catAllEntries tr, .catAllEntries td.archiveEntries { display: block !important; width: 100% !important; }
.catAllEntries { border: 0 !important; border-collapse: collapse !important; }
.catAllEntries td.archiveEntries { padding: 0 !important; }
.archiveEntries > [id^='entryID'] + [id^='entryID'] { margin-top: 30px !important; }
.news-card, table.news-card, .eBlock.news-card { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: var(--surface) !important; border: 1px solid #edf0f4 !important; border-left: 3px solid var(--accent) !important; border-radius: 6px !important; overflow: hidden !important; box-shadow: none !important; transform: none !important; }
.news-card-head { padding: 17px 28px 18px !important; background: linear-gradient(90deg, #fffdf8 0%, var(--surface-soft) 100%) !important; border-bottom: 1px solid #e3e7ee !important; }
.news-title, .news-card .eTitle { margin: 0 !important; color: var(--text) !important; font: 700 clamp(19px, 2.1vw, 22px)/1.28 'DM Sans', Arial, sans-serif !important; letter-spacing: 0 !important; }
.news-title a, .news-card .eTitle a { color: var(--text) !important; }
.news-card-body { padding: 28px !important; color: var(--text-soft) !important; }
.news-card-body p { margin: 0 0 12px !important; }
.news-excerpt { color: var(--text-soft) !important; line-height: 1.58; font-weight: 400 !important; }
.news-card-body, .news-excerpt p, .news-excerpt li, .news-card-foot { font-weight: 400 !important; }
.news-excerpt strong, .news-excerpt b, .news-excerpt h3 { font-weight: 700 !important; }
.news-excerpt h3 { margin: 20px 0 8px; font-size: 17px; line-height: 1.35; }
.news-excerpt h3:empty { display: none; }
.news-read-more, .news-excerpt .entryReadAllLink { display: flex; width: fit-content; min-height: 38px; margin-top: 12px; padding: 9px 14px; align-items: center; justify-content: center; border: 1px solid var(--link); border-radius: 6px; background: var(--link); color: #fff !important; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none !important; }
.news-read-more:hover, .news-excerpt .entryReadAllLink:hover { border-color: var(--link-hover); background: var(--link-hover); color: #fff !important; }
.news-read-more:focus-visible, .news-excerpt .entryReadAllLink:focus-visible { outline: 3px solid rgba(37, 99, 235, .24); outline-offset: 2px; }
.news-card-foot { clear: both; min-height: 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 11px 28px !important; background: var(--footer-bar) !important; color: #5f6773 !important; font-size: 12px; }
.news-date { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; line-height: 1.2; text-transform: uppercase; }
.news-date svg { width: 12px; height: 12px; flex: 0 0 auto; color: #8a6a3a; }
.news-moder { margin-left: auto; display: inline-flex; align-items: center; }
.catPages1, .catPages2, #pagesBlock1, #pagesBlock2 {
 clear: both !important;
 display: flex !important;
 flex-wrap: wrap !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 8px !important;
 width: 100% !important;
 margin: 26px 0 0 !important;
 padding: 22px 0 0 !important;
 border-top: 1px solid var(--border) !important;
 text-align: center !important;
}
.catPages1:empty, .catPages2:empty, #pagesBlock1:empty, #pagesBlock2:empty,
.catPages1:not(:has(a)):not(:has(b)):not(:has(.swchItemA)),
.catPages2:not(:has(a)):not(:has(b)):not(:has(.swchItemA)) { display: none !important; }
.catPages1 .pagesBlockuz1, .catPages2 .pagesBlockuz2,
#pagesBlock1 .pagesBlockuz1, #pagesBlock2 .pagesBlockuz2 { display: contents !important; }
.catPages1 a, .catPages1 b, .catPages1 .swchItem, .catPages1 .swchItemA,
.catPages2 a, .catPages2 b, .catPages2 .swchItem, .catPages2 .swchItemA,
#pagesBlock1 a, #pagesBlock1 b, #pagesBlock2 a, #pagesBlock2 b {
 min-width: 38px !important;
 min-height: 38px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 margin: 0 !important;
 padding: 8px 13px !important;
 border: 1px solid var(--border-strong) !important;
 border-radius: 6px !important;
 background: var(--surface) !important;
 color: var(--text-soft) !important;
 font: 600 13px/1.2 'DM Sans', Arial, sans-serif !important;
 text-decoration: none !important;
}
.catPages1 a:hover, .catPages2 a:hover, #pagesBlock1 a:hover, #pagesBlock2 a:hover {
 background: #f3f4f6 !important;
 color: var(--text) !important;
}
.catPages1 b, .catPages1 .swchItemA, .catPages2 b, .catPages2 .swchItemA,
#pagesBlock1 b, #pagesBlock1 .swchItemA, #pagesBlock2 b, #pagesBlock2 .swchItemA {
 border-color: var(--link) !important;
 background: var(--link) !important;
 color: #fff !important;
}
.landing-shell { max-width: 1070px !important; }
.content-head { padding: 24px 30px; background: var(--surface-soft); border-bottom: 1px solid var(--border); }
.entry-title { width: 100%; max-width: none; margin: 0 0 10px; color: var(--text); font: 700 clamp(21px, 2.2vw, 26px)/1.24 'DM Sans', Arial, sans-serif; letter-spacing: 0; }
.entry-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.entry-body { padding: 24px 30px 30px; color: var(--text-soft); }
.entry-cover { margin: 0 auto 22px; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; }
.entry-content { max-width: 780px; margin: 0 auto; color: #293241; font-size: 16.5px; font-weight: 400; line-height: 1.64; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.entry-content p { margin: 0 0 14px; }
.entry-content h2 { margin: 26px 0 9px; font-size: 21px; line-height: 1.34; }
.entry-content h3 { margin: 22px 0 8px; font-size: 18px; line-height: 1.36; }
.entry-content h4 { margin: 20px 0 7px; font-size: 16px; line-height: 1.4; }
.entry-content ul, .entry-content ol { margin: 0 0 15px; padding-left: 24px; }
.entry-content li + li { margin-top: 5px; }
.entry-content blockquote { margin: 20px 0; padding: 13px 16px; border-left: 3px solid var(--accent); background: var(--surface-soft); color: var(--text-soft); }
.entry-content pre { max-width: 100%; overflow: auto; padding: 14px; border-radius: 6px; background: #111827; color: #f8fafc; }
.entry-content code { font-family: Consolas, 'Courier New', monospace; }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 9px 11px; border: 1px solid var(--border); text-align: left; }
.entry-content a:not(.entry-cta) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-cta-row { margin: 0 0 20px !important; }
.entry-cta, .news-excerpt a[href*="/Games/"] { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 16px; border: 1px solid var(--link); border-radius: 6px; background: var(--link); color: #fff !important; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none !important; }
.entry-cta:hover, .news-excerpt a[href*="/Games/"]:hover { border-color: var(--link-hover); background: var(--link-hover); color: #fff !important; }
.entry-cta u, .news-excerpt a[href*="/Games/"] u { color: inherit !important; font-size: inherit !important; text-decoration: none !important; }
.entry-tools { padding: 16px 30px; background: var(--surface-soft); border-top: 1px solid var(--border); color: var(--muted); }
.article-categories { margin: 24px 0 0 !important; }
.author-nav { margin-top: 24px; padding: 22px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.author-name { color: var(--text); font-size: 18px; font-weight: 700; }
.author-name strong { color: inherit !important; font: inherit !important; }
.author-links { gap: 10px !important; }
.author-links > strong { display: contents !important; font: inherit !important; }
.author-links a { margin: 0 !important; }
.powered, #footer { max-width: 1120px; margin: 0 auto 40px; padding: 0 24px; background: transparent !important; color: var(--muted); text-align: center; font-size: 12px; }
.powered a, #footer a { color: var(--muted); }
input[type='text'], input[type='email'], input[type='password'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: 6px; background: #fff; color: var(--text); font-family: 'DM Sans', Arial, sans-serif; }
#bottomInfoBar.bottom-info-wrapper { z-index: 10000 !important; }
#cookiePolicy.bottom-info-block { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; padding: 12px 16px !important; font-family: 'DM Sans', Arial, sans-serif !important; }
#cookiePolicy .bottom-info-block-content { font-size: 13px !important; line-height: 1.42 !important; }
#cookiePolicy .bottom-info-block-action { display: flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto !important; }
#cookiePolicyAgree { min-height: 36px !important; padding: 8px 12px !important; font-size: 12px !important; }
@media (max-width: 760px) {
 .site-header-inner, #header_all, .header-container { padding: 26px 18px 30px !important; }
 .site-brand, #site_logo { font-size: clamp(26px, 8vw, 32px) !important; }
 .page-shell, .news-shell, .landing-shell, #boddy, .app-container { margin-top: 16px !important; padding-left: 16px !important; padding-right: 16px !important; }
 .panel-head, .page-panel-head, .panel-body, .page-content, #maincol_inside { padding-left: 18px !important; padding-right: 18px !important; }
 .news-card-head, .news-card-body, .news-card-foot { padding-left: 18px !important; padding-right: 18px !important; }
 .news-title, .news-card .eTitle { font-size: 20px !important; }
 .content-head { padding: 22px 20px; }
 .entry-title { font-size: 21px; line-height: 1.28; }
 .entry-body { padding: 22px 20px 26px; }
 .entry-content { font-size: 16px; line-height: 1.6; }
 .entry-content h2 { font-size: 20px; margin-top: 24px; }
 .entry-content h3 { font-size: 17px; }
 .entry-tools { padding-left: 20px; padding-right: 20px; }
 .author-nav { padding: 18px; }
 .news-moder { width: 100%; margin-left: 0; }
 #cookiePolicy.bottom-info-block { position: relative !important; display: block !important; padding: 12px 44px 12px 14px !important; }
 #cookiePolicy .bottom-info-block-content { display: block !important; font-size: 12px !important; line-height: 1.36 !important; }
 #cookiePolicy .bottom-info-block-action { margin-top: 9px !important; }
 #cookiePolicyHide { position: absolute !important; top: 10px !important; right: 10px !important; }
}
@media (max-width: 420px) {
 .site-actions, .author-links { align-items: stretch; }
 .site-actions a, .author-links a { min-height: 40px; }
 .panel-title, .page-title { font-size: 20px; }
 .news-card-body { padding-top: 22px !important; padding-bottom: 24px !important; }
}

.news-shell .catPages1,
.news-shell #pagesBlock1 {
 display: none !important;
}

/* Native uCoz comments on article pages */
.comments-card:not(:has(.uComForm)) {
 display: none;
}
.comments-card {
 margin-top: 24px;
 background: var(--surface);
 border: 1px solid var(--border);
 border-radius: var(--radius);
 overflow: hidden;
}
.comments-head {
 padding: 20px 24px;
 background: var(--surface-soft);
 border-bottom: 1px solid var(--border);
}
.comments-title {
 display: flex;
 align-items: center;
 gap: 10px;
 margin: 0;
 color: var(--text);
 font-size: 20px;
 line-height: 1.3;
}
.comments-count {
 min-width: 26px;
 padding: 3px 8px;
 border: 1px solid var(--border);
 border-radius: 999px;
 background: var(--surface);
 color: var(--muted);
 font-size: 12px;
 font-weight: 600;
 line-height: 1.3;
 text-align: center;
}
.comments-body { padding: 4px 24px 22px; }
.comments-empty, .comments-note {
 margin: 0;
 padding: 20px 0;
 color: var(--muted);
}
.comments-list .uComment {
 display: grid !important;
 grid-template-columns: 44px minmax(0, 1fr);
 gap: 14px;
 width: 100% !important;
 margin: 0 !important;
 padding: 18px 0 !important;
 border: 0 !important;
 border-bottom: 1px solid var(--border) !important;
 background: transparent !important;
}
.comments-list .uc-avatar,
.comment-form-wrap .ucf-avatar {
 display: block !important;
 width: 44px !important;
 height: 44px !important;
 margin: 0 !important;
 flex: 0 0 44px;
}
.comments-list .uc-avatar img,
.comment-form-wrap .ucf-avatar img {
 display: block;
 width: 44px !important;
 height: 44px !important;
 border: 1px solid var(--border);
 border-radius: 50%;
 object-fit: cover;
}
.comments-list .uc-content {
 min-width: 0;
 margin: 0 !important;
 padding: 0 !important;
}
.comments-list .uc-top {
 display: flex !important;
 flex-wrap: wrap;
 align-items: flex-start;
 justify-content: space-between;
 gap: 6px 14px;
 min-height: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 background: transparent !important;
}
.comments-list .uc-top-left {
 min-width: 0;
 color: var(--text);
 font-size: 13px;
 line-height: 1.45;
}
.comments-list .uc-top-right {
 float: none !important;
 order: 2;
 margin-left: auto;
 white-space: nowrap;
}
.comments-list .uc-opacity { color: var(--muted); }
.comments-list .uc-message {
 margin-top: 8px !important;
 color: var(--text-soft);
 font-size: 15px;
 font-weight: 400;
 line-height: 1.55;
 overflow-wrap: anywhere;
}
.comments-list .uc-answer {
 margin-top: 12px;
 padding: 10px 12px;
 border-left: 3px solid var(--accent);
 background: var(--surface-soft);
 color: var(--text-soft);
}
.comments-list .uc-answer-link { margin-top: 10px; }
.comments-pagination {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 8px;
 padding: 20px 0 4px;
}
.comments-pagination a,
.comments-pagination b,
.comments-pagination .swchItem,
.comments-pagination .swchItemA {
 display: inline-flex;
 min-width: 38px;
 min-height: 38px;
 align-items: center;
 justify-content: center;
 margin: 0 !important;
 padding: 8px 12px;
 border: 1px solid var(--border-strong);
 border-radius: 6px;
 background: var(--surface);
 color: var(--text-soft);
 font-size: 13px;
 font-weight: 600;
 text-decoration: none;
}
.comments-pagination b,
.comments-pagination .swchItemA {
 border-color: var(--link);
 background: var(--link);
 color: #fff;
}
.comment-form-wrap {
 margin-top: 18px;
 padding-top: 20px;
 border-top: 1px solid var(--border);
}
.comment-form-title {
 margin: 0 0 14px;
 color: var(--text);
 font-size: 17px;
 line-height: 1.35;
}
.comment-form-wrap .uForm,
.comment-form-wrap .uComForm { margin: 0 !important; }
.comment-form-wrap .uComForm-inner {
 display: flex !important;
 align-items: flex-start;
 gap: 14px;
}
.comment-form-wrap .ucf-content {
 min-width: 0;
 flex: 1 1 auto;
 margin: 0 !important;
}
.comment-form-wrap .uf-form,
.comment-form-wrap .ucf-form {
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
}
.comment-form-wrap .uf-form > li,
.comment-form-wrap .ucf-form > li {
 margin: 0 0 10px !important;
 padding: 0 !important;
 list-style: none !important;
}
.comment-form-wrap textarea {
 min-height: 118px !important;
 height: 118px !important;
 resize: vertical;
 line-height: 1.5;
}
.comment-form-wrap .commSbmFl,
.comment-form-wrap .uf-btn {
 min-height: 40px !important;
 padding: 10px 16px !important;
 border: 1px solid var(--link) !important;
 border-radius: 6px !important;
 background: var(--link) !important;
 color: #fff !important;
 font: 600 14px/1.2 'DM Sans', Arial, sans-serif !important;
 text-decoration: none !important;
}
.comment-form-wrap .commSbmFl:hover,
.comment-form-wrap .uf-btn:hover {
 border-color: var(--link-hover) !important;
 background: var(--link-hover) !important;
 color: #fff !important;
}
.comment-form-wrap .uauth-small-links { margin: 0 0 14px; }
.comment-form-wrap .auth-links-label { color: var(--muted); }
@media (max-width: 760px) {
 .comments-head { padding: 18px 20px; }
 .comments-body { padding-left: 20px; padding-right: 20px; }
 .comments-list .uComment { grid-template-columns: 36px minmax(0, 1fr); gap: 11px; }
 .comments-list .uc-avatar,
 .comment-form-wrap .ucf-avatar {
 width: 36px !important;
 height: 36px !important;
 flex-basis: 36px;
 }
 .comments-list .uc-avatar img,
 .comment-form-wrap .ucf-avatar img {
 width: 36px !important;
 height: 36px !important;
 }
 .comment-form-wrap .uComForm-inner { gap: 11px; }
}
@media (max-width: 480px) {
 .comments-body { padding-left: 16px; padding-right: 16px; }
 .comments-list .uc-top { display: block !important; }
 .comments-list .uc-top-right { margin: 7px 0 0; }
 .comment-form-wrap .ucf-avatar { display: none !important; }
}

/* Comment cards layout fix */
.comments-card .comments-list .com-order-block {
 margin: 0 0 18px !important;
 padding: 0 0 18px !important;
 border-bottom: 1px solid var(--border) !important;
}
.comments-card .comments-list .com-order-wrap {
 display: flex !important;
 align-items: flex-end !important;
 justify-content: space-between !important;
 gap: 12px !important;
 width: 100% !important;
 margin: 0 !important;
}
.comments-card .comments-list .com-order-title {
 color: var(--muted) !important;
 font-size: 13px !important;
 font-weight: 500 !important;
 line-height: 1.35 !important;
}
.comments-card .comments-list .com-order-select {
 width: min(100%, 280px) !important;
 min-height: 40px !important;
 margin: 0 !important;
}
.comments-card .comments-list #allEntries > .comEnt {
 width: 100% !important;
 max-width: 100% !important;
 margin-right: 0 !important;
 margin-bottom: 14px !important;
}
.comments-card .comments-list #allEntries > .comEnt:last-of-type {
 margin-bottom: 0 !important;
}
.comments-card .comments-list #allEntries > .comEnt > .uComment {
 display: grid !important;
 grid-template-columns: 48px minmax(0, 1fr) !important;
 grid-template-rows: auto !important;
 grid-auto-flow: row !important;
 column-gap: 16px !important;
 row-gap: 0 !important;
 width: 100% !important;
 max-width: 100% !important;
 min-height: 0 !important;
 margin: 0 !important;
 padding: 18px !important;
 border: 1px solid var(--border) !important;
 border-radius: var(--radius) !important;
 background: var(--surface) !important;
 box-shadow: none !important;
 overflow: visible !important;
}
.comments-card .comments-list #allEntries > .comEnt > .uComment > script {
 display: none !important;
}
.comments-card .comments-list #allEntries > .comEnt > .uComment > .uc-avatar {
 grid-column: 1 !important;
 grid-row: 1 !important;
 align-self: start !important;
 justify-self: start !important;
 display: block !important;
 float: none !important;
 width: 48px !important;
 height: 48px !important;
 margin: 0 !important;
 padding: 0 !important;
}
.comments-card .comments-list #allEntries > .comEnt > .uComment > .uc-avatar img {
 display: block !important;
 width: 48px !important;
 height: 48px !important;
 margin: 0 !important;
 border: 1px solid var(--border) !important;
 border-radius: 50% !important;
 background: var(--surface-soft) !important;
 object-fit: cover !important;
}
.comments-card .comments-list #allEntries > .comEnt > .uComment > .uc-content {
 grid-column: 2 !important;
 grid-row: 1 !important;
 align-self: start !important;
 display: block !important;
 float: none !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 margin: 0 !important;
 padding: 0 !important;
}
.comments-card .comments-list .uc-top {
 display: flex !important;
 flex-wrap: wrap !important;
 align-items: flex-start !important;
 justify-content: space-between !important;
 gap: 8px 14px !important;
 width: 100% !important;
 min-height: 0 !important;
 margin: 0 !important;
 padding: 0 0 10px !important;
 border: 0 !important;
 border-bottom: 1px solid #eef1f5 !important;
 background: transparent !important;
}
.comments-card .comments-list .uc-top-left {
 order: 1 !important;
 display: flex !important;
 flex: 1 1 320px !important;
 flex-wrap: wrap !important;
 align-items: center !important;
 gap: 4px 7px !important;
 width: auto !important;
 min-width: 0 !important;
 color: var(--text-soft) !important;
 font-size: 13px !important;
 line-height: 1.4 !important;
}
.comments-card .comments-list .uc-top-left > a[name^='ent'] {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 min-width: 26px !important;
 height: 26px !important;
 padding: 0 7px !important;
 border: 1px solid var(--border) !important;
 border-radius: 999px !important;
 background: var(--surface-soft) !important;
 color: var(--muted) !important;
 font-size: 11px !important;
 font-weight: 600 !important;
 text-decoration: none !important;
}
.comments-card .comments-list .uc-profile-link {
 color: var(--link) !important;
 font-weight: 600 !important;
 text-decoration: none !important;
}
.comments-card .comments-list .uc-top-left > img {
 width: 16px !important;
 height: 16px !important;
 margin: 0 !important;
}
.comments-card .comments-list .uc-opacity {
 color: var(--muted) !important;
 white-space: nowrap !important;
}
.comments-card .comments-list .uc-top-right {
 order: 2 !important;
 display: inline-flex !important;
 flex: 0 0 auto !important;
 align-items: center !important;
 justify-content: flex-end !important;
 gap: 3px !important;
 float: none !important;
 width: auto !important;
 min-width: 0 !important;
 margin: 0 0 0 auto !important;
 white-space: nowrap !important;
}
.comments-card .comments-list .uc-top-right img {
 display: block !important;
 width: 16px !important;
 height: 16px !important;
 margin: 0 3px !important;
}
.comments-card .comments-list .u-rate-wrapper {
 display: inline-flex !important;
 min-width: 24px !important;
 justify-content: center !important;
 color: var(--muted) !important;
 font-size: 12px !important;
 font-weight: 600 !important;
}
.comments-card .comments-list .uc-message {
 display: block !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: 100% !important;
 margin: 12px 0 0 !important;
 padding: 0 !important;
 color: var(--text-soft) !important;
 font-size: 15px !important;
 font-weight: 400 !important;
 line-height: 1.6 !important;
 white-space: normal !important;
 word-break: normal !important;
 overflow-wrap: break-word !important;
}
.comments-card .comments-list .uc-answer {
 width: 100% !important;
 margin: 14px 0 0 !important;
 padding: 11px 13px !important;
 border-left: 3px solid var(--accent) !important;
 border-radius: 0 6px 6px 0 !important;
 background: var(--surface-soft) !important;
 color: var(--text-soft) !important;
}
.comments-card .comments-list .uc-answer-link {
 margin: 12px 0 0 !important;
}
.comments-card .comments-list .uc-answer-link a {
 display: inline-flex !important;
 min-height: 34px !important;
 align-items: center !important;
 padding: 7px 11px !important;
 border: 1px solid var(--border-strong) !important;
 border-radius: 6px !important;
 background: var(--surface) !important;
 color: var(--text-soft) !important;
 font-size: 12px !important;
 font-weight: 600 !important;
 text-decoration: none !important;
}
@media (max-width: 620px) {
 .comments-card .comments-list .com-order-wrap {
 align-items: stretch !important;
 flex-direction: column !important;
 }
 .comments-card .comments-list .com-order-select {
 width: 100% !important;
 max-width: none !important;
 }
 .comments-card .comments-list #allEntries > .comEnt > .uComment {
 grid-template-columns: 40px minmax(0, 1fr) !important;
 column-gap: 12px !important;
 padding: 14px !important;
 }
 .comments-card .comments-list #allEntries > .comEnt > .uComment > .uc-avatar,
 .comments-card .comments-list #allEntries > .comEnt > .uComment > .uc-avatar img {
 width: 40px !important;
 height: 40px !important;
 }
 .comments-card .comments-list .uc-top {
 display: block !important;
 }
 .comments-card .comments-list .uc-top-left {
 display: flex !important;
 }
 .comments-card .comments-list .uc-top-right {
 margin: 9px 0 0 !important;
 }
}

/* Comment order control in the comments header */
.comments-card {
 position: relative !important;
}
.comments-card .comments-head {
 min-height: 67px !important;
 padding-right: 328px !important;
}
.comments-card .comments-list .com-order-block {
 position: absolute !important;
 top: 13px !important;
 right: 24px !important;
 z-index: 2 !important;
 width: 280px !important;
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
}
.comments-card .comments-list .com-order-wrap {
 display: block !important;
 width: 100% !important;
 margin: 0 !important;
}
.comments-card .comments-list .com-order-title {
 display: none !important;
}
.comments-card .comments-list .com-order-select {
 display: block !important;
 width: 100% !important;
 max-width: none !important;
 min-height: 40px !important;
 margin: 0 !important;
}
@media (max-width: 620px) {
 .comments-card .comments-head {
 min-height: 122px !important;
 padding-right: 20px !important;
 padding-bottom: 70px !important;
 }
 .comments-card .comments-list .com-order-block {
 top: 66px !important;
 right: 20px !important;
 left: 20px !important;
 width: auto !important;
 }
}

/* User module pages */
.user-module-page {
 min-width: 0;
 background: var(--bg);
 color: var(--text-soft);
}
.user-shell {
 width: 100%;
 max-width: 1040px;
 margin: 24px auto 48px;
 padding: 0 24px;
}
.user-panel {
 min-width: 0;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--surface);
 overflow: hidden;
}
.user-panel-head {
 display: flex;
 align-items: center;
 gap: 14px;
 padding: 22px 24px;
 border-bottom: 1px solid var(--border);
 background: var(--surface-soft);
}
.user-panel-title {
 min-width: 0;
 margin: 0;
 color: var(--text);
 font-size: 22px;
 font-weight: 700;
 line-height: 1.3;
 overflow-wrap: anywhere;
}
.user-panel-body {
 min-width: 0;
 padding: 24px;
}
.user-shell > .author-nav {
 margin-top: 20px;
}
.user-auth-content,
.user-form-content {
 width: 100%;
 max-width: 760px;
 margin: 0 auto;
}
.user-auth-content {
 max-width: 520px;
}
.user-panel-body h2 {
 margin: 0 0 20px;
 color: var(--text);
 font-size: 19px;
 line-height: 1.35;
}
.user-panel-body input[type='text'],
.user-panel-body input[type='email'],
.user-panel-body input[type='password'],
.user-panel-body input[type='url'],
.user-panel-body input[type='tel'],
.user-panel-body input[type='number'],
.user-panel-body input[type='date'],
.user-panel-body select,
.user-panel-body textarea {
 width: 100% !important;
 max-width: none !important;
 min-height: 40px;
 box-sizing: border-box;
}
.user-panel-body textarea {
 min-height: 120px;
 resize: vertical;
}
.user-panel-body input[type='checkbox'],
.user-panel-body input[type='radio'] {
 width: auto !important;
 min-height: 0;
}
.user-panel-body input[type='submit'],
.user-panel-body input[type='button'],
.user-panel-body button {
 text-decoration: none !important;
}
.user-panel-body .login-form-wrapper > div[style] {
 width: 100% !important;
}
.user-panel-body .login-form-wrapper table {
 width: 100% !important;
 border: 0 !important;
 border-collapse: separate;
 border-spacing: 0 12px;
}
.user-panel-body .login-form-wrapper td {
 padding: 0;
 border: 0;
}
.user-panel-body .login-form-label {
 width: 132px !important;
 padding-right: 14px !important;
 color: var(--text);
 font-weight: 600;
 white-space: normal !important;
}
.user-panel-body .login-form-val {
 width: auto !important;
}
.user-panel-body .login-form-links {
 padding-top: 8px !important;
 color: var(--muted);
}
.user-panel-body .login-form-links div {
 text-align: left !important;
}
.user-panel-body .loginButton {
 min-width: 92px;
}
.user-panel-body .manTable {
 display: block;
 width: 100% !important;
 border: 0 !important;
 border-collapse: collapse;
}
.user-panel-body .manTable > tbody {
 display: block;
 width: 100%;
}
.user-panel-body .manTable tr {
 display: grid;
 grid-template-columns: minmax(170px, 32%) minmax(0, 1fr);
 align-items: start;
 gap: 18px;
 width: 100%;
 padding: 12px 0;
 border-bottom: 1px solid #edf0f4;
}
.user-panel-body .manTable tr:last-child {
 border-bottom: 0;
}
.user-panel-body .manTable td {
 display: block;
 width: auto !important;
 height: auto !important;
 padding: 0 !important;
 border: 0 !important;
}
.user-panel-body .manTable .manTd1 {
 color: var(--text);
 font-size: 13px;
 font-weight: 600;
 line-height: 1.5;
}
.user-panel-body .manTable .manTd2 {
 min-width: 0;
 color: var(--text-soft);
}
.user-panel-body .manTable .manTdSep {
 display: none !important;
}
.user-panel-body .manTable .manTdError {
 grid-column: 1 / -1;
 padding: 12px 14px !important;
 border: 1px solid #fecaca !important;
 border-radius: 6px;
 background: #fef2f2;
 color: #b91c1c;
 text-align: left !important;
}
.user-panel-body .manTable .manTdBut,
.user-panel-body .manTable td[colspan='2'] {
 grid-column: 1 / -1;
}
.user-panel-body .register-social-list,
.user-panel-body .social-accounts {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 padding: 0;
}
.user-panel-body .social-accounts a:not(.is-connected) {
 opacity: .45;
}
.user-panel-body .social-accounts a.cursor-default,
.user-panel-body .social-accounts a.cursor-default i {
 cursor: default !important;
}
.user-panel-body .uf-reg-wrap {
 width: 100% !important;
 max-width: 760px !important;
 min-width: 0 !important;
 margin: 0 auto !important;
 padding: 0 !important;
}
.user-panel-body #uf-register {
 display: block !important;
 width: 100% !important;
 min-width: 0 !important;
 margin: 0 !important;
}
.user-panel-body .uf-fields-wrap,
.user-panel-body .uf-soc-icons {
 width: 100% !important;
 max-width: none !important;
}
.user-panel-body .uf-field {
 display: block !important;
 width: 100% !important;
 min-height: 0 !important;
 margin: 0 0 16px !important;
 padding: 0 !important;
 text-align: left !important;
}
.user-panel-body .uf-field > label {
 display: block !important;
 width: 100% !important;
 margin: 0 0 6px !important;
 color: var(--text);
 font-size: 13px;
 font-weight: 600;
 text-align: left !important;
}
.user-panel-body .uf-field .uf-field-input,
.user-panel-body .uf-field > div {
 width: 100% !important;
 max-width: none !important;
 margin: 0 !important;
}
.user-panel-body .uf-field .uf-required {
 color: #b91c1c;
}
.user-panel-body #uf-submit,
.user-panel-body .uf-submit {
 min-width: 128px;
 border-color: var(--link) !important;
 background: var(--link) !important;
 color: #fff !important;
}
.user-panel-body .uf-avatar-select,
.user-panel-body .uf-avatar-wrap {
 position: static !important;
 width: auto !important;
 max-width: 100% !important;
}
.user-list-toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 margin-bottom: 18px;
 padding: 12px 14px;
 border: 1px solid var(--border);
 border-radius: 6px;
 background: var(--surface-soft);
 color: var(--muted);
 font-size: 13px;
}
.user-list-toolbar strong {
 color: var(--text);
 font-size: 14px;
}
.user-list-secondary {
 margin-left: auto;
}
.user-table-wrap,
.user-comments-module,
.user-messages-content {
 min-width: 0;
 overflow-x: auto;
}
.user-table-wrap table,
.user-comments-module table,
.user-messages-content table {
 width: 100% !important;
 max-width: 100%;
 border-collapse: collapse;
}
.user-table-wrap th,
.user-table-wrap td,
.user-comments-module th,
.user-comments-module td,
.user-messages-content th,
.user-messages-content td {
 padding: 11px 12px;
 border-bottom: 1px solid #edf0f4;
 text-align: left;
 vertical-align: middle;
}
.user-table-wrap th,
.user-comments-module th,
.user-messages-content th {
 background: var(--surface-soft);
 color: var(--muted);
 font-size: 12px;
 font-weight: 600;
}
.user-pagination {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 8px;
 margin-top: 22px;
 padding-top: 20px;
 border-top: 1px solid var(--border);
}
.user-pagination a,
.user-pagination span {
 display: inline-flex;
 min-width: 40px;
 min-height: 40px;
 align-items: center;
 justify-content: center;
 padding: 8px 12px;
 border: 1px solid var(--border-strong);
 border-radius: 6px;
 background: var(--surface);
 color: var(--text-soft);
 font-size: 13px;
 font-weight: 600;
 text-decoration: none !important;
}
.user-pagination .swchItem,
.user-pagination .current,
.user-pagination b,
.user-pagination strong {
 border-color: var(--link);
 background: var(--link);
 color: #fff;
}
.user-search-panel,
.user-module-filter {
 margin-top: 22px;
 padding-top: 20px;
 border-top: 1px solid var(--border);
}
.user-search-panel form,
.user-search-panel table {
 width: 100% !important;
 max-width: 640px;
 margin: 0 auto;
}
.user-module-filter select {
 max-width: 360px !important;
}
.user-state {
 max-width: 620px;
 margin: 0 auto;
 padding: 18px 0;
 text-align: center;
}
.user-state h2 {
 margin-bottom: 10px;
}
.user-state p {
 margin: 0 auto;
 color: var(--muted);
 line-height: 1.6;
}
.user-state-actions {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 9px;
 margin-top: 20px;
}
.user-messages-content {
 text-align: left;
}
.user-messages-content [align='center'] {
 text-align: left;
}
@media (max-width: 700px) {
 .user-shell {
 margin-top: 16px;
 padding: 0 16px;
 }
 .user-panel-head,
 .user-panel-body {
 padding: 18px;
 }
 .user-panel-title {
 font-size: 20px;
 }
 .user-panel-body .manTable tr {
 grid-template-columns: 1fr;
 gap: 6px;
 }
 .user-panel-body .manTable .manTdBut,
 .user-panel-body .manTable td[colspan='2'] {
 grid-column: auto;
 }
 .user-list-secondary {
 width: 100%;
 margin-left: 0;
 }
}
@media (max-width: 520px) {
 .user-panel-body .login-form-wrapper table,
 .user-panel-body .login-form-wrapper tbody,
 .user-panel-body .login-form-wrapper tr,
 .user-panel-body .login-form-wrapper td {
 display: block;
 width: 100% !important;
 }
 .user-panel-body .login-form-wrapper tr {
 margin-bottom: 14px;
 }
 .user-panel-body .login-form-label {
 padding: 0 0 6px !important;
 }
 .user-panel-body .login-form-wrapper input[type='submit'] {
 width: 100%;
 }
 .user-state-actions .btn-link {
 width: 100%;
 }
}

/* Personal user profiles */
.sr-only {
 position: absolute !important;
 width: 1px !important;
 height: 1px !important;
 padding: 0 !important;
 margin: -1px !important;
 overflow: hidden !important;
 clip: rect(0, 0, 0, 0) !important;
 white-space: nowrap !important;
 border: 0 !important;
}
.member-shell {
 width: 100%;
 max-width: 1040px;
 margin: 24px auto 48px;
 padding: 0 24px;
}
.member-hero {
 display: grid;
 grid-template-columns: 112px minmax(0, 1fr);
 gap: 22px 26px;
 padding: 28px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--surface);
}
.member-avatar-wrap {
 position: relative;
 width: 112px;
 height: 112px;
}
.member-avatar {
 display: block;
 width: 112px !important;
 height: 112px !important;
 border: 1px solid var(--border);
 border-radius: 50%;
 background: var(--surface-soft);
 object-fit: cover;
}
.member-presence {
 position: absolute;
 right: 6px;
 bottom: 6px;
 width: 18px;
 height: 18px;
 border: 3px solid var(--surface);
 border-radius: 50%;
 background: #9ca3af;
}
.member-presence.is-online { background: #22c55e; }
.member-identity {
 min-width: 0;
 align-self: center;
}
.member-kicker {
 margin-bottom: 5px;
 color: var(--muted);
 font-size: 11px;
 font-weight: 600;
 line-height: 1.3;
 text-transform: uppercase;
}
.member-name {
 margin: 0;
 color: var(--text);
 font-size: clamp(25px, 3vw, 34px);
 line-height: 1.2;
 overflow-wrap: anywhere;
}
.member-login {
 margin-top: 4px;
 color: var(--link);
 font-size: 15px;
 font-weight: 500;
}
.member-title {
 margin-top: 7px;
 color: var(--text-soft);
}
.member-badges {
 display: flex;
 flex-wrap: wrap;
 gap: 7px;
 margin-top: 12px;
}
.member-badge {
 display: inline-flex;
 align-items: center;
 min-height: 28px;
 padding: 5px 9px;
 border: 1px solid var(--border);
 border-radius: 999px;
 background: var(--surface-soft);
 color: var(--muted);
 font-size: 12px;
 line-height: 1.2;
}
.member-badge.is-online {
 border-color: #bbf7d0;
 background: #f0fdf4;
 color: #15803d;
}
.member-moder { margin-top: 12px; }
.member-actions {
 grid-column: 1 / -1;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 9px;
 padding-top: 20px;
 border-top: 1px solid var(--border);
}
.member-action {
 display: inline-flex;
 min-height: 40px;
 align-items: center;
 justify-content: center;
 gap: 6px;
 padding: 10px 15px;
 border: 1px solid var(--border-strong);
 border-radius: 6px;
 background: var(--surface);
 color: var(--text-soft);
 font-size: 13px;
 font-weight: 600;
 line-height: 1.2;
 text-decoration: none !important;
 cursor: pointer;
}
.member-action:hover {
 border-color: var(--border-strong);
 background: #f3f4f6;
 color: var(--text);
}
.member-action.primary {
 border-color: var(--link);
 background: var(--link);
 color: #fff;
}
.member-action.primary:hover {
 border-color: var(--link-hover);
 background: var(--link-hover);
 color: #fff;
}
.member-action-count {
 min-width: 20px;
 padding: 2px 6px;
 border-radius: 999px;
 background: var(--surface-blue);
 color: var(--link);
 font-size: 11px;
 text-align: center;
}
.member-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 20px;
 margin-top: 20px;
}
.member-card {
 min-width: 0;
 padding: 22px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--surface);
}
.member-card-wide { grid-column: 1 / -1; }
.member-section-title {
 margin: 0 0 14px;
 padding-bottom: 12px;
 border-bottom: 1px solid var(--border);
 color: var(--text);
 font-size: 18px;
 line-height: 1.35;
}
.member-details { margin: 0; }
.member-detail {
 display: grid;
 grid-template-columns: minmax(120px, 36%) minmax(0, 1fr);
 gap: 14px;
 padding: 10px 0;
 border-bottom: 1px solid #eef1f5;
}
.member-detail:last-child { border-bottom: 0; }
.member-detail dt {
 color: var(--muted);
 font-size: 13px;
 font-weight: 500;
}
.member-detail dd {
 min-width: 0;
 margin: 0;
 color: var(--text-soft);
 font-size: 14px;
 overflow-wrap: anywhere;
}
.member-detail.is-alert dd { color: #b91c1c; }
.member-inline-action {
 display: inline-block;
 margin-left: 7px;
 font-size: 12px;
}
.member-private {
 display: inline-flex;
 margin-left: 7px;
 padding: 2px 7px;
 border-radius: 999px;
 background: #f3f4f6;
 color: var(--muted);
 font-size: 11px;
}
.member-social {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 min-height: 38px;
}
.member-social a { opacity: 1 !important; }
.member-signature {
 color: var(--text-soft);
 font-size: 15px;
 line-height: 1.6;
 overflow-wrap: anywhere;
}
.member-details-columns {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 0 24px;
}
.member-subscription-status {
 display: inline-flex;
 padding: 3px 8px;
 border-radius: 999px;
 background: #f3f4f6;
 color: var(--muted);
 font-size: 12px;
 font-weight: 600;
}
.member-subscription-status.is-active,
.member-subscription-status.is-trial {
 background: #f0fdf4;
 color: #15803d;
}
.member-subscription-status.is-unpaid,
.member-subscription-status.is-expired {
 background: #fef2f2;
 color: #b91c1c;
}
.member-materials {
 display: flex;
 flex-wrap: wrap;
 gap: 9px;
}
.member-material {
 display: inline-flex;
 min-height: 34px;
 align-items: center;
 gap: 8px;
 padding: 7px 11px;
 border: 1px solid var(--border);
 border-radius: 999px;
 background: var(--surface-soft);
 color: var(--link);
 font-size: 13px;
 text-decoration: none !important;
}
.member-material b {
 min-width: 22px;
 color: var(--muted);
 font-weight: 600;
 text-align: center;
}
.member-material[href]:hover {
 border-color: #c7d2fe;
 background: var(--surface-blue);
 color: var(--link-hover);
}
.member-search {
 display: grid;
 grid-template-columns: auto minmax(180px, 1fr) auto;
 align-items: center;
 gap: 10px;
}
.member-search-field { min-width: 0; }
.member-search input[type='text'] {
 min-height: 40px;
 margin: 0;
}
.member-shell .author-nav { margin-top: 20px; }
@media (max-width: 760px) {
 .member-shell {
 margin-top: 16px;
 padding-left: 16px;
 padding-right: 16px;
 }
 .member-hero {
 grid-template-columns: 84px minmax(0, 1fr);
 gap: 18px;
 padding: 20px;
 }
 .member-avatar-wrap,
 .member-avatar {
 width: 84px !important;
 height: 84px !important;
 }
 .member-presence {
 right: 3px;
 bottom: 3px;
 }
 .member-name { font-size: 25px; }
 .member-grid { grid-template-columns: 1fr; }
 .member-card-wide { grid-column: auto; }
 .member-details-columns { grid-template-columns: 1fr; }
 .member-search { grid-template-columns: 1fr; }
 .member-search .member-action { width: 100%; }
}
@media (max-width: 480px) {
 .member-hero {
 grid-template-columns: 1fr;
 text-align: center;
 }
 .member-avatar-wrap { margin: 0 auto; }
 .member-badges,
 .member-actions {
 justify-content: center;
 }
 .member-action { width: 100%; }
 .member-card { padding: 18px; }
 .member-detail {
 grid-template-columns: 1fr;
 gap: 3px;
 padding: 11px 0;
 }
}