/* Conversion pieces: the end-of-article course bridge, the reading-complete newsletter nudge,
   and course-page level deep links. Shared by the mockup and the theme (assets/css/conversion.css). */

/* ---- Course bridge (end of every article, matched to its topic) ---- */
.fm-bridge-wrap{margin-top:var(--space-10)}
.fm-bridge{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-9);padding:var(--space-9);background:var(--surface-tint);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-lg)}
.fm-bridge__main{display:grid;gap:var(--space-5);align-content:start}
.fm-bridge__title{margin:0;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h2);line-height:var(--lh-heading);letter-spacing:-0.02em;color:var(--text-1);text-wrap:balance}
.fm-bridge__body{margin:0;max-width:52ch;font-family:var(--font-reading);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-2)}
.fm-bridge__facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin:0;padding:0;list-style:none;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-2)}
.fm-bridge__facts .bi{margin-right:var(--space-2);color:var(--accent)}
.fm-bridge__side{display:grid;gap:var(--space-6);align-content:start}
.fm-bridge__levels{margin:var(--space-3) 0 0;padding:0;list-style:none;border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-bridge__levels>li{display:grid;grid-template-columns:5.25rem 1fr;gap:var(--space-1) var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--border-1);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--text-3)}
.fm-bridge__lvl{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:0.06em;text-transform:uppercase}
.fm-bridge__name{font-weight:var(--fw-semibold);color:var(--text-2)}
.fm-bridge__levels>li.is-current .fm-bridge__lvl{color:var(--text-accent)}
.fm-bridge__levels>li.is-current .fm-bridge__name{color:var(--text-1)}
.fm-bridge__levels ul{grid-column:2;display:grid;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;color:var(--text-1)}
.fm-bridge__levels ul li{display:flex;gap:var(--space-3);align-items:baseline}
.fm-bridge__levels ul li::before{content:"";flex:none;width:0.45em;height:0.45em;border-radius:50%;background:var(--accent);transform:translateY(-0.1em)}
.fm-bridge__quote{margin:0;padding:var(--space-5) var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-md)}
.fm-bridge__quote blockquote{margin:0 0 var(--space-3);font-family:var(--font-reading);font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--text-1)}
.fm-bridge__quote figcaption{font-family:var(--font-ui);font-size:var(--fs-xs);line-height:var(--lh-ui);color:var(--text-3)}
.fm-bridge__quote figcaption strong{color:var(--text-2)}
@media (max-width:1023.98px){.fm-bridge{grid-template-columns:1fr;gap:var(--space-7);padding:var(--space-7)}}
@media (max-width:599.98px){.fm-bridge{padding:var(--space-6) var(--space-5)}.fm-bridge__levels>li{grid-template-columns:4.5rem 1fr}}

/* ---- Newsletter nudge: appears once the reader reaches the end of an article (wide screens only) ---- */
.fm-nudge{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:var(--z-sticky);display:grid;gap:var(--space-3);width:min(23rem,calc(100vw - 2 * var(--space-6)));padding:var(--space-6);background:var(--surface-raised);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);opacity:0;transform:translateY(1rem);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.fm-nudge[hidden]{display:none}
.fm-nudge.is-shown{opacity:1;transform:none}
.fm-nudge__title{margin:0;padding-right:var(--space-7);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h4);line-height:var(--lh-heading);color:var(--text-1)}
.fm-nudge__body{margin:0;font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--text-2)}
.fm-nudge__close{position:absolute;top:var(--space-3);right:var(--space-3)}
.fm-nudge .fm-newsletter{margin-top:var(--space-2)}
@media (max-width:899.98px){.fm-nudge{display:none !important}}
@media (prefers-reduced-motion:reduce){.fm-nudge{transition:none;transform:none}}
@media print{.fm-nudge,.fm-bridge-wrap{display:none}}

/* ---- Course page: article bridges link straight to a level ---- */
.fm-modules>li{scroll-margin-top:calc(var(--header-h, 4rem) + var(--space-7))}
.fm-modules>li:target{border-radius:var(--radius-md);box-shadow:0 0 0 var(--space-3) var(--accent-softer);background:var(--accent-softer)}