*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17324d;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:190px;max-width:45vw}a{color:#155da2}h1{line-height:1.2;font-size:34px}h2{font-size:23px;margin-top:32px}.note{background:#fff2d0;border:1px solid #ead394;border-radius:12px;padding:16px}.card{background:white;border:1px solid #dbe3ed;padding:24px;border-radius:16px}nav{display:flex;gap:16px;flex-wrap:wrap}footer{font-size:14px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:10px;border-bottom:1px solid #dbe3ed}@media print{header,footer,.print{display:none}body{background:white}.card{border:0}}
button,select{font:inherit;padding:10px 14px;border:1px solid #bcd4ec;border-radius:8px;background:white;color:#17324d}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1768ad;outline-offset:3px}
textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #bcd4ec;border-radius:8px;color:#17324d;margin:8px 0 18px}label{display:block;margin:12px 0}article button{margin:8px 8px 8px 0}textarea:focus-visible{outline:3px solid #1768ad;outline-offset:3px}