.hk-mag-format-shell { background:var(--wp--preset--color--magazine-card); padding:clamp(16px,3vw,36px); }
.hk-mag-format-shell .hk-mag-format-intro { padding-bottom:24px; border-bottom:3px solid #10151b; margin-bottom:28px; }
.hk-mag-format-shell .hk-mag-format-intro h1 { max-width:28ch; font-size:clamp(30px,4vw,48px); line-height:1.08; margin:12px 0; }
.hk-mag-format-shell .hk-mag-format-intro .wp-block-post-terms { font-size:14px; }
.hk-mag-format-single { max-width:980px; margin-inline:auto; }
.hk-mag-format-single .wp-block-post-content { max-width:76ch; margin-inline:auto; }
.hk-mag-format-shell .hk-mag-format-note { font-size:14px; color:#46627a; }
.hk-mag-format-shell .hk-mag-topic-card .hk-mag-card-heading { height:100%; box-sizing:border-box; }
.hk-mag-format-hub .hk-mag-topic-posts > li { grid-column:span 1; }
.hk-mag-format-hub .hk-mag-topic-posts > li .hk-mag-topic-card { display:block; }
.hk-mag-format-hub .hk-mag-topic-posts > li:first-child .hk-mag-topic-card { display:block; }
.hk-mag-format-hub .hk-mag-topic-posts > li:first-child .hk-mag-topic-post-title { font-size:clamp(25px,3cqi,34px); }
@media(max-width:600px) {
 .hk-mag-compact-header .hk-mag-format-nav { display:grid; grid-template-columns:1.4fr 1fr .8fr; gap:0 8px; }
 .hk-mag-compact-header .hk-mag-format-nav a { font-size:14px; }
}
@media(max-width:520px) {
 .hk-mag-format-shell { padding:16px; }
 .hk-mag-format-shell .hk-mag-format-intro { padding-bottom:16px; margin-bottom:20px; }
 .hk-mag-format-hub .hk-mag-topic-posts { grid-template-columns:1fr; }
}