/* Start:/local/templates/topheats_blog_v2/assets/css/design-tokens.css?179086411632476*/
/* Onest (UI, заголовки) + Literata (тексты статей). Google Fonts. */
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/6c8fa1c9b00ccaf9.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c4ec4a6f26218659.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/a9d0b1f392b1e910.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/6b6c1cde51402c60.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/a7d477748e49ae96.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/620a3d45177ddc8f.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/800b84f5801370af.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/9023f2c5cdbaf98b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c0963cb295d70107.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/24ae3a0414fa4716.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8520ad8b96118d64.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/2c67ea3faf6083ba.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/3f1abb3354940616.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/33b49c485e21a38b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/9023f2c5cdbaf98b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c0963cb295d70107.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/24ae3a0414fa4716.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8520ad8b96118d64.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/2c67ea3faf6083ba.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/3f1abb3354940616.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/33b49c485e21a38b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/9023f2c5cdbaf98b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c0963cb295d70107.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/24ae3a0414fa4716.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8520ad8b96118d64.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/2c67ea3faf6083ba.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/3f1abb3354940616.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/33b49c485e21a38b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8b55db3131aa41d0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c3f4223046fb9623.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/27a244d81d9faa46.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/5977fb8a281a6367.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/505038d86b7b8f24.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/f72bdc75595bf844.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/cc61cbd632bb677c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8b55db3131aa41d0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c3f4223046fb9623.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/27a244d81d9faa46.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/5977fb8a281a6367.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/505038d86b7b8f24.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/f72bdc75595bf844.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/cc61cbd632bb677c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8b55db3131aa41d0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c3f4223046fb9623.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/27a244d81d9faa46.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/5977fb8a281a6367.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/505038d86b7b8f24.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/f72bdc75595bf844.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/cc61cbd632bb677c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/8b55db3131aa41d0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/c3f4223046fb9623.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* math */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/27a244d81d9faa46.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/5977fb8a281a6367.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/505038d86b7b8f24.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/f72bdc75595bf844.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/topheats_blog_v2/assets/fonts/cc61cbd632bb677c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  /* Базовая палитра — светлая */
  --th-ink-900: #1B1D22;
  --th-ink-700: #454A55;
  --th-ink-600: #4B5160;
  --th-ink-500: #5B616C;
  --th-ink-400: #80879A;
  --th-ink-200: #E3E5EA;
  --th-paper: #F5F6F8;
  --th-white: #FFFFFF;
  --th-canvas: #E4E5E8;
  /* Базовая палитра — тёмная */
  --th-night-950: #121418;
  --th-night-900: #1D2026;
  --th-night-800: #262A32;
  --th-night-400: #8C93A3;
  --th-night-300: #BCC1CB;
  --th-night-200: #C4C8D1;
  --th-night-50: #F1F2F4;

  /* Семантика (светлая тема по умолчанию) */
  --surface-page: var(--th-paper);
  --surface-button: var(--th-white);
  --surface-placeholder: var(--th-ink-200);
  --text-primary: var(--th-ink-900);
  --text-body: var(--th-ink-700);
  --text-muted: var(--th-ink-400);
  --text-nav: var(--th-ink-600);
  --text-link-hover: var(--th-ink-500);
  --border-line: var(--th-ink-200);
  --border-strong: var(--th-ink-900);
  --logo-filter: none;
}
[data-theme="dark"] {
  --surface-page: var(--th-night-950);
  --surface-button: var(--th-night-900);
  --surface-placeholder: var(--th-night-800);
  --text-primary: var(--th-night-50);
  --text-body: var(--th-night-300);
  --text-muted: var(--th-night-400);
  --text-nav: var(--th-night-200);
  --text-link-hover: var(--th-night-300);
  --border-line: var(--th-night-800);
  --border-strong: var(--th-night-50);
  --logo-filter: invert(1);
}

