:root{font:16px/1.6 system-ui,sans-serif;color:#102c3b;background:#f4f8f7;--line:#c9d9db;--accent:#087b70}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px max(20px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid var(--line)}header .brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;font-size:22px}header img{border-radius:12px}a{color:#05665f}main{max-width:1160px;padding:36px 20px 72px;margin:auto}h1{font-size:clamp(32px,5vw,48px);line-height:1.15;margin:8px 0 20px}h2{font-size:23px}p{max-width:80ch}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:750;color:#52656c}.notice{padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#e7f3ef}nav,.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end}nav{margin:24px 0}nav a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none}nav a[aria-current]{background:#102c3b;color:#fff}button,input,select,textarea{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px 12px}button{cursor:pointer;background:white;color:#102c3b}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}#new,#submit{background:var(--accent);color:white}label{display:grid;gap:5px;font-weight:600;font-size:14px}input,select,textarea{width:100%;background:white;color:#102c3b}textarea{min-height:100px;resize:vertical}.records{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:20px 0}.record{padding:20px;background:white;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere}.record h2{margin:0}.record dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6px 12px;font-size:14px}.record dt{color:#53696f}.record dd{margin:0;white-space:pre-wrap}.record footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#52656c}dialog{width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:white;color:#102c3b}dialog::backdrop{background:#102c3b99}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}#fields{display:grid;gap:16px}#form-message{color:#96352d}#message{font-weight:600}#delete,#confirm-delete{color:#96352d}#close{font-size:24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1b9bce;outline-offset:3px}[hidden]{display:none!important}@media(max-width:520px){.tools>label{width:100%}header{gap:12px;padding:12px 16px}main{padding:24px 16px}.record dl{grid-template-columns:1fr}.record dd{margin-bottom:8px}}