:root {
  --mod-scale-10:  3.247rem;
  --mod-scale-9:   2.887rem;
  --mod-scale-8:   2.566rem;
  --mod-scale-7:   2.281rem;
  --mod-scale-6:   2.027rem;
  --mod-scale-5:   1.802rem;
  --mod-scale-4:   1.602rem;
  --mod-scale-3:   1.424rem;
  --mod-scale-2:   1.266rem;
  --mod-scale-1:   1.125rem;
  --rem:           1rem;
  --base:          var(--rem);
  --mod-scale-neg1:   .889rem;
  --mod-scale-neg2:   .7901rem;

  --theta:          .95rem; 
  --iota:           var(--mod-scale-neg1);
  --bourgeois:      var(--iota); 

  

  --kappa:          0.833rem;
  --lambda:         0.75rem;

  
  --p-size-gk:      var(--mod-scale-4); 
  --p-size-g1:      var(--mod-scale-3); 
  --p-size-g2:      var(--mod-scale-3); 
  --p-size-g3:      var(--mod-scale-2); 
  --p-size-g4:      var(--mod-scale-1); 
  --p-size-g5:      var(--mod-scale-1); 
  --p-size-teacher: var(--base);  
  --p-size:         var(--p-size-teacher);
}



:root {
   --content-width: 40rem;
   --content-width-landing: 66rem;
   
   --rhythm:  .7;
}

@media (min-width: 40rem) {
   :root {
      --rhythm:  .75;
   }
}



:root {
  --rule-maximum:      .3rem;
  --rule-mega:         .2rem;
  --rule-medium:       .1rem;
  --rule-minimum:      .075rem;
  --rule-micro:        .05rem;
}



:root {
  --spacious:                      2.5rem;
  --relaxed:                       1.5rem;
  --classic:                       1rem;
  --fitted:                        0.5rem;
  --tight:                         0.25rem;
  --college-rule:                  2.01260rem; 
  --wide-rule:                     2.46614rem; 
  --neg-classic-plus-rule-maximum: -1.3rem;
}



:root {

   --bp-nano-minus: 319px;
   --bp-nano: 320px;
   --bp-micro-minus: 410px;
   --bp-micro: 411px;
   --bp-min-minus: 536px;
   --bp-min: 537px;
   --bp-mid-minus: 767px;
   --bp-mid: 768px;
   --bp-mega-minus: 1024px;
   --bp-mega: 1024px;
   --bp-max-minus: 1319px;
   --bp-max: 1320px;
}





