.runyu-jump { display: inline-block; margin-top: 1.5rem; }
.runyu-column, [data-runyu-section], .runyu-image-entry { scroll-margin-top: 7rem; }
.runyu-column [hidden] { display: none !important; }
.runyu-filters { display: flex; flex-wrap: wrap; gap: .65rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); font-family: var(--sans); }
.runyu-filters button { display: inline-flex; align-items: center; gap: .65rem; padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 2rem; background: transparent; color: var(--forest); cursor: pointer; font: inherit; font-size: .95rem; }
.runyu-filters button[aria-pressed="true"] { background: var(--forest); border-color: var(--forest); color: var(--paper-bright); }
.runyu-filters button span { font-size: .75rem; opacity: .8; font-variant-numeric: tabular-nums; }
.runyu-filters button:focus-visible { outline: 3px solid var(--orange-ink); outline-offset: 3px; }
.runyu-filter-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.runyu-column [data-runyu-section] { margin-top: 2.5rem; }
.runyu-column [data-runyu-section] > h2 { margin-top: 0; padding-top: 0; border-top: 0; }
.runyu-empty { padding: 1.5rem; border-left: 3px solid var(--forest); background: var(--paper-bright); color: var(--muted); margin-block: 1.5rem 3rem; }
.runyu-empty p { margin: 0; }
.runyu-note { display: grid; grid-template-columns: minmax(130px, .6fr) minmax(0, 1.4fr); gap: 2rem; padding-block: 2rem; border-bottom: 1px solid var(--line); }
.runyu-note img { display: block; width: 100%; height: auto; }
.fact-body .runyu-note h3 { display: block; margin: .5rem 0 1rem; font-size: 1.6rem; }
.fact-body .runyu-note h3::before { content: none; }
.fact-body .runyu-meta, .fact-body .runyu-source { font: .85rem/1.8 var(--sans); color: var(--muted); }
.runyu-image-entry { padding-block: 1rem 3rem; }
.runyu-image-pages { display: grid; gap: 1.5rem; }
.runyu-image-pages img { display: block; width: 100%; height: auto; }
@media (max-width: 600px) { .runyu-note { grid-template-columns: 1fr; gap: 1rem; } .runyu-note > a { max-width: 220px; } .runyu-filters { gap: .5rem; } .runyu-filters button { padding: .6rem .8rem; font-size: .88rem; } }
.runyu-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2.5rem 1.5rem; margin: 2rem 0 4rem; }
.runyu-card { min-width: 0; scroll-margin-top: 7rem; }
.runyu-media { position: relative; aspect-ratio: 9 / 16; background: #211b14; overflow: hidden; border-radius: 4px; }
.runyu-media button { position: absolute; inset: 0; padding: 0; border: 0; width: 100%; height: 100%; cursor: pointer; background: #211b14; color: #fff; }
.runyu-media img, .runyu-media video { width: 100%; height: 100%; object-fit: contain; display: block; margin: 0; }
.runyu-media [hidden], .runyu-card [hidden] { display: none; }
.runyu-media button > span { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: .7rem 1.1rem; background: #f9f5eb; color: #263d2d; border-radius: 2rem; font: 600 .95rem var(--sans); box-shadow: 0 2px 15px #0004; }
.runyu-media button:hover > span { background: #fff; }
.runyu-media button:focus-visible, .runyu-media video:focus-visible { outline: 3px solid #ed8c49; outline-offset: -4px; }
.fact-body .runyu-card h3 { font-size: 1.2rem; margin: .6rem 0; line-height: 1.5; }
.fact-body .runyu-card p { font-family: var(--sans); font-size: .88rem; line-height: 1.6; margin: .7rem 0 0; }
.runyu-card [role="status"]:empty { display: none; }
.runyu-grid--pilot { grid-template-columns: 1fr; max-width: 780px; }
.runyu-grid--pilot .runyu-media { aspect-ratio: 7 / 3; }
.runyu-home { display: grid; grid-template-columns: minmax(180px,300px) minmax(0,1fr); align-items: center; gap: clamp(2rem,6vw,6rem); padding-block: 3rem; border-top: 1px solid var(--line); }
.runyu-home img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; }
.runyu-home h2 { margin: 1rem 0; font-size: clamp(2.5rem,5vw,4.2rem); }
.runyu-home p:not(.eyebrow) { max-width: 36rem; color: var(--muted); margin-bottom: 1.5rem; }
@media (max-width: 780px) { .runyu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem 1rem; } .runyu-grid--pilot { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .runyu-grid { grid-template-columns: 1fr; max-width: 340px; margin-inline: auto; } .runyu-grid--pilot { max-width: none; } .runyu-home { grid-template-columns: 110px minmax(0,1fr); gap: 1.25rem; } .runyu-home h2 { font-size: 2rem; } .runyu-home .eyebrow { font-size: .65rem; } }

.fact-body .runyu-column [data-runyu-section] h3 { display: block; }
.fact-body .runyu-column [data-runyu-section] h3::before { content: none; }