/* ECS screens use the existing Apprentice palette and premium button component. */
.ecs-page{background:#f2f4f7;color:#173253;min-height:calc(100svh - 80px);padding:1px 0 36px}.ecs-content{max-width:1480px;margin:auto;padding:24px clamp(16px,4vw,64px)}.ecs-breadcrumb{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem}.ecs-breadcrumb a{color:#173253;text-transform:capitalize;text-underline-offset:4px}.ecs-heading{padding:34px 0 26px;max-width:1000px}.ecs-heading h1{font-size:clamp(2rem,4.2vw,3.9rem);letter-spacing:-.035em;line-height:1.1;color:#071b43;margin:10px 0 18px}.ecs-heading>p:last-child{font-size:1.1rem;line-height:1.65}.ecs-page .eyebrow{font-size:.75rem;letter-spacing:.14em;color:#806020;font-weight:800}.ecs-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ecs-mode-card{background:#fff;border:1px solid #d4b268;border-radius:20px;overflow:hidden;text-decoration:none;color:#173253;box-shadow:0 16px 32px #071b4314;display:flex;flex-direction:column;transition:transform .2s}.ecs-mode-card:hover{transform:translateY(-4px)}.ecs-mode-card>img{aspect-ratio:16/10;width:100%;object-fit:cover}.ecs-mode-card>div{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.ecs-mode-card h2{font-size:1.6rem;line-height:1.15;color:#071b43;margin:6px 0 12px}.ecs-mode-card p{line-height:1.65}.ecs-mode-card .tfe-premium-button{margin-top:auto}.ecs-meta{padding:24px 0;font-size:.9rem}.ecs-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ecs-topic-card{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid #d4b268;border-radius:18px;overflow:hidden;text-decoration:none;color:#173253;box-shadow:0 12px 26px #071b4312}.ecs-topic-card header{background:#091e47;color:#fff;padding:20px;min-height:115px;border-bottom:2px solid #d4b268}.ecs-topic-card header span{color:#f0cc7a;font-size:.72rem;letter-spacing:.12em}.ecs-topic-card h2{color:#fff;font-size:1.13rem;line-height:1.3;margin:10px 0 0}.ecs-topic-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.ecs-topic-card p{padding:0 20px;line-height:1.6}.ecs-topic-card small{padding:0 20px;line-height:1.6;margin-top:auto}.ecs-topic-card>.tfe-premium-button{margin:20px}.ecs-panel{padding:clamp(20px,3vw,34px);border:1px solid #dce3eb;background:#fff;border-radius:18px;margin-bottom:24px;box-shadow:0 8px 20px #071b4309}.ecs-panel h2{color:#071b43;line-height:1.2;margin-top:0}.ecs-panel p,.ecs-panel li{line-height:1.75}.ecs-teaching{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ecs-teaching>.ecs-panel:last-child{grid-column:1/-1}.ecs-teaching .ecs-panel{margin:0}.ecs-onsite{background:#091e47;color:white;border-color:#d4b268}.ecs-onsite h2{color:#fff}.ecs-section-title{margin:30px 0 20px;color:#071b43}.ecs-options{padding:0;border:0;min-width:0;margin:0}.ecs-options legend{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:750;line-height:1.5;color:#071b43;margin:12px 0 24px;max-width:100%}.ecs-option{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #cbd5e1;border-radius:12px;margin:12px 0;cursor:pointer;line-height:1.55}.ecs-option input{width:20px;height:20px;min-width:20px;accent-color:#0a2353}.ecs-option.selected{background:#e9eff8;border:2px solid #a17d39;padding:17px}.ecs-letter{font-weight:800;color:#725415}.ecs-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}.ecs-page button:disabled{opacity:.55;cursor:wait}.ecs-feedback{border-top:2px solid #d4b268;margin-top:30px;padding-top:26px}.ecs-feedback h2{font-size:1.6rem}.ecs-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ecs-feedback-grid h3{font-size:.8rem;color:#806020;letter-spacing:.08em}.ecs-feedback mark{display:inline-block;background:#f4e7c9;color:#493b1f;border-radius:6px;padding:3px 7px;margin:3px}.ecs-test-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-bottom:1px solid #dce3eb;padding-bottom:24px}.ecs-test-facts>div{display:flex;flex-direction:column;gap:8px}.ecs-test-facts strong{font-size:2rem;color:#071b43}.ecs-panel details{padding:18px 0;border-top:1px solid #e1e7ee}.ecs-panel summary{cursor:pointer;font-weight:700;line-height:1.5}.ecs-test-intro details{margin-top:26px}.ecs-history{display:flex;flex-wrap:wrap;gap:12px}.ecs-mock-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.ecs-mock-layout .ecs-panel{min-width:0}.ecs-mock-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #dce3eb}.ecs-mock-toolbar strong{font-variant-numeric:tabular-nums;color:#071b43}.ecs-navigator{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ecs-navigator button{min-height:45px;padding:6px 2px;background:#f0f3f8;color:#071b43;border:1px solid #cbd5e1;border-radius:8px;font-weight:750}.ecs-navigator small{display:block;font-size:.6rem;height:10px}.ecs-navigator button[aria-current]{background:#091e47;color:#fff;border:2px solid #d4b268}.ecs-result{background:#091e47;color:white;text-align:center;border:1px solid #d4b268}.ecs-result h2{color:white}.ecs-result>strong{font-size:3.6rem}.ecs-result .eyebrow{color:#f0cc7a}.ecs-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0}.ecs-breakdown progress{grid-column:1/-1;width:100%;height:9px;accent-color:#b4914e}.ecs-focus{padding:10px 0 22px}.ecs-focus h3{color:#071b43}.ecs-footer{font-size:.8rem;line-height:1.7;padding:28px 0;color:#4b5d73}.ecs-footer a{color:#314e73}.ecs-page :is(a,button,input,summary):focus-visible{outline:3px solid #b58a32;outline-offset:4px}.ecs-page #ecsNotice:not(:empty){padding:18px;background:#fff5d9;border:1px solid #a68033;border-radius:10px;margin-bottom:20px}.ecs-page :is(p,h1,h2,h3,span,legend){overflow-wrap:anywhere}
@media(min-width:1700px){.ecs-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.ecs-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecs-mock-layout{grid-template-columns:1fr}.ecs-navigator{grid-template-columns:repeat(10,minmax(0,1fr))}.ecs-mode-card>div{padding:20px}.ecs-mode-card h2{font-size:1.3rem}}@media(max-width:650px){.ecs-mode-grid,.ecs-topic-grid,.ecs-teaching,.ecs-feedback-grid{grid-template-columns:1fr}.ecs-teaching>.ecs-panel:last-child{grid-column:auto}.ecs-test-facts{gap:10px}.ecs-test-facts strong{font-size:1.5rem}.ecs-option{padding:14px;gap:9px}.ecs-option.selected{padding:13px}.ecs-letter{display:none}.ecs-navigator{grid-template-columns:repeat(5,minmax(0,1fr))}.ecs-actions>*{flex:1;justify-content:center}.ecs-breakdown>div{grid-template-columns:1fr}.ecs-result>strong{font-size:3rem}.ecs-heading{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.ecs-page *{transition:none!important;animation:none!important}}

/* Book navigation extends the existing preparation design. */
.navigation-map{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}.navigation-map span{background:#102c46;color:white;border:1px solid #b59a5b;border-radius:12px;padding:16px 22px}.navigation-guide{border-left:3px solid #b59a5b;padding:20px;background:#f8f6f0}.navigation-guide li{margin:18px 0}.navigation-question{font-size:1.15rem;font-weight:700}.navigation-timing{position:sticky;top:0;background:white;z-index:1;border-bottom:1px solid #dbe3e9;padding:12px}.navigation-timing strong{font-variant-numeric:tabular-nums}.ecs-test-facts>div{min-width:0;overflow-wrap:anywhere}.ecs-options input:focus-visible{outline:3px solid #926b17;outline-offset:4px}@media(max-width:600px){.navigation-map span{padding:10px}.navigation-guide{padding:12px}.navigation-timing{gap:12px}.navigation-timing strong{font-size:1.7rem}}
