*{box-sizing:border-box}body{font:17px/1.55 system-ui,Arial,sans-serif;margin:0;color:#16364a}header,main,footer{max-width:1180px;margin:auto;padding:20px clamp(16px,3vw,36px)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #cce0e8;flex-wrap:wrap}header img{max-width:180px;height:auto}header nav,.pager{display:flex;gap:18px;align-items:center;flex-wrap:wrap}a{color:#07597a;text-underline-offset:.16em}a:hover{color:#a04a00}h1{font-size:clamp(30px,5vw,52px);line-height:1.12;margin:20px 0}h2{font-size:27px;margin:34px 0 12px}input,select{max-width:100%;font:inherit;border:1px solid #829faa;border-radius:7px;padding:9px;margin:5px 12px 5px 0}input{width:min(480px,100%)}.lookup{padding:18px;background:#edf6f8;border-radius:12px}.groups,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}.groups a,article{border:1px solid #d4e3e8;border-radius:9px;padding:12px}.groups span{color:#496472;display:block;font-size:14px}article img{width:100%;height:100px;object-fit:contain}article h3{font-size:18px;line-height:1.3;margin:6px 0}article p{font-size:15px;margin:.4em 0}.pager{padding:20px 0}.crumb{font-size:15px}footer{border-top:1px solid #d4e3e8;margin-top:32px}