*{box-sizing:border-box}
html{color:#273d35;background:#f7f8f4;font:16px/1.6 Arial,Helvetica,sans-serif}
body{margin:0}
h1,h2,.brand{font-family:Georgia,"Times New Roman",serif}
h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin:.4rem 0 1.8rem}
h2{font-size:1.5rem;line-height:1.3}
a{color:#285447;text-underline-offset:4px}
button,input{font:inherit}
button,.button{display:inline-block;background:#285447;color:white;border:1px solid #285447;border-radius:8px;padding:.7rem 1.2rem;cursor:pointer;text-decoration:none;font-weight:bold;min-height:44px}
button:hover,.button:hover{background:#1e4036}
button.secondary{background:white;color:#285447}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #285447;outline-offset:4px}
input{width:100%;min-width:0;border:1px solid #7a8279;border-radius:6px;background:white;color:#273d35;padding:.65rem}
.field{margin:1.2rem 0}
label{display:block;font-weight:bold;margin-bottom:.35rem}
.help,.muted{color:#566052}
.help{font-size:.9rem}
.help ul{padding-left:1.2rem}
.errorlist{color:#8a2525;padding-left:1.2rem}
.notice{border-left:4px solid #8a2525;background:#fff4f1;padding:1rem}
.brand{display:block;font-size:1.7rem;font-weight:bold;text-decoration:none}
.brand span{display:block;color:#566052;font: .8rem/1.5 Arial,sans-serif;letter-spacing:.04em}
.public-shell{width:min(100% - 2rem,460px);margin:3rem auto}
.public-shell header{text-align:center;margin-bottom:2rem}
.card{background:white;border:1px solid #e6e9e1;border-radius:14px;padding:clamp(1.2rem,4vw,2.5rem);max-width:720px}
.public-shell footer{text-align:center;color:#566052;font-size:.85rem;margin:1.5rem 0}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:bold;color:#566052}
.back{display:inline-block;margin-top:1.3rem}
.workspace{display:flex;min-height:100vh}
.sidebar{width:240px;flex-shrink:0;background:white;border-right:1px solid #e6e9e1;padding:2rem 1.4rem;display:flex;flex-direction:column;gap:2.5rem}
.sidebar nav{display:grid;gap:.5rem}
.sidebar nav a{padding:.7rem .8rem;text-decoration:none;border-radius:6px}
.sidebar nav a[aria-current]{background:#edf2e9;font-weight:bold;border-left:3px solid #285447}
.sidebar>form{margin-top:auto}
.workspace-body{flex:1;min-width:0}
.topbar{background:white;border-bottom:1px solid #e6e9e1;padding:1rem 2.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar span{font-weight:bold}
.workspace main{padding:2.5rem;overflow-wrap:anywhere}
.skip{position:absolute;left:1rem;top:-100px;background:white;padding:.5rem;z-index:10}
.skip:focus{top:1rem}
main:focus{outline:none}
@media(max-width:700px){.workspace{display:block}
.sidebar{width:100%;padding:1rem;border-right:0;border-bottom:1px solid #e6e9e1;gap:1rem}
.sidebar nav{display:flex;flex-wrap:wrap;gap:.25rem}
.sidebar>form{margin:0}
.sidebar button{width:100%}
.topbar{padding:1rem}
.workspace main{padding:1.5rem 1rem}
.public-shell{margin:1.5rem auto}
}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s}
}