/* Three navigation compositions inside the approved Fintok Media frame. */
.ai-choice{height:520px;padding:22px;background:#fff;border:1px solid #dce2eb;border-radius:20px;box-shadow:0 6px 22px #1d2a5f06;color:#1d2a5f}
.ai-choice-brand{display:flex;align-items:baseline;gap:5px;line-height:1;height:21px}
.ai-choice-brand img{display:block;width:99px;height:auto}
.ai-choice-brand>span{font-size:17px;font-weight:400;letter-spacing:-.04em}
.ai-choice h3{font-size:28px;line-height:1.03;letter-spacing:-.045em;font-weight:600;margin:14px 0 10px}
.ai-choice-deck{font-size:12px;line-height:1.4;color:#68768d;margin:0}
.ai-arrow{font-size:17px;line-height:1;font-weight:400;flex:none}
.ai-choice a:focus-visible,.ai-choice button:focus-visible{outline:2px solid #6a8dd8;outline-offset:2px}
.ai-choice-cta{position:absolute;left:22px;right:22px;bottom:22px;min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px;border:0;border-radius:7px;background:#1d2a5f;color:#fff!important;font-size:12px;font-weight:600;line-height:1.3}
.ai-choice-cta:hover{background:#293b72}
.ai-choice a:hover strong{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ai-menu-number{font-size:9px;line-height:1;color:#8792a4;font-variant-numeric:tabular-nums;flex:none}
/* 01 / A compact editorial index: a description and destination for each path. */
.ai-library-menu{margin-top:18px;border-top:1px solid #dce2eb}
.ai-library-menu>a{display:flex;align-items:center;gap:14px;height:65px;border-bottom:1px solid #e5e9ef;padding:9px 0}
.ai-menu-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.ai-menu-copy strong{font-size:15px;line-height:1.15;font-weight:600;letter-spacing:-.025em}
.ai-menu-copy small{font-size:10px;line-height:1.4;color:#68768d}
.ai-library-menu>a>.ai-arrow{font-size:16px;color:#78869e}
/* 02 / An actual lesson leads; projects and prompts remain direct links. */
.ai-feature-area{margin-top:17px}
.ai-feature-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.3;margin-bottom:9px}
.ai-feature-head>span{font-weight:600}.ai-feature-head>a{font-size:9px;color:#68768d;display:flex;gap:6px;align-items:center}.ai-feature-head .ai-arrow{font-size:12px}
.ai-feature-video{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #e2e7ed;border-radius:9px;background:#f3f5f8;padding:12px}
.ai-lesson-thumb{display:block;position:relative;overflow:hidden;flex:none;width:74px;height:120px;border-radius:5px;background:#e5e9ef}
.ai-lesson-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ai-lesson-thumb>span{position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:1px;background:white;color:#1d2a5f;font-size:7px}
.ai-feature-video>span:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.ai-feature-video small{font-size:7px;letter-spacing:.035em;color:#68768d;line-height:1.3}
.ai-feature-video strong{font-size:19px;line-height:1.1;letter-spacing:-.035em;font-weight:600}
.ai-feature-video>span>span{font-size:10px;line-height:1.4;color:#68768d}
.ai-feature-video b{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.3;font-weight:600;margin-top:2px}
.ai-feature-video b .ai-arrow{font-size:13px}
.ai-feature-resources{margin-top:7px}
.ai-feature-resources>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;border-bottom:1px solid #e5e9ef;padding:7px 1px}
.ai-feature-resources>a>span:first-child{display:flex;flex-direction:column;gap:4px}
.ai-feature-resources strong{font-size:12px;line-height:1.2;font-weight:600}.ai-feature-resources small{font-size:9px;line-height:1.2;color:#68768d}.ai-feature-resources .ai-arrow{font-size:15px;color:#78869e}
/* 03 / Progressive disclosure without pills. Every path stays in view. */
.ai-paths{margin-top:18px;border-top:1px solid #dce2eb}
.ai-path-item{border-bottom:1px solid #e5e9ef}
.ai-path-item>button{display:flex;align-items:center;gap:12px;width:100%;height:39px;padding:0;border:0;background:transparent;text-align:left;color:#68768d;font-size:13px;line-height:1.2}
.ai-path-item>button[aria-expanded=true]{color:#1d2a5f;font-weight:600}
.ai-path-mark{margin-left:auto;font-weight:400;font-size:18px;color:#78869e;padding-right:3px}
.ai-path-panel{height:102px;margin-bottom:1px;background:#f3f5f8;border-radius:7px;overflow:hidden}
.ai-path-panel[hidden]{display:none}
.ai-path-video{display:flex;align-items:center;gap:12px;height:100%;padding:8px}
.ai-path-video .ai-lesson-thumb{width:53px;height:86px}
.ai-path-video>span:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.ai-path-video small,.ai-path-copy>small{font-size:7px;line-height:1.3;letter-spacing:.035em;color:#68768d}
.ai-path-video strong{font-size:16px;line-height:1.1;letter-spacing:-.025em;font-weight:600}
.ai-path-video>span>span{font-size:10px;line-height:1.35;color:#68768d}
.ai-path-video .ai-arrow{font-size:12px}
.ai-path-projects{padding:0 11px}.ai-path-projects>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:51px}.ai-path-projects>a+a{border-top:1px solid #dce2eb}.ai-path-projects>a>span:first-child{display:flex;flex-direction:column;gap:4px}.ai-path-projects strong{font-size:11px;line-height:1.2;font-weight:600}.ai-path-projects small{font-size:9px;line-height:1.3;color:#68768d}.ai-path-projects .ai-arrow{font-size:14px}
.ai-path-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;height:100%;padding:12px 14px}.ai-path-copy>strong{font-size:13px;line-height:1.2;letter-spacing:-.015em;font-weight:600}.ai-path-copy>span{font-size:10px;line-height:1.4;color:#68768d}.ai-path-copy .ai-arrow{font-size:13px}
@media(max-width:380px){.ai-choice{padding-inline:21px}.ai-choice-brand img{width:94px}.ai-choice-brand>span{font-size:16px}.ai-choice h3{font-size:27px}.ai-choice-cta{left:21px;right:21px}.ai-menu-copy strong{font-size:14px}.ai-library-menu>a{gap:11px}.ai-feature-video{gap:11px;padding:10px;grid-template-columns:68px minmax(0,1fr)}.ai-feature-video .ai-lesson-thumb{width:68px}.ai-feature-video strong{font-size:18px}}