/* Main-site branding scoped to protect each tool's layout. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
.site-chrome{font-family:'Montserrat',sans-serif;color:#fff;position:relative;z-index:1100;line-height:normal;--content-width:1120px}
.site-chrome *{box-sizing:border-box;margin:0;padding:0}
.site-chrome a{color:inherit;text-decoration:none}
.site-chrome img{max-width:100%;height:auto;display:block}
.site-chrome header{background:#17494d;display:flex;align-items:center;justify-content:space-between;padding:.5rem 4rem;position:relative;z-index:1}
.site-chrome .logo h1{color:#fff;font-size:1.8rem;font-weight:600;line-height:normal;letter-spacing:normal;max-width:none;margin:0}
.site-chrome .navbar{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:20;background:#17494d;padding:.5rem 4rem;overflow:visible;transition:max-height .4s ease-out}
.site-chrome .navbar a,.site-chrome .navbar summary{color:#fff;font-weight:500;padding:.5rem .75rem;cursor:pointer;transition:opacity .3s}
.site-chrome .navbar a:hover,.site-chrome .navbar summary:hover{opacity:.8}
.site-chrome .navbar a.active{text-decoration:underline}
.site-chrome #menu-toggle{display:none}
.site-chrome .hamburger{display:none;cursor:pointer;position:absolute;top:.7rem;right:1rem;z-index:999}
.site-chrome .hamburger img{width:36px;height:36px}
.site-chrome .cc-nav{position:relative;z-index:21;margin:0;padding:0;border:0}
.site-chrome .cc-nav summary{list-style:none;white-space:nowrap}
.site-chrome .cc-nav summary::-webkit-details-marker{display:none}
.site-chrome .cc-nav summary::after{content:' ▾'}
.site-chrome .cc-nav>div{position:absolute;top:100%;right:0;min-width:235px;background:#17494d;padding:.5rem;display:flex;flex-direction:column}
.site-chrome .cc-nav>div a{white-space:nowrap;font-size:.9rem}
.site-chrome .hero{position:relative;width:100%;min-height:40vh;background:url('/Banner.png') center center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1;padding-top:.5rem;margin:0;gap:normal}
.site-chrome .hero-overlay{background:rgba(0,0,0,.6);width:min(var(--content-width),calc(100% - 2rem));padding:2.5rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.site-chrome .hero-overlay h2{font-size:2.65rem;font-weight:700;line-height:normal;color:#fff;margin-bottom:1rem}
.site-chrome .hero-overlay p{font-size:1.35rem;line-height:1.45;color:#fff;margin-bottom:1rem}
.site-chrome a:focus-visible,.site-chrome summary:focus-visible,.site-chrome .hamburger:focus-visible{outline:3px solid #ca8a04;outline-offset:3px}
.site-breadcrumb{margin:16px 15px 0;font:13px Arial,sans-serif;color:#17494d}
.site-breadcrumb a{text-decoration:none}.site-breadcrumb a:hover{text-decoration:underline}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#17494d;z-index:1200;padding:12px}
@media(min-width:769px) and (max-width:1100px){.site-chrome .navbar{padding:.5rem 1rem;gap:.25rem;font-size:.875rem}.site-chrome .navbar>a,.site-chrome .navbar>.cc-nav>summary{padding:.5rem;white-space:nowrap;font-size:inherit}}
@media(max-width:768px){
 .site-chrome .hamburger{display:block}
 .site-chrome .navbar{max-height:0;overflow:hidden;flex-direction:column;align-items:stretch;width:100%;padding:0}
 .site-chrome .navbar a{border-top:1px solid #fff3;padding:1rem}
 .site-chrome #menu-toggle:checked~nav.navbar{max-height:1000px;overflow:visible}
 .site-chrome .cc-nav{width:100%}.site-chrome .cc-nav>div{position:static}.site-chrome .cc-nav summary{padding:1rem}.site-chrome .navbar .cc-nav a{display:block;font-size:1rem}
 .site-chrome .hero{padding-top:10rem}.site-chrome .hero-overlay{padding:1.5rem}.site-chrome .hero-overlay h2{font-size:2rem}.site-chrome .hero-overlay p{font-size:1.1rem}
 .site-chrome header{padding-right:4rem}
}