/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4
 * macrostructure: inherited technical article · theme: Chipsimple shared site.css
 * nav/footer: existing shared site template · scope: new article only
 */
html:has(.fuel-gauge-article), body.fuel-gauge-article { overflow-x: clip; }
.fuel-gauge-article h1, .fuel-gauge-article h2, .fuel-gauge-article h3 { min-width: 0; overflow-wrap: anywhere; font-style: normal; }
.fuel-gauge-article .breadcrumb a, .fuel-gauge-article .btn,
.fuel-gauge-article .nav-link, .fuel-gauge-article .footer-links a,
.fuel-gauge-article .footer-bottom-links a, .fuel-gauge-article .sidebar-links a { white-space: nowrap; }
.fuel-gauge-article .prose { min-width: 0; }
.fuel-gauge-article .prose > section { margin: 0; }
.fuel-gauge-article .prose a { color: var(--blue-700); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.fuel-gauge-article :is(a,button,summary):focus-visible { outline: 3px solid var(--blue-700); outline-offset: 4px; }
.fuel-gauge-article :is(.page-hero,.footer,.topbar) a:focus-visible { outline-color: var(--cyan-400); }
.fuel-gauge-article .prose figure { margin: 32px 0; }
.fuel-gauge-article .prose figure img { max-width: 100%; height: auto; }
.fuel-gauge-article .prose figcaption { margin-top: 12px; font-size: 13px; line-height: 1.8; color: var(--muted); }
.fuel-gauge-article .article-scene img, .fuel-gauge-article .bench img { width: 100%; }
.fuel-gauge-article .contents { border-block: 1px solid var(--line); margin-block: 28px; padding-block: 16px; }
.fuel-gauge-article .contents summary { font-weight: 700; cursor: pointer; color: var(--ink); min-height: 36px; }
.fuel-gauge-article .contents ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; padding-left: 24px; }
.fuel-gauge-article .contents li { margin: 0; }
.fuel-gauge-article .contents a { display: inline-block; min-height: 40px; line-height: 40px; font-size: 14px; white-space: nowrap; }
.fuel-gauge-article .formula { background: var(--surface); padding: 18px; overflow-wrap: anywhere; font-size: 15px; line-height: 1.8; }
.fuel-gauge-article .diagram { padding: 20px; background: var(--surface); }
.fuel-gauge-article .diagram svg { width: 100%; }
.fuel-gauge-article .diagram .wire { fill: none; stroke: var(--blue-700); stroke-width: 3; }
.fuel-gauge-article .diagram .resistor { fill: var(--white); stroke: var(--ink); stroke-width: 2; }
.fuel-gauge-article .diagram .node { fill: var(--blue-700); }
.fuel-gauge-article .diagram text { fill: var(--ink); font-size: 18px; }
.fuel-gauge-article .diagram .sub { font-size: 14px; fill: var(--muted); }
.fuel-gauge-article .diagram .mobile-diagram { display: none; }
.fuel-gauge-article .diagram .mobile-diagram text { font-size: 20px; }
.fuel-gauge-article .product-figure { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 20px; border-block: 1px solid var(--line); padding-block: 16px; }
.fuel-gauge-article .product-figure img { max-height: 300px; width: 100%; object-fit: contain; }
.fuel-gauge-article .product-figure strong { display: block; margin-bottom: 8px; color: var(--ink); }
.fuel-gauge-article .fuel-fault-table { overflow: visible; }
.fuel-gauge-article .fuel-fault-table table { min-width: 0; table-layout: fixed; font-size: 14px; line-height: 1.85; }
.fuel-gauge-article .fuel-fault-table :is(th,td) { padding: 12px 10px; overflow-wrap: anywhere; vertical-align: top; }
.fuel-gauge-article .safety-note { font-size: 15px; color: var(--muted); border-left: 3px solid var(--line); padding-left: 18px; }
.fuel-gauge-article .sources { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 40px; font-size: 13px; line-height: 1.9; color: var(--muted); }
.fuel-gauge-article .sources h2 { font-size: 24px; }
@media (max-width: 820px) {
  .fuel-gauge-article .page-hero { height: auto; min-height: 500px; }
  .fuel-gauge-article .page-hero.no-media .page-hero-inner { height: auto; min-height: 500px; padding-block: 36px; }
  .fuel-gauge-article .page-hero h1 { line-height: 1.25; }
}
@media (max-width: 600px) {
  .fuel-gauge-article .contents ol { grid-template-columns: minmax(0,1fr); }
  .fuel-gauge-article .product-figure { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .fuel-gauge-article .product-figure img { max-height: 280px; }
  .fuel-gauge-article .diagram { padding: 12px 6px; }
  .fuel-gauge-article .diagram .desktop-diagram { display: none; }
  .fuel-gauge-article .diagram .mobile-diagram { display: block; max-width: 360px; margin-inline: auto; }
  .fuel-gauge-article .fuel-fault-table :is(table,tbody,tr,th,td) { display: block; width: 100%; }
  .fuel-gauge-article .fuel-fault-table thead { display: none; }
  .fuel-gauge-article .fuel-fault-table tr { margin-bottom: 16px; border: 1px solid var(--line); }
  .fuel-gauge-article .fuel-fault-table th { padding: 12px 14px; }
  .fuel-gauge-article .fuel-fault-table td { border: 0; padding: 6px 14px; }
  .fuel-gauge-article .fuel-fault-table td:last-child { padding-bottom: 14px; }
  .fuel-gauge-article .fuel-fault-table td::before { content: attr(data-label) '：'; color: var(--ink); font-weight: 700; }
}