/* ================================================================
   STORY Magazine G2 — Listing / Discovery Pages
   Phase 8
   Implements: 03-CATEGORY.md, 07-TYPOGRAPHY.md, 08-SPACING-GRID.md,
               10-RESPONSIVE.md, 11-COMPONENT-LIBRARY.md
   All values are measured reference forensics unless marked
   STORY IMPLEMENTATION DECISION.
   ================================================================ */

/* --- Grid -------------------------------------------------------
   Frozen geometry (03-CATEGORY): 2 columns at 390/768/1024,
   4 columns at 1280/1440/1920, gutter always 0, edge-to-edge. */
.story-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  padding-bottom: 96px;
}

.story-grid .story-card-copy {
  background: transparent;
  padding-inline: 0;
  text-align: center;
}

.story-grid .story-label {
  padding-block: 20px; /* 08-SPACING-GRID: archive label padding 20px vertical */
  text-align: center;
}

.story-grid .story-card-title {
  margin: 0;
  font: 300 24px/26px var(--story-font); /* 03-CATEGORY: archive/related title 24/26/300 centred */
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
}

.story-grid .story-card-excerpt {
  font: 400 14px/16px var(--story-font); /* 07-TYPOGRAPHY: archive excerpt 14/16/400 uppercase */
  text-transform: uppercase;
  text-align: center;
}

.story-grid .story-meta {
  font: 400 14px/16px var(--story-font); /* 07-TYPOGRAPHY: deck/byline 14/16/400 uppercase */
  text-transform: uppercase;
  text-align: center;
}

/* --- Page identity ---------------------------------------------- */
.story-page-identity {
  padding-block: 96px 64px;
}

.story-page-identity .story-label {
  text-align: center;
  padding-block: 20px;
}

.story-page-identity h1 {
  max-width: 600px;
  margin: 12px auto;
  font: 300 32px/36px var(--story-font);
  text-align: center;
  letter-spacing: normal;
  /* STORY IMPLEMENTATION DECISION: no frozen listing-page H1
     measurement exists; unified with the measured homepage/article
     H1 family 32/36/300 (07-TYPOGRAPHY). Replaces the previous
     clamp(38px,4.6vw,64px) with -0.04em letter-spacing
     (undocumented values). */
}

/* --- Search (Priority-4 frozen) --------------------------------
   10-RESPONSIVE table: field height 48; input width 216.17 @390,
   594.17 @768, 649.17 @1024+; X inset 20 below 1280 / 40 from
   1280. The result grid below is itself full-bleed (.story-grid). */
.story-search-page {
  padding: 20px 20px 0;
  /* STORY IMPLEMENTATION DECISION: 20px block-start approximates
     the reference field Y=120 (fixed 101px header) onto our static
     header. 20px inline = measured X inset below 1280. */
}

.story-search-page-form label {
  display: block;
  margin-bottom: 8px; /* STORY IMPLEMENTATION DECISION */
  font: 500 14px/16px var(--story-font);
  text-transform: uppercase;
}

.story-search-page-form div {
  display: flex;
  align-items: stretch;
}

.story-search-page-form input[type="search"] {
  height: 48px;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 216.17px; /* measured input width @390 */
  padding: 0 12px;
  border: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  font: 300 14px/20px var(--story-font); /* 07-TYPOGRAPHY: search input 14/20/300 */
}

.story-search-page-form button {
  flex: 0 0 auto;
  height: 48px;
  padding-inline: 16px;
  border: 0;
  background: var(--color-black);
  color: var(--color-white);
  font: 500 14px/16px var(--story-font);
  text-transform: uppercase;
}

.story-search-count {
  margin: 48px 0 0; /* STORY IMPLEMENTATION DECISION: approximates reference grid Y=244 */
  text-align: center;
  font: 400 14px/16px var(--story-font);
  text-transform: uppercase;
}

/* --- Contributor (author.php) ----------------------------------- */
.story-contributor {
  display: grid;
  gap: 40px;
  padding-block: 96px;
}

.story-contributor-portrait {
  width: 100%;
  max-width: 360px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
}

.story-contributor .story-label {
  padding-block: 20px;
}

.story-contributor h1 {
  font: 300 32px/36px var(--story-font);
  /* STORY IMPLEMENTATION DECISION: standalone contributor page is
     ACCEPTED UNKNOWN (11-COMPONENT-LIBRARY); this header renders
     real WordPress user data (avatar/display name/description),
     not an invented EE72 layout. H1 unified with 32/36/300. */
}

/* --- 404 ---------------------------------------------------------
   Deliberate correction of the recorded reference defect
   (10-RESPONSIVE Priority-4 404: empty viewport-height main with
   no H1/search/cards). Build spec requires a designed recovery
   page with one logical H1 and a route back. */
.story-error {
  max-width: 42rem;
  margin-inline: auto;
  padding: 96px 20px 64px; /* inline 20 below 1280 / 40 from 1280 */
  text-align: center;
}

.story-error .story-label {
  padding-block: 20px;
}

