/* AI-TTT detail page. All rules are scoped to the page content. */
.ttt-page{--ttt-ink:#172b44;--ttt-navy:#102e50;--ttt-blue:#0052cc;--ttt-gray:#46596e;--ttt-muted:#607286;--ttt-line:#dfe7ef;--ttt-ice:#f4f7fb;--ttt-sky:#edf4fc;color:var(--ttt-ink);background:#fff;line-height:1.75}
.ttt-page *,.ttt-page *::before,.ttt-page *::after{box-sizing:border-box}
.ttt-page [hidden]{display:none!important}
.ttt-page a{color:var(--ttt-blue);text-decoration:none}
.ttt-page a:hover{text-decoration:underline;text-underline-offset:5px}
.ttt-page button{font:inherit;cursor:pointer}
.ttt-page button:focus-visible,.ttt-page a:focus-visible,.ttt-page summary:focus-visible{outline:3px solid #008ac1;outline-offset:5px}
.ttt-page img{max-width:100%;display:block}
.ttt-page h1,.ttt-page h2,.ttt-page h3,.ttt-page p{margin-top:0}
.ttt-page h1,.ttt-page h2,.ttt-page h3{color:var(--ttt-navy);line-height:1.35;letter-spacing:-.025em}
.ttt-page p{color:var(--ttt-gray)}
.ttt-page .ttt-container{width:min(1180px,calc(100% - 64px));margin:auto}
.ttt-page .ttt-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;border:1px solid var(--ttt-blue);border-radius:8px;background:var(--ttt-blue);color:#fff;font-size:15px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .15s,border-color .15s}
.ttt-page .ttt-button:hover{background:#003e9e;border-color:#003e9e;color:#fff;text-decoration:none}
.ttt-page .ttt-text-link{font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:14px;min-height:44px}
.ttt-page .ttt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.ttt-page .ttt-eyebrow{color:var(--ttt-blue);font-size:12px;letter-spacing:.08em;font-weight:700;line-height:1.6;margin-bottom:14px}
.ttt-page .ttt-section{padding:70px 0}
.ttt-page .ttt-soft{background:var(--ttt-ice)}
.ttt-page .ttt-small{font-size:13px;color:var(--ttt-muted);line-height:1.8}
.ttt-page .ttt-detail-hero{padding:54px 0 50px;background:var(--ttt-ice);border-bottom:1px solid var(--ttt-line)}
.ttt-page .ttt-detail-hero-grid{display:grid;grid-template-columns:1.6fr .65fr;gap:70px;align-items:center}
.ttt-page .ttt-detail-hero h1{font-size:clamp(36px,3.6vw,50px);line-height:1.28;margin-bottom:24px}
.ttt-page .ttt-detail-hero h1 span{display:block;color:var(--ttt-blue)}
.ttt-page .ttt-detail-lede{font-size:18px;max-width:760px;margin-bottom:28px}
.ttt-page .ttt-detail-note{font-size:12px;margin:14px 0 0;color:var(--ttt-muted)}
.ttt-page .ttt-page-meta{font-size:11px;margin:10px 0 0;color:var(--ttt-muted)}
.ttt-page .ttt-hero-aside{padding:27px 0;border-top:1px solid #bfcfe2;border-bottom:1px solid #bfcfe2}
.ttt-page .ttt-hero-aside p{font-size:14px;margin:0 0 18px}
.ttt-page .ttt-hero-aside h2{font-size:22px;margin-bottom:20px}
.ttt-page .ttt-skill-equation{display:grid;gap:10px;color:var(--ttt-navy);font-size:17px;font-weight:600}
.ttt-page .ttt-skill-equation .ttt-plus{color:var(--ttt-blue);font-size:14px;line-height:1}
.ttt-page .ttt-hero-aside .ttt-small{margin-top:20px;margin-bottom:0;font-size:12px}
.ttt-page .ttt-section-title{font-size:34px;margin-bottom:14px}
.ttt-page .ttt-section-sub{font-size:16px;max-width:760px;margin-bottom:28px}
.ttt-page .ttt-path-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}
.ttt-page .ttt-path-selector{border:1px solid #c5d4e6;background:#fff;color:var(--ttt-gray);padding:20px 24px;border-radius:10px;text-align:left;display:flex;gap:18px;align-items:center;min-width:0}
.ttt-page .ttt-path-selector[aria-pressed="true"]{border:2px solid var(--ttt-blue);padding:19px 23px;background:var(--ttt-sky);color:var(--ttt-navy)}
.ttt-page .ttt-path-selector .ttt-selector-code{font-size:12px;align-self:flex-start;margin-top:3px;color:var(--ttt-blue);font-weight:700}
.ttt-page .ttt-path-selector strong{display:block;font-size:20px;line-height:1.4;margin-bottom:6px}
.ttt-page .ttt-path-selector small{font-size:13px}
.ttt-page .ttt-path-panel{border:1px solid var(--ttt-line);border-radius:14px;padding:32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;background:#fff}
.ttt-page .ttt-path-panel + .ttt-path-panel{margin-top:24px}
.ttt-page .ttt-paths-enhanced .ttt-path-panel{margin-top:0}
.ttt-page .ttt-panel-title{font-size:24px;margin:0 0 16px}
.ttt-page .ttt-path-panel .ttt-panel-copy p{font-size:15px;margin-bottom:20px}
.ttt-page .ttt-panel-list{list-style:none;margin:0;padding:0;display:grid;gap:17px;counter-reset:learning}
.ttt-page .ttt-panel-list li{display:grid;grid-template-columns:28px 1fr;gap:14px;font-size:14px;color:var(--ttt-gray);align-items:start}
.ttt-page .ttt-panel-list li::before{counter-increment:learning;content:"0" counter(learning);font-size:12px;color:var(--ttt-blue);border-top:1px solid #c6d6e9;padding-top:5px}
.ttt-page .ttt-panel-list strong{display:block;font-size:16px;color:var(--ttt-navy);margin-bottom:3px}
.ttt-page .ttt-panel-outcome{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--ttt-line);display:flex;gap:20px;align-items:baseline;font-size:14px;color:var(--ttt-gray)}
.ttt-page .ttt-panel-outcome strong{color:var(--ttt-navy);white-space:nowrap}
.ttt-page .ttt-sample-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.ttt-page .ttt-sample-layout h2{font-size:34px}
.ttt-page .ttt-sample-layout p{font-size:15px}
.ttt-page .ttt-teaching-sample{border:1px solid #c8d7e7;border-radius:12px;overflow:hidden}
.ttt-page .ttt-sample-title{padding:20px 26px;background:var(--ttt-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;font-weight:650}
.ttt-page .ttt-sample-title small{font-size:11px;color:#c9d8e8;white-space:nowrap}
.ttt-page .ttt-sample-steps{list-style:none;margin:0;padding:8px 26px}
.ttt-page .ttt-sample-steps li{padding:16px 0;border-bottom:1px solid var(--ttt-line);display:grid;grid-template-columns:52px 1fr;gap:15px;color:var(--ttt-gray);font-size:14px}
.ttt-page .ttt-sample-steps li:last-child{border-bottom:0}
.ttt-page .ttt-sample-steps b{color:var(--ttt-blue);font-size:12px;line-height:1.7}
.ttt-page .ttt-sample-steps strong{font-size:15px;color:var(--ttt-navy);display:block;margin-bottom:3px}
.ttt-page .ttt-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}
.ttt-page .ttt-route-step{border-top:1px solid #b9cbe1;padding-top:17px}
.ttt-page .ttt-route-step>span{font-size:12px;color:var(--ttt-blue)}
.ttt-page .ttt-route-step h3{font-size:20px;margin:11px 0 9px}
.ttt-page .ttt-route-step p{font-size:14px;margin-bottom:0}
.ttt-page .ttt-resource-row{margin-top:36px;padding-top:26px;border-top:1px solid var(--ttt-line);display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.ttt-page .ttt-resource-row>span{font-size:13px;color:var(--ttt-muted)}
.ttt-page .ttt-resource-row a{font-size:14px;font-weight:600}
.ttt-page .ttt-trust-layout{display:grid;grid-template-columns:230px 1fr;gap:54px;align-items:center}
.ttt-page .ttt-trust-photo{width:230px;height:240px;object-fit:cover;object-position:top;border-radius:12px}
.ttt-page .ttt-trust-copy h2{font-size:31px;margin-bottom:17px}
.ttt-page .ttt-trust-copy p{max-width:760px;font-size:16px;margin-bottom:18px}
.ttt-page .ttt-faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
.ttt-page .ttt-faq-grid h2{font-size:32px}
.ttt-page .ttt-faq details{border-top:1px solid #c9d7e5;padding:18px 0}
.ttt-page .ttt-faq details:last-child{border-bottom:1px solid #c9d7e5}
.ttt-page .ttt-faq summary{cursor:pointer;font-size:17px;color:var(--ttt-navy);font-weight:650;line-height:1.7}
.ttt-page .ttt-faq details p{font-size:14px;margin:14px 0 0}
.ttt-page .ttt-final-section{padding:0 0 65px}
.ttt-page .ttt-final-box{background:var(--ttt-navy);color:#fff;border-radius:16px;padding:40px 44px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.ttt-page .ttt-final-box h2{color:#fff;font-size:32px;margin-bottom:16px}
.ttt-page .ttt-final-box p{color:#d2deeb;font-size:15px;margin:0}
.ttt-page .ttt-final-box .ttt-button{background:#fff;color:var(--ttt-navy);border-color:#fff}
.ttt-page .ttt-final-box .ttt-button:hover{background:var(--ttt-sky)}
.ttt-page .ttt-final-box .ttt-small{margin-top:12px;color:#c4d5e6;font-size:12px}
.ttt-page .ttt-final-box .ttt-eyebrow{color:#9ec8ff}
@media(max-width:1000px){
 .ttt-page .ttt-detail-hero-grid{grid-template-columns:1.5fr .7fr;gap:40px}
 .ttt-page .ttt-sample-layout,.ttt-page .ttt-faq-grid{gap:35px}
 .ttt-page .ttt-route-grid{gap:20px}
}
@media(max-width:760px){
 .ttt-page .ttt-container{width:calc(100% - 40px)}
 .ttt-page .ttt-section{padding:40px 0}
 .ttt-page .ttt-detail-hero{padding:35px 0}
 .ttt-page .ttt-detail-hero-grid{grid-template-columns:1fr;gap:26px}
 .ttt-page .ttt-detail-hero h1{font-size:34px;line-height:1.35;margin-bottom:20px}
 .ttt-page .ttt-detail-lede{font-size:16px;line-height:1.8;margin-bottom:24px}
 .ttt-page .ttt-detail-hero .ttt-actions{gap:10px 16px}
 .ttt-page .ttt-detail-hero .ttt-button{font-size:14px;padding:12px 16px}
 .ttt-page .ttt-detail-hero .ttt-text-link{font-size:13px}
 .ttt-page .ttt-hero-aside{padding:18px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px 20px;align-items:center}
 .ttt-page .ttt-hero-aside h2{font-size:18px;margin:0}
 .ttt-page .ttt-hero-aside .ttt-skill-equation{font-size:14px;gap:5px}
 .ttt-page .ttt-hero-aside .ttt-small{grid-column:1/-1;margin-top:6px;font-size:11px}
 .ttt-page .ttt-section-title,.ttt-page .ttt-sample-layout h2{font-size:28px}
 .ttt-page .ttt-section-sub{font-size:14px;margin-bottom:22px}
 .ttt-page .ttt-path-selectors{grid-template-columns:1fr;gap:10px}
 .ttt-page .ttt-path-selector{padding:15px 18px;gap:14px}
 .ttt-page .ttt-path-selector[aria-pressed="true"]{padding:14px 17px}
 .ttt-page .ttt-path-selector strong{font-size:18px}
 .ttt-page .ttt-path-selector small{font-size:12px}
 .ttt-page .ttt-path-panel{grid-template-columns:1fr;padding:24px 20px;gap:24px}
 .ttt-page .ttt-panel-title{font-size:23px}
 .ttt-page .ttt-path-panel .ttt-panel-copy p{font-size:14px}
 .ttt-page .ttt-panel-list{gap:18px}
 .ttt-page .ttt-panel-outcome{display:grid;gap:7px;font-size:13px;padding-top:18px}
 .ttt-page .ttt-sample-layout{grid-template-columns:1fr;gap:20px}
 .ttt-page .ttt-sample-layout p{font-size:14px}
 .ttt-page .ttt-sample-title{padding:16px 19px;font-size:15px}
 .ttt-page .ttt-sample-title small{font-size:10px}
 .ttt-page .ttt-sample-steps{padding:4px 18px}
 .ttt-page .ttt-sample-steps li{grid-template-columns:40px 1fr;gap:13px;font-size:13px}
 .ttt-page .ttt-sample-steps strong{font-size:14px}
 .ttt-page .ttt-route-grid{grid-template-columns:1fr 1fr;gap:25px 20px}
 .ttt-page .ttt-route-step h3{font-size:18px}
 .ttt-page .ttt-route-step p{font-size:13px}
 .ttt-page .ttt-resource-row{margin-top:26px;gap:12px 19px}
 .ttt-page .ttt-resource-row>span{width:100%}
 .ttt-page .ttt-resource-row a{font-size:13px}
 .ttt-page .ttt-trust-layout{grid-template-columns:80px 1fr;gap:20px;align-items:start}
 .ttt-page .ttt-trust-photo{width:80px;height:105px}
 .ttt-page .ttt-trust-copy h2{font-size:25px;margin-bottom:12px}
 .ttt-page .ttt-trust-copy p{font-size:14px;margin-bottom:12px}
 .ttt-page .ttt-trust-copy .ttt-actions{display:grid;gap:4px}
 .ttt-page .ttt-trust-copy .ttt-text-link{font-size:12px}
 .ttt-page .ttt-faq-grid{grid-template-columns:1fr;gap:15px}
 .ttt-page .ttt-faq-grid h2{font-size:28px}
 .ttt-page .ttt-faq summary{font-size:16px}
 .ttt-page .ttt-faq details p{font-size:13px}
 .ttt-page .ttt-final-section{padding-bottom:40px}
 .ttt-page .ttt-final-box{padding:28px 22px;grid-template-columns:1fr;gap:22px}
 .ttt-page .ttt-final-box h2{font-size:27px}
 .ttt-page .ttt-final-box p{font-size:14px}
 .ttt-page .ttt-final-box .ttt-button{font-size:14px}
 .ttt-page .ttt-final-box .ttt-small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.ttt-page *{transition:none!important}}