/* ==========================================================================
   How I Travel — 2026 design layer ("Declared value")
   Loaded after editorial-override.css. Uses !important only where the
   override/Kale stack already does; the long-term plan is a clean theme.
   ========================================================================== */

:root {
  --hit-paper: #FFFFFF;
  --hit-ground: #F4F5F7;
  --hit-panel: #EEF0F3;
  --hit-ink: #14171F;
  --hit-ink-2: #434A58;
  --hit-ink-3: #687080;
  --hit-rule: #DDE0E6;
  --hit-accent: #1F3A93;
  --hit-accent-hover: #162B70;
  --hit-accent-tint: #EDF0FA;
  --hit-stamp: #C2361C;
  --hit-ok: #1D7447;
  --hit-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --hit-sans: "Public Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --hit-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* ---------- Global nav ---------- */
.hit26-nav {
  position: sticky; top: 0; z-index: 1000;
  background: var(--hit-paper);
  border-bottom: 1px solid var(--hit-rule);
  font-family: var(--hit-sans);
}
body.admin-bar .hit26-nav { top: 32px; }
@media (max-width: 782px) { body.admin-bar .hit26-nav { top: 46px; } }
.hit26-nav-inner {
  max-width: 1180px; margin: 0 auto; padding: 12px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.hit26-brand { display: flex; align-items: baseline; gap: 12px; text-decoration: none !important; min-width: 0; }
.hit26-brand b { font-family: var(--hit-serif); font-size: 23px; font-weight: 600; color: var(--hit-ink); letter-spacing: -.01em; white-space: nowrap; }
.hit26-brand span { font-size: 12.5px; color: var(--hit-ink-3); white-space: nowrap; }
.hit26-links { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
.hit26-links a { color: var(--hit-ink) !important; font-size: 14.5px; font-weight: 500; text-decoration: none !important; }
.hit26-links a:hover { color: var(--hit-accent) !important; }
.hit26-search { display: flex; align-items: center; gap: 6px; border: 1px solid var(--hit-rule); border-radius: 6px; padding: 0 10px; height: 34px; }
.hit26-search input { border: 0 !important; outline: 0; background: transparent; font: 400 13.5px var(--hit-sans); color: var(--hit-ink); width: 150px; padding: 0 !important; box-shadow: none !important; height: auto !important; margin: 0 !important; }
.hit26-search svg { flex: none; color: var(--hit-ink-3); }
.hit26-menu-btn { display: none; }
@media (max-width: 1080px) { .hit26-brand span { display: none; } }
@media (max-width: 860px) {
  .hit26-nav-inner { padding: 10px 16px; }
  .hit26-menu-btn { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--hit-rule); border-radius: 6px; background: transparent; color: var(--hit-ink); cursor: pointer; padding: 0; }
  .hit26-links { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--hit-paper); border-bottom: 1px solid var(--hit-rule); flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 16px; }
  .hit26-nav.is-open .hit26-links { display: flex; }
  .hit26-links li a { display: block; padding: 12px 0; border-bottom: 1px solid var(--hit-rule); font-size: 16px; }
  .hit26-search { margin-top: 12px; height: 44px; }
  .hit26-search input { width: 100%; font-size: 16px; }
}
/* old nav injected by editorial-enqueue.php is replaced */
.hit-global-nav { display: none !important; }

/* ---------- Article: base typography ---------- */
body.single-post { background: var(--hit-paper) !important; color: var(--hit-ink) !important; }
body.single-post .main-wrapper,
body.single-post .main-wrapper > .container { background: transparent !important; }
body.single-post .single-content {
  font-family: var(--hit-serif) !important;
  font-size: 19px !important;
  line-height: 1.62 !important;
  color: var(--hit-ink) !important;
  max-width: 680px;
  font-optical-sizing: auto;
}
body.single-post .single-content p,
body.single-post .single-content li {
  font-family: var(--hit-serif) !important;
  font-size: 19px !important;
  line-height: 1.62 !important;
  color: var(--hit-ink) !important;
}
body.single-post .single-content p { margin: 0 0 1.05em !important; }
body.single-post .single-content strong, body.single-post .single-content b { font-weight: 600 !important; color: var(--hit-ink) !important; }
body.single-post .single-content a:not(.hit26-btn):not([class*="button"]) {
  color: var(--hit-accent) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}
body.single-post .single-content a:not(.hit26-btn):hover { color: var(--hit-accent-hover) !important; }

body.single-post h1.entry-title {
  font-family: var(--hit-serif) !important;
  font-size: 44px !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -.018em !important;
  text-transform: none !important;
  color: var(--hit-ink) !important;
  margin: 8px 0 0 !important;
  max-width: 760px;
  text-wrap: balance;
  font-optical-sizing: auto;
}
body.single-post .single-content h2 {
  font-family: var(--hit-serif) !important;
  font-size: 29px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  color: var(--hit-ink) !important;
  margin: 1.9em 0 .55em !important;
  text-wrap: balance;
}
body.single-post .single-content h3,
body.single-post .single-content h4 {
  font-family: var(--hit-sans) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--hit-ink) !important;
  margin: 1.6em 0 .4em !important;
}
body.single-post .single-content ol,
body.single-post .single-content ul { padding-left: 1.3em !important; margin: 0 0 1.2em !important; }
body.single-post .single-content li { margin-bottom: .45em !important; }
body.single-post .single-content li::marker { color: var(--hit-ink-3); font-family: var(--hit-sans); font-weight: 600; font-size: .85em; }
body.single-post .single-content img { border-radius: 4px; height: auto; max-width: 100%; }
body.single-post .single-content iframe { max-width: 100% !important; }
body.single-post .single-content iframe[src*="youtube"] { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border-radius: 4px; }
body.single-post .single-content blockquote { border-left: 2px solid var(--hit-ink) !important; background: transparent !important; padding: 2px 0 2px 18px !important; margin: 1.4em 0 !important; font-style: italic; }

