/* A story shelf: quiet labels and footer; preserve the adopted color layers and crest. */
html[data-design="a"][data-palette] .stories-page .library-grid .story-card {
  --card-secondary: var(--sector1, var(--cyan));
  --card-edge: color-mix(in srgb, var(--card-accent) 16%, var(--panel));
  --card-detail-line: color-mix(in srgb, var(--card-ink) 55%, var(--card-secondary));
  --card-secondary-line: color-mix(in srgb, var(--card-secondary) 72%, var(--card-ink));
  min-height: 278px;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--card-accent) 42%, var(--line));
  border-radius: 17px;
  background: var(--card-edge);
  box-shadow: 0 6px 20px #111c1a14;
  overflow: hidden;
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-card:nth-child(3n + 2) { --card-secondary: var(--sector2, var(--meiers)); }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card:nth-child(3n) { --card-secondary: var(--sector0, var(--gold)); }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card::before {
  inset: 6px;
  border: 0;
  border-radius: 11px;
  background: radial-gradient(ellipse at 100% 0%, var(--card-sheen), transparent 62%),
    linear-gradient(145deg, var(--card-light), var(--card-fill) 48%, var(--card-shade));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--panel) 34%, transparent);
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-card::after { content: none; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-top { gap: 16px; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-top::after {
  content: "";
  flex: none;
  width: 62px;
  height: 27px;
  border-radius: 0;
  background: linear-gradient(90deg, var(--card-detail-line) 28%, var(--card-secondary-line) 50%, var(--card-detail-line) 72%);
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2074%2032%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%22.9%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M1%2016H17L23%2010M17%2016L23%2022M73%2016H57L51%2010M57%2016L51%2022%22%2F%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M37%202L52%2016L37%2030L22%2016Z%22%2F%3E%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%220.55%22%20d%3D%22M37%208L46%2016L37%2024L28%2016Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
  opacity: .8;
  pointer-events: none;
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-top .eyebrow {
  padding: 4px 8px;
  gap: 0;
  border: 0;
  border-radius: 3px;
  background: var(--card-badge);
  box-shadow: inset 2px 0 0 var(--card-accent);
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-top .eyebrow::before,
html[data-design="a"][data-palette] .stories-page .library-grid .story-top .eyebrow::after { content: none; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .story-tag { margin: 14px 0 6px; letter-spacing: .05em; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card h2 { margin: 0 0 12px; line-height: 1.4; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .story-summary { min-height: 0; margin: 0 0 16px; line-height: 1.8; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .story-summary:empty { display: none; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card:has(.story-summary:empty) h2 { margin-bottom: 30px; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid var(--card-rule);
  border-radius: 0;
  background: transparent;
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-bottom::before,
html[data-design="a"][data-palette] .stories-page .library-grid .story-bottom::after,
html[data-design="a"][data-palette] .stories-page .library-grid .story-bottom .story-stats::before { content: none; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .story-stats { gap: 4px; }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .text-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 44px;
  padding: 8px 12px;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1.6;
  text-decoration: none;
  text-underline-offset: 5px;
}
html[data-design="a"][data-palette] .stories-page .library-grid .story-bottom .text-link::after { content: none; }
/* The shared control group includes an ID selector; scope the ink override to this shelf. */
html[data-design="a"][data-palette] .stories-page #library .story-card .text-link { color: var(--card-ink); }
html[data-design="a"][data-palette] .stories-page .library-grid .story-card .text-link:focus-visible { text-decoration: underline; }
@media (hover: hover) {
  html[data-design="a"][data-palette] .stories-page .library-grid .story-card:hover { box-shadow: 0 8px 24px #111c1a20; }
  html[data-design="a"][data-palette] .stories-page .library-grid .story-card .text-link:hover { text-decoration: underline; }
}
@media (max-width: 760px) {
  html[data-design="a"][data-palette] .stories-page .library-grid .story-card { padding: 22px; }
}