/* Editorial article endings, shared by Spanish and English static pages. */
html body .article-reading{margin:clamp(48px,7vw,96px) 0 24px;padding-top:40px;border-top:1px solid #d8e0eb;color:#142338}
html body .article-reading__header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
html body .article-reading__eyebrow{display:block;color:#365ca7;font:700 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;margin-bottom:12px}
html body .article-reading h2{font:700 clamp(26px,3vw,38px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 14px;max-width:650px}
html body .article-reading__header p{font:400 15px/1.7 Inter,system-ui,sans-serif;color:#586a83;margin:0;max-width:620px}
html body .article-reading a{color:#17365f!important;text-decoration:none!important}
html body .article-reading__all{flex-shrink:0;display:inline-flex;align-items:center;gap:16px;font:600 14px/1.5 Inter,system-ui,sans-serif;padding:12px 0}
html body .article-reading__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body .article-reading .reading-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d6dfeb;border-radius:18px;background:#fff;box-shadow:0 10px 28px #16294308;transition:transform .2s,border-color .2s,box-shadow .2s}
html body .article-reading .reading-card:hover{transform:translateY(-5px);border-color:#8ba8da;box-shadow:0 18px 36px #16294314}
html body .article-reading a:focus-visible{outline:3px solid #2861e8;outline-offset:5px}
html body .article-reading .reading-card__image{aspect-ratio:16/9;overflow:hidden;background:#e6edf7}
html body .article-reading .reading-card__image img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transform:none;position:static}
html body .article-reading .reading-card__body{display:flex;flex-direction:column;flex:1;padding:24px}
html body .article-reading .reading-card__topic{font:600 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#4265a2;margin-bottom:12px}
html body .article-reading .reading-card h3{font:700 clamp(19px,1.8vw,23px)/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#142338;margin:0 0 14px}
html body .article-reading .reading-card p{font:400 14px/1.7 Inter,system-ui,sans-serif;color:#586a83;margin:0 0 24px}
html body .article-reading .reading-card__action{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid #e6ebf2;font:600 13px/1.5 Inter,system-ui,sans-serif;color:#2454b8}
html body .article-reading__practice{margin-top:28px;padding:26px 28px;border:1px solid #d8e1ef;border-radius:16px;background:#edf2fa}
html body .article-reading__practice h3{font:700 18px/1.4 Inter,system-ui,sans-serif;color:#142338;margin:0 0 6px}
html body .article-reading__practice p{font:400 14px/1.6 Inter,system-ui,sans-serif;color:#586a83;margin:0 0 16px}
html body .article-reading__practice ul{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none}
html body .article-reading__practice a{font:600 14px/1.6 Inter,system-ui,sans-serif;display:inline-flex;gap:12px;align-items:center;text-decoration:underline!important;text-underline-offset:4px}
@media(max-width:1000px){html body .article-reading__grid{gap:14px}html body .article-reading .reading-card__body{padding:18px}}
@media(max-width:700px){html body .article-reading__header{align-items:flex-start;flex-direction:column;gap:12px}html body .article-reading__grid{grid-template-columns:1fr}html body .article-reading .reading-card__body{padding:22px}html body .article-reading__practice{padding:22px}html body .article-reading__practice ul{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html body .article-reading .reading-card{transition:none}html body .article-reading .reading-card:hover{transform:none}}


/* Mobile reading recommendations need their own gutter inside edge-to-edge article shells. */
@media(max-width:700px){
 html body .article-reading{box-sizing:border-box;width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important;padding-top:28px}
 html body .article-reading__header{gap:10px;margin-bottom:20px}
 html body .article-reading h2{font-size:26px!important;line-height:1.18!important;letter-spacing:-.025em}
 html body .article-reading__header p{font-size:14px!important;line-height:1.6!important}
 html body .article-reading__all{font-size:13px;padding:6px 0}
 html body .article-reading__grid{min-width:0;gap:20px}
 html body .article-reading .reading-card{min-width:0;max-width:100%;border-radius:14px}
 html body .article-reading .reading-card__body{padding:20px}
 html body .article-reading .reading-card h3{font-size:19px!important;line-height:1.3}
 html body .article-reading__practice{padding:20px;margin-top:22px}
}


/* Introduce the blog in one full-width box, followed by the three articles. */
html body .article-reading__intro{box-sizing:border-box;width:100%;padding:clamp(26px,4vw,44px);margin-bottom:28px;border:1px solid #cbd9ef;border-radius:18px;background:linear-gradient(125deg,#edf3ff,#f6f8fc);box-shadow:0 12px 30px #17356206}
html body .article-reading__intro h2{max-width:760px;margin:0 0 16px!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important}
html body .article-reading__intro p{max-width:720px;margin:0!important;font:400 16px/1.7 Inter,system-ui,sans-serif;color:#586a83}
html body .article-reading a.article-reading__browse,html body .article-reading a.article-reading__browse:is(:hover,:focus-visible,:visited){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:24px;padding:13px 22px;border:1px solid #245ce0;border-radius:9px;background:#245ce0;color:#fff!important;text-decoration:none!important;font:600 14px/1.5 Inter,system-ui,sans-serif;transition:background .2s,border-color .2s}
html body .article-reading a.article-reading__browse:hover{background:#194bbf;border-color:#194bbf}
html body .article-reading__browse>span{font-size:20px;line-height:1}
@media(max-width:700px){html body .article-reading__intro{padding:24px;margin-bottom:22px;border-radius:14px}html body .article-reading__intro h2{font-size:27px!important}html body .article-reading__intro p{font-size:14px;line-height:1.65}html body .article-reading a.article-reading__browse{display:flex;width:100%;margin-top:20px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){html body .article-reading a.article-reading__browse{transition:none}}

/* Branded service and client project recommendations below the reading cards. */
html body .article-reading__practice ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:24px}
html body .article-reading__practice li{display:flex;min-width:0;margin:0;padding:0;list-style:none}
html body .article-reading__practice a.practice-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;padding:24px;border:1px solid #cbd7e8;border-radius:12px;background:rgba(255,255,255,.13);text-decoration:none!important;color:#142338!important;box-shadow:none;transition:border-color .18s,background-color .18s}
html body .article-reading__practice a.practice-card:is(:hover,:focus-visible){text-decoration:none!important;color:#142338!important;border-color:#9bb1d1;background:rgba(255,255,255,.25);box-shadow:none;transform:none}
html body .article-reading__practice .practice-card__type{font:600 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#4265a2;margin-bottom:16px}
html body .article-reading__practice .practice-card__logo{display:flex;align-items:center;width:210px;max-width:100%;height:72px;margin-bottom:20px}
html body .article-reading__practice .practice-card__logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;border:0;border-radius:0;transform:none}
html body .article-reading__practice .practice-card h4{margin:0 0 12px;color:#142338;font:700 21px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.025em}
html body .article-reading__practice p.practice-card__summary{margin:0 0 24px;font:400 14px/1.7 Inter,system-ui,sans-serif;color:#586a83}
html body .article-reading__practice .practice-card__action{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-top:18px;border-top:1px solid #e3eaf3;color:#2454b8;font:600 13px/1.5 Inter,system-ui,sans-serif}
@media(max-width:700px){html body .article-reading__practice ul{grid-template-columns:1fr;gap:16px;margin-top:20px}html body .article-reading__practice a.practice-card{padding:22px}html body .article-reading__practice .practice-card__logo{width:190px;height:66px}html body .article-reading__practice .practice-card h4{font-size:19px}}
@media(prefers-reduced-motion:reduce){html body .article-reading__practice a.practice-card{transition:none}html body .article-reading__practice a.practice-card:is(:hover,:focus-visible){transform:none}}

/* Gentle outlines keep each card readable without a white panel. */
@media(max-width:1000px){
 html body .article-reading__practice ul{grid-template-columns:1fr!important;gap:16px}
 html body .article-reading__practice a.practice-card{padding:22px}
}
/* Present services/projects before introducing the blog. */
html body .article-reading > .article-reading__practice{margin:0 0 32px!important}