/* Cross-promotion block. Self-contained: scoped .xp-* only, so it does not
   inherit from (or leak into) any of the site's other CSS generations. */
.xp{box-sizing:border-box;max-width:min(44rem,calc(100% - 2.5rem));margin:2.75rem auto 3rem;
    padding:1.4rem 1.5rem 1.25rem;border:1px solid var(--xp-line);border-radius:14px;
    background:var(--xp-bg);}
.xp-h{margin:0 0 .25rem;font-size:1.05rem;line-height:1.3;color:var(--xp-heading);font-weight:700;}
.xp-sub{margin:0 0 1.1rem;font-size:.85rem;line-height:1.45;color:var(--xp-fine);}
.xp-list{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;}
.xp-item{display:flex;gap:.9rem;align-items:flex-start;}
.xp-item img{flex:0 0 auto;width:56px;height:56px;border-radius:13px;
    box-shadow:0 1px 4px rgba(0,0,0,.14);background:#fff;}
.xp-body{min-width:0;}
.xp-name{display:inline-block;margin:0 0 .2rem;font-size:1rem;font-weight:650;
    color:var(--xp-accent);text-decoration:none;}
.xp-name:hover{text-decoration:underline;}
.xp-desc{margin:0 0 .4rem;font-size:.9rem;line-height:1.45;color:var(--xp-body);}
.xp-cta{display:inline-block;font-size:.82rem;font-weight:600;color:var(--xp-accent);
    text-decoration:none;}
.xp-cta:hover{text-decoration:underline;}
.xp-cta::after{content:" \2192";}
@media (min-width:34rem){.xp-list{grid-template-columns:1fr 1fr;gap:1.4rem;}}

:root{--xp-accent:#C2410C;--xp-bg:#FFF7ED;--xp-line:#FDBA8C;--xp-heading:#1F2937;--xp-body:#374151;--xp-fine:#6B7280;}