:root{font-family:Arial,sans-serif;color:#182232;background:#f0f3f6;font-size:16px;--ink:#111d2e;--blue:#145bcc;--line:#d5dce5}*{box-sizing:border-box}body{margin:0}header{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:1px;color:white;text-decoration:none}.mark{background:#bfff3e;color:var(--ink);padding:5px 12px;font-style:italic}.brand-sub{font-size:12px;color:#a9b8cc;border-left:1px solid #516074;padding-left:12px}.demo{font-size:14px;color:#d2e3ff}nav{background:white;display:flex;gap:8px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;overflow:auto}nav button{border:0;border-radius:0;background:transparent;padding:20px 14px;white-space:nowrap;color:#526173;border-bottom:3px solid transparent}nav button.active{color:var(--blue);border-color:var(--blue);font-weight:bold}main{max-width:1450px;margin:auto;padding:30px 4vw 45px}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}h1{font-size:30px;margin:0 0 8px;letter-spacing:-.7px}h2{font-size:20px;margin:0 0 16px}h3{font-size:16px;margin:0 0 14px}.muted{color:#66758a;font-size:14px;line-height:1.6}p{line-height:1.5;margin:8px 0}.tag{display:inline-block;font-size:13px;border:1px solid #c5d6f0;border-radius:4px;padding:5px 9px;color:#20578f;background:#edf4ff}.panel{background:white;border:1px solid var(--line);padding:22px;margin-bottom:20px;border-radius:6px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-title h2{margin:0}.rule{height:4px;background:var(--ink);margin:16px 0 20px}.two{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.filters,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;align-items:flex-end}.filters label{flex:1;min-width:130px}label{display:block;font-size:14px;color:#46566c}label input,label select,label textarea{margin-top:7px;width:100%}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #b9c5d4;background:white;border-radius:4px;padding:10px 12px;color:var(--ink);min-height:44px}button{cursor:pointer;border:1px solid #becbdc;border-radius:4px;padding:10px 15px;background:white;min-height:44px;color:#24364d}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5c9cff;outline-offset:2px}.segmented{display:flex;gap:0}.segmented button{border-radius:0}.segmented button.on{background:var(--ink);color:white;border-color:var(--ink)}table{border-collapse:collapse;width:100%;font-size:14px}th{background:var(--ink);color:white;text-align:left;font-size:13px;letter-spacing:.2px;padding:13px 11px;font-weight:600}td{padding:13px 11px;border-bottom:1px solid #e2e7ee;line-height:1.45;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f7f9fc}.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow:auto}table.wide{min-width:1200px}.highlight{background:#ffe6ff;font-weight:bold;color:#791582}.day-heading{margin:24px 0 12px;color:#536780;font-size:14px;font-weight:bold}.metadata{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.metadata span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#738199;margin-bottom:5px}.metadata strong{font-size:16px}.section{border:1px solid var(--line);background:white;border-radius:6px;margin:16px 0;overflow:hidden}.section>h2{background:var(--ink);color:white;padding:13px 18px;margin:0;font-size:16px;letter-spacing:.7px;text-transform:uppercase}.blocks{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.block{border:1px solid #e0e5ee;border-radius:4px;padding:16px;min-width:0}.fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fieldgrid.corners{grid-template-columns:repeat(4,minmax(0,1fr))}.value{padding:9px 10px;background:#eef2f7;border-left:3px solid #d0dbea;min-height:40px;color:#142745;margin-top:6px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.value.error{color:#9c3127;background:#fff1ee;border-color:#cf776b}.notice{border-left:4px solid #da9c20;background:#fff8e7;padding:13px 16px;font-size:14px;margin:16px 0;color:#74531a;line-height:1.5}.info{border-color:#3d78c2;background:#edf4ff;color:#28517f}.empty{padding:40px;text-align:center;color:#617086}.notes{white-space:pre-wrap;line-height:1.6;font-size:14px}.archive-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record{background:white;border:1px solid var(--line);border-top:4px solid #173d77;padding:20px;border-radius:4px}.record h3{font-size:20px;margin:14px 0 4px}.record .actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.record .actions button{font-size:14px}.heading-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.inline-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;background:white;border:1px solid var(--line);padding:18px;position:sticky;bottom:0;z-index:3}.error-text{color:#aa2c25;font-size:14px}#toast{position:fixed;bottom:25px;right:25px;background:#142b49;color:white;padding:16px 20px;border-radius:5px;max-width:400px;display:none;z-index:10}footer{text-align:center;padding:22px;color:#66758a;font-size:13px;border-top:1px solid var(--line);background:white}details summary{cursor:pointer;padding:15px 0;font-size:14px;color:#3d5f86}details .allfields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}small{font-size:13px}@media(max-width:1000px){.two{grid-template-columns:1fr}.archive-cards{grid-template-columns:repeat(2,1fr)}.metadata,.inline-fields{grid-template-columns:repeat(2,1fr)}.fieldgrid.corners{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:15px}.brand-sub{display:none}.brand{font-size:21px}.demo{font-size:12px}nav{padding:0 6px}nav button{padding:15px 10px;font-size:14px}main{padding:22px 14px}h1{font-size:27px}.pagehead{display:block}.pagehead .tag{margin-top:8px}.blocks{grid-template-columns:1fr;padding:12px;gap:12px}.panel{padding:16px}.archive-cards{grid-template-columns:1fr}.filters label{min-width:calc(50% - 10px)}.form-footer{position:static;flex-direction:column;align-items:stretch}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}details .allfields{grid-template-columns:repeat(2,1fr)}}
