/* Shared styles for the ERTQAA tools hub page. */
:root{--navy:#052d4e;--blue:#0673ac;--mid:#065583;--bg:#eff5f8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--navy);font:15px 'Segoe UI',Tahoma,Arial,sans-serif}
.hub-head{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#fff;border-bottom:3px solid var(--blue)}
.logo img{height:70px;width:auto;display:block}
button{font:inherit;cursor:pointer;border:1px solid #d3dce7;border-radius:5px;padding:9px 16px;background:#fff;color:#344e6b;font-weight:600}
button:hover{background:#edf2f7}
main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px}
.eyebrow{color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.5px;margin:0}
h1{font-size:34px;margin:8px 0 10px}
.intro>p:last-child{color:#5f7489;max-width:640px;margin:0}
.tools{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.tool{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;background:#fff;border:1px solid #d3dce7;border-top:4px solid var(--blue);border-radius:6px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.tool:hover,.tool:focus-visible{box-shadow:0 10px 30px #052d4e1a;transform:translateY(-2px)}
.tool .icon{font-size:26px;color:var(--blue)}
.tool strong{font-size:19px}
.tool span:last-child{color:#5f7489;font-size:13px;line-height:1.7}
.hub-foot{text-align:center;padding:20px;font-size:12px}
.hub-foot a{color:var(--mid);text-decoration:none;direction:ltr;display:inline-block}
@media(max-width:600px){.hub-head{padding:14px 16px}.logo img{height:54px}main{padding:32px 16px}h1{font-size:26px}}