/* Shared hierarchy: hero 88px, main cards 76px, nested cards 60px.
   Decorative assets never replace text, links, IDs or accessible labels. */
.icon-heading{display:flex;align-items:center;gap:14px;min-width:0}
.icon-heading>span{min-width:0}
.section-icon{display:block;width:60px;height:60px;flex:0 0 60px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));transition:transform .24s ease,filter .24s ease}
h1.icon-heading{gap:20px}
h1.icon-heading>.section-icon{width:88px;height:88px;flex-basis:88px}
.home-picker-card .section-icon{width:64px;height:64px;flex-basis:64px}
.branch h2.icon-heading{line-height:1.3;gap:12px}
.topic-card h2.icon-heading>.section-icon{width:40px;height:40px;flex-basis:40px}
.topic-card h2.icon-heading{gap:10px}
.branch:hover .section-icon,.branch:focus-visible .section-icon,.topic-card:hover .section-icon,.topic-card:focus-visible .section-icon,.home-picker-card:hover .section-icon,.home-picker-card:focus-visible .section-icon{transform:scale(1.12) rotate(-2deg);filter:drop-shadow(0 0 9px rgba(255,125,55,.3))}
.card:focus-visible .home-section-icon{transform:scale(1.12)}
.content-section>h2.icon-heading .section-icon,.theory-detail>h2.icon-heading .section-icon{width:48px;height:48px;flex-basis:48px}
#topicModalTitle.icon-heading .section-icon{width:52px;height:52px;flex-basis:52px}
#electrodeModalTitle.icon-heading{gap:8px}
#electrodeModalTitle.icon-heading .section-icon{width:38px;height:38px;flex-basis:38px}
#electrodeModalContent h4.icon-heading{gap:8px}
#electrodeModalContent h4.icon-heading .section-icon{width:28px;height:28px;flex-basis:28px}
@media(max-width:620px){
 h1.icon-heading{gap:12px}
 h1.icon-heading>.section-icon{width:64px;height:64px;flex-basis:64px}
 .branch h2.icon-heading>.section-icon{width:48px;height:48px;flex-basis:48px}
 .home-picker-card .section-icon{width:48px;height:48px;flex-basis:48px}
 .home-picker-card h2.icon-heading{gap:10px;font-size:23px}
 .electrode-modal-head-left{flex-wrap:wrap}
 #electrodeModalTitle.icon-heading{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .section-icon,.home-section-icon{transition:none!important;transform:none!important}
}