/* Title-cased headings from the old template read shouty; soften display
   by keeping case but tightening. (Content itself is left untouched.) */

/* ---------- Byline + disclosure ---------- */
.hit26-byline {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  margin: 20px 0 0; padding: 14px 0;
  border-top: 1px solid var(--hit-rule); border-bottom: 1px solid var(--hit-rule);
  font-family: var(--hit-sans); font-size: 14px; line-height: 1.4; color: var(--hit-ink-2);
}
.hit26-av {
  width: 36px; height: 36px; border-radius: 50%; flex: none;
  display: grid; place-items: center;
  background: var(--hit-panel); border: 1px solid var(--hit-rule);
  font-family: var(--hit-serif); font-weight: 600; font-size: 16px; color: var(--hit-ink);
}
.hit26-byline b { color: var(--hit-ink); font-weight: 600; }
.hit26-byline .hit26-sep { color: var(--hit-rule); }
.hit26-byline .hit26-tested { display: inline-flex; align-items: center; gap: 5px; color: var(--hit-ok); font-weight: 500; }
.hit26-disc {
  font-family: var(--hit-sans) !important; font-size: 13px !important; line-height: 1.5 !important;
  color: var(--hit-ink-3) !important; margin: 10px 0 28px !important;
}
.hit26-disc + .hit26-glance { margin-top: 0; }
.hit26-disc a { color: var(--hit-ink-3) !important; }

/* ---------- At a glance (answer box) ---------- */
.hit26-glance {
  margin: 26px 0 30px; border: 1.5px solid var(--hit-ink); border-radius: 3px; background: var(--hit-paper);
  font-family: var(--hit-sans);
}
.hit26-glance-head {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px;
  padding: 9px 16px; border-bottom: 1.5px solid var(--hit-ink);
  font-family: var(--hit-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--hit-ink);
}
.hit26-glance-q {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px;
  padding: 18px 16px; border-bottom: 1px solid var(--hit-rule);
}
.hit26-glance-question { font-family: var(--hit-serif); font-size: 23px; line-height: 1.2; font-weight: 600; color: var(--hit-ink); }
.hit26-stamp {
  font-family: var(--hit-sans); font-weight: 700; font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--hit-stamp); border: 2px solid var(--hit-stamp); border-radius: 3px;
  padding: 6px 11px 5px; transform: rotate(-3deg); white-space: nowrap;
}
.hit26-glance-grid { display: grid; grid-template-columns: 1fr 1fr; }
.hit26-cell { padding: 13px 16px; border-bottom: 1px solid var(--hit-rule); display: flex; flex-direction: column; gap: 3px; }
.hit26-cell:nth-child(odd) { border-right: 1px solid var(--hit-rule); }
.hit26-label { font-family: var(--hit-sans); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--hit-ink-3); }
.hit26-val { font-family: var(--hit-mono); font-size: 16px; font-weight: 500; color: var(--hit-ink); font-variant-numeric: tabular-nums; }
.hit26-val.is-text { font-family: var(--hit-serif); font-size: 18px; font-weight: 600; }
.hit26-note { font-size: 12.5px; line-height: 1.4; color: var(--hit-ink-3); }
.hit26-glance-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; padding: 15px 16px; }
.hit26-glance-foot small { font-size: 12.5px; color: var(--hit-ink-3); line-height: 1.4; }

/* ---------- Buttons (new + legacy <a><h5.buttonsmall> markup) ---------- */
.hit26-btn,
body.single-post .single-content a > h5.buttonsmall,
body.single-post .single-content a > h5.buttonsmall[style],
body.single-post .single-content a > h5.buttonsmall.bluectabutton[style] {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  background: var(--hit-accent) !important; color: #FFFFFF !important;
  font-family: var(--hit-sans) !important; font-size: 15.5px !important; font-weight: 600 !important;
  letter-spacing: 0 !important; line-height: 1.2 !important;
  padding: 13px 22px !important; min-height: 48px; width: auto !important;
  border: 0 !important; border-radius: 6px !important;
  text-decoration: none !important; text-transform: none !important; text-align: center;
  box-shadow: none !important; transform: none !important; margin: 0 !important;
  transition: background .15s ease;
  cursor: pointer;
}
.hit26-btn:hover, .hit26-btn:focus-visible,
body.single-post .single-content a:hover > h5.buttonsmall, body.single-post .single-content a:hover > h5.buttonsmall[style] { background: var(--hit-accent-hover) !important; color: #FFFFFF !important; }
.hit26-btn:focus-visible { outline: 2px solid var(--hit-accent); outline-offset: 2px; }
/* legacy button text is typed in caps ("OPEN FREE ACCOUNT"): render as sentence case */
body.single-post .single-content a > h5.buttonsmall { text-transform: lowercase !important; display: inline-block !important; }
body.single-post .single-content a > h5.buttonsmall::first-letter { text-transform: uppercase; }
body .single-content div[align="center"]:has(> a > h5.buttonsmall) { margin: 22px 0 !important; }
body .single-content a:has(> h5.buttonsmall) { text-decoration: none !important; display: inline-block; }

.hit26-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 24px 0 28px; }
.hit26-cta-note { font-family: var(--hit-sans); font-size: 13px; color: var(--hit-ink-3); line-height: 1.4; }

/* ---------- Intro box (.section.dark) → quiet lead ---------- */
body.single-post .single-content .section.dark {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; padding: 0 !important; margin: 0 0 8px !important;
}
body.single-post .single-content .section.dark p { font-size: 19px !important; color: var(--hit-ink) !important; }
/* When the answer box is present it already carries the CTA — avoid two
   identical buttons within one screen. */
body.hit26-has-glance .single-content .section.dark .hit26-cta,
body.hit26-has-glance .single-content .section.dark div[align="center"] { display: none !important; }

