/* ============================================================
   ART BOOKS RESKIN — standalone stylesheet
   Loaded AFTER aci.css, on single-book pages only (see header.php).
   Scope: body.art-book (catalogue) + body.art-books (chapters).
   Remove the TEMP QA blocks before launch; keep everything else.
   ============================================================ */

/* ===== ART BOOK RESKIN 2026 — new families (FK Grotesk Neue + GT Alpina) ===== */
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-Italic.woff")
    format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-MediumItalic.woff")
    format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-Bold.woff")
    format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FK Grotesk Neue";
  src: url("/wp-content/themes/aci/assets/fonts/FKGroteskNeue-BoldItalic.woff")
    format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Regular-Italic.woff2")
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Medium-Italic.woff2")
    format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Medium.woff2")
    format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Medium-Italic.woff2")
    format("woff2");
  font-weight: 600 900;
  font-style: italic;
  font-display: swap;
}
/* ============================================================
   ART BOOK RESKIN 2026  —  FK Grotesk Neue + GT Alpina
   Scope: body.art-book (catalogue) + body.art-books (chapters)
   Strategy: FK Grotesk Neue is the floor (safe default = brand sans);
   GT Alpina is applied surgically to long-form prose only.
   QA section at bottom (between TEMP QA markers) is temporary — REMOVE before launch.
   ============================================================ */

/* 1 — Floor: default the whole reading experience to FK Grotesk Neue */
body.art-book,
body.art-books {
  font-family: "FK Grotesk Neue";
}

/* 2 — Re-point every legacy display / UI / heading / caption / quote declaration to FK Grotesk Neue */
:is(body.art-book, body.art-books)
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    strong,
    b,
    em,
    i,
    small,
    a,
    button,
    label,
    input,
    select,
    textarea,
    figcaption,
    blockquote,
    cite,
    q,
    nav,
    time,
    span
  ) {
  font-family: "FK Grotesk Neue" !important;
  letter-spacing: -0.02em;
}

/* 3 — Long-form body copy → GT Alpina (prose paragraphs & list items only; NOT blockquote/figcaption) */
:is(body.art-book, body.art-books) section.article article > p,
:is(body.art-book, body.art-books) section.article article > ul > li,
:is(body.art-book, body.art-books) section.article article > ol > li,
:is(body.art-book, body.art-books)
  section.article
  article
  > p
  :is(em, i, strong, b, a, span, sup, sub),
:is(body.art-book, body.art-books)
  section.article
  article
  > :is(ul, ol)
  > li
  :is(em, i, strong, b, a, span, sup, sub) {
  font-family: "GT Alpina" !important;
  line-height: 1.45;
  letter-spacing: -0.02em;
}
/* body-copy bold maps to GT Alpina Medium (no 700 in family) */
:is(body.art-book, body.art-books) section.article article > p :is(strong, b),
:is(body.art-book, body.art-books)
  section.article
  article
  > :is(ul, ol)
  > li
  :is(strong, b) {
  font-weight: 500;
}

