h1{font:clamp(34px,5vw,60px)/1.15 Georgia;margin:22px 0}.hub-intro{max-width:850px;color:#b5c5d2;font-size:17px}.hub-nav{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hub-nav a,.hub-pagination a{border:1px solid #d9b87355;padding:10px 15px;color:#d9b873}.hub-nav a[aria-current]{background:#d9b873;color:#081421}.article-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101f33}.article-card h2{font:27px/1.3 Georgia;letter-spacing:0;margin:14px 0}.article-card p{color:#b5c5d2}.hub-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:40px 0}.hub-method{border-top:1px solid #ffffff25;padding-top:25px}.hub-method a{text-decoration:underline;text-underline-offset:4px}.header-library{margin-left:auto}header>a:not(.brand){font-size:12px}@media(max-width:800px){.hub-nav,.hub-pagination{position:static;display:flex;background:none;padding:0;border:0;flex-direction:row}.header-library{display:none}header>a:last-child{margin-left:auto}}
.topic-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.topic-links a{padding:8px 12px;background:#101f33;border:1px solid #ffffff20;font-size:12px}.topic-links a[aria-current]{border-color:#d9b873;color:#d9b873}.library-search{max-width:760px;margin:25px 0}.library-search label{display:block;font-size:14px;margin-bottom:10px;color:#d9b873}.library-search>div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.library-search input{flex:1;min-width:160px;padding:14px;background:#101f33;color:#f6f3ec;border:1px solid #ffffff40;font:16px Arial}.library-search button{padding:15px 25px;background:#d9b873;color:#081421;border:0;cursor:pointer}.result-count{color:#b5c5d2;font-size:13px;margin:24px 0}.empty-results{padding:32px;border:1px solid #d9b87355}.library-search a{text-decoration:underline}header{gap:18px}header>a:focus-visible,.topic-links a:focus-visible{outline:2px solid #d9b873;outline-offset:4px}@media(max-width:600px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 5%;gap:16px}.library-search input{width:100%}header .brand{flex-basis:100%}}
