@media (max-width: 700px) { figure svg.viz-wide { display: none !important; } }
@media (min-width: 701px) { figure svg.viz-phone { display: none !important; } }
.diagram .cap.src, .st-check .cap.src { margin-top: .35rem; font-size: .8rem; }
.st-fig a { overflow-wrap: anywhere; }
.st-chart svg { margin-inline: 0; }
.table-fig { margin: 2.2rem 0; }
.table-fig .st-tab-head { font-family: var(--font-display); font-weight: 620; font-size: 1.15rem; margin: 0 0 .2rem; }
.table-fig .spec-table { margin: .6rem 0 0; }
.table-fig thead td { border-bottom: 2px solid var(--hairline); }
.table-fig .spec-table th[scope="row"] { vertical-align: top; font-weight: 700; font-size: .95rem; letter-spacing: 0; text-transform: none; color: var(--ink); border-bottom: 1px solid var(--hairline); padding: .7rem .8rem; }
.st-two tbody td:last-child { color: var(--accent-ink); font-weight: 700; }
.table-fig tfoot td { font-size: .82rem; color: var(--ink-soft); border-bottom: 0; }
.table-fig .cap { font-size: .8rem; color: var(--ink-soft); margin: .6rem 0 0; }
@media (max-width: 640px) {
.spec-table.stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.spec-table.stack, .spec-table.stack tbody, .spec-table.stack tfoot, .spec-table.stack tr, .spec-table.stack th, .spec-table.stack td { display: block; width: 100%; }
.spec-table.stack tr { padding: .6rem 0; border-bottom: 1px solid var(--hairline); }
.spec-table.stack th[scope="row"], .spec-table.stack td { border: 0; padding: .15rem 0; }
.spec-table.stack td[data-label]::before { content: attr(data-label); display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); margin-top: .35rem; }
.spec-table.stack tfoot td { padding-top: .5rem; }
}
.st-maps .st-storm { transform-box: view-box; }
@keyframes st-storm { 0% { transform: translate(0, 0); opacity: 1; } 62% { transform: translate(76px, -48px); opacity: 1; } 74% { transform: translate(84px, -53px); opacity: 0; } 75% { transform: translate(0, 0); opacity: 0; } 88%, 100% { transform: translate(0, 0); opacity: 1; } }
.st-maps.pending.in .st-storm { animation: st-storm 5.2s var(--ease) .6s 3 both; }
@media (prefers-reduced-motion: reduce) { .st-maps .st-storm { animation: none !important; } }
.article .pic { margin: 2.2rem 0; }
.article .pic img { width: 100%; height: auto; }
.st-check { margin: 2.2rem 0; padding: 1.4rem 1.4rem .6rem; background: var(--light-wash); border-left: 4px solid var(--accent-ink); border-radius: 0 var(--radius) var(--radius) 0; }
.st-check-head { font-family: var(--font-display); font-weight: 620; font-size: 1.15rem; margin: 0 0 1rem; }
.st-check ol { list-style: none; margin: 0; padding: 0; }
.st-check li { margin: 0 0 .9rem; }
.st-check label { position: relative; display: grid; grid-template-columns: 1.5rem 1fr; gap: .75rem; align-items: start; cursor: pointer; }
.st-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.st-check .st-box { width: 1.3rem; height: 1.3rem; margin-top: .12rem; border: 2px solid var(--accent-ink); border-radius: 4px; background: var(--paper); transition: background .2s var(--ease); }
.st-check input:checked + .st-box { background: var(--accent-ink); box-shadow: inset 0 0 0 3px var(--paper); }
.st-check input:focus-visible + .st-box { outline: 2px solid var(--primary); outline-offset: 2px; }
.st-check input:checked ~ .st-ct { color: var(--ink-soft); text-decoration: line-through; text-decoration-color: var(--hairline); }
.st-check .st-by { display: block; margin-top: .15rem; font-size: .78rem; color: var(--ink-soft); }
.st-plan-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 1.4rem; align-items: center; }
.st-plan-svg { width: 100%; height: auto; }
.st-key ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.st-key li { display: grid; grid-template-columns: 26px 1fr; gap: .6rem; align-items: center; font-size: .9rem; line-height: 1.35; }
.st-key .st-sw { display: block; margin: 0; }
.st-out { margin: 1.1rem 0 0; padding: .75rem .9rem; font-size: .9rem; line-height: 1.4; background: var(--paper-shade); border-radius: 6px; }
@media (max-width: 700px) { .st-plan-grid { grid-template-columns: 1fr; } }
.st-power-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 1.2rem; align-items: center; }
.st-pl-svg { width: 100%; height: auto; border-radius: 6px; }
.st-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; counter-reset: none; }
.st-steps li { display: grid; grid-template-columns: 1.9rem 1fr; gap: .6rem; align-items: center; font-weight: 700; line-height: 1.3; }
.st-steps b { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--accent-ink); color: var(--paper); font-size: .9rem; }
.st-power .cap:not(.src) { font-weight: 700; color: var(--ink); }
@media (max-width: 700px) { .st-power-grid { grid-template-columns: 1fr; } }
.st-card { margin: 2.4rem 0; padding: 1.4rem 1.4rem 1rem; background: var(--primary-deep); color: var(--paper); border-radius: var(--radius); }
.st-card-head { font-family: var(--font-display); font-weight: 620; font-size: 1.25rem; margin: 0 0 1rem; color: var(--paper); }
.st-card ul { list-style: none; margin: 0; padding: 0; }
.st-card li { display: grid; grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); gap: .3rem 1rem; padding: .7rem 0; border-top: 1px solid rgb(255 255 255 / .16); }
.st-card .st-c-head { font-weight: 700; line-height: 1.35; color: var(--accent); }
.st-card .st-c-fact { font-weight: 700; line-height: 1.35; }
.st-card .st-c-src { grid-column: 2; font-size: .78rem; opacity: .85; }
.st-card .st-c-src a { color: var(--paper); }
@media (max-width: 640px) { .st-card li { grid-template-columns: 1fr; } .st-card .st-c-src { grid-column: 1; } }
.article .foot-refs a, .article p a { overflow-wrap: anywhere; }