/* 4 — Re-assert FK on elements that live in the prose flow but are NOT body copy */
/* Intro paragraph / Bold Dek (first paragraph of large-intro) */
:is(body.art-book, body.art-books)
  section.article.large-intro
  article
  > p:first-child {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
/* Catalogue main slug */
body.art-book section.article article > strong,
body.art-book section.article article > p > strong:first-child {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* 5 — Per-role weight / leading polish (per style guide) */
body.art-book section.banner div.content h1,
body.art-books.chapter section.banner h1 {
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.045em;
} /* Banner title 100/95%/-4.5% */
body.art-books header a.artbook-logo strong {
  font-weight: 500;
  line-height: 0.8;
  letter-spacing: -0.06em;
} /* Nav book title 32/80%/-6% */
body.art-books header a.artbook-logo strong small {
  font-weight: 500;
  line-height: 1.3;
} /* Nav author line 18/130%/-2% */
body.art-books header nav,
body.art-books header section a {
  font-weight: 400;
  line-height: 1.2;
} /* Menu 16/120%/-2% */
:is(body.art-book, body.art-books) section.article h2 {
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.01em;
} /* Big slugs 18/110%/-1% */
:is(body.art-book, body.art-books) section.article :is(h3, h5) {
  font-weight: 500;
  line-height: 1.3;
} /* Location title 24/130%/-2% */
:is(body.art-book, body.art-books) section.article :is(blockquote, div.quote) {
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.019em;
} /* Pull quotes 18/140%/-1.9% */
:is(body.art-book, body.art-books) section.article figure figcaption {
  font-weight: 400;
  line-height: 1.25;
} /* Captions 16/125%/-2% */

/* ====================== TEMP QA — REMOVE BEFORE LAUNCH ====================== */
:is(body.art-book, body.art-books) section.article article > p,
:is(body.art-book, body.art-books) section.article article > ul > li,
:is(body.art-book, body.art-books) section.article article > ol > li {
} /* Body copy (GT Alpina) */
body.art-book section.banner div.content h1,
body.art-books.chapter section.banner h1 {
} /* Banner title */
body.art-books header a.artbook-logo strong {
} /* Nav book title */
body.art-books header a.artbook-logo strong small {
} /* Nav author line */
body.art-books header nav,
body.art-books header section a,
body.art-books header nav div.quicklinks {
} /* Menu / nav */
:is(body.art-book, body.art-books)
  section.article.large-intro
  article
  > p:first-child {
} /* Intro / dek */
:is(body.art-book, body.art-books) section.article h2 {
} /* Big slugs */
:is(body.art-book, body.art-books) section.article :is(h3, h5) {
} /* Location title */
:is(body.art-book, body.art-books) section.article article div#view-gallery a,
:is(body.art-book, body.art-books) section.article aside a.reference,
body.art-books.chapter section.banner a,
:is(body.art-book, body.art-books) section.navigation a {
} /* View gallery / misc UI */
:is(body.art-book, body.art-books) section.article :is(blockquote, div.quote) {
} /* Pull quotes */
:is(body.art-book, body.art-books) section.article figure figcaption,
:is(body.art-book, body.art-books) section.article div.inline-gallery ul li p {
} /* Captions */
body.art-book section.article article > strong,
body.art-book section.article article > p > strong:first-child {
} /* Main slug */

/* ====================== END TEMP QA ====================== */
/* ============================================================
   ART BOOK RESKIN 2026 — PART 2  (fixes · coverage · responsive)
   TEMP QA 2 at the bottom is temporary — remove with Part 1 QA before launch.
   ============================================================ */

/* --- A. Fixes / normalisations ------------------------------------------ */
/* Nav book title: always sentence case (generic header{text-transform:uppercase} was leaking in) */
body.art-books header a.artbook-logo strong {
  text-transform: none !important;
}
/* Nav author line <em>: ignore legacy 600/bold + italic — match the line (FK Medium, roman) */
body.art-books header a.artbook-logo strong small em {
  font-weight: 500 !important;
  font-style: normal !important;
}
/* Content titles h1 (key-work / about-the-author): FK Medium, drop legacy 300/bold */
:is(body.art-book, body.art-books) section.article h1 {
  font-weight: 500 !important;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
/* Where-to-See "Location Title" is an h2 inside .where-to-see-gallery → Location Title role, not Big Slug */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery h2 {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

/* --- B. Coverage: weight for roles only reached by the FK floor ---------- */
:is(body.art-book, body.art-books) section.article div.navigation a.back,
:is(body.art-book, body.art-books) section.article div.details a.video,
:is(body.art-book, body.art-books) section.article aside fieldset.share,
:is(body.art-book, body.art-books) section.article aside a.reference,
:is(body.art-book, body.art-books) section.article article div.media button,
:is(body.art-book, body.art-books) section.navigation a {
  font-weight: 500;
}
body.art-books section#compendium aside,
body.art-books section#compendium article ul li > strong {
  font-weight: 500;
}

/* --- C. Responsive font sizes (scaled from old per-breakpoint behaviour → guide desktop) --- */
@media all and (max-width: 1023px) {
  body.art-books.chapter section.article,
  body.art-book section.article article {
    font-size: 16px !important;
    line-height: 1.45;
  }
  :is(body.art-book, body.art-books)
    section.article.large-intro
    article
    > p:first-child {
    font-size: 20px !important;
  }
  :is(body.art-book, body.art-books) section.article figure figcaption,
  :is(body.art-book, body.art-books) section.article div.where-to-see-gallery p,
  body.art-books.chapter.key-works section.images ul li p,
  :is(body.art-book, body.art-books)
    section.article
    div.inline-gallery
    ul
    li
    p {
    font-size: 12px !important;
  }
  :is(body.art-book, body.art-books) section.article h2 {
    font-size: 14px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    h2,
  :is(body.art-book, body.art-books) section.article div.sources-resources h5 {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    :is(blockquote, div.quote) {
    font-size: 15px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    article
    div#view-gallery
    a {
    font-size: 15px !important;
  }
  body.art-book section.article article > strong {
    font-size: 14px !important;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  body.art-books.chapter section.article,
  body.art-book section.article article {
    font-size: 18px !important;
    line-height: 1.45;
  }
  :is(body.art-book, body.art-books)
    section.article.large-intro
    article
    > p:first-child {
    font-size: 22px !important;
  }
  :is(body.art-book, body.art-books) section.article figure figcaption,
  :is(body.art-book, body.art-books) section.article div.where-to-see-gallery p,
  body.art-books.chapter.key-works section.images ul li p,
  :is(body.art-book, body.art-books)
    section.article
    div.inline-gallery
    ul
    li
    p {
    font-size: 14px !important;
  }
  :is(body.art-book, body.art-books) section.article h2 {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    h2,
  :is(body.art-book, body.art-books) section.article div.sources-resources h5 {
    font-size: 20px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    :is(blockquote, div.quote) {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    article
    div#view-gallery
    a {
    font-size: 16px !important;
  }
  body.art-book section.article article > strong {
    font-size: 15px !important;
  }
}
@media all and (min-width: 1280px) {
  body.art-books.chapter section.article,
  body.art-book section.article article {
    font-size: 20px !important;
    line-height: 1.45;
  }
  :is(body.art-book, body.art-books)
    section.article.large-intro
    article
    > p:first-child {
    font-size: 24px !important;
  }
  :is(body.art-book, body.art-books) section.article figure figcaption,
  :is(body.art-book, body.art-books) section.article div.where-to-see-gallery p,
  body.art-books.chapter.key-works section.images ul li p,
  :is(body.art-book, body.art-books)
    section.article
    div.inline-gallery
    ul
    li
    p {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books) section.article h2 {
    font-size: 18px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    h2,
  :is(body.art-book, body.art-books) section.article div.sources-resources h5 {
    font-size: 24px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    :is(blockquote, div.quote) {
    font-size: 18px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    article
    div#view-gallery
    a {
    font-size: 18px !important;
  }
  body.art-book section.article article > strong {
    font-size: 16px !important;
  }
}
/* Banner title (chapter) → guide 100px desktop, scaled down across tiers */
@media all and (max-width: 767px) {
  body.art-books.chapter section.banner h1 {
    font-size: 46px !important;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  body.art-books.chapter section.banner h1 {
    font-size: 60px !important;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  body.art-books.chapter section.banner h1 {
    font-size: 80px !important;
  }
}
@media all and (min-width: 1280px) {
  body.art-books.chapter section.banner h1 {
    font-size: 100px !important;
  }
}

/* --- D. TEMP QA 2: neutral catch-all + colours for newly covered roles --- */
/* Neutral grey catch-all removed — all roles now categorised sitewide (verified 0 grey). */
/* Location title (Where-to-See h2 + sources h5) */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery h2,
:is(body.art-book, body.art-books) section.article div.sources-resources h5 {
}
/* Captions (where-to-see + key-works thumbnails) */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery p,
body.art-books.chapter.key-works section.images ul li p {
}
/* Content title (h1) */
:is(body.art-book, body.art-books) section.article h1 {
}
/* Misc UI (back / video / share / podcast button) */
:is(body.art-book, body.art-books) section.article div.navigation a.back,
:is(body.art-book, body.art-books) section.article div.details a.video,
:is(body.art-book, body.art-books) section.article aside fieldset.share,
:is(body.art-book, body.art-books) section.article article div.media button {
}
/* Compendium: A–Z index + term = slug; definition = body */
body.art-books section#compendium aside,
body.art-books section#compendium article ul li > strong {
}
body.art-books section#compendium article ul li > p {
}
/* Image-gallery lightbox caption */
:is(body.art-book, body.art-books) .overlay-gallery div strong {
}
:is(body.art-book, body.art-books) .overlay-gallery div small {
}
/* keep legend title clean */
/* ====================== END TEMP QA 2 ====================== */
/* ===== ART BOOK RESKIN 2026 — PART 3: image-gallery (lightbox) caption ===== */
/* public.js injects, as direct children of .overlay-gallery after <figure>:
   <strong>image title</strong>  then  the detail markup. */
:is(body.art-book, body.art-books) .overlay-gallery > strong {
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
} /* image title = Caption Medium */
:is(body.art-book, body.art-books) .overlay-gallery > p,
:is(body.art-book, body.art-books) .overlay-gallery > strong ~ * {
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.02em;
} /* detail = Caption */
/* ----- TEMP QA 3 — colour the lightbox caption (remove before launch) ----- */
:is(body.art-book, body.art-books) .overlay-gallery > strong {
} /* Caption Medium */
:is(body.art-book, body.art-books) .overlay-gallery > p,
:is(body.art-book, body.art-books) .overlay-gallery > strong ~ * {
} /* Caption */
/* ===== END TEMP QA 3 ===== */
/* ============================================================
   ART BOOK RESKIN 2026 — PART 4: footer / dropdown / glossary + WEIGHT AUDIT
   NOTE: the footer is the GLOBAL corporate footer; on art-book pages it is
   currently inheriting the reskin (FK) via the body floor. Decide whether it
   should stay in scope or be excluded. It is colour-flagged below for review.
   TEMP QA 4 is temporary — remove with the other QA blocks before launch.
   ============================================================ */

/* ----- TEMP QA 4 — colour the remaining uncoloured chrome ----- */
/* Footer (cyan) */
:is(body.art-book, body.art-books)
  footer
  :is(a, p, span, strong, small, section) {
}
/* Nav dropdown submenu + connect + quicklinks + artbook_links = Menu (amber) */
body.art-books header nav ul li div a,
body.art-books header nav div.connect,
body.art-books header nav div.connect a,
body.art-books header nav div.quicklinks a,
body.art-books section#artbook_links a,
body.art-books section#artbook_links ul li strong {
}
/* Glossary / compendium tooltip: title = Caption Medium (deep purple), definition = Caption (indigo) */
:is(body.art-book, body.art-books) div.glossary > strong,
body.art-books section#compendium div.caption strong {
}
:is(body.art-book, body.art-books) div.glossary p,
:is(body.art-book, body.art-books) div.glossary p small,
body.art-books section#compendium div.caption {
}

/* Weight audit removed — all ≥600 normalised to Medium (Part 8); Main Slug stays Bold. */
/* ===== END TEMP QA 4 ===== */

/* ===== ART BOOK RESKIN 2026 — PART 5: GT Alpina body-copy weight ===== */
/* GT Alpina ships only 400/500; faces above also bind 600-900 -> Medium so body copy never faux-bolds. */
/* Inline body emphasis (incl. nested) -> Medium 500, never 700. */
:is(body.art-book, body.art-books)
  section.article
  article
  > p
  :is(strong, b, sub, sup)
  a,
:is(body.art-book, body.art-books)
  section.article
  article
  > p
  :is(strong, b, sub, sup),
:is(body.art-book, body.art-books)
  section.article
  article
  > :is(ul, ol)
  > li
  :is(strong, b, sub, sup) {
  font-weight: 500 !important;
}
/* ===== ART BOOK RESKIN 2026 — PART 6: fixes from in-browser QA ===== */
/* Menu + dropdown submenu were Bold (700) → FK Regular per guide */
body.art-books header nav ul li a,
body.art-books header nav ul li.submenu div a,
body.art-books header nav ul li div a {
  font-weight: 400 !important;
}
/* View Gallery button was Bold (700) → FK Medium */
:is(body.art-book, body.art-books) section.article article div#view-gallery a {
  font-weight: 500 !important;
}
/* Captions → Regular 400; caption emphasis (strong) → Medium 500 */
:is(body.art-book, body.art-books) section.article figure figcaption {
  font-weight: 400 !important;
}
:is(body.art-book, body.art-books) section.article figure figcaption strong {
  font-weight: 500 !important;
}
/* Glossary / footnote popup was inheriting GT Alpina (it is injected inside a body <p>) → force FK */
:is(body.art-book, body.art-books) div.glossary,
:is(body.art-book, body.art-books) div.glossary * {
  font-family: "FK Grotesk Neue" !important;
}
:is(body.art-book, body.art-books) div.glossary > strong {
  font-weight: 500 !important;
}
:is(body.art-book, body.art-books) div.glossary p {
  font-weight: 400 !important;
}
/* Footer: the address <section> (and any element-level holdouts) were still Circular → force FK */
:is(body.art-book, body.art-books) footer,
:is(body.art-book, body.art-books) footer * {
  font-family: "FK Grotesk Neue" !important;
}
/* PART 6b — glossary/footnote popup strong needs higher specificity than the GT Alpina prose rule (0,2,4) */
:is(body.art-book, body.art-books) section.article article div.glossary,
:is(body.art-book, body.art-books) section.article article div.glossary * {
  font-family: "FK Grotesk Neue" !important;
}
/* ===== PART 6c — robust font-family floor + remaining weight holdout ===== */
/* The element-list floor missed <div>-based text (e.g. div.quote = Wigrum on About-the-Author,
   compendium div.caption = Avenir). This blankets every element in scope to FK; the GT Alpina
   prose rules (specificity 0,2,4) and the glossary fix (0,3,3) still out-rank this (0,1,1). */
:is(body.art-book, body.art-books) * {
  font-family: "FK Grotesk Neue" !important;
}
/* Sources & Resources section headers were legacy Bold (700) → Medium 500 */
:is(body.art-book, body.art-books) section.article div.sources-resources h5 {
  font-weight: 500 !important;
}
/* ============================================================
   ART BOOK RESKIN 2026 — PART 7: deck reconciliation (Style Guide)
   Adds GT Alpina Light; Body Copy Short, Short Dek, Dates,
   key-work title = Nav Book Title, footer titles = Big Slug.
   All sizes responsive (desktop spec → scaled for ≤1279 / ≤1023).
   ============================================================ */

/* GT Alpina Light (300) — used by Body Copy Short */
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Light.woff2")
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/wp-content/themes/aci/assets/fonts/GT-Alpina-Standard-Light-Italic.woff2")
    format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Body Copy Short — GT Alpina Light 20 / 125% / -1%  (Where-to-See address + footer columns) */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery > p,
:is(body.art-book, body.art-books) section#artbook_links ul li p {
  font-family: "GT Alpina" !important;
  font-weight: 300 !important;
  font-style: normal;
  font-size: 20px !important;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
/* Short Dek — GT Alpina Regular 20 / 80% / -2%  (Where-to-See artwork captions) */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p {
  font-family: "GT Alpina" !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 20px !important;
  line-height: 0.8;
  letter-spacing: -0.02em;
}
/* Dates — FK Medium 20 / 120% / -2%  (Sources & Resources row date, left) */
:is(body.art-book, body.art-books) section.article div.sources-resources h5 {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500 !important;
  text-transform: none !important;
  font-size: 20px !important;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
/* Individual Key-Work title — Nav Book Title style: FK Medium 32 / 80% / -6%, sentence case */
body.art-books.chapter.key-work section.article h1 {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500 !important;
  text-transform: none !important;
  font-size: 32px !important;
  line-height: 0.8;
  letter-spacing: -0.06em;
}
/* Footer column titles — Big Slug: FK Medium 18 / 110% / -1%, uppercase */
:is(body.art-book, body.art-books) section#artbook_links ul li strong {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  font-size: 18px !important;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
/* Misc Medium — prev/next footer navigation */
:is(body.art-book, body.art-books) section.navigation a {
  font-weight: 500 !important;
}

/* ---- Responsive (judgement-based scaling; no responsive deck exists) ---- */
@media all and (max-width: 1279px) {
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    > p,
  :is(body.art-book, body.art-books) section#artbook_links ul li p {
    font-size: 18px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery-images
    p {
    font-size: 17px !important;
  }
  :is(body.art-book, body.art-books) section.article div.sources-resources h5 {
    font-size: 18px !important;
  }
  body.art-books.chapter.key-work section.article h1 {
    font-size: 27px !important;
  }
  :is(body.art-book, body.art-books) section#artbook_links ul li strong {
    font-size: 17px !important;
  }
}
@media all and (max-width: 1023px) {
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    > p,
  :is(body.art-book, body.art-books) section#artbook_links ul li p {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery-images
    p {
    font-size: 15px !important;
  }
  :is(body.art-book, body.art-books) section.article div.sources-resources h5 {
    font-size: 16px !important;
  }
  body.art-books.chapter.key-work section.article h1 {
    font-size: 22px !important;
  }
  :is(body.art-book, body.art-books) section#artbook_links ul li strong {
    font-size: 16px !important;
  }
}

/* PART 7b — enforce dek/body-short leading & tracking over legacy px line-heights */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery
  > p {
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p {
  line-height: 0.8 !important;
  letter-spacing: -0.02em !important;
}
:is(body.art-book, body.art-books) section.article div.sources-resources h5 {
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}
body.art-books.chapter.key-work section.article h1 {
  line-height: 0.8 !important;
  letter-spacing: -0.06em !important;
}

/* PART 7c — Misc Medium: footer "Learn More" / link list */
:is(body.art-book, body.art-books) section#artbook_links a {
  font-weight: 500 !important;
}

/* ============================================================
   ART BOOK RESKIN 2026 — PART 8: banner case, weight normalisation, QA colour fills
   ============================================================ */
/* 1 — Banner title → sentence case */
:is(body.art-book, body.art-books) section.banner h1,
body.art-book section.banner div.content h1 {
  text-transform: none !important;
}

/* 2 — All inline emphasis + glossary/footnote markers → Medium 500 (Main Slug keeps Bold via higher specificity) */
:is(body.art-book, body.art-books)
  :is(strong, b, span[glossary], span[footnote]) {
  font-weight: 500 !important;
}

/* 3 — TEMP QA colours for styles that were falling through to grey */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery > p,
:is(body.art-book, body.art-books) section#artbook_links ul li p {
} /* Body Copy Short */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p {
} /* Short Dek */
:is(body.art-book, body.art-books) section.article div.sources-resources h5 {
} /* Dates */
:is(body.art-book, body.art-books) section.article article blockquote p {
} /* Pull-quote inner p */
body.art-books header nav ul li.submenu {
} /* Menu (submenu li) */
:is(body.art-book, body.art-books) section#artbook_links ul li {
} /* footer column container (children carry their own colour) */

/* Menu — all nav list items (submenu + plain) so none fall through to grey */
body.art-books header nav ul li {
}

/* ============================================================
   ART BOOK RESKIN 2026 — PART 9: deck refinements (batch)
   ============================================================ */
/* #1 — Header menu nav → Menu style, sentence case, 10px item padding */
body.art-books header nav,
body.art-books header section {
  text-transform: none !important;
}
body.art-books header nav ul li {
  padding: 0 10px !important;
}
/* #1 — prev/next chapter nav → Menu/nav style (was Misc Medium) */
:is(body.art-book, body.art-books) section.navigation a {
  font-weight: 400 !important;
  text-transform: none !important;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* #3 — View Gallery button → Misc Medium, sentence case */
:is(body.art-book, body.art-books) section.article article div#view-gallery a {
  font-weight: 500 !important;
  text-transform: none !important;
}

/* #4 — Big Slug → Bold (FK) */
:is(body.art-book, body.art-books) section.article h2 {
  font-weight: 700 !important;
}

/* #5 — Body Copy Short → GT Alpina Regular 18 / 120% / -1% */
:is(body.art-book, body.art-books) section.article div.where-to-see-gallery > p,
:is(body.art-book, body.art-books) section#artbook_links ul li p {
  font-family: "GT Alpina" !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

/* #6 + #4 — Footer column titles = Big Slug (FK Bold 18/110%/-1% upper); drop the 17px */
:is(body.art-book, body.art-books) section#artbook_links ul li strong {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
}

/* #7 — Footer column paragraph links → Menu/nav style + Bold */
body.art-books section#artbook_links ul li p a {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

/* #8 — "Back to Key Works" breadcrumb → Misc Medium */
:is(body.art-book, body.art-books) section.article div.navigation a.back {
  font-weight: 500 !important;
  text-transform: none !important;
}

/* #9 — figure.publication text → Misc (FK Regular) */
:is(body.art-book, body.art-books)
  section.article
  article
  figure.publication
  div {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 400 !important;
}

/* #10 — #artbook_links ul: fixed height → min-height + padding-block on desktop */
body.art-books section#artbook_links ul {
  height: auto !important;
  min-height: 154px;
}

/* #11 — credits figure captions → Small Dek (GT Alpina Regular 18 / 125% / -3%) */
body.art-books.chapter.credits
  section.article
  figure:not(.full-width):not(.publication)
  figcaption {
  font-family: "GT Alpina" !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
}

/* ---- Responsive for changed sizes ---- */
@media all and (min-width: 1280px) {
  body.art-books section#artbook_links ul {
    min-height: 190px;
    padding-block: 20px;
  }
}
@media all and (max-width: 1279px) {
  :is(body.art-book, body.art-books) section#artbook_links ul li strong {
    font-size: 16px !important;
  }
  body.art-books.chapter.credits
    section.article
    figure:not(.full-width):not(.publication)
    figcaption {
    font-size: 16px !important;
  }
}
@media all and (max-width: 1023px) {
  :is(body.art-book, body.art-books)
    section.article
    div.where-to-see-gallery
    > p,
  :is(body.art-book, body.art-books) section#artbook_links ul li p {
    font-size: 16px !important;
  }
  :is(body.art-book, body.art-books) section#artbook_links ul li strong {
    font-size: 14px !important;
  }
  body.art-books.chapter.credits
    section.article
    figure:not(.full-width):not(.publication)
    figcaption {
    font-size: 14px !important;
  }
}

