/* gadgetChecks Article Header System – v0.6.0 – multi-series registry */

body.gcahs-series-header-active.single-post .gcahs-header {
    /* 70% master tokens */
    --gcahs-radius: 14px;
    --gcahs-text: #ffffff;
    --gcahs-muted: rgba(255,255,255,.72);
    --gcahs-soft: rgba(255,255,255,.10);
    --gcahs-line: rgba(255,255,255,.14);

    /* 30% series identity tokens – AppleKompakt supplies the first live skin. */
    --gcahs-bg-1: #121419;
    --gcahs-bg-2: #1b1f26;
    --gcahs-bg-3: #262b33;
    --gcahs-accent: #FF7A1A;
    --gcahs-accent-rgb: 255,122,26;
    --gcahs-accent-contrast: #ffffff;
    --gcahs-accent-2: #aeb6c2;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0 0 24px;
    border: 1px solid rgba(10, 28, 60, .08);
    border-radius: var(--gcahs-radius);
    color: var(--gcahs-text);
    background:
        radial-gradient(circle at 83% 24%, rgba(255,255,255,.085), transparent 31%),
        radial-gradient(circle at 12% -10%, rgba(var(--gcahs-accent-rgb),.09), transparent 34%),
        linear-gradient(118deg, var(--gcahs-bg-1) 0%, #171a20 43%, var(--gcahs-bg-2) 74%, var(--gcahs-bg-3) 100%);
    box-shadow: 0 18px 46px rgba(20, 37, 72, .12);
}

body.gcahs-series-header-active.single-post .gcahs-header::before,
body.gcahs-series-header-active.single-post .gcahs-header::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

body.gcahs-series-header-active.single-post .gcahs-header::before {
    width: 560px;
    height: 560px;
    right: -248px;
    bottom: -358px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 0 0 68px rgba(255,255,255,.018),
        0 0 0 138px rgba(255,255,255,.014);
}

body.gcahs-series-header-active.single-post .gcahs-header::after {
    inset: 0;
    opacity: .34;
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
    background-size: 38px 38px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 46%, rgba(0,0,0,.7) 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 46%, rgba(0,0,0,.7) 100%);
}

body.gcahs-series-header-active.single-post .gcahs-header__texture {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(135deg, transparent 0 64%, rgba(255,255,255,.028) 64% 64.2%, transparent 64.2% 100%),
        linear-gradient(135deg, transparent 0 74%, rgba(var(--gcahs-accent-rgb),.13) 74% 74.15%, transparent 74.15% 100%);
}

body.gcahs-series-header-active.single-post .gcahs-header__main {
    min-height: 426px;
    padding: clamp(40px, 4vw, 54px) clamp(34px, 5.1vw, 68px) 20px;
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, .78fr);
    grid-template-rows: minmax(0, 1fr) auto;
    column-gap: clamp(24px, 3.6vw, 56px);
    row-gap: 22px;
    align-items: start;
}

body.gcahs-series-header-active.single-post .gcahs-header__copy {
    position: relative;
    z-index: 2;
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    min-width: 0;
}

body.gcahs-series-header-active.single-post .gcahs-seriesline {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 27px;
    text-transform: uppercase;
}

body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 11px;
    border-radius: 6px;
    color: var(--gcahs-accent-contrast);
    background: var(--gcahs-accent);
    box-shadow: 0 8px 20px rgba(var(--gcahs-accent-rgb),.16);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .12em;
}

body.gcahs-series-header-active.single-post .gcahs-seriesline__rule {
    width: 48px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gcahs-accent-2), rgba(174,182,194,0));
}