/* ---------- Tables ---------- */
body.single-post .single-content table {
  width: 100%; border-collapse: collapse !important; border: 0 !important;
  font-family: var(--hit-sans) !important; font-size: 15px !important; line-height: 1.45 !important;
  margin: 8px 0 24px !important; background: transparent !important;
}
body.single-post .single-content table th,
body.single-post .single-content table thead td {
  background: transparent !important; color: var(--hit-ink-3) !important;
  font-family: var(--hit-sans) !important; font-size: 12px !important; font-weight: 600 !important;
  letter-spacing: .07em !important; text-transform: uppercase !important;
  border: 0 !important; border-bottom: 1.5px solid var(--hit-ink) !important;
  padding: 10px 12px 10px 0 !important; text-align: left !important;
}
body.single-post .single-content table td {
  border: 0 !important; border-bottom: 1px solid var(--hit-rule) !important;
  padding: 11px 12px 11px 0 !important; color: var(--hit-ink) !important; background: transparent !important;
  vertical-align: top !important; font-family: var(--hit-sans) !important; font-size: 15px !important;
}
body.single-post .single-content table tr,
body.single-post .single-content table thead tr,
body.single-post .single-content table tbody tr:nth-child(odd),
body.single-post .single-content table tbody tr:nth-child(even),
body.single-post .single-content table tbody tr:hover { background: transparent !important; }
body.single-post .entry .single-content table td,
body.single-post .entry .single-content table th { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
body.single-post .entry .single-content .wp-block-table table { border: 0 !important; border-radius: 0 !important; }
.hit26-table { overflow-x: auto; margin: 8px 0 20px; }
/* The old layer stacks every table into cards under 768px; the cost table stays a table. */
body.single-post .entry .single-content table.hit26-costs { display: table !important; table-layout: auto !important; }
body.single-post .entry .single-content table.hit26-costs thead { display: table-header-group !important; }
body.single-post .entry .single-content table.hit26-costs tbody { display: table-row-group !important; }
body.single-post .entry .single-content table.hit26-costs tfoot { display: table-footer-group !important; }
body.single-post .entry .single-content table.hit26-costs tr { display: table-row !important; border: 0 !important; margin: 0 !important; border-radius: 0 !important; }
body.single-post .entry .single-content table.hit26-costs td,
body.single-post .entry .single-content table.hit26-costs th { display: table-cell !important; width: auto !important; }
body.single-post .entry .single-content tablebody.single-post .single-content .wp-block-table { overflow-x: auto; margin: 0 0 24px !important; }

/* Cost table (reusable block "Shipping Cost Breakdown") */
.hit26-costs td:last-child, .hit26-costs th:last-child { text-align: right !important; white-space: nowrap; padding-right: 0 !important; font-family: var(--hit-mono) !important; font-variant-numeric: tabular-nums; }
.hit26-costs td small, body.single-post .single-content .hit26-costs td small { display: block; color: var(--hit-ink-3); font-size: 13.5px; line-height: 1.45; margin-top: 3px; }
.hit26-costs td b { font-weight: 600; }

/* ---------- Tips / callouts ---------- */
.hit26-tip { background: var(--hit-accent-tint); border-radius: 4px; padding: 16px 18px; margin: 20px 0 24px; }
.hit26-tip .hit26-label { color: var(--hit-accent); display: block; margin-bottom: 4px; }

/* ---------- Partner-offer block (Ad Inserter #35) ---------- */
.hit26-offer {
  margin: 32px 0; padding: 20px 20px 18px; border: 1px solid var(--hit-rule); border-radius: 6px;
  background: var(--hit-ground); font-family: var(--hit-sans);
}
.hit26-offer .hit26-label { display: block; margin-bottom: 8px; }
.hit26-offer-title { font-family: var(--hit-serif); font-size: 22px; line-height: 1.25; font-weight: 600; color: var(--hit-ink); margin: 0 0 10px; }
.hit26-offer ol { margin: 0 0 16px !important; padding-left: 1.2em !important; }
body.single-post .single-content .hit26-offer ol li, .hit26-offer ol li { font-family: var(--hit-sans) !important; font-size: 15px !important; line-height: 1.5 !important; margin-bottom: 4px !important; }
.hit26-offer .hit26-cta-note { display: block; margin-top: 10px; }

/* ---------- Author / about-this-guide ---------- */
.hit26-author {
  display: grid; grid-template-columns: 48px 1fr; gap: 14px;
  margin: 40px 0 8px; padding-top: 22px; border-top: 1.5px solid var(--hit-ink);
  font-family: var(--hit-sans);
}
.hit26-author .hit26-av { width: 48px; height: 48px; font-size: 20px; }
.hit26-author-title { font-family: var(--hit-sans); font-size: 15px; font-weight: 600; color: var(--hit-ink); }
.hit26-author-text { font-family: var(--hit-sans); font-size: 14.5px; line-height: 1.55; color: var(--hit-ink-2); margin-top: 4px; }
.hit26-author-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 14px; }
.hit26-author-links a { color: var(--hit-accent) !important; }

/* Kale's own meta rows are replaced by the byline + author box */
body.single-post .entry-header .entry-meta,
body.single-post .entry-footer { display: none !important; }

