:root {
    --bg: #fff;
    --fg: #444;
    --empty: #4447;
    --line: #9e9e9e;
    --pr-bg: #027abb;
    --pr-active-bg: #01579b;
    --pr-focus-bg: #0288d1;
    --pr-fg: #fffffff7;
    --hn: #027abb;
    --link: #0277bd;
    --link-hi: #c15415;
    --code-bg: #fcedbb;
    --code-fg: #3e3e3eed;
    --eg-bg: #fff8e1;
    --eg-hi: #ffca28;
    --nb-bg: #ffebee;
    --nb-hi: #b71c1c;
    --c-ui-text: var(--fg);
    --c-ui-bg: var(--bg);
    --c-shadow-1: rgba(0, 0, 0, .25);
    --c-shadow-2: rgba(0, 0, 0, .33);
    --c-ui-field-bg: rgba(0, 0, 0, .05);
    --c-ui-blur-underline: rgba(0, 0, 0, .1);
    --c-ui-focus-underline: var(--pr-bg);
    --c-ui-border: rgba(0, 0, 0, .1);
    --c-ui-focus-bg: #e6e6e6;
    --c-ui-active-bg: #d4d4d4;
    --c-ui-pressure: rgba(0, 0, 0, .16);
    --c-ui-knob: #fff;

    --title-bg: #fcfcfc;
    --title-fg: #333;
    --title-crumb: #555;
    --title-crumb-mark: #888;
    --title-size: 1rem;
    --head-bg: #01579b;
    --head-fg: rgb(255,255,255,0.96);
}

@font-face {
    font-family: 'mcdUI';
    font-style: normal;
    font-weight: 300;
    src: url(/api/micd/micd_lib/fonts/Roboto-Light.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/Roboto-Light.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/Roboto-Light.ttf) format("ttf");
}

@font-face {
    font-family: 'mcdUI';
    font-style: normal;
    font-weight: 400;
    src: url(/api/micd/micd_lib/fonts/Roboto-Regular.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/Roboto-Regular.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/Roboto-Regular.ttf) format("ttf");
}

@font-face {
    font-family: 'mcdUI';
    font-style: italic;
    font-weight: 400;
    src: url(/api/micd/micd_lib/fonts/Roboto-Italic.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/Roboto-Italic.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/Roboto-Italic.ttf) format("ttf");
}

@font-face {
    font-family: 'mcdUI';
    font-style: normal;
    font-weight: 500;
    src: url(/api/micd/micd_lib/fonts/Roboto-Medium.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/Roboto-Medium.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/Roboto-Medium.ttf) format("ttf");
}

@font-face {
    font-family: 'mcdUI';
    font-style: normal;
    font-weight: 700;
    src: url(/api/micd/micd_lib/fonts/Roboto-Bold.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/Roboto-Bold.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/Roboto-Bold.ttf) format("ttf");
}

@font-face {
    font-family: 'mcdMono';
    font-style: normal;
    font-weight: 400;
    src: url(/api/micd/micd_lib/fonts/CascadiaMono.woff2) format("woff2"),
         url(/api/micd/micd_lib/fonts/CascadiaMono.woff) format("woff"),
         url(/api/micd/micd_lib/fonts/CascadiaMono.ttf) format("ttf");
}

