*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:14px/1.45 system-ui,sans-serif;color:#142c39;background:#edf1f3;display:flex;flex-direction:column}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{border:1px solid #a8bac4;border-radius:5px;padding:7px 12px;color:#173b50;background:white;cursor:pointer}button:hover{background:#e8f2fa}button:disabled{opacity:.45;cursor:default}a{color:#145b85}header{display:flex;align-items:center;gap:22px;background:#102d40;color:white;padding:12px 20px}header a{color:white}header>a:first-child{font-weight:750;font-size:20px;text-decoration:none}header>a:last-child{margin-left:auto}h1{font-size:16px;margin:0;font-weight:500}h2{font-size:14px;margin:0 0 7px}p{font-size:12px;color:#4b6270;margin:5px 0 12px}main{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0}aside{overflow:auto;background:#fff;border-right:1px solid #bccbd4}section{padding:18px;border-bottom:1px solid #d5dfe5}section>button,section>a{margin:8px 5px 0 0}label{display:flex;flex-direction:column;gap:4px;font-size:12px}input,select{width:100%;min-width:0;padding:7px;border:1px solid #a8bac4;border-radius:4px;background:white;color:#142c39}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}article{display:flex;flex-direction:column;min-height:0;min-width:0}.toolbar{display:flex;justify-content:space-between;gap:10px;padding:16px 22px;background:#fff;border-bottom:1px solid #bccbd4}.toolbar p{margin:0;font-variant-numeric:tabular-nums}.viewport{position:relative;flex:1;min-height:0;margin:22px}svg{position:absolute;width:100%;height:100%;inset:0}#empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#506a79;padding:30px;pointer-events:none}#empty[hidden]{display:none}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding:9px 22px;border-top:1px solid #c5d3dc;font-size:11px;background:white}#detail{padding:12px 22px;background:#e1eaf0;min-height:45px;font-size:12px}footer{padding:5px 18px;background:#102d40;color:#fff;font-size:12px;min-height:28px}.part{border:1px solid #ccd7df;border-left:4px solid var(--color);padding:10px;margin-top:12px}.part strong{display:block;overflow-wrap:anywhere}.part small{color:#526d7e}.part .row{display:flex;gap:8px;align-items:end;margin-top:8px}.part label{flex:1}.part .check{display:flex;flex-direction:row;align-items:center;margin-top:9px}.check input{width:auto}.primary{background:#145e87;color:white}.primary:hover{background:#104b6b}nav{display:none}svg g[tabindex]{cursor:pointer}svg g[tabindex]:focus rect{stroke:#111;stroke-width:5}body[data-tab=setup] #setup{display:block}@media(max-width:760px){header{padding:10px 12px;gap:12px}header>a:last-child{font-size:11px}h1{font-size:14px}nav{display:flex;background:#fff;padding:6px 12px;gap:8px}nav button[aria-pressed=true]{background:#d6e8f5;border-color:#145b85}main{display:block;position:relative}aside,article{height:100%}aside{display:none}body[data-tab=setup] article{display:none}.viewport{margin:12px}.toolbar{padding:10px 12px}.legend{padding:8px 12px;gap:5px 12px}#detail{padding:8px 12px}footer{font-size:11px}}