:root {
  --font-sans: "Onest", sans-serif;
  --font-serif: "Literata", serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Заголовки — Onest 700 */
  --fs-display: 56px;      --lh-display: 1.05;  --ls-display: -0.03em;
  --fs-article-title: 48px; --lh-article-title: 1.1; --ls-article-title: -0.03em;
  --fs-featured-title: 38px; --lh-featured-title: 1.15; --ls-featured-title: -0.03em;
  --fs-post-title: 30px;   --lh-post-title: 1.2;  --ls-post-title: -0.02em;
  --fs-h2-body: 28px;      --lh-h2-body: 1.25;   --ls-h2-body: -0.02em;
  --fs-card-title: 22px;   --lh-card-title: 1.25; --ls-card-title: -0.015em;
  --fs-section-title: 22px; --ls-section-title: -0.02em;
  --fs-related-title: 19px; --lh-related-title: 1.3; --ls-related-title: -0.01em;
  --fs-mobile-display: 36px; --lh-mobile-display: 1.1;

  /* Текст статей — Literata */
  --fs-quote: 23px;  --lh-quote: 1.5;
  --fs-lead: 21px;   --lh-lead: 1.55;
  --fs-article: 19px; --lh-article: 1.7;
  --fs-excerpt: 18px; --lh-excerpt: 1.6;
  --fs-excerpt-sm: 16px; --lh-excerpt-sm: 1.55;

  /* Интерфейс — Onest */
  --fs-intro: 19px; --lh-intro: 1.5;
  --fs-tab: 17px;
  --fs-ui: 16px;
  --fs-meta: 15px;
  --fs-caption: 14px;
  --fs-rubric: 13px;
  --fs-rubric-sm: 12px;
  --ls-rubric: 0.12em;
}

:root {
  --space-4: 4px; --space-5: 5px; --space-8: 8px; --space-10: 10px; --space-12: 12px;
  --space-14: 14px; --space-16: 16px; --space-18: 18px; --space-20: 20px; --space-22: 22px;
  --space-24: 24px; --space-28: 28px; --space-32: 32px; --space-40: 40px; --space-44: 44px;
  --space-48: 48px; --space-56: 56px; --space-80: 80px; --space-96: 96px;

  --radius-frame: 4px;
  --radius-sm: 12px;   /* фото в тексте, «Читайте также», мобильные кнопки */
  --radius-md: 14px;   /* кнопки, обложки карточек */
  --radius-lg: 16px;   /* обложка главной статьи, главное фото */

  --border-width: 1px;
  --border-tab-active: 2px;
  --border-quote: 3px;

  --shadow-frame: 0 1px 3px rgba(0,0,0,.08);

  --header-height: 84px;
  --header-height-mobile: 68px;
  --page-padding-x: 40px;
  --page-padding-x-mobile: 20px;
  --control-size: 48px;
  --control-size-mobile: 44px;

  --width-feed: 1040px;
  --width-article: 720px;
  --width-article-media: 960px;
  --width-page: 1280px;
}


:root { --transition-fast: 180ms ease; --breakpoint-mobile: 767px; --breakpoint-tablet: 1023px; }

/* End */