/*!
Copyright 2021 Math I Can Do Solutions Incorporated or its licensors.
Portions from bootswatch v3.3.7, Copyright 2012-2016 Thomas Park, Licensed under MIT (https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE)
Portions from Bootstrap v3.3.7, Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
Portions from normalize.css v3.0.3, Copyright Nicolas Gallagher and Jonathan Neal. Licensed under MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
body,html{margin:0;background:var(--bg)}html{font-family:mcdUI,"Roboto",sans-serif;font-size:16px;padding:0;line-height:24px}body{font-size:1rem;line-height:1.5em;padding:1.5rem;color:var(--fg)}h1,h2,h3,h4,h5{color:var(--hn);font-weight:700}code,kbd,pre{font-family:mcdMono,monospace;font-size:.9rem;border-radius:3px}kbd{color:#fff;background-color:rgba(62,62,62,.87);display:inline-block;box-shadow:0 1px 0 1px rgba(0,0,0,.313);margin-left:4px;margin-right:4px;line-height:1.2em;padding:1px 6px}@media screen{kbd{transform:translateY(-1px) perspective(300px) rotateX(25deg) scaleY(1.1)}}@media print{kbd{background-color:#e7e7e7;color:rgba(62,62,62,.87);box-shadow:none}.no-print{display:none!important}}code,pre{color:var(--code-fg);padding:2px 4px}code{background-color:var(--code-bg);font-style:normal;}for-eg,nota-bene{position:relative;left:-.5rem;padding:.5rem;display:block;border-left:.5rem var(--eg-hi) solid;background-color:var(--eg-bg)}for-eg+nota-bene,for-eg+p,nota-bene+for-eg,nota-bene+p{margin-top:1.5rem}for-eg p,nota-bene p{margin-bottom:.5rem}for-eg p:last-child,nota-bene p:last-child{margin-bottom:0}nota-bene{border-left-color:var(--nb-hi);background-color:var(--nb-bg)}.emptyf{margin:1px;background:var(--empty);border:1px solid var(--empty);border-radius:2px}dt{font-weight:700}a{color:var(--link)}a:focus,a:hover{color:var(--link-hi)}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}table{border-spacing:0;border-collapse:collapse;margin-left:auto;margin-right:auto}td,th{padding:.25rem .75rem;border-bottom:1px solid var(--line)}th{text-align:start;border-bottom-width:2px}.mcd-maximized{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important}.mcd-sh-dialog-back{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;backdrop-filter:blur(4px)}@media print{a{color:inherit;font-style:italic}}.h1,.h2,h1,h2{font-size:3rem;line-height:3rem;margin-top:1.5rem;margin-bottom:1.5rem}.h2,h2{font-size:2rem}.h3,.h4,.h5,h3,h4,h5{line-height:1.5rem;margin-top:1.5rem}.h3,h3{margin-bottom:1.5rem;font-size:1.4375rem}.h4,.h5,h4,h5{font-size:1rem;margin-bottom:0}blockquote,ol,p,pre,table,ul{margin-top:0;margin-bottom:1.5rem}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}.hr,hr{border:0 solid var(--c-shadow-2);border-top-width:1px;margin:1rem 0 0.25rem 0}a,b,code,em,i,small,strong,sub,sup{line-height:0}sub,sup{position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
/*! Adapted from styles Copyright © 2019 by C.G. Jennings. Non-exclusive license hereby granted to Math I Can Do Solutions Inc. */
.toggle:disabled+label,:disabled,:disabled::after,:disabled::before{opacity:.5;filter:grayscale(1)}[role=button],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[role=button],button,input,label,legend,select,textarea{user-select:none;max-width:100%}.sr-only{border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}form{border:none;margin:0;padding:0}ui-panel,ui-row{display:flex;position:relative}ui-panel{flex-direction:column;justify-content:flex-start;margin:var(--line-height) 0;padding:0;align-items:flex-start}ui-panel>hr{width:100%;margin:6px 0 0}ui-row{align-items:baseline;width:100%;flex:1 1 auto}ui-row>button,ui-row>label{margin:0 .5rem}ui-row>:first-child{margin-left:0}ui-row>:last-child{margin-right:0}ui-grid{display:table;table-layout:fixed}ui-grid>ui-row{display:table-row}ui-grid>ui-row>*{display:table-cell}ui-grid>ui-row>label{text-align:right;padding-right:.5rem}ui-panel>ui-panel{margin:var(--line-height-0_5x) 3px var(--line-height-0_5x) -3px;background:var(--c-ui-field-bg);padding:var(--line-height-0_5x);border-radius:8px;box-shadow:inset 0 2px 3px var(--c-shadow-1)}ui-fill,ui-gap{display:inline-block}ui-fill{flex:1 auto}ui-gap{height:var(--line-height-0_5x);width:1rem}.flat{border:none}button{font-family:mcdUi;color:var(--c-ui-text);background-color:var(--c-ui-bg);font-size:.875rem;font-weight:700;text-decoration:none;text-align:center;white-space:nowrap;margin:calc(.333*var(--line-height)) 0;height:calc(1.333*var(--line-height));line-height:var(--line-height-x2);padding:0 .5rem;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer;border:1px var(--c-ui-border) solid;border-radius:3px;transition:all .25s;background-image:none;background-position:50%;background-size:0 0;background-repeat:no-repeat}button.primary{background:var(--pr-bg);color:var(--pr-fg)}button.primary:focus,button.primary:hover{background-color:var(--pr-focus-bg)}button.primary:active{background-color:var(--pr-focus-bg);background-image:radial-gradient(circle,var(--c-ui-pressure) 10%,transparent 11%);background-size:1000% 1000%}button.primary:active:focus,button.primary:active:hover{background-color:var(--pr-active-bg)}button:focus,button:hover{background-color:var(--c-ui-focus-bg)}button:active{outline:0;background-color:var(--c-ui-focus-bg);background-image:radial-gradient(circle,var(--c-ui-pressure) 10%,transparent 11%);background-size:1000% 1000%;box-shadow:inset 0 3px 5px rgba(0,0,0,.13)}button:active:focus,button:active:hover{background-color:var(--c-ui-active-bg)}button[disabled]:focus,button[disabled]:hover{background-color:var(--c-ui-bg)}label,legend ui-panel div,ui-panel li{display:flex;align-content:center}legend{font-weight:bolder}ui-panel>label{margin:3px 0 -3px}please-note{font-size:calc(1rem - 2px);font-style:italic;color:var(--c-ui-focus-underline)}ui-panel div>:not(:first-child){margin-left:1rem}ui-panel ul{list-style:none;margin:0;padding:0 0 0 1rem}::placeholder{color:var(--c-ui-text);opacity:.5}input,select,textarea{font-size:1rem;font-family:var(--font);color:var(--c-text);border:2px solid transparent;border-bottom-color:var(--c-ui-blur-underline);border-width:2px 0;border-radius:2px;background:var(--c-ui-field-bg);padding:0 3px;margin:0 3px 0 -3px;height:calc(var(--line-height) - 4px);transition:border-color .2s;outline:none!important}input+input{margin:0 3px 0 calc(.5rem - 3px)}input[size]{width:unset}textarea{width:100%;height:var(--line-height-4x)}input:focus,select:focus,textarea:focus{border-bottom-color:var(--c-ui-focus-underline)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-bg)}select:not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M3 5l4 4 4-4z' fill='%23777'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:right 3px center;padding-right:16px}select[size]{border:1px solid var(--c-ui-border);height:100%}select optgroup,select option{background:var(--c-bg);color:var(--c-text);border:none}input[type=checkbox],input[type=radio]{position:relative;width:auto;height:1rem;line-height:var(--line-height);margin:calc((var(--line-height) - 1rem)/2) .5rem 0 0;background:0 0;border:none;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=checkbox]:focus:after,input[type=radio]:focus:after{border-color:var(--c-primary-bg)}input[type=checkbox]:after,input[type=radio]:after{content:"";display:block;width:calc(1rem - 4px);height:calc(1rem - 4px);border:2px solid var(--c-ui-border);transition:.24s;border-radius:50%}input[type=checkbox]:after{border-radius:3px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"";display:inline-block;position:absolute;border:2px solid var(--c-primary-text)}input[type=radio]:checked:before{left:2px;width:calc(1rem - 8px);height:calc(1rem - 8px);border-radius:50%;top:2px}input[type=checkbox]:checked:before{top:1px;left:calc(2px + .2rem);width:.25rem;height:.6rem;border-top-width:0;border-left-width:0;transform:rotate(29deg)}input[type=checkbox]:checked:after,input[type=radio]:checked:after{background-color:var(--c-primary-bg);border-color:var(--c-primary-bg)}input[type=checkbox]:disabled:after,input[type=radio]:disabled:after{border-color:var(--c-ui-border)}input[type=checkbox]:disabled:checked:after,input[type=radio]:disabled:checked:after{background-color:var(--c-ui-border);border-color:var(--c-ui-border)}progress[value]{appearance:none;border:none;width:100%;height:1rem;background-color:var(--c-ui-field-bg);position:relative;border-radius:1rem;box-shadow:inset 0 2px 3px var(--c-shadow-1)}progress[value]::-webkit-progress-bar{background:0 0;position:relative;border-radius:1rem}progress[value]::-webkit-progress-value{background-color:var(--c-active);position:relative;border-radius:1rem;box-shadow:0 -4px 6px rgba(255,255,255,.4) inset;opacity:.7}progress[value]::-moz-progress-bar{background-color:var(--c-active);position:relative;border-radius:1rem;box-shadow:0 -4px 6px rgba(255,255,255,.4) inset;opacity:.7}input[type=range]{height:28px;-webkit-appearance:none;margin:0;padding:0;width:100%;background:var(--c-bg);border:none!important}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{background:var(--c-ui-field-bg);box-shadow:inset 0 1px 2px var(--c-shadow-1);width:100%;height:5px;border-radius:4px;border:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{background:var(--c-ui-knob);box-shadow:0 3px 6px var(--c-shadow-1),0 -.5px 1px var(--c-shadow-1);height:18px;width:18px;border-radius:50%;-webkit-appearance:none;margin-top:-7px;cursor:pointer;transition:background-color .2s,box-shadow .1s}input[type=range]:focus::-webkit-slider-thumb{background:var(--c-primary-bg);box-shadow:0 0 0 .5rem var(--c-ui-field-bg)}input[type=range]::-moz-range-track{background:var(--c-ui-field-bg);box-shadow:inset 0 1px 2px var(--c-shadow-1);width:100%;height:5px;border-radius:4px;border:none;cursor:pointer}input[type=range]::-moz-range-thumb{background:var(--c-ui-knob);box-shadow:0 3px 6px var(--c-shadow-1),0 -.5px 1px var(--c-shadow-1);height:18px;width:18px;border-radius:25px;cursor:pointer;transition:background-color .2s,box-shadow .1s}input[type=range]:focus::-moz-range-thumb{background:var(--c-primary-bg);box-shadow:0 0 0 .5rem var(--c-ui-field-bg)}input.toggle{width:0;height:0;margin:0;padding:0;opacity:0}input.toggle+label{outline:0;display:inline-block;width:2.5rem;height:1.25rem;position:relative;cursor:pointer;user-select:none;vertical-align:middle;background:var(--c-ui-field-bg);border-radius:1rem;padding:2px;transition:all .4s ease;box-shadow:inset 0 2px 3px var(--c-shadow-1)}input.toggle+label:after{display:block}input.toggle+label:after,input.toggle+label:before{position:relative;content:"";width:50%;height:100%}input.toggle+label:after{left:0;box-shadow:0 0 0 0 transparent}input.toggle+label:before{display:none}input.toggle:checked+label:after{left:50%}input.toggle+label:after{border-radius:50%;background:var(--c-ui-knob);transition:all .1s ease;box-shadow:0 3px 6px var(--c-shadow-1)}input.toggle:checked+label{background:var(--c-primary-bg)}input.toggle:focus+label:after{box-shadow:0 0 0 .5rem var(--c-ui-field-bg)}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    background: var(--title-bg);
    color: var(--title-fg);
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    font-size: 1.125rem;
}

