/* Local editorial patterns. Shared with Gutenberg; loaded only by the separate magazine preview. */
.hk-mag-compact-header { max-width:1440px; margin-inline:auto; display:grid; grid-template-columns:230px 1fr; align-items:center; gap:24px; padding:0 24px 12px; }
.hk-mag-compact-header figure,.hk-mag-compact-header p { margin:0; }
.hk-mag-compact-header > *, .hk-mag-compact-header .hk-mag-topic-primary-nav > *, .hk-mag-compact-nav > * { margin-block-start:0; }
.hk-mag-compact-header img { display:block; width:100%; height:auto; }
.hk-mag-compact-wordmark { font:700 32px/1 var(--wp--preset--font-family--magazine-display); }
.hk-mag-compact-wordmark a { text-decoration:none; }
.hk-mag-compact-claim { font-size:13px; letter-spacing:.05em; }
.hk-mag-compact-header .hk-mag-topic-primary-nav { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:8px; border-top:1px solid #9bb8cf; }
@media (max-width:600px) {
 .hk-mag-compact-header { grid-template-columns:120px 1fr; gap:4px 12px; padding:0 16px 4px; }
 .hk-mag-compact-nav { display:contents; }
 .hk-mag-compact-wordmark { align-self:end; }
 .hk-mag-compact-claim { display:none; }
 .hk-mag-compact-header figure { grid-row:1; }
 .hk-mag-compact-header .hk-mag-topic-primary-nav { grid-column:1/-1; justify-content:space-between; margin:0; gap:4px 12px; }
}
.hk-mag-landing { container-type:inline-size; --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-rule:var(--wp--preset--color--magazine-line); }
.hk-mag-landing :where(h1,h2,h3,p,figure) { margin-block:0; }
.hk-mag-landing :is(.hk-mag-lead-grid,.hk-mag-lead-stack,.hk-mag-two-picks,.hk-mag-route-grid,.hk-mag-topic-index,.hk-mag-topic-index-full,.hk-mag-wide-feature,.hk-mag-section-rule,.hk-mag-pick-copy) > * { margin-block-start:0; }
.hk-mag-landing :where(h1,h2,h3) { overflow-wrap:anywhere; }
.hk-mag-landing a { text-decoration:none; }
.hk-mag-landing a:hover { text-decoration:underline; text-underline-offset:4px; }
.hk-mag-landing a:focus-visible { outline:3px solid #1661b3; outline-offset:4px; }
.hk-mag-landing .hk-mag-section-rule { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:3px solid #10151b; margin-bottom:24px; }
.hk-mag-landing .hk-mag-section-rule h2 { font-size:clamp(30px,4cqi,44px); }
.hk-mag-landing .hk-mag-section-rule p { font-size:15px; font-weight:600; }
.hk-mag-landing .hk-mag-landing-kicker { color:#1661b3; font-size:14px; letter-spacing:.06em; font-weight:600; text-transform:uppercase; }
.hk-mag-landing .hk-mag-landing-title { font-size:clamp(38px,5cqi,56px); line-height:1.1; margin-top:10px; }
.hk-mag-landing .hk-mag-landing-title .hk-mag-topic-title-label { font-size:.85em; color:#1661b3; }
.hk-mag-landing .hk-mag-topic-intro { padding-top:0; margin-bottom:0; }
.hk-mag-landing .hk-mag-home-title { font:600 16px/1.4 var(--wp--preset--font-family--magazine-body); color:#466277; margin-bottom:20px; }
/* Preserve the user's opening section; spacing and columns remain native block controls. */
.hk-mag-home-brand { border-top:4px solid var(--wp--preset--color--magazine-accent); }
.hk-mag-home-brand :where(.wp-block-columns,.wp-block-column,figure) { margin-block:0; min-width:0; }
.hk-mag-home-brand :where(.hk-mag-home-brand-kicker) { color:var(--wp--preset--color--magazine-label); font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; line-height:1.5; }
.hk-mag-home-brand :where(.hk-mag-home-brand-title) { color:inherit; font-size:clamp(34px,5cqi,56px); line-height:1.04; text-wrap:balance; }
.hk-mag-home-brand :where(.hk-mag-home-brand-claim) { color:var(--wp--preset--color--magazine-label); font-size:16px; }
.hk-mag-home-brand :where(figure img) { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.hk-mag-landing .hk-mag-pick { min-width:0; }
.hk-mag-landing .hk-mag-pick figure { background:#10151b; aspect-ratio:16/10; display:grid; }
.hk-mag-landing .hk-mag-pick figure a { display:grid; min-height:0; }
.hk-mag-landing .hk-mag-pick img { width:100%; height:100%; min-height:0; object-fit:contain; display:block; }
.hk-mag-landing .hk-mag-pick-copy { background:#10151b; color:#fcfcfa; padding:20px; border-top:3px solid #1661b3; }
.hk-mag-landing .hk-mag-pick h2,.hk-mag-landing .hk-mag-pick h3 { font-size:clamp(28px,3cqi,38px); line-height:1.12; }
.hk-mag-landing .hk-mag-pick-copy .hk-mag-landing-kicker { color:#9dccf6; font-size:12px; margin-bottom:10px; }
.hk-mag-landing .hk-mag-bestof-stream .hk-mag-topic-post-title { color:inherit; }
.hk-mag-landing .hk-mag-home-bestof { scroll-margin-top:70px; }
.hk-mag-landing .hk-mag-bestof-stream li { scroll-margin-top:70px; }
.hk-mag-landing .hk-mag-bestof-stream .wp-block-query-pagination-next { min-width:190px; border-radius:0; }
.hk-mag-landing .hk-mag-pick .hk-mag-topic-title-label { color:#9dccf6; font-size:.92em; }
.hk-mag-landing .hk-mag-pick-excerpt { color:#435a6b; font-size:17px; line-height:1.5; padding-top:12px; }
.hk-mag-landing .hk-mag-pick-excerpt:empty { display:none; }
.hk-mag-landing .hk-mag-pick-route { font-size:16px; font-weight:600; padding-top:12px; }
.hk-mag-landing .hk-mag-pick-route a { display:inline-flex; align-items:center; min-height:44px; border-bottom:1px solid #9bb8cf; }
.hk-mag-landing .hk-mag-lead-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:32px; }
.hk-mag-landing .hk-mag-lead-stack { display:grid; gap:24px; align-content:start; }
.hk-mag-landing .hk-mag-lead-stack .hk-mag-pick figure { aspect-ratio:2/1; }
.hk-mag-landing .hk-mag-lead-stack .hk-mag-pick h2 { font-size:28px; }
.hk-mag-landing .hk-mag-wide-feature { display:grid; grid-template-columns:1fr 1fr; background:#10151b; }
.hk-mag-landing .hk-mag-wide-feature figure { align-self:center; }
.hk-mag-landing .hk-mag-wide-feature .hk-mag-pick-copy { border-top:0; border-left:3px solid #1661b3; display:flex; flex-direction:column; justify-content:center; padding:30px; }
.hk-mag-landing .hk-mag-wide-feature .hk-mag-pick-excerpt { grid-column:1/-1; background:#fcfcfa; padding-top:16px; }
.hk-mag-landing .hk-mag-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hk-mag-landing .hk-mag-route-grid .hk-mag-pick h3 { font-size:29px; }
.hk-mag-landing .hk-mag-two-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.hk-mag-landing .hk-mag-blue-band { background:#d9e9f7; border-top:4px solid #1661b3; padding:24px; }
.hk-mag-landing .hk-mag-topic-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; }
.hk-mag-landing .hk-mag-topic-index p { border-bottom:1px solid #9bb8cf; }
.hk-mag-landing .hk-mag-topic-index a { display:flex; align-items:center; min-height:48px; font-weight:600; }
.hk-mag-landing details { margin-top:12px; }
.hk-mag-landing summary { min-height:44px; cursor:pointer; font-weight:600; }
.hk-mag-landing .hk-mag-topic-index-full { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 28px; align-items:start; }
.hk-mag-landing .hk-mag-topic-index-full summary { border-bottom:1px solid #9bb8cf; font-family:var(--wp--preset--font-family--magazine-display); font-size:26px; }
.hk-mag-landing .hk-mag-topic-index-full ul { padding-left:18px; font-size:16px; }
.hk-mag-landing .hk-mag-topic-index-full li a { display:inline-block; padding-block:8px; }
.hk-mag-landing .hk-mag-topic-door { min-width:0; }
.hk-mag-landing .hk-mag-topic-door-image { margin:0; background:var(--wp--preset--color--magazine-ink); aspect-ratio:16/10; }
.hk-mag-landing .hk-mag-topic-door-image a { display:block; width:100%; height:100%; }
.hk-mag-landing .hk-mag-topic-door-image img { display:block; width:100%; height:100%; aspect-ratio:16/10; object-fit:contain; }
.hk-mag-landing .hk-mag-topic-door > .wp-block-details { margin:0; }
.hk-mag-landing .hk-mag-topic-door > .wp-block-details > summary { padding:12px 16px; margin:0; background:var(--wp--preset--color--magazine-ink); color:var(--wp--preset--color--magazine-card); border-top:3px solid var(--wp--preset--color--magazine-accent); border-bottom:0; font-size:26px; line-height:1.15; }
.hk-mag-landing .hk-mag-topic-door > .wp-block-details > summary:focus-visible { outline:3px solid var(--wp--preset--color--magazine-accent); outline-offset:3px; }
.hk-mag-landing .hk-mag-topic-door > .wp-block-details > p { padding-inline:16px; margin-block:14px; }
.hk-mag-landing .hk-mag-topic-door > .wp-block-details > ul { margin-inline:16px; }
.hk-mag-landing .hk-mag-topic-door .wp-block-details .wp-block-details { margin:14px 16px; }
.hk-mag-landing .hk-mag-topic-door .wp-block-details .wp-block-details > summary { font-size:20px; }
.hk-mag-landing .wp-block-query .wp-block-post-template { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hk-mag-landing .wp-block-query li { min-width:0; }
.hk-mag-landing .wp-block-post-excerpt { color:#435a6b; font-size:17px; }
.hk-mag-landing .wp-block-post-featured-image { background:#10151b; }
.hk-mag-landing .hk-mag-preview-links { display:flex; gap:16px; flex-wrap:wrap; border-bottom:1px solid #9bb8cf; padding-bottom:16px; font-size:14px; }
.hk-mag-topic-heading .hk-mag-topic-title-label { font-size:.76em; }
.hk-mag-topic-intro .hk-mag-topic-heading { font-size:clamp(30px,4cqi,52px); }
.hk-mag-topic-intro .wp-block-hk-mag-topic-context { max-width:28ch; }
.hk-mag-topic-editor-preview.wp-block-hk-mag-topic-context .hk-mag-topic-heading { font:inherit; margin:0; padding:0; }
@container (max-width:800px) {
 .hk-mag-landing .hk-mag-lead-grid,.hk-mag-landing .hk-mag-wide-feature { grid-template-columns:1fr; }
 .hk-mag-landing .hk-mag-lead-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hk-mag-landing .hk-mag-route-grid { grid-template-columns:1fr; }
 .hk-mag-landing .hk-mag-route-grid .hk-mag-pick { display:grid; grid-template-columns:1fr 1fr; }
 .hk-mag-landing .hk-mag-pick-route { grid-column:1/-1; }
 .hk-mag-landing .hk-mag-wide-feature .hk-mag-pick-copy { border-left:0; border-top:3px solid #1661b3; padding:20px; }
 .hk-mag-landing .hk-mag-topic-index-full { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width:520px) {
 .hk-mag-landing .hk-mag-lead-stack,.hk-mag-landing .hk-mag-two-picks,.hk-mag-landing .hk-mag-route-grid .hk-mag-pick,.hk-mag-landing .wp-block-query .wp-block-post-template { display:grid; grid-template-columns:1fr; }
 .hk-mag-landing .hk-mag-lead-stack .hk-mag-pick figure { aspect-ratio:16/10; }
 .hk-mag-landing .hk-mag-pick-copy { padding:18px; }
 .hk-mag-landing .hk-mag-topic-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
 .hk-mag-landing .hk-mag-topic-index-full { grid-template-columns:1fr; gap:24px; }
 .hk-mag-landing .hk-mag-blue-band { padding:18px; }
 .hk-mag-landing .hk-mag-section-rule { align-items:start; flex-direction:column; gap:4px; }
}