:root{font-family:system-ui,sans-serif;color:#172b38;background:#eef3f6;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1150px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:clamp(22px,4vw,32px);margin:6px 0}h2{font-size:21px;margin-top:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#397488}.card{background:#fff;border:1px solid #d9e4ea;border-radius:14px;padding:24px;margin-bottom:20px;scroll-margin-top:20px}.narrow{max-width:520px;margin:40px auto}p{line-height:1.6;color:#506775}label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:14px}input,select{font:inherit;padding:10px;border:1px solid #bdced6;border-radius:7px;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #4c91a3;outline-offset:1px}.check{flex-direction:row;align-items:center;gap:9px}.check input{width:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}button{font:inherit;font-size:14px;font-weight:600;background:#176d80;color:#fff;padding:11px 15px;border:1px solid transparent;border-radius:7px;cursor:pointer;margin:3px 5px 3px 0}.secondary{background:#edf4f6;border-color:#cbdee5;color:#254b5d}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}nav{display:flex;gap:20px;padding:4px 0 22px;flex-wrap:wrap}a{color:#176d80}pre{overflow:auto;background:#f3f7f9;padding:14px;border-radius:8px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.item{border:1px solid #dfE8ed;border-radius:8px;padding:12px;margin-bottom:12px}.item p{margin:6px 0;font-size:14px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row select{width:auto;flex:1;min-width:160px}.path{background:#eaf5f3;padding:12px;border-radius:8px;color:#205c57;overflow-wrap:anywhere}#message{position:sticky;bottom:12px;background:#173b49;color:#fff;padding:14px;border-radius:8px;display:none}#message.error{background:#8c3030}footer{font-size:12px;color:#667d88}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}header,main,footer{padding:16px}.card{padding:18px}button{max-width:100%}}