.story-error h1 {
  font: 300 32px/36px var(--story-font);
}

.story-error ul {
  list-style: none;
  padding: 0;
}

/* --- Basic page (page.php fallback) ------------------------------ */
.story-basic-page {
  padding-block: 96px;
}

.story-basic-page h1 {
  font: 300 32px/36px var(--story-font);
}

/* --- Empty state (template-parts/empty.php) ---------------------- */
.story-empty-state h2 {
  margin: 0 0 12px; /* STORY IMPLEMENTATION DECISION: empty heading is h2 (page H1 is the single logical H1) */
  font: 300 24px/26px var(--story-font);
}

.story-empty-state p {
  font: 400 14px/16px var(--story-font);
  text-transform: uppercase;
}

/* --- Pagination ---------------------------------------------------- */
.navigation.pagination {
  padding: 40px 20px 96px; /* inline 20 below 1280 / 40 from 1280 */
  text-align: center;
}

.nav-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.nav-links a,
.nav-links .page-numbers {
  font: 500 14px/16px var(--story-font);
  text-transform: uppercase;
  padding: 8px 12px; /* POLISH: uniform footprint so the selected chip does not shift layout */
}

/* POLISH: selected page = monochrome chip per C-3 (BLACK bg / WHITE text).
   No yellow/gold/orange anywhere; neutral hover; visible focus.
   FIX (pagination accent leak): parent theissue app.css rule
   `.pagination .nav-links .page-numbers.current` (specificity 0,4,0) paints the
   selected chip in the parent accent (#f75454) and beats the child's plain
   `.nav-links .current` (0,2,0). These selectors are scoped under
   `.navigation.pagination` (0,5,0+) so the child wins the cascade for current,
   current-hover and non-current hover/focus/active WITH NO !important. */
.navigation.pagination .nav-links .page-numbers.current {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
  text-decoration: none;
}