/* ---------- TOC ---------- */
body.single-post .toc-sidebar-widget { font-family: var(--hit-sans) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.single-post .toc-sidebar-header { font-family: var(--hit-sans) !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .08em !important; color: var(--hit-ink-3) !important; margin-bottom: 8px !important; border: 0 !important; }
body.single-post .toc-sidebar-nav .toc-link { font-family: var(--hit-sans) !important; font-size: 13.5px !important; line-height: 1.4 !important; color: var(--hit-ink-3) !important; border-left: 1.5px solid var(--hit-rule) !important; padding: 6px 0 6px 12px !important; background: transparent !important; text-decoration: none !important; }
body.single-post .toc-sidebar-nav .toc-link.toc-h3 { padding-left: 24px !important; font-size: 13px !important; }
body.single-post .toc-sidebar-nav .toc-link.active,
body.single-post .toc-sidebar-nav .toc-link.is-active { color: var(--hit-ink) !important; border-left-color: var(--hit-ink) !important; font-weight: 600 !important; }

details.toc-inline {
  margin: 0 0 26px !important; padding: 0 !important; border: 1px solid var(--hit-rule) !important; border-radius: 6px !important;
  background: transparent !important; box-shadow: none !important; font-family: var(--hit-sans);
}
details.toc-inline > summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  padding: 13px 16px; font-size: 15px; font-weight: 600; color: var(--hit-ink); min-height: 48px;
}
details.toc-inline > summary::-webkit-details-marker { display: none; }
details.toc-inline > summary small { font-weight: 400; color: var(--hit-ink-3); margin-left: 6px; }
details.toc-inline > summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--hit-ink); border-bottom: 2px solid var(--hit-ink); transform: rotate(45deg); margin-top: -4px; transition: transform .15s; }
details.toc-inline[open] > summary::after { transform: rotate(-135deg); margin-top: 4px; }
details.toc-inline .toc-inline-list { margin: 0 !important; padding: 4px 16px 14px 36px !important; }
details.toc-inline .toc-inline-list li { font-family: var(--hit-sans) !important; font-size: 15px !important; line-height: 1.45 !important; padding: 5px 0 !important; border: 0 !important; margin: 0 !important; }
/* Desktop shows the sidebar TOC, so the inline one would be a duplicate */
@media (min-width: 900px) { details.toc-inline { display: none !important; } }

/* ---------- Sidebar ---------- */
body.single-post .sidebar { font-family: var(--hit-sans); }

/* ---------- Footer ---------- */
.hit-footer { font-family: var(--hit-sans) !important; }
.hit-footer .hit-footer-brand-name { font-family: var(--hit-serif) !important; }
.hit-footer .hit-footer-disclosure { opacity: 1 !important; color: rgba(255,255,255,.78) !important; font-size: 13px !important; }

/* ---------- Mobile ---------- */
@media (max-width: 899px) {
  body.single-post h1.entry-title { font-size: 32px !important; line-height: 1.12 !important; }
  body.single-post .single-content,
  body.single-post .single-content p,
  body.single-post .single-content li,
  body.single-post .single-content .section.dark p { font-size: 18px !important; }
  body.single-post .single-content h2 { font-size: 25px !important; }
  body.single-post .single-content { max-width: none; }
}
@media (max-width: 560px) {
  .hit26-glance-grid { grid-template-columns: 1fr; }
  .hit26-cell:nth-child(odd) { border-right: 0; }
  .hit26-glance-question { font-size: 20px; }
  .hit26-glance-foot .hit26-btn, .hit26-cta .hit26-btn { width: 100% !important; }
  .hit26-byline { font-size: 13px; }
  body.single-post .single-content table { font-size: 14px !important; }
  body.single-post .single-content table td { font-size: 14px !important; }
}
html, body { overflow-x: clip; }

@media (prefers-reduced-motion: reduce) { .hit26-btn, details.toc-inline > summary::after { transition: none; } }

