:root{--navy:#000f30;--orange:#ff6600;--ink:#20304d;--border:#c5cfde;font-family:"Quicksand",Calibri,Arial,sans-serif;color:var(--ink);background:#f1f4f8}
*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:1.5rem auto;background:white;border:1px solid #d6dfea;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #00206019}
.header{background:var(--navy);color:white;border-bottom:3px solid var(--orange);display:flex;align-items:baseline;gap:1.2rem;padding:1rem 1.4rem;flex-wrap:wrap}.wordmark{font-weight:700;font-size:1.9rem;color:var(--orange);letter-spacing:.04em}h1{font-size:1.3rem;margin:0;font-weight:600}h2{font-size:1.2rem;margin:.2rem 0 .5rem}.content{padding:1.2rem 1.4rem 1.4rem}.intro{margin:0 0 .9rem;font-size:.9rem}.context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;background:#f2f5fa;border:1px solid #dce4ef;border-radius:5px;padding:.75rem;margin-bottom:1rem}.context-grid div{min-width:0}.context-grid span{display:block;font-size:.72rem;color:#56667c;margin-bottom:.2rem}.context-grid strong{font-size:.83rem;overflow-wrap:anywhere}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem}.field{min-width:0}.field.wide{grid-column:1/-1}label{display:block;font-size:.83rem;font-weight:700;margin-bottom:.3rem}label span{color:#a83c00}input,textarea,select{font:inherit;font-size:.9rem;width:100%;border:1px solid var(--border);border-radius:4px;background:white;color:var(--ink);padding:.55rem .65rem;min-height:2.4rem}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #ff660080;outline-offset:1px;border-color:#a83c00}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.78rem}.actions button{border:0;border-radius:4px;background:#d64f00;color:white;font:inherit;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;cursor:pointer}.actions button:hover{background:#a83c00}.actions button:disabled{opacity:.65;cursor:wait}.notice,.validation{border:1px solid #c5d6ea;background:#f2f7fc;border-radius:4px;padding:.9rem;margin-bottom:1rem}.error,.validation{border-color:#c42d28;background:#fff4f3;color:#81221f}.validation ul{margin:.4rem 0 0;padding-left:1.2rem}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff4f3;padding:1rem;width:100%}
@media(max-width:700px){.shell{margin:0;border-radius:0}.context-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:1rem}}@media(max-width:420px){.context-grid,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.header{gap:.3rem 1rem}}