:root {
  

    --our-primary-orange:       #f25e35;
    --our-globalnav-orange:     rgb(241,89,42);   
    --our-primary-dark-orange:  #d83e00;
    --our-primary-yellow:       #feb300;
    --our-primary-gray:         #685d55;
    --our-primary-dark-gray:    #3e2e2f;

    --black:                       #000000; 
    --dark-gray:                   #4c4c4c; 
    --med-gray:                    #bfbfbf; 
    --gray:                        rgb(84%, 84%, 84%); 
    --light-gray:                  #ebebeb; 
    --lightest-gray:               #f5f5f5; 
    --whisper:                     rgb(98%, 98%, 98%); 
    --white:                       #ffffff;

    --text:                       var(--our-primary-dark-gray);
    --accent:                     var(--our-primary-dark-orange); 
    --highlight:                  var(--our-primary-yellow);
    --highlight-tint4:            #ffe199; 
    --highlight-tint3:            #ffe8b2; 
    --highlight-tint2:            #fff0cc; 
    --highlight-tint1:            #fff7e5; 

    

    --green-dark:       #00682c; 
    --green-medium:     #008037;
    --green-bright:     #34ab1e;
    --green-tint4:      #99ccaf;
    --green-tint3:      #b2d9c3;
    --green-tint2:      #cce6d7;
    --green-tint1:      #e5f2eb;

    --yellow-green-dark:       #44693D; 
    --yellow-green-medium:     #4A7729; 
    --yellow-green-bright:     #7eba00;
    --yellow-green-tint4:      #b7c9a9; 
    --yellow-green-tint3:      #c9d6bf; 
    --yellow-green-tint2:      #dbe4d4; 
    --yellow-green-tint1:      #edf1ea; 

    --teal-dark:       #006359; 
    --teal-medium:     #008074;
    --teal-bright:     #00a78a;
    --teal-tint4:      #99ccc7;
    --teal-tint3:      #b2d9d5;
    --teal-tint2:      #cce6e3;
    --teal-tint1:      #e5f2f1;

    --sky-dark:       #0069ae; 
    --sky-medium:     #007eb6;
    --sky-bright:     #0091c6;
    --sky-tint4:      #99cbe2;
    --sky-tint3:      #b2d8e9;
    --sky-tint2:      #cce5f0;
    --sky-tint1:      #e5f2f8;

    --ocean-dark:       #0064c3; 
    --ocean-medium:     #0064c3;
    --ocean-bright:     #004cb3;
    --ocean-tint4:      #99c1e7;
    --ocean-tint3:      #b2d0ed;
    --ocean-tint2:      #cce0f3;
    --ocean-tint1:      #e5eff9;

    --purple-dark:       #68389f; 
    --purple-medium:     #894ba4;
    --purple-bright:     #50217e;
    --purple-tint4:      #cfb7db;
    --purple-tint3:      #dbc9e4;
    --purple-tint2:      #e7dbed;
    --purple-tint1:      #f3edf6;

    --magenta-dark:       #6b1667; 
    --magenta-medium:     #920793;
    --magenta-bright:     #920793;
    --magenta-tint4:      #d39cd4;
    --magenta-tint3:      #deb5df;
    --magenta-tint2:      #e9cde9;
    --magenta-tint1:      #f4e6f4;

    --pink-dark:       #a1004d; 
    --pink-medium:     #cb0056;
    --pink-bright:     #cb0056;
    --pink-tint4:      #ea99bb;
    --pink-tint3:      #efb2cc;
    --pink-tint2:      #f5ccdd;
    --pink-tint1:      #fae5ee;

    --red-dark:       #bb0012; 
    --red-medium:     #d62d07;
    --red-bright:     #d62d07;
    --red-tint4:      #efab9c;
    --red-tint3:      #f3c0b5;
    --red-tint2:      #f7d5cd;
    --red-tint1:      #fbeae6;

    --orange-dark:       #a43c12; 
    --orange-medium:     #b94f00;
    --orange-bright:     #e47113;
    --orange-tint4:      #e3b999;
    --orange-tint3:      #eacab2;
    --orange-tint2:      #f1dccc;
    --orange-tint1:      #f8ede5;
}



.fill-primary-orange {
  fill: #f25e35;
  fill: var(--our-primary-orange);
}

.fill-primary-yellow {
  fill: #feb300;
  fill: var(--our-primary-yellow);
}

.fill-primary-gray {
  fill: #685d55;
  fill: var(--our-primary-gray);
}

.fill-highlight {
  fill: #feb300;
  fill: var(--highlight);
}





* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  background: #ffffff;
  background: var(--white);
}

@media print {
  body {
    background: none;
  }
}

a {
  color: inherit;
  text-decoration-thickness: auto;
}





img {
  max-width: 100%;
}



.h-max-height--auto {
}

.h-max-height--1-lines {
  width: auto;
  max-height: 2.0126rem;
  max-height: calc(1*var(--college-rule));
}

.h-max-height--2-lines {
  width: auto;
  max-height: 4.0252rem;
  max-height: calc(2*var(--college-rule));
}

.h-max-height--3-lines {
  width: auto;
  max-height: 6.0378rem;
  max-height: calc(3*var(--college-rule));
}

.h-max-height--4-lines {
  width: auto;
  max-height: 8.0504rem;
  max-height: calc(4*var(--college-rule));
}

