/* Shared QR codes: a compact row within the site footer. */
.footer-follow{border-top:1px solid #ffffff14;scroll-margin-top:100px}
.footer-follow-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:28px}
.footer-follow-copy{min-width:0}
.footer-follow-copy h2{font-size:22px;line-height:1.5;font-weight:650;color:#fff;margin:0 0 8px}
.footer-follow-copy p{font-size:13px;line-height:1.9;color:#b9c8e2}
.footer-follow-copy .footer-follow-tip{margin-top:4px;font-size:12px;color:#9dafce}
.footer-follow-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;font-size:12px}
.site-footer .footer-follow-links a{color:#d4dff1}
.site-footer .footer-follow-links a:hover{color:#ffd183}
.footer-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,156px));gap:24px;flex:none}
.site-footer .footer-qr{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;color:#d4dff1;line-height:1.6;border-radius:8px}
.footer-qr img{display:block;width:128px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:7px}
.footer-qr-name{display:block;margin-top:10px;font-size:13px;font-weight:500}
.footer-qr-hint{display:block;margin-top:3px;font-size:11px;color:#9dafce}
.site-footer .footer-qr:hover{color:#ffd183}
.footer-follow a:focus-visible{outline:3px solid #ffd183;outline-offset:5px}
@media(max-width:960px){
 .footer-follow-inner{gap:24px}
 .footer-follow-copy h2{font-size:20px}
 .footer-qr-grid{grid-template-columns:repeat(3,minmax(0,134px));gap:16px}
 .footer-qr img{width:120px}
 .footer-qr-name{font-size:12px}
}
@media(max-width:760px){
 .footer-follow-inner{flex-direction:column;align-items:center;gap:24px;padding-block:26px}
 .footer-follow-copy{text-align:center}
 .footer-follow-copy h2{font-size:20px}
 .footer-follow-links{justify-content:center;margin-top:12px}
 .footer-qr-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:460px;gap:12px}
 .footer-qr img{width:120px}
 .footer-qr-name{max-width:100%;min-height:3.2em;margin-top:9px;text-wrap:balance}
 .footer-qr-hint{margin-top:0}
}
@media(max-width:360px){
 .footer-qr-grid{gap:8px}
 .footer-qr-name{font-size:11px}
}

.learn-dialog{border:0;border-radius:12px;padding:30px;width:min(420px,92vw);max-width:92vw;max-height:90vh;overflow:auto;margin:auto;color:#17375f;background:#fff;box-shadow:0 25px 70px #0a1c4455;text-align:center}
.learn-dialog::backdrop{background:#102547ba}
.learn-dialog-close{position:absolute;right:11px;top:7px;border:0;background:transparent;font-size:28px;line-height:1;padding:7px;color:#69819d;cursor:pointer}
.learn-dialog h2{font-size:20px;line-height:1.5;margin:11px 15px 17px}
.learn-dialog-image{display:block;width:320px;max-width:100%;height:auto;margin:0 auto 15px;image-rendering:pixelated}
.learn-dialog p{font-size:13px;line-height:1.8;color:#60758e;margin:0 0 20px}
.learn-download{display:inline-block;color:#fff;background:#234c81;border-radius:5px;padding:10px 24px;font-size:14px;font-weight:600}
.learn-download:hover{color:#fff;background:#315f97}
.learn-dialog :is(a,button):focus-visible{outline:3px solid #e4a648;outline-offset:3px}
@media(max-width:600px){
 .learn-dialog{padding:26px 21px}
 .learn-dialog h2{font-size:18px}
}