:root{color-scheme:light;--ink:#192b3a;--muted:#546777;--accent:#126b63;--line:#dbe3e7}
*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}
header{background:#192b3a;color:white;padding:1.4rem max(1rem,calc((100vw - 1060px)/2))}header h1{font-size:1.5rem;margin:0 0 .5rem}
nav{display:flex;flex-wrap:wrap;gap:.35rem 1.15rem}nav a{color:#e7f8f2;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline}
main{max-width:1060px;margin:2rem auto;padding:0 1rem 3rem}h2{font-size:1.55rem;line-height:1.3}h3{font-size:1.12rem}
.panel{background:white;padding:1.5rem;border:1px solid var(--line);border-radius:12px;margin:1.3rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}
label{display:block;font-size:.9rem;font-weight:600;margin:.35rem 0}input,select,textarea,button{font:inherit}
input,select,textarea{width:100%;max-width:100%;min-width:0;border:1px solid #98aab6;border-radius:6px;padding:.6rem;background:white;color:var(--ink)}
textarea{min-height:110px;resize:vertical}button,.button{border:0;border-radius:6px;padding:.65rem 1.1rem;background:var(--accent);color:white;text-decoration:none;display:inline-block;cursor:pointer}
button:hover,.button:hover{background:#09584f}button.danger{background:#993c35}a{color:#0b615b;overflow-wrap:anywhere}
:focus-visible{outline:3px solid #d68a12;outline-offset:3px}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem;align-items:center}
.muted{color:var(--muted)}.notice{padding:1rem;border-left:4px solid var(--accent);background:#e5f3ef;overflow-wrap:anywhere}
.error{border-color:#993c35;background:#fff0ed}.record{padding:1rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.record h3{margin:0}.record p{margin:.25rem 0}.summary{display:flex;gap:2rem;flex-wrap:wrap}.summary strong{display:block;font-size:1.7rem}
.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:.65rem;border-bottom:1px solid var(--line)}
.plan{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8}.login{max-width:440px;margin:3rem auto}
input[type=checkbox],input[type=radio]{width:auto}details{margin:1rem 0}summary{cursor:pointer;font-weight:600}small{color:var(--muted)}
@media(max-width:500px){header{padding:1rem}main{margin:1.2rem auto}.panel{padding:1rem}h2{font-size:1.35rem}nav{gap:.4rem .85rem}}