/* ---------- Previous / next guide ---------- */
body.single-post .main-column > hr { display: none !important; }
body.single-post .pagination-post {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px;
  max-width: 680px; margin: 32px 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body.single-post .pagination-post::before, body.single-post .pagination-post::after { display: none !important; content: none !important; }
body.single-post .pagination-post > div {
  float: none !important; width: auto !important; position: static !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; max-width: none !important;
}
body.single-post .pagination-post > div:empty { display: none !important; }
body.single-post .pagination-post a {
  display: block !important; height: 100%; padding: 14px 16px !important;
  border: 1px solid var(--hit-rule) !important; border-radius: 6px !important; background: var(--hit-paper) !important;
  font-family: var(--hit-serif) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 600 !important;
  text-transform: none !important; letter-spacing: 0 !important; color: var(--hit-ink) !important; text-decoration: none !important;
  box-shadow: none !important; transform: none !important; text-align: left !important;
}
body.single-post .pagination-post a:hover { border-color: var(--hit-ink) !important; }
body.single-post .pagination-post a::after { display: none !important; content: none !important; }
body.single-post .pagination-post a::before {
  display: block !important; position: static !important; content: "← Previous guide" !important;
  font-family: var(--hit-sans) !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .08em !important;
  text-transform: uppercase !important; color: var(--hit-ink-3) !important; margin: 0 0 4px !important;
}
body.single-post .pagination-post .next_post a { text-align: right !important; }
body.single-post .pagination-post .next_post a::before { content: "Next guide →" !important; }
@media (max-width: 600px) { body.single-post .pagination-post { grid-template-columns: 1fr; } }

/* The old fixed nav needed 64px of clearance; the new nav is sticky, in flow. */
body.single .main-wrapper, body.page:not(.home) .main-wrapper { padding-top: 24px !important; }
@media (max-width: 560px) { body.single .main-wrapper, body.page:not(.home) .main-wrapper { padding-top: 8px !important; } }

/* ---------- Mobile answer-first tightening ---------- */
body.single-post .pagination-post > div, body.single-post .pagination-post a { min-width: 0; overflow-wrap: anywhere; box-sizing: border-box !important; max-width: 100% !important; }
@media (max-width: 560px) {
  body.single-post .main-wrapper > .container { padding-top: 8px !important; }
  body.single-post .entry-header { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
  .hit26-byline .hit26-sep { display: none; }
  .hit26-byline { gap: 6px 14px; }
  .hit26-glance { margin: 20px 0 22px; }
  .hit26-glance-head span + span { display: none; }
  .hit26-glance-q { padding: 14px 14px; flex-wrap: nowrap; align-items: flex-start; }
  .hit26-stamp { font-size: 11px; padding: 5px 8px 4px; letter-spacing: .1em; }
  .hit26-glance-grid { grid-template-columns: 1fr 1fr; }
  .hit26-cell { padding: 11px 14px; }
  .hit26-cell:nth-child(odd) { border-right: 1px solid var(--hit-rule); }
  .hit26-cell:nth-child(1), .hit26-cell:nth-child(4) { display: none; }
  .hit26-cell:nth-child(2) { border-right: 1px solid var(--hit-rule); }
  .hit26-cell .hit26-note { display: none; }
  .hit26-val { font-size: 15px; }
  .hit26-glance-foot { padding: 14px; }
}

/* ==========================================================================
   Standalone templates: homepage (.hh), archive/search (.ha), about (.hb)
   ========================================================================== */
body.hit26-standalone { background: var(--hit-paper) !important; color: var(--hit-ink); font-family: var(--hit-sans); margin: 0; }
body.hit26-standalone .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hh, .ha, .hb { font-family: var(--hit-sans); color: var(--hit-ink); -webkit-font-smoothing: antialiased; }
.hh *, .ha *, .hb * { box-sizing: border-box; }
.hh h1, .hh h2, .hh h3, .ha h1, .hb h1, .hb h2 { font-family: var(--hit-serif) !important; font-weight: 600; color: var(--hit-ink) !important; text-transform: none !important; letter-spacing: -.01em; margin: 0; text-wrap: balance; }
.hh p, .ha p, .hb p { margin: 0; }
.hh a:not(.hit26-btn), .ha a, .hb a { color: var(--hit-accent) !important; }
.hh-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.hh-label { display: inline-block; font-family: var(--hit-sans); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--hit-ink-3); }

/* Hero */
.hh-hero { padding: 72px 0 44px; border-bottom: 1px solid var(--hit-rule); }
.hh-hero .hh-wrap { display: flex; flex-direction: column; gap: 22px; }
.hh .hh-q { font-size: clamp(36px, 5.4vw, 64px) !important; line-height: 1.25 !important; font-weight: 500 !important; letter-spacing: -.02em !important; max-width: 24ch; }
.hh-qmark { margin-left: .04em; }
.hh .hh-select {
  font: inherit !important; font-weight: 600 !important; height: auto !important; line-height: 1.15 !important; box-shadow: none !important; vertical-align: baseline; display: inline-block; text-transform: none !important; color: var(--hit-accent); letter-spacing: inherit;
  background: transparent; border: 0; border-bottom: 2px solid var(--hit-accent); border-radius: 0;
  padding: 0 26px 0 2px; margin: 0; max-width: 100%; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231F3A93' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 4px center; background-size: .38em;
}
.hh-select:focus-visible { outline: 2px solid var(--hit-accent); outline-offset: 4px; }
.hh-select option { font-family: var(--hit-sans); font-size: 16px; font-weight: 400; color: var(--hit-ink); }
.hh .hh-select-native { display: none !important; }
.hh .hh-pick {
  font: inherit; font-weight: 600; color: var(--hit-accent); letter-spacing: inherit; line-height: 1.15;
  background: transparent; border: 0; border-bottom: 2px solid var(--hit-accent); border-radius: 0;
  padding: 0 .55em 0 2px; margin: 0; cursor: pointer; text-transform: none; box-shadow: none; height: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231F3A93' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 2px center; background-size: .32em;
}
.hh .hh-pick:hover { color: var(--hit-accent-hover); }
.hh .hh-pick:focus-visible { outline: 2px solid var(--hit-accent); outline-offset: 4px; }
.hh-pop {
  position: absolute; z-index: 2000; background: var(--hit-paper); border: 1px solid var(--hit-rule); border-radius: 8px;
  box-shadow: 0 2px 4px rgba(20,23,31,.06), 0 16px 40px rgba(20,23,31,.14); overflow: hidden;
  font-family: var(--hit-sans);
}
.hh-pop[hidden] { display: none !important; }
.hh-pop .hh-pop-filter {
  display: block; width: 100%; box-sizing: border-box; border: 0; border-bottom: 1px solid var(--hit-rule); border-radius: 0;
  padding: 12px 14px; height: auto; margin: 0; font: 400 16px var(--hit-sans); color: var(--hit-ink); background: var(--hit-paper); outline: 0; box-shadow: none;
}
.hh-pop-list { list-style: none; margin: 0; padding: 6px; max-height: min(320px, 50vh); overflow-y: auto; }
.hh-pop-list li { padding: 9px 10px; border-radius: 5px; font-size: 15.5px; line-height: 1.3; color: var(--hit-ink); cursor: pointer; }
.hh-pop-list li.is-active { background: var(--hit-accent-tint); }
.hh-pop-list li[aria-selected="true"] { font-weight: 600; color: var(--hit-accent); }
.hh-pop-list li.hh-pop-empty { color: var(--hit-ink-3); cursor: default; }
.hh-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
.hh-search { display: flex; align-items: stretch; border: 1px solid var(--hit-rule); border-radius: 6px; overflow: hidden; background: var(--hit-paper); min-height: 48px; flex: 0 1 380px; }
.hh-search input { height: auto !important; box-shadow: none !important; margin: 0 !important; flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 14px; font: 400 15px var(--hit-sans); color: var(--hit-ink); background: transparent; }
.hh-search button { text-transform: none !important; letter-spacing: 0 !important; height: auto !important; border-radius: 0 !important; border: 0; border-left: 1px solid var(--hit-rule); background: var(--hit-ground); color: var(--hit-ink); font: 600 14px var(--hit-sans); padding: 0 16px; cursor: pointer; }
.hh-search button:hover { background: var(--hit-panel); }
.hh-search:focus-within { border-color: var(--hit-ink); }
.hh-facts { display: flex; flex-wrap: wrap; gap: 8px 28px; list-style: none; margin: 8px 0 0; padding: 18px 0 0; border-top: 1px solid var(--hit-rule); font-size: 14px; color: var(--hit-ink-2); }
.hh-facts b { font-family: var(--hit-mono); font-weight: 500; color: var(--hit-ink); }

/* How it works */
.hh-how { background: var(--hit-ground); border-bottom: 1px solid var(--hit-rule); padding: 48px 0; }
.hh-how-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 20px 56px; align-items: start; }
.hh-how h2 { font-size: 30px; line-height: 1.15; margin: 8px 0 12px; }
.hh-how p { font-family: var(--hit-serif); font-size: 18.5px; line-height: 1.55; color: var(--hit-ink-2); }
.hh-steps { list-style: none; margin: 0; padding: 0; counter-reset: hh; }
.hh-steps li { counter-increment: hh; display: grid; grid-template-columns: 40px 1fr; column-gap: 12px; padding: 14px 0; border-top: 1px solid var(--hit-rule); }
.hh-steps li:first-child { border-top: 0; padding-top: 0; }
.hh-steps li::before { content: counter(hh); grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--hit-ink); display: grid; place-items: center; font-weight: 700; font-size: 14px; }
.hh-steps b { font-weight: 600; font-size: 16.5px; }
.hh-steps span { font-family: var(--hit-serif); font-size: 17px; line-height: 1.5; color: var(--hit-ink-2); }
.hh-how-cta { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.hh-how-cta small { font-size: 12.5px; color: var(--hit-ink-3); }

/* Browse */
.hh-browse { padding: 56px 0; }
.hh-browse-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 40px 56px; }
.hh-h2 { font-size: 26px !important; line-height: 1.2; margin: 0 0 14px !important; }
.hh-rows { border-top: 1.5px solid var(--hit-ink); }
.hh-rows-2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
.hh a.hh-row { color: var(--hit-ink) !important; }
.hh a.hh-review { color: var(--hit-ink) !important; }
.ha a.ha-item, .ha a.hh-row { color: var(--hit-ink) !important; }
.hh-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hit-rule); text-decoration: none !important; color: var(--hit-ink) !important; }
.hh-row span { font-family: var(--hit-serif); font-size: 18.5px; }
.hh-row small { font-family: var(--hit-mono); font-size: 12.5px; color: var(--hit-ink-3); white-space: nowrap; }
.hh-row:hover span { color: var(--hit-accent); }
.hh-all { margin-top: 16px; }
.hh-all summary { cursor: pointer; font-weight: 600; font-size: 14.5px; color: var(--hit-accent); list-style: none; }
.hh-all summary::-webkit-details-marker { display: none; }
.hh-all summary::after { content: " ↓"; }
.hh-all[open] summary::after { content: " ↑"; }
.hh-all-grid { columns: 3 160px; column-gap: 24px; margin-top: 14px; }
.hh-all-grid a { display: block; padding: 4px 0; font-size: 14.5px; color: var(--hit-ink-2) !important; text-decoration: none; break-inside: avoid; }
.hh-all-grid a:hover { color: var(--hit-accent) !important; text-decoration: underline; }

