/* KUSTOS: common navigation, agreed 26.oct.2026.
   Dark headings retain white text in normal, active, hover and mobile states. */
#tabs > button[data-view="budget"],
#tabs > button[data-view="budget"].active,
#tabs > .divider {
 display:block;width:100%;min-height:52px;margin:18px 0 10px;padding:15px 13px;
 border:1px solid #303c3c;border-left:5px solid #f28c00;border-radius:5px;
 background:#303c3c;color:#fff;opacity:1;text-align:left;
 font-size:16px;font-weight:800;line-height:1.25;letter-spacing:.045em;text-transform:uppercase;
}
#tabs > button[data-view="budget"]:hover,
#tabs > button[data-view="budget"].active:hover {background:#3b4a4a;color:#fff;border-color:#3b4a4a;border-left-color:#f28c00}
#tabs > button[data-view="budget"].active {box-shadow:inset 0 0 0 1px #f28c00}
#tabs > button[data-view="budget"]:focus-visible {outline:3px solid #f28c00;outline-offset:3px}
#tabs > button[data-view="budget"] > span {color:#fff}
#tabs > button[data-view="budget"] small {display:block;float:none;color:#fff;opacity:.85;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.04em;margin:6px 0 0;white-space:normal}
#tabs > .divider {cursor:default}
@media(max-width:1000px){
 #tabs > button[data-view="budget"],#tabs > button[data-view="budget"].active,#tabs > .divider {font-size:16px;white-space:normal;flex:none;color:#fff;background:#303c3c}
 #tabs > button[data-view="budget"]:hover,#tabs > button[data-view="budget"].active:hover {background:#3b4a4a;color:#fff}
}