.h-max-height--5-lines {
  width: auto;
  max-height: 10.063rem;
  max-height: calc(5*var(--college-rule));
}

.h-max-height--6-lines {
  width: auto;
  max-height: 12.0756rem;
  max-height: calc(6*var(--college-rule));
}

.h-max-height--7-lines {
  width: auto;
  max-height: 14.0882rem;
  max-height: calc(7*var(--college-rule));
}

.h-max-height--8-lines {
  width: auto;
  max-height: 16.1008rem;
  max-height: calc(8*var(--college-rule));
}

.h-max-height--9-lines {
  width: auto;
  max-height: 18.1134rem;
  max-height: calc(9*var(--college-rule));
}

.h-max-height--10-lines {
  width: auto;
  max-height: 20.126rem;
  max-height: calc(10*var(--college-rule));
}

.h-max-height--11-lines {
  width: auto;
  max-height: 22.1386rem;
  max-height: calc(11*var(--college-rule));
}

.h-max-height--12-lines {
  width: auto;
  max-height: 24.1512rem;
  max-height: calc(12*var(--college-rule));
}

.h-max-height--13-lines {
  width: auto;
  max-height: 26.1638rem;
  max-height: calc(13*var(--college-rule));
}

.h-max-height--14-lines {
  width: auto;
  max-height: 28.1764rem;
  max-height: calc(14*var(--college-rule));
}

.h-max-height--15-lines {
  width: auto;
  max-height: 30.189rem;
  max-height: calc(15*var(--college-rule));
}

.h-max-height--16-lines {
  width: auto;
  max-height: 32.2016rem;
  max-height: calc(16*var(--college-rule));
}

.h-max-height--17-lines {
  width: auto;
  max-height: 34.2142rem;
  max-height: calc(17*var(--college-rule));
}

.h-max-height--18-lines {
  width: auto;
  max-height: 36.2268rem;
  max-height: calc(18*var(--college-rule));
}

.h-max-height--19-lines {
  width: auto;
  max-height: 38.2394rem;
  max-height: calc(19*var(--college-rule));
}

.h-max-height--20-lines {
  width: auto;
  max-height: 40.252rem;
  max-height: calc(20*var(--college-rule));
}

.h-max-height--21-lines {
  width: auto;
  max-height: 42.2646rem;
  max-height: calc(21*var(--college-rule));
}

.h-max-height--22-lines {
  width: auto;
  max-height: 44.2772rem;
  max-height: calc(22*var(--college-rule));
}

.h-max-height--23-lines {
  width: auto;
  max-height: 46.2898rem;
  max-height: calc(23*var(--college-rule));
}

.h-max-height--24-lines {
  width: auto;
  max-height: 48.3024rem;
  max-height: calc(24*var(--college-rule));
}





html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  margin: 0;
  padding: 0;
  background: #3e2e2f;
  background: var(--our-primary-dark-gray)
}

body:not(:has(> .l-layout)) {
    background: #ffffff;
    background: var(--white);
  }



.l-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  background: var(--white);
}

