:root{--navy:#203d49;--dark:#203d49;--grey:#596577;--line:#d7d1c5;--bg:var(--site-ground, #f0eee8);color-scheme:light}html{scroll-behavior:smooth;scroll-padding-top:25px}body{font-size:16px}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:white;z-index:99}.skip:focus{top:10px}.top{background:#203d49;padding:35px max(26px,calc((100vw - 1136px)/2))}.top .kicker{color:#e2c99e;font-size:13px}.top h1{font-size:clamp(2rem,4vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:10px 0 16px}.top p{font-size:16px;line-height:1.75}.backlink{font-size:14px;color:#d2e0e7;margin-bottom:22px}.side{box-shadow:6px 6px 16px #d3cdbf,-6px -6px 16px #ffffffc9}nav.side{background:#f0eee8;border:0;flex-basis:285px}.searchbox{font-size:16px;padding:12px;background:white;border-color:#b8c3cb}.navlink{font-size:14px;line-height:1.5;padding:11px 10px}.navlink.active{background:#203d49;color:white}.count{font-size:14px}.clink{font-size:16px;line-height:1.6}.cdesc,.blurb{font-size:15px;line-height:1.7}.gsrc{font-size:14px}.cathead h2{line-height:1.4}.card{background:#f0eee8}.group{margin-top:20px}.cat{scroll-margin-top:25px}.top a:focus-visible,.navlink:focus-visible,.clink:focus-visible,input:focus-visible{outline:3px solid #ba8e42;outline-offset:3px}.navlink[aria-current=true]{background:#203d49;color:white}footer{font-size:14px!important}.reset-search{display:block;padding:7px 2px;margin:4px 0 10px;border:0;background:transparent;color:#735521;cursor:pointer;text-decoration:underline;font-size:14px}.reset-search:hover{color:#203d49}[hidden]{display:none!important}@media(max-width:850px){.wrap{flex-direction:column;gap:15px;padding:20px}nav.side{position:static;width:100%;flex-basis:auto;max-height:none;padding:16px}.navwrap{display:flex;flex-wrap:wrap;gap:6px;max-height:165px;overflow:auto;padding:5px}.navlink{background:#e9e6de;border-radius:20px;font-size:14px;padding:9px 11px}.nicon{display:none}main{width:100%}.top{padding:28px 22px}.cathead h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Directory panels share the site canvas, with inset resource rows. */
@media screen {
  .cat, nav.side, .card, .card:hover { background: var(--site-ground, #f0eee8); }
  .cat { box-shadow: 6px 6px 16px #d3cdbf, -6px -6px 16px #fff; }
  .card { box-shadow: inset 2px 2px 5px #d3cdbf, inset -2px -2px 5px #fff; }
  .searchbox { background: var(--site-well, #e9e6de); }
  .navlink:hover { background: var(--site-well, #e9e6de); }
  .navlink.active, .navlink[aria-current=true] { background: #203d49; color: white; }
}