:root{color-scheme:light;--teal:#008080;--dark-teal:#006666;--ink:#494949;--line:#d8e4e4}
*{box-sizing:border-box}
body{margin:0;background:#e3e3e3;color:#585858;font:12px/1.75 Verdana,Arial,sans-serif}
a{color:#000;text-decoration:none;text-underline-offset:.2em}
a:hover{color:#000;background:#d3d3d3}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #006666;outline-offset:4px}
.site-shell{width:min(100% - 16px,771px);margin:8px auto;background:#fff;padding:10px 6px 6px}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:8px}
.brand-logo{display:block;max-width:100%;height:auto;width:300px}
.phone{flex-shrink:0;text-decoration:none;text-align:right;font:18px/1.5 Arial,sans-serif;color:#008080}
.phone span{display:block;font-size:18px;text-transform:none;letter-spacing:normal;font-weight:bold}
.phone strong{font-size:18px}
.phone span img{vertical-align:bottom}
.phone:hover,.brand-row>a:hover{background:#fff;color:#008080}
.photo-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;border-block:1px solid #000;padding-block:10px}
.photo-strip img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.page-layout{display:grid;grid-template-columns:186px minmax(0,1fr);gap:12px;padding-block:26px 20px}
.sidebar nav{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.sidebar nav a{display:block;padding:1px 6px;font: bold 12px/1.5 Arial,sans-serif;text-transform:uppercase;text-decoration:none;color:#585858}
.sidebar nav a span{color:var(--teal)}
.sidebar nav a:hover{background:#d3d3d3}
.sidebar nav a[aria-current]{color:#585858}
.client-panel{border:1px solid blue;padding:2px;margin:74px 12px 0;width:152px;min-height:192px;font:12px/1.75 Verdana,sans-serif}
.client-panel h2,.client-panel h3{color:#008080;text-transform:uppercase;font:bold 12px/1.75 Verdana,sans-serif;margin:0;letter-spacing:normal}
.client-panel h2 a{color:#008080}
.client-panel h3{margin-top:4px}
.client-panel ul{list-style:none;padding:0;margin:0}
.login-link{display:flex;align-items:center;width:fit-content;margin:2px 0 4px 16px}
.login-link img{display:block;max-width:100%;height:auto}
.login-link:hover{background:#fff}
main{min-width:0;overflow-wrap:anywhere;padding-right:7px}
h1{color:#008080;font:bold 20px/1.25 Verdana,sans-serif;margin:0 0 2px;padding:1px}
h2,h3{line-height:1.4}
.content-block{margin:0 0 27px;padding:1px}
.content-block:has(>b:only-child){margin-bottom:2px}
.content-block:empty{display:none}
main b,main strong{color:inherit}
main img{max-width:100%;height:auto}
main p{margin:0 0 16px}
main ul{padding-left:24px}
main table{width:100%;border-collapse:collapse}
main td,main th{padding:8px;text-align:left}
.site-footer{border-top:1px solid #000;padding-top:6px;display:flex;justify-content:space-between;gap:16px;font:10px/1.5 Arial,sans-serif;color:#3b3b3b}
.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:10}
.skip-link:focus{top:8px}
form{max-width:580px;margin:24px 0}
label{display:block;font-weight:bold;margin:18px 0 6px}
input,textarea,button{font:inherit}
input:not([type=submit]),textarea{display:block;width:100%;border:1px solid #8b9e9e;border-radius:3px;background:#fff;padding:10px 12px;color:#303c3c;min-height:46px}
textarea{min-height:160px;resize:vertical}
button,input[type=submit]{border:0;border-radius:3px;background:var(--dark-teal);color:#fff;padding:12px 24px;min-height:48px;cursor:pointer;margin-top:20px}
.form-notice{background:#edf6f5;border-left:4px solid var(--teal);padding:16px}
.form-errors{background:#fff4ef;border-left:4px solid #9c3f1a;padding:16px}
@media(max-width:600px){
 .site-shell{width:100%;margin:0;padding:24px}
 .page-layout{grid-template-columns:1fr;gap:24px;padding-top:18px}
 .sidebar{display:contents}
 .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-bottom:1px solid var(--line);padding-bottom:18px}
 .sidebar nav a{font-size:12px;padding:12px 8px;min-height:46px}
 main{grid-row:2}
 .client-panel{grid-row:3;margin-top:0}
 .login-link{min-height:44px}
 .brand-logo{width:280px}
 .phone strong{font-size:18px}
 input:not([type=submit]),textarea{font-size:16px}
}
@media(max-width:480px){
 .site-shell{padding:20px 16px}
 .brand-row{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:20px}
 .brand-logo{width:290px}
 .phone{text-align:left}
 .phone span{display:inline;margin-right:10px}
 .photo-strip{gap:3px;padding-block:8px}
 .site-footer{flex-direction:column;gap:8px}
}
@media print{body{background:white}.site-shell{width:100%;margin:0;padding:0;box-shadow:none}.sidebar,.photo-strip,.skip-link{display:none}.page-layout{display:block}.phone{color:#333}a{color:inherit}}