/* Start:/local/templates/topheats_blog_v2/assets/css/design-system.css?17908683084917*/
/* Derived from the supplied TopHeats export. Only loaded by the new shell. */
.th-blog-v2 { margin:0; font-family:var(--font-sans); color:var(--text-primary); background:var(--surface-page); -webkit-font-smoothing:antialiased; }
.th-blog-v2 *, .th-blog-v2 *::before, .th-blog-v2 *::after { box-sizing:border-box; }
.th-blog-v2 a { color:inherit; text-decoration:none; }
.th-blog-v2 a:hover { color:var(--text-link-hover); }
.th-blog-v2 button, .th-blog-v2 input { font:inherit; }
.th-blog-v2 button { cursor:pointer; }
.th-blog-v2 img, .th-blog-v2 svg { max-width:100%; }
.th-blog-v2 img { height:auto; }
.th-blog-v2 h1, .th-blog-v2 h2, .th-blog-v2 h3, .th-blog-v2 p { margin:0; }
.th-blog-v2 h1, .th-blog-v2 h2, .th-blog-v2 h3 { font-weight:var(--fw-bold); text-wrap:pretty; overflow-wrap:anywhere; }
.th-blog-v2 :focus-visible { outline:3px solid var(--text-primary); outline-offset:4px; }
.th-blog-v2 [hidden] { display:none !important; }
.th-blog-v2 .button, .th-blog-v2 .icon-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-8); min-height:var(--control-size); border:0; border-radius:var(--radius-md); background:var(--surface-button); color:var(--text-primary); font-size:var(--fs-ui); font-weight:var(--fw-semibold); padding:var(--space-12) var(--space-20); transition:background var(--transition-fast); }
.th-blog-v2 .icon-button { width:var(--control-size); padding:var(--space-8); flex:none; }
.th-blog-v2 .button:hover, .th-blog-v2 .icon-button:hover { background:var(--surface-placeholder); }
.th-blog-v2 .visually-hidden, .th-blog-v2 .skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.th-blog-v2 .skip-link:focus { position:fixed; top:var(--space-8); left:var(--space-8); padding:var(--space-12); background:var(--surface-button); z-index:100; }
.th-blog-v2 .cover { display:block; width:100%; aspect-ratio:3/2; background:var(--surface-placeholder); border-radius:var(--radius-md); }
.th-blog-v2 .post-meta { display:flex; flex-wrap:wrap; gap:var(--space-8) var(--space-14); align-items:baseline; color:var(--text-muted); font-size:var(--fs-meta); line-height:1.5; }
.th-blog-v2 .rubric { font-size:var(--fs-rubric); letter-spacing:var(--ls-rubric); text-transform:uppercase; font-weight:var(--fw-bold); }
.th-blog-v2 .search-form { display:grid; gap:var(--space-12); margin-top:var(--space-24); }
.th-blog-v2 .search-form > div { display:flex; flex-wrap:wrap; gap:var(--space-8); }
.th-blog-v2 input { min-width:0; width:100%; flex:1 1 140px; min-height:var(--control-size); padding:var(--space-12); border:1px solid var(--border-line); border-radius:var(--radius-sm); background:var(--surface-button); color:var(--text-primary); font-size:16px; }
.th-blog-v2 .article-content { font:var(--fw-regular) var(--fs-article)/var(--lh-article) var(--font-serif); color:var(--text-body); overflow-wrap:anywhere; }
.th-blog-v2 .article-content > * + * { margin-top:var(--space-24); }
.th-blog-v2 .article-content h2, .th-blog-v2 .article-content h3 { margin-top:var(--space-40); color:var(--text-primary); font-family:var(--font-sans); line-height:var(--lh-h2-body); letter-spacing:var(--ls-h2-body); }
.th-blog-v2 .article-content h2 { font-size:var(--fs-h2-body); }
.th-blog-v2 .article-content h3 { font-size:var(--fs-section-title); }
.th-blog-v2 .article-content a { text-decoration:underline; text-underline-offset:4px; }
.th-blog-v2 .article-content ul, .th-blog-v2 .article-content ol { padding-left:var(--space-28); }
.th-blog-v2 .article-content li + li { margin-top:var(--space-8); }
.th-blog-v2 .article-content blockquote { margin-left:0; margin-right:0; border-left:var(--border-quote) solid var(--border-strong); padding-left:var(--space-24); font-size:var(--fs-quote); font-style:italic; line-height:var(--lh-quote); color:var(--text-primary); }
.th-blog-v2 .article-content img { display:block; max-width:100%; height:auto; border-radius:var(--radius-sm); }
.th-blog-v2 .article-content table { display:block; width:100%; max-width:100%; overflow-x:auto; border-collapse:collapse; font-family:var(--font-sans); font-size:var(--fs-ui); }
.th-blog-v2 .article-content th, .th-blog-v2 .article-content td { padding:var(--space-12) var(--space-16); border:1px solid var(--border-line); text-align:left; min-width:140px; }
.th-blog-v2 .article-content pre { overflow-x:auto; max-width:100%; padding:var(--space-20); background:var(--surface-placeholder); border-radius:var(--radius-sm); font-size:var(--fs-caption); }
.th-blog-v2 figure { margin:0; }
.th-blog-v2 figcaption { margin-top:var(--space-10); font:var(--fs-caption)/1.5 var(--font-sans); color:var(--text-muted); }
@media (prefers-reduced-motion:reduce) { .th-blog-v2 *, .th-blog-v2 *::before, .th-blog-v2 *::after { scroll-behavior:auto !important; transition:none !important; } }

/* End */