.l-layout__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.l-layout__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-layout__footer {
  background: #3e2e2f;
  background: var(--our-primary-dark-gray);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.l-layout__main { 
  padding: 0 1rem 2rem

}

@media (min-width: 1024px) {
    .l-layout__main {
      padding: 0 2rem 3rem;
    }
  }

@media print {
    .l-layout__main {
      margin: 0;
      max-width: 6.5in;
      min-height: 9in;
      padding: 0;
    }
  }

.l-layout__main .l-layout__main { 
  padding: 0;
}

.l-measure { 
  max-width: 40rem;
  max-width: var(--content-width);
}



.l-layout__presentation {
}

.l-layout__presentation .l-layout__main { 
  max-width: 42rem;
  max-width: calc(var(--content-width) + 2rem)
}

@media (min-width: 1024px) {
    .l-layout__presentation .l-layout__main {
      max-width: 44rem;
      max-width: calc(var(--content-width) + 4rem);
    }
  }



.l-layout__main_landing { 
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 66rem;
  max-width: var(--content-width-landing);
  padding: 2rem 1rem 3rem
}

@media (min-width: 1024px) {
    .l-layout__main_landing {
      padding: 3rem 2rem 4rem;
    }
  }

.l-layout__main_landing .l-measure {
  margin: auto;
}



.l-layout__content-outer {
}

.l-layout__content-inner {
  display: grid;
  grid-template-areas:
    "navigation"
    "main"
    "prevtopnext";
  grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
  grid-template-rows: max-content 1fr max-content
}

@media (min-width: 1024px) {
    .l-layout__content-inner {
      grid-template-areas:
        "navigation gutter-left main gutter-right"
        "navigation prevtopnext prevtopnext prevtopnext";
      grid-template-rows: 1fr -webkit-max-content;
      grid-template-rows: 1fr max-content;
      grid-template-columns: minmax(16rem,1fr) 0 2fr 0; 
      -webkit-transition: grid-template-columns .5s;
      transition: grid-template-columns .5s;
      transition: grid-template-columns .5s, -ms-grid-columns .5s;
    }
  }

.l-layout__navigation {
  grid-area: navigation;
  background: var(--theme-dark);
  opacity: 1;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

@media (min-width: 1024px) {
    .l-layout__navigation {
      text-align: right;
    }
  }

.l-layout__content-inner .l-layout__main { 
  grid-area: main;
}

.l-layout__prevtopnext {
  grid-area: prevtopnext;
}

.l-layout.is-demo,
.l-layout.is-demo [class^="l-layout"] {
  border: 1px solid #bfbfbf;
  border: 1px solid var(--med-gray);
  background: none;
}



.l-layout_guidance-window {
  all: unset;
  display: block;
}

.l-layout_guidance-window .l-layout__navigation {
  all: unset;
  position: sticky;
  display: block; 
  top: 0;
  z-index: 2;
}

.l-layout_guidance-window .l-layout__main {
  max-width: 42rem;
  max-width: calc(var(--content-width) + 2rem);
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 1024px) {
    .l-layout_guidance-window .l-layout__main {
      max-width: 44rem;
      max-width: calc(var(--content-width) + 4rem);
    }
  }



.c-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: none;
      flex-wrap: none;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin: 2rem -1rem 
}

.c-grid:first-child {
    margin-top: 0;
  }

.c-grid:last-child {
    margin-bottom: 0;
  }

.c-grid__col {
  margin: 0 1rem; 
  overflow: hidden; 
}

.c-grid__col > :first-child {
  margin-top: 0;
}



.c-grid__col_span1 {
  -webkit-box-flex: 8.33333%;
      -ms-flex: 8.33333%;
          flex: 8.33333%;
}

.c-grid__col_span2 {
  -webkit-box-flex: 16.66667%;
      -ms-flex: 16.66667%;
          flex: 16.66667%;
}

.c-grid__col_span3 {
  -webkit-box-flex: 25%;
      -ms-flex: 25%;
          flex: 25%;
}

.c-grid__col_span4 {
  -webkit-box-flex: 33.33333%;
      -ms-flex: 33.33333%;
          flex: 33.33333%;
}

.c-grid__col_span5 {
  -webkit-box-flex: 41.66667%;
      -ms-flex: 41.66667%;
          flex: 41.66667%;
}

.c-grid__col_span6 {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}

.c-grid__col_span7 {
  -webkit-box-flex: 58.33333%;
      -ms-flex: 58.33333%;
          flex: 58.33333%;
}

.c-grid__col_span8 {
  -webkit-box-flex: 66.66667%;
      -ms-flex: 66.66667%;
          flex: 66.66667%;
}

.c-grid__col_span9 {
  -webkit-box-flex: 75%;
      -ms-flex: 75%;
          flex: 75%;
}

.c-grid__col_span10 {
  -webkit-box-flex: 83.33333%;
      -ms-flex: 83.33333%;
          flex: 83.33333%;
}

.c-grid__col_span11 {
  -webkit-box-flex: 91.66667%;
      -ms-flex: 91.66667%;
          flex: 91.66667%;
}

.c-grid__col_span12 {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}





:root {
  --col_1of12: calc((100% - 11*var(--relaxed))/12);
  --col_2of12: calc(var(--col_1of12)*2 + var(--relaxed)*1);
  --col_3of12: calc(var(--col_1of12)*3 + var(--relaxed)*2);
  --col_4of12: calc(var(--col_1of12)*4 + var(--relaxed)*3);
  --col_5of12: calc(var(--col_1of12)*5 + var(--relaxed)*4);
  --col_6of12: calc(var(--col_1of12)*6 + var(--relaxed)*5);
  --col_7of12: calc(var(--col_1of12)*7 + var(--relaxed)*6);
  --col_8of12: calc(var(--col_1of12)*8 + var(--relaxed)*7);
  --col_9of12: calc(var(--col_1of12)*9 + var(--relaxed)*8);
  --col_10of12: calc(var(--col_1of12)*10 + var(--relaxed)*9);
  --col_11of12: calc(var(--col_1of12)*11 + var(--relaxed)*10);
}

.our-grid-container,
.our-grid-container .our-grid-container {
  list-style: none;
  margin: 0;
  padding: 0;
}

.l-grid {
  margin: 0;
  padding: 0
}

@media (min-width: 768px) {
    .l-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -1rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid;
    }
  }

