.electronic-page{max-width:980px}.electronic-hero{background:radial-gradient(circle at 85% 10%,#d6f7ff 0 12%,transparent 13%),linear-gradient(135deg,#e8f8fb,#f7fbff 56%,#eef1ff);border-color:#cce4eb;position:relative}.electronic-back{color:var(--page-muted);display:inline-block;font-size:.82rem;margin-bottom:32px;text-decoration:none}.electronic-hero-mark{align-items:center;background:#0d607d;border-radius:18px;box-shadow:0 12px 30px #0d607d32;color:white;display:flex;font-size:1.6rem;font-weight:800;height:64px;justify-content:center;margin-bottom:24px;width:64px}.electronic-section{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:24px;padding:clamp(22px,4vw,36px)}.electronic-section>p{color:var(--page-muted);line-height:1.8}.electronic-heading{align-items:center;display:flex;gap:12px;margin-bottom:16px}.electronic-heading>span{align-items:center;background:var(--surface-soft);border-radius:12px;color:var(--accent);display:flex;font-size:1.2rem;height:42px;justify-content:center;width:42px}.electronic-heading h2{font-size:clamp(1.25rem,3vw,1.75rem);margin:0}.band-grid,.electronic-three-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:24px}.band-grid article,.electronic-three-grid article,.electronic-two-grid article,.magnetism-grid article{background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;padding:18px}.band-grid article{text-align:center}.band-grid h3,.electronic-three-grid h3,.electronic-two-grid h3,.magnetism-grid h3{margin:14px 0 8px}.band-grid p,.band-grid strong{display:block;font-size:.78rem}.band-grid p{color:var(--page-muted);margin:0 0 4px}.band-visual{border:2px solid var(--control-border);border-radius:10px;display:grid;height:86px;overflow:hidden}.band-visual i{background:#0d607d33;display:block}.band-visual i:last-child{background:#0d607d99}.band-visual.metal{grid-template-rows:1fr 1fr}.band-visual.semiconductor{grid-template-rows:1fr 18px 1fr}.band-visual.insulator{grid-template-rows:1fr 34px 1fr}.band-visual small{align-items:center;color:var(--page-muted);display:flex;font-size:.65rem;justify-content:center}.electronic-note{align-items:start;background:var(--surface-soft);border-radius:12px;color:var(--page-text);display:grid;gap:5px;margin-top:18px;padding:15px}.electronic-note strong{color:var(--accent)}.electronic-three-grid ul{color:var(--page-muted);display:grid;font-size:.82rem;gap:8px;line-height:1.5;list-style:none;margin:0;padding:0}.electronic-two-grid,.magnetism-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:20px}.electronic-two-grid article>p,.magnetism-grid p{color:var(--page-muted);font-size:.86rem;line-height:1.7}.electronic-two-grid aside{background:var(--surface);border-radius:10px;display:grid;font-size:.78rem;gap:5px;margin-top:16px;padding:12px}.electronic-two-grid aside strong{color:var(--accent)}.magnetism-grid article{display:grid;grid-template-columns:auto 1fr}.magnetism-grid article>span{align-self:start;background:#0d607d;border-radius:999px;color:white;font-size:.68rem;font-weight:800;grid-row:1/4;margin-right:12px;padding:5px 8px}.magnetism-grid h3{margin-top:2px}.magnetism-grid p,.magnetism-grid small{grid-column:2}.magnetism-grid small{color:var(--page-muted);line-height:1.5}.electronic-project{background:linear-gradient(135deg,#edf7f9,#f1f2ff);border:1px solid var(--line);border-radius:14px;margin-top:20px;padding:20px}.electronic-project h3{margin-top:0}.electronic-project p{line-height:1.7}.electronic-project p,.electronic-project small{color:var(--page-muted)}.electronic-cta{align-items:center;background:linear-gradient(135deg,#0d607d,#294d8a);border-radius:20px;color:white;display:flex;gap:28px;justify-content:space-between;margin-top:24px;padding:clamp(24px,5vw,42px)}.electronic-cta h2{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 8px}.electronic-cta p:not(.eyebrow){color:#d8edf4;line-height:1.7;margin-bottom:0}.electronic-cta .eyebrow{color:#8ee5f8}.electronic-cta>a{background:white;border-radius:999px;color:#0d607d;flex:0 0 auto;font-weight:800;padding:12px 17px;text-decoration:none}@media (max-width:720px){.band-grid,.electronic-three-grid,.electronic-two-grid,.magnetism-grid{grid-template-columns:1fr}.electronic-cta{align-items:stretch;flex-direction:column}.electronic-cta>a{text-align:center}}:root[data-theme=dark] .electronic-hero{background:radial-gradient(circle at 85% 10%,#164457 0 12%,transparent 13%),linear-gradient(135deg,#0d2330,#0b1724 56%,#171a36);border-color:var(--line)}:root[data-theme=dark] .electronic-project{background:linear-gradient(135deg,#102b36,#171a36);border-color:var(--line)}