.page-banner{width:calc(100% - 40px);max-width:1100px;margin:24px auto;background:#111;color:#fff}.page-banner__heading{margin:0;padding:24px 28px;font-size:clamp(1.6rem,3vw,2.4rem)}.page-banner__nav{display:flex;overflow-x:auto;border-top:1px solid #333}.page-banner__link{position:relative;flex:1;min-width:120px;padding:15px 20px;color:#ccc;border-right:1px solid #333;text-align:center;text-decoration:none;font-weight:600}.page-banner__link:last-child{border-right:0}.page-banner__link:hover{color:#fff;background:#222}.page-banner__link[aria-current=page]{color:#fff;background:#1d1d1d}.page-banner__link[aria-current=page]:after{position:absolute;right:18px;bottom:0;left:18px;height:3px;background:#fff;content:""}.page-banner__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media (max-width: 650px){.page-banner{width:calc(100% - 24px);margin:12px auto}.page-banner__heading{padding:20px}.page-banner__link{flex:0 0 auto}}