/* ---- TEMP QA colours for new/changed roles ---- */
:is(body.art-book, body.art-books) section.navigation a {
} /* Menu */
:is(body.art-book, body.art-books) section.article article div#view-gallery a,
:is(body.art-book, body.art-books) section.article div.navigation a.back {
} /* Misc Medium */
body.art-books section#artbook_links ul li p a {
} /* Menu */
:is(body.art-book, body.art-books)
  section.article
  article
  figure.publication
  div {
} /* Misc */
body.art-books.chapter.credits
  section.article
  figure:not(.full-width):not(.publication)
  figcaption {
} /* Small Dek */

/* ============================================================
   ART BOOK RESKIN 2026 — PART 10: FR caps, padding-block, grey coverage
   ============================================================ */
/* #1 — Language switcher (FR/EN) all-caps */
body.art-books header section a.language {
  text-transform: uppercase !important;
}

/* #10 — padding-block belongs on the ul > li (not the ul); desktop only */
body.art-books section#artbook_links ul {
  padding-block: 0 !important;
}
@media all and (min-width: 1280px) {
  body.art-books section#artbook_links ul li {
    padding-block: 20px;
  }
}

/* #3 — Grey coverage: text wrapped in a nested <p> inside a role container
   was inheriting the role font but falling through to the neutral grey. */
