/* Native CMS guides: extend the existing Technical Guides design without changing its hub. */
:is(.tg-native-list-page, .tg-native-show-page) main { overflow: visible; }
:is(.tg-native-list-page, .tg-native-show-page) main :is(h1,h2,h3,p,a) { overflow-wrap: anywhere; }
.tg-native-breadcrumb-bar { border-bottom: 1px solid var(--hk-line); background: var(--hk-light); }
.tg-native-breadcrumb-bar .tg-breadcrumb { margin-block: 0; padding-block: 12px; }
.tg-native-hero .eyebrow { color: #ffad7e; margin-bottom: 16px; }
.tg-native-hero { padding-block: 38px 42px; }
.tg-native-hero p { font-size: 17px; margin-bottom: 0; }
.tg-native-hero .tg-actions { margin-top: 22px; }
:is(.tg-native-list-page, .tg-native-show-page) .contact-shell > *,
:is(.tg-native-list-page, .tg-native-show-page) .form-row > * { min-width: 0; }
.hk-guides-layout, .tg-native-article-layout { display: block; }
.tg-native-article-layout { padding-block: 38px 48px; }
.tg-native-article-header, .tg-native-featured, .tg-native-summary { max-width: none; margin-inline: 0; }
.tg-native-reading { max-width: none; margin-inline: 0; }
.hk-guides-main, .tg-native-article-main, .hk-guides-aside { min-width: 0; }
.tg-native-list-page .tg-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tg-native-results-heading { margin-bottom: 22px !important; }
.tg-native-card-link { display: flex; flex-direction: column; flex: 1; }
.tg-native-card-media { overflow: hidden; background: var(--hk-light); }
.tg-native-list-page .tg-card img { display: block; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.tg-native-list-page .tg-card h3 { font-size: 20px; line-height: 1.35; }
.technical-guides-page .tg-card time { margin-bottom: 10px; color: var(--hk-muted); font-size: 12px; }
.tg-native-list-page .tg-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; }
.hk-guides-read-more { display: flex; gap: 10px; margin-top: auto; color: var(--hk-orange-dark); font-size: 14px; font-weight: 700; }
.tg-native-card-link:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.tg-native-show-page .tg-related:not(:has(.tg-card)) { display: none; }
.tg-native-show-page .tg-related .tg-card-body { padding: 20px; }
.tg-native-show-page .tg-related .hk-guides-read-more { margin-top: 16px; }
.tg-native-show-page .tg-related img { height: auto; aspect-ratio: 16/9; object-fit: cover; }
.hk-guides-pagination { flex-wrap: wrap; padding: 0; list-style: none; }
.hk-guides-pagination li { margin: 0; }
.hk-guides-pagination .page-link { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--hk-line); }
.hk-guides-pagination .active .page-link { color: var(--hk-white); background: var(--hk-navy); border-color: var(--hk-navy); }
.hk-guides-pagination .disabled .page-link { color: var(--hk-muted); background: var(--hk-light); }
.hk-guides-pagination .fa { display: none; }
.hk-guides-pagination em { font-style: normal; }
.tg-native-article-header h1 { font-size: clamp(32px, 3.4vw, 48px); line-height: 1.12; letter-spacing: -.035em; margin-block: 14px 22px; }
.tg-native-article-header .tg-byline { display: flex; }
.tg-native-featured { margin-bottom: 24px; background: var(--hk-light); }
.tg-native-featured img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; }
.tg-native-summary, .hk-guides-inline-help { border-inline-start: 3px solid var(--hk-orange); background: var(--hk-light); padding: 22px 24px; margin-bottom: 24px; }
.tg-native-summary p { margin-bottom: 0; font-size: 17px !important; }
.tg-native-toc { margin: 0 0 28px; }
.tg-native-show-page .tg-prose { overflow-wrap: anywhere; }
.tg-native-show-page .tg-prose :is(img, video, iframe) { max-width: 100%; }
.tg-native-show-page .tg-prose img { height: auto; }
.tg-native-show-page .tg-prose :is(ul,ol) { padding-inline-start: 24px; margin-block: 16px 24px; }
.tg-native-show-page .tg-prose li { margin-block: 8px; line-height: 1.7; }
.tg-native-show-page .tg-prose blockquote { margin: 24px 0; padding: 20px 24px; border-inline-start: 3px solid var(--hk-orange); background: var(--hk-light); }
.tg-native-show-page .tg-prose pre { max-width: 100%; overflow-x: auto; padding: 18px; background: var(--hk-light); }
.tg-native-show-page .tg-prose table { display: block; max-width: 100%; min-width: 0; overflow-x: auto; border-collapse: collapse; }
.tg-native-show-page .tg-prose .tg-table-scroll { overflow-x: auto; }
.tg-native-show-page .tg-prose .tg-table-scroll table { display: table; min-width: 100%; }
.tg-native-show-page .tg-prose :is(th,td) { border: 1px solid var(--hk-line); }
.tg-native-show-page .tg-prose th { background: var(--hk-light); text-align: start; }
.hk-guides-inline-help { margin-block: 36px; }
.technical-guides-page .hk-guides-inline-help h2 { font-size: 24px; line-height: 1.3; }
.hk-guides-inline-help .text-link { display: inline-flex; gap: 8px; min-height: 44px; align-items: center; color: var(--hk-orange-dark); font-weight: 700; }
.hk-guides-body-pages:empty { display: none; }
.hk-guides-body-pages:has(ul:empty) { display: none; }
.hk-guides-body-pages { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.hk-guides-body-pages a { min-width: 44px; padding: 8px 14px; border: 1px solid var(--hk-line); }
.tg-native-pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--hk-line); }
.tg-native-pager > div { padding: 22px 18px; min-width: 0; overflow-wrap: anywhere; }
.tg-native-pager > div + div { border-inline-start: 1px solid var(--hk-line); text-align: end; }
.tg-native-pager span { display: block; margin-bottom: 8px; font-size: 12px; color: var(--hk-muted); }
.tg-native-pager a { font-size: 15px; font-weight: 650; }
@media (max-width: 990px) {
  .tg-native-list-page .tg-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  :is(.tg-native-list-page, .tg-native-show-page) .site-header .nav-quote { flex: 0 1 auto; min-width: 0; padding-inline: 8px; white-space: normal; overflow-wrap: anywhere; text-align: center; }
  :is(.tg-native-list-page, .tg-native-show-page) .site-header .nav-toggle { flex-shrink: 0; }
  .tg-native-list-page .tg-list-grid, .tg-native-show-page .tg-related-grid { grid-template-columns: minmax(0, 1fr); }
  .tg-native-hero { padding-block: 28px 32px; }
  .tg-native-hero h1 { font-size: 36px; }
  .tg-native-list-page .tg-section { padding-block: 28px; }
  .tg-native-article-layout { padding-block: 28px; }
  .tg-native-toc ol { grid-template-columns: minmax(0, 1fr); padding-inline-start: 20px; }
  .hk-guides-inline-help, .tg-native-summary { padding: 20px; }
  .tg-native-pager { grid-template-columns: minmax(0, 1fr); }
  .tg-native-pager > div + div { border-inline-start: 0; border-top: 1px solid var(--hk-line); text-align: start; }
}
@media (max-width: 360px) {
  :is(.tg-native-list-page, .tg-native-show-page) .site-header .nav-quote { display: none; }
}