@media print {
    .l-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 100%;
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid;
    }
  }

.l-grid.has-margin {
  margin-top: 2rem;
}

.l-grid__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% - 16.5rem)/12);
          flex: 1 1 calc((100% - 16.5rem)/12);
  -ms-flex: 1 1 var(--col_1of12);
      flex: 1 1 var(--col_1of12);
  margin-bottom: 2rem
}

@media (min-width: 768px) {
    .l-grid__col {
      margin: 0 1rem;
    }
  }

@media print {
    .l-grid__col {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
      margin: 0 1rem;
    }
  }

.l-grid__col_1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12);
          flex: 0 0 calc((100% - 16.5rem)/12);
  -ms-flex: 0 0 var(--col_1of12);
      flex: 0 0 var(--col_1of12)
}

@media print {
    .l-grid__col_1 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
    }
  }

.l-grid__col_2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*2 + 1.5rem);
          flex: 0 0 calc((100% - 16.5rem)/12*2 + 1.5rem);
  -ms-flex: 0 0 var(--col_2of12);
      flex: 0 0 var(--col_2of12)
}

@media print {
    .l-grid__col_2 {
      -webkit-box-flex: 2;
          -ms-flex: 2 1 0px;
              flex: 2 1 0;
    }
  }

.l-grid__col_3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*3 + 3rem);
          flex: 0 0 calc((100% - 16.5rem)/12*3 + 3rem);
  -ms-flex: 0 0 var(--col_3of12);
      flex: 0 0 var(--col_3of12)
}

@media print {
    .l-grid__col_3 {
      -webkit-box-flex: 3;
          -ms-flex: 3 1 0px;
              flex: 3 1 0;
    }
  }

.l-grid__col_4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*4 + 4.5rem);
          flex: 0 0 calc((100% - 16.5rem)/12*4 + 4.5rem);
  -ms-flex: 0 0 var(--col_4of12);
      flex: 0 0 var(--col_4of12)
}

@media print {
    .l-grid__col_4 {
      -webkit-box-flex: 4;
          -ms-flex: 4 1 0px;
              flex: 4 1 0;
    }
  }

.l-grid__col_5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*5 + 6rem);
          flex: 0 0 calc((100% - 16.5rem)/12*5 + 6rem);
  -ms-flex: 0 0 var(--col_5of12);
      flex: 0 0 var(--col_5of12)
}

@media print {
    .l-grid__col_5 {
      -webkit-box-flex: 5;
          -ms-flex: 5 1 0px;
              flex: 5 1 0;
    }
  }