/* figure.publication box text → Misc */
:is(body.art-book, body.art-books)
  section.article
  article
  figure.publication
  p {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 400 !important;
}
/* figcaption text wrapped in <p> → Caption */
:is(body.art-book, body.art-books) section.article figure figcaption p {
}
/* credits figcaption <p> → Small Dek */
body.art-books.chapter.credits
  section.article
  figure:not(.full-width):not(.publication)
  figcaption
  p {
  font-family: "GT Alpina" !important;
  font-weight: 400 !important;
}
/* key-work title <p> inside h1 → Content title */
body.art-books.chapter.key-work section.article h1 p {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500 !important;
}
/* Sources & Resources citation entries → Body Copy (long) [assumption: reading content] */
:is(body.art-book, body.art-books) section.article div.sources-resources > p {
  font-family: "GT Alpina" !important;
}

/* PART 11 — About-the-Author nested paragraphs (grey coverage) */
/* Author bio body → Body Copy (long) */
:is(body.art-book, body.art-books) section.article div.author div.bio p {
  font-family: "GT Alpina" !important;
  line-height: 1.45;
  letter-spacing: -0.02em;
}
/* Author pull-quote inner <p> → Pull quote */
:is(body.art-book, body.art-books) section.article div.quote p {
}

/* PART 12 — prev/next chapter nav = Misc Medium (not Menu) */
:is(body.art-book, body.art-books) section.navigation a {
  font-weight: 500 !important;
}

