/* Shared content design, independently retained from the retired navigation. */
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/dee94f3ede8441f481012a55.woff2") format('woff2'), url("/_migration-assets/d444d97bd6243f0ae0771076.woff") format('woff'); 
  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;
}

/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/ac83de5e4d05f49fdf18a7d0.woff2") format('woff2'), url("/_migration-assets/911c40fe8147f17e80d83091.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/838d80112dea2fda902f598e.woff2") format('woff2'), url("/_migration-assets/72fb02eefa72284baecce9a7.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/033d703f446f071a4b5d7c2b.woff2") format('woff2'), url("/_migration-assets/bed9bb37b9ca573b5105126b.woff") format('woff'); 
  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;
}

/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/dffa69b68e0d1030e8597ff0.woff2") format('woff2'), url("/_migration-assets/97d8b5ebf25aee3bddd98fe5.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/a5f10e51ca560212dd359d10.woff2") format('woff2'), url("/_migration-assets/e328c1d0b2c8f5ed655568b5.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/061a94b433fdf845f18150f6.woff2") format('woff2'), url("/_migration-assets/2c25e49eb650715ee29674ae.woff") format('woff'); 
  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;
}

/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/8f71d6ba2b29fcb8ee436e76.woff2") format('woff2'), url("/_migration-assets/1e6b377b9eeeb2254d631d5b.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/e1ba53ff0254540cf19c7583.woff2") format('woff2'), url("/_migration-assets/77ed2ecfa451ac51e6906354.woff") format('woff'); 
  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;
}

/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/033558172fbc6358752a9c33.woff2") format('woff2'), url("/_migration-assets/813dca6cec85add4c32a870c.woff") format('woff'); 
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/9b3c7d7f28e85e1ba27307e5.woff2") format('woff2'), url("/_migration-assets/90b4832fc21112b001f047fe.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/0380de7e85718b24b62638e2.woff2") format('woff2'), url("/_migration-assets/cf692227742d093c60c9c2a7.woff") format('woff'); 
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/d1c6ab51fa6fc7044bcb219b.woff2") format('woff2'), url("/_migration-assets/013717e99f1a0ba29b9b75c4.woff") format('woff'); 
  unicode-range: U+1F00-1FFF;
}

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/19de0a60e91d37486d5b67c2.woff2") format('woff2'), url("/_migration-assets/b1b36d7414be1d8b7df1f4bb.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/0bd57ddf2569ccd50602b0ba.woff2") format('woff2'), url("/_migration-assets/72c114cfc885670bcb77b102.woff") format('woff'); 
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/fe21f8d8e29e1ab136f0cf82.woff2") format('woff2'), url("/_migration-assets/b9f81a4d82ea15ccda7c4f09.woff") format('woff'); 
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/dfb55ae2457328c687316364.woff2") format('woff2'), url("/_migration-assets/9173f032a7ac3ee3c2df083f.woff") format('woff'); 
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/96c552d8ccaa17361a8fab66.woff2") format('woff2'), url("/_migration-assets/a8426438ad61d8cd98504fc5.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/1125ee7b5ef2205fcdfc6c2c.woff2") format('woff2'), url("/_migration-assets/b6e28e4deb469ec51053d2af.woff") format('woff'); 
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/23a11f6242718a926056c892.woff2") format('woff2'), url("/_migration-assets/52d4cf432d36cae5050f5efc.woff") format('woff'); 
  unicode-range: U+1F00-1FFF;
}

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/2e5283d3659f45fa4fb1e7af.woff2") format('woff2'), url("/_migration-assets/43f8bbdf4ec080a6e2be2525.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/f02b124c17b7be06a288b75e.woff2") format('woff2'), url("/_migration-assets/3d7145b521b3919994666994.woff") format('woff'); 
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/7481be73ba0654e0efe48878.woff2") format('woff2'), url("/_migration-assets/fc91f9c5ecc6a650644b842d.woff") format('woff'); 
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/2551eea7ab5daefb9da7b44d.woff2") format('woff2'), url("/_migration-assets/510715948af29739af2d124e.woff") format('woff'); 
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/52bbd65a7763110dd45906f1.woff2") format('woff2'), url("/_migration-assets/151aea01406e5c00e4ebd17b.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/a1bc2596c29a8938e6d9d945.woff2") format('woff2'), url("/_migration-assets/fb6b4ab9c4064c9127371dc8.woff") format('woff'); 
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/ebc79ffc120afafa5c83463c.woff2") format('woff2'), url("/_migration-assets/bb6dd4aafa198746a76b0fd1.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/40da6ecb29f3ba3efec46751.woff2") format('woff2'), url("/_migration-assets/92fb93ca1b13c827b6e8541f.woff") format('woff'); 
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/6e74dc0468eb7acf676ece55.woff2") format('woff2'), url("/_migration-assets/af80b6b47b10ee0498328d32.woff") format('woff'); 
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/17774718d24cc9c34f3f8c59.woff2") format('woff2'), url("/_migration-assets/05e61abfa2cdc2894e270174.woff") format('woff'); 
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/a1d51e8aa14ac60da378cc85.woff2") format('woff2'), url("/_migration-assets/91edbf6df7e494eab84937d6.woff") format('woff'); 
  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 */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/6c6dd8b9c20b0a55d74a83f8.woff2") format('woff2'), url("/_migration-assets/7a945fd3abde158b50ec0c42.woff") format('woff'); 
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/916932362cb56517a4a2c6a7.woff2") format('woff2'), url("/_migration-assets/812e8b531016804511d91b29.woff") format('woff'); 
  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;
}

/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/75eb414bd19e0149e1a6c856.woff2") format('woff2'), url("/_migration-assets/d5bedd4dcf36171087fc6352.woff") format('woff'); 
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/_migration-assets/177fa3e028d3a0bf236cf2ba.woff2") format('woff2'), url("/_migration-assets/6629c336699c35213a913a5b.woff") format('woff'); 
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}


