/* V4 identity: ink navigation, berry actions, teal status, compact portrait indexes. */
html.site-v4, body.site-v4 { background: #f6f7f9; color: #252830; }
body.site-v4 { --v4-accent: #a1274d; --v4-rose: #faeaf0; --v4-green: #24756c; --v4-muted: #68717d; --v4-line: #dce0e5; --v4-rail: 210px; }
body.site-v4 h1, body.site-v4 h2, body.site-v4 h3, body.site-v4 h4, body.site-v4 h5, body.site-v4 h6 { color: #252830; }
body.site-v4 h2, body.site-v4 h3 { font-family: var(--v4-font); font-weight: 600; }
body.site-v4 .main { padding-inline: 32px; }
body.site-v4 .top { height: 80px; background: transparent; border-bottom-color: #dce0e5; }
body.site-v4 .top::before { background: #252830; border-right: 0; }
body.site-v4 .top .logo { top: 27px; left: 20px; width: 170px; font-size: 25px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
body.site-v4 .top .menu { inset-block-start: 100px; padding-inline: 12px; }
body.site-v4 .top .menu a { gap: 12px; padding: 12px; min-height: 48px; border-radius: 5px; color: #d2d5dd; font-size: 14px; white-space: nowrap; overflow: hidden; }
body.site-v4 .top .menu a:hover { color: #fff; background: #373b45; }
body.site-v4 .top .menu a.selected { background: #fbe4ec; color: #8d2244; }
body.site-v4 .top .menu a[data-name=credits], body.site-v4 .top .menu a[data-name=subscription] { border-top-color: #464b57; }
body.site-v4 .top .menu a span { background: #454b58; color: #fff; font-size: 11px; }
body.site-v4 .top .menu a.selected span { background: #a1274d; color: #fff; }
body.site-v4 .v4-nav-icon { width: 26px; height: 26px; flex-basis: 26px; }
body.site-v4 .v4-page-header { padding: 25px 0 22px; gap: 14px; }
body.site-v4 .v4-page-header h1 { font: 600 28px/1.25 var(--v4-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
body.site-v4 .v4-search-toggle { border-radius: 5px; font-size: 14px; }
body.site-v4 .top .login { border-radius: 5px; text-transform: none; }
body.site-v4 .top .login[data-name=myProfile] { max-width: 220px; min-width: 0; background: #fff; }
body.site-v4 .top .login[data-name=myProfile] > img { flex-shrink: 0; border-radius: 4px; }
body.site-v4 .top .login[data-name=myProfile] .v4-single-name { font-size: 13px; background: none; color: #252830; padding: 0; margin: 0; }

/* The old icon class names remain as behavioral hooks; only local SVGs draw icons. */
body.site-v4 .v4-icon { display: inline-flex !important; position: relative !important; align-items: center; justify-content: center; width: 22px !important; height: 22px !important; min-width: 22px; flex-shrink: 0; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; color: inherit; font-size: 0 !important; line-height: 0 !important; vertical-align: middle; animation: none; }
body.site-v4 .v4-icon::before, body.site-v4 .v4-icon::after { content: none !important; display: none !important; }
body.site-v4 .v4-icon > svg { display: block; width: 100%; height: 100%; overflow: visible; }
body.site-v4 .v4-nav-icon svg > :first-child, body.site-v4 .v4-settings-nav svg > :first-child { fill: currentColor; fill-opacity: .12; }
body.site-v4 .v4-icon[data-v4-icon=spinner] > svg, body.site-v4 .v4-icon[data-v4-icon=loadbar-alt] > svg { animation: v4-turn 1s linear infinite; }
body.site-v4 img.v4-legacy-icon { display: none !important; }
body.site-v4 .v4-profile-actions .v4-raster-replacement { display: none !important; }
body.site-v4 .v4-icon[hidden] { display: none !important; }
body.site-v4 .closeErrorB.v4-icon, body.site-v4 .closeError.v4-icon { position: absolute !important; right: 12px; top: 12px; width: 32px !important; height: 32px !important; padding: 5px !important; color: var(--v4-accent); cursor: pointer; }
body.site-v4 .messageFilters .search .clear.v4-icon { position: absolute !important; right: 8px; top: 9px; width: 22px !important; height: 22px !important; }
body.site-v4 .locLoaderPin.v4-icon { position: absolute !important; right: 10px; top: 10px; cursor: pointer; }
body.site-v4 .messageItem .status .v4-icon { width: 14px !important; height: 14px !important; min-width: 14px; margin-right: 3px; }
body.site-v4 .messageItem .time .v4-icon, body.site-v4 .profilePic .info .v4-icon { width: 16px !important; height: 16px !important; min-width: 16px; margin: 0 5px 0 0; }
body.site-v4 .v4-gifts-intro > .v4-icon, body.site-v4 .v4-search-empty > .v4-icon, body.site-v4 .v4-wallet-balance > .v4-icon { width: 36px !important; height: 36px !important; margin: 0; }
body.site-v4 .v4-gift-cover > .v4-icon:first-child { width: 38px !important; height: 38px !important; }
@keyframes v4-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body.site-v4 .v4-icon > svg { animation-duration: 2s !important; } }

/* One density system for home, matches, search and related profiles. */
body.site-v4 .v4-profile-grid, body.site-v4[data-v4-page=home] .v4-profile-grid, body.site-v4 .v4-search-content.v4-profile-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 24px 18px; }
body.site-v4 .container .homePro .inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 22px auto; gap: 0 6px; font-size: 14px; }
body.site-v4 .container .homePro .inner img { grid-column: 1 / -1; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 5px; margin-bottom: 10px; background: #e8ebee; }
body.site-v4 .container .homePro .inner .v4-card-name { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 600 14px/22px var(--v4-font); }
body.site-v4 .container .homePro .inner > span { display: block; align-self: center; padding: 0; color: #68717d; font-size: 12px; white-space: nowrap; }
body.site-v4 .container .homePro .v4-card-region { grid-column: 1 / -1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px 0 0; padding: 0; font-size: 12px; }
body.site-v4 .container .homePro:hover .v4-card-name { color: var(--v4-accent); }
body.site-v4 .container .homePro:hover img { outline: 2px solid #d7abb9; outline-offset: 3px; }
body.site-v4 .v4-single-name, body.site-v4 .v4-chat-heading strong, body.site-v4 .v4-settings-identity strong { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
body.site-v4 .messageItem .info .name, body.site-v4 .v4-profile-story .profileBlock .profilePic h3 { display: flex; gap: 9px; align-items: baseline; width: 100%; min-width: 0; }
body.site-v4 .messageItem .info .name > .v4-single-name { font: 600 15px/1.4 var(--v4-font); padding: 0; color: #252830; }
body.site-v4 .messageItem .info .name > span:not(.v4-single-name) { flex-shrink: 0; font-size: 12px; }
body.site-v4 .messageItem .info { flex: 1; padding-right: 52px; }
body.site-v4 .messageItem .info .status { max-width: 52px; white-space: nowrap; overflow: hidden; }
body.site-v4 .v4-profile-story .profileBlock .aboutMe .detail .v4-single-name { color: #252830; font-size: 14px; margin: 0; }
body.site-v4 .v4-profile-story .profileBlock .profilePic .right .info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
body.site-v4 .v4-profile-story .profilePic .info > [class^=spacer-] { display: none; }
body.site-v4 .v4-profile-fact { display: flex; align-items: center; gap: 5px; }

/* Search controls stay together, with explicit active filters and bounded paging. */
body.site-v4 .v4-search-layout { display: block; }
body.site-v4 .v4-search-layout .searchBlock { width: 100%; padding: 22px 0 24px; background: none; border-block: 1px solid var(--v4-line); }
body.site-v4 .v4-search-layout .searchBlock > h2 { display: none; }
body.site-v4 .v4-search-layout .searchingFormElement { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 22px; align-items: end; }
body.site-v4 .v4-search-layout .searchBlock .searchItem { width: 100%; min-width: 0; font-size: 14px; }
body.site-v4 .v4-search-layout .searchBlock .searcher { font-size: 13px; color: #525c69; }
body.site-v4 .v4-search-layout input, body.site-v4 .v4-search-layout select { border-radius: 4px; }
body.site-v4 .v4-search-actions { grid-column: 1 / -1; justify-content: flex-end; border: 0; padding-top: 4px; }
body.site-v4 .v4-search-actions .searchButton { flex: 0 0 auto; min-width: 125px; padding: 11px 18px; text-transform: none; }
body.site-v4 .v4-results-heading { align-items: center; margin-top: 22px; margin-bottom: 0; min-height: 52px; }
body.site-v4 .v4-results-heading h2 { font-size: 16px; text-transform: none; }
body.site-v4 .v4-results-count { font: 600 18px/1.2 var(--v4-font); }
body.site-v4 .v4-active-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0 22px; }
body.site-v4 .v4-active-filters .v4-action { gap: 6px; padding: 6px 9px; min-height: 34px; border: 0; background: #e7eeef; color: #2a5f5a; font-size: 12px; max-width: 100%; }
body.site-v4 .v4-active-filters .v4-action span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.site-v4 .v4-active-filters .v4-icon { width: 16px !important; height: 16px !important; min-width: 16px; }
body.site-v4 .v4-search-empty { grid-column: 1 / -1; min-height: 230px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; color: var(--v4-muted); border-bottom: 1px solid var(--v4-line); }
body.site-v4 .v4-search-empty h3 { margin: 0; font-size: 18px; text-align: center; }
body.site-v4 .pageNumbers { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: 6px; padding: 24px 0 8px; margin: 0; border-top: 1px solid var(--v4-line); }
body.site-v4 .pageNumbers .filter { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 8px; font-size: 13px; background: #fff; border: 1px solid var(--v4-line); border-radius: 4px; }
body.site-v4 .pageNumbers .filter.selected { color: #fff; background: #252830; border-color: #252830; }
body.site-v4 .v4-page-gap { color: var(--v4-muted); }
body.site-v4 .v4-collection-results[aria-busy=true] { opacity: .55; }

body.site-v4[data-v4-page=likes] .v4-like-filters .filter.selected { background: #fbe4ec; color: #8d2244; }
body.site-v4[data-v4-page=likes] .container .homePro .inner { grid-template-columns: 80px minmax(0, 1fr); grid-template-rows: 1fr auto 1fr; min-height: 90px; gap: 3px 16px; }
body.site-v4[data-v4-page=likes] .container .homePro .inner img { grid-column: 1; grid-row: 1 / 4; width: 80px; height: 90px; margin: 0; }
body.site-v4[data-v4-page=likes] .container .homePro .inner .v4-card-name { grid-column: 2; grid-row: 1; align-self: end; padding: 0; font-size: 15px; }
body.site-v4[data-v4-page=likes] .container .homePro .inner > span { grid-column: 2; grid-row: 2; }
body.site-v4[data-v4-page=likes] .container .homePro .v4-card-region { grid-column: 2; grid-row: 3; align-self: start; }
body.site-v4 .top .notifications .item h5 { display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 28px; }
body.site-v4 .top .notifications .item h5 img { float: none; flex-shrink: 0; }

/* Profiles and conversations have their own reading rhythm. */
body.site-v4 .v4-profile-story .profileBlock .profilePic { grid-template-columns: 200px minmax(0, 1fr); gap: 32px; }
body.site-v4 .v4-profile-story .profileBlock .profilePic .v4-profile-portrait > img { width: 200px; height: 240px; border-radius: 5px; }
body.site-v4 .v4-profile-portrait { position: relative; }
body.site-v4 .v4-profile-portrait > .gg-shape-circle.v4-icon { position: absolute !important; top: 8px; right: 8px; width: 22px !important; height: 22px !important; padding: 4px !important; margin: 0; border-radius: 50% !important; background: rgba(255, 255, 255, .9) !important; color: #53616a; cursor: help; }
body.site-v4 .v4-profile-portrait > .gg-shape-circle:is(:hover, :focus-visible) { opacity: 1 !important; }
body.site-v4 .v4-profile-story .profileBlock .profilePic h3 { margin-bottom: 18px; font: 600 32px/1.25 var(--v4-font); }
body.site-v4 .v4-profile-story .profileBlock .profilePic h3 > .v4-single-name { color: #252830; font: inherit; }
body.site-v4 .v4-profile-story .profileBlock .profilePic h3 > span:not(.v4-single-name) { flex-shrink: 0; font-size: 15px; }
body.site-v4 .v4-profile-story .profileBlock .profilePic .info { color: #5b6572; font-size: 14px; }
body.site-v4 .v4-profile-story .profileBlock .v4-profile-actions > div { border-radius: 4px; gap: 8px; padding: 10px 12px; }
body.site-v4 .v4-profile-details h2 { font-size: 20px; padding-left: 14px; border-left: 3px solid var(--v4-accent); }
body.site-v4 .v4-profile-story .profileBlock .profileText { font-size: 16px; line-height: 1.8; }
body.site-v4 .v4-profile-story .profileBlock .aboutMe .detail { grid-template-columns: minmax(80px, 1fr) minmax(0, 1fr); gap: 14px; font-size: 14px; }
body.site-v4 .v4-profile-story .profileBlock .aboutMe .detail span { font-size: 13px; }
body.site-v4 .v4-profile-story .extraH3 { font-size: 20px; border-top: 1px solid var(--v4-line); padding-top: 26px; }
body.site-v4 .v4-chat-heading { background: #252830; color: #fff; border: 0; padding: 14px 16px; }
body.site-v4 .v4-chat-heading .v4-icon-button { background: #383e49; color: #fff; border-color: #515966; }
body.site-v4 .v4-chat-heading strong { font-size: 16px; }
body.site-v4 .container .chatBox .history { background: #f6f7f9; }
body.site-v4 .talkLeft { background: #e1eeeb; color: #274e48; border-radius: 2px 8px 8px; }
body.site-v4 .talkRight { background: #a1274d; border-radius: 8px 2px 8px 8px; }
body.site-v4 .messageItem .inner { padding-block: 16px; }
body.site-v4 .messageItem.selected .inner { background: #fff; box-shadow: inset 3px 0 #a1274d; }
body.site-v4 .messageFilters { gap: 0; border-block: 1px solid var(--v4-line); padding: 8px 0; }
body.site-v4 .messageFilters .filter.selected { border-radius: 3px; background: #252830; color: #fff; }

/* Account sections, purchases, support, access and static pages share the identity. */
body.site-v4 .v4-settings-identity { padding-block: 8px 22px; }
body.site-v4 .v4-settings-identity strong { font: 600 20px/1.3 var(--v4-font); }
body.site-v4 .v4-settings-nav .v4-action { padding: 13px 10px; font-size: 14px; gap: 10px; color: #535d6b; }
body.site-v4 .v4-settings-nav [aria-selected=true] { background: #fff; border-left-color: #a1274d; color: #a1274d; }
body.site-v4 .v4-settings .myProfile h4 { font: 600 23px/1.3 var(--v4-font); }
body.site-v4 .v4-settings .myProfile > label:not(.switch):not(.myMatchLabels) { padding-block: 14px; border-bottom-color: #e0e4e9; }
body.site-v4 .v4-settings .myProfile .leftLabel { font-size: 14px; }
body.site-v4 .v4-settings .myProfile .newEmail, body.site-v4 .v4-settings .myProfile textarea { border-radius: 4px; }
body.site-v4 .v4-notification-row { min-height: 64px; }
body.site-v4 .v4-wallet-balance { background: #252830; color: #fff; padding: 24px; border: 0; }
body.site-v4 .v4-wallet-count { font: 600 36px/1.2 var(--v4-font); }
body.site-v4 .v4-package-option { border-left: 0; border-bottom-color: #dce0e5; padding: 18px 14px; }
body.site-v4 .v4-package-option.selected { background: #fff; box-shadow: inset 3px 0 #a1274d; }
body.site-v4 .v4-checkout { border-radius: 5px; border-color: #cbd1d9; border-top: 4px solid #a1274d; }
body.site-v4 .v4-checkout .pkg-price, body.site-v4 .v4-checkout .inner h2 { font-family: var(--v4-font); font-weight: 600; }
body.site-v4 .v4-checkout .buy { display: flex; justify-content: center; align-items: center; gap: 12px; border-radius: 4px; }
body.site-v4 .v4-checkout .howToPay { background: #edf2f3; }
body.site-v4 .v4-wallet-assurances .glassBadge { font-size: 13px; }
body.site-v4 .v4-support .faqTitle { font-size: 15px; padding-block: 20px; }
body.site-v4 .v4-support .faqContent { font-size: 15px; background: #e7eeef; }
body.site-v4 .v4-support-contact { border-left: 3px solid #a1274d; }
body.site-v4 .v4-document-nav { background: #edf2f3; }
body.site-v4 .v4-document-nav a { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; }
body.site-v4 .v4-document .textPage { font-size: 16px; line-height: 1.85; }
body.site-v4 .v4-document .textPage h2 { font-size: 24px; }
body.site-v4 .v4-document .textPage h3 { font-size: 20px; }
body.site-v4 .v4-access { border-top: 3px solid #a1274d; padding-top: 30px; }
body.site-v4 .v4-access > * { min-width: 0; max-width: 100%; }
body.site-v4 .v4-access-brand { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
body.site-v4 .v4-access .loginPage { background: #fff; border-radius: 0; border: 0; border-left: 1px solid var(--v4-line); }
body.site-v4 .v4-gifts-intro { border-color: #dce0e5; }
body.site-v4 .v4-gifts .box, body.site-v4 .v4-gifts .box-body, body.site-v4 .v4-gifts .box-body:hover { height: 136px; }
body.site-v4 .v4-gifts .box-body, body.site-v4 .v4-gifts .box-body:hover { background: #edf2f3; border: 1px solid #c8d6d5; border-left: 4px solid #24756c; border-radius: 5px; }
body.site-v4 .v4-gift-cover { inset: 20px; background: none; border: 0; color: #245e57; }
body.site-v4 .v4-gift-cover strong { font: 600 20px/1.3 var(--v4-font); }
body.site-v4 .v4-outcome { border-top: 3px solid #24756c; }
body.site-v4 .v4-outcome > .v4-raster-replacement { display: none !important; }
body.site-v4 .filterMapSelections .blockButtonRegions { border-radius: 3px; background: #fff; color: #465461; }
body.site-v4 .footer { border-top-color: var(--v4-line); }
body.site-v4 .homeContent { color: #737c88; }
body.site-v4 .errorLoader, body.site-v4 .errorLoader.green { border-top: 4px solid #a1274d; background: #fff; }
body.site-v4 .errorLoader.green { border-top-color: #24756c; }

@media (max-width: 1100px) {
  body.site-v4 { --v4-rail: 190px; }
  body.site-v4 .main { padding-inline: 24px; }
  body.site-v4 .top .logo { width: 150px; }
  body.site-v4 .v4-settings { grid-template-columns: 205px minmax(0, 1fr); gap: 24px; }
  body.site-v4 .v4-settings-content { padding-left: 24px; }
  body.site-v4 .v4-search-layout .searchingFormElement { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 760px) {
  body.site-v4 { --v4-rail: 0px; }
  body.site-v4 .main { padding-inline: 18px; }
  body.site-v4 .top { height: 72px; gap: 8px; }
  body.site-v4 .top .logo { color: #252830; position: static; width: auto; max-width: calc(100% - 136px); font-size: 25px; }
  body.site-v4.v4-menu-open .top .menu { inset: 72px 12px auto; background: #252830; border: 0; padding: 12px; }
  body.site-v4 .v4-page-header h1 { font-size: 25px; }
  body.site-v4 .v4-page-header { padding: 22px 0 18px; }
  body.site-v4 .top .login[data-name=myProfile] > .v4-single-name { display: none; }
  body.site-v4 .v4-mobile-nav { background: #252830; border: 0; padding-top: 10px; }
  body.site-v4 .v4-mobile-nav a { color: #cdd2dc; font-size: 11px; min-height: 47px; }
  body.site-v4 .v4-mobile-nav a.selected { color: #fff; }
  body.site-v4 .v4-mobile-nav a.selected::before { content: ''; position: absolute; top: -10px; width: 24px; height: 3px; background: #ec93af; }
  body.site-v4 .v4-mobile-nav .v4-mobile-count { background: #d25078; color: #fff; }
  body.site-v4 .v4-profile-grid, body.site-v4[data-v4-page=home] .v4-profile-grid, body.site-v4 .v4-search-content.v4-profile-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 20px 12px; }
  body.site-v4 .container .homePro .inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 22px auto auto; }
  body.site-v4 .container .homePro .inner > span { font-size: 12px; padding: 0; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic .v4-profile-portrait > img { width: 96px; height: 132px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic h3 { font-size: 24px; gap: 6px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic h3 > span:not(.v4-single-name) { font-size: 12px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic .info { font-size: 12px; }
  body.site-v4 .v4-profile-story .profileBlock .v4-profile-actions { grid-column: 1 / -1; gap: 8px; padding-top: 18px; }
  body.site-v4 .v4-profile-story .profileBlock .v4-profile-actions > div { min-height: 40px; padding: 8px 10px; font-size: 12px; }
  body.site-v4 .v4-profile-actions .v4-icon { width: 18px !important; height: 18px !important; min-width: 18px; }
  body.site-v4 .v4-search-layout .searchingFormElement { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 12px; }
  body.site-v4 .v4-search-layout .searchBlock .searcher { font-size: 12px; }
  body.site-v4 .v4-search-layout .searchBlock { padding: 18px 0; }
  body.site-v4 .v4-search-actions .searchButton { flex: 1; min-width: 0; }
  body.site-v4 .v4-results-heading h2 { font-size: 14px; }
  body.site-v4 .v4-settings { display: block; }
  body.site-v4 .v4-settings-content { padding-left: 0; }
  body.site-v4 .v4-settings-select { background: #252830; color: #fff; border: 0; font-size: 14px; margin-bottom: 22px; }
  body.site-v4 .v4-wallet-balance { padding: 20px; }
  body.site-v4 .v4-wallet-count { font-size: 30px; }
  body.site-v4 .v4-access .loginPage { border-left: 0; border-top: 1px solid var(--v4-line); }
  body.site-v4 .v4-access { grid-template-columns: minmax(0, 1fr); }
  body.site-v4 .v4-access-intro > .v4-icon { display: none !important; }
  body.site-v4 .v4-support-contact { border-left: 0; border-top: 3px solid #a1274d; }
  body.site-v4 .pageNumbers { gap: 4px; }
  body.site-v4 .pageNumbers .filter { min-width: 32px; width: auto; height: 36px; padding: 6px; font-size: 12px; }
}
@media (max-width: 380px) {
  body.site-v4 .main { padding-inline: 14px; }
  body.site-v4 .v4-mobile-nav a { font-size: 10px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  body.site-v4 .v4-profile-story .profileBlock .profilePic .v4-profile-portrait > img { width: 80px; height: 118px; }
}