#afs-ex-v51 500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');
*{box-sizing:border-box}
#afs-ex-v51{scroll-behavior:smooth}
#afs-ex-v51{margin:0;background:#f3f6f8;color:#19212d;font-family:Manrope,Arial,sans-serif}
#afs-ex-v51 a{color:inherit;text-decoration:none}
#afs-ex-v51 button,#afs-ex-v51 input{font:inherit}
#afs-ex-v51 button,#afs-ex-v51 a{touch-action:manipulation}
#afs-ex-v51 button{cursor:pointer}
#afs-ex-v51 img{max-width:100%;display:block}
#afs-ex-v51 h1,#afs-ex-v51 h2,#afs-ex-v51 h3{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.035em}
#afs-ex-v51 h1{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:14px 0 20px;font-weight:800}
#afs-ex-v51 h2{font-size:28px;line-height:1.2;margin:0}
#afs-ex-v51 h3{margin:0;font-size:17px;line-height:1.35}
#afs-ex-v51 p{line-height:1.65}#afs-ex-v51 .unused-preview-shell {background:#fff1e8;color:#66371d;text-align:center;font-size:11px;padding:9px;line-height:1.6}#afs-ex-v51 .unused-preview-shell {text-decoration:underline;font-weight:800}#afs-ex-v51 .unused-preview-shell {position:relative!important;top:auto!important}#afs-ex-v51 .unused-preview-shell {max-width:1280px;margin:auto}#afs-ex-v51 .unused-preview-shell {width:208px;height:auto}#afs-ex-v51 .unused-preview-shell {position:absolute;clip:rect(1px,1px,1px,1px)}#afs-ex-v51 .unused-preview-shell {max-width:210px}#afs-ex-v51 .unused-preview-shell {overflow-wrap:anywhere}
#afs-ex-v51 .wrap{width:min(1200px,calc(100% - 64px));margin:auto}
#afs-ex-v51 .hero{background:#19212d;position:relative;color:#fff;overflow:hidden}
#afs-ex-v51 .hero .wrap{position:relative;padding-top:56px;padding-bottom:44px}
#afs-ex-v51 .hero-photo{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:center 28%}
#afs-ex-v51 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#19212d 30%,rgba(25,33,45,.88) 47%,rgba(25,33,45,.08) 78%),linear-gradient(0deg,rgba(25,33,45,.75),transparent 55%);pointer-events:none}
#afs-ex-v51 .hero .wrap{z-index:1}
#afs-ex-v51 .hero-copy{max-width:650px;width:60%}
#afs-ex-v51 .eyebrow{color:#ff8a47;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
#afs-ex-v51 .hero-copy>p{max-width:510px;color:#e0e5ed;margin:0 0 24px}
#afs-ex-v51 .hero-facts{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#d9e0e8;margin:25px 0}
#afs-ex-v51 .hero-facts b{color:#ff8a47;margin-right:5px}
#afs-ex-v51 .search{display:flex;gap:10px;padding:8px;background:#fff;border-radius:10px;max-width:820px;box-shadow:0 10px 30px #0002}
#afs-ex-v51 .search input{flex:1;min-width:0;border:0;padding:10px 14px;color:#19212d;outline-offset:2px;font-size:15px}
#afs-ex-v51 .btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 21px;background:#f46522;color:#fff;border:0;border-radius:7px;font-size:13px;font-weight:800;line-height:1.4}
#afs-ex-v51 .btn:hover{background:#d94f10}
#afs-ex-v51 .search button{padding:10px 22px}
#afs-ex-v51 .filters{display:flex;gap:9px;flex-wrap:wrap;padding:26px 0;border-bottom:1px solid #dde3e9}
#afs-ex-v51 .filters button{padding:10px 15px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#19212d;font-size:12px;font-weight:800;min-height:44px}
#afs-ex-v51 .filters button.active{background:#f46522;color:#fff;border-color:#f46522}
#afs-ex-v51 .filters button:disabled{color:#6c7683;background:#edf0f3;cursor:default}
#afs-ex-v51 .section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:30px 0 22px}
#afs-ex-v51 .section-head small{color:#657184;font-size:12px}
#afs-ex-v51 .section-head h2:after{content:'';display:block;width:35px;height:3px;background:#f46522;margin-top:12px}
#afs-ex-v51 .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#afs-ex-v51 .ex-card{background:#fff;border:1px solid #e0e6ed;border-radius:11px;overflow:hidden;box-shadow:0 6px 18px #19212d06;display:flex;flex-direction:column;transition:transform .2s}
#afs-ex-v51 .ex-card:hover{transform:translateY(-3px)}
#afs-ex-v51 .thumb{height:210px;background:#e6ebef;position:relative;display:flex;justify-content:center;overflow:hidden}
#afs-ex-v51 .thumb img{width:100%;height:100%;object-fit:contain;background:#101820}
#afs-ex-v51 .thumb.board img{background:#f9fafb;padding:7px;object-fit:contain}
#afs-ex-v51 .thumb span{position:absolute;right:9px;bottom:9px;font-size:10px;border-radius:4px;background:#19212de6;color:#fff;padding:5px 8px}
#afs-ex-v51 .card-body{padding:17px;display:flex;flex-direction:column;flex:1}
#afs-ex-v51 .code{color:#c74b12;font-size:11px;letter-spacing:.08em;font-weight:800}
#afs-ex-v51 .card-body h3{margin:8px 0 12px;min-height:47px}
#afs-ex-v51 .card-meta{font-size:12px;color:#5c6878;margin:0 0 7px;line-height:1.5}
#afs-ex-v51 .card-meta b{color:#d35015}
#afs-ex-v51 .card-body .btn{margin-top:auto;background:#19212d;width:100%;min-height:42px;font-size:12px}
#afs-ex-v51 .card-details{margin-bottom:16px}
#afs-ex-v51 .library-end,#afs-ex-v51 .end-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0 45px;padding:30px 34px;background:linear-gradient(120deg,#19212d,#0c1925);color:#fff;border-radius:12px}
#afs-ex-v51 .library-end p,#afs-ex-v51 .end-cta p{margin:9px 0 0;color:#c8d1dc;font-size:14px}
#afs-ex-v51 .library-end h2,#afs-ex-v51 .end-cta h2{font-size:24px}
#afs-ex-v51 .back{display:inline-block;color:#c8d1dc;font-size:12px;margin-bottom:23px}
#afs-ex-v51 .detail-hero .hero-copy{max-width:710px}
#afs-ex-v51 .detail-hero.no-photo .hero-copy{width:100%;max-width:900px}
#afs-ex-v51 .detail-hero.no-photo .wrap{padding-top:30px;padding-bottom:32px}
#afs-ex-v51 .detail-hero.no-photo:after{background:radial-gradient(ellipse at 95% 30%,#f465221a,transparent 55%)}
#afs-ex-v51 .detail-hero.no-photo h1{font-size:42px;max-width:820px}
#afs-ex-v51 .metadata{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}
#afs-ex-v51 .metadata div{border-left:2px solid #f46522;padding-left:12px;max-width:310px}
#afs-ex-v51 .metadata dt{font-size:10px;letter-spacing:.08em;color:#aebbc9;text-transform:uppercase;margin-bottom:6px}
#afs-ex-v51 .metadata dd{font-size:13px;margin:0;line-height:1.5}
#afs-ex-v51 .detail-content{padding-top:32px}
#afs-ex-v51 .board-panel{padding:18px;background:#fff;border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 7px 20px #19212d06}
#afs-ex-v51 .board-panel>button{display:block;padding:0;background:none;border:0;width:100%}
#afs-ex-v51 .board-panel img{width:100%;height:auto;border-radius:6px}
#afs-ex-v51 .board-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}
#afs-ex-v51 .board-actions a{font-size:12px;text-decoration:underline}
#afs-ex-v51 .section-intro{color:#647184;font-size:13px;margin:10px 0 20px}
#afs-ex-v51 .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#afs-ex-v51 .step{border:1px solid #e1e7ee;background:white;border-radius:10px;padding:10px;overflow:hidden}
#afs-ex-v51 .step img{width:100%;height:260px;object-fit:contain;background:#101820;border-radius:5px}
#afs-ex-v51 .step span{display:block;text-align:left;font-size:11px;font-weight:800;color:#c74b12;padding:11px 2px 2px}
#afs-ex-v51 .explanations{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:28px 0}
#afs-ex-v51 .stack{display:flex;flex-direction:column;gap:18px}
#afs-ex-v51 .info{background:#fff;border:1px solid #e0e6ed;border-left:3px solid #f46522;border-radius:10px;padding:23px;box-shadow:0 5px 18px #19212d04}
#afs-ex-v51 .info h2{font-size:18px;display:flex;align-items:center;gap:12px;letter-spacing:-.025em}
#afs-ex-v51 .ico{width:32px;height:32px;border-radius:50%;background:#fff0e7;color:#c74b12;display:inline-grid;place-items:center;flex-shrink:0;font-size:18px}
#afs-ex-v51 .info ul{padding:0 0 0 18px;margin:16px 0 0}
#afs-ex-v51 .info li,#afs-ex-v51 .info p{font-size:14px;line-height:1.75;margin-bottom:7px}
#afs-ex-v51 .info li::marker{color:#e75917}
#afs-ex-v51 .info p{margin-bottom:0}
#afs-ex-v51 .info.coach{background:#19212d;color:#fff}
#afs-ex-v51 .info.coach p{color:#e0e6ed}
#afs-ex-v51 .safety{font-size:12px;color:#647184;border-top:1px solid #dce2e9;padding:20px 0}
#afs-ex-v51 .empty{padding:35px;background:white;border-radius:10px}
#afs-ex-v51 dialog{width:min(1500px,96vw);max-width:96vw;max-height:94vh;border:0;padding:48px 16px 16px;background:#fff;border-radius:12px;overflow:auto}
#afs-ex-v51 dialog::backdrop{background:#08101be6}
#afs-ex-v51 dialog img{max-height:78vh;object-fit:contain;margin:auto}
#afs-ex-v51 dialog>a{display:block;padding-top:15px;text-align:center;font-size:13px;text-decoration:underline}
#afs-ex-v51 .close{position:absolute;right:10px;top:8px;width:40px;height:36px;border:0;background:#19212d;color:white;border-radius:6px}
#afs-ex-v51 a:focus-visible,#afs-ex-v51 button:focus-visible,#afs-ex-v51 input:focus-visible{outline:3px solid #f46522;outline-offset:4px}
@media(max-width:1000px){
#afs-ex-v51 .grid{grid-template-columns:repeat(3,1fr)}
#afs-ex-v51 .hero-copy{width:70%}
#afs-ex-v51 .hero-photo{width:57%}
#afs-ex-v51 .hero:after{background:linear-gradient(90deg,#19212d 20%,#19212dd9 48%,#19212d33)}
#afs-ex-v51 .steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
#afs-ex-v51 .wrap{width:calc(100% - 36px)}#afs-ex-v51 .unused-preview-shell {font-size:9px}
#afs-ex-v51 .hero .wrap{padding-top:34px;padding-bottom:24px}
#afs-ex-v51 .hero-copy{width:100%;max-width:100%}
#afs-ex-v51 .hero-photo{width:100%;height:100%;opacity:.28;object-position:65% 20%}
#afs-ex-v51 .hero:after{background:linear-gradient(90deg,#19212df0,#19212d66),linear-gradient(0deg,#19212d,transparent)}
#afs-ex-v51 h1{font-size:34px;max-width:350px}
#afs-ex-v51 .hero-copy>p{font-size:14px}
#afs-ex-v51 .hero-facts{gap:11px;font-size:11px;margin:20px 0}
#afs-ex-v51 .search input{font-size:12px;padding:8px 5px}
#afs-ex-v51 .search button{padding:10px 15px;font-size:16px}
#afs-ex-v51 .search{gap:4px;padding:6px}
#afs-ex-v51 .filters{gap:7px;padding:20px 0}
#afs-ex-v51 .filters button{font-size:11px;padding:8px 11px}
#afs-ex-v51 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#afs-ex-v51 .thumb{height:165px}
#afs-ex-v51 .card-body{padding:12px}
#afs-ex-v51 .card-body h3{font-size:13px;min-height:53px}
#afs-ex-v51 .card-meta{font-size:11px}
#afs-ex-v51 .card-body .btn{padding:10px 6px;font-size:10px;gap:6px}
#afs-ex-v51 .thumb span{font-size:8px;right:5px;bottom:5px}
#afs-ex-v51 .section-head{margin-top:24px}
#afs-ex-v51 h2{font-size:24px}
#afs-ex-v51 .section-head small{font-size:10px}
#afs-ex-v51 .library-end,#afs-ex-v51 .end-cta{padding:24px;flex-direction:column;align-items:start;margin:25px 0 30px}
#afs-ex-v51 .library-end h2,#afs-ex-v51 .end-cta h2{font-size:21px}
#afs-ex-v51 .detail-hero .hero-copy{width:100%}
#afs-ex-v51 .detail-hero.no-photo h1{font-size:32px}
#afs-ex-v51 .metadata{gap:16px}
#afs-ex-v51 .metadata div{max-width:100%}
#afs-ex-v51 .metadata dd{font-size:12px}
#afs-ex-v51 .explanations{grid-template-columns:1fr;gap:16px;margin-top:22px}
#afs-ex-v51 .info{padding:20px}
#afs-ex-v51 .info h2{font-size:17px}
#afs-ex-v51 .info li,#afs-ex-v51 .info p{font-size:13px}
#afs-ex-v51 .board-panel{padding:9px;border-radius:9px}
#afs-ex-v51 .board-actions{flex-wrap:wrap;margin:12px 3px 3px}
#afs-ex-v51 .board-actions .btn{width:100%}
#afs-ex-v51 .board-actions a{width:100%;text-align:center;padding:8px}
#afs-ex-v51 .step img{height:200px}
#afs-ex-v51 .steps{gap:12px}
#afs-ex-v51 .detail-content{padding-top:25px}#afs-ex-v51 .unused-preview-shell {max-width:160px}#afs-ex-v51 .unused-preview-shell {overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){
#afs-ex-v51{scroll-behavior:auto}
#afs-ex-v51 *{transition:none!important}}#afs-ex-v51 .unused-preview-shell {max-width:none;display:flex;align-items:center;justify-content:space-between;margin:0 auto}#afs-ex-v51 .unused-preview-shell {z-index:20}#afs-ex-v51 .unused-preview-shell {display:flex;align-items:center;flex:0 0 auto}#afs-ex-v51 .unused-preview-shell {background:transparent}
#afs-ex-v51 .grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
#afs-ex-v51 .thumb{height:auto;aspect-ratio:4/3;background:#e8edf1}
#afs-ex-v51 .thumb img,#afs-ex-v51 .thumb.board img{width:100%;height:100%;padding:0;object-fit:cover;background:none}
#afs-ex-v51 .card-body{padding:18px}
#afs-ex-v51 .card-body h3{font-size:17px;min-height:46px}
#afs-ex-v51 .card-details{min-height:52px;margin-bottom:12px}
#afs-ex-v51 .card-body .btn{min-height:44px;font-size:12px;padding:10px 15px}
@media(max-width:1000px){
#afs-ex-v51 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
#afs-ex-v51 .grid{grid-template-columns:minmax(0,1fr)}
#afs-ex-v51 .card-body h3{min-height:0;font-size:18px}
#afs-ex-v51 .card-body{padding:18px}
#afs-ex-v51 .card-details{min-height:46px}
#afs-ex-v51 .card-meta{font-size:13px}
#afs-ex-v51 .card-body .btn{font-size:13px}
#afs-ex-v51 .thumb span{font-size:10px}}
#afs-ex-v51 .grid,#afs-ex-v51 .ex-card,#afs-ex-v51 .card-body,#afs-ex-v51 .stack,#afs-ex-v51 .info,#afs-ex-v51 .step,#afs-ex-v51 .hero-copy{min-width:0}
#afs-ex-v51 .grid{grid-auto-rows:auto;align-items:stretch}
#afs-ex-v51 .card-body{padding:14px 16px}
#afs-ex-v51 .card-body h3{min-height:46px;margin:7px 0 9px}
#afs-ex-v51 .card-details{min-height:40px;margin-bottom:10px}
#afs-ex-v51 .card-meta{margin-bottom:4px}
#afs-ex-v51 .thumb{flex:none}
#afs-ex-v51 .thumb img{position:absolute;inset:0}
#afs-ex-v51 .explanations{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#afs-ex-v51 .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
#afs-ex-v51 .step img{max-width:100%;width:100%}
#afs-ex-v51 .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#afs-ex-v51 .with-excerpt .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px 40px;align-items:center}
#afs-ex-v51 .with-excerpt .back{grid-column:1/-1;margin-bottom:0}
#afs-ex-v51 .with-excerpt .hero-copy{width:100%}
#afs-ex-v51 .with-excerpt:after{background:radial-gradient(ellipse at 90% 30%,#f4652214,transparent 60%)}
#afs-ex-v51 .hero-excerpt{margin:0;min-width:0}
#afs-ex-v51 .hero-excerpt img{width:100%;height:auto;border-radius:12px;border:1px solid #ffffff26}
#afs-ex-v51 .hero-excerpt figcaption{font-size:11px;color:#c8d1dc;margin:10px 0 0}#afs-ex-v51 .unused-preview-shell {overflow-wrap:anywhere}
@media(max-width:1000px){
#afs-ex-v51 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
#afs-ex-v51 .explanations{grid-template-columns:minmax(0,1fr)}
#afs-ex-v51 .with-excerpt .wrap{grid-template-columns:minmax(0,1fr);gap:20px}
#afs-ex-v51 .hero-excerpt{max-width:430px;width:100%}
#afs-ex-v51 .card-body h3{min-height:0}
#afs-ex-v51 .card-details{min-height:0}
#afs-ex-v51 .info{padding:18px}
#afs-ex-v51 .metadata{margin:20px 0}}

/* Reset theme component defaults only inside the EX presentation boundary. */
#afs-ex-v51{width:100%;max-width:none;padding:0;margin:0;background:#f3f6f8;color:#19212d;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.5}
#afs-ex-v51 h1,#afs-ex-v51 h2,#afs-ex-v51 h3{font-weight:800;text-transform:none}
#afs-ex-v51 .hero h1,#afs-ex-v51 .library-end h2,#afs-ex-v51 .end-cta h2,#afs-ex-v51 .coach h2{color:#fff}
#afs-ex-v51 .info:not(.coach) h2,#afs-ex-v51 .section-head h2,#afs-ex-v51 .detail-content>section>h2,#afs-ex-v51 .card-body h3{color:#19212d}
#afs-ex-v51 button{letter-spacing:normal;text-transform:none;box-shadow:none}
#afs-ex-v51 .search{margin:0;height:auto}
#afs-ex-v51 .search input{width:auto;height:auto;background:#fff;box-shadow:none;margin:0}
#afs-ex-v51 .metadata dd{color:#fff}
#afs-ex-v51 .metadata dt{font-weight:400}
#afs-ex-v51 .step{line-height:1.5;text-align:left}
#afs-ex-v51 .step-caption{font-weight:400;text-transform:none;color:#526073}
#afs-ex-v51 .info.coach li{color:#e0e6ed}
#afs-ex-v51 .steps-section + .board-section,#afs-ex-v51 .board-section + .steps-section{margin-top:30px}
#afs-ex-v51 .board-panel + .board-panel{margin-top:20px}
#afs-ex-v51 [hidden]{display:none!important}
#afs-ex-v51 #afs-board-title,#afs-ex-v51 #afs-steps-title{scroll-margin-top:120px}
#afs-ex-v51 dialog{color:#19212d;margin:auto;z-index:100000}
#afs-ex-v51 dialog:not([open]){display:none}
#afs-ex-v51 dialog img{width:auto;height:auto;max-width:100%}
#afs-ex-v51 dialog .close{padding:0;font-size:25px;line-height:1}
#afs-ex-v51 .hero-excerpt img{aspect-ratio:4/3;object-fit:cover}
#afs-ex-v51 .btn{border-radius:7px!important;background:#f46522!important;color:#fff!important;font-size:13px!important;font-weight:800!important}
#afs-ex-v51 .btn:hover{background:#d94f10!important}
#afs-ex-v51 .card-body .btn{background:#19212d!important;font-size:12px!important}
#afs-ex-v51 .safety strong{color:#19212d!important}