/* Existing style B materials and icons; no extra HUD row or nested scroll. */
.specialization-entry{position:relative;display:block;width:100%;min-height:44px;text-align:left;padding:7px 24px 7px 0;border:0;background:none;color:#ffe1a1;margin:3px 0}
.specialization-entry>span{display:flex;gap:7px;align-items:center;font-size:12px}
.specialization-entry>span>.icon{width:18px;height:18px;flex-shrink:0}
.specialization-entry>small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#c8d9c7}
.specialization-entry>.icon{position:absolute;right:0;top:15px;width:16px;height:16px}
.development-summary>.specialization-entry{margin:0;padding-block:4px}
@media(min-width:960px){[data-hero-tab='development'] .development-summary{padding-block:8px;margin-bottom:12px}}
[data-view='specialization'] .modal-surface{height:100%;display:flex;flex-direction:column;min-height:0;padding:0}
.specialization-chrome{padding:18px 22px 12px;flex-shrink:0;border-bottom:1px solid #627d80}
[data-view='specialization'] .modal-header{margin:0;position:static;padding:0;box-shadow:none}
.specialization-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 22px;scroll-padding-block:14px}
.specialization-body button{scroll-margin-block:14px}
.specialization-body>.modal-feedback{position:absolute;z-index:6;bottom:78px;left:16px;right:16px;max-width:620px;margin:0 auto;pointer-events:none;box-shadow:0 4px 20px #102e40aa}
.specialization-intro{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:12px}
.specialization-intro h3{font-size:19px;color:#ffe1a1}
.specialization-intro p,.specialization-rule,.specialization-forecast-title{font-size:12px;line-height:1.5;color:#cadbd1;margin-top:7px}
.specialization-intro>span{max-width:210px;flex-shrink:0;font-size:11px;line-height:1.5;color:#d9e5af;text-align:right}
.specialization-forecast-title{margin-bottom:12px}
.specialization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.specialization-card{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid #68858a;border-radius:9px;background:#193b4e}
.specialization-card.is-selected{border-color:#f5bc4b;box-shadow:inset 0 0 0 1px #f5bc4b;background:#304f55}
.specialization-card-heading{display:flex;align-items:center;gap:10px}
.specialization-card-heading>.icon{width:28px;height:28px;flex-shrink:0;color:#f5bc4b}
.specialization-card-heading h3{font-size:20px;color:#ffe1a1}
.specialization-card-heading small{display:block;margin-top:4px;font-size:10px;color:#c7d7cf}
.specialization-card-heading>span{margin-left:auto;font-size:10px;color:#c4dda7}
.specialization-effect{font-size:13px;line-height:1.6;min-height:84px;margin:14px 0 10px}
.specialization-perk{padding:10px;border:1px solid #688082;border-radius:6px;background:#23475b;margin-bottom:12px}
.specialization-perk>strong{display:block;font-size:12px;color:#e4ce8f}
.specialization-perk>small{display:block;min-height:55px;font-size:11px;line-height:1.5;color:#c9d9d2;margin-top:5px}
.specialization-comparison{display:grid;gap:7px;font-size:11px;line-height:1.5;padding-block:6px 12px}
.specialization-comparison>.is-win{color:#c6e5a0}.specialization-comparison>.is-loss{color:#e8bc9d}
.specialization-locked{font-size:12px;line-height:1.5;color:#c1d2ca;margin-bottom:16px}
.specialization-select{min-height:44px;width:100%;font-size:12px;margin-top:auto}
.specialization-card>.secondary-button{margin-top:auto}
.specialization-footer{display:flex;gap:10px;flex-shrink:0;padding:12px 22px;border-top:1px solid #627d80;background:#203e51}
.specialization-footer>button{flex:1;min-width:0;min-height:44px;margin:0;font-size:12px;padding:8px}
@media(max-width:959px){.specialization-grid{grid-template-columns:1fr}.specialization-effect{min-height:0;margin:10px 0}.specialization-perk>small{min-height:0}.specialization-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.specialization-card-heading{grid-column:1/-1}.specialization-comparison{grid-column:1/2}.specialization-select{grid-column:2/3;align-self:end}.specialization-intro>span{max-width:170px}}
@media(max-width:639px){.specialization-chrome{padding:14px 16px 10px}.specialization-body{padding:12px 16px}.specialization-intro{display:block}.specialization-intro>span{display:block;max-width:none;text-align:left;margin-top:6px}.specialization-card{display:flex;padding:12px}.specialization-perk{margin-bottom:8px}.specialization-footer{padding:10px 12px;gap:6px}.specialization-footer>button{font-size:10px}.specialization-entry>small{max-height:28px;overflow:hidden}}
@media(max-height:500px){.specialization-chrome{padding-block:8px}.specialization-intro p{display:none}.specialization-footer{padding-block:8px}}