.technology-page { background: var(--paper); color: var(--ink); --focus-ring: #236764; }
.technology-page h2 { font-size: clamp(36px, 4vw, 58px); line-height: 1.08; letter-spacing: -.035em; font-weight: 600; }
.technology-page h3 { font-size: 28px; line-height: 1.2; letter-spacing: -.02em; }
.technology-page p { max-width: 65ch; font-size: 18px; line-height: 1.65; }
.technology-explainer-intro, .technology-section-heading { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 6vw, 88px); padding-block: 72px 36px; }
.technology-explainer-intro { padding-block: 80px 40px; }
.technology-explainer-intro p:first-child, .technology-section-heading p { margin-top: 0; }
.technology-page picture { display: block; }
.technology-explainer-intro h2, .technology-section-heading h2 { margin: 0; }
.technology-comparison, .technology-challenge { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.technology-comparison > section { border-top: 1px solid var(--rule-dark); padding-top: 28px; min-width: 0; }
.technology-comparison h3 { font-size: 36px; margin: 12px 0 0; }
.technology-comparison h3 span { display: block; margin-top: 8px; font-size: 18px; font-weight: 400; letter-spacing: 0; }
.technology-page .technology-status { font-size: 14px; color: var(--violet-dark); margin: 0; }
.technology-page figure { margin: 0; }
.technology-page img { display: block; width: 100%; height: auto; }
.technology-page figcaption { font-size: 14px; line-height: 1.5; color: #515159; }
.technology-register { padding-block: 12px; }
.technology-legend { list-style: none; padding: 24px 0 40px; margin: 32px 0 0; display: flex; flex-wrap: wrap; gap: 18px 32px; font-size: 14px; }
.technology-legend li { display: flex; align-items: center; gap: 10px; }
.technology-key { width: 18px; height: 18px; flex-shrink: 0; }
.technology-key.electron { background: var(--violet-dark); border-radius: 50%; }
.technology-key.nuclear { border: 2px solid #515159; border-radius: 50%; }
.technology-key.hyperfine { height: 0; width: 28px; border-top: 2px solid #85858c; }
.technology-key.dipolar { height: 0; width: 28px; border-top: 3px dashed var(--violet-dark); }
.technology-network { border-top: 1px solid var(--rule-dark); padding-bottom: 56px; }
.technology-network figcaption { margin-top: 20px; }
.technology-challenges { padding-block: 72px; border-top: 1px solid var(--rule-dark); }
.technology-challenges-intro h2 { margin-top: 0; }
.technology-challenge { margin-top: 48px; }
.technology-challenge + .technology-challenge { padding-top: 48px; border-top: 1px solid var(--rule-dark); }
.technology-challenge > * { min-width: 0; }
.technology-challenge h3 { margin: 0 0 24px; }
.technology-challenge-copy > p:first-child { margin-top: 0; }
.technology-challenge h4 { margin: 0 0 16px; font-size: 21px; line-height: 1.35; font-weight: 600; }
.technology-challenge h4 + p { margin-top: 0; }
.technology-challenge-copy h4 { margin-top: 32px; }
.technology-challenge figure { width: 100%; max-width: 410px; justify-self: center; align-self: center; }
.technology-challenge figcaption { margin-top: 16px; }
.technology-fabrication-projects { align-self: center; }
.technology-fabrication-projects .text-link { font-size: inherit; }
.technology-page .technology-development { margin: 48px 0 0; }
@media (max-width: 800px) {
  .technology-explainer-intro, .technology-section-heading { grid-template-columns: 1fr; gap: 20px; padding-block: 48px 24px; }
  .technology-challenge { margin-top: 40px; }
  .technology-challenge + .technology-challenge { padding-top: 40px; }
  .technology-challenge figure { max-width: 300px; }
  .technology-page h2 { font-size: clamp(32px, 6vw, 44px); }
  .technology-explainer-intro { padding-bottom: 8px; }
  .technology-comparison, .technology-challenge { grid-template-columns: 1fr; gap: 40px; }
  .technology-page .technology-register { max-width: 600px; margin-inline: auto; }
  .technology-challenges { padding-block: 48px; }
  .technology-page p { font-size: 17px; }
}
@media (max-width: 580px) {
  .technology-network picture { max-width: 400px; margin-inline: auto; }
}