/* ============================================================
   ART BOOK RESKIN 2026 — PART 13: markup.io QA round (June board)
   ============================================================ */

/* 13.1 — (#1/#2) Header lockup: air between title and author line */
body.art-books header a.artbook-logo strong small {
  margin-top: 5px;
}

/* 13.2 — (#6) Captions: legacy px line-heights (12/14/18px) beat the
   reskin's intended 1.25 — enforce it (current-site caption = 1.25) */
:is(body.art-book, body.art-books) section.article figure figcaption,
:is(body.art-book, body.art-books) section.article figure figcaption p {
  line-height: 1.25 !important;
}

/* 13.3 — (#7) Footnote popup: flex container turned the citation's text
   nodes into side-by-side columns — restore normal inline flow. The [1]
   marker drops from superscript to the first line's baseline. */
body.art-books span[footnote] div.glossary {
  display: block !important;
}
body.art-books span[footnote] div.glossary > sup {
  vertical-align: baseline !important;
  line-height: inherit !important;
  position: relative;
  top: -1px;
}

/* 13.4 — (#7/#8) Footnote + glossary popup background → cream */
:is(body.art-book, body.art-books) div.glossary {
  background: #fff9eb !important;
}

/* 13.5 — (#9) Key-work title → GT Alpina, artwork name italic (year stays roman) */
body.art-books.chapter.key-work section.article h1,
body.art-books.chapter.key-work section.article h1 p {
  font-family: "GT Alpina" !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}
