/* Shared article typography. Source of truth for Website and CMS preview. */
.mdf-article{color:#e9edf8;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.mdf-article *{box-sizing:border-box}
.mdf-article h1{font-size:clamp(30px,4.5vw,54px);line-height:1.13;letter-spacing:-.035em;margin:.3em 0 .65em;color:#f6f8ff;font-weight:750}
.mdf-article .article-lead{font-size:21px;line-height:1.65;color:#b9c5da;margin:0 0 1.8em}
.mdf-article .content-blocks p{white-space:pre-line;margin:1.1em 0}
.mdf-article h2{font-size:clamp(26px,3vw,34px);line-height:1.28;letter-spacing:-.02em;margin:1.8em 0 .65em;color:#f6f8ff;scroll-margin-top:100px}
.mdf-article h3{font-size:24px;line-height:1.4;margin:1.5em 0 .6em;color:#f6f8ff;scroll-margin-top:100px}
.mdf-article ul{padding-left:1.5em;margin:1em 0}
.mdf-article li{margin:.45em 0}
.mdf-article blockquote{white-space:pre-line;border-left:3px solid #8b7bff;background:#1b2037;border-radius:0 10px 10px 0;padding:18px 24px;margin:1.6em 0;color:#dcd5ff}
.mdf-article figure{margin:2em 0;text-align:center}
.mdf-article img{display:block;max-width:100%;height:auto;max-height:760px;object-fit:contain;margin:0 auto;border-radius:14px;background:#0b101b}
.mdf-article .article-cover-image{width:100%;max-height:520px;object-fit:contain;margin:1.6em 0 2em}
.mdf-article figcaption{font-size:14px;color:#a7b6cc;margin-top:12px;line-height:1.5}
.mdf-article .content-image{max-width:100%;transition:width .16s ease}
.mdf-article .content-image--small{width:40%}
.mdf-article .content-image--medium{width:55%}
.mdf-article .content-image--normal{width:70%}
.mdf-article .content-image--wide{width:86%}
.mdf-article .content-image--full{width:100%}
.mdf-article .content-image--align-left{margin-left:0;margin-right:auto}
.mdf-article .content-image--align-center{margin-left:auto;margin-right:auto}
.mdf-article .content-image--align-right{margin-left:auto;margin-right:0}
.mdf-article .content-image--wrap-left{float:left;margin:.45em 1.5em 1em 0}
.mdf-article .content-image--wrap-right{float:right;margin:.45em 0 1em 1.5em}
.mdf-article .content-blocks::after{content:"";display:block;clear:both}
.mdf-article h2,.mdf-article h3,.mdf-article hr,.mdf-article blockquote,.mdf-article .content-action,.mdf-article .content-gallery,.mdf-article .content-slider{clear:both}
.mdf-article .content-image-zoom{display:block;width:100%;padding:0;border:0;border-radius:14px;background:transparent;color:inherit;text-decoration:none;cursor:zoom-in;overflow:hidden}
.mdf-article .content-image-zoom:focus-visible{outline:3px solid #c5bcff;outline-offset:4px}
.mdf-article .content-image-zoom>img{width:100%;margin:0}
.mdf-article .content-gallery{display:grid;gap:14px;margin:2em 0}
.mdf-article .content-gallery--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdf-article .content-gallery--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mdf-article .content-gallery--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mdf-article .content-gallery figure{min-width:0;margin:0}
.mdf-article .content-gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;max-height:none}
.mdf-article .content-gallery .content-image-zoom{height:100%}
.mdf-article .content-gallery .content-image-zoom>img{height:100%}
.mdf-article .content-slider{position:relative;margin:2em 0;padding:0 52px}
.mdf-article .content-slider-viewport{overflow:hidden;border-radius:14px}
.mdf-article .content-slider-slide{display:none;margin:0}
.mdf-article .content-slider-slide[data-active="true"]{display:block}
.mdf-article .content-slider-slide img{width:100%;max-height:680px;aspect-ratio:16/9;object-fit:contain}
.mdf-article .content-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #4e5c75;border-radius:50%;background:#172033e8;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.mdf-article .content-slider-nav:hover{background:#25324a}
.mdf-article .content-slider-prev{left:4px}
.mdf-article .content-slider-next{right:4px}
.mdf-article .content-slider-meta{display:flex;justify-content:center;gap:8px;margin-top:10px;color:#a7b6cc;font-size:13px}
.mdf-article .content-slider-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
.mdf-article .content-slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#4d5870;cursor:pointer}
.mdf-article .content-slider-dot[aria-current="true"]{background:#8b7bff}
.mdf-article .content-slider-preview-note{margin-top:8px;color:#a7b6cc;font-size:13px;text-align:center}
.mdf-article hr{border:0;border-top:1px solid #303a51;margin:2em 0}
.mdf-article a{color:#b2a9ff;text-underline-offset:4px}
.mdf-article .content-button{display:inline-flex;align-items:center;padding:12px 20px;border-radius:10px;background:#7560f5;color:#fff;font-size:16px;font-weight:650;text-decoration:none;line-height:1.5}
.mdf-article .content-button:hover{background:#8874ff}
.mdf-article .content-button:focus-visible{outline:3px solid #c5bcff;outline-offset:4px}
.mdf-article .article-meta{font-size:13px;color:#a7b6cc;margin-bottom:16px}
@media(max-width:760px){.mdf-article .content-gallery--cols-3,.mdf-article .content-gallery--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mdf-article{font-size:17px}.mdf-article .article-lead{font-size:19px}.mdf-article blockquote{padding:14px 18px}.mdf-article .content-button{width:100%;justify-content:center}.mdf-article .content-image--small,.mdf-article .content-image--medium,.mdf-article .content-image--normal,.mdf-article .content-image--wide,.mdf-article .content-image--full{width:100%}.mdf-article .content-image--wrap-left,.mdf-article .content-image--wrap-right{float:none;margin:2em 0}.mdf-article .content-slider{padding:0 42px}}
@media(max-width:430px){.mdf-article .content-gallery--cols-2,.mdf-article .content-gallery--cols-3,.mdf-article .content-gallery--cols-4{grid-template-columns:1fr}.mdf-article .content-slider{padding:0 34px}.mdf-article .content-slider-nav{width:32px;height:32px;font-size:20px}}

/* Local instructional video blocks. */
.mdf-article .content-video{max-width:100%;margin:2em 0;clear:both}
.mdf-article .content-video--small{width:40%}
.mdf-article .content-video--medium{width:55%}
.mdf-article .content-video--normal{width:70%}
.mdf-article .content-video--wide{width:86%}
.mdf-article .content-video--full{width:100%}
.mdf-article .content-video--align-left{margin-left:0;margin-right:auto}
.mdf-article .content-video--align-center{margin-left:auto;margin-right:auto}
.mdf-article .content-video--align-right{margin-left:auto;margin-right:0}
.mdf-article .content-video video{display:block;width:100%;max-height:75vh;border:1px solid #2e3d55;border-radius:14px;background:#050912;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.mdf-article .content-video figcaption{margin-top:9px;color:#aebbd0;font-size:14px;line-height:1.55;text-align:center}
.mdf-article .content-video figcaption strong{color:#e8eef8}
.mdf-article .content-video-chapters{margin-top:10px;border:1px solid #2f4058;border-radius:12px;background:rgba(10,17,30,.62);overflow:hidden}
.mdf-article .content-video-chapters-summary{display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.mdf-article .content-video-chapters-summary:hover{background:#121d30}
.mdf-article .content-video-chapters-icon{display:grid;gap:3px;width:21px;padding:5px;border-radius:7px;background:#1b2840}
.mdf-article .content-video-chapters-icon>span{display:block;height:2px;border-radius:3px;background:#a99cff}
.mdf-article .content-video-chapters-summary-copy{display:grid;gap:2px;min-width:0}
.mdf-article .content-video-chapters-summary-main{display:flex;align-items:center;gap:7px;min-width:0}
.mdf-article .content-video-chapters-title{display:block;color:#e6edf8;font-size:14px;line-height:1.2}
.mdf-article .content-video-chapters-meta{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#222e48;color:#a99cff;font-size:11px;font-weight:700}
.mdf-article .content-video-chapters-current{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa2bf;font-size:12px;line-height:1.35}
.mdf-article .content-video-chapters-chevron{width:9px;height:9px;border-right:2px solid #8ea2be;border-bottom:2px solid #8ea2be;transform:rotate(45deg);transition:transform .22s ease}
.mdf-article .content-video-chapters-summary[aria-expanded="true"] .content-video-chapters-chevron{transform:rotate(225deg)}
.mdf-article .content-video-chapters-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .18s ease;border-top:1px solid transparent}
.mdf-article .content-video-chapters-panel[aria-hidden="false"]{grid-template-rows:1fr;opacity:1;border-top-color:#26364d}
.mdf-article .content-video-chapters-panel-inner{min-height:0;overflow:hidden}
.mdf-article .content-video-chapter-list{display:grid;gap:3px;max-height:220px;overflow:auto;padding:7px}
.mdf-article .content-video-chapter{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c4d0e2;text-align:left;cursor:pointer;font:inherit;font-size:13px;line-height:1.35}
.mdf-article .content-video-chapter:hover{border-color:#43597a;background:#17243a;color:#fff}
.mdf-article .content-video-chapter[aria-current="true"]{border-color:#7767d8;background:#241f47;color:#fff}
.mdf-article .content-video-chapter-time{color:#a99cff;font-variant-numeric:tabular-nums;font-weight:700}
@media(prefers-reduced-motion:reduce){.mdf-article .content-video-chapters-panel,.mdf-article .content-video-chapters-chevron{transition:none}}
@media(max-width:600px){.mdf-article .content-video--small,.mdf-article .content-video--medium,.mdf-article .content-video--normal,.mdf-article .content-video--wide,.mdf-article .content-video--full{width:100%}}