.heat-sinks-page { background: radial-gradient(ellipse at top right, #193b4e, #08131e 65%); animation: none; }
.heat-sinks-page .heat-sink-guide {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1000px;
  padding: 40px 32px;
  margin: 40px auto;
  border: 1px solid #365064;
  border-radius: 14px;
  background: #0d1722;
  line-height: 1.75;
}
.heat-sink-guide h1, .heat-sink-guide h2, .heat-sink-guide h3 { line-height: 1.3; }
.heat-sink-guide h2 { margin-top: 44px; scroll-margin-top: 24px; }
.heat-sink-guide li { margin-bottom: 10px; }
.heat-sink-guide a { text-underline-offset: 4px; overflow-wrap: anywhere; }
.heat-sink-guide a:focus-visible, .heat-sink-guide [tabindex]:focus-visible { outline: 2px solid #80dce8; outline-offset: 4px; }
.heat-sink-guide .article-deck { font-size: 1.15rem; color: #bed2e1; }
.heat-sink-guide figure { margin: 28px 0; }
.heat-sink-guide figcaption { margin-top: 12px; font-size: 0.85rem; color: #b5c8d7; }
.hs-contents, .hs-note { padding: 20px 24px; margin: 24px 0; background: #102130; border: 1px solid #365064; border-radius: 10px; }
.hs-contents ol { columns: 2; padding-left: 24px; margin-bottom: 0; }
.hs-contents li { break-inside: avoid; }
.hs-note { border-left: 3px solid #80dce8; }
.hs-note p:first-child { margin-top: 0; }
.hs-note p:last-child { margin-bottom: 0; }
.hs-equation { color: #9de5e8; font-family: Consolas, monospace; overflow-wrap: anywhere; }
.hs-table-scroll, .hs-diagram-scroll { overflow-x: auto; border: 1px solid #365064; border-radius: 10px; margin: 24px 0; }
.hs-diagram-scroll svg { display: block; width: 100%; min-width: 760px; height: auto; }
.heat-sink-guide table { width: 100%; min-width: 700px; border-collapse: collapse; background: #102130; font-size: 0.9rem; }
.heat-sink-guide caption { text-align: left; padding: 16px; color: #bed2e1; }
.heat-sink-guide th, .heat-sink-guide td { text-align: left; vertical-align: top; padding: 14px; border-top: 1px solid #365064; }
.heat-sink-guide th { color: #8fdee7; }
.hs-related { display: flex; flex-wrap: wrap; gap: 12px 24px; border-top: 1px solid #365064; padding-top: 24px; margin-top: 36px; }
@media (max-width: 600px) {
  .heat-sinks-page .heat-sink-guide { width: calc(100% - 16px); padding: 28px 18px; margin-block: 16px; }
  .heat-sink-guide h1 { font-size: 1.9rem; }
  .hs-contents ol { columns: 1; }
  .hs-contents, .hs-note { padding: 18px; }
}