/* Shared layer for the classic (WoWonder-structured) pages: header cards and tab strips that clipped or overflowed on phones.
   Design migration, Wave 2, 2026-10-07. Page-specific skins (messages, wallet, ...) are not touched: they use their own markup. */
html:not(#a) .popular_posts_hdr { flex-wrap: wrap !important; align-items: center !important; gap: 10px 12px !important; min-width: 0 !important; box-sizing: border-box !important; }
html:not(#a) .popular_posts_hdr h2 { min-width: 0 !important; flex: 1 1 220px !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere; line-height: 1.2 !important; }
html:not(#a) .popular_posts_hdr h2 > b { white-space: normal !important; max-width: 100% !important; display: block; font-size: 14px; font-weight: 500; line-height: 1.4; margin-top: 4px; }
html:not(#a) .popular_posts_hdr .btnss { flex: 0 0 auto; max-width: 100%; }
html:not(#a) .popular_posts_hdr .btnss .btn { min-height: 44px; }
html:not(#a) .wow_big_head_link ul.list-unstyled { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 !important; padding: 8px !important; max-width: 100%; }
html:not(#a) .wow_big_head_link ul.list-unstyled::-webkit-scrollbar { display: none; }
html:not(#a) .wow_big_head_link ul.list-unstyled > li { flex: 0 0 auto !important; float: none !important; width: auto !important; }
html:not(#a) .wow_big_head_link ul.list-unstyled > li > a { display: inline-flex !important; align-items: center; min-height: 44px; padding: 0 18px !important; white-space: nowrap; }