body.art-books.chapter.key-work section.article h1 p strong {
  font-family: "GT Alpina" !important;
  font-style: italic;
}

/* 13.6 — (#10) Sources & Resources: inline titles fell through to the FK
   floor inside the GT Alpina citation entries → serif like their line */
:is(body.art-book, body.art-books)
  section.article
  div.sources-resources
  > p
  :is(em, i, strong, b, a, span, sub, sup) {
  font-family: "GT Alpina" !important;
}

/* 13.7 — (#2/#11) In-text section subtitles (Big Slugs, all chapters): air
   below, scaled with the slug's responsive sizes (14/16/18px → 11/12/14px).
   No !important — the Where-to-See Location Title h2 outranks this and keeps
   its own margins. */
:is(body.art-book, body.art-books) section.article h2 {
  margin-bottom: 11px;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  :is(body.art-book, body.art-books) section.article h2 {
    margin-bottom: 12px;
  }
}
@media all and (min-width: 1280px) {
  :is(body.art-book, body.art-books) section.article h2 {
    margin-bottom: 14px;
  }
}

/* 13.8 — (#12) Intro dek: inline spans (e.g. glossary terms) picked up the
   GT Alpina prose rule inside the FK dek → keep the whole dek FK */
:is(body.art-book, body.art-books)
  section.article.large-intro
  article
  > p:first-child
  :is(em, i, strong, b, a, span, sub, sup) {
  font-family: "FK Grotesk Neue" !important;
}

