/* Shared editorial frame. Card canvases, OBS sources and the approved home keep
   their own rendering contracts. Content stays in DOM reading order on mobile. */
@font-face {
  font-family: HKDisplay;
  src: url('../fonts/barlow-condensed/BarlowCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}
.hk-page {
  --max: 1680px;
  --ink-soft: #191919;
  --paper: #f0efed;
  --muted: #b7b7b3;
  --orange: #ff741f;
  --orange-bright: #ff741f;
  --line: #383838;
  --page-gutter: clamp(20px, 4vw, 80px);
  --button-secondary-color: #f0efed;
  --button-secondary-border: #737373;
  --eyebrow-color: #ff741f;
  --lede-color: #c5c5c1;
  background: #101010;
  color: #f0efed;
}
.hk-page::before { display: none; }
.hk-page .container { width: min(var(--max), calc(100% - var(--page-gutter) * 2)); }
.hk-page main { min-width: 0; }
.hk-page main > :is(.section, .portal-section) { padding-block: clamp(48px, 6vw, 104px); }
.hk-page :is(.section-paper, .portal-section--paper) {
  --button-secondary-color: #f0efed;
  --button-secondary-border: #737373;
  --eyebrow-color: #ff741f;
  --lede-color: #c5c5c1;
  color: #f0efed;
  background: #171717;
  border-block: 1px solid #303030;
}
.hk-page .section-orange {
  --eyebrow-color: #ff741f;
  --lede-color: #c5c5c1;
  --button-secondary-color: #f0efed;
  --button-secondary-border: #737373;
  border-block: 1px solid #ff741f;
  color: #f0efed;
  background: #1e1b19;
}
.hk-page :is(.page-hero, .portal-hero, .community-directory-hero) {
  padding-block: clamp(44px, 6vw, 100px);
  border-bottom: 1px solid #383838;
  background: #101010;
}
.hk-page .page-hero::after { display: none; }
.hk-page .page-hero > .container {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
  gap: 16px clamp(32px, 5vw, 90px);
  align-items: end;
}
.hk-page .page-hero > .container > .eyebrow { grid-column: 1 / -1; margin: 0; }
.hk-page .page-hero h1 {
  margin: 0;
  max-width: 1100px;
  font-family: HKDisplay, Impact, sans-serif;
  font-weight: 900;
  font-size: clamp(3.4rem, 6.5vw, 7.6rem);
  line-height: .95;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hk-page .page-hero-context { min-width: 0; padding-bottom: 4px; }
.hk-page .page-hero-context .lede { margin: 0; font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.65; }
.hk-page .page-hero-context .button-row { margin-top: 24px; }
.hk-page :is(.container > h2, .articles-heading h2, .contact-card h2, .contact-form-layout h2, .portal-section__intro h2) {
  max-width: 22ch;
  font-family: HKDisplay, Impact, sans-serif;
  font-weight: 900;
  font-size: clamp(2.3rem, 3.8vw, 4.2rem);
  line-height: 1.02;
}
.hk-page .container > :is(p, .lede) { max-width: 68ch; }
.hk-page .page-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 100px); align-items: end; margin-bottom: 36px; }
.hk-page .page-section-heading h2 { margin: 0; max-width: 25ch; font: 900 clamp(2.3rem, 3.8vw, 4.2rem)/1.02 HKDisplay, Impact, sans-serif; }
.hk-page .page-section-heading > .lede { max-width: 60ch; margin: 0; font-size: 1.08rem; line-height: 1.65; }
.hk-page .button { transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.hk-page .button-secondary:hover { color: #101010; background: #ff741f; border-color: #ff741f; filter: none; }
.hk-page :focus-visible { outline: 3px solid #ff9f60; outline-offset: 4px; }
.hk-page :is(.field, .form-field, .replay-filters) :is(input, select, textarea) {
  color-scheme: dark;
  color: #f0efed;
  background: #222;
  border: 1px solid #737373;
}
.hk-page :is(.field, .form-field, .replay-filters) :is(input, textarea)::placeholder { color: #b7b7b3; opacity: 1; }
.hk-page :is(.field, .form-field, .replay-filters) option { color: #f0efed; background: #222; }
.hk-page :is(.field, .form-field) label { color: #f0efed; }
/* Editorial surfaces, deliberately separate from the Player Card artwork. */
.hk-page :is(.event-link-card, .guide-card, .info-card, .panel, .value-card, .legal-card, .privacy-card, .partner-card, .agenda-card, .fgc-news-card, .article-index-card, .portal-action, .press-resource-card) {
  color: #f0efed;
  background: #202020;
  border-color: #414141;
  box-shadow: none;
}
.hk-page :is(.event-link-card, .guide-card, .info-card, .panel, .value-card, .legal-card, .privacy-card, .partner-card, .portal-action, .press-resource-card) p {
  color: #c5c5c1;
}
.hk-page :is(.event-link-card, .guide-card, .info-card, .legal-card, .partner-card, .press-resource-card) .text-link,
.hk-page :is(.legal-details a, .legal-update, .article-kicker, .fgc-news-card__games) { color: #ff9b5c; }
.hk-page :is(.section-paper .check-list li, .section-paper .plain-list li) { color: #c5c5c1; }
.hk-page :is(.event-link-card, .guide-card, .info-card) { border-width: 1px 0 0; padding: clamp(24px, 3vw, 44px); }
.hk-page :is(.event-link-cards, .guide-grid, .info-grid) { gap: 1px; background: #414141; }
.hk-page .event-link-card .text-link { margin-top: 20px; }
/* Browsing: a compact filter rail and a generous, independent results area. */
.hk-page .page-browser { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: clamp(28px, 4vw, 68px); align-items: start; margin-top: 38px; }
.hk-page .page-browser-filters { min-width: 0; padding: 24px; border: 1px solid #414141; background: #202020; }
.hk-page .page-browser-results { min-width: 0; }
.hk-page :is(.agenda-filter-toolbar, .community-directory-filters) { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 22px; margin: 0; }
.hk-page :is(.agenda-search-field, .agenda-when-field, .agenda-game-field) { min-width: 0; }
.hk-page .agenda-filters { gap: 8px; }
.hk-page .agenda-filter-button[aria-pressed='false'] { color: #ccc; background: #222; border-color: #737373; }
.hk-page .agenda-filter-button[aria-pressed='true'] { color: #101010; background: #ff741f; border-color: #ff741f; }
.hk-page :is(.agenda-filter-label, .agenda-filter-summary, .agenda-pagination-status) { color: #c5c5c1; }
.hk-page .agenda-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.hk-page .agenda-card { grid-template-columns: 82px minmax(0, 1fr); min-height: 0; }
.hk-page .agenda-date { padding: 24px 10px; background: #2b2b2b; color: #f0efed; border-right: 1px solid #414141; }
.hk-page .agenda-date strong { font-family: HKDisplay, Impact, sans-serif; font-size: 2.5rem; }
.hk-page .agenda-card-featured .agenda-date { background: #ff741f; color: #101010; }
.hk-page .agenda-body { padding: 24px; }
.hk-page .agenda-body h3 { font-size: clamp(1.4rem, 1.6vw, 1.9rem); line-height: 1.15; }
.hk-page :is(.agenda-body > p:not(.agenda-meta), .agenda-meta, .agenda-region-badge) { color: #c5c5c1; }
.hk-page .agenda-card .text-link { color: #ff9b5c; }
.hk-page .agenda-meta span { color: #c5c5c1; }
.hk-page .agenda-card-hadokamp { border-color: #ff741f; }
.hk-page :is(.agenda-empty, .fgc-news-disclaimer) { color: #c5c5c1; background: #242424; border-color: #ff741f; }
.hk-page .community-directory-results-section { background: #171717; }
.hk-page .community-directory-results-section::before { display: none; }
.hk-page .community-directory-filters > p { margin: 0; font-size: .85rem; color: #b7b7b3; }
.hk-page .community-directory-actions { flex-wrap: wrap; }
.hk-page .community-directory-actions .button { flex: 1 1 100%; }
.hk-page .community-directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.hk-page .community-directory-note { color: #c5c5c1; }
/* Chronicles: one cover story with supporting stories alongside it. */
.hk-page .article-index-grid { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: start; }
.hk-page .article-index-card { display: flex; flex-direction: column; border: 0; background: transparent; }
.hk-page .article-index-card__visual { min-height: 0; aspect-ratio: 16 / 10; }
.hk-page .article-index-card:not(:first-child) .article-index-card__visual { aspect-ratio: 16 / 9; }
.hk-page .article-index-card__body { padding: 28px 0 0; }
.hk-page .article-index-card__body h2 { font-size: clamp(1.8rem, 2.7vw, 3.3rem); }
.hk-page .article-index-card:not(:first-child) h2 { font-size: clamp(1.5rem, 2vw, 2.3rem); }
.hk-page :is(.article-index-card__body > p:not(.article-kicker), .articles-heading > p, .article-meta) { color: #c5c5c1; }
.hk-page .fgc-news-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.hk-page .fgc-news-card:first-child { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; }
.hk-page .fgc-news-card:first-child .fgc-news-card__media { height: 100%; min-height: 320px; aspect-ratio: auto; }
.hk-page :is(.fgc-news-card__summary, .fgc-news-card__meta span, .fgc-news-card__meta strong, .fgc-news-card__meta time) { color: #c5c5c1; }
.hk-page .article-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; }
.hk-page .article-hero__photo img { aspect-ratio: 4 / 3; }
.hk-page .article-hero h1 { font-size: clamp(2.25rem, 3.3vw, 4.1rem); }
.hk-page .article-layout { grid-template-columns: minmax(190px, .7fr) minmax(0, 72ch) minmax(0, .3fr); justify-content: start; }
.hk-page .article-body { color: #d4d4d0; }
.hk-page .article-author { color: #f0efed; background: #242424; border-left: 3px solid #ff741f; }
.hk-page .article-author h2 { color: #f0efed; }
.hk-page .article-author p { color: #c5c5c1; }
.hk-page .article-author .text-link { color: #ff9b5c; }
/* People and guides: portraits, editorial rows and short, readable text. */
.hk-page--collective .values-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.hk-page--collective .value-card { border: 0; border-top: 2px solid #ff741f; padding: 26px 0; background: transparent; }
.hk-page--collective .team-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.hk-page--collective .team-card:last-child { grid-column: auto; }
.hk-page--collective .team-card { min-height: 0; }
.hk-page--collective .team-card > img { aspect-ratio: 4 / 5; min-height: 0; }
.hk-page--collective .team-card h3 { font: 900 clamp(2rem, 3.3vw, 3.5rem)/1 HKDisplay, Impact, sans-serif; overflow-wrap: normal; }
.hk-page--collective .team-card > div { padding: 24px 18px; }
.hk-page--guide .guide-card:first-child { border-top-color: #ff741f; background: #29231f; }
.hk-page .faq-list { max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 40px; align-items: start; }
.hk-page .faq-item { color: #f0efed; background: #202020; border-color: #414141; }
.hk-page .faq-item p { color: #c5c5c1; }
.hk-page .contact-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 64px); }
.hk-page .contact-card { background: #202020; border-color: #414141; }
.hk-page .contact-card-orange { --eyebrow-color: #ff741f; color: #f0efed; background: #27211d; border-top: 4px solid #ff741f; }
.hk-page .contact-card-orange .eyebrow { color: #ff741f; }
.hk-page .contact-card p { max-width: 55ch; color: #c5c5c1; }
.hk-page .contact-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.hk-page .contact-list > li { min-width: 0; }
.hk-page .contact-list strong { overflow-wrap: anywhere; }
.hk-page .contact-form-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 760px); gap: clamp(32px, 7vw, 120px); }
.hk-page .contact-form { color: #f0efed; background: #202020; padding: clamp(22px, 3vw, 44px); border: 1px solid #414141; }
.hk-page :is(.form-privacy, .form-privacy a) { color: #c5c5c1; }
.hk-page .legal-grid { gap: 30px; }
.hk-page .legal-copy { max-width: 72ch; }
.hk-page .legal-card-wide { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 20px 50px; }
.hk-page .legal-card-wide > :not(h2) { grid-column: 2; }
.hk-page .legal-card-wide > h2 { grid-row: 1 / span 5; }
.hk-page .privacy-card { padding: 28px; border: 1px solid #414141; }
/* Events, games and results use the full frame, without stretching posters. */
.hk-page .event-detail-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 84px); }
.hk-page .event-detail-visual img { object-fit: contain; max-height: 760px; }
.hk-page .event-detail-copy h1 { font-family: HKDisplay, Impact, sans-serif; font-size: clamp(3.4rem, 6vw, 7rem); line-height: .96; }
.hk-page .gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hk-page .portal-grid { gap: 32px; }
.hk-page .portal-card { background: #202020; }
.hk-page .portal-card__body { padding: clamp(26px, 3vw, 48px); }
.hk-page .portal-section .fgc-news-card h3 { color: #f0efed; }
.hk-page .filters { background: #202020; border: 1px solid #414141; padding: 24px; }
.hk-page .section-paper .result-summary { color: #c5c5c1; }
.hk-page .press-angle-grid { background: #414141; }
.hk-page .press-angle-grid article { color: #f0efed; background: #202020; }
.hk-page .press-angle-grid p { color: #c5c5c1; }
.hk-page :is(.press-angle-grid span, .press-resource-card .text-link) { color: #ff9b5c; }
.hk-page .press-credit-note { color: #c5c5c1; background: #242424; border-color: #414141; }
.hk-page .press-contact { --eyebrow-color: #ff741f; --lede-color: #c5c5c1; color: #f0efed; background: #202020; border-top: 3px solid #ff741f; }
.hk-page .press-contact__action { border-color: #737373; background: #171717; }
.hk-page .replay-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
/* Workspaces retain their internal navigation and precise card preview sizes. */
.hk-page--workspace .page-hero h1, .hk-page--member .page-hero h1 { font-size: clamp(3rem, 5vw, 5.8rem); }
.hk-page--workspace { --max: 1840px; }
.hk-page--member .community-manage-grid { grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr); }
.hk-page .community-hero-grid { gap: clamp(32px, 5vw, 84px); }
.hk-page .community-player-card { --paper: #f3e7c9; --orange: #f15a00; --muted: #bbb3a3; --ink-soft: #1b1917; }
.hk-page .note { color: #c5c5c1; }
.hk-page .badge-state__sample:not(.is-attended):not(.is-registered) small { color: #c5c5c1; }
.hk-page .past-events-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hk-page .past-event-item { display: flex; flex-direction: column; align-items: stretch; color: #f0efed; background: #202020; border-color: #414141; }
.hk-page .past-event-actions { justify-content: start; margin-top: auto; padding-top: 18px; }
.hk-page .past-event-copy p { color: #c5c5c1; }
.hk-page .past-event-copy h3 { font-size: clamp(1.4rem, 2vw, 2.2rem); }
.hk-page .editorial-switch, .hk-page .editorial-switch__inner { background: #191919; border-color: #414141; }
.hk-page .editorial-switch a { color: #f0efed; background: #191919; }
.hk-page .editorial-switch a.is-current { background: #282828; }
.hk-page .editorial-switch small { color: #c5c5c1; }
/* Game-specific art remains in the hero; the reading surfaces share the site palette. */
.hk-page.game-hub { --hub-accent: #ff741f; background: #101010; }
.hk-page.game-hub--tekken { --hub-accent: #ff8293; }
.hk-page.game-hub .hub-section { color: #f0efed; background: #171717; border-bottom: 1px solid #383838; }
.hk-page.game-hub .hub-section--players { background: #101010; }
.hk-page.game-hub :is(.hub-empty, .hub-event-card, .hub-result, .fgc-news-card) { color: #f0efed; background: #202020; border-color: #414141; }
.hk-page.game-hub :is(.hub-empty p, .hub-event p, .hub-result p, .hub-section__heading p) { color: #c5c5c1; }
.hk-page.game-hub .hub-section .hub-empty h3 { color: #f0efed; }
.hk-page.game-hub .hub-tabs { background: #171717; }
.hk-page.game-hub .hub-tabs a:hover, .hk-page.game-hub .hub-tabs a:focus-visible { color: #101010; background: #ff741f; }
.hk-page.game-hub :is(.hub-passport__background, .hub-passport__energy) { animation: none; }
.hk-page .card-showcase--staff { color: #f0efed; background: #171717; }
.hk-page .card-showcase--staff .card-rationale span { color: #ff9b5c; }
.hk-page .attendance-concept, .hk-page .badge-state { color: #f0efed; background: #202020; border-color: #414141; }
.hk-page.player-card-demo-page .badge-state__sample { color: #f0efed; }
/* Guided creator: dark controls in every step, including its sticky action bar. */
.hk-page .card-beta__hero, .hk-page .card-beta__workspace { background: #101010; }
.hk-page .card-beta__hero h1 { color: #f0efed; font-family: HKDisplay, Impact, sans-serif; line-height: .95; }
.hk-page .card-beta__form { --button-secondary-color: #f0efed; --button-secondary-border: #737373; color: #f0efed; background: #202020; border-color: #414141; box-shadow: none; }
.hk-page .card-beta__step h2 { color: #f0efed; font: 900 clamp(2.4rem, 4vw, 4.5rem)/1 HKDisplay, Impact, sans-serif; }
.hk-page :is(.card-beta__step-copy, .card-beta__form small, .card-beta__form label span, .card-beta__actions > span, .card-beta__summary dt) { color: #c5c5c1; }
.hk-page .card-beta__form :is(input:not([type='checkbox']):not([type='radio']), select) { color: #f0efed; background: #151515; border-color: #737373; color-scheme: dark; }
.hk-page :is(.card-beta__selection, .card-beta__advanced, .card-beta__color, .card-beta__toggle, .card-beta__summary div) { color: #f0efed; background: #292929; border-color: #737373; }
.hk-page :is(.card-beta__advanced summary, .card-beta__controller legend) { color: #f0efed; }
.hk-page :is(.card-beta__game-grid button, .card-beta__style-grid button, .card-beta__controller label) { color: #f0efed; background: #292929; border-color: #737373; }
.hk-page :is(.card-beta__game-grid button[aria-selected='true'], .card-beta__style-grid button.is-selected, .card-beta__controller label:has(input:checked)) { border-color: #ff741f; background: #101010; }
.hk-page .card-beta__controller label:focus-within { outline: 3px solid #ff9f60; outline-offset: 3px; }
.hk-page .card-beta__character-choice { color: #f0efed; background: #292929; }
.hk-page .card-beta__actions { background: #202020; border-color: #737373; }
.hk-page .card-beta__actions [data-beta-back] { --button-secondary-color: #f0efed; background: transparent; }
.hk-page .card-beta__actions [data-beta-back]:hover { color: #101010; background: #ff741f; }
.hk-page .card-beta__empty { color: #c5c5c1; }
@media (min-width: 1600px) {
  .hk-page .community-directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1200px) {
  .hk-page .page-hero > .container { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
  .hk-page .page-browser { grid-template-columns: 240px minmax(0, 1fr); gap: 28px; }
  .hk-page .agenda-grid { grid-template-columns: minmax(0, 1fr); }
  .hk-page .community-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .fgc-news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .article-layout { grid-template-columns: 190px minmax(0, 72ch); }
}
@media (max-width: 900px) {
  .hk-page .page-section-heading { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hk-page .page-hero > .container, .hk-page .article-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .hk-page .page-hero-context { max-width: 68ch; }
  .hk-page .page-browser { grid-template-columns: minmax(0, 1fr); }
  .hk-page :is(.agenda-filter-toolbar, .community-directory-filters) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .community-directory-actions .button { flex-basis: auto; }
  .hk-page--collective .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .contact-grid, .hk-page .contact-form-layout, .hk-page .event-detail-grid, .hk-page--member .community-manage-grid { grid-template-columns: minmax(0, 1fr); }
  .hk-page .replay-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-page .legal-card-wide { display: block; }
  .hk-page .article-layout { grid-template-columns: minmax(0, 72ch); justify-content: center; }
  .hk-page .article-rail { position: static; }
}
@media (max-width: 600px) {
  .hk-page .past-events-list { grid-template-columns: minmax(0, 1fr); }
  .hk-page { --page-gutter: 20px; }
  .hk-page .page-hero h1 { font-size: clamp(2.8rem, 12vw, 4.4rem); }
  .hk-page .page-hero-context .button-row > .button { flex: 1 1 auto; }
  .hk-page :is(.agenda-filter-toolbar, .community-directory-filters, .article-index-grid, .fgc-news-list, .faq-list, .contact-list, .replay-grid) { grid-template-columns: minmax(0, 1fr); }
  .hk-page .fgc-news-card:first-child { grid-column: auto; display: flex; }
  .hk-page .fgc-news-card:first-child .fgc-news-card__media { min-height: 0; aspect-ratio: 16 / 9; }
  .hk-page .article-index-grid { gap: 48px; }
  .hk-page--collective .values-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .hk-page--collective .team-grid { gap: 12px; }
  .hk-page--collective .team-card h3 { font-size: clamp(1.7rem, 6vw, 2.5rem); }
  .hk-page--collective .team-card > div { padding: 16px 10px; }
  .hk-page--collective .team-card p { font-size: .75rem; }
  .hk-page .agenda-card { grid-template-columns: 60px minmax(0, 1fr); }
  .hk-page .agenda-date { padding: 20px 6px; }
  .hk-page .agenda-date strong { font-size: 1.9rem; }
  .hk-page .agenda-body { padding: 20px 16px; }
  .hk-page .community-directory-grid { gap: 18px 12px; }
  .hk-page .article-photo { width: 100%; margin-inline: 0; }
  .hk-page .event-detail-copy h1 { font-size: clamp(2.8rem, 12vw, 4.4rem); }
  .hk-page .event-link-cards, .hk-page .guide-grid, .hk-page .info-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.hk-page) { scroll-behavior: auto; }
  .hk-page .button, .hk-page .article-index-card, .hk-page .team-card img { transition: none; }
}