/* Start:/local/templates/topheats_blog_v2/assets/css/template.css?179086830812077*/
/* Breakpoints: 767px mobile / 1023px tablet; CSS variables document these in tokens. */
.th-blog-v2 .site-header { max-width:var(--width-page); min-height:var(--header-height); padding:var(--space-16) var(--page-padding-x); margin:auto; display:flex; align-items:center; gap:var(--space-28); }
.th-blog-v2 .brand { display:flex; align-items:center; gap:var(--space-14); flex:none; }
.th-blog-v2 .brand img { width:auto; height:34px; filter:var(--logo-filter); }
.th-blog-v2 .brand span { border-left:1px solid var(--border-line); padding-left:var(--space-14); font-size:var(--fs-tab); font-weight:var(--fw-medium); color:var(--text-muted); }
.th-blog-v2 .desktop-nav { display:flex; gap:var(--space-22); font-weight:var(--fw-semibold); color:var(--text-nav); }
.th-blog-v2 .desktop-nav a { gap:var(--space-8); display:flex; align-items:center; min-height:44px; }
.th-blog-v2 .header-actions { display:flex; align-items:center; gap:var(--space-12); margin-left:auto; }
.th-blog-v2 .menu-button { display:none; }
.th-blog-v2 .menu-drawer { position:fixed; inset:0 auto 0 0; margin:0; height:100dvh; max-height:100dvh; width:min(360px,calc(100% - 24px)); max-width:none; padding:var(--space-20); border:0; background:var(--surface-page); color:var(--text-primary); overflow-y:auto; overscroll-behavior:contain; }
.th-blog-v2 .menu-drawer[open] { animation:drawer-enter 180ms ease-out; }
.th-blog-v2 .menu-drawer::backdrop { background:rgba(0,0,0,.48); }
.th-blog-v2 .drawer-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--space-16); margin-bottom:var(--space-24); }
.th-blog-v2 .drawer-heading h2 { font-size:var(--fs-section-title); }
.th-blog-v2 .menu-drawer nav { display:grid; gap:var(--space-8); }
.th-blog-v2 .menu-drawer nav a { display:flex; align-items:center; min-height:48px; border-bottom:1px solid var(--border-line); }
@keyframes drawer-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
.th-blog-v2 main { width:100%; margin:auto; min-width:0; }
.th-blog-v2 .feed-grid { max-width:var(--width-page); padding:var(--space-48) var(--page-padding-x) var(--space-80); }
.th-blog-v2 .layout-switch { display:flex; justify-content:flex-end; gap:var(--space-8); font-size:var(--fs-caption); font-weight:var(--fw-semibold); }
.th-blog-v2 .layout-switch a { display:flex; align-items:center; min-height:44px; padding:var(--space-8) var(--space-12); border-radius:var(--radius-sm); color:var(--text-muted); }
.th-blog-v2 .feed-grid .layout-switch a:last-child, .th-blog-v2 .feed-row .layout-switch a:first-child { background:var(--surface-button); color:var(--text-primary); }
.th-blog-v2 .feed-grid > .layout-switch { margin-bottom:var(--space-24); }
.th-blog-v2 .post-card { min-width:0; }
.th-blog-v2 .post-copy { display:flex; flex-direction:column; gap:var(--space-8); min-width:0; }
.th-blog-v2 .post-card p { font:var(--fs-excerpt-sm)/var(--lh-excerpt-sm) var(--font-serif); color:var(--text-body); text-wrap:pretty; }
.th-blog-v2 .post-card h3 { font-size:var(--fs-card-title); line-height:var(--lh-card-title); letter-spacing:var(--ls-card-title); }
.th-blog-v2 .post-card--featured { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-48); align-items:center; }
.th-blog-v2 .post-card--featured .cover { border-radius:var(--radius-lg); }
.th-blog-v2 .post-card--featured .post-copy { gap:var(--space-14); }
.th-blog-v2 .post-card--featured h2 { font-size:var(--fs-featured-title); line-height:var(--lh-featured-title); letter-spacing:var(--ls-featured-title); }
.th-blog-v2 .post-card--featured p, .th-blog-v2 .post-card--row p { font-size:var(--fs-excerpt); line-height:var(--lh-excerpt); }
.th-blog-v2 .latest { margin-top:var(--space-56); border-top:1px solid var(--border-line); padding-top:var(--space-28); }
.th-blog-v2 .latest > h2, .th-blog-v2 .related > h2 { font-size:var(--fs-section-title); letter-spacing:var(--ls-section-title); margin-bottom:var(--space-28); }
.th-blog-v2 .posts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-48) var(--space-32); }
.th-blog-v2 .post-card--grid, .th-blog-v2 .post-card--compact { display:flex; flex-direction:column; gap:var(--space-16); }
.th-blog-v2 .feed-row { max-width:var(--width-feed); padding:var(--space-56) var(--page-padding-x) var(--space-80); }
.th-blog-v2 .feed-heading { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--space-16); }
.th-blog-v2 .feed-heading h1, .th-blog-v2 .design-page > h1 { font-size:var(--fs-display); line-height:var(--lh-display); letter-spacing:var(--ls-display); }
.th-blog-v2 .feed-intro { max-width:560px; margin-top:var(--space-18); font-size:var(--fs-intro); line-height:var(--lh-intro); color:var(--text-body); }
.th-blog-v2 .category-tabs { margin-top:var(--space-40); display:flex; gap:var(--space-32); overflow-x:auto; border-bottom:1px solid var(--border-line); }
.th-blog-v2 .category-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; color:var(--text-muted); font-weight:var(--fw-medium); font-size:var(--fs-tab); padding:var(--space-12) 0 var(--space-16); white-space:nowrap; min-height:44px; }
.th-blog-v2 .category-tabs button[aria-pressed="true"] { color:var(--text-primary); font-weight:var(--fw-semibold); border-bottom-color:var(--text-primary); }
.th-blog-v2 .post-card--row { display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:var(--space-44); align-items:center; padding:var(--space-40) 0; border-bottom:1px solid var(--border-line); }
.th-blog-v2 .post-card--row .post-copy { gap:var(--space-12); }
.th-blog-v2 .post-card--row h2 { font-size:var(--fs-post-title); line-height:var(--lh-post-title); letter-spacing:var(--ls-post-title); }
.th-blog-v2 .read-time { font-size:var(--fs-meta); color:var(--text-muted); }
.th-blog-v2 .load-more { display:flex; justify-content:center; margin-top:var(--space-48); }
.th-blog-v2 .article-page { max-width:var(--width-page); padding:var(--space-56) var(--page-padding-x) var(--space-96); display:flex; flex-direction:column; align-items:center; gap:var(--space-40); }
.th-blog-v2 .article-page > * { width:100%; max-width:var(--width-article); }
.th-blog-v2 .article-page .back-link { display:flex; align-items:center; min-height:44px; font-weight:var(--fw-semibold); color:var(--text-nav); }
.th-blog-v2 .article-header { display:flex; flex-direction:column; gap:var(--space-18); }
.th-blog-v2 .article-header h1 { font-size:var(--fs-article-title); line-height:var(--lh-article-title); letter-spacing:var(--ls-article-title); }
.th-blog-v2 .article-lead { font:var(--fs-lead)/var(--lh-lead) var(--font-serif); color:var(--text-body); }
.th-blog-v2 .article-page .article-hero { max-width:var(--width-article-media); }
.th-blog-v2 .article-hero .cover { aspect-ratio:16/9; border-radius:var(--radius-lg); }
.th-blog-v2 .related { padding-top:var(--space-40); border-top:1px solid var(--border-line); }
.th-blog-v2 .related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-28); }
.th-blog-v2 .post-card--compact h3 { font-size:var(--fs-related-title); line-height:var(--lh-related-title); }
.th-blog-v2 .post-card--compact p, .th-blog-v2 .post-card--compact .post-meta > span:last-child { display:none; }
.th-blog-v2 .site-footer { max-width:var(--width-page); padding:var(--space-28) var(--page-padding-x); margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-16); border-top:1px solid var(--border-line); color:var(--text-muted); font-size:var(--fs-caption); }
.th-blog-v2 .site-footer a { min-height:44px; display:flex; align-items:center; }
.th-blog-v2 .design-page { max-width:var(--width-feed); padding:var(--space-56) var(--page-padding-x) var(--space-80); }
.th-blog-v2 .design-nav { display:flex; flex-wrap:wrap; gap:var(--space-20); margin:var(--space-32) 0; }
.th-blog-v2 .design-nav a { display:flex; min-height:44px; align-items:center; text-decoration:underline; }
.th-blog-v2 .design-page section { margin-top:var(--space-48); scroll-margin-top:var(--space-24); }
.th-blog-v2 .design-page section > h2 { margin-bottom:var(--space-24); }
.th-blog-v2 .swatches { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-16); }
.th-blog-v2 .swatch { min-height:140px; display:flex; align-items:flex-end; padding:var(--space-16); border:1px solid var(--border-line); border-radius:var(--radius-md); }
.th-blog-v2 .swatch-page { background:var(--surface-page); }
.th-blog-v2 .swatch-button { background:var(--surface-button); }
.th-blog-v2 .swatch-ink { background:var(--text-primary); color:var(--surface-page); }
.th-blog-v2 .swatch-muted { background:var(--text-body); color:var(--surface-page); }
.th-blog-v2 .type-display { font-size:var(--fs-post-title); font-weight:var(--fw-bold); }
.th-blog-v2 .type-serif { margin-top:var(--space-24); font:var(--fs-article)/var(--lh-article) var(--font-serif); }
.th-blog-v2 .control-examples { display:flex; flex-wrap:wrap; gap:var(--space-16); }
@media (max-width:1023px) { .th-blog-v2 .desktop-nav { display:none; } .th-blog-v2 .menu-button { display:inline-flex; } .th-blog-v2 .post-card--featured { gap:var(--space-28); } .th-blog-v2 .post-card--featured h2 { font-size:var(--fs-post-title); } .th-blog-v2 .posts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .th-blog-v2 .post-card--row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-28); } .th-blog-v2 .swatches { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) {
 .th-blog-v2 .site-header { min-height:var(--header-height-mobile); padding:var(--space-12) var(--page-padding-x-mobile); gap:var(--space-12); }
 .th-blog-v2 .brand { gap:var(--space-10); } .th-blog-v2 .brand img { height:26px; } .th-blog-v2 .brand span { padding-left:var(--space-10); font-size:var(--fs-meta); }
 .th-blog-v2 .header-actions { gap:var(--space-8); } .th-blog-v2 .platform-link { display:none; } .th-blog-v2 .icon-button { width:44px; min-height:44px; border-radius:var(--radius-sm); }
 .th-blog-v2 .feed-grid, .th-blog-v2 .feed-row, .th-blog-v2 .design-page { padding:var(--space-28) var(--page-padding-x-mobile) var(--space-48); }
 .th-blog-v2 .post-card--featured, .th-blog-v2 .post-card--row, .th-blog-v2 .posts-grid, .th-blog-v2 .related-grid { grid-template-columns:minmax(0,1fr); }
 .th-blog-v2 .post-card--featured { gap:var(--space-20); } .th-blog-v2 .post-card--featured h2 { font-size:var(--fs-post-title); }
 .th-blog-v2 .posts-grid { gap:var(--space-40); } .th-blog-v2 .latest { margin-top:var(--space-40); } .th-blog-v2 .feed-heading h1, .th-blog-v2 .design-page > h1 { font-size:var(--fs-mobile-display); line-height:var(--lh-mobile-display); }
 .th-blog-v2 .category-tabs { margin-top:var(--space-28); gap:var(--space-24); } .th-blog-v2 .category-tabs button { font-size:var(--fs-meta); }
 .th-blog-v2 .post-card--row { gap:var(--space-20); padding:var(--space-28) 0; } .th-blog-v2 .post-card--row h2 { font-size:var(--fs-card-title); } .th-blog-v2 .post-card--row p { font-size:var(--fs-excerpt-sm); }
 .th-blog-v2 .post-meta { font-size:var(--fs-caption); gap:var(--space-8) var(--space-12); } .th-blog-v2 .rubric { font-size:var(--fs-rubric-sm); }
 .th-blog-v2 .article-page { padding:var(--space-20) var(--page-padding-x-mobile) var(--space-48); gap:var(--space-28); }
 .th-blog-v2 .article-header h1 { font-size:var(--fs-mobile-display); } .th-blog-v2 .article-lead { font-size:var(--fs-article); } .th-blog-v2 .article-content { font-size:var(--fs-excerpt); }
 .th-blog-v2 .article-content blockquote { font-size:var(--fs-lead); padding-left:var(--space-16); } .th-blog-v2 .site-footer { padding:var(--space-24) var(--page-padding-x-mobile); }
}
@media (max-width:359px) { .th-blog-v2 .site-header { padding-left:var(--space-12); padding-right:var(--space-12); gap:var(--space-8); } .th-blog-v2 .brand img { height:23px; } .th-blog-v2 .brand { gap:var(--space-8); } .th-blog-v2 .brand span { padding-left:var(--space-8); } }

