/* ============================================================
   cp-base.css — replaces bootstrap.min.css (155 KB) with only
   the rules these pages actually use (~4 KB).
   Load order matters: include AFTER stylenew.css / menustyle.css,
   in the same position bootstrap.min.css used to occupy, so the
   cascade (and therefore the rendering) stays identical.
   ============================================================ */

/* ---- 1. Base / reboot subset (Bootstrap 5.0 defaults the pages rely on) ---- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.375rem + 1.5vw)}
h2{font-size:calc(1.325rem + .9vw)}
h3{font-size:calc(1.3rem + .6vw)}
h4{font-size:calc(1.275rem + .3vw)}
h5{font-size:1.25rem}
h6{font-size:1rem}
@media (min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:.875em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
[hidden]{display:none!important}

/* ---- 2. Layout: container + footer grid ---- */
.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:.75rem;padding-left:.75rem}
@media (min-width:768px){.col-md-2{flex:0 0 auto;width:16.6666667%}}

/* ---- 3. Utilities used by header/footer/breadcrumb ---- */
.d-flex{display:flex!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.img-fluid{max-width:100%;height:auto}
.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}

/* ---- 4. Accordion / collapse (visuals; behaviour lives in cp-main.js) ---- */
.collapse:not(.show){display:none}
.accordion-header{margin-bottom:0}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none}

/* ---- 5. Anchor offset for the fixed header (replaces the jQuery
        smooth-scroll handler; html{scroll-behavior:smooth} is already
        set in stylenew.css) ---- */
#middleMain h2[id],#middleMain h3[id],#middleMain h4[id]{scroll-margin-top:150px}