/* Archive family only. The approved homepage and global editor widths are untouched. */
.hk-mag-archive-shell {
  --hk-mag-topic-ink: var(--wp--preset--color--magazine-ink);
  --hk-mag-topic-paper: var(--wp--preset--color--magazine-card);
  --hk-mag-topic-blue: var(--wp--preset--color--magazine-accent);
  --hk-mag-topic-label: var(--wp--preset--color--magazine-label);
  --hk-mag-topic-rule: var(--wp--preset--color--magazine-line);
  container-type: inline-size;
}
.hk-mag-archive-shell .hk-mag-topic-intro {
  padding: 20px 0 24px;
  margin: 0 0 28px;
  border-bottom: 3px solid var(--hk-mag-topic-ink);
}
.hk-mag-archive-shell .hk-mag-topic-intro h1 {
  max-width: 22ch;
  font-size: clamp(36px, 5.4cqi, 60px);
  line-height: 1.06;
}
.hk-mag-archive-shell .hk-mag-topic-intro .hk-mag-topic-title-label { font-size: .82em; margin-bottom: 6px; }
.hk-mag-archive-shell .hk-mag-topic-intro .wp-block-term-description { max-width: 64ch; font-size: 17px; }
.hk-mag-archive-shell .hk-mag-topic-count { margin-top: 10px; }
.hk-mag-archive-shell .hk-mag-topic-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.hk-mag-archive-shell .hk-mag-topic-posts > li { grid-column: 1 / -1; min-width: 0; }
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(2),
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(3) { grid-column: span 1; }
.hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-card {
  display: grid;
  grid-template-columns: minmax(0,.42fr) minmax(0,.58fr);
  gap: 0;
  border: 0;
  padding: 0;
  background: transparent;
}
.hk-mag-archive-shell .hk-mag-topic-posts > li:first-child .hk-mag-topic-card { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(2) .hk-mag-topic-card,
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(3) .hk-mag-topic-card { display: block; }
.hk-mag-archive-shell .hk-mag-topic-posts .hk-mag-topic-image { margin: 0; background: var(--hk-mag-topic-ink); align-self: stretch; }
.hk-mag-archive-shell .hk-mag-topic-image a { height: 100%; display: grid; align-items: center; }
.hk-mag-archive-shell .hk-mag-topic-image img { width: 100%; height: auto; max-height: 480px; aspect-ratio: 16 / 10; object-fit: contain; }
.hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-card:not(:has(.hk-mag-topic-image)) { display: block; }
.hk-mag-archive-shell .hk-mag-card-heading {
  background: var(--hk-mag-topic-ink);
  color: var(--hk-mag-topic-paper);
  padding: clamp(18px,2.3cqi,26px);
  border-top: 3px solid var(--hk-mag-topic-blue);
}
.hk-mag-archive-shell .hk-mag-card-heading > * { margin: 0; }
.hk-mag-archive-shell .hk-mag-card-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 12px; color: var(--hk-mag-topic-label); font-size: 13px; line-height: 1.4; }
.hk-mag-archive-shell .hk-mag-card-meta a { text-decoration: none; }
.hk-mag-archive-shell .hk-mag-card-meta a:hover { text-decoration: underline; }
.hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-post-title {
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font-size: clamp(25px,3cqi,34px);
  line-height: 1.1;
}
.hk-mag-archive-shell .hk-mag-topic-posts > li:first-child .hk-mag-topic-post-title { font-size: clamp(29px,3.7cqi,43px); }
.hk-mag-archive-shell .hk-mag-topic-posts .hk-mag-topic-title-label { color: var(--hk-mag-topic-label); font-size: .9em; margin-bottom: 8px; }
.hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-excerpt { background: var(--hk-mag-topic-paper); padding: 14px 20px; font-size: 17px; line-height: 1.5; color: #3d5365; }
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(2) .hk-mag-topic-excerpt,
.hk-mag-archive-shell .hk-mag-topic-posts > li:nth-child(3) .hk-mag-topic-excerpt { padding-inline: 0; }
.hk-mag-archive-shell .hk-mag-topic-card-copy { min-width: 0; }
.hk-mag-archive-shell .hk-mag-topic-card-copy > * { margin-block: 0; }
.hk-mag-archive-shell .hk-mag-category-paths { margin-block: var(--wp--preset--spacing--magazine-section); padding: 24px; background: var(--wp--preset--color--magazine-sky); }
.hk-mag-archive-shell .hk-mag-category-paths > h2,
.hk-mag-archive-shell .hk-mag-archive-section-title { font-size: clamp(28px,3.6cqi,38px); border-bottom: 3px solid var(--hk-mag-topic-ink); padding-bottom: 14px; margin: 0 0 24px; }
.hk-mag-subtopic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.hk-mag-subtopic-card { min-width: 0; }
.hk-mag-subtopic-name { display: flex; justify-content: space-between; align-items: center; min-height: 44px; font-weight: 600; text-decoration: none; }
.hk-mag-subtopic-name span { color: var(--hk-mag-topic-blue); }
.hk-mag-subtopic-image { display: block; background: var(--hk-mag-topic-ink); }
.hk-mag-subtopic-image img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; }
.hk-mag-subtopic-card h3 { margin: 0; padding: 16px; font-size: clamp(23px,2.4cqi,29px); line-height: 1.12; color: var(--hk-mag-topic-paper); background: var(--hk-mag-topic-ink); border-top: 3px solid var(--hk-mag-topic-blue); }
.hk-mag-subtopic-card h3 a { text-decoration: none; }
.hk-mag-subtopic-card h3 a:hover { text-decoration: underline; }
.hk-mag-subtopic-card h3 .hk-mag-topic-title-label { color: var(--hk-mag-topic-label); font-size: .9em; }
.hk-mag-subtopic-links { list-style: none; padding: 0; margin: 20px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 24px; }
.hk-mag-subtopic-links a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding-block: 8px; gap: 10px; border-bottom: 1px solid #92b0c9; text-decoration: none; }
.hk-mag-subtopic-links a:hover { text-decoration: underline; }
.hk-mag-subtopic-links a span { color: var(--hk-mag-topic-blue); }
.hk-mag-category-paths details { margin-top: 16px; }
.hk-mag-category-paths summary { cursor: pointer; min-height: 44px; padding-block: 8px; font-weight: 600; }
.hk-mag-archive-shell .hk-mag-topic-related { margin-top: 36px; }
.hk-mag-archive-shell .hk-mag-topic-pagination { flex-wrap: wrap; }
.hk-mag-archive-shell .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 4px; }
@container (max-width: 760px) {
  .hk-mag-archive-shell .hk-mag-topic-posts > li:first-child .hk-mag-topic-card { display: block; }
  .hk-mag-subtopic-grid { grid-template-columns: 1fr; }
  .hk-mag-subtopic-card { display: grid; grid-template-columns: 42% minmax(0,1fr); }
  .hk-mag-subtopic-card .hk-mag-subtopic-name { grid-column: 1 / -1; }
  .hk-mag-subtopic-card h3 { border-top: 0; border-left: 3px solid var(--hk-mag-topic-blue); }
  .hk-mag-subtopic-image { display: grid; align-items: center; }
  .hk-mag-subtopic-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container (max-width: 520px) {
  .hk-mag-archive-shell .hk-mag-topic-intro { padding: 8px 0 14px; margin-bottom: 18px; }
  .hk-mag-archive-shell .hk-mag-topic-intro h1 { font-size: 32px; margin-block: 6px 8px; }
  .hk-mag-archive-shell .hk-mag-topic-intro .hk-mag-topic-title-label { margin-bottom: 4px; }
  .hk-mag-archive-shell .hk-mag-topic-count { margin-top: 6px; font-size: 14px; }
  .hk-mag-archive-shell .hk-mag-topic-posts { grid-template-columns: 1fr; gap: 24px; }
  .hk-mag-archive-shell .hk-mag-topic-posts > li { grid-column: 1 / -1; }
  .hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-card { display: block; }
  .hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-excerpt { padding: 12px 0 0; font-size: 16px; }
  .hk-mag-archive-shell .hk-mag-topic-posts > li .hk-mag-topic-post-title { font-size: 28px; }
  .hk-mag-archive-shell .hk-mag-category-paths { padding: 16px; }
  .hk-mag-subtopic-card { display: block; }
  .hk-mag-subtopic-card h3 { border-left: 0; border-top: 3px solid var(--hk-mag-topic-blue); font-size: 26px; }
  .hk-mag-subtopic-links { grid-template-columns: 1fr; }
}
.hk-mag-topic-editor-preview.wp-block-hk-mag-topic-context .hk-mag-category-paths {
  margin: 0;
  padding: 0;
  background: none;
}