/* 13.9 — (#13) Where-to-See artwork captions: artwork title <em> fell to the
   FK floor → serif italic; multi-line captions need caption leading, not the
   single-line Short-Dek 0.8 */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p
  :is(em, i) {
  font-family: "GT Alpina" !important;
  font-style: italic;
}
/* the whole title line (artist name + title + year) is a <strong> wrapper —
   serif like the current site, keeping its Medium weight */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p
  :is(strong, b, a, span) {
  font-family: "GT Alpina" !important;
}
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery-images
  p {
  line-height: 1.25 !important;
}

/* 13.10 — (#14) Where-to-See address links → serif like the address block */
:is(body.art-book, body.art-books)
  section.article
  div.where-to-see-gallery
  > p
  a {
  font-family: "GT Alpina" !important;
}

/* 13.11 — (#16/#17/#19) Credits: heading/label paragraphs ("From the Art
   Canada Institute", "Credits for Banner Images", "Publisher", …) are
   article > p > strong → Misc Medium */
body.art-books.chapter.credits section.article article > p > strong {
  font-family: "FK Grotesk Neue" !important;
  font-weight: 500 !important;
}

/* 13.12 — (#18) Credits banner-image lines: artwork titles (em) inside the
   Small-Dek figcaptions fell to the FK floor → serif italic */
