*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#bff2e1;color:#0a4a3f}header,footer{background:#d3fff3}h1{text-align:center;padding-top:1rem;font-size:1.7em}h2,h3{font-family:Trebuchet MS,Arial,sans-serif;margin-top:0}main{max-width:1100px;margin:0 auto;padding:1rem}footer{text-align:center;font-size:.95rem;padding:1rem}footer ul{list-style:none;margin:0;padding:0}@media(prefers-color-scheme:dark){body{background:#054238;color:#edfffa}header,footer{background:#0a4a3f}}@media(min-width:1100px){h1{font-size:2em}h2{font-size:1.7em}}.imageCard{border-radius:.6rem;padding:.8rem;border:1px solid rgba(0,0,0,.15)}nav{padding:.8rem 1rem}nav ul{list-style:none;display:flex;gap:.7rem;justify-content:center;margin:0;padding:0;flex-wrap:wrap;font-size:.7em}nav a{background:#d3fff3;color:#054238;padding:.6rem .9rem;border-radius:.6rem;text-decoration:none;display:inline-block;border:1px solid rgb(149.8,255,226.3090909091);transition:.2s ease}nav a:hover,nav a:focus{background:#fcfffe;text-decoration:underline}.imageCard{width:100%;max-width:520px;background:#d3fff3}.imageCard img{width:100%;height:auto;display:block;border-radius:.6rem}@media(prefers-color-scheme:dark){nav a{background:#0a4a3f;color:#bff2e1;padding:.6rem .9rem;border-radius:.6rem;text-decoration:none;display:inline-block;border:1px solid rgb(2.7142857143,20.0857142857,17.1);transition:.2s ease}nav a:hover,nav a:focus{background:#0f6e5e;text-decoration:underline}.imageCard{background:#0a4a3f}}.diagramContent,.mapContent{width:min(1100px,92%);margin-inline:auto;padding:1.5rem 0}.pieWrap{max-width:520px;margin:0 auto}.pieWrap canvas{width:100%!important;height:auto!important}.diagramSec,.mapSec{background:#d3fff3;padding:1rem;border-radius:.6rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){.diagramSec,.mapSec{background:#0a4a3f}}.diagramSec canvas{max-width:100%;height:340px}.attribution{font-size:.85rem;opacity:.85;margin-top:.6rem}.indexLayout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.picGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;justify-items:center;align-items:center}.picGrid picture{display:block}.picGrid img{width:100%;height:auto;border-radius:.6rem;display:block}@media(max-width:700px){.picGrid{grid-template-columns:1fr}}@media(min-width:1100px){.picGrid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:1.5rem}}.sassLayout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.sassContent{max-width:900px;margin:auto;padding:1rem}.sassContent section{margin-bottom:1.2rem}.sassContent ul{padding-left:1.2rem}.animationContent{width:min(1100px,92%);margin-inline:auto;padding:1.5rem 0}.animationSec{background:#d3fff3;padding:1rem;border-radius:.6rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){.animationSec{background:#0a4a3f}}.hoverSpin{display:inline-block;transition:transform .7s ease}.hoverSpin:hover{transform:rotate(360deg) scale(1.03)}.playArea{position:relative;height:260px;border-radius:.6rem;border:2px dashed rgba(0,0,0,.25);overflow:hidden;padding:.75rem}.animatedBtn{background-color:#054238;color:#bff2e1;position:absolute;left:1rem;top:1rem;cursor:pointer;transition:transform .25s ease;padding:.7rem 1rem;border-radius:.6rem;border:2px solid rgba(0,0,0,.25);font-weight:700}@media(prefers-color-scheme:dark){.animatedBtn{background:#bff2e1;color:#054238}}@keyframes pulse{0%{transform:scale(.9);opacity:.55}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.55}}.load{width:56px;height:56px;border-radius:999px;border:6px solid rgba(0,0,0,.15);border-top-color:#0009;animation:pulse 1.1s infinite}