/* ---------------------------------------------------------------------------
   skroll grid + reboot shim  — replaces Bootstrap 5.2.0 (~193KB) with only what
   skroll.net actually uses: box-sizing/body reboot, the grid (container, row,
   col-*, offset-*), four utilities and the breadcrumb base. Values match
   Bootstrap 5.2 exactly, and this file loads in Bootstrap's old slot (before
   style.css) so the theme still overrides on top. Regenerated, not hand-typed.
--------------------------------------------------------------------------- */

/* Reboot essentials (Bootstrap 5.2 values; the theme sets the rest) */
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;}
p{margin-top:0;margin-bottom:1rem;}
ol,ul{margin-top:0;margin-bottom:1rem;}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0;}
b,strong{font-weight:bolder;}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25;}
img,svg{vertical-align:middle;}
button,input,optgroup,select,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{cursor:pointer;}
table{border-collapse:collapse;}

/* Containers */
.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 + columns (Bootstrap 5.2 gutter model) */
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x));}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y);}
@media (min-width:576px){
  .col-sm-1{flex:0 0 auto;width:8.33333333%;}
  .col-sm-2{flex:0 0 auto;width:16.66666667%;}
  .col-sm-3{flex:0 0 auto;width:25%;}
  .col-sm-4{flex:0 0 auto;width:33.33333333%;}
  .col-sm-5{flex:0 0 auto;width:41.66666667%;}
  .col-sm-6{flex:0 0 auto;width:50%;}
  .col-sm-7{flex:0 0 auto;width:58.33333333%;}
  .col-sm-8{flex:0 0 auto;width:66.66666667%;}
  .col-sm-9{flex:0 0 auto;width:75%;}
  .col-sm-10{flex:0 0 auto;width:83.33333333%;}
  .col-sm-11{flex:0 0 auto;width:91.66666667%;}
  .col-sm-12{flex:0 0 auto;width:100%;}
  .offset-sm-0{margin-left:0;}
  .offset-sm-1{margin-left:8.33333333%;}
  .offset-sm-2{margin-left:16.66666667%;}
  .offset-sm-3{margin-left:25%;}
  .offset-sm-4{margin-left:33.33333333%;}
  .offset-sm-5{margin-left:41.66666667%;}
  .offset-sm-6{margin-left:50%;}
  .offset-sm-7{margin-left:58.33333333%;}
  .offset-sm-8{margin-left:66.66666667%;}
  .offset-sm-9{margin-left:75%;}
  .offset-sm-10{margin-left:83.33333333%;}
  .offset-sm-11{margin-left:91.66666667%;}
}
@media (min-width:768px){
  .col-md-1{flex:0 0 auto;width:8.33333333%;}
  .col-md-2{flex:0 0 auto;width:16.66666667%;}
  .col-md-3{flex:0 0 auto;width:25%;}
  .col-md-4{flex:0 0 auto;width:33.33333333%;}
  .col-md-5{flex:0 0 auto;width:41.66666667%;}
  .col-md-6{flex:0 0 auto;width:50%;}
  .col-md-7{flex:0 0 auto;width:58.33333333%;}
  .col-md-8{flex:0 0 auto;width:66.66666667%;}
  .col-md-9{flex:0 0 auto;width:75%;}
  .col-md-10{flex:0 0 auto;width:83.33333333%;}
  .col-md-11{flex:0 0 auto;width:91.66666667%;}
  .col-md-12{flex:0 0 auto;width:100%;}
  .offset-md-0{margin-left:0;}
  .offset-md-1{margin-left:8.33333333%;}
  .offset-md-2{margin-left:16.66666667%;}
  .offset-md-3{margin-left:25%;}
  .offset-md-4{margin-left:33.33333333%;}
  .offset-md-5{margin-left:41.66666667%;}
  .offset-md-6{margin-left:50%;}
  .offset-md-7{margin-left:58.33333333%;}
  .offset-md-8{margin-left:66.66666667%;}
  .offset-md-9{margin-left:75%;}
  .offset-md-10{margin-left:83.33333333%;}
  .offset-md-11{margin-left:91.66666667%;}
}
@media (min-width:992px){
  .col-lg-1{flex:0 0 auto;width:8.33333333%;}
  .col-lg-2{flex:0 0 auto;width:16.66666667%;}
  .col-lg-3{flex:0 0 auto;width:25%;}
  .col-lg-4{flex:0 0 auto;width:33.33333333%;}
  .col-lg-5{flex:0 0 auto;width:41.66666667%;}
  .col-lg-6{flex:0 0 auto;width:50%;}
  .col-lg-7{flex:0 0 auto;width:58.33333333%;}
  .col-lg-8{flex:0 0 auto;width:66.66666667%;}
  .col-lg-9{flex:0 0 auto;width:75%;}
  .col-lg-10{flex:0 0 auto;width:83.33333333%;}
  .col-lg-11{flex:0 0 auto;width:91.66666667%;}
  .col-lg-12{flex:0 0 auto;width:100%;}
  .offset-lg-0{margin-left:0;}
  .offset-lg-1{margin-left:8.33333333%;}
  .offset-lg-2{margin-left:16.66666667%;}
  .offset-lg-3{margin-left:25%;}
  .offset-lg-4{margin-left:33.33333333%;}
  .offset-lg-5{margin-left:41.66666667%;}
  .offset-lg-6{margin-left:50%;}
  .offset-lg-7{margin-left:58.33333333%;}
  .offset-lg-8{margin-left:66.66666667%;}
  .offset-lg-9{margin-left:75%;}
  .offset-lg-10{margin-left:83.33333333%;}
  .offset-lg-11{margin-left:91.66666667%;}
}
@media (min-width:1200px){
  .col-xl-1{flex:0 0 auto;width:8.33333333%;}
  .col-xl-2{flex:0 0 auto;width:16.66666667%;}
  .col-xl-3{flex:0 0 auto;width:25%;}
  .col-xl-4{flex:0 0 auto;width:33.33333333%;}
  .col-xl-5{flex:0 0 auto;width:41.66666667%;}
  .col-xl-6{flex:0 0 auto;width:50%;}
  .col-xl-7{flex:0 0 auto;width:58.33333333%;}
  .col-xl-8{flex:0 0 auto;width:66.66666667%;}
  .col-xl-9{flex:0 0 auto;width:75%;}
  .col-xl-10{flex:0 0 auto;width:83.33333333%;}
  .col-xl-11{flex:0 0 auto;width:91.66666667%;}
  .col-xl-12{flex:0 0 auto;width:100%;}
  .offset-xl-0{margin-left:0;}
  .offset-xl-1{margin-left:8.33333333%;}
  .offset-xl-2{margin-left:16.66666667%;}
  .offset-xl-3{margin-left:25%;}
  .offset-xl-4{margin-left:33.33333333%;}
  .offset-xl-5{margin-left:41.66666667%;}
  .offset-xl-6{margin-left:50%;}
  .offset-xl-7{margin-left:58.33333333%;}
  .offset-xl-8{margin-left:66.66666667%;}
  .offset-xl-9{margin-left:75%;}
  .offset-xl-10{margin-left:83.33333333%;}
  .offset-xl-11{margin-left:91.66666667%;}
}

/* Utilities used on the site */
.text-center{text-align:center !important;}
.text-uppercase{text-transform:uppercase !important;}
.justify-content-center{justify-content:center !important;}
.align-items-center{align-items:center !important;}

/* Breadcrumb base (theme styles the separators + colours) */
.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin-bottom:1rem;list-style:none;}