.l-grid__col_6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*6 + 7.5rem);
          flex: 0 0 calc((100% - 16.5rem)/12*6 + 7.5rem);
  -ms-flex: 0 0 var(--col_6of12);
      flex: 0 0 var(--col_6of12)
}

@media print {
    .l-grid__col_6 {
      -webkit-box-flex: 6;
          -ms-flex: 6 1 0px;
              flex: 6 1 0;
    }
  }

.l-grid__col_7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*7 + 9rem);
          flex: 0 0 calc((100% - 16.5rem)/12*7 + 9rem);
  -ms-flex: 0 0 var(--col_7of12);
      flex: 0 0 var(--col_7of12)
}

@media print {
    .l-grid__col_7 {
      -webkit-box-flex: 7;
          -ms-flex: 7 1 0px;
              flex: 7 1 0;
    }
  }

.l-grid__col_8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*8 + 10.5rem);
          flex: 0 0 calc((100% - 16.5rem)/12*8 + 10.5rem);
  -ms-flex: 0 0 var(--col_8of12);
      flex: 0 0 var(--col_8of12)
}

@media print {
    .l-grid__col_8 {
      -webkit-box-flex: 8;
          -ms-flex: 8 1 0px;
              flex: 8 1 0;
    }
  }

.l-grid__col_9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*9 + 12rem);
          flex: 0 0 calc((100% - 16.5rem)/12*9 + 12rem);
  -ms-flex: 0 0 var(--col_9of12);
      flex: 0 0 var(--col_9of12)
}

@media print {
    .l-grid__col_9 {
      -webkit-box-flex: 9;
          -ms-flex: 9 1 0px;
              flex: 9 1 0;
    }
  }

.l-grid__col_10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*10 + 13.5rem);
          flex: 0 0 calc((100% - 16.5rem)/12*10 + 13.5rem);
  -ms-flex: 0 0 var(--col_10of12);
      flex: 0 0 var(--col_10of12)
}

@media print {
    .l-grid__col_10 {
      -webkit-box-flex: 10;
          -ms-flex: 10 1 0px;
              flex: 10 1 0;
    }
  }

.l-grid__col_11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16.5rem)/12*11 + 15rem);
          flex: 0 0 calc((100% - 16.5rem)/12*11 + 15rem);
  -ms-flex: 0 0 var(--col_11of12);
      flex: 0 0 var(--col_11of12)
}

@media print {
    .l-grid__col_11 {
      -webkit-box-flex: 11;
          -ms-flex: 11 1 0px;
              flex: 11 1 0;
    }
  }

.l-grid__col_12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%
}

@media print {
    .l-grid__col_12 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
    }
  }

.l-grid.is-demo .l-grid__col {
  background: #bfbfbf;
  background: var(--med-gray);
  color: #ffffff;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

.l-grid.is-demo .l-grid__col span {
  display: block;
}



.l-grid__col > p:first-child,
.l-grid__col > ol:first-child,
.l-grid__col > ul:first-child,
.l-grid__col > img:first-child,
.l-grid__col > table:first-child,
.l-grid__col > figure:first-child,
.l-grid__col > .content > p:first-child,
.l-grid__col > .content > ol:first-child,
.l-grid__col > .content > ul:first-child,
.l-grid__col > .content > img:first-child,
.l-grid__col > .content > table:first-child,
.l-grid__col > .content > figure:first-child {
  margin-top: 0;
}



@media (min-width: 768px) {
  .l-grid__col > ul {
    margin-left: 1.1875rem;
  }
}





.c-mathtool__logo {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  height: 56px;
  text-align: center;
  background: #f25e35;
  background: var(--our-primary-orange);
  border-radius: 50%;
  top: 12px;
  left: 12px;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

img.c-mathtool__logoimg {
  width: 75%;
  height: auto;
  margin: auto;
  position: relative;
  top: 1px;
}

.rotating {
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes rotate {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.c-mathtool__embed {
  border: none;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}