body.art-books.chapter.credits
  section.article
  figure:not(.full-width):not(.publication)
  figcaption
  :is(em, i, strong, b, a) {
  font-family: "GT Alpina" !important;
}

/* 13.13 — (#20) Image-gallery lightbox legend: fixed heights clipped long
   chapter titles (3 lines = 58px vs the 43px box) and the close button was
   pinned at a hard-coded top. Heights become min-heights so the box grows,
   and the close button joins the flex flow (row: prev / next / … / close)
   so it tracks the arrows row on any title length. */
/* Each tier keeps the legacy fixed heights' padding model: the old strong
   height was 2 lines of text + a bottom pad before the rule (37 = 32+5,
   40 = 32+8, 43 = 38+5) — min-height covers the 2-line case, the pad rides
   along when the title runs longer. The div's aci 18px padding-bottom shrinks
   back to the legacy visual gap so the arrows row sits evenly between rules. */
body.art-books .overlay-gallery div {
  height: auto !important;
  min-height: 63px;
  padding-bottom: 4px;
}
body.art-books .overlay-gallery div strong {
  height: auto !important;
  min-height: 32px;
  padding-bottom: 5px;
}
body.art-books .overlay-gallery div button[gallery-close] {
  position: relative !important;
  top: 2px !important;
  right: auto !important;
  margin-left: auto;
  align-self: center;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  body.art-books .overlay-gallery div {
    min-height: 70px;
    padding-bottom: 8px;
  }
  body.art-books .overlay-gallery div strong {
    min-height: 32px;
    padding-bottom: 8px;
  }
  body.art-books .overlay-gallery div button[gallery-close] {
    top: 3px !important;
  }
}
@media all and (min-width: 1280px) {
  body.art-books .overlay-gallery div {
    min-height: 75px;
    padding-bottom: 8px;
  }
  body.art-books .overlay-gallery div strong {
    min-height: 38px;
    padding-bottom: 5px;
  }
  body.art-books .overlay-gallery div button[gallery-close] {
    top: 3px !important;
  }
}

/* 13.14 — (#4) Nav rules match the current site: both the rule above the nav
   (nav border-top) and the rule below it (header::before) are 1px #D9D9D9;
   the item dividers stay black like the current site's. */
:is(body.art-book, body.art-books) header nav {
  border-top-color: #d9d9d9;
}
:is(body.art-book, body.art-books) header::before {
  border-bottom-color: #d9d9d9;
}

/* 13.15 — (#3) Chapter nav matches the current site's fluid formulas
   (font = 1.25vw, spacing = 1.389vw per side of each divider, same vertical
   padding to the rules), sampled at each fixed breakpoint's entry width:
   1024 → 13/14px · 1280 → 16/18px · 1440 → 18/20px · 1604 → 20/22px.
   First item sits flush left and the active chapter is Medium, both like
   the current site. Horizontal nav exists only ≥1024; the mobile overlay
   menu keeps its own sizing. Header is height:auto ≥1024 so it grows. */
body.art-books header nav ul li a.selected {
  font-weight: 500 !important;
}
@media all and (min-width: 1024px) {
  body.art-books header nav ul li {
    font-size: 13px;
    padding: 0 14px !important;
  }
  body.art-books header nav ul li:first-child {
    padding-left: 0 !important;
  }
  body.art-books header nav {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media all and (min-width: 1280px) {
  body.art-books header nav ul li {
    font-size: 16px;
    padding: 0 18px !important;
  }
  body.art-books header nav {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media all and (min-width: 1440px) {
  body.art-books header nav ul li {
    font-size: 18px;
    padding: 0 20px !important;
  }
  body.art-books header nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media all and (min-width: 1604px) {
  body.art-books header nav ul li {
    font-size: 20px;
    padding: 0 22px !important;
  }
  body.art-books header nav {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

/* ============================================================
   ART BOOK RESKIN 2026 — PART 14: header logo = ACI ".a/" mark
   The per-book CMS logo was replaced with the hardcoded red mark
   (header_art-books.php). It keeps the legacy logo's rendered
   heights (34/43/56px) but is landscape (146:100), so width follows
   the ratio and the figure/divider + title inset widen to keep the
   original gaps around the divider. */
body.art-books header a.artbook-logo img {
  width: auto !important;
  height: 34px;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  body.art-books header a.artbook-logo {
    padding-left: 69px;
  }
  body.art-books header a.artbook-logo figure {
    width: 61px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  body.art-books header a.artbook-logo {
    padding-left: 89px;
  }
  body.art-books header a.artbook-logo figure {
    width: 78px;
  }
  body.art-books header a.artbook-logo img {
    height: 43px;
  }
}
@media all and (min-width: 1280px) {
  body.art-books header a.artbook-logo {
    padding-left: 114px;
  }
  body.art-books header a.artbook-logo figure {
    width: 100px;
  }
  body.art-books header a.artbook-logo img {
    height: 56px;
  }
}