/* Everything is opt-in. No rules for body, global widths, or legacy hk classes. */
.hk-mag-design {
  --hk-mag-topic-ink: var(--wp--preset--color--magazine-ink);
  --hk-mag-topic-blue: var(--wp--preset--color--magazine-accent);
  --hk-mag-topic-paper: var(--wp--preset--color--magazine-card);
  --hk-mag-topic-label: var(--wp--preset--color--magazine-label);
  --hk-mag-topic-rule: var(--wp--preset--color--magazine-line);
  color: var(--hk-mag-topic-ink);
  background: var(--hk-mag-topic-paper);
  font: 400 18px/1.55 var(--wp--preset--font-family--magazine-body);
  overflow-wrap: break-word;
}
.hk-mag-design *, .hk-mag-design *::before, .hk-mag-design *::after { box-sizing: border-box; }
.hk-mag-design :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--wp--preset--font-family--magazine-display);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: normal;
  background: transparent;
  color: inherit;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.hk-mag-design :where(a) { color: inherit; }
.hk-mag-design :where(img) { max-width: 100%; height: auto; }
.hk-mag-design :where(figure, p) { margin-block: 0; }
.hk-mag-design :where(.wp-block-group,.wp-block-query,.wp-block-post-template,article) { min-width: 0; }
.hk-mag-design :where(.hk-mag-topic-primary-nav) { display: flex; flex-wrap: wrap; }
.hk-mag-design .hk-mag-compact-header { margin-block-start: 0; }
.hk-mag-topic-primary-nav a { text-decoration: none; }
.hk-mag-topic-primary-nav a:hover { text-decoration: underline; }
.hk-mag-design :where(summary) { cursor: pointer; min-height: 44px; padding-block: 8px; }
.hk-mag-design :where(.hk-mag-topic-door > details > summary) { font: 700 28px/1.2 var(--wp--preset--font-family--magazine-display); border-bottom: 1px solid var(--hk-mag-topic-rule); }
.hk-mag-design :where(.hk-mag-topic-door details ul) { padding-left: 20px; }
.hk-mag-design :where(.hk-mag-topic-door li a) { display: inline-block; padding-block: 7px; }
.hk-mag-design :where(.hk-mag-topic-footer) { color: var(--hk-mag-topic-paper); background: var(--hk-mag-topic-ink); }
.hk-mag-design :where(.hk-mag-topic-footer > *) { margin-block-start: 0; }
.hk-mag-design :where(.hk-mag-topic-footer nav) { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.hk-mag-design :where(.hk-mag-topic-footer a) { min-height: 44px; display: inline-flex; align-items: center; }
.hk-mag-design a:focus-visible, .hk-mag-design summary:focus-visible { outline: 3px solid #1661b3; outline-offset: 4px; }
.hk-mag-design .hk-mag-topic-heading .hk-mag-topic-title-label { color: var(--hk-mag-topic-blue); }
.hk-mag-design .hk-mag-topic-pagination { display: flex; flex-wrap: wrap; }
.hk-mag-design .hk-mag-subtopic-grid .hk-mag-topic-title-label { color: var(--hk-mag-topic-label); }
.hk-mag-design .hk-mag-topic-index-full { align-items: start; }
.hk-mag-design .hk-mag-ad { margin-block: 32px; min-width: 0; }
.hk-mag-ad .hk-ad-slot { border-block: 1px solid var(--hk-mag-topic-rule); padding-block: 12px; margin: 0; }
.hk-mag-ad .hk-ad-slot__label { display: block; text-align: center; font-size: 12px; color: #526779; margin-bottom: 8px; }
.hk-mag-ad .hk-ad-slot__box { width: 100%; min-width: 0; }
.hk-mag-ad iframe { max-width: 100%; }
.hk-mag-description-more { font-size: 16px; max-width: 66ch; }
.hk-mag-description-more p { margin-block: 12px; }