.navigation.pagination .nav-links .page-numbers.current:hover,
.navigation.pagination .nav-links .page-numbers.current:focus-visible,
.navigation.pagination .nav-links .page-numbers.current:active {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.navigation.pagination .nav-links a.page-numbers:not(.dots):not(.current):hover,
.navigation.pagination .nav-links a.page-numbers:not(.dots):not(.current):focus-visible,
.navigation.pagination .nav-links a.page-numbers:not(.dots):not(.current):active {
  background: var(--color-gray-text);
  color: var(--color-white);
  border-color: var(--color-gray-text);
}

/* Keyboard focus must stay visible */
.navigation.pagination .nav-links a:focus-visible,
.navigation.pagination .nav-links .page-numbers:focus-visible,
.navigation.pagination .nav-links .current:focus-visible {
  outline: 2px solid var(--color-black);
  outline-offset: 2px;
}

/* --- Responsive (frozen breakpoint family 640/834/1024/1280/1920/2560) --- */
@media (min-width: 768px) {
  .story-search-page-form input[type="search"] {
    max-width: 594.17px; /* measured input width @768 */
  }
}

@media (min-width: 834px) {
  /* STORY IMPLEMENTATION DECISION: 834 = nearest frozen breakpoint
     (family 640/834/1024/1280/1920/2560); prior 900 was not frozen. */
  .story-contributor {
    grid-template-columns: 360px 1fr;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .story-search-page-form input[type="search"] {
    max-width: 649.17px; /* measured input width @1024+ */
  }
}

@media (min-width: 1280px) {
  .story-grid {
    grid-template-columns: repeat(4, 1fr); /* 03-CATEGORY: 4 columns from 1280 */
  }

  .story-search-page {
    padding-inline: 40px; /* measured X inset @1280+ */
  }

  .story-error {
    padding-inline: 40px;
  }

  .navigation.pagination {
    padding-inline: 40px;
  }
}


/* Category-only EE72 source transplant. Generic archives above remain untouched.
 * @property/Tailwind initialization is replaced with local variable defaults.
 * Available Explore revision 1788943240; linked later revisions are missing. */
body.category .story-category-source { padding:0; margin:0; min-height:calc(100dvh + 1px); }
body.category .story-category-source > .entry-content { --bounded-cols:minmax(20px,1fr) minmax(auto,606px) minmax(20px,1fr); display:grid; grid-template-columns:var(--bounded-cols); margin:0; padding:0; max-width:none; }
@media(min-width:40rem) { body.category .story-category-source > .entry-content { --bounded-cols:minmax(min(20px,114px),1fr) minmax(auto,606px) minmax(min(20px,114px),1fr); } }
@media(min-width:52.125rem) { body.category .story-category-source > .entry-content { --bounded-cols:minmax(min(114px,140px),1fr) minmax(606px,878px) minmax(min(140px,114px),1fr); } }
body.category .story-explore { --font-sans:var(--story-font); --color-black:#000; --color-white:#fff; --color-main-text:#000; --color-background:#fff; --spacing-0:0px; --font-weight-medium:500; --font-weight-normal:400; --font-weight-light:300; --ease-out:cubic-bezier(0,0,.2,1); --ease-in-out:cubic-bezier(.4,0,.2,1); --tw-border-style:solid; --bounded-gutter-tablet:114px; --bounded-gutter-small-desktop:140px; font:400 16px/1.5 var(--story-font); color:#000; background:#fff; }
body.category .story-explore :is(h2,h3,p) { margin:0; font-size:inherit; font-weight:inherit; }
body.category .story-explore :is(a,button) { color:inherit; text-decoration:none; }
body.category .story-explore :is(button,input) { padding:0; margin:0; border:0; border-radius:0; background:transparent; font:inherit; }
body.category .story-explore .article-card__cover { background:#fff; }
body.category .story-explore .label-m { font:500 14px/16px var(--story-font); text-transform:uppercase; }
body.category .story-explore .explore-articles__grids-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
body.category .story-explore .explore-articles__grids-title { grid-template-columns:repeat(1,minmax(0,1fr)); overflow-x:clip; }
body.category .story-explore .article-card-v2 { padding:50px 20px; }
body.category .story-explore .article-card-v2__media-inner { position:relative; }
/* Restore the prototype preflight image width, instead of STORY's global width:100%. */
body.category .story-explore .article-card-v2__media-inner img { width:auto; object-fit:contain; }
@media(min-width:40rem) {
  body.category .story-explore .explore-articles__grids-title { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.category .story-explore .article-card-v2 { padding:35px 43px; }
}
@media(min-width:80rem) {
  body.category .story-explore :is(.explore-articles__grids-media,.explore-articles__grids-title) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.category .story-explore .article-card-v2 { padding:47px 25px; }
}
@media(min-width:120rem) { body.category .story-explore .article-card-v2 { padding-top:60px; padding-bottom:83px; } }
/* Source transplant: prototype/evidence/fashion.inline-4.css; only selectors are category-scoped. */
body.category .story-explore [data-type="ee72/article-card"][data-type="ee72/article-card"] :not([data-animation]) { transition-property:none }
body.category .story-explore [data-type="ee72/article-card"][data-type="ee72/article-card"] [data-animation] { transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1)) }
@media  (prefers-reduced-motion:reduce)  {
  body.category .story-explore [data-type="ee72/article-card"][data-type="ee72/article-card"] [data-animation] { transition-property:none }
}
body.category .story-explore article-card { --article-card-main-text-color:var(--color-black);z-index:1;text-align:center;color:var(--color-black,#000);flex-direction:column;gap:30px;padding-block:50px;padding-inline:20px;display:flex;position:relative }
body.category .story-explore article-card[data-variant=text-only] { aspect-ratio:393/500;justify-content:center;padding:40px }
@media  (min-width:40rem)  {
  body.category .story-explore article-card { gap:40px;padding:40px }
}
@media  (min-width:80rem)  {
  body.category .story-explore article-card { padding-block:44px;padding-inline:148px }
  body.category .story-explore article-card[data-card-size=small] { padding-block:48px;padding-inline:24px }
}
@media  (min-width:120rem)  {
  body.category .story-explore article-card { gap:50px;padding-block:50px;padding-inline:194px }
  body.category .story-explore article-card[data-card-size=small] { padding-block:60px;padding-inline:32px }
}
body.category .story-explore article-card.is-dimmed:before { pointer-events:none;top:var(--spacing-0,0);left:var(--spacing-0,0);z-index:100;content:var(--tw-content);background-color:#0009;width:100%;height:100%;position:absolute }
@supports  (color:color-mix(in lab,red,red))  {
  body.category .story-explore article-card.is-dimmed:before { background-color:color-mix(in oklab,var(--color-black,#000)60%,transparent) }
}
body.category .story-explore article-card.is-dimmed:before { --tw-content:"";content:var(--tw-content) }
body.category .story-explore article-card .article-card__excerpt { color:var(--color-white,#fff);transition-delay:.5s }
body.category .story-explore article-card:hover .article-card__excerpt { color:var(--color-black,#000) }
body.category .story-explore .article-card__title { --article-card-title-top:0;--article-card-title-right:0;--article-card-title-bottom:0;--article-card-title-left:0;color:var(--color-white,#fff);opacity:0;justify-content:center;align-items:center;transition-delay:.5s;display:flex;position:relative }
body.category .story-explore article-card.loaded .article-card__title { opacity:1 }
body.category .story-explore article-card:hover .article-card__title { color:var(--color-black,#000) }
body.category .story-explore article-card[data-card-type=media]:not([data-variant=text-only]) .article-card__title { flex:1;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important }
@media  not all and (min-width:40rem)  {
  body.category .story-explore article-card[data-card-type=media]:not([data-variant=text-only]) .article-card__title { display:none }
}
@media  (min-width:52.125rem)  {
  body.category .story-explore .related-articles__grids .article-card__title { margin-inline:40px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .related-articles__grids .article-card__title { margin-inline:50px }
}
@media  (min-width:160rem)  {
  body.category .story-explore .related-articles__grids .article-card__title { margin-inline:var(--spacing-0,0) }
}
body.category .story-explore .article-card__title-text { font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px;display:block }
body.category .story-explore .article-card__title-text strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore .article-card__title-text { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);opacity:0 }
body.category .story-explore .article-card__title-highlight { --article-card-text-only-icon-offset:36px;top:var(--article-card-title-top);right:var(--article-card-title-right);bottom:var(--article-card-title-bottom);left:var(--article-card-title-left);text-align:center;position:absolute }
body.category .story-explore article-card:not(.loaded) .article-card__title-highlight { transition-property:none }
body.category .story-explore article-card[data-variant=text-only] .article-card__title-highlight { background-color:var(--color-background);text-align:left;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:28px;--tw-font-weight:var(--font-weight-light,300);font-size:24px;line-height:28px;font-weight:var(--font-weight-light,300);flex-direction:column;padding:40px;display:flex;overflow:hidden }
body.category .story-explore article-card[data-variant=text-only] .article-card__title-highlight strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore article-card[data-variant=text-only] .article-card__title-highlight { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-main-text) }
body.category .story-explore article-card[data-card-size=small] .article-card__title-highlight { padding:20px }
@media  (min-width:40rem)  {
  body.category .story-explore article-card[data-card-size=small] .article-card__title-highlight { padding:40px }
}
body.category .story-explore article-card[data-card-type=media][data-variant=text-with-media] .article-card__title-highlight,
body.category .story-explore article-card[data-card-type=title] .article-card__title-highlight { --color-main-text:var(--color-black);--color-background:var(--color-white);--article-card-title-top:0;--article-card-title-right:0;--article-card-title-bottom:0;--article-card-title-left:0;padding:var(--spacing-0,0);text-align:center;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px }
body.category .story-explore :is(article-card[data-card-type=media][data-variant=text-with-media] .article-card__title-highlight,article-card[data-card-type=title] .article-card__title-highlight) strong,
body.category .story-explore article-card[data-card-type=media][data-variant=text-with-media] .article-card__title-highlight,
body.category .story-explore article-card[data-card-type=title] .article-card__title-highlight { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
@media  (min-width:64rem)  {
  body.category .story-explore article-card:not([data-variant=text-only]):hover .article-card__title-highlight,
body.category .story-explore article-card:not([data-variant=text-only]):focus-within .article-card__title-highlight { --color-main-text:var(--color-black);--color-background:var(--color-white);--article-card-title-top:0;--article-card-title-right:0;--article-card-title-bottom:0;--article-card-title-left:0;padding:var(--spacing-0,0);text-align:center;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px }
  body.category .story-explore :is(article-card:not([data-variant=text-only]):hover .article-card__title-highlight,article-card:not([data-variant=text-only]):focus-within .article-card__title-highlight) strong,
body.category .story-explore article-card:not([data-variant=text-only]):hover .article-card__title-highlight,
body.category .story-explore article-card:not([data-variant=text-only]):focus-within .article-card__title-highlight { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
}
body.category .story-explore .article-card__title-highlight span { width:100%;height:100%;display:block;overflow:hidden }
body.category .story-explore article-card[data-card-type=media]:not([data-variant=text-only]) :is(.article-card__title-highlight span) { flex:1;height:auto;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important }
@media  not all and (min-width:64rem)  {
  body.category .story-explore article-card:hover :is(.article-card__title-highlight span),
body.category .story-explore article-card:focus-within :is(.article-card__title-highlight span) { height:calc(100% - var(--article-card-text-only-icon-offset)) }
}
body.category .story-explore .article-card__title-highlight svg { width:26px;height:15px;margin-top:auto }
@media  (min-width:80rem)  {
  body.category .story-explore .article-card__title-highlight svg { width:31px;height:17px }
}
body.category .story-explore article-card:not([data-variant=text-only]) :is(.article-card__title-highlight svg) { display:none }
@media  (min-width:64rem)  {
  body.category .story-explore article-card:hover :is(.article-card__title-highlight svg),
body.category .story-explore article-card:focus-within :is(.article-card__title-highlight svg) { display:none }
}
body.category .story-explore .article-card__media { --article-card-media-top:0;--article-card-media-right:0;--article-card-media-bottom:0;--article-card-media-left:0 }
@media  (min-width:80rem)  {
  body.category .story-explore .has-video .article-card__media { pointer-events:none;z-index:11;position:relative }
}
body.category .story-explore .article-card__media { z-index:1;opacity:0;width:calc(100% - 40px);margin-inline:auto;position:relative }
@media  (min-width:40rem)  {
  @media  not all and (min-width:80rem)  {
    body.category .story-explore article-card[data-card-type=title] .article-card__media { width:100% }
  }
}
@media  (min-width:80rem)  {
  body.category .story-explore article-card[data-card-size=small] .article-card__media { width:100% }
}
body.category .story-explore article-card.loaded .article-card__media { opacity:1 }
body.category .story-explore .article-card__media,
body.category .story-explore .article-card__media img { aspect-ratio:313/400 }
@media  (min-width:40rem)  {
  body.category .story-explore article-card[data-card-type=title] :is(.article-card__media,.article-card__media img) { aspect-ratio:340/232 }
}
@media  (min-width:80rem)  {
  body.category .story-explore .article-card__media,
body.category .story-explore .article-card__media img { aspect-ratio:420/538 }
  body.category .story-explore article-card[data-card-size=small] :is(.article-card__media,.article-card__media img) { aspect-ratio:328/224 }
}
body.category .story-explore .article-card__media img,
body.category .story-explore .article-card__media video-wrapper { width:100%;height:100% }
body.category .story-explore .article-card__media img { scale:var(--article-card-image-scale);-o-object-fit:contain;object-fit:contain }
@media  (min-width:64rem)  {
  body.category .story-explore article-card:hover :is(.article-card__media img),
body.category .story-explore article-card:focus-within :is(.article-card__media img) { --article-card-image-scale:1 }
}
body.category .story-explore .article-card__media:has(video-wrapper) :is(.article-card__media img) { opacity:0 }
body.category .story-explore .article-card__media video-wrapper { top:var(--spacing-0,0);left:var(--spacing-0,0);z-index:1;align-items:center;width:100%;height:100%;display:flex;position:absolute }
body.category .story-explore .article-card__media video-wrapper:has(iframe) { scale:var(--article-card-iframe-scale) }
body.category .story-explore .article-card__media video-wrapper:has(video) { scale:var(--article-card-video-scale) }
@media  (min-width:64rem)  {
  body.category .story-explore article-card:hover :is(.article-card__media video-wrapper),
body.category .story-explore article-card:focus-within :is(.article-card__media video-wrapper) { --article-card-iframe-scale:1;--article-card-video-scale:1 }
}
body.category .story-explore .article-card__media video { -o-object-fit:cover;object-fit:cover;width:100%;height:100% }
body.category .story-explore .article-card__media iframe { width:100%;height:100% }
@media  (min-width:80rem)  {
  body.category .story-explore .has-video :is(.article-card__media .video-wrapper-thumbnail-control) { pointer-events:auto }
}
body.category .story-explore .article-card__media-inner { top:var(--article-card-media-top);right:var(--article-card-media-right);bottom:var(--article-card-media-bottom);left:var(--article-card-media-left);z-index:1;position:absolute;overflow:hidden }
body.category .story-explore article-card:not(.loaded) .article-card__media-inner { transition-property:none }
body.category .story-explore article-card[data-card-type=title] .article-card__media-inner { --article-card-media-top:0;--article-card-media-right:0;--article-card-media-bottom:0;--article-card-media-left:0 }
@media  (min-width:64rem)  {
  body.category .story-explore article-card:hover .article-card__media-inner,
body.category .story-explore article-card:focus-within .article-card__media-inner { --article-card-media-top:0;--article-card-media-right:0;--article-card-media-bottom:0;--article-card-media-left:0 }
}
body.category .story-explore .article-card__cover { visibility:visible;top:var(--spacing-0,0);left:var(--spacing-0,0);z-index:2;opacity:1;width:100%;height:100%;position:absolute }
body.category .story-explore article-card.loaded .article-card__cover { visibility:hidden;z-index:-1;opacity:0;transition-delay:.5s }
body.category .story-explore .article-card__cover img { -o-object-fit:cover;object-fit:cover;width:100%;height:100% }
body.category .story-explore .article-card__cover span { width:100%;height:100%;display:block }
body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span) { background-color:var(--color-background);text-align:left;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:28px;--tw-font-weight:var(--font-weight-light,300);font-size:24px;line-height:28px;font-weight:var(--font-weight-light,300);padding:40px;overflow:hidden }
body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span) strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span) { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-main-text) }
body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span)[data-card-size=small] { padding:20px 20px 60px }
@media  (min-width:40rem)  {
  body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span)[data-card-size=small] { padding:40px }
}
@media  (min-width:80rem)  {
  body.category .story-explore article-card[data-variant=text-only] :is(.article-card__cover span)[data-card-size=small] { padding:30px }
}
body.category .story-explore .article-card__excerpt { font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px }
body.category .story-explore .article-card__excerpt strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
@media  not all and (min-width:40rem)  {
  body.category .story-explore article-card:not([data-card-type=title]) .article-card__excerpt { display:none }
}
body.category .story-explore .article-card__actions { top:var(--spacing-0,0);left:var(--spacing-0,0);z-index:10;width:100%;height:100%;position:absolute }
body.category .story-explore .article-card__link { opacity:0;outline-offset:-1px;width:100%;height:100%;display:block }
body.category .story-explore .article-card__link:focus-visible,
body.category .story-explore article-card:focus-within .article-card__link { opacity:1 }
@media  not all and (min-width:64rem)  {
  body.category .story-explore article-card:not([data-card-type=title]):has([data-toggle]:not(:checked)) .article-card__link { display:none }
}
body.category .story-explore .article-card__toggle { cursor:pointer;opacity:0;width:100%;height:100% }
body.category .story-explore article-card[data-card-type=title] .article-card__toggle,
body.category .story-explore .article-card__toggle:checked { display:none }
@media  (min-width:64rem)  {
  body.category .story-explore .article-card__toggle { display:none }
}
body.category .story-explore article-card-detail { display:none }
@media  (min-width:40rem)  {
  body.category .story-explore article-card-detail { max-width:353px;margin-inline:auto }
}
@media  not all and (min-width:64rem)  {
  body.category .story-explore article-card:has([data-toggle]:checked)+:is(article-card-detail) { text-align:center;flex-direction:column;align-items:center;gap:20px;padding-block:40px;padding-inline:20px;display:flex }
}
body.category .story-explore .article-card__detail-link { font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;align-items:center;font-size:12px;line-height:16px;display:flex }
body.category .story-explore .article-card__detail-link strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore .article-card__detail-link { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);text-transform:uppercase }
body.category .story-explore .article-card__detail-link svg { width:16px;height:16px }
@media  not all and (min-width:64rem)  {
  body.category .story-explore article-card:hover .article-card__title-highlight span,
body.category .story-explore article-card:focus-within .article-card__title-highlight span { height:calc(100% - var(--article-card-text-only-icon-offset)) }
}
@media  (min-width:64rem)  {
  body.category .story-explore .explore-articles__grids-media-2 article-card { gap:var(--spacing-0,0) }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card { padding-block:35px;padding-inline:43px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card { padding-block:40px;padding-inline:146px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card { padding-block:50px;padding-inline:209px }
  }
  body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__title { text-align:center;margin-bottom:30px }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__title { margin-bottom:35px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__title { margin-bottom:43px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__title { margin-bottom:54px }
  }
  body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__media { height:400px }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__media { width:100%;height:232px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__media { height:538px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__media { height:683px }
  }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__media img { -o-object-fit:contain;object-fit:contain }
  }
  body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt { font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px }
  body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
  body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt { --tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400) }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt { margin-top:50px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt { margin-top:36px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-2 article-card .article-card__excerpt { margin-top:50px }
  }
  body.category .story-explore .explore-articles__grids-media-4 article-card { gap:var(--spacing-0,0);padding-block:50px;padding-inline:20px }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card { padding-block:35px;padding-inline:43px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card { padding-block:47px;padding-inline:25px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card { padding-top:60px;padding-bottom:83px }
  }
  body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__title { text-align:center;margin-bottom:30px;display:block }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__title { margin-bottom:35px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__title { margin-bottom:48px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__title { margin-bottom:64px }
  }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__media { height:232px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__media { height:294px }
  }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__media img { -o-object-fit:contain;object-fit:contain }
  }
  body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt { min-height:48px;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px }
  body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
  body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt { --tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400) }
  @media  (min-width:40rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt { margin-top:50px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt { margin-top:36px }
  }
  @media  (min-width:120rem)  {
    body.category .story-explore .explore-articles__grids-media-4 article-card .article-card__excerpt { margin-top:50px }
  }
  @media  (min-width:52.125rem)  {
    body.category .story-explore .explore-articles__grids-media-4 .article-card__title { margin-inline:40px }
  }
  @media  (min-width:80rem)  {
    body.category .story-explore .explore-articles__grids-media-4 .article-card__title { margin-inline:50px }
  }
  @media  (min-width:160rem)  {
    body.category .story-explore .explore-articles__grids-media-4 .article-card__title { margin-inline:var(--spacing-0,0) }
  }
}
/* Source transplant: prototype/evidence/fashion.inline-6.css; only selectors are category-scoped. */
body.category .story-explore .article-card-v2 { border-bottom-style:var(--tw-border-style);border-color:#0006;border-bottom-width:1px;min-height:540px }
@supports  (color:color-mix(in lab,red,red))  {
  body.category .story-explore .article-card-v2 { border-color:color-mix(in oklab,var(--color-black,#000)40%,transparent) }
}
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2 { min-height:unset;border-bottom-style:var(--tw-border-style);border-bottom-width:0 }
}
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2 { border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-left-style:var(--tw-border-style);border-left-width:1px }
  body.category .story-explore .explore-articles__grids-2 .article-card-v2 { padding-block:40px;padding-inline:146px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .explore-articles__grids-2 .article-card-v2 { padding-block:50px;padding-inline:209px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2:last-child { position:relative }
  body.category .story-explore .explore-articles__grids-4 .article-card-v2:last-child:after { top:var(--spacing-0,0);content:var(--tw-content);background-color:#0006;width:1px;height:100%;position:absolute;right:-1px }
  @supports  (color:color-mix(in lab,red,red))  {
    body.category .story-explore .explore-articles__grids-4 .article-card-v2:last-child:after { background-color:color-mix(in oklab,var(--color-black,#000)40%,transparent) }
  }
  body.category .story-explore .explore-articles__grids-4 .article-card-v2:last-child:after { --tw-content:"";content:var(--tw-content) }
}
body.category .story-explore .article-card-v2__link { flex-direction:column;justify-content:space-between;height:100%;display:flex }
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2__link { justify-content:flex-start }
}
body.category .story-explore [data-variant=text-only] .article-card-v2__link { justify-content:center }
body.category .story-explore .article-card-v2__title { text-align:center;margin-bottom:30px }
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2__title { margin-bottom:35px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .article-card-v2__title { margin-bottom:48px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .article-card-v2__title { margin-bottom:64px }
}
body.category .story-explore [data-variant=text-only] .article-card-v2__title { margin-bottom:3px }
@media  (min-width:120rem)  {
  body.category .story-explore [data-variant=text-only] .article-card-v2__title { margin-bottom:10px }
}
body.category .story-explore article-card-v2:not([data-variant=text-only]) .article-card-v2__title { flex:1;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important }
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-2 .article-card-v2__title { margin-bottom:43px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .explore-articles__grids-2 .article-card-v2__title { margin-bottom:54px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-2 [data-variant=text-only] .article-card-v2__title { margin-bottom:3px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .explore-articles__grids-2 [data-variant=text-only] .article-card-v2__title { margin-bottom:10px }
}
@media  (min-width:52.125rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2__title { margin-inline:40px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2__title { margin-inline:50px }
  body.category .story-explore .explore-articles__grids-4 .article-card-v2__title:before { top:var(--spacing-0,0);left:var(--spacing-0,0);background-color:var(--color-white,#fff);--tw-content:"";content:var(--tw-content);width:1px;height:100%;position:absolute }
}
@media  (min-width:160rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2__title { margin-inline:var(--spacing-0,0) }
}
body.category .story-explore .article-card-v2__title-text { font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;font-size:14px;line-height:16px;display:block }
body.category .story-explore .article-card-v2__title-text strong,
body.category .story-explore .article-card-v2__title-text { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore .article-card-v2__media { height:400px;padding-inline:20px }
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2__media { height:232px;padding-inline:var(--spacing-0,0) }
}
body.category .story-explore .article-card-v2__media video-wrapper,
body.category .story-explore .article-card-v2__media iframe,
body.category .story-explore .article-card-v2__media video { top:var(--spacing-0,0);left:var(--spacing-0,0);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute }
@media  (min-width:120rem)  {
  body.category .story-explore .explore-articles__grids-4 .article-card-v2__media { height:294px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .explore-articles__grids-2 .article-card-v2__media { height:538px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .explore-articles__grids-2 .article-card-v2__media { height:683px }
}
body.category .story-explore .article-card-v2__media-inner { flex-direction:column;justify-content:center;height:100%;display:flex;overflow:hidden }
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2__media-inner { flex-direction:row;width:100% }
  body.category .story-explore .article-card-v2__media-inner img { -o-object-fit:contain;object-fit:contain;height:100% }
  body.category .story-explore .explore-articles__grids-4 :is(.article-card-v2__media-inner img) { max-width:100% }
}
body.category .story-explore .article-card-v2__excerpt { text-align:center;min-height:48px;font-family:var(--font-sans,"Graphik Web",sans-serif);--tw-leading:16px;text-transform:uppercase;margin-top:30px;font-size:14px;line-height:16px }
body.category .story-explore .article-card-v2__excerpt strong { --tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500) }
body.category .story-explore .article-card-v2__excerpt { --tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400) }
@media  (min-width:40rem)  {
  body.category .story-explore .article-card-v2__excerpt { margin-top:50px }
}
@media  (min-width:80rem)  {
  body.category .story-explore .article-card-v2__excerpt { margin-top:36px }
}
@media  (min-width:120rem)  {
  body.category .story-explore .article-card-v2__excerpt { margin-top:50px }
}
body.category .story-explore [data-variant=text-only] .article-card-v2__excerpt { margin-top:var(--spacing-0,0) }
/* Source transplant: prototype/evidence/block-explore_ver=1788943240.css.readable.css; only selectors are category-scoped. */
body.category [data-type="ee72/explore"] { --bounded-container-gutter:var(--bounded-gutter-tablet);grid-column:1/-1;justify-self:center;position:relative }
@media  (min-width:80rem)  {
  body.category [data-type="ee72/explore"] { --bounded-container-gutter:var(--bounded-gutter-small-desktop) }
}
body.category [data-type="ee72/explore"] { width:100% }
body.category [data-type="ee72/explore"].is-title-view { margin-top:58px;display:grid }
@media  (min-width:40rem)  {
  body.category [data-type="ee72/explore"].is-title-view { margin-top:80px }
}
@media  (min-width:80rem)  {
  body.category [data-type="ee72/explore"].is-title-view { margin-top:var(--spacing-0,0) }
}
body.category .story-explore .explore-articles__viewby { transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1)) }
body.category .story-explore .explore-articles__viewby button { position:relative }
body.category .story-explore .explore-articles__viewby button:after { right:var(--spacing-0,0);bottom:-8px;left:var(--spacing-0,0);background-color:var(--color-black,#000);width:auto;height:1px;transition-property:content;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-content:none;content:var(--tw-content);transition-duration:.3s;position:absolute }
body.category .story-explore .explore-articles__viewby button.is-active:after { --tw-content:"";content:var(--tw-content) }
body.category.is-at-bottom .story-explore .explore-articles__viewby { visibility:hidden;opacity:0 }
body.category .story-explore .explore-articles__grids { min-height:100vh;transition:opacity .3s }
body.category .story-explore .explore-articles__grids article-card { grid-column:span 1/span 1;place-self:stretch stretch }
body.category .story-explore .explore-articles__grids article-card-detail { grid-column:span 2/span 2;grid-row-start:var(--card-detail-row-start) }
@media  (min-width:64rem)  {
  body.category .story-explore .explore-articles__grids article-card-detail { grid-column:span 4/span 4 }
}
body.category .story-explore.is-title-view .explore-articles__grids-media { display:none }
body.category .story-explore .explore-articles__grids-media.explore-articles__grids-media-2 { display:block }
@media  (min-width:40rem)  {
  body.category .story-explore .explore-articles__grids-media.explore-articles__grids-media-2 { display:grid }
}
body.category .story-explore.is-title-view .explore-articles__grids-media.explore-articles__grids-media-2,
body.category .story-explore .explore-articles__grids-title { display:none }
body.category .story-explore.is-title-view .explore-articles__grids-title { display:grid }
/* Source rail utilities, expressed locally instead of copying the global utility library. */
body.category .story-explore-viewby-wrap { display:none; position:absolute; top:0; right:40px; z-index:9; width:237px; height:100%; pointer-events:none; }
body.category .story-explore .explore-articles__viewby { position:sticky; top:calc(100% - 205px); display:flex; margin-left:auto; gap:15px; max-width:237px; padding:27px 33px; border:2px solid #0003; background:#fff; color:#000; font:400 14px/16px var(--story-font); text-transform:uppercase; pointer-events:auto; }
body.category .story-explore .explore-articles__viewby button { text-transform:uppercase; }
body.category .story-explore [hidden] { display:none!important; }
body.category .story-explore .navigation.pagination { width:auto; padding:0; margin:32px 20px; }
/* Preserve direct accessible article links without forcing pointer hover when focus enters a toggle. */
body.category .story-explore .article-card__link:focus-visible { outline-offset:-3px; }
/* Existing STORY shell, category scope only; no new drawer or scroll controller. */
html:has(body.category) { scrollbar-gutter:auto; }
body.category .story-header { position:fixed; inset:0 0 auto; z-index:16; }
body.category .story-header-bar { position:relative; display:flex; justify-content:flex-start; padding:20px; height:66px; } /* POLISH: brand LEFT on category mobile, matches ≥1280 */
body.category .story-brand { width:100px; height:26px; }
body.category .story-menu-toggle { position:absolute; right:20px; top:50%; transform:translateY(-50%); width:24px; height:24px; } /* POLISH: trigger RIGHT on category mobile */
body.category .story-global-search { position:absolute; right:56px; top:50%; transform:translateY(-50%); } /* POLISH: search clears the right-aligned toggle (24px + 12px gap) */
body.category .story-bottom-nav { display:flex; align-items:center; justify-content:center; gap:20px; padding-inline:20px; height:65px; border-top:1px solid #0003; background:#fff; transform:none; }
body.category .story-bottom-nav > ul { min-width:0; justify-content:flex-start; overflow-x:auto; white-space:nowrap; }
body.category .story-bottom-nav a { padding-block:24px; }
body.category .story-mobile-viewby { display:flex; flex:none; gap:12px; font:400 14px/16px var(--story-font); }
body.category .story-mobile-viewby button { padding:0; border:0; background:none; text-transform:uppercase; }
body.category .story-mobile-viewby [aria-selected=true] { text-decoration:underline; text-underline-offset:8px; }
body.category .story-footer { height:auto; padding:20px; }
@media(min-width:80rem) {
  body.category .story-explore-viewby-wrap { display:block; }
  body.category .story-header-bar { justify-content:flex-start; padding:40px 40px 20px; height:96px; }
  body.category .story-brand { width:128px; height:36px; }
  body.category .story-global-search { right:40px; }
  body.category .story-bottom-nav { height:91px; padding-inline:40px; justify-content:flex-start; padding-right:50%; }
  body.category .story-bottom-nav a { padding-block:37px; }
  body.category .story-mobile-viewby { display:none; }
  body.category .story-footer { position:fixed; bottom:0; right:40px; left:auto; width:auto; max-width:45%; height:90px; padding:0; z-index:21; transform:none; border:0; }
}

/* R8 — video uses the exact category-card media geometry. */
body.category .story-explore .article-card__media .story-editorial-video,
body.category .story-explore .article-card-v2__media .story-editorial-video {
  width:100%; height:100%; object-fit:cover;
}