/* End */


/* Start:/local/templates/topheats_blog_v2/assets/css/public.css?17908720989001*/
/* Production presentation layered on the approved design tokens. No preview dependency. */
.th-public .cover { overflow:hidden; }
.th-public .cover img { display:block; width:100%; height:100%; object-fit:cover; }
.th-public .site-footer { align-items:center; }
.th-public .site-footer nav { display:flex; flex-wrap:wrap; gap:var(--space-24); }
.th-public .layout-switch button { border:0; display:flex; align-items:center; min-height:44px; padding:var(--space-8) var(--space-12); border-radius:var(--radius-sm); background:transparent; color:var(--text-muted); font:var(--fw-semibold) var(--fs-caption)/1.5 var(--font-sans); }
.th-public .layout-switch button[aria-pressed="true"] { background:var(--surface-button); color:var(--text-primary); }
.th-public .live-categories { margin-top:var(--space-40); margin-bottom:var(--space-40); }
.th-public .category-link { flex:none; display:flex; align-items:center; min-height:48px; padding:var(--space-12) 0 var(--space-16); border-bottom:2px solid transparent; white-space:nowrap; color:var(--text-muted); font-size:var(--fs-tab); font-weight:var(--fw-medium); }
.th-public .category-link[aria-current="page"] { border-bottom-color:var(--text-primary); color:var(--text-primary); font-weight:var(--fw-semibold); }
.th-public .live-home[data-layout="row"] .live-categories { margin-bottom:0; }
.th-public .live-home[data-layout="grid"] .read-time { display:none; }
.th-public .bl-intro h1 { font-size:var(--fs-display); line-height:var(--lh-display); letter-spacing:var(--ls-display); }
.th-public .bl-intro > p { margin-top:var(--space-18); max-width:560px; font-size:var(--fs-intro); line-height:var(--lh-intro); color:var(--text-body); }
.th-public .live-home .post-card--featured { grid-column:1/-1; }
.th-public .latest-heading { grid-column:1/-1; border-top:1px solid var(--border-line); padding-top:var(--space-28); font-size:var(--fs-section-title); letter-spacing:var(--ls-section-title); }
.th-public .live-home .live-posts + .live-posts { margin-top:var(--space-48); }
.th-public .live-home[data-layout="row"] { max-width:var(--width-feed); }
.th-public .live-home[data-layout="row"] .posts-grid { display:block; }
.th-public .live-home[data-layout="row"] .latest-heading { display:none; }
.th-public .live-home[data-layout="row"] .post-card { display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:var(--space-44); align-items:center; padding:var(--space-40) 0; border-bottom:1px solid var(--border-line); }
.th-public .live-home[data-layout="row"] .post-card h2, .th-public .live-home[data-layout="row"] .post-card h3 { font-size:var(--fs-post-title); line-height:var(--lh-post-title); letter-spacing:var(--ls-post-title); }
.th-public .live-home[data-layout="row"] .post-card p { font-size:var(--fs-excerpt); line-height:var(--lh-excerpt); }
.th-public .live-home[data-layout="row"] .post-copy { gap:var(--space-12); }
.th-public .wrap { width:100%; max-width:var(--width-feed); padding:var(--space-56) var(--page-padding-x) var(--space-80); margin:auto; }
.th-public .bl-empty { padding:var(--space-56) 0; }
.th-public .bl-empty h1 { font-size:var(--fs-display); line-height:var(--lh-display); }
.th-public .bl-empty h2 { font-size:var(--fs-h2-body); }
.th-public .bl-empty p { margin-top:var(--space-16); font-size:var(--fs-intro); line-height:var(--lh-intro); color:var(--text-body); }
.th-public .bl-more { display:flex; justify-content:center; margin-top:var(--space-40); }
.th-public .bl-search { display:flex; flex-wrap:wrap; gap:var(--space-12); margin-top:var(--space-28); margin-bottom:var(--space-24); }
.th-public .bl-loadbtn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:var(--space-12) var(--space-20); font:var(--fw-semibold) var(--fs-ui)/1.5 var(--font-sans); border:0; border-radius:var(--radius-md); background:var(--surface-button); color:var(--text-primary); }
.th-public .article-hero img { display:block; width:100%; height:auto; border-radius:var(--radius-lg); }
.th-public .article-author { color:var(--text-muted); font-size:var(--fs-meta); }
.th-public .article-content { min-width:0; }
.th-public .article-content iframe, .th-public .article-content video, .th-public .article-content embed { max-width:100%; }
.th-public .article-content iframe { width:100%; aspect-ratio:16/9; height:auto; }
.th-public .article-content figure, .th-public .article-content div { max-width:100%; }
.th-public .article-content p img { margin-inline:0; }
.th-public .article-content h1 { font-family:var(--font-sans); font-size:var(--fs-h2-body); }
.th-public .ar-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); padding-top:var(--space-24); border-top:1px solid var(--border-line); }
.th-public .ar-tags { display:flex; flex-wrap:wrap; gap:var(--space-8); }
.th-public .ar-tag { display:flex; min-height:44px; align-items:center; padding:var(--space-8) var(--space-12); border:1px solid var(--border-line); border-radius:var(--radius-sm); }
.th-public .ar-share { display:flex; gap:var(--space-8); }
.th-public .ar-share button { width:48px; height:48px; display:flex; justify-content:center; align-items:center; border:0; border-radius:var(--radius-sm); background:var(--surface-button); color:var(--text-primary); }
.th-public .ar-cta { margin-top:var(--space-32); padding:var(--space-28); border-radius:var(--radius-lg); background:var(--surface-button); display:flex; flex-wrap:wrap; gap:var(--space-24); align-items:center; }
.th-public .ar-cta > div { flex:1 1 280px; }
.th-public .ar-cta h3 { font-size:var(--fs-section-title); }
.th-public .ar-cta p { margin-top:var(--space-12); font-size:var(--fs-ui); line-height:var(--lh-intro); color:var(--text-body); }
.th-public .ar-cta__btn { display:inline-flex; align-items:center; min-height:48px; padding:var(--space-12) var(--space-20); background:var(--text-primary); color:var(--surface-page); border-radius:var(--radius-md); font-weight:var(--fw-semibold); }
.th-public .live-related { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.th-public .post-card--compact .post-meta > .rubric { display:inline; }
.th-public .legal-page { max-width:800px; }
.th-public .legal-page > h1 { font-size:var(--fs-featured-title); line-height:var(--lh-featured-title); }
@media (max-width:1023px) { .th-public .live-home[data-layout="row"] .post-card { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-28); } }
@media (max-width:767px) {
 .th-public .bl-intro h1, .th-public .bl-empty h1 { font-size:var(--fs-mobile-display); line-height:var(--lh-mobile-display); }
 .th-public .wrap { padding:var(--space-28) var(--page-padding-x-mobile) var(--space-48); }
 .th-public .live-categories { margin-bottom:var(--space-28); }
 .th-public .category-link { font-size:var(--fs-meta); }
 .th-public .live-home[data-layout="row"] .post-card { grid-template-columns:minmax(0,1fr); padding:var(--space-28) 0; gap:var(--space-20); }
 .th-public .live-home[data-layout="row"] .post-card h2, .th-public .live-home[data-layout="row"] .post-card h3 { font-size:var(--fs-card-title); }
 .th-public .live-home[data-layout="row"] .post-card p { font-size:var(--fs-excerpt-sm); }
 .th-public .site-footer nav { gap:var(--space-8) var(--space-16); }
 .th-public .ar-cta { padding:var(--space-20); }
 .th-public .legal-page > h1 { font-size:var(--fs-post-title); }
}

