/* Keep the A footer compact and align its outer edges to the page container. */
body[data-design=a] footer{padding:44px max(30px,calc((100% - 1120px)/2)) 24px}
body[data-design=a] .footer-main{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:90px;align-items:start}
body[data-design=a] .footer-logo{width:240px}
body[data-design=a] .footer-main p{font-size:14px;line-height:2;margin-top:18px;max-width:490px}
body[data-design=a] .footer-main nav{grid-template-columns:1fr 1fr;gap:17px 26px;font-size:12px;padding-top:5px;margin:0;justify-self:end;min-width:280px}
body[data-design=a] .footer-bottom{margin-top:30px;padding-top:19px;gap:24px}
body[data-design=a] .footer-bottom>div{gap:22px}
@media(max-width:1000px){body[data-design=a] footer{padding-left:35px;padding-right:35px}body[data-design=a] .footer-main{gap:36px;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}body[data-design=a] .footer-main nav{min-width:240px;gap:17px 20px}}
@media(max-width:700px){body[data-design=a] footer{padding:36px 24px 22px}body[data-design=a] .footer-main{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}body[data-design=a] .footer-logo{width:210px}body[data-design=a] .footer-main p{font-size:13px;margin-top:16px}body[data-design=a] .footer-main nav{width:100%;min-width:0;justify-self:stretch;padding:0;gap:14px 20px;font-size:11px}body[data-design=a] .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;padding-top:18px}body[data-design=a] .footer-bottom>div{margin:0;gap:20px;flex-wrap:wrap}}

/* Align the four navigation links with the larger footer introduction. */
body[data-design=a] .footer-main nav{justify-self:stretch;min-width:0;width:100%;font-size:14px;gap:8px 28px;padding-top:48px}
body[data-design=a] .footer-main nav a{display:flex;align-items:center;min-height:44px;padding:10px 0;line-height:1.6}
@media(max-width:1000px){body[data-design=a] .footer-main nav{min-width:0;gap:8px 20px}}
@media(max-width:700px){body[data-design=a] .footer-main nav{font-size:13px;padding-top:0;gap:4px 20px}}

/* Prominent profile link under the footer navigation; official X logo geometry. */
body[data-design=a] .footer-links{min-width:0}
body[data-design=a] .footer-x{margin-top:24px}
body[data-design=a] .footer-x p{font-size:13px;line-height:1.6;color:#fff;margin:0 0 10px;letter-spacing:.04em}
body[data-design=a] .footer-x-button{display:flex;align-items:center;gap:18px;min-height:76px;padding:16px 20px;background:#fff;color:#10182b;border:1px solid #fff;transition:background .2s}
body[data-design=a] .footer-x-button:hover{background:#edf0f4}
body[data-design=a] .footer-x-button img{flex:none;width:26px;height:auto}
body[data-design=a] .footer-x-button strong{display:block;font-size:14px;line-height:1.6}
body[data-design=a] .footer-x-button small{display:block;margin-top:2px;font-size:11px;line-height:1.5;color:#525968;letter-spacing:.03em}
body[data-design=a] .footer-x-arrow{margin-left:auto;font-size:20px}
body[data-design=a] .footer-x-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:700px){body[data-design=a] .footer-x{margin-top:22px}body[data-design=a] .footer-x-button{padding:14px 16px;gap:16px}body[data-design=a] .footer-x-button strong{font-size:13px}}

/* Simplified footer: the X callout balances the introduction, policy joins social links. */
body[data-design=a] .footer-links{align-self:center}
body[data-design=a] .footer-x{margin-top:0}
body[data-design=a] .footer-bottom>div{column-gap:22px;row-gap:0;flex-wrap:wrap}
body[data-design=a] .footer-bottom .social-link{align-items:center;min-height:44px;white-space:nowrap}
@media(max-width:700px){body[data-design=a] .footer-bottom{gap:8px;padding-top:14px}body[data-design=a] .footer-bottom>div{column-gap:20px}}

/* Existing 11px social links sit immediately below the X bar. */
body[data-design=a] .footer-socials{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px}
body[data-design=a] .footer-socials .social-link{align-items:center;min-height:44px;white-space:nowrap}
@media(max-width:700px){body[data-design=a] .footer-socials{gap:20px}}