:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#203047;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#172d49;color:white;padding:16px max(18px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}header span{opacity:.75}nav{display:flex;align-items:center;gap:15px}nav a{color:white;text-decoration:none}nav form{margin:0}main{max-width:1000px;margin:24px auto;padding:0 16px}h1{font-size:1.65rem;margin:0 0 6px}h2{font-size:1.05rem;margin:0 0 15px}p{line-height:1.5}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.box{background:white;border:1px solid #dde4ed;border-radius:12px;padding:19px;margin:14px 0;box-shadow:0 1px 3px #12243b0a}.pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.pairs>div{min-width:0}.pairs small{display:block;color:#65748a;font-size:.76rem;margin-bottom:4px}.pairs strong{display:block;font-size:.91rem;overflow-wrap:anywhere}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.form label{font-size:.82rem;color:#45566c;font-weight:600}.form input{display:block;width:100%;padding:10px;border:1px solid #cdd7e2;border-radius:7px;margin-top:5px;font:inherit;font-size:.92rem}.form button{grid-column:1/-1;justify-self:start}button,.button{display:inline-block;background:#2464a4;color:white;border:0;padding:10px 14px;border-radius:7px;font:inherit;font-size:.88rem;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:#e8eef5;color:#234363}.danger{background:#fff0f0;color:#a02727;border:1px solid #f2cccc;padding:6px 10px;font-size:.75rem}details{border-top:1px solid #e9edf2;margin-top:12px;padding-top:12px}summary{cursor:pointer;font-weight:600;color:#245b8f}.item{padding:11px 0;border-bottom:1px solid #e8edf3}.item p{font-size:.85rem;color:#59697d;margin:5px 0}.item form{margin-top:5px}.property{display:flex;flex-direction:column;gap:6px;background:white;border:1px solid #dce4ed;border-radius:11px;padding:17px;margin-bottom:12px;color:inherit;text-decoration:none}.property:hover{border-color:#2464a4}.property span,.property small{color:#627289}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{background:#f1f5f9;padding:12px;border-radius:8px;font-size:.8rem;color:#5d6e82}.metrics strong{display:block;font-size:1.08rem;color:#21344b;margin-top:4px}.tablewrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{padding:9px;text-align:left;border-bottom:1px solid #e5ebf1}th{background:#f4f6f9}.alert{background:#fff6e3;padding:10px;border-radius:7px}.error{background:#ffeaea;color:#8e2424;padding:12px;border-radius:8px}.letter{background:white;padding:30px;line-height:1.8;max-width:800px;margin:20px auto}.letter p{margin:24px 0}.muted,footer{color:#77869a;font-size:.8rem}footer{text-align:center;padding:25px}@media(max-width:600px){.pairs,.form{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.top{align-items:flex-start;flex-direction:column}header{padding:15px}nav{flex-wrap:wrap}}@media print{header,footer,button,.box,.top{display:none!important}main{margin:0;padding:0}.letter{display:block!important;max-width:none;padding:0}}