/* Reviews */
.hh-reviews { padding: 8px 0 56px; }
.hh-sec-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.hh-sec-head a { font-weight: 600; font-size: 14.5px; text-decoration: none; }
.hh-review-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1.5px solid var(--hit-ink); }
.hh-review { display: flex; flex-direction: column; gap: 8px; padding: 16px 20px 18px 0; text-decoration: none !important; }
.hh-review + .hh-review { padding-left: 20px; border-left: 1px solid var(--hit-rule); }
.hh-review-title { font-family: var(--hit-serif); font-size: 19px; line-height: 1.3; font-weight: 600; color: var(--hit-ink); }
.hh-review:hover .hh-review-title { color: var(--hit-accent); }

/* Method */
.hh-method { background: var(--hit-ground); border-top: 1px solid var(--hit-rule); }
.hh-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hh-method-grid > div { padding: 32px 28px 36px 0; display: flex; flex-direction: column; gap: 8px; }
.hh-method-grid > div + div { padding-left: 28px; border-left: 1px solid var(--hit-rule); }
.hh-method h3 { font-size: 20px; }
.hh-method p { font-size: 14.5px; line-height: 1.55; color: var(--hit-ink-2); }

@media (max-width: 900px) {
  .hh-hero { padding: 44px 0 32px; }
  .hh-how-grid, .hh-browse-grid { grid-template-columns: 1fr; }
  .hh-how-cta { grid-column: 1; }
  .hh-review-grid { grid-template-columns: 1fr 1fr; }
  .hh-review:nth-child(3) { padding-left: 0; border-left: 0; }
  .hh-review:nth-child(n+3) { border-top: 1px solid var(--hit-rule); }
  .hh-method-grid { grid-template-columns: 1fr; }
  .hh-method-grid > div { padding: 24px 0; }
  .hh-method-grid > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--hit-rule); }
}
@media (max-width: 560px) {
  .hh-wrap { padding: 0 16px; }
  .hh-q { font-size: 34px !important; }
  .hh-actions .hit26-btn, .hh-search { width: 100%; flex-basis: 100%; }
  .hh-rows-2 { grid-template-columns: 1fr; }
  .hh-review-grid { grid-template-columns: 1fr; }
  .hh-review, .hh-review + .hh-review { padding: 14px 0; border-left: 0; }
  .hh-review + .hh-review { border-top: 1px solid var(--hit-rule); }
}