:root{
--cp-graphite:#16181D; --cp-surface:#20232B; --cp-surface-2:#1B1E25; --cp-border:#2D313B;
--cp-gold:#FFB22E; --cp-gold-ink:#412402; --cp-red:#FF5240;
--cp-text:#ECEAE4; --cp-body:#C9CBD1; --cp-muted:#9A9DA6;
--cp-gold-10:rgba(255,178,46,.10);  --cp-gold-30:rgba(255,178,46,.30);
--cp-gold-35:rgba(255,178,46,.35);  --cp-gold-50:rgba(255,178,46,.50);
--cp-red-10:rgba(255,82,64,.10);    --cp-red-35:rgba(255,82,64,.35);
--cp-muted-10:rgba(154,157,166,.10);
--cp-glass:rgba(22,24,29,.82);
--cp-font-head:'Space Grotesk',sans-serif;
--cp-font-body:'Inter',system-ui,sans-serif;
--cp-font-mono:'JetBrains Mono',monospace;
--cp-hairline:.5px solid var(--cp-border);
--cp-radius-sm:9px; --cp-radius:12px; --cp-radius-lg:14px;
--ghost-accent-color:var(--cp-gold); --accent-color:var(--cp-gold);
}
.gh-main{ max-width:1140px; margin-inline:auto; padding-inline:24px; }
@media (max-width:600px){ .gh-main{ padding-inline:18px; } }
html, body,
.gh-viewport, .site, .gh-main, .gh-content,
.gh-container, .gh-head, .gh-foot, main, .site-content,
.gh-article, .gh-canvas, .gh-article-header, .kg-canvas{
background-color:var(--cp-graphite) !important;
}
body{ color:var(--cp-body); font-family:var(--cp-font-body); }
h1,h2,h3,h4,h5,h6,
.site-title,.gh-article-title,.post-card-title,.gh-card-title{
font-family:var(--cp-font-head) !important; color:var(--cp-text); letter-spacing:-0.02em;
}
.gh-content,.post-content,article p,.gh-article-excerpt{ color:var(--cp-body); }
a{ color:var(--cp-gold); text-decoration:none; } a:hover{ opacity:0.85; }
a.cp-card[href], a.cp-tile[href], a.cp-tile--link[href]{ text-decoration:none; }
.cp-stamp, .cp-tags span{ text-decoration:none; }
.gh-button,.kg-btn,button.gh-button,input[type="submit"],.gh-form button,.gh-cta-button{
background-color:var(--cp-gold) !important; color:var(--cp-gold-ink) !important;
border:none !important; border-radius:8px; font-weight:500;
}
.gh-article-tag,.post-card-tags,.gh-article-meta,.byline,time,.post-card-meta{
font-family:var(--cp-font-mono) !important; color:var(--cp-muted);
letter-spacing:0.03em; text-transform:lowercase;
}
.post-card,.gh-card,.gh-canvas .kg-card{
background-color:var(--cp-surface); border:var(--cp-hairline); border-radius:var(--cp-radius);
}
.gh-card-wrapper{ padding:20px 22px 22px; }
hr{ border-color:var(--cp-border); }
::selection{ background:var(--cp-gold); color:var(--cp-gold-ink); }
.page-template .gh-footer-signup,
.home-template .gh-footer-signup{ margin-top:48px; }
.cp-bento{ max-width:1140px; margin:1.5rem auto; padding-inline:24px; display:grid; gap:16px; grid-template-columns:1fr;
font-family:var(--cp-font-body); color:var(--cp-body); }
.cp-bento *{ box-sizing:border-box; }
@media (max-width:600px){ .cp-bento{ padding-inline:18px; } }
@media (min-width:760px){
.cp-bento{ grid-template-columns:1.08fr 0.92fr; grid-template-rows:1fr 1fr;
grid-template-areas:"main top" "main bottom"; }
.cp-bento__main{ grid-area:main; }
.cp-bento__top{ grid-area:top; }
.cp-bento__bottom{ grid-area:bottom; }
.cp-bento.cp-bento--duo{ grid-template-columns:1fr 1fr; grid-template-rows:auto; grid-template-areas:none; }
}
.cp-tile{ position:relative; overflow:hidden; background:var(--cp-surface);
border:var(--cp-hairline); border-radius:16px; padding:26px 26px 22px;
font-family:var(--cp-font-body); color:var(--cp-body); }
.cp-tile::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cp-gold); }
.cp-tile--center{ display:flex; flex-direction:column; justify-content:center; }
.cp-tile--link{ display:flex; flex-direction:column; justify-content:center; text-decoration:none;
transition:border-color .15s ease; }
.cp-tile--link:hover{ border-color:var(--cp-gold-50); }
.cp-tile--soon{ background:transparent; border:1px dashed var(--cp-border);
display:flex; flex-direction:column; justify-content:center; }
.cp-tile--soon::before{ display:none; }
.cp-tile--soon .cp-kicker,
.cp-tile--soon .cp-title,
.cp-tile--soon .cp-text{ color:var(--cp-muted); }
.cp-tile--soon .cp-text{ margin-bottom:0; }
.cp-tile--soon .cp-crosshair::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='16.8%2016.8%2090.4%2090.4'%3E%3Cg%20fill='none'%20stroke='%239A9DA6'%20stroke-width='6.4'%20stroke-linecap='round'%3E%3Ccircle%20cx='62'%20cy='62'%20r='27'/%3E%3Cline%20x1='62'%20y1='20'%20x2='62'%20y2='35'/%3E%3Cline%20x1='62'%20y1='89'%20x2='62'%20y2='104'/%3E%3Cline%20x1='20'%20y1='62'%20x2='35'%20y2='62'/%3E%3Cline%20x1='89'%20y1='62'%20x2='104'%20y2='62'/%3E%3C/g%3E%3Cpath%20fill='%239A9DA6'%20fill-rule='evenodd'%20d='M64.19%2041.84C66.92%2047.93%2075.68%2054.30%2075.68%2064.55A13.68%2013.29%200%200%201%2048.32%2064.55C48.32%2059.01%2051.06%2055.13%2054.61%2051.26C55.16%2054.86%2056.80%2057.07%2059.26%2057.90C59.26%2051.81%2061.45%2046.27%2064.19%2041.84ZM62.82%2061.78C64.46%2064.55%2067.75%2066.76%2067.75%2070.36A5.75%205.26%200%200%201%2056.25%2070.36C56.25%2067.59%2058.99%2065.10%2062.82%2061.78Z'/%3E%3C/svg%3E"); }
.cp-tile--media{ padding:0; justify-content:flex-start; }
.cp-tile--media .cp-tile__img{ height:170px; background-size:cover; background-position:center;
background-color:var(--cp-surface-2); }
.cp-tile--media .cp-tile__body{ padding:24px 26px 22px; display:flex; flex-direction:column; }
.cp-kicker{ display:flex; align-items:center; gap:9px; font-family:var(--cp-font-mono);
font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--cp-gold); margin-bottom:14px; }
.cp-crosshair{ width:14px; height:14px; position:relative; flex:none; }
.cp-crosshair::before{ content:""; position:absolute; inset:-3.5px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='16.8%2016.8%2090.4%2090.4'%3E%3Cg%20fill='none'%20stroke='%23FFB22E'%20stroke-width='6.4'%20stroke-linecap='round'%3E%3Ccircle%20cx='62'%20cy='62'%20r='27'/%3E%3Cline%20x1='62'%20y1='20'%20x2='62'%20y2='35'/%3E%3Cline%20x1='62'%20y1='89'%20x2='62'%20y2='104'/%3E%3Cline%20x1='20'%20y1='62'%20x2='35'%20y2='62'/%3E%3Cline%20x1='89'%20y1='62'%20x2='104'%20y2='62'/%3E%3C/g%3E%3Cpath%20fill='%23FFB22E'%20fill-rule='evenodd'%20d='M64.19%2041.84C66.92%2047.93%2075.68%2054.30%2075.68%2064.55A13.68%2013.29%200%200%201%2048.32%2064.55C48.32%2059.01%2051.06%2055.13%2054.61%2051.26C55.16%2054.86%2056.80%2057.07%2059.26%2057.90C59.26%2051.81%2061.45%2046.27%2064.19%2041.84ZM62.82%2061.78C64.46%2064.55%2067.75%2066.76%2067.75%2070.36A5.75%205.26%200%200%201%2056.25%2070.36C56.25%2067.59%2058.99%2065.10%2062.82%2061.78Z'/%3E%3C/svg%3E") no-repeat center/contain; }
.cp-title{ font-family:var(--cp-font-head); font-weight:700; font-size:22px;
letter-spacing:-0.02em; line-height:1.1; color:var(--cp-text); margin:0 0 8px; }
.cp-title--xl{ font-size:26px; line-height:1.05; }
.cp-hl, .gold, .hit{ color:var(--cp-gold); }
.cp-hl--red{ color:var(--cp-red); }
.cp-role{ font-family:var(--cp-font-mono); font-size:12px; color:var(--cp-gold); margin:0 0 16px; }
.cp-text{ font-size:15px; line-height:1.7; color:var(--cp-body); margin:0 0 20px; }
.cp-go{ font-family:var(--cp-font-mono); font-size:13px; color:var(--cp-gold); font-weight:500; }
.cp-head{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.cp-avatar{ width:60px; height:60px; flex:none; border-radius:50%; background:var(--cp-graphite);
border:1.5px solid var(--cp-gold); display:flex; align-items:center; justify-content:center; }
.cp-sheet{ background:var(--cp-surface-2); border:var(--cp-hairline); border-radius:var(--cp-radius);
padding:4px 16px; margin-bottom:20px; }
.cp-sheet__row{ display:flex; align-items:baseline; gap:14px; padding:11px 0;
border-bottom:var(--cp-hairline); font-family:var(--cp-font-mono); font-size:12.5px; }
.cp-sheet__row:last-child{ border-bottom:none; }
.cp-sheet__k{ color:var(--cp-muted); letter-spacing:0.04em; flex:none; width:104px; }
.cp-sheet__v{ color:var(--cp-body); } .cp-sheet__v--gold{ color:var(--cp-gold); }
.cp-tags{ display:flex; flex-wrap:wrap; gap:9px; }
.cp-tags span{ font-family:var(--cp-font-mono); font-size:11px; color:var(--cp-gold);
background:var(--cp-gold-10); border:0.5px solid var(--cp-gold-30); padding:5px 10px; border-radius:7px; }
.cp-rank__row{ padding:13px 0; border-bottom:var(--cp-hairline); }
.cp-rank__row:last-child{ border-bottom:none; padding-bottom:2px; }
.cp-rank__top{ display:flex; align-items:baseline; gap:12px; margin-bottom:9px; }
.cp-rank__rank{ font-family:var(--cp-font-mono); font-size:12px; color:var(--cp-gold); flex:none; width:22px; }
.cp-rank__name{ font-family:var(--cp-font-head); font-weight:500; font-size:16px; color:var(--cp-text); flex:1; }
.cp-rank__note{ font-family:var(--cp-font-mono); font-size:11px; color:var(--cp-muted); margin-left:6px; }
.cp-rank__hrs{ font-family:var(--cp-font-mono); font-size:13px; color:var(--cp-body); flex:none; }
.cp-bar{ height:7px; background:var(--cp-surface-2); border:var(--cp-hairline);
border-radius:6px; overflow:hidden; margin-left:34px; }
.cp-bar > span{ display:block; height:100%; background:var(--cp-gold); border-radius:6px; }
.cp-meta{ display:flex; flex-direction:column; gap:8px; font-family:var(--cp-font-mono);
font-size:12px; color:var(--cp-muted); }
.cp-arr{ color:var(--cp-gold); margin-right:6px; }
.cp-btn{ align-self:flex-start; display:inline-block; background:var(--cp-gold); color:var(--cp-gold-ink);
font-family:var(--cp-font-mono); font-size:13px; font-weight:500; text-decoration:none;
padding:12px 18px; border-radius:var(--cp-radius-sm); border:none; cursor:pointer; letter-spacing:0.02em; }
.cp-btn:hover{ opacity:0.9; } .cp-btn:disabled{ opacity:0.6; cursor:default; }
a.cp-btn{ color:var(--cp-gold-ink) !important; }
a.cp-btn.cp-btn--ghost{ background:transparent !important; color:var(--cp-gold) !important;
border:var(--cp-hairline) !important; }
a.cp-btn.cp-btn--ghost:hover{ border-color:var(--cp-gold) !important; opacity:1; }
.cp-form label{ display:block; font-family:var(--cp-font-mono); font-size:11px;
letter-spacing:0.04em; text-transform:lowercase; color:var(--cp-muted); margin:0 0 6px; }
.cp-field{ margin-bottom:16px; }
.cp-form input, .cp-form textarea{ width:100%; background:var(--cp-surface-2); border:var(--cp-hairline);
border-radius:var(--cp-radius-sm); color:var(--cp-text); font-family:var(--cp-font-body); font-size:15px; padding:11px 13px; }
.cp-form textarea{ min-height:120px; resize:vertical; }
.cp-form input:focus, .cp-form textarea:focus{ outline:none; border-color:var(--cp-gold); }
.cp-form input::placeholder, .cp-form textarea::placeholder{ color:var(--cp-muted); }
.cp-status{ display:none; border-radius:10px; padding:16px 18px; font-size:15px; line-height:1.6; margin-top:4px; }
.cp-status.ok{ display:block; background:var(--cp-gold-10); border:0.5px solid var(--cp-gold-35); color:var(--cp-gold); }
.cp-status.err{ display:block; background:var(--cp-red-10); border:0.5px solid var(--cp-red-35); color:var(--cp-red); }
.cp-hp{ position:absolute; left:-9999px; }
.cp-stamp{ display:inline-block; font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.08em;
text-transform:uppercase; padding:5px 12px; border-radius:7px;
border:.5px solid var(--cp-gold); color:var(--cp-gold); background:var(--cp-gold-10); }
.cp-stamp--muted{ color:var(--cp-muted); border-color:var(--cp-muted); background:var(--cp-muted-10); }
.cp-stamp--red{ color:var(--cp-red); border-color:var(--cp-red); background:var(--cp-red-10); }
.cp-stamp--solid{ color:var(--cp-gold-ink); background:var(--cp-gold); border-color:var(--cp-gold); }
.cp-stamp--dashed{ border-style:dashed; }
.cp-stamp--sm{ font-size:10px; padding:4px 9px; border-radius:6px; }
.cp-stamp--lg{ font-size:13px; padding:8px 16px; letter-spacing:.06em; }
.cp-crumb{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.04em;
color:var(--cp-muted); margin-bottom:18px; }
.cp-crumb a{ color:var(--cp-muted); text-decoration:none; }
.cp-crumb a:hover{ color:var(--cp-gold); }
.cp-crumb .sep{ color:var(--cp-border); margin:0 8px; }
.cp-crumb .cp-hl, .cp-crumb span{ color:var(--cp-gold); }
.cp-subhead{ font-family:var(--cp-font-head); font-weight:500; font-size:18px;
letter-spacing:-.01em; color:var(--cp-text); margin:26px 0 6px; }
.cp-landing__head + .cp-subhead{ margin-top:0; }
.cp-seg{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; padding:5px;
max-width:max-content; background:var(--cp-surface); border:var(--cp-hairline); border-radius:11px; }
.cp-seg__btn{ font-family:var(--cp-font-head); font-weight:500; font-size:13.5px; white-space:nowrap;
color:var(--cp-body); background:none; border:none; border-radius:8px; padding:9px 16px; cursor:pointer;
transition:color .15s ease, background .15s ease; }
.cp-seg__btn:hover{ color:var(--cp-gold); }
.cp-seg__btn[aria-selected="true"]{ color:var(--cp-gold-ink); background:var(--cp-gold); }
.cp-seg__n{ font-family:var(--cp-font-mono); font-size:11px; color:var(--cp-muted); margin-left:6px; }
.cp-seg__btn[aria-selected="true"] .cp-seg__n{ color:var(--cp-gold-ink); opacity:.7; }
.cp-tally{ font-family:var(--cp-font-mono); font-size:12px; color:var(--cp-muted); margin-bottom:22px; }
.cp-tally b{ color:var(--cp-gold); font-weight:500; }
.cp-group{ width:100%; display:flex; align-items:center; gap:10px; cursor:pointer; text-align:left;
background:none; border:none; border-bottom:var(--cp-hairline); padding:0 0 8px; margin:30px 0 16px; }
.cp-group:first-child{ margin-top:0; }
.cp-group:hover .cp-group__label{ color:var(--cp-gold); }
.cp-group__label{ font-family:var(--cp-font-head); font-weight:500; font-size:17px; color:var(--cp-text);
letter-spacing:-.01em; transition:color .15s ease; }
.cp-group__count{ font-family:var(--cp-font-mono); font-size:11px; color:var(--cp-muted); letter-spacing:.06em; }
.cp-group__car{ margin-left:auto; color:var(--cp-gold); font-family:var(--cp-font-mono); font-size:18px; line-height:1; }
.cp-fineprint{ margin:34px 0 0; padding-top:18px; border-top:var(--cp-hairline);
font-family:var(--cp-font-body); font-size:12px; line-height:1.6; color:var(--cp-muted); max-width:760px; }
.gh-article-header{ display:flex; flex-direction:column; }
.gh-article-header .gh-article-image{ order:-1; margin-bottom:32px; }
.gh-article-image img{
display:block; width:100%;
aspect-ratio:24 / 5; object-fit:cover; object-position:center 30%;
}
.gh-flow, .gh-flow-content-wrap, .gh-flow-content, .gh-flow-content.private{
background-color:var(--cp-graphite) !important;
}
.gh-flow h1, .gh-private-dialog h2{ color:var(--cp-text) !important; }
.gh-private-description{ color:var(--cp-muted) !important; }
.gh-private-signup-input, .gh-input{
background-color:var(--cp-surface) !important; border-color:var(--cp-border) !important; color:var(--cp-text) !important;
}
.gh-private-dialog-panel{ background-color:var(--cp-surface) !important; }
.cp-hero{ max-width:1140px; margin:0 auto 40px; padding:26px 24px 38px;
border-bottom:var(--cp-hairline); }
.cp-hero__title{ font-family:var(--cp-font-head); font-weight:700;
font-size:clamp(38px,7vw,60px); line-height:1; letter-spacing:-1.5px;
color:var(--cp-text); margin:0; }
.cp-hero__lead{ margin:18px 0 0; font-size:18px; max-width:620px; color:var(--cp-body); }
.cp-landing{ max-width:1140px; margin:0 auto; padding:0 24px; }
.cp-landing__sec{ margin-bottom:48px; scroll-margin-top:78px; }
.cp-landing__sec:last-child{ margin-bottom:0; }
#cp-review:not(:empty){ margin-bottom:48px; }
.cp-landing__head{ margin-bottom:20px; }
.cp-landing__h2{ font-family:var(--cp-font-head); font-weight:500;
font-size:28px; letter-spacing:-0.5px; color:var(--cp-text); margin:0; }
.cp-card{ display:flex; flex-direction:column; overflow:hidden; text-decoration:none;
color:inherit; background:var(--cp-surface); border:var(--cp-hairline); border-radius:var(--cp-radius);
position:relative; transition:border-color .18s ease, transform .18s ease; }
.cp-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px;
background:var(--cp-gold); opacity:0; transition:opacity .18s ease; z-index:2; }
.cp-card:hover{ border-color:var(--cp-gold); transform:translateY(-2px); }
.cp-card:hover::before{ opacity:1; }
.cp-card__img{ width:100%; aspect-ratio:16/9; background-size:cover; background-position:center;
background-color:var(--cp-surface-2); }
.cp-card__body{ padding:18px 20px; }
.cp-card__text{ flex:1; min-width:0; }
.cp-card__meta{ font-family:var(--cp-font-mono); font-size:11px; color:var(--cp-muted);
text-transform:lowercase; letter-spacing:.03em; margin-bottom:8px; }
.cp-card__title{ font-family:var(--cp-font-head); font-weight:500; font-size:18px;
color:var(--cp-text); margin:0 0 6px; letter-spacing:-0.3px; }
.cp-card__ex{ font-size:14px; margin:0; color:var(--cp-body); }
.cp-card__arr{ flex:none; font-family:var(--cp-font-mono); color:var(--cp-gold); font-size:20px; }
.cp-card--row .cp-card__img{ aspect-ratio:24/5; }
.cp-card--row .cp-card__body{ display:flex; align-items:center; gap:16px; padding:18px 22px; }
@media (max-width:560px){ .cp-card--row .cp-card__img{ aspect-ratio:16/6; } }
.cp-card--bare{ background:none; border:none; border-radius:0; }
.cp-card--bare::before{ display:none; }
.cp-card--bare:hover{ border-color:transparent; transform:none; }
.cp-card--feature{ background:none; border:none; border-radius:0;
display:grid; grid-template-columns:1fr; }
.cp-card--feature::before{ display:none; }
.cp-card--feature:hover{ transform:none; }
.cp-card--feature .cp-card__img{ aspect-ratio:auto; min-height:220px; }
.cp-card--feature .cp-card__body{ padding:26px 28px; }
.cp-card--feature .cp-card__meta{ color:var(--cp-gold); margin-bottom:10px; }
.cp-card--feature .cp-card__title{ font-size:26px; letter-spacing:-0.5px; margin:0 0 10px; }
.cp-card--feature .cp-card__ex{ font-size:15px; }
@media (min-width:680px){
.cp-card--feature{ grid-template-columns:1fr 1fr; align-items:stretch; }
.cp-card--feature .cp-card__body{ display:flex; flex-direction:column; justify-content:center; }
}
.cp-list{ display:flex; flex-direction:column; gap:16px; }
.cp-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30%,340px),1fr)); }
.cp-more{ text-align:center; margin-top:24px; }
.cp-end{ font-family:var(--cp-font-mono); font-size:12px; color:var(--cp-muted);
text-align:center; margin-top:24px; }
.cp-landing__head--row{ display:flex; align-items:baseline; gap:14px; }
.cp-landing__num{ font-family:var(--cp-font-mono); font-size:13px; color:var(--cp-gold); }
.page-template .gh-content:only-child > :first-child:not(.kg-width-full){ margin-top:0 !important; }
.gh-article-tag, .gh-article-tag a{
color:var(--cp-gold) !important;
text-transform:uppercase;
letter-spacing:0.16em;
font-size:11px;
}
.gh-article-tag{ margin-bottom:14px; }
.gh-article-tag::before{
content:"";
display:inline-block; width:14px; height:14px; margin-right:9px;
vertical-align:-2px;
background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='%23FFB22E'%20stroke-width='1.5'%20stroke-linecap='round'%3E%3Ccircle%20cx='8'%20cy='8'%20r='4.5'/%3E%3Cline%20x1='8'%20y1='0.5'%20x2='8'%20y2='3'/%3E%3Cline%20x1='8'%20y1='13'%20x2='8'%20y2='15.5'/%3E%3Cline%20x1='0.5'%20y1='8'%20x2='3'%20y2='8'/%3E%3Cline%20x1='13'%20y1='8'%20x2='15.5'%20y2='8'/%3E%3Cpath%20fill='%23FFB22E'%20stroke='none'%20fill-rule='evenodd'%20transform='translate%288%208%29%20scale%280.1667%29%20translate%28-62%20-62%29'%20d='M64.19%2041.84C66.92%2047.93%2075.68%2054.30%2075.68%2064.55A13.68%2013.29%200%200%201%2048.32%2064.55C48.32%2059.01%2051.06%2055.13%2054.61%2051.26C55.16%2054.86%2056.80%2057.07%2059.26%2057.90C59.26%2051.81%2061.45%2046.27%2064.19%2041.84ZM62.82%2061.78C64.46%2064.55%2067.75%2066.76%2067.75%2070.36A5.75%205.26%200%200%201%2056.25%2070.36C56.25%2067.59%2058.99%2065.10%2062.82%2061.78Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.gh-article-title{
font-family:var(--cp-font-head) !important;
font-size:clamp(36px,6vw,56px) !important;
line-height:1.02;
letter-spacing:-0.03em;
color:var(--cp-text);
margin-top:0;
}
.gh-article-excerpt{
font-family:var(--cp-font-body);
font-size:18px; line-height:1.6;
color:var(--cp-body);
max-width:620px; margin-top:14px;
}
.gh-article-meta .gh-author-name,
.gh-article-meta a{ color:var(--cp-text); }
.gh-article-meta, .gh-article-meta time{ color:var(--cp-muted); }
.gh-article-meta-length{ display:none; }
.gh-content .cp-hero,
.gh-content .cp-landing,
.gh-content .cp-bento,
.gh-content .cp{
width:100vw; max-width:100vw;
margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
padding-left:max(24px, calc(50vw - 546px));
padding-right:max(24px, calc(50vw - 546px));
text-align:left;
}
.gh-content .cp-hero{ position:relative; border-bottom:none; }
.gh-content .cp-hero::after{
content:""; position:absolute; bottom:0;
left:max(24px, calc(50vw - 546px)); right:max(24px, calc(50vw - 546px));
border-bottom:var(--cp-hairline);
}
/* Keep the feature image within its containing header: 100vw includes the scrollbar. */
.gh-article-image{
width:min(1092px, 100%); max-width:100%;
margin-left:auto; margin-right:auto;
padding-left:0;
padding-right:0;
background:transparent !important; border:none !important; border-radius:0 !important;
}
.gh-content figure.kg-image-card,
.gh-content figure.kg-gallery-card{
grid-column:main-start / main-end;
width:100%; max-width:100%;
margin-left:0; margin-right:0;
padding-left:0; padding-right:0;
}
.gh-content figure.kg-image-card img,
.gh-content figure.kg-gallery-card img{
width:100%; height:auto; display:block;
border-radius:var(--cp-radius-lg);
border:var(--cp-hairline);
}
.page-template .gh-content > figure.kg-image-card:first-child,
.home-template .gh-content > figure.kg-image-card:first-child{
margin-top:0;
margin-bottom:24px;
width:100vw; max-width:100vw;
margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
padding-left:max(24px, calc(50vw - 546px));
padding-right:max(24px, calc(50vw - 546px));
background:transparent; border:none; border-radius:0;
}
.page-guild-wars-3 .gh-content > figure.kg-image-card:first-child{
margin-bottom:44px;
}
.cp-video{ position:relative; overflow:hidden; aspect-ratio:16/9;
border:var(--cp-hairline); border-radius:var(--cp-radius-lg); background:#000; }
.cp-video--sm{ max-width:560px; }
.cp-video::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px;
background:var(--cp-gold); z-index:3; }
.cp-video__poster{ position:absolute; inset:0; width:100%; height:100%; padding:0; border:0;
-webkit-appearance:none; appearance:none; cursor:pointer; display:flex; flex-direction:column;
align-items:center; justify-content:center; gap:16px; background-color:var(--cp-graphite);
background-size:cover; background-position:center; }
.cp-video__play{ width:66px; height:66px; border-radius:50%; background:var(--cp-gold);
display:flex; align-items:center; justify-content:center; transition:transform .15s ease; }
.cp-video--sm .cp-video__play{ width:56px; height:56px; }
.cp-video__play::before{ content:""; width:0; height:0; margin-left:5px;
border-left:20px solid var(--cp-gold-ink); border-top:12px solid transparent; border-bottom:12px solid transparent; }
.cp-video__poster:hover .cp-video__play{ transform:scale(1.06); }
.cp-video__label{ font-family:var(--cp-font-mono); font-size:12px; letter-spacing:.14em;
text-transform:uppercase; color:var(--cp-text); }
.cp-video__frame{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.cp{ color:var(--cp-body); font-family:var(--cp-font-body); font-size:16px; line-height:1.7; }
.cp *{ box-sizing:border-box; }
.cp .wrap{ max-width:none; margin:0; padding:0; }
.cp .topline{ height:3px; background:var(--cp-gold); border-radius:3px; margin-bottom:6px; }
.cp .meta{ margin-top:20px; font-family:var(--cp-font-mono); font-size:12px;
color:var(--cp-muted); display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; }
.cp .meta b{ color:var(--cp-text); font-weight:500; }
.cp-verdict{ margin-top:24px; background:var(--cp-surface); border:var(--cp-hairline);
border-left:3px solid var(--cp-gold); border-radius:0 var(--cp-radius) var(--cp-radius) 0; padding:22px 24px; }
.cp-verdict--core,.cp-verdict--list{ border-left-color:var(--cp-muted); }
.cp-verdict--skip{ border-left-color:var(--cp-red); }
.cp-verdict__head{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:14px; }
.cp-verdict__score{ font-family:var(--cp-font-mono); font-size:13px; color:var(--cp-text); }
.cp-verdict__score b{ color:var(--cp-gold); font-weight:700; font-size:15px; }
.cp-verdict p{ font-size:16.5px; color:var(--cp-text); max-width:none; margin:0; }
.cp-verdict p + p{ margin-top:10px; color:var(--cp-body); font-size:15.5px; }
.cp section{ padding:42px 0; border-bottom:var(--cp-hairline); }
.cp h2{ font-family:var(--cp-font-head); font-weight:500; font-size:clamp(26px,4vw,32px);
letter-spacing:-.5px; color:var(--cp-text); margin:0 0 18px; scroll-margin-top:72px; }
.cp h3{ font-family:var(--cp-font-head); font-weight:500; font-size:19px;
color:var(--cp-text); margin:26px 0 8px; letter-spacing:-.2px; }
.cp p{ max-width:none; margin:0; }
.cp p + p{ margin-top:14px; }
.cp .lead{ font-size:17.5px; color:var(--cp-body); }
.cp strong{ color:var(--cp-text); font-weight:500; }
.cp em{ color:var(--cp-body); font-style:italic; }
.cp a{ color:var(--cp-gold); text-decoration:none; border-bottom:1px solid var(--cp-gold-35); }
.cp a:hover{ border-bottom-color:var(--cp-gold); opacity:1; }
.cp ul.body-list{ list-style:none; margin:16px 0 0; padding:0; }
.cp ul.body-list li{ padding:9px 0 9px 20px; border-bottom:var(--cp-hairline);
font-size:15.5px; color:var(--cp-body); position:relative; }
.cp ul.body-list li:last-child{ border-bottom:none; }
.cp ul.body-list li::before{ content:""; position:absolute; left:0; top:17px; width:7px; height:7px;
border:1.5px solid var(--cp-gold); transform:rotate(45deg); }
.cp ul.body-list li b{ color:var(--cp-text); font-weight:500; }
.cp .tbl-wrap{ margin-top:18px; overflow-x:auto; }
.cp .tbl-wrap table{ width:100%; border-collapse:collapse; font-size:14.5px; min-width:420px; }
.cp .tbl-wrap th{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.06em;
text-transform:uppercase; color:var(--cp-muted); text-align:left; padding:0 14px 10px 0;
border-bottom:var(--cp-hairline); font-weight:500; }
.cp .tbl-wrap td{ padding:11px 14px 11px 0; border-bottom:var(--cp-hairline);
vertical-align:top; color:var(--cp-body); }
.cp .tbl-wrap td:first-child{ color:var(--cp-text); }
.cp .tbl-wrap tr:last-child td{ border-bottom:none; }
.cp .note{ background:var(--cp-surface); border:var(--cp-hairline);
border-left:3px solid var(--cp-gold); border-radius:0 10px 10px 0; padding:15px 18px;
margin-top:20px; font-size:14.5px; color:var(--cp-body); }
.cp .note b{ color:var(--cp-gold); }
.cp .for-grid{ display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:18px; }
@media (max-width:640px){ .cp .for-grid{ grid-template-columns:1fr; } }
.cp .for{ background:var(--cp-surface-2); border:var(--cp-hairline);
border-radius:var(--cp-radius); padding:17px 19px; }
.cp .for .tag{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.08em;
text-transform:uppercase; display:flex; gap:8px; align-items:center; margin-bottom:9px; }
.cp .for .tag .d{ width:8px; height:8px; border-radius:50%; flex:none; }
.cp .for.go .tag{ color:var(--cp-gold); } .cp .for.go .d{ background:var(--cp-gold); }
.cp .for.wait .tag{ color:var(--cp-muted); } .cp .for.wait .d{ background:var(--cp-muted); }
.cp .for p{ font-size:14.5px; color:var(--cp-body); margin:0; }
.cp .for ul{ list-style:none; margin:0; padding:0; }
.cp .for li{ position:relative; padding:7px 0 7px 18px; font-size:14.5px; color:var(--cp-body);
border-bottom:var(--cp-hairline); }
.cp .for li:last-child{ border-bottom:none; }
.cp .for li::before{ content:""; position:absolute; left:0; top:14px; width:6px; height:6px;
border:1.5px solid var(--cp-gold); transform:rotate(45deg); }
.cp .for.wait li::before{ border-color:var(--cp-muted); }
.cp footer{ padding:38px 0 10px; }
.cp .src{ font-size:13.5px; color:var(--cp-muted); }
.cp .src a{ color:var(--cp-muted); border-bottom:1px solid var(--cp-border); }
.cp .src a:hover{ color:var(--cp-gold); }
.cp .fnote{ font-family:var(--cp-font-mono); font-size:12px; color:var(--cp-muted); margin-top:22px; }
html{ scroll-behavior:smooth; }
.cp-toc{
display:flex; flex-wrap:wrap; align-items:center; gap:11px;
background:var(--cp-surface); border:var(--cp-hairline); border-radius:var(--cp-radius);
padding:14px 18px; margin:0 0 42px;
}
.cp-toc__lbl{
display:flex; align-items:center; gap:9px;
font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.12em;
text-transform:uppercase; color:var(--cp-gold); margin-right:3px;
}
a.cp-toc__link{
font-family:var(--cp-font-mono); font-size:13px; letter-spacing:.02em;
color:var(--cp-body); text-decoration:none;
border:var(--cp-hairline); border-radius:8px; padding:7px 13px;
transition:border-color .15s ease, color .15s ease;
}
a.cp-toc__link:hover{ border-color:var(--cp-gold); color:var(--cp-gold); }
.cp-faq__item{ border-bottom:var(--cp-hairline); }
.cp-faq__item:last-child{ border-bottom:none; }
.cp-faq__q{
list-style:none; cursor:pointer; display:flex; align-items:flex-start; gap:16px;
padding:18px 0; font-family:var(--cp-font-head); font-weight:500; font-size:17px;
letter-spacing:-.01em; color:var(--cp-text);
}
.cp-faq__q::-webkit-details-marker{ display:none; }
.cp-faq__q::after{
content:'+'; margin-left:auto; flex:none; color:var(--cp-gold);
font-family:var(--cp-font-mono); font-size:19px; line-height:1.2;
}
.cp-faq__item[open] .cp-faq__q::after{ content:'\2013'; }
.cp-faq__a{
font-family:var(--cp-font-body); font-size:15px; line-height:1.65; color:var(--cp-body);
max-width:660px; margin:0; padding:0 0 18px;
}
.cp-faq__q h3{ margin:0; font:inherit; color:inherit; }
.cp-grid--split{ grid-template-columns:1fr 1fr; }
.cp-grid--split > *{ min-width:0; }
.cp-grid__span{ grid-column:1 / -1; }
.cp-tile--hero{ padding:40px 32px 34px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cp-tile--hero .cp-kicker{ justify-content:center; }
.cp-tile--hero .cp-title{ font-size:clamp(30px,5.5vw,46px); line-height:1.05; margin-bottom:10px; }
.cp-tile--hero .cp-text{ max-width:560px; }
.cp-tile--hero .cp-btn{ align-self:center; margin-top:4px; font-size:14px; padding:13px 22px; }
@media (max-width:560px){ .cp-grid--split{ grid-template-columns:1fr; } }
.cp-panel{ position:relative; background:var(--cp-surface); border:var(--cp-hairline);
border-radius:var(--cp-radius-lg); padding:30px 28px; }
.cp-panel::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px;
background:var(--cp-gold); border-radius:14px 14px 0 0; }
@media (max-width:600px){ .cp-panel{ padding:24px 18px; } }
.cp-pager{ display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.cp-pager--top{ margin:-6px 0 20px; }
.cp-pager--bottom{ margin:22px 0 0; }
.cp-pager__btn{ display:inline-flex; align-items:center; justify-content:center;
width:34px; height:34px; border-radius:var(--cp-radius-sm); border:var(--cp-hairline); background:var(--cp-surface-2);
color:var(--cp-text); font-family:var(--cp-font-mono); font-size:16px; line-height:1; cursor:pointer;
transition:border-color .15s ease, color .15s ease, opacity .15s ease; }
.cp-pager__btn:hover:not(:disabled){ border-color:var(--cp-gold); color:var(--cp-gold); }
.cp-pager__btn:disabled{ opacity:.35; cursor:default; }
.cp-pager__pos{ font-family:var(--cp-font-mono); font-size:12px; letter-spacing:.08em;
color:var(--cp-muted); min-width:54px; text-align:center; }
.cp-log{ display:flex; flex-direction:column; }
.cp-log__item{ padding:20px 0; border-bottom:var(--cp-hairline); }
.cp-log__item:first-child{ padding-top:0; }
.cp-log__item:last-child{ border-bottom:none; padding-bottom:0; }
.cp-log__date{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.12em;
text-transform:uppercase; color:var(--cp-gold); }
.cp-log__date .cp-soon{ color:var(--cp-muted); }
.cp-log__title{ font-family:var(--cp-font-head); font-weight:500; font-size:18px;
letter-spacing:-.01em; color:var(--cp-text); margin:7px 0 5px; }
.cp-log__text{ font-family:var(--cp-font-body); font-size:15px; line-height:1.6;
color:var(--cp-body); max-width:660px; margin:0; }
.cp-log__text + .cp-log__text{ margin-top:10px; }
.cp-lead{ font-family:var(--cp-font-body); font-size:15px; line-height:1.65;
color:var(--cp-body); max-width:660px; margin:0 0 22px; }
.cp-detail__item{ padding:20px 0; border-bottom:var(--cp-hairline); }
.cp-detail__item:first-child{ padding-top:0; }
.cp-detail__item:last-child{ border-bottom:none; padding-bottom:0; }
.cp-detail__h{ font-family:var(--cp-font-head); font-weight:500; font-size:18px;
letter-spacing:-.01em; color:var(--cp-text); margin:0 0 6px; }
.cp-detail__p{ font-family:var(--cp-font-body); font-size:15px; line-height:1.65;
color:var(--cp-body); max-width:660px; margin:0; }
.cp-detail__cap{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.03em;
color:var(--cp-muted); margin:8px 0 0; max-width:660px; }
.cp-detail__img{ display:block; width:100%; max-width:500px; aspect-ratio:16/9;
-o-object-fit:cover; object-fit:cover; margin:16px 0 0;
border-radius:var(--cp-radius); border:var(--cp-hairline); background:var(--cp-surface-2); }
.cp-stats{ display:flex; gap:10px; background:var(--cp-surface); border:var(--cp-hairline);
border-radius:var(--cp-radius-lg); padding:24px 16px; margin:24px 0; }
.cp-stats__col{ flex:1; text-align:center; padding:0 8px; min-width:0; }
.cp-stats__col + .cp-stats__col{ border-left:var(--cp-hairline); }
.cp-stats__ico{ display:flex; justify-content:center; color:var(--cp-gold); }
.cp-stats__n{ font-family:var(--cp-font-head); font-weight:500; font-size:26px;
letter-spacing:-.01em; color:var(--cp-gold); margin:8px 0 0; line-height:1.1; }
.cp-stats__cap{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.04em;
color:var(--cp-muted); margin:5px 0 0; }
@media (max-width:560px){ .cp-stats{ flex-direction:column; gap:0; }
.cp-stats__col{ padding:16px 8px; }
.cp-stats__col + .cp-stats__col{ border-left:none; border-top:var(--cp-hairline); } }
.cp-fit{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.cp-fit__card{ background:var(--cp-surface); border:var(--cp-hairline);
border-left:3px solid var(--cp-gold); border-radius:0 var(--cp-radius) var(--cp-radius) 0;
padding:16px 18px; }
.cp-fit__card--no{ border-left-color:var(--cp-red); }
.cp-fit__ico{ display:inline-flex; color:var(--cp-gold); }
.cp-fit__card--no .cp-fit__ico{ color:var(--cp-red); }
.cp-fit__h{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.08em;
text-transform:uppercase; color:var(--cp-text); margin:9px 0 0; }
.cp-fit__p{ font-family:var(--cp-font-body); font-size:13.5px; line-height:1.55;
color:var(--cp-body); margin:6px 0 0; }
.cp-fit__list{ list-style:none; margin:8px 0 0; padding:0; }
.cp-fit__list li{ font-family:var(--cp-font-body); font-size:13.5px; line-height:1.5;
color:var(--cp-body); padding:4px 0 4px 20px; position:relative; }
.cp-fit__list li::before{ content:"\2713"; position:absolute; left:0; top:4px;
color:var(--cp-gold); font-size:12px; }
.cp-fit__card--no .cp-fit__list li::before{ content:"\2715"; color:var(--cp-red); }
@media (max-width:560px){ .cp-fit{ grid-template-columns:1fr; } }
.cp-steps{ display:flex; gap:8px; background:var(--cp-surface); border:var(--cp-hairline);
border-radius:var(--cp-radius-lg); padding:24px 12px; margin:24px 0; }
.cp-steps__item{ flex:1; text-align:center; min-width:0; padding:0 4px; }
.cp-steps__n{ width:30px; height:30px; border-radius:50%; border:1px solid var(--cp-gold);
color:var(--cp-gold); display:inline-flex; align-items:center; justify-content:center;
font-family:var(--cp-font-mono); font-size:12px; }
.cp-steps__ico{ display:flex; justify-content:center; color:var(--cp-gold); margin:8px 0 4px; }
.cp-steps__t{ font-family:var(--cp-font-head); font-weight:500; font-size:13.5px;
color:var(--cp-text); margin:6px 0 0; }
.cp-steps__cap{ font-family:var(--cp-font-mono); font-size:10.5px; letter-spacing:.02em;
color:var(--cp-muted); margin:3px 0 0; }
@media (max-width:600px){ .cp-steps{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.cp-steps__item{ flex:0 0 132px; } }
.cp-bars{ background:var(--cp-surface); border:var(--cp-hairline);
border-radius:var(--cp-radius-lg); padding:22px 24px; margin:24px 0; }
.cp-bars__h{ font-family:var(--cp-font-head); font-weight:500; font-size:17px;
letter-spacing:-.01em; color:var(--cp-text); margin:0; }
.cp-bars__sub{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.03em;
color:var(--cp-muted); margin:4px 0 0; }
.cp-bars__row{ display:flex; align-items:center; gap:12px; margin-top:13px; }
.cp-bars__label{ flex:0 0 130px; text-align:right; font-family:var(--cp-font-body);
font-size:13px; color:var(--cp-text); }
.cp-bars__label .cp-sub{ color:var(--cp-muted); font-family:var(--cp-font-mono); font-size:10.5px; }
.cp-bars__track{ flex:1; background:var(--cp-surface-2); border-radius:6px; height:26px; min-width:0; }
.cp-bars__fill{ height:100%; border-radius:6px; display:flex; align-items:center;
justify-content:flex-end; padding:0 10px; font-family:var(--cp-font-mono); font-size:11px;
background:var(--cp-muted); color:var(--cp-graphite); white-space:nowrap; }
.cp-bars__fill--pick{ background:var(--cp-gold); color:var(--cp-gold-ink);
justify-content:flex-start; }
.cp-bars__foot{ border-top:var(--cp-hairline); margin-top:16px; padding-top:13px;
font-family:var(--cp-font-body); font-size:13px; color:var(--cp-body); }
.cp-bars__foot b{ color:var(--cp-gold); font-weight:500; }
.cp-bars__src{ font-family:var(--cp-font-mono); font-size:10.5px; line-height:1.5;
color:var(--cp-muted); margin:8px 0 0; }
@media (max-width:560px){ .cp-bars__label{ flex-basis:96px; } .cp-bars{ padding:18px 16px; } }
.cp-h2ico, .cp-stats__ico svg, .cp-fit__ico svg, .cp-steps__ico svg{
fill:none; stroke:currentColor; stroke-width:1.8;
stroke-linecap:round; stroke-linejoin:round; }
.cp-stats__ico svg{ width:30px; height:30px; }
.cp-fit__ico svg, .cp-steps__ico svg{ width:22px; height:22px; }
.cp .cp-h2ico{ width:22px; height:22px; flex:none; color:var(--cp-gold);
vertical-align:-4px; margin-right:10px; }
.cp .cp-h2ico--red{ color:var(--cp-red); }
.cp-shot{ margin:28px 0; }
.cp-shot img{ width:100%; display:block; border-radius:var(--cp-radius); border:var(--cp-hairline);
aspect-ratio:16/9; -o-object-fit:cover; object-fit:cover; background:var(--cp-surface-2); }
.cp-shot figcaption{ font-family:var(--cp-font-mono); font-size:11px; letter-spacing:.04em;
color:var(--cp-muted); margin-top:8px; }
.cp .cp-pull{ margin:24px 0; padding:4px 0 4px 20px; border-left:3px solid var(--cp-gold); }
.cp .cp-pull p{ font-family:var(--cp-font-head); font-weight:500; font-size:20px;
line-height:1.42; letter-spacing:-.01em; color:var(--cp-text); margin:0; max-width:680px; }
.cp .cp-pull cite{ display:block; font-family:var(--cp-font-mono); font-size:12px;
font-style:normal; letter-spacing:.04em; color:var(--cp-muted); margin-top:10px; }

/* 12i) Inline code (.cp-code / .cp code) and 12j) spoiler + gallery.
Added 2026-08-29 with the Zero Company review. Docs: Site Header (annotiert) 12i/12j. */
.cp code,.cp-code{ font-family:var(--cp-font-mono); font-size:.86em;
color:var(--cp-text); background:var(--cp-surface-2); border:var(--cp-hairline);
border-radius:5px; padding:.1em .38em; overflow-wrap:break-word; }
.cp a code,.cp-code a{ color:inherit; }
/* Source setzt .gh-content :not(pre) > code (0,2,1) und gewinnt gegen .cp code (0,1,1) --
gemessen live am 29.08.2026: Schrift und Rahmen kamen an, der Hintergrund nicht.
Eine Stufe hoeher statt !important. */
.gh-content .cp :not(pre) > code{ background:var(--cp-surface-2); }
.cp-spoiler{ margin:24px 0; background:var(--cp-surface-2); border:var(--cp-hairline);
border-left:3px solid var(--cp-red); border-radius:0 var(--cp-radius) var(--cp-radius) 0; }
.cp-spoiler__q{ list-style:none; cursor:pointer; display:flex; align-items:center;
justify-content:center; gap:12px; padding:18px; background:var(--cp-graphite);
font-family:var(--cp-font-mono); font-size:12px; letter-spacing:.2em;
text-transform:uppercase; color:var(--cp-red); }
.cp-spoiler__q::-webkit-details-marker{ display:none; }
.cp-spoiler__q:hover{ color:var(--cp-text); }
.cp-spoiler__q::after{ content:'+'; font-size:15px; color:var(--cp-muted); }
.cp-spoiler[open] > .cp-spoiler__q::after{ content:'\2013'; }
.cp-spoiler[open] > .cp-spoiler__q{ background:none; color:var(--cp-muted);
letter-spacing:.08em; border-bottom:var(--cp-hairline); }
.cp-spoiler__a{ margin:0; padding:14px 18px 16px; font-size:15px; color:var(--cp-body); }
.cp-spoiler__a + .cp-spoiler__a{ padding-top:0; }
.cp-spoiler--shot > .cp-spoiler__q{ aspect-ratio:16/9; }
.cp-spoiler--shot[open] > .cp-spoiler__q{ aspect-ratio:auto; }
.cp-spoiler .cp-shot{ margin:0; padding:14px 18px 16px; }
.cp-grid .cp-shot{ margin:0; }

/* 12k) Modulabstaende. `.cp p + p` traegt die Prosa-Rhythmik, matcht aber kein
div + p: ein <p> nach einem Modul und cp-sheet/cp-grid nach einem <p> standen
auf 0px. Module mit margin:24px 0 / 28px 0 sind hier bewusst nicht gelistet. */
.cp .cp-verdict + p,.cp .note + p,.cp .cp-grid + p{ margin-top:20px; }
.cp p + .cp-sheet,.cp p + .cp-grid{ margin-top:20px; }

/* Interview chat component — 2026-10-12 */
/* Crit Pick global interview component. Questions precede answers in DOM.
   Add to the active theme's global cp-head styles, never per-post injection. */
.cp .cp-interview{display:flex;flex-direction:column;gap:16px;margin:24px 0;}
.cp .cp-interview__message{box-sizing:border-box;max-width:86%;padding:20px 24px;border:var(--cp-hairline,.5px solid #2D313B);border-radius:18px;background:var(--cp-surface,#20232B);color:var(--cp-body,#C9CBD1);overflow-wrap:anywhere;}
.cp .cp-interview__message--question{align-self:flex-end;max-width:80%;background:var(--cp-gold,#FFB22E);color:var(--cp-gold-ink,#412402);border-color:var(--cp-gold,#FFB22E);border-bottom-right-radius:4px;}
.cp .cp-interview__message--answer{align-self:flex-start;border-bottom-left-radius:4px;}
.cp .cp-interview__speaker{display:block;margin:0 0 10px;font-family:var(--cp-font-mono,'JetBrains Mono',monospace);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.05em;}
.cp .cp-interview__message--answer .cp-interview__speaker{color:var(--cp-gold,#FFB22E);}
.cp .cp-interview__message p{margin:0;font-family:var(--cp-font-body,Inter,sans-serif);font-size:16px;line-height:1.7;color:inherit;}
.cp .cp-interview__message p+p{margin-top:14px;}
.cp .cp-interview__message a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.cp .cp-interview__message blockquote{margin:0;padding:0;border:0;font:inherit;color:inherit;}
@media(max-width:600px){.cp .cp-interview{gap:12px;margin:20px 0;}.cp .cp-interview__message,.cp .cp-interview__message--question{max-width:95%;padding:16px 18px;}.cp .cp-interview__message p{font-size:15px;}}
@media print{.cp .cp-interview__message{max-width:100%;break-inside:avoid;background:white;color:black;border:1px solid #777;}.cp .cp-interview__message--answer .cp-interview__speaker{color:black;}}