:root{color-scheme:light;--ink:#142a43;--muted:#465a70;--blue:#14588c;--line:#d6e0ea;--paper:#f3f7fb;--orange:#a74615;font:16px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.wrap{width:min(1080px,calc(100% - 2rem));margin-inline:auto}
.top{background:white;border-bottom:1px solid var(--line)}.bar,.account,.row,.nav{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.bar,.account,.row{justify-content:space-between}.bar{min-height:65px}.brand{text-decoration:none;color:var(--ink);font-size:1.4rem;font-weight:800}.brand span,.eyebrow{color:var(--orange)}.nav form{margin:0}
.intro{padding:clamp(1.7rem,6vw,4rem) 0 1.4rem}.intro h1{font-size:clamp(2.3rem,7vw,4rem);line-height:1.05;margin:.25rem 0 .65rem;letter-spacing:-.045em}.intro p{color:var(--muted);margin:.3rem 0}.intro .eyebrow{color:var(--orange);font-size:.8rem;letter-spacing:.12em;font-weight:800}
.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,3vw,1.65rem);overflow-wrap:anywhere}.login{max-width:550px}.panel h2{font-size:1.25rem;line-height:1.25;margin:.3rem 0 .5rem}.panel p{margin:.55rem 0;color:var(--muted)}.login .button{margin-top:.75rem}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:42px;padding:.47rem .85rem;border:1px solid transparent;border-radius:7px;background:var(--blue);color:white;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}.button:hover,button:hover{filter:brightness(.92)}.quiet,.secondary{background:white;color:var(--blue);border-color:var(--line)}
.account,.filters{margin-bottom:1rem}.account span,.file,.tools{font-size:.9rem;color:var(--muted)}.filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.filters label:first-child{flex:1;min-width:min(240px,100%)}.fields{display:grid;gap:1rem;max-width:740px;margin-top:1rem}.fields button{justify-self:start}.type-pick{margin-top:1rem}.row{padding:.7rem 0;border-top:1px solid var(--line)}label{display:grid;gap:.3rem;font-weight:650}
input,textarea,select{width:100%;font:inherit;color:var(--ink);border:1px solid #a8b9cb;border-radius:7px;background:white;padding:.48rem .62rem}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c65f25;outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.card .nav{margin-top:.8rem}.tag{display:inline-block;background:#e7f1fa;color:#1b537e;padding:.2rem .5rem;border-radius:5px;font-size:.79rem;font-weight:700}.card h2{margin-top:.7rem}summary{cursor:pointer;color:var(--blue);font-weight:650}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border-radius:7px;padding:.7rem;font-size:.9rem;max-height:28rem;overflow:auto}.notice{border-left:4px solid var(--blue);background:#e8f2fb;padding:.65rem .8rem}.foot{margin-top:2rem;padding-block:1rem;color:var(--muted);font-size:.85rem}