body.gcahs-series-header-active.single-post .gcahs-seriesname {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 .28em;
    margin: 0 0 11px;
    font-size: clamp(20px, 1.4vw, 23px) !important;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

body.gcahs-series-header-active.single-post .gcahs-seriesname__lead {
    color: #fff;
}

body.gcahs-series-header-active.single-post .gcahs-seriesname__accent {
    color: var(--gcahs-accent);
}

body.gcahs-series-header-active.single-post .gcahs-titlemark {
    display: block;
    width: 38px;
    height: 4px;
    margin: 0 0 17px;
    border-radius: 999px;
    background: var(--gcahs-accent);
}

body.gcahs-series-header-active.single-post .gcahs-title {
    margin: 0;
    max-width: 760px;
    color: #fff;
    font-family: inherit;
    font-size: clamp(35px, 2.45vw, 41px) !important;
    line-height: 1.09;
    letter-spacing: -.03em;
    font-weight: 740;
    text-transform: none !important;
    text-wrap: balance;
}

body.gcahs-series-header-active.single-post .gcahs-art {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1 / span 2;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.gcahs-series-header-active.single-post .gcahs-art__svg {
    width: min(100%, 500px);
    height: auto;
    overflow: visible;
    filter: drop-shadow(0 24px 40px rgba(2,8,24,.20));
}

/* 30% AppleKompakt identity: short daily-news / compact-summary signet. */
body.gcahs-series-header-active.single-post .gcahs-theme-apple-kompakt .gcahs-art__svg--apple-kompakt {
    width: min(100%, 455px);
    transform: translate(2px, -4px);
    opacity: .96;
    filter: drop-shadow(0 24px 42px rgba(0,0,0,.24));
}

body.gcahs-series-header-active.single-post .gcahs-meta {
    position: relative !important;
    z-index: 3;
    /* Desktop master: metadata belongs to the editorial copy zone, not the
       series-art zone. This keeps the information visually tied to the title. */
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 9px;
    color: var(--gcahs-muted);
    background: rgba(5,7,11,.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.012);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    font-size: 13.25px;
    line-height: 1;
    overflow: hidden;
    box-sizing: border-box !important;
}

/* Desktop: four deterministic cells. We intentionally avoid table/grid/flex
   placement on the outer row because Extra repeatedly interfered with it. */
body.gcahs-series-header-active.single-post .gcahs-meta__item {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 25% !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--gcahs-muted);
    text-decoration: none;
    white-space: nowrap !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta__item--author { left: 0 !important; }
body.gcahs-series-header-active.single-post .gcahs-meta__item--date { left: 25% !important; border-left: 1px solid rgba(255,255,255,.035); }
body.gcahs-series-header-active.single-post .gcahs-meta__item--category { left: 50% !important; border-left: 1px solid rgba(255,255,255,.035); }
body.gcahs-series-header-active.single-post .gcahs-meta__item--reading { left: 75% !important; border-left: 1px solid rgba(255,255,255,.035); }

body.gcahs-series-header-active.single-post .gcahs-meta__inner {
    position: static !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta__text {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
}

/* Meta links: Extra and article-link styles must not create an underline in the
   magazine header. Reset every common underline mechanism, including pseudo
   elements and background-image based link decorations. */
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:link,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:visited,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:hover,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:focus,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:focus-visible,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:active {
    color: rgba(255,255,255,.92) !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item *,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item .gcahs-meta__text {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item::before,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item::after,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item .gcahs-meta__text::before,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item .gcahs-meta__text::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:hover .gcahs-meta__text,
body.gcahs-series-header-active.single-post .gcahs-meta a.gcahs-meta__item:focus-visible .gcahs-meta__text {
    color: #fff !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta__author {
    color: rgba(255,255,255,.92);
    font-weight: 700;
}

body.gcahs-series-header-active.single-post .gcahs-meta__icon {
    position: static !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    flex: 0 0 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    color: rgba(255,255,255,.72);
    line-height: 0 !important;
    vertical-align: middle !important;
}

body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Existing short transparency notice, moved below the header by frontend.js. */
body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 auto 28px !important;
    padding: 12px 18px !important;
    border: 1px solid #e7ebf2;
    border-radius: 10px;
    color: #747b88;
    background: #f8fafc;
    font-size: 12.5px;
    line-height: 1.45;
    font-style: normal !important;
    text-align: center;
}

body.gcahs-series-header-active.single-post .gcahs-transparency-moved::before {
    content: "i";
    position: static;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0;
    transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-radius: 50%;
    color: var(--gcahs-accent-contrast, #fff);
    background: var(--gcahs-accent, #FF7A1A);
    font-size: 11px;
    line-height: 18px;
    font-weight: 800;
    font-family: Arial, sans-serif;
}

@media (max-width: 1080px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        grid-template-columns: minmax(0, 1.4fr) minmax(230px, .6fr);
        column-gap: 18px;
        padding-left: 38px;
        padding-right: 32px;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(33px, 4vw, 41px) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-art {
        min-height: 220px;
        opacity: .90;
    }
}

@media (max-width: 820px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        row-gap: 24px;
        padding: 34px 28px 26px;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        padding-right: 60px;
    }

    body.gcahs-series-header-active.single-post .gcahs-art {
        position: absolute;
        z-index: -1;
        grid-column: 1;
        grid-row: 1;
        right: -100px;
        top: 48px;
        width: 360px;
        min-height: 0;
        opacity: .24;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        max-width: 100%;
        font-size: clamp(32px, 6.2vw, 42px) !important;
    }
}

@media (max-width: 560px) {
    body.gcahs-series-header-active.single-post .gcahs-header {
        border-radius: 10px;
        margin-bottom: 18px;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__main {
        padding: 28px 21px 24px;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        padding-right: 0;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        margin-bottom: 16px;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        margin-bottom: 17px;
        font-size: clamp(18px, 5.4vw, 22px) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(30px, 9.2vw, 40px) !important;
        line-height: 1.09;
    }

    body.gcahs-series-header-active.single-post .gcahs-art {
        right: -145px;
        top: 64px;
        width: 340px;
        opacity: .16;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        margin-bottom: 22px !important;
        padding: 11px 13px !important;
        border-radius: 8px;
    }
}


/* Responsive meta layout. Desktop is intentionally deterministic; portrait modes are explicit. */
@media (max-width: 760px) {
    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 96px !important;
        min-height: 96px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        width: 50% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 14px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--author { left: 0 !important; top: 0 !important; bottom: auto !important; }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--date { left: 50% !important; top: 0 !important; bottom: auto !important; }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--category { left: 0 !important; top: 48px !important; bottom: auto !important; border-left: 0; border-top: 1px solid rgba(255,255,255,.10); }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading { left: 50% !important; top: 48px !important; bottom: auto !important; border-top: 1px solid rgba(255,255,255,.10); }
}

@media (max-width: 480px) {
    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 176px !important;
        min-height: 176px !important;
        font-size: 12px;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        left: 0 !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        border-left: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--author { top: 0 !important; }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--date { top: 44px !important; border-top: 1px solid rgba(255,255,255,.10); }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--category { top: 88px !important; border-top: 1px solid rgba(255,255,255,.10); }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading { top: 132px !important; border-top: 1px solid rgba(255,255,255,.10); }
}

@media (prefers-reduced-motion: reduce) {
    body.gcahs-series-header-active.single-post .gcahs-header *,
    body.gcahs-series-header-active.single-post .gcahs-header *::before,
    body.gcahs-series-header-active.single-post .gcahs-header *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* v0.3.1: explicit desktop placement for the 30% Apple-Kompakt identity.
   v0.3.0 contained the SVG in markup, but Extra/layout interaction kept the
   grid art column effectively invisible on the live page. The series art is
   therefore positioned independently inside the master header on desktop. */
@media (min-width: 821px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        position: relative !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-theme-apple-kompakt .gcahs-art {
        position: absolute !important;
        z-index: 1 !important;
        top: 58px !important;
        right: clamp(28px, 4.2vw, 62px) !important;
        bottom: auto !important;
        left: auto !important;
        width: clamp(300px, 31%, 390px) !important;
        height: 300px !important;
        min-height: 300px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        transform: none !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-theme-apple-kompakt .gcahs-art__svg--apple-kompakt {
        display: block !important;
        width: 100% !important;
        max-width: 390px !important;
        height: auto !important;
        opacity: .92 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: visible !important;
        filter: drop-shadow(0 26px 46px rgba(0,0,0,.28));
    }

    /* Keep editorial content safely above the visual identity if long titles overlap. */
    body.gcahs-series-header-active.single-post .gcahs-theme-apple-kompakt .gcahs-header__copy,
    body.gcahs-series-header-active.single-post .gcahs-theme-apple-kompakt .gcahs-meta {
        position: relative !important;
        z-index: 3 !important;
    }
}


/* v0.3.3 – external SVG asset for the 30% Apple-Kompakt identity.
   Extra/the content pipeline appears to strip inline SVG on the live page.
   The visual is therefore loaded as a normal image from the plugin assets. */
body.gcahs-series-header-active.single-post .gcahs-series-visual {
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    right: clamp(30px, 4.8vw, 72px) !important;
    width: clamp(300px, 29vw, 380px) !important;
    height: 330px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}

body.gcahs-series-header-active.single-post .gcahs-series-visual__img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: .96 !important;
    visibility: visible !important;
    filter: drop-shadow(0 26px 44px rgba(0,0,0,.24));
}

/* The editorial 70% master always remains above the visual. */
body.gcahs-series-header-active.single-post .gcahs-header__copy,
body.gcahs-series-header-active.single-post .gcahs-meta {
    position: relative !important;
    z-index: 4 !important;
}

/* Retire the old art column from prior prototypes. */
body.gcahs-series-header-active.single-post .gcahs-art {
    display: none !important;
}

@media (max-width: 1080px) and (min-width: 821px) {
    body.gcahs-series-header-active.single-post .gcahs-series-visual {
        right: 22px !important;
        width: 290px !important;
        height: 300px !important;
        opacity: .84 !important;
    }
}

@media (max-width: 820px) {
    body.gcahs-series-header-active.single-post .gcahs-series-visual {
        display: none !important;
    }
}


/* v0.3.4 – reduced Apple-Kompakt signet test.
   Keep the stable asset rendering from v0.3.3; only the SVG artwork itself
   is simplified so the 30% identity reads more clearly and competes less
   with the master background. */

/* ========================================================================
   v0.4.1 – TABLET PORTRAIT OVERRIDES
   ------------------------------------------------------------------------
   Important: These rules live in the SAME uniquely versioned stylesheet as
   the frozen desktop master. v0.4.0 used a second stylesheet which did not
   become visible on the live iPad test. Keeping the tablet layer here avoids
   a separate-asset loading/cache failure and places these rules after every
   legacy responsive block from the desktop stylesheet.
   ======================================================================== */
@media (orientation: portrait) and (min-width: 700px) and (max-width: 1180px) {
    body.gcahs-series-header-active.single-post .gcahs-header {
        --gcahs-bg-1: #121419 !important;
        --gcahs-bg-2: #1b1f26 !important;
        --gcahs-bg-3: #262b33 !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        background:
            radial-gradient(circle at 84% 25%, rgba(255,255,255,.075), transparent 30%),
            radial-gradient(circle at 9% 0%, rgba(var(--gcahs-accent-rgb),.075), transparent 31%),
            linear-gradient(118deg, #121419 0%, #171a20 43%, #1b1f26 74%, #262b33 100%) !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__main {
        position: relative !important;
        display: block !important;
        min-height: 440px !important;
        padding: 32px 30px 94px !important;
        box-sizing: border-box !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        position: relative !important;
        z-index: 5 !important;
        display: block !important;
        width: 62% !important;
        max-width: 585px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 13px !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 27px !important;
        padding: 0 11px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        letter-spacing: .12em !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__rule {
        display: block !important;
        width: 48px !important;
        height: 2px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
        gap: 0 .28em !important;
        margin: 0 0 11px !important;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        letter-spacing: .075em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-titlemark {
        display: block !important;
        width: 38px !important;
        height: 4px !important;
        margin: 0 0 17px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        font-family: inherit !important;
        font-size: clamp(30px, 3.45vw, 35px) !important;
        line-height: 1.10 !important;
        letter-spacing: -.028em !important;
        font-weight: 740 !important;
        text-transform: none !important;
        text-align: left !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }

    /* Apple-Kompakt 30% identity: visible on the right without competing
       with the editorial copy. */
    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        position: absolute !important;
        z-index: 2 !important;
        display: block !important;
        visibility: visible !important;
        opacity: .92 !important;
        top: 108px !important;
        right: 18px !important;
        bottom: auto !important;
        left: auto !important;
        width: 34% !important;
        max-width: 270px !important;
        min-width: 210px !important;
        height: 255px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual__img {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        opacity: 1 !important;
        transform: none !important;
        filter: drop-shadow(0 22px 38px rgba(0,0,0,.22)) !important;
    }

    /* One stable full-width metadata rail at the bottom of the tablet header. */
    body.gcahs-series-header-active.single-post .gcahs-meta {
        position: absolute !important;
        z-index: 6 !important;
        display: block !important;
        left: 30px !important;
        right: 30px !important;
        bottom: 24px !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        position: absolute !important;
        top: 0 !important;
        bottom: auto !important;
        width: 25% !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        border-top: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--author {
        left: 0 !important;
        top: 0 !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--date {
        left: 25% !important;
        top: 0 !important;
        border-left: 1px solid rgba(255,255,255,.035) !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--category {
        left: 50% !important;
        top: 0 !important;
        border-left: 1px solid rgba(255,255,255,.035) !important;
        border-top: 0 !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        left: 75% !important;
        top: 0 !important;
        border-left: 1px solid rgba(255,255,255,.035) !important;
        border-top: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        flex: 0 0 16px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        margin-bottom: 26px !important;
    }
}

/* Narrow portrait tablet / iPad mini: same hierarchy, slightly tighter. */
@media (orientation: portrait) and (min-width: 700px) and (max-width: 840px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        min-height: 430px !important;
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        width: 64% !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(29px, 4vw, 32px) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        top: 116px !important;
        right: 4px !important;
        width: 32% !important;
        min-width: 190px !important;
        max-width: 230px !important;
        height: 225px !important;
        opacity: .88 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta {
        left: 26px !important;
        right: 26px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 11.5px !important;
    }
}

/* ========================================================================
   v0.4.2 – TABLET PORTRAIT POLISH
   ------------------------------------------------------------------------
   Desktop remains frozen. These overrides only refine the already working
   iPad/tablet portrait composition: slightly clearer separation between copy
   and signet plus a more readable metadata rail.
   ======================================================================== */
@media (orientation: portrait) and (min-width: 700px) and (max-width: 1180px) {
    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        width: 60% !important;
        max-width: 565px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        top: 112px !important;
        right: 8px !important;
        width: 32% !important;
        min-width: 198px !important;
        max-width: 248px !important;
        height: 238px !important;
        opacity: .90 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        height: 58px !important;
        min-height: 58px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        gap: 8px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon,
    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        min-height: 17px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        flex-basis: 17px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 12.5px !important;
        line-height: 1.15 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        font-size: 13px !important;
    }
}

@media (orientation: portrait) and (min-width: 700px) and (max-width: 840px) {
    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        width: 61% !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        right: 0 !important;
        width: 30% !important;
        min-width: 184px !important;
        max-width: 218px !important;
        height: 214px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 12px !important;
    }
}

/* ========================================================================
   v0.5.0 – MOBILE PORTRAIT MASTER
   ------------------------------------------------------------------------
   Desktop (v0.3.7) and Tablet Portrait (v0.4.4) are frozen. On smartphones
   the header becomes a deliberate vertical editorial composition instead of
   merely stacking the old desktop layout: compact identity, controlled title,
   visible series signet, and a space-saving 2x2 metadata rail.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-header {
        border-radius: 12px !important;
        margin-bottom: 18px !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__main {
        position: relative !important;
        display: block !important;
        min-height: 0 !important;
        padding: 26px 22px 22px !important;
        box-sizing: border-box !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-header__copy {
        position: relative !important;
        z-index: 5 !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 0 19px !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
        min-height: 25px !important;
        padding: 0 10px !important;
        border-radius: 6px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        letter-spacing: .115em !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__rule {
        width: 40px !important;
        height: 2px !important;
        flex: 0 0 40px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
        gap: 0 .27em !important;
        margin: 0 0 10px !important;
        font-size: clamp(17px, 4.7vw, 19px) !important;
        line-height: 1 !important;
        letter-spacing: .07em !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-titlemark {
        width: 34px !important;
        height: 4px !important;
        margin: 0 0 20px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(27px, 7.15vw, 30px) !important;
        line-height: 1.105 !important;
        letter-spacing: -.026em !important;
        font-weight: 740 !important;
        text-transform: none !important;
        text-align: left !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }

    /* Keep the 30% series identity clearly visible on mobile, but move it into
       the normal vertical flow so it never fights the headline for width. */
    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        position: relative !important;
        z-index: 3 !important;
        display: block !important;
        visibility: visible !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 176px !important;
        min-width: 0 !important;
        max-width: 52% !important;
        height: 126px !important;
        min-height: 0 !important;
        margin: 18px 2px 17px auto !important;
        padding: 0 !important;
        opacity: .94 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual__img {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        opacity: 1 !important;
        transform: none !important;
        filter: drop-shadow(0 16px 28px rgba(0,0,0,.20)) !important;
    }

    /* Mobile metadata: 2x2 instead of four tall rows. This keeps all four
       pieces readable while reducing the header height dramatically. */
    body.gcahs-series-header-active.single-post .gcahs-meta {
        position: relative !important;
        z-index: 6 !important;
        display: block !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 98px !important;
        min-height: 98px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        font-size: 12.5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        position: absolute !important;
        width: 50% !important;
        height: 49px !important;
        min-height: 49px !important;
        margin: 0 !important;
        padding: 0 9px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--author {
        left: 0 !important;
        top: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--date {
        left: 50% !important;
        top: 0 !important;
        border-left: 1px solid rgba(255,255,255,.04) !important;
        border-top: 0 !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--category {
        left: 0 !important;
        top: 49px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.04) !important;
    }
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        left: 50% !important;
        top: 49px !important;
        border-left: 1px solid rgba(255,255,255,.04) !important;
        border-top: 1px solid rgba(255,255,255,.04) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon,
    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        flex-basis: 16px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 12px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        margin: 0 auto 22px !important;
        padding: 12px 13px !important;
        border-radius: 10px !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved::before {
        width: 19px !important;
        height: 19px !important;
        flex: 0 0 19px !important;
        line-height: 19px !important;
    }
}

/* Very narrow phones: preserve the same composition, only tighten copy and
   metadata slightly. */
@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: 26px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        width: 158px !important;
        height: 114px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        gap: 5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 11.3px !important;
    }
}

/* ========================================================================
   v0.5.1 – MOBILE PORTRAIT DENSITY POLISH
   ------------------------------------------------------------------------
   Desktop and Tablet Portrait stay frozen. The v0.5.0 mobile composition is
   retained (identity -> title -> signet -> 2x2 meta); only density, scale and
   vertical rhythm are refined so the hero does not dominate the entire first
   smartphone viewport.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        padding: 22px 19px 19px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        gap: 11px !important;
        margin-bottom: 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
        min-height: 23px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
        font-size: 9.5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__rule {
        width: 36px !important;
        flex-basis: 36px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        margin-bottom: 8px !important;
        font-size: clamp(16px, 4.35vw, 18px) !important;
        letter-spacing: .065em !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-titlemark {
        width: 31px !important;
        height: 3px !important;
        margin-bottom: 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(24px, 6.4vw, 27px) !important;
        line-height: 1.075 !important;
        letter-spacing: -.024em !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        width: 148px !important;
        max-width: 47% !important;
        height: 104px !important;
        margin: 12px 0 10px auto !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 88px !important;
        min-height: 88px !important;
        border-radius: 9px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        height: 44px !important;
        min-height: 44px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--category,
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        top: 44px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        gap: 6px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon,
    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        flex-basis: 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 11.5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        margin-bottom: 20px !important;
        padding: 10px 11px !important;
        gap: 8px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved::before {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
        line-height: 18px !important;
    }
}

@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        padding: 20px 17px 17px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: 23.5px !important;
        line-height: 1.07 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        width: 136px !important;
        height: 96px !important;
        margin-top: 10px !important;
        margin-bottom: 9px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 10.8px !important;
    }
}

/* ========================================================================
   v0.5.2 – MOBILE PORTRAIT COMPOSITION FIX
   ------------------------------------------------------------------------
   Desktop and Tablet Portrait remain frozen. Mobile keeps the same editorial
   hierarchy but the series signet is no longer a separate vertical block.
   It becomes a compact top-right identity stamp, which removes dead height
   without sacrificing the 30% series identity.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        position: relative !important;
        padding: 20px 18px 17px !important;
    }

    /* Reserve the top-right corner for the series stamp while keeping the
       copy itself in normal flow. */
    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        width: calc(100% - 108px) !important;
        max-width: calc(100% - 108px) !important;
        margin-bottom: 13px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
        min-height: 22px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 9.2px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline__rule {
        width: 30px !important;
        flex-basis: 30px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        width: calc(100% - 104px) !important;
        max-width: calc(100% - 104px) !important;
        margin-bottom: 6px !important;
        font-size: clamp(15.5px, 4.15vw, 17.5px) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-titlemark {
        width: 29px !important;
        height: 3px !important;
        margin-bottom: 13px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(22.5px, 5.95vw, 25px) !important;
        line-height: 1.075 !important;
        letter-spacing: -.022em !important;
        font-weight: 720 !important;
        text-wrap: pretty !important;
    }

    /* The 30% identity becomes a top-right stamp instead of consuming a full
       row between title and metadata. */
    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        position: absolute !important;
        z-index: 4 !important;
        top: 25px !important;
        right: 16px !important;
        bottom: auto !important;
        left: auto !important;
        width: 98px !important;
        max-width: 29% !important;
        height: 78px !important;
        margin: 0 !important;
        opacity: .92 !important;
        pointer-events: none !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual__img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        filter: drop-shadow(0 12px 22px rgba(0,0,0,.18)) !important;
    }

    /* Metadata stays 2x2, but is tightened slightly now that the signet no
       longer separates headline and rail. */
    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 82px !important;
        min-height: 82px !important;
        margin-top: 15px !important;
        border-radius: 9px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        height: 41px !important;
        min-height: 41px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--category,
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        top: 41px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        gap: 5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon,
    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        flex-basis: 14px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 11.2px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-transparency-moved {
        margin-bottom: 18px !important;
        padding: 9px 10px !important;
        font-size: 11.7px !important;
        line-height: 1.32 !important;
    }
}

@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-header__main {
        padding: 18px 16px 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesline {
        width: calc(100% - 94px) !important;
        max-width: calc(100% - 94px) !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-seriesname {
        width: calc(100% - 90px) !important;
        max-width: calc(100% - 90px) !important;
        font-size: 15px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: 22px !important;
        line-height: 1.07 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-series-visual,
    body.gcahs-series-header-active.single-post .gcahs-series-visual--apple-kompakt {
        top: 23px !important;
        right: 13px !important;
        width: 86px !important;
        height: 68px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 10.5px !important;
    }
}

/* ========================================================================
   v0.5.3 – MOBILE PORTRAIT TITLE SCALE FIX
   ------------------------------------------------------------------------
   Desktop and Tablet Portrait remain frozen. Mobile keeps the v0.5.2
   composition (compact top-right series stamp + 2x2 metadata) and only
   reduces the article headline so the hero no longer dominates the entire
   first viewport.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(20.5px, 5.25vw, 23px) !important;
        line-height: 1.095 !important;
        letter-spacing: -.018em !important;
        font-weight: 720 !important;
        max-width: 100% !important;
    }
}

@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: 20.5px !important;
        line-height: 1.09 !important;
    }
}

/* ========================================================================
   v0.5.4 – MOBILE PORTRAIT FINAL DENSITY POLISH
   ------------------------------------------------------------------------
   Desktop and Tablet Portrait remain frozen. Mobile keeps the v0.5.2/v0.5.3
   structure and only fine-tunes headline scale and the spacing before the
   2x2 metadata rail.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: clamp(19px, 4.85vw, 21.5px) !important;
        line-height: 1.09 !important;
        letter-spacing: -.016em !important;
        font-weight: 720 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta {
        margin-top: 9px !important;
    }
}

@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-title {
        font-size: 19px !important;
        line-height: 1.085 !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta {
        margin-top: 8px !important;
    }
}

/* ========================================================================
   v0.5.5 – MOBILE PORTRAIT META SCALE POLISH
   ------------------------------------------------------------------------
   Desktop and Tablet Portrait remain frozen. The approved Mobile Portrait
   composition from v0.5.4 stays intact; only the 2x2 metadata rail is made
   visually lighter so it supports the headline instead of competing with it.
   ======================================================================== */
@media (orientation: portrait) and (max-width: 699px) {
    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 72px !important;
        min-height: 72px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        height: 36px !important;
        min-height: 36px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--category,
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        top: 36px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__inner {
        gap: 4px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon,
    body.gcahs-series-header-active.single-post .gcahs-meta__icon svg {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__icon {
        flex-basis: 13px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 10.1px !important;
        line-height: 1.12 !important;
    }
}

@media (orientation: portrait) and (max-width: 380px) {
    body.gcahs-series-header-active.single-post .gcahs-meta {
        height: 68px !important;
        min-height: 68px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item {
        height: 34px !important;
        min-height: 34px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__item--category,
    body.gcahs-series-header-active.single-post .gcahs-meta__item--reading {
        top: 34px !important;
    }

    body.gcahs-series-header-active.single-post .gcahs-meta__text {
        font-size: 9.7px !important;
    }
}


/* ========================================================================
   v0.6.0 – MULTI-SERIES IDENTITY TOKENS
   ------------------------------------------------------------------------
   The approved Desktop / Tablet Portrait / Mobile geometry remains frozen.
   Series colors now come from inline custom properties generated by the
   registry. No responsive breakpoint is allowed to force Apple-Kompakt
   orange. The accent glow follows --gcahs-accent-rgb.
   ======================================================================== */
body.gcahs-series-header-active.single-post .gcahs-seriesline__eyebrow {
    color: var(--gcahs-accent-contrast, #fff) !important;
}