/* Editorial component tokens are isolated; keep each site's typography. */
.fpi-cards,.fpi-related{--fpi-ink:#18232d;--fpi-muted:#4b5965;--fpi-line:#d8dfe4;--fpi-accent:#124b68;font:inherit;color:var(--fpi-ink);box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.fpi-cards *,.fpi-related *{box-sizing:border-box;min-width:0}
.fpi-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0}
.fpi-card{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--fpi-line);border-radius:6px;background:#fff;overflow:hidden}
.fpi-card__media{aspect-ratio:4/3;background:#fff;padding:1.25rem;display:grid;place-items:center}
.fpi-card__media img{display:block!important;width:100%!important;height:100%!important;max-height:280px;object-fit:contain!important;margin:0!important}
.fpi-card__body{padding:1.25rem;align-self:center;font-size:1rem;line-height:1.6}
.fpi-card__body p{margin:0 0 .8rem!important;color:var(--fpi-ink)}
.fpi-card__body .fpi-card__title{font-size:1.15rem;line-height:1.4}
.fpi-card__body .fpi-card__limits{color:var(--fpi-muted)}
.fpi-card a.fpi-card__cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.65rem 1rem;background:var(--fpi-accent);color:#fff;border:2px solid transparent;border-radius:3px;text-decoration:none;font-weight:700;line-height:1.4;transition:background-color 150ms ease;touch-action:manipulation}
.fpi-card a.fpi-card__cta:hover{background:#0b354c;color:#fff;text-decoration:underline}
.fpi-card a.fpi-card__cta:active{background:#082637}
.fpi-card a.fpi-card__cta:focus-visible,.fpi-related a:focus-visible{outline:3px solid #124b68;outline-offset:3px;box-shadow:0 0 0 3px #fff}
.fpi-related{padding:1.25rem;margin:2rem 0;border:1px solid var(--fpi-line);border-radius:6px;background:#fff}
.fpi-related p{margin:0 0 .5rem}
.fpi-related ul{margin:0;padding:0;list-style:none}
.fpi-related li+li{border-top:1px solid var(--fpi-line)}
.fpi-related a{display:flex;align-items:center;min-height:44px;padding:.6rem 0;color:var(--fpi-accent);text-decoration:underline;line-height:1.5}
.fpi-related a:hover{color:#082637}
@media(min-width:768px){.fpi-card:has(.fpi-card__media){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.fpi-card__media{align-self:center}.fpi-card__cta{width:fit-content;min-width:180px}}
@media(prefers-reduced-motion:reduce){.fpi-card a.fpi-card__cta{transition:none}}