/* 技术与应用 article.
   Each large figure ships a wide and a narrow SVG; the narrow one replaces it on tablets and phones.
   Dark band: the shared diagram classes mapped to dark tokens. Coverage: six small panels in .gallery.
   Chuck force: two panels side by side. */
.tech-fig, .tech-cov, .tech-forcefig { max-width: none; }
.tech-fig .tech-narrow { display: none; }
@media (max-width: 820px) {
  .tech-fig .tech-wide { display: none; }
  .tech-fig .tech-narrow { display: block; max-width: 480px; }
}

.tech-dark .sec-head p { color: var(--dark-muted); }
.tech-chain .soft { stroke: var(--panel-line); }
.tech-chain .accent { stroke: var(--sky); }
.tech-chain .fill-ours { fill: var(--sky); }
.tech-chain figcaption { color: var(--dark-muted); }
.tech-defs { margin-top: 56px; }
.tech-defs p { text-wrap: pretty; }

.tech-cov, .tech-forcefig { margin-inline: 0; }
.tech-cov .gallery { gap: 36px 24px; }
.tech-cov figcaption { text-wrap: pretty; }
.tech-cov .dia svg { background: var(--surface); }
.tech-cov .dia figcaption { margin-top: 0; color: var(--copy); }
.tech-cov .dia figcaption b { display: block; color: var(--ink); font-size: 16px; font-weight: 500; }

.tech-ev { margin-top: clamp(48px, 7vw, 96px); }
.tech-ev .split-media { margin: 0; }
.tech-ev .split-media .media { aspect-ratio: 1400 / 1166; border: 1px solid var(--line); }
.tech-ev .split-media figcaption { color: var(--muted); }

.tech-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); }
.tech-pair svg { background: var(--paper); }
@media (max-width: 760px) { .tech-pair { grid-template-columns: minmax(0, 1fr); } }
.tech-force .prose .tech-note { font-size: 15px; color: var(--muted); }