/* Geometry exists in server HTML before either the image or JS is loaded. */
.th-public .article-content .blog-image {
  display: block;
  margin-inline: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--surface-placeholder);
}

.th-public .article-content .blog-image--inline {
  display: inline-block;
  vertical-align: middle;
}

.th-public .article-content figure .blog-image:not(.blog-image--inline) {
  width: 100% !important;
}

/* Match the Markdown editor's img.show-desktop / img.show-mobile breakpoint. */
@media screen and (width < 768px) {
  .th-public .article-content .blog-image.show-desktop {
    display: none;
  }
}

@media screen and (width >= 768px) {
  .th-public .article-content .blog-image.show-mobile {
    display: none;
  }
}

.th-public .article-content .blog-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: none;
  margin: 0 !important;
  object-fit: contain;
  background: transparent;
}

.th-public .article-content .blog-image[data-image-state="loading"] img,
.th-public .article-content .blog-image[data-image-state="error"] img {
  opacity: 0;
}

/* Reading-length quotations use body typography; the rule marks the quotation. */
.th-public .article-content blockquote {
  font-size: inherit;
  font-style: normal;
  line-height: inherit;
  color: var(--text-body);
  border-left-width: 2px;
}
.th-public .article-content blockquote > * + * {
  margin-top: var(--space-16);
}

/* End */


/* Start:/local/templates/topheats_blog_v2/template_styles.css?179086411679*/
/* Design assets are registered through the Bitrix Asset API in header.php. */

/* End */
/* /local/templates/topheats_blog_v2/assets/css/design-tokens.css?179086411632476 */
/* /local/templates/topheats_blog_v2/assets/css/design-system.css?17908683084917 */
/* /local/templates/topheats_blog_v2/assets/css/template.css?179086830812077 */
/* /local/templates/topheats_blog_v2/assets/css/public.css?17908720989001 */
/* /local/templates/topheats_blog_v2/template_styles.css?179086411679 */