img {
    box-sizing: content-box;
}

header-group {
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.67);
    z-index: 1;
    display: flex;
    flex-direction: column;
    background: var(--head-bg);
    color: var(--head-fg);
  }
  
  header-group>* {
    padding-left: 4vw;
  }
  
  header-group * {
    user-select: none;
  }
  
  header-group > h1 {
    margin: 1rem 0;
    color: var(--head-fg);
    font-size: 2rem;
    margin: 1rem 0;
  }
  
  header-group p {
    margin: 0;
    padding: 0 0 0 inherit;
  }
  
  header {
    width: 100%;
    height: 3.5rem;
    padding: 1rem 4vw;
    color: var(--title-fg);
    background: var(--title-bg);
    display: flex;
    align-items: center;
    font-size: 1rem;
  }
  
  header>* {
    display: block;
    overflow: hidden;
  }
  
  header>img {
    width: calc(1.5 * var(--title-size));
    height: calc(1.5 * var(--title-size));
    margin-right: 0.5rem;
  }
  
  nav>a:first-of-type {
    color: var(--title);
    font-weight: bold;
  }
  
  nav>a {
    color: #333;
    color: var(--title-crumb);
    text-decoration: none !important;
  }
  
  nav>a:after {
    content: ">";
    opacity: 0.67;
    padding: 0 0.5rem;
    color: var(--title-crumb-mark);
  }
  
  nav>a:last-of-type:after {
    display: none;
  }
  
  main {
      margin: 0;
      padding: 1rem 4vw;
      width: 100%;
      max-width: 960px;
  }

  dt {
    margin: 0;
    display: block;
  }
  dd {
    font-style: italic;
    font-weight: lighter;
    margin: 0 0 1rem 0;
    display: block;
  }