.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:#55717d;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:white;border:1px solid #d8e5e9;border-radius:20px;margin-top:24px;padding:clamp(22px,4vw,36px)}.electronic-section>p{color:#405c68;line-height:1.8}.electronic-heading{align-items:center;display:flex;gap:12px;margin-bottom:16px}.electronic-heading>span{align-items:center;background:#e8f5f8;border-radius:12px;color:#0d607d;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:#f7fafb;border:1px solid #dce8eb;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:#627a84;margin:0 0 4px}.band-visual{border:2px solid #b8d3dc;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:#66808a;display:flex;font-size:.65rem;justify-content:center}.electronic-note{align-items:start;background:#eaf6f8;border-radius:12px;color:#365761;display:grid;gap:5px;margin-top:18px;padding:15px}.electronic-note strong{color:#0d607d}.electronic-three-grid ul{color:#526d78;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:#526d78;font-size:.86rem;line-height:1.7}.electronic-two-grid aside{background:white;border-radius:10px;display:grid;font-size:.78rem;gap:5px;margin-top:16px;padding:12px}.electronic-two-grid aside strong{color:#0d607d}.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:#6a818a;line-height:1.5}.electronic-project{background:linear-gradient(135deg,#edf7f9,#f1f2ff);border:1px solid #d4e5ea;border-radius:14px;margin-top:20px;padding:20px}.electronic-project h3{margin-top:0}.electronic-project p{color:#405c68;line-height:1.7}.electronic-project small{color:#6a818a}.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}}