/* Archive / search */
.ha { max-width: 820px; margin: 0 auto; padding: 48px 24px 72px; }
.ha-head { display: flex; flex-direction: column; gap: 10px; padding-bottom: 26px; border-bottom: 1.5px solid var(--hit-ink); }
.ha-head h1 { font-size: clamp(34px, 5vw, 48px); line-height: 1.08; letter-spacing: -.018em; }
.ha-count { font-family: var(--hit-mono); font-size: 13px; color: var(--hit-ink-3); }
.ha-desc { font-family: var(--hit-serif); font-size: 18px; line-height: 1.55; color: var(--hit-ink-2); max-width: 62ch; }
.ha-search { margin-top: 8px; max-width: 460px; flex: none; width: 100%; }
.ha-list { list-style: none; margin: 0; padding: 0; }
.ha-list li { border-bottom: 1px solid var(--hit-rule); }
.ha-item { display: flex; flex-direction: column; gap: 4px; padding: 18px 0; text-decoration: none !important; }
.ha-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--hit-ink-3); }
.ha-title { font-family: var(--hit-serif); font-size: 22px; line-height: 1.25; font-weight: 600; color: var(--hit-ink); }
.ha-item:hover .ha-title { color: var(--hit-accent); }
.ha-excerpt { font-size: 14.5px; line-height: 1.5; color: var(--hit-ink-2); }
.ha-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 36px 0 0; }
.ha-pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border: 1px solid var(--hit-rule); border-radius: 6px; font-size: 14.5px; font-weight: 500; color: var(--hit-ink) !important; text-decoration: none; }
.ha-pages .page-numbers:hover { border-color: var(--hit-ink); }
.ha-pages .page-numbers.current { background: var(--hit-ink); border-color: var(--hit-ink); color: #fff !important; }
.ha-pages .page-numbers.dots { border: 0; }
.ha-empty { padding: 32px 0; display: flex; flex-direction: column; gap: 10px; font-family: var(--hit-serif); font-size: 18px; line-height: 1.55; color: var(--hit-ink-2); }
@media (max-width: 560px) { .ha { padding: 28px 16px 56px; } .ha-title { font-size: 20px; } }

/* About */
.hb { max-width: 720px; margin: 0 auto; padding: 56px 24px 80px; }
.hb h1 { font-size: clamp(34px, 5vw, 50px); line-height: 1.08; letter-spacing: -.02em; margin: 10px 0 16px; }
.hb-dek { font-family: var(--hit-serif); font-size: 21px; line-height: 1.5; color: var(--hit-ink-2); }
.hb-facts { margin: 24px 0 8px; }
.hb h2 { font-size: 26px; line-height: 1.2; margin: 40px 0 12px; }
.hb p { font-family: var(--hit-serif); font-size: 19px; line-height: 1.62; margin: 0 0 14px; }
.hb-list { margin: 0; border-top: 1.5px solid var(--hit-ink); }
.hb-list dt { font-weight: 600; font-size: 16px; padding-top: 14px; }
.hb-list dd { margin: 4px 0 0; padding-bottom: 14px; border-bottom: 1px solid var(--hit-rule); font-family: var(--hit-serif); font-size: 18px; line-height: 1.5; color: var(--hit-ink-2); }
@media (max-width: 560px) { .hb { padding: 32px 16px 56px; } }

/* Kill the old standalone navs if a cached template still prints them */
.hit-nav { display: none !important; }

/* ==========================================================================
   Footer (footer-editorial.php): ink instead of green
   ========================================================================== */
body footer.hit-footer, html body .hit-footer { background: var(--hit-ink) !important; }
.hit-footer h4 { font-family: var(--hit-sans) !important; font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: rgba(255,255,255,.6) !important; }
.hit-footer .hit-footer-brand-name { font-size: 22px !important; font-weight: 600 !important; color: #fff !important; }
.hit-footer .hit-footer-tagline { font-family: var(--hit-sans) !important; color: rgba(255,255,255,.7) !important; }
.hit-footer .hit-footer-desc { color: rgba(255,255,255,.72) !important; }
.hit-footer a:hover { color: #fff !important; text-decoration: underline !important; }

/* ==========================================================================
   Polish pass (22 Sep): leftovers from older layers
   ========================================================================== */
/* Footer: the older inline CSS asks for Inter, which is no longer loaded */
html body .hit-footer, html body .hit-footer * { font-family: var(--hit-sans) !important; }
html body .hit-footer .hit-footer-brand-name { font-family: var(--hit-serif) !important; }
html body .hit-footer summary { font-size: 12.5px !important; letter-spacing: .08em !important; }

/* In-content H1s used as section heads (older reviews) read as H2s */
body.single-post .single-content h1 {
  font-family: var(--hit-serif) !important; font-size: 29px !important; line-height: 1.2 !important; font-weight: 600 !important;
  letter-spacing: -.01em !important; text-transform: none !important; color: var(--hit-ink) !important; margin: 1.9em 0 .55em !important;
}
body.single-post .single-content h1:empty, body.single-post .single-content p:empty { display: none !important; }
body.single-post .single-content .emph { font-family: inherit !important; }

/* Legacy .section.pink CTA bars → standard button */
body.single-post .single-content .section.pink {
  background: transparent !important; border: 0 !important; padding: 0 !important; margin: 24px 0 28px !important;
  box-shadow: none !important; text-align: left !important; border-radius: 0 !important;
}
body.single-post .single-content .section.pink .emph { font-size: inherit !important; }
body.single-post .single-content .section.pink a[href*="/out/"] {
  display: inline-flex !important; align-items: center; min-height: 48px; padding: 13px 22px !important;
  background: var(--hit-accent) !important; color: #fff !important; border-radius: 6px !important;
  font-family: var(--hit-sans) !important; font-size: 15.5px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  text-decoration: none !important; text-transform: lowercase !important;
}
body.single-post .single-content .section.pink a[href*="/out/"]::first-letter { text-transform: uppercase; }
body.single-post .single-content .section.pink a[href*="/out/"]:hover { background: var(--hit-accent-hover) !important; }
body.single-post .single-content .section.pink a[href*="/out/"]::after { content: "  →"; white-space: pre; }

/* Table cells: older rules paint first-row text white for a header that no longer exists */
body.single-post .entry .single-content table td,
body.single-post .entry .single-content table td * :not(a) { color: var(--hit-ink) !important; }
body.single-post .entry .single-content table td strong,
body.single-post .entry .single-content table td b { color: var(--hit-ink) !important; }

/* Comments */
body.single-post .comments-area, body.single-post #comments, body.single-post #respond { font-family: var(--hit-sans) !important; max-width: 680px; }
body.single-post #comments a, body.single-post .comment-metadata a, body.single-post .comment-meta a,
body.single-post .comment-reply-link, body.single-post #comments time { color: var(--hit-ink-3) !important; }
body.single-post .comment-reply-link { font-weight: 600 !important; text-decoration: underline !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
body.single-post #comments .comment-content p, body.single-post #comments .comment-body p { font-family: var(--hit-serif) !important; font-size: 17px !important; line-height: 1.55 !important; color: var(--hit-ink) !important; }
body.single-post #respond h3, body.single-post #reply-title, body.single-post .comments-title { font-family: var(--hit-serif) !important; font-size: 24px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: -.01em !important; color: var(--hit-ink) !important; }
body.single-post #respond input[type="text"], body.single-post #respond input[type="email"], body.single-post #respond input[type="url"], body.single-post #respond textarea {
  border: 1px solid var(--hit-rule) !important; border-radius: 6px !important; box-shadow: none !important; font: 400 16px var(--hit-sans) !important; color: var(--hit-ink) !important; background: var(--hit-paper) !important; padding: 10px 12px !important;
}
body.single-post #respond input:focus, body.single-post #respond textarea:focus { border-color: var(--hit-ink) !important; outline: 0 !important; }
body.single-post #respond label { font-family: var(--hit-sans) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .07em !important; color: var(--hit-ink-3) !important; }
body.single-post #respond input[type="submit"], body.single-post #respond .submit {
  background: var(--hit-ink) !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; font: 600 15px var(--hit-sans) !important;
  padding: 12px 20px !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer;
}
.skip-link { color: var(--hit-ink) !important; }

/* Kale page template (privacy policy, 404) */
body.page:not(.home):not(.hit26-standalone) h1.entry-title,
body.error404 h1, body.error404 .entry-title {
  font-family: var(--hit-serif) !important; font-size: 44px !important; line-height: 1.08 !important; font-weight: 600 !important;
  letter-spacing: -.018em !important; text-transform: none !important; color: var(--hit-ink) !important; margin: 8px 0 20px !important;
}
body.page:not(.home):not(.hit26-standalone) .page-content { max-width: 720px; font-family: var(--hit-serif) !important; }
body.page:not(.home):not(.hit26-standalone) .page-content p,
body.page:not(.home):not(.hit26-standalone) .page-content li { font-family: var(--hit-serif) !important; font-size: 18px !important; line-height: 1.6 !important; color: var(--hit-ink) !important; }
body.page:not(.home):not(.hit26-standalone) .page-content h2,
body.page:not(.home):not(.hit26-standalone) .page-content h3 { font-family: var(--hit-serif) !important; font-weight: 600 !important; text-transform: none !important; color: var(--hit-ink) !important; margin: 1.6em 0 .5em !important; }
body.page:not(.home):not(.hit26-standalone) .page-content a { color: var(--hit-accent) !important; }
body.error404 .main-wrapper > .container { max-width: 720px; }
body.error404 .main-wrapper { font-family: var(--hit-sans); }
@media (max-width: 560px) { body.page:not(.home):not(.hit26-standalone) h1.entry-title, body.error404 h1 { font-size: 32px !important; } }

/* ==========================================================================
   SEO modules: related guides, country A–Z hubs, RTL guides
   ========================================================================== */
.hitseo-related {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px 36px;
  margin: 36px 0 8px; padding-top: 22px; border-top: 1px solid var(--hit-rule);
  font-family: var(--hit-sans); max-width: 680px;
}
.hitseo-rel-head { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--hit-ink-3); margin-bottom: 8px; }
body.single-post .single-content .hitseo-related ul { list-style: none !important; padding: 0 !important; margin: 0 0 10px !important; }
body.single-post .single-content .hitseo-related li { font-family: var(--hit-sans) !important; font-size: 15px !important; line-height: 1.4 !important; margin: 0 !important; padding: 5px 0 !important; border-bottom: 1px solid var(--hit-rule); }
body.single-post .single-content .hitseo-related li::marker { content: none; }
body.single-post .single-content .hitseo-related a:not(.hit26-btn):not([class*="button"]) { text-decoration: none !important; }
body.single-post .single-content .hitseo-related a:not(.hit26-btn):not([class*="button"]):hover { text-decoration: underline !important; }
body.single-post .single-content .hitseo-rel-all { font-size: 14px; font-weight: 600; }
@media (max-width: 600px) { .hitseo-related { grid-template-columns: 1fr; } }

.ha-az { padding: 28px 0 8px; }
.ha h2 { font-family: var(--hit-serif) !important; font-weight: 600; color: var(--hit-ink) !important; text-transform: none !important; letter-spacing: -.01em; margin: 0; }
.ha-az h2 { font-size: 24px; line-height: 1.2; margin-bottom: 12px; }
.ha-az-letters { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 18px; }
.ha-az-letters a { display: inline-grid; place-items: center; min-width: 32px; height: 32px; border: 1px solid var(--hit-rule); border-radius: 4px; font: 600 13px var(--hit-mono); color: var(--hit-ink) !important; text-decoration: none; }
.ha-az-letters a:hover { border-color: var(--hit-ink); }
.ha-az-cols { columns: 3 200px; column-gap: 28px; }
.ha-az-group { break-inside: avoid; margin-bottom: 16px; scroll-margin-top: 80px; }
.ha-az-l { font: 600 12px var(--hit-mono); color: var(--hit-ink-3); border-bottom: 1.5px solid var(--hit-ink); padding-bottom: 4px; margin-bottom: 4px; }
.ha-az-group ul { list-style: none; margin: 0; padding: 0; }
.ha-az-group li { padding: 3px 0; }
.ha-az-group a { font-family: var(--hit-serif); font-size: 17px; color: var(--hit-ink) !important; text-decoration: none; }
.ha-az-group a:hover { color: var(--hit-accent) !important; text-decoration: underline; }
.ha-sub { font-size: 22px; margin: 28px 0 0 !important; padding-bottom: 10px; border-bottom: 1.5px solid var(--hit-ink); }
.ha-desc p { margin: 0; }

body.hitseo-rtl h1.entry-title { direction: rtl; text-align: right; }
body.hitseo-rtl .single-content [dir="rtl"] ul, body.hitseo-rtl .single-content [dir="rtl"] ol { padding-left: 0 !important; padding-right: 1.3em !important; }