@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/f2d9e6bb-49f0-4253-aefc-7d8a9472d687.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/cad314de-6b09-4f26-9af6-712de4742add.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/570bbc41-f9a3-47cf-9391-901b9bd29368.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/1ca90fbd-819a-4c32-bd7e-db2fb4e8d190.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/2c8a9c1b-8126-457b-a203-105e17bf4dbc.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/6b99d1d2-258a-4b9d-8376-d4d75cd95530.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/abdff1f7-878e-4b39-a110-bb55e81b1843.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/f2d9e6bb-49f0-4253-aefc-7d8a9472d687.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/cad314de-6b09-4f26-9af6-712de4742add.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/570bbc41-f9a3-47cf-9391-901b9bd29368.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/1ca90fbd-819a-4c32-bd7e-db2fb4e8d190.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/2c8a9c1b-8126-457b-a203-105e17bf4dbc.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/6b99d1d2-258a-4b9d-8376-d4d75cd95530.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/abdff1f7-878e-4b39-a110-bb55e81b1843.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/f2d9e6bb-49f0-4253-aefc-7d8a9472d687.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/cad314de-6b09-4f26-9af6-712de4742add.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/570bbc41-f9a3-47cf-9391-901b9bd29368.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/1ca90fbd-819a-4c32-bd7e-db2fb4e8d190.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/2c8a9c1b-8126-457b-a203-105e17bf4dbc.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/6b99d1d2-258a-4b9d-8376-d4d75cd95530.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/abdff1f7-878e-4b39-a110-bb55e81b1843.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/f2d9e6bb-49f0-4253-aefc-7d8a9472d687.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/cad314de-6b09-4f26-9af6-712de4742add.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/570bbc41-f9a3-47cf-9391-901b9bd29368.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/1ca90fbd-819a-4c32-bd7e-db2fb4e8d190.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/2c8a9c1b-8126-457b-a203-105e17bf4dbc.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/6b99d1d2-258a-4b9d-8376-d4d75cd95530.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/blog/assets/abdff1f7-878e-4b39-a110-bb55e81b1843.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/f2d9e6bb-49f0-4253-aefc-7d8a9472d687.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/cad314de-6b09-4f26-9af6-712de4742add.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/570bbc41-f9a3-47cf-9391-901b9bd29368.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/1ca90fbd-819a-4c32-bd7e-db2fb4e8d190.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/2c8a9c1b-8126-457b-a203-105e17bf4dbc.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/6b99d1d2-258a-4b9d-8376-d4d75cd95530.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/blog/assets/abdff1f7-878e-4b39-a110-bb55e81b1843.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/bca65855-cbed-43b8-8ec4-9fcfcd2ea69c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/b8cbc40e-148a-48e3-8059-6828769507b2.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/2c6e1ab0-49e8-4086-8412-8bddea016133.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/daeb4534-8f8c-4b72-bae2-f4b60ccc8c44.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/31c7f890-3857-473b-a414-310a40d8e338.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/blog/assets/ef796ed2-a0e6-4eda-8a66-c0a884e96415.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/bca65855-cbed-43b8-8ec4-9fcfcd2ea69c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/b8cbc40e-148a-48e3-8059-6828769507b2.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/2c6e1ab0-49e8-4086-8412-8bddea016133.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/daeb4534-8f8c-4b72-bae2-f4b60ccc8c44.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/31c7f890-3857-473b-a414-310a40d8e338.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/blog/assets/ef796ed2-a0e6-4eda-8a66-c0a884e96415.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/bca65855-cbed-43b8-8ec4-9fcfcd2ea69c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/b8cbc40e-148a-48e3-8059-6828769507b2.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/2c6e1ab0-49e8-4086-8412-8bddea016133.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/daeb4534-8f8c-4b72-bae2-f4b60ccc8c44.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/31c7f890-3857-473b-a414-310a40d8e338.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;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/blog/assets/ef796ed2-a0e6-4eda-8a66-c0a884e96415.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;
}
@font-face {
  font-family: 'Switzer';
  src: url("/blog/assets/5ec8f3e0-fca0-454e-b22f-2992b559811a.woff2") format('woff2'),
       url("/blog/assets/b3efcf93-8e6f-402b-bdbe-1b8fd1d5d6db.woff") format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url("/blog/assets/5c6268c6-2324-4b47-a9dc-7fdcd41108e2.woff2") format('woff2'),
       url("/blog/assets/8001e644-b9f4-498b-8b07-bd21b7f5fd3a.woff") format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url("/blog/assets/5aeb0639-19c0-4752-99e4-96aa6bcd8354.woff2") format('woff2'),
       url("/blog/assets/2f36be89-13ac-4a8e-a995-118c22e8d9c2.woff") format('woff');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url("/blog/assets/1a34f165-043c-4ad8-92e9-4b67067d0be7.woff2") format('woff2'),
       url("/blog/assets/c32bab1f-1fcf-42e4-a879-4e4032b3af80.woff") format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url("/blog/assets/85e7d880-7c35-457f-ab71-a0b34e68aed5.woff2") format('woff2'),
       url("/blog/assets/b0d6bba5-7e22-474e-806b-e6271e4ab522.woff") format('woff');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
.kblog {
  
  --karma-blue-50:  #E6EFFB;
  --karma-blue-100: #C2D5F5;
  --karma-blue-200: #8FB1EC;
  --karma-blue-300: #4F86DF;
  --karma-blue-400: #1A66D2;
  --karma-blue-500: #0058CC;   
  --karma-blue-600: #00337A;
  --karma-blue-700: #002A66;
  --karma-blue-800: #001F4D;
  --karma-blue-900: #001A3D;   

  
  --karma-orange-300: #FFD194;
  --karma-orange-400: #FFBE5E;
  --karma-orange-500: #FFA824;  
  --karma-orange-600: #F59300;
  --karma-orange-700: #C77600;

  
  --karma-cyan:   #00D1FF;   
  --karma-violet: #7000FF;

  
  --n-0:   #FFFFFF;
  --n-25:  #FBFCFE;
  --n-50:  #F7F9FC;
  --n-100: #EEF2F7;
  --n-200: #E2E8F0;
  --n-300: #CBD5E1;
  --n-400: #94A3B8;
  --n-500: #64748B;
  --n-600: #475569;
  --n-700: #334155;
  --n-800: #1E293B;
  --n-900: #0F172A;
  --n-950: #0B1220;

  
  --success:        #16A34A;
  --success-bg:     #DCFCE7;
  --success-border: #BBF7D0;
  --warning:        #D97706;
  --warning-bg:     #FEF3C7;
  --warning-border: #FDE68A;
  --danger:         #EF4444;
  --danger-bg:      #FEE2E2;
  --danger-border:  #FECACA;
  --info:           #8B5CF6;
  --info-bg:        #EDE9FE;
  --info-border:    #DDD6FE;

  
  --color-brand:          var(--karma-blue-500);
  --color-brand-strong:   var(--karma-blue-600);
  --color-cta:            var(--karma-orange-500);
  --color-cta-hover:      var(--karma-orange-600);

  --text-strong:  var(--n-900);   
  --text-body:    var(--n-700);   
  --text-muted:   var(--n-500);   
  --text-faint:   var(--n-400);   
  --text-on-dark: var(--n-0);
  --text-on-cta:  #0A0A0A;        

  --paper:         #F0EEE9;       
  --surface-paper: var(--paper);  
  --surface-page:  var(--n-50);   
  --surface-card:  var(--n-0);    
  --surface-sunken:var(--n-100);  
  --surface-navy:  var(--karma-blue-600);  
  --surface-hero:  var(--karma-blue-900);  

  --border-subtle:  var(--n-100);
  --border-default: var(--n-200);
  --border-strong:  var(--n-300);

  
  --gradient-hero:   linear-gradient(135deg, #0058CC 0%, #00337A 100%);    
  --gradient-cta:    linear-gradient(180deg, #FFA824 0%, #F59300 100%);    
  --gradient-cta-90: linear-gradient(90deg, #FFA824 0%, #F59300 100%);     
}
.kblog {
  
  --font-display:    'Switzer', 'Inter', system-ui, -apple-system, sans-serif;
  --font-sans:       'Switzer', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:       'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  
  --font-montserrat: var(--font-display);

  
  --fw-regular:  400;  
  --fw-medium:   500;  
  --fw-semibold: 600;  
  --fw-bold:     700;  
  --fw-extra:    800;  
  --fw-black:    900;  

  
  --fs-xs:    11px;
  --fs-sm:    12.5px;
  --fs-base:  14px;
  --fs-md:    15.5px;
  --fs-lg:    17px;
  --fs-xl:    20px;
  --fs-2xl:   22px;   
  --fs-3xl:   28px;
  --fs-4xl:   36px;
  --fs-5xl:   48px;   

  
  --lh-tight:   1.1;   
  --lh-snug:    1.25;  
  --lh-normal:  1.5;   
  --lh-relaxed: 1.7;   

  
  --ls-tighter: -0.02em;   
  --ls-tight:   -0.01em;   
  --ls-normal:  0;         
  --ls-wide:    0.06em;     
  --ls-wider:   0.1em;      
  --ls-widest:  0.18em;     
}
.kblog {
  
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;

  
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   10px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-pill: 999px;

  
  --shadow-sm:    0 1px 2px rgba(15,23,42,0.06);
  --shadow-md:    0 1px 3px rgba(15,23,42,0.06), 0 8px 24px rgba(15,23,42,0.05);
  --shadow-lg:    0 4px 8px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.08);
  --shadow-cta:   0 6px 16px rgba(255,168,36,0.40);   
  --shadow-blue:  0 8px 24px rgba(0,88,204,0.40);     
  --shadow-focus: 0 0 0 4px rgba(0,88,204,0.12);      

  
  --ease-out:    cubic-bezier(0.4, 0, 0.2, 1);        
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);    
  --dur-fast: 120ms;  
  --dur:      180ms;  
  --dur-slow: 280ms;  
}
.kblog * { box-sizing: border-box; }
.kblog { margin: 0; font-family: var(--font-sans); color: var(--text-body); background: var(--karma-blue-50); -webkit-font-smoothing: antialiased; }
.kblog .wrap { max-width: 1400px; margin: 0 auto; padding: 0 2rem; }
.kblog img { display: block; max-width: 100%; }
.kblog a { color: inherit; }
.kblog .topnav { background: var(--karma-blue-900); }
.kblog .topnav-in { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.kblog .topnav-left { display: flex; align-items: center; gap: 36px; }
.kblog .topnav img { height: 26px; width: auto; }
.kblog .topnav-links { display: flex; gap: 26px; }
.kblog .topnav-links a { color: rgba(255,255,255,0.82); text-decoration: none; font-size: 13.5px; font-weight: var(--fw-medium); }
.kblog .topnav-links a:hover { color: #fff; }
.kblog .topnav-cta { background: var(--karma-orange-500); color: #0A0A0A; border: none; padding: 8px 16px; border-radius: var(--radius-sm); font-family: var(--font-sans); font-weight: var(--fw-bold); font-size: 12.5px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.kblog .topnav-cta:hover { background: var(--karma-orange-600); color: #fff; }
.kblog .subnav { background: var(--karma-blue-50); border-bottom: 1px solid var(--karma-blue-100); position: relative; }
.kblog .subnav-in { display: flex; align-items: center; justify-content: space-between; height: 56px; }
.kblog .subnav-title { font-family: var(--font-display); font-weight: var(--fw-extra); font-size: 20px; color: var(--text-strong); letter-spacing: var(--ls-tight); }
.kblog .cats { display: flex; gap: 22px; align-items: center; }
.kblog .cats a { text-decoration: none; font-size: 13px; font-weight: var(--fw-medium); color: var(--text-muted); }
.kblog .cats a:hover { color: var(--karma-blue-500); }
.kblog .cats a.active { color: var(--text-strong); font-weight: var(--fw-bold); }
.kblog .sticker { position: absolute; right: 28px; top: 120px; background: var(--karma-orange-300); color: #5c3b00; font-size: 11.5px; font-weight: var(--fw-semibold); padding: 9px 16px; border-radius: 4px 16px 16px 16px; transform: rotate(-2deg); box-shadow: var(--shadow-md); max-width: 230px; line-height: 1.35; z-index: 3; }
.kblog .eyebrow { font-size: 12px; color: var(--text-muted); margin: 0 0 6px; }
.kblog .eyebrow b { color: var(--karma-blue-500); font-weight: var(--fw-semibold); }
.kblog .post-title { font-family: var(--font-display); color: var(--text-strong); letter-spacing: var(--ls-tight); line-height: 1.15; margin: 0; }
.kblog .excerpt { color: var(--text-muted); line-height: var(--lh-normal); }
.kblog .thumb { border-radius: var(--radius-lg); overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.kblog .thumb img.illus { width: 100%; height: 100%; object-fit: cover; }
.kblog .thumb img.icon { width: 78px; height: 78px; object-fit: contain; }
.kblog .thumb.blue { background: #fff; }
.kblog .thumb.navy { background: linear-gradient(140deg, #0058CC, #001A3D); }
.kblog .thumb.orange { background: #FFE7C7; }
.kblog .thumb.mint { background: #DCEFE9; }
.kblog .thumb.lav { background: #fff; }
.kblog .thumb.paper { background: #EDE9E1; }
.kblog .thumb.navy img.icon, .kblog .thumb.navy { filter: none; }
.kblog .thumb.navy img.icon { filter: brightness(0) invert(1); opacity: 0.92; }
.kblog .hero { padding: 52px 0 12px; }
.kblog .hero-grid { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; }
.kblog .hero-main .post-title { font-size: 40px; max-width: 14ch; }
.kblog .hero-main .lead { font-size: 16px; color: var(--text-body); margin: 14px 0 8px; max-width: 52ch; line-height: var(--lh-normal); }
.kblog .hero-thumb { margin-top: 22px; height: 340px; }
.kblog .news-card { background: #fff; border: 1px solid #e7e3da; border-radius: var(--radius-xl); padding: 22px; box-shadow: var(--shadow-sm); position: sticky; top: 20px; margin-top: 56px; }
.kblog .news-card .rk { width: 54px; height: 54px; object-fit: cover; border-radius: var(--radius-md); margin: 0 0 12px; box-shadow: var(--shadow-sm); }
.kblog .news-card h4 { font-family: var(--font-display); font-weight: var(--fw-extra); font-size: 19px; color: var(--text-strong); margin: 0 0 8px; line-height: 1.2; }
.kblog .news-card p { font-size: 13px; color: var(--text-muted); line-height: var(--lh-normal); margin: 0 0 16px; }
.kblog .news-label { font-size: 11px; font-weight: var(--fw-bold); letter-spacing: var(--ls-wide); text-transform: uppercase; color: var(--text-muted); display: block; margin-bottom: 7px; }
.kblog .news-input { display: flex; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); overflow: hidden; background: #fff; }
.kblog .news-input input { flex: 1; border: none; outline: none; padding: 10px 12px; font-family: inherit; font-size: 13.5px; color: var(--text-strong); background: transparent; }
.kblog .news-input button { border: none; background: var(--karma-orange-500); color: #0A0A0A; width: 42px; cursor: pointer; font-size: 16px; }
.kblog .news-input button:hover { background: var(--karma-orange-600); color: #fff; }
.kblog .news-card h4 { color: #fff; }
.kblog .news-card p { color: rgba(255,255,255,0.92); }
.kblog .news-card .news-label { color: rgba(255,255,255,0.85); }
.kblog .two { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding: 40px 2rem; }
.kblog .two .thumb { height: 230px; margin-bottom: 18px; }
.kblog .two .post-title { font-size: 25px; }
.kblog .two .excerpt { font-size: 14px; margin-top: 10px; }
.kblog .wide { display: grid; grid-template-columns: 1.55fr 1fr; gap: 28px; padding: 16px 2rem 56px; align-items: stretch; }
.kblog .wide-card .thumb { height: 300px; margin-bottom: 18px; }
.kblog .wide-card .post-title { font-size: 27px; }
.kblog .wide-card .excerpt { font-size: 14.5px; margin-top: 10px; }
.kblog .promo { background: var(--karma-blue-900); border-radius: var(--radius-lg); padding: 40px 34px; display: flex; flex-direction: column; justify-content: center; color: #fff; }
.kblog .promo .ttl { font-family: var(--font-display); font-weight: var(--fw-black); font-size: 38px; line-height: 1.0; letter-spacing: var(--ls-tighter); }
.kblog .promo .ttl span { color: var(--karma-orange-500); }
.kblog .promo .yr { color: var(--karma-blue-200); font-size: 14px; margin: 12px 0 22px; }
.kblog .promo button, .kblog .promo .promo-cta { align-self: flex-start; text-decoration: none; display: inline-block; background: var(--karma-orange-500); color: #0A0A0A; border: none; padding: 11px 20px; border-radius: var(--radius-sm); font-family: inherit; font-weight: var(--fw-bold); font-size: 13.5px; cursor: pointer; }
.kblog .promo button:hover, .kblog .promo .promo-cta:hover { background: var(--karma-orange-600); color: #fff; }
.kblog .section { padding: 28px 2rem 8px; }
.kblog .section-head { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: end; margin-bottom: 26px; }
.kblog .section-head h2 { font-family: var(--font-display); font-weight: var(--fw-black); font-size: 34px; color: var(--text-strong); letter-spacing: var(--ls-tighter); margin: 0 0 8px; }
.kblog .section-head p { font-size: 14.5px; color: var(--text-muted); margin: 0; max-width: 52ch; line-height: var(--lh-normal); }
.kblog .see-all { color: var(--karma-blue-500); text-decoration: none; font-size: 13.5px; font-weight: var(--fw-semibold); white-space: nowrap; }
.kblog .see-all:hover { text-decoration: underline; }
.kblog .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 36px; }
.kblog .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 36px; }
.kblog .card .thumb { height: 168px; margin-bottom: 15px; }
.kblog .card .post-title { font-size: 18px; }
.kblog .card .excerpt { font-size: 13.5px; margin-top: 8px; }
.kblog .grid2 .card .thumb { height: 196px; }
.kblog .grid2 .card .post-title { font-size: 20px; }
.kblog .post { cursor: pointer; }
.kblog .post .thumb { transition: transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); }
.kblog .post:hover .thumb { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.kblog .post:hover .post-title { color: var(--karma-blue-600); }
.kblog .cta-services { padding: 40px 0 48px; }
.kblog .cta-card {
  position: relative; overflow: hidden;
  background: var(--karma-blue-900);
  border-radius: var(--radius-2xl);
  padding: 52px 56px;
  display: grid; grid-template-columns: 1.5fr auto; gap: 40px; align-items: center;
  box-shadow: var(--shadow-blue);
}
.kblog .cta-card::after {
  content: ""; position: absolute; right: -120px; top: -120px;
  width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle at center, rgba(255,141,26,0.22), transparent 65%);
  pointer-events: none;
}
.kblog .cta-copy { position: relative; z-index: 1; }
.kblog .cta-copy .eyebrow { color: var(--karma-orange-400); font-weight: var(--fw-bold); letter-spacing: var(--ls-wide); text-transform: uppercase; font-size: 12px; margin: 0 0 14px; }
.kblog .cta-copy h2 { font-family: var(--font-display); font-weight: var(--fw-black); font-size: 38px; line-height: 1.05; letter-spacing: var(--ls-tighter); color: #fff; margin: 0 0 14px; max-width: 18ch; }
.kblog .cta-copy h2 span { color: var(--karma-orange-500); }
.kblog .cta-copy p { color: var(--karma-blue-100); font-size: 15px; line-height: var(--lh-normal); margin: 0 0 22px; max-width: 50ch; }
.kblog .cta-kicker { display: inline-block; margin-top: 10px; color: #fff; font-weight: var(--fw-bold); white-space: nowrap; }
.kblog .cta-chips { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 26px; }
.kblog .cta-chips span { font-size: 12.5px; font-weight: var(--fw-semibold); color: #fff; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.14); padding: 7px 14px; border-radius: var(--radius-pill); }
.kblog .cta-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.kblog .cta-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--karma-orange-500); color: #0A0A0A; text-decoration: none; padding: 13px 24px; border-radius: var(--radius-pill); font-family: inherit; font-weight: var(--fw-bold); font-size: 14.5px; transition: transform var(--dur) var(--ease-out), background var(--dur) var(--ease-out); }
.kblog .cta-btn:hover { transform: translateY(-2px); background: var(--karma-orange-600); color: #fff; }
.kblog .cta-note { color: var(--karma-blue-200); font-size: 13px; }
.kblog .cta-art { position: relative; z-index: 1; width: 290px; height: 290px; flex-shrink: 0; }
.kblog .cta-art img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 16px 32px rgba(0,0,0,0.28)); }
@media (max-width: 900px) {
.kblog .cta-card { grid-template-columns: 1fr; padding: 38px 28px; text-align: center; }
.kblog .cta-copy h2, .kblog .cta-copy p { max-width: none; }
.kblog .cta-chips, .kblog .cta-actions { justify-content: center; }
.kblog .cta-art { display: none; }
}
.kblog .band { padding: 56px 0; }
.kblog .band-card { background: #fff; border: 1px solid var(--karma-blue-200); border-radius: var(--radius-2xl); padding: 40px; display: flex; align-items: center; justify-content: center; gap: 28px; max-width: 760px; margin: 0 auto; }
.kblog .band-card .txt { max-width: 380px; }
.kblog .band-card h3 { font-family: var(--font-display); font-weight: var(--fw-extra); font-size: 24px; color: var(--text-strong); margin: 0 0 8px; }
.kblog .band-card p { font-size: 14px; color: var(--text-muted); margin: 0 0 16px; line-height: var(--lh-normal); }
.kblog .band-card .rk { width: 96px; height: 96px; object-fit: cover; border-radius: var(--radius-lg); flex-shrink: 0; box-shadow: var(--shadow-sm); }
.kblog .viewall { text-align: center; padding: 8px 0 64px; }
.kblog .viewall button { background: var(--karma-blue-500); color: #fff; border: none; padding: 14px 34px; border-radius: var(--radius-pill); font-family: inherit; font-weight: var(--fw-bold); font-size: 14.5px; cursor: pointer; box-shadow: var(--shadow-blue); transition: transform var(--dur) var(--ease-out); }
.kblog .viewall button:hover { transform: translateY(-2px); background: var(--karma-blue-600); }
.kblog .footer { background: var(--karma-blue-900); color: var(--karma-blue-100); padding: 56px 0 28px; }
.kblog .footer-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 32px; padding-bottom: 36px; }
.kblog .footer img.flogo { height: 30px; width: auto; margin-bottom: 14px; }
.kblog .footer .slogan { font-size: 13px; line-height: var(--lh-relaxed); max-width: 26ch; }
.kblog .footer h5 { color: #fff; font-size: 12px; font-weight: var(--fw-bold); letter-spacing: var(--ls-wide); text-transform: uppercase; margin: 0 0 14px; }
.kblog .footer a { display: block; color: var(--karma-blue-100); text-decoration: none; font-size: 13px; margin-bottom: 9px; }
.kblog .footer a:hover { color: #fff; }
.kblog .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; display: flex; justify-content: space-between; font-size: 12px; color: var(--karma-blue-200); }
@media (max-width: 900px) {
.kblog .hero-grid, .kblog .two, .kblog .wide, .kblog .grid3, .kblog .grid2, .kblog .section-head, .kblog .footer-grid { grid-template-columns: 1fr; }
.kblog .cats, .kblog .topnav-links { display: none; }
.kblog .news-card { margin-top: 8px; }
.kblog .sticker { display: none; }
.kblog .band-card { flex-direction: column; text-align: center; }
}
.kblog .subnav-right { display: flex; align-items: center; gap: 22px; min-width: 0; }
.kblog .blog-search { display: flex; align-items: center; gap: 8px; width: 190px; background: #fff; border: 1px solid #ddd8cf; border-radius: var(--radius-pill); padding: 8px 14px; color: var(--text-faint); transition: border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), width var(--dur) var(--ease-out); }
.kblog .blog-search:focus-within { border-color: var(--karma-blue-300); box-shadow: var(--shadow-focus); color: var(--karma-blue-500); }
.kblog .blog-search svg { flex-shrink: 0; }
.kblog .blog-search input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-family: inherit; font-size: 13.5px; color: var(--text-strong); }
.kblog .blog-search input::placeholder { color: var(--text-faint); }
.kblog .blog-search input::-webkit-search-cancel-button { cursor: pointer; }
.kblog.searching .sticker, .kblog.searching .band, .kblog.searching .cta-services, .kblog.searching .viewall { display: none; }
.kblog.searching .section-head .see-all { opacity: 0; }
/* Archivo: la lista sobria con los artículos que no han cabido en los huecos
   curados de arriba. Antes la mitad del blog no tenía enlace desde su propia
   portada. Deliberadamente discreta —una línea por artículo— para que no
   compita con los bloques destacados.

   OJO al marcar estas filas: llevan `post` (la necesita el buscador de
   karma.js) pero NO `card`. En assets/index-*.css —el bundle del frontend
   React retirado, que estas páginas siguen cargando— hay un `.card` GLOBAL sin
   acotar con fondo blanco, sombra y `padding !important`. Con esa clase, cada
   fila se convertía en una tarjeta y la lista se descuadraba. */
.kblog .archivo { display: grid; gap: 2px; }
.kblog .archivo-item { display: grid; grid-template-columns: 130px 1fr auto; gap: 18px; align-items: baseline; padding: 15px 16px; border-radius: var(--radius-md, 10px); text-decoration: none; border-bottom: 1px solid #ece7de; transition: background var(--dur) var(--ease-out); }
.kblog .archivo-item:last-child { border-bottom: none; }
.kblog .archivo-item:hover { background: #faf7f1; }
.kblog .archivo-item .eyebrow { font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-faint); margin: 0; }
.kblog .archivo-item .post-title { font-family: var(--font-display); font-weight: var(--fw-bold, 700); font-size: 16px; color: var(--text-strong); line-height: var(--lh-snug, 1.3); margin: 0; }
.kblog .archivo-item:hover .post-title { color: var(--karma-blue-500); }
.kblog .archivo-fecha { font-size: 12.5px; color: var(--text-faint); white-space: nowrap; }
@media (max-width: 700px) {
.kblog .archivo-item { grid-template-columns: 1fr; gap: 5px; }
.kblog .archivo-fecha { order: -1; }
}

.kblog .no-results { display: none; text-align: center; padding: 80px 0; }
.kblog .no-results h3 { font-family: var(--font-display); font-weight: var(--fw-extra); font-size: 24px; color: var(--text-strong); margin: 0 0 8px; }
.kblog .no-results p { font-size: 14.5px; color: var(--text-muted); margin: 0; }
@media (max-width: 980px) {
.kblog .cats { display: none; }
.kblog .blog-search { width: 220px; }
}
@media (max-width: 900px) {
.kblog .subnav-right { width: 100%; }
.kblog .blog-search { width: 100%; }
}
.kblog .grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 8px; }
.kblog .grid4 .card { display: block; text-decoration: none; }
.kblog .grid4 .card .thumb { height: 132px; margin-bottom: 14px; }
.kblog .grid4 .card .thumb img.icon { width: 56px; height: 56px; }
.kblog .grid4 .card .eyebrow { margin: 0 0 6px; }
.kblog .grid4 .card .post-title { font-size: 16px; }
@media (max-width: 900px) {
.kblog .grid4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
.kblog .grid4 { grid-template-columns: 1fr; }
}
/* ============================================================================
   Mobile fixes (added on top of the faithful design port)
   ============================================================================ */
.kblog .burger { display: none; background: none; border: none; color: #fff; cursor: pointer; padding: 6px; line-height: 0; }
.kblog .mobile-menu { display: none; }

/* The sticker is positioned relative to the centered .wrap (not the full-width
   subnav) so it stays anchored to the content/newsletter card at any screen
   width — on wide screens it no longer drifts off to the right. */
.kblog .subnav-in { position: relative; }

@media (max-width: 900px) {
  /* Safety net: clip (not hidden) so it never creates a scroll container that
     would break position:sticky; still prevents any horizontal overflow. */
  .kblog { overflow-x: clip; }

  /* These sections use `padding: Y 0`, which cancels .wrap's side gutter on
     mobile (there's no max-width centering to fall back on). Restore the gutter
     so titles/paragraphs never hug the screen edge. */
  .kblog .two, .kblog .wide, .kblog .section { padding-left: 26px; padding-right: 26px; }
  .kblog .hero .wrap, .kblog .cta-services .wrap, .kblog .band .wrap, .kblog .footer .wrap { padding-left: 26px; padding-right: 26px; }

  /* Hamburger replaces the inline links + CTA on mobile */
  .kblog .topnav-cta { display: none; }
  .kblog .burger { display: inline-flex; align-items: center; }
  .kblog .mobile-menu { display: flex; flex-direction: column; padding: 6px 28px 16px; background: var(--karma-blue-900); }
  .kblog .mobile-menu a { color: rgba(255,255,255,0.92); text-decoration: none; font-size: 15px; font-weight: var(--fw-semibold); padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .kblog .mobile-menu a:last-child { border-bottom: none; }
  .kblog .mobile-menu a.cta { color: var(--karma-orange-500); font-weight: var(--fw-bold); }

  /* Sub-nav: keep the "Blog" title and the search on the SAME line (search shrinks) */
  .kblog .subnav-in { flex-direction: row; align-items: center; height: 56px; gap: 14px; }
  .kblog .subnav-right { width: auto; flex: 0 1 auto; }
  .kblog .blog-search { width: 150px; }

  /* CTA band: let the nowrap kicker/note wrap, shrink display type, stack actions */
  .kblog .cta-card { padding: 30px 22px; }
  .kblog .cta-copy h2 { font-size: 26px; }
  .kblog .cta-kicker { white-space: normal; }
  .kblog .cta-note { white-space: normal; text-align: center; }
  .kblog .cta-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .kblog .cta-btn { justify-content: center; }
}

@media (max-width: 640px) {
  /* Breathing room for the big display type so nothing hugs the screen edge */
  .kblog .hero { padding: 26px 0 4px; }
  .kblog .hero-main .post-title { font-size: 30px; max-width: none; }
  .kblog .hero-thumb { height: 210px; }
  .kblog .two, .kblog .wide { padding-top: 22px; padding-bottom: 22px; }
  .kblog .two .post-title, .kblog .wide-card .post-title { font-size: 22px; }
  .kblog .section { padding-top: 22px; padding-bottom: 8px; }
  .kblog .section-head h2 { font-size: 26px; }
  .kblog .promo { padding: 30px 24px; }
  .kblog .promo .ttl { font-size: 30px; }
  .kblog .band-card { padding: 28px 22px; }
  .kblog .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}

/* ============================================================================
   Tipografía unificada con la Home: Montserrat (en lugar de Switzer), para que
   el body del blog use la misma familia que el resto del sitio (header/footer/Home).
   ============================================================================ */
.kblog {
  --font-display: 'Montserrat', 'Noto Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Montserrat', 'Noto Sans', system-ui, -apple-system, sans-serif;
}

/* ============================================================================
   Tipografía alineada con la HOME: pesos negros + colores + cuerpo 16px, pero
   en caja normal (sin MAYÚSCULAS ni cursiva) para mantener la legibilidad del
   contenido de blog. Replica el peso/colores de la Home (títulos 900/700 #1a1a1a,
   cuerpo #333), no su estilo display (italic/uppercase).
   ============================================================================ */
.kblog .hero-main .post-title { font-weight: 900; color: #1a1a1a; }
.kblog .section-head h2 { color: #1a1a1a; }
.kblog .card .post-title,
.kblog .two .post-title,
.kblog .wide-card .post-title,
.kblog .grid4 .card .post-title { font-weight: 700; color: #1a1a1a; }
.kblog .hero-main .lead { font-size: 16px; color: #333; }
.kblog .excerpt { color: #475569; }