/* Shared site chrome only. Article and landing-page layout rules stay separate. */
.hk-site-chrome {
  --hk-chrome-ink: var(--wp--preset--color--magazine-ink, #10151b);
  --hk-chrome-paper: var(--wp--preset--color--magazine-card, #fafbf9);
  --hk-chrome-accent: var(--wp--preset--color--magazine-accent, #1661b3);
  color: var(--hk-chrome-ink);
  font: 400 18px/1.55 var(--wp--preset--font-family--magazine-body, "Barlow", sans-serif);
  overflow-wrap: break-word;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: var(--wp--style--layout--wide-size, var(--wp--style--global--wide-size, 1280px));
  margin-inline: auto;
  margin-block-start: 0;
}
.hk-site-chrome *, .hk-site-chrome *::before, .hk-site-chrome *::after { box-sizing: border-box; }
.hk-site-chrome :where(.wp-block-group, figure, p) { min-width: 0; margin-block: 0; }
.hk-site-chrome p { color: inherit; }
.hk-site-chrome a { color: inherit; text-decoration: none; }
.hk-site-chrome a:hover { text-decoration: underline; text-underline-offset: 3px; }
.hk-site-chrome a:focus-visible { outline: 3px solid var(--hk-chrome-accent); outline-offset: 4px; box-shadow: 0 0 0 2px var(--hk-chrome-paper); }
.hk-site-chrome.hk-mag-topic-masthead { background: radial-gradient(ellipse at center, #eff6fc, #c8ddee); }
.hk-site-chrome .hk-mag-compact-header {
  max-width: 1440px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 0 24px 12px;
}
.hk-site-chrome .hk-mag-compact-header figure, .hk-site-chrome .hk-mag-compact-header p { margin: 0; }
.hk-site-chrome .hk-mag-compact-header img { display: block; max-width: 100%; width: 100%; height: auto; }
.hk-site-chrome .hk-mag-compact-wordmark { font: 700 32px/1 var(--wp--preset--font-family--magazine-display, "Barlow Condensed", sans-serif); }
.hk-site-chrome .hk-mag-compact-claim { font-size: 13px; letter-spacing: .05em; }
.hk-site-chrome .hk-mag-topic-primary-nav { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 8px; border-top: 1px solid #9bb8cf; }
.hk-site-chrome .hk-mag-topic-primary-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 600; }
.hk-site-chrome.hk-mag-topic-footer {
  color: var(--hk-chrome-paper);
  background: var(--hk-chrome-ink);
  border-top: 3px solid var(--hk-chrome-accent);
  padding: 24px var(--wp--preset--spacing--magazine-gutter, 24px);
}
.hk-site-chrome.hk-mag-topic-footer > p { margin-block: 0 8px; }
.hk-site-chrome.hk-mag-topic-footer > p:nth-child(2) { font-size: 14px; color: #c1d4e3; }
.hk-site-chrome.hk-mag-topic-footer nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.hk-site-chrome.hk-mag-topic-footer nav p { margin: 0; }
.hk-site-chrome.hk-mag-topic-footer a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 600px) {
  .hk-site-chrome .hk-mag-compact-header { grid-template-columns: 120px minmax(0, 1fr); gap: 4px 12px; padding: 0 16px 4px; }
  .hk-site-chrome .hk-mag-compact-nav { display: contents; }
  .hk-site-chrome .hk-mag-compact-wordmark { align-self: end; }
  .hk-site-chrome .hk-mag-compact-claim { display: none; }
  .hk-site-chrome .hk-mag-compact-header figure { grid-row: 1; }
  .hk-site-chrome .hk-mag-topic-primary-nav { grid-column: 1/-1; display: grid; grid-template-columns: 1.4fr 1fr .8fr; margin: 0; gap: 0 8px; }
  .hk-site-chrome .hk-mag-topic-primary-nav a { font-size: 14px; }
}