.technical-guide .article-hero-grid { align-items: center; }
.technical-guide .article-hero h1 { max-width: 24ch; font-size: clamp(2.2rem, 4vw, 3.65rem); }
.technical-guide .article-hero-media img { width: 100%; height: auto; object-fit: contain; }
.technical-guide .article-hero-media { min-width: 0; }
.technical-guide .article-layout { grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); }
.technical-guide .article-body { max-width: 78ch; overflow-wrap: anywhere; }
.technical-guide .article-body p, .technical-guide .article-body li { line-height: 1.8; }
.technical-guide .article-body li + li { margin-top: 12px; }
.technical-guide .article-toc a { padding-block: 10px; line-height: 1.5; }
.technical-guide .article-toc { display: block; align-self: start; max-height: calc(100dvh - 160px); overflow-y: auto; }
.technical-guide .control-table-wrap { max-width: 100%; overflow-x: auto; margin-block: 28px; border: 1px solid #d8e3e9; }
.technical-guide .control-table { min-width: 550px; width: 100%; overflow-wrap: normal; }
.technical-guide .control-table:has(thead tr > :nth-child(2):last-child) { min-width: 0; table-layout: fixed; }
.technical-guide .control-table:has(thead tr > :nth-child(2):last-child) tr > :first-child { width: 34%; }
.technical-guide .control-table th, .technical-guide .control-table td { padding: 16px; text-align: left; vertical-align: top; line-height: 1.65; }
.technical-guide .control-table caption { text-align: left; padding: 16px; color: #536b7a; font-size: .88rem; }
.technical-guide .article-body a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.technical-guide .article-summary .button { white-space: normal; text-align: center; max-width: 100%; }
.technical-guide .article-body section { scroll-margin-top: 126px; }
.technical-guide .article-meta { flex-wrap: wrap; gap: 12px 22px; }
.technical-guide .guide-takeaway { margin-top: 0; }
.new-guide-card img { object-fit: contain; background: #f1f5f7; padding: 16px; }
.technical-guide a:focus-visible, .technical-guide [tabindex]:focus-visible { outline: 3px solid #1d668f; outline-offset: 4px; }
@media (max-width: 900px) {
  .technical-guide .article-layout { grid-template-columns: minmax(0, 1fr); }
  .technical-guide .article-toc { position: static; max-height: none; border-bottom: 1px solid #d8e3e9; padding-bottom: 24px; }
  .technical-guide .article-toc a { display: block; }
}
@media (max-width: 600px) {
  .technical-guide .article-hero-media { padding: 16px; }
  .technical-guide .article-layout { gap: 30px; padding-block: 38px 54px; }
  .technical-guide .article-body h2 { font-size: clamp(1.55rem, 7vw, 2rem); }
  .technical-guide .article-body ul, .technical-guide .article-body ol { padding-left: 22px; }
}
@media print {
  .technical-guide .article-toc, .technical-guide .article-related, .technical-guide .learning-enquiry { display: none; }
  .technical-guide .article-layout, .technical-guide .article-hero-grid { display: block; }
  .technical-guide .article-body { max-width: none; }
  .technical-guide .control-table-wrap { overflow: visible; }
  .technical-guide .control-table { min-width: 0; font-size: 9pt; }
  .technical-guide .article-body section { break-inside: auto; }
  .technical-guide figure, .technical-guide tr { break-inside: avoid; }
}