:root{--ed-ink:#17294a;--ed-pink:#b92368;--ed-line:#d9dce4;--ed-muted:#526078}

/* Home: uma abertura, um percurso e uma oferta que responde à escolha. */
.home-position{min-height:min(670px,calc(100svh - 76px));gap:clamp(35px,7vw,110px)}
.home-position .position-copy{padding:28px 0}
.home-position h1{max-width:12ch}
.home-position .hero-actions{margin-top:26px}
.home-start{min-height:46px!important;display:inline-flex;align-items:center;border:1px solid var(--ed-ink)!important;border-radius:6px;padding:9px 17px!important;background:var(--ed-ink)!important;color:#fff!important;font-size:.83rem!important;transition:background .18s,transform .18s}
.home-start:hover{background:#294066!important;transform:translateY(-2px)}
.home-start:active{transform:translateY(1px)}
.home-start:focus-visible,.home-entry button:focus-visible,.work-tabs button:focus-visible,.work-brief:focus-visible,.tdc-hero button:focus-visible,#next:focus-visible,.reading-method summary:focus-visible{outline:3px solid var(--ed-pink);outline-offset:3px}
.home-entry{max-width:560px;margin-top:23px}
.home-entry fieldset{gap:7px}
.home-entry button{min-height:44px;border-radius:6px;padding:9px 12px}
.home-system>.wrap{padding-top:clamp(58px,7vw,94px);padding-bottom:clamp(55px,7vw,92px)}
.system-intro{grid-template-columns:1.4fr .6fr;align-items:end}
.system-intro>p{font-size:.88rem;font-weight:600;color:var(--ed-pink)}
.system-path{margin:42px 0 0;gap:30px}
.system-path article{min-height:155px;padding:20px 0 10px;border-top-width:1px}
.system-path h3{margin:20px 0 9px}
.system-path a{margin-top:6px;min-height:44px;display:inline-flex;align-items:center}
.agent-passage{margin-top:52px;padding-top:49px}
.passage-head{grid-template-columns:1.5fr .5fr}
.passage-head p{font-size:.86rem}
.handoff-demo article,.handoff-demo article:last-child{background:transparent;color:var(--ed-ink);transform:none;padding:20px 0}
.handoff-demo article{border-top:2px solid var(--ed-ink)}
.handoff-demo article:last-child{border-color:var(--ed-pink)}
.handoff-demo dl>div,.handoff-demo article:last-child dl>div{border-color:var(--ed-line)}
.handoff-demo dt,.handoff-demo article:last-child dt{color:var(--ed-pink)}
.handoff-demo:before{opacity:.75}
.handoff-axis{padding:0 10px}
.home-conversion{background:#fff;border-top:1px solid var(--ed-line)}
.home-conversion .wrap{padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(64px,8vw,110px)}
.conversion-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,110px)}
.conversion-grid>div:first-child{position:sticky;top:32px;align-self:start}
.conversion-grid h2{font-size:clamp(2.4rem,4vw,4.3rem);line-height:1.1;letter-spacing:-.05em}
.conversion-grid>div>p{font-size:.9rem;color:var(--ed-muted)}

/* TDC: a conclusão chega antes da explicação. */
.tdc-hero #start-diagnosis{height:46px;min-height:46px;padding:9px 18px;border-radius:6px;background:var(--ed-ink);border:1px solid var(--ed-ink);color:#fff;box-shadow:none;font-size:.82rem;transition:background .18s,transform .18s}
.tdc-hero #start-diagnosis:hover{background:#294066;transform:translateY(-2px)}
.tdc-hero #start-diagnosis:active{transform:translateY(1px)}
.tdc-hero .tdc-privacy{font-size:.72rem;margin-top:14px}
.tdc-diagnosis{background:linear-gradient(90deg,var(--ed-ink) 0 38%,#fff 38% 100%)}
.tdc-diagnosis .check-panel{background:transparent;border-radius:0;padding:20px 0}
.tdc-diagnosis #next{height:46px;min-height:46px;padding:9px 18px;border-radius:6px;background:var(--ed-ink);border:1px solid var(--ed-ink);color:#fff;box-shadow:none;font-size:.82rem}
.tdc-diagnosis #next:hover{background:#294066}
.reading-method{margin-top:20px;border-top:1px solid #73819a;padding-top:12px;color:#d4dcea;font-size:.75rem;line-height:1.55}
.reading-method summary{cursor:pointer;width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;color:#fff}
.reading-method summary:hover{text-decoration:underline;text-decoration-color:#f58ac4;text-underline-offset:4px}
.reading-method p{font-size:.75rem!important;margin:0 0 8px!important;color:#d4dcea!important}
.tdc-diagnosis:has(.result-v14:not([hidden])){background:linear-gradient(90deg,var(--ed-ink) 0 37%,#fff 37% 100%)}
.result-v14 .decision-kicker{margin-top:2px}
.result-v14 .decision-conclusion{max-width:22ch;font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.12;letter-spacing:-.055em;margin:17px 0 clamp(35px,5vw,65px)}
.result-v14 .decision-conclusion em{color:var(--ed-pink)}
.decision-map{margin-left:5px;padding-left:clamp(20px,2.5vw,37px)}
.decision-step{padding-bottom:clamp(25px,3.3vw,42px);margin-bottom:clamp(25px,3.3vw,42px)}
.decision-step:before{left:calc(-1 * clamp(26px,2.5vw + 6px,43px));width:8px;height:8px;border-radius:0;transform:rotate(45deg)}
.decision-step h3{max-width:39ch}
.decision-profile h3{max-width:26ch}
.decision-blocked{background:linear-gradient(90deg,#fdf5f9,transparent 80%);padding:22px 14px 24px;margin-left:-14px}
.certainty-map>div,.movement-details p{gap:15px;padding:12px 0}
.certainty-map dt small{display:none}
.decision-finish{margin-top:10px}
.decision-finish h3{margin-bottom:17px}
.decision-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.decision-primary,.decision-secondary{height:46px;min-height:46px!important;max-height:46px;border-radius:6px!important;font-size:.79rem!important;transition:background .18s,color .18s,transform .18s}
.decision-primary{gap:15px;border:1px solid var(--ed-ink);background:var(--ed-ink);padding:7px 9px 7px 16px}
.decision-primary span{width:27px;height:27px;border-radius:4px;background:var(--ed-pink);color:#fff}
.decision-primary:hover{background:#294066}
.decision-secondary{border:1px solid var(--ed-line);background:transparent;color:var(--ed-ink);padding:8px 14px;gap:11px}
.decision-secondary:hover{border-color:var(--ed-pink);color:var(--ed-pink);background:#fff}
.decision-review{height:46px;min-height:46px;margin:0 0 0 auto;padding:8px 2px;font-size:.72rem}
.decision-review:hover{text-decoration:underline;text-underline-offset:4px;border-color:transparent}
.export-short,.review-short{display:none}
.export-menu{border-radius:6px}
.export-menu button{border-radius:4px}
.result-v14 .tdc-readiness{border-top:1px solid var(--ed-line);padding-top:19px;margin-top:26px}
.result-v14 .tdc-readiness strong{font-size:.83rem}
.result-v14 .tdc-readiness p{font-size:.76rem;margin:6px 0 0}
.result-v14 .tdc-readiness a{margin-left:14px;font-size:.77rem}
.tdc-work{margin-top:40px;padding-top:36px}
.tdc-work h3{font-size:clamp(1.7rem,2.6vw,2.5rem);max-width:24ch}
.tdc-work>p{font-size:.74rem}

/* Escolha de trabalho: três situações, uma transformação visível. */
.work-choice{gap:0}
.work-tabs{border-color:var(--ed-ink)}
.work-tabs button{display:grid;grid-template-columns:27px minmax(0,1fr) 20px;gap:15px;min-height:76px;padding:10px 5px;border-color:var(--ed-line);background:transparent!important;box-shadow:none!important;transition:color .18s,padding .18s,border-color .18s}
.work-tabs button:hover,.work-tabs button.selected{padding-left:12px;border-left:3px solid var(--ed-pink);color:var(--ed-pink)}
.work-index{align-self:start;margin-top:4px}
.work-option{display:grid;gap:2px}
.work-option strong{font-size:.87rem;line-height:1.35}
.work-option small{color:var(--ed-muted);font-size:.7rem;font-weight:400;line-height:1.45}
.work-arrow{font-size:1rem!important;justify-self:end;align-self:center;opacity:.35}
.work-tabs button.selected .work-arrow{opacity:1}
.work-detail{margin-top:22px;padding-top:23px;border-top:2px solid var(--ed-ink)}
.work-detail h4{font-size:clamp(1.35rem,2vw,1.85rem);margin-bottom:18px}
.work-detail dl>div{grid-template-columns:100px 1fr;padding:9px 0;border-color:var(--ed-line)}
.work-detail dd{font-size:.75rem}
.work-detail ul{display:flex;flex-wrap:wrap;gap:5px 14px;padding:0;list-style:none}
.work-detail li{position:relative;padding-left:10px;margin:0}
.work-detail li:before{content:'';position:absolute;left:0;top:.7em;width:4px;height:4px;background:var(--ed-pink)}
.work-brief{height:46px;min-height:46px;display:inline-flex;align-items:center;border:1px solid var(--ed-ink);border-radius:6px;padding:8px 16px;background:var(--ed-ink);color:#fff;font-size:.75rem;transition:background .18s,transform .18s}
.work-brief:hover{background:#294066;color:#fff;border-color:#294066;transform:translateY(-2px)}
.work-brief:active{transform:translateY(1px)}
.work-note{font-size:.63rem!important;margin-top:8px!important}

@media(max-width:900px){
  .home-position,.system-intro,.passage-head,.conversion-grid{grid-template-columns:1fr}
  .home-position{min-height:auto}
  .system-intro{gap:14px}
  .system-path{gap:10px}
  .conversion-grid>div:first-child{position:static}
}
@media(max-width:700px){
  .tdc-diagnosis:has(.result-v14:not([hidden])){background:#fff}
  .tdc-diagnosis{background:#fff;padding-top:0}
  .tdc-diagnosis .diagnosis-intro{background:var(--ed-ink);padding:35px 20px;margin:0 -14px 24px}
  .tdc-diagnosis .check-panel{padding:0 7px 27px}
  .tdc-diagnosis:has(.result-v14:not([hidden])) .diagnosis-intro{padding:23px 20px;margin-bottom:22px}
  .tdc-diagnosis:has(.result-v14:not([hidden])) .diagnosis-intro h2{font-size:1.6rem;margin:9px 0}
  .tdc-diagnosis:has(.result-v14:not([hidden])) .diagnosis-intro p{font-size:.72rem;margin:10px 0}
  .reading-method{margin-top:10px}
  .result-v14 .decision-conclusion{font-size:clamp(2.05rem,7.5vw,3rem);margin-bottom:35px}
  .decision-blocked{margin-left:-9px;padding-left:9px}
  .result-v14{padding-bottom:90px}
  .decision-actions{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) 92px 57px;align-items:center;gap:6px;background:#fff;border-top:1px solid var(--ed-line);padding:8px 10px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 22px #17294a14}
  .decision-primary{min-width:0;width:100%;padding:7px 7px 7px 10px;font-size:.67rem!important;gap:4px}
  .decision-primary span{width:23px;height:23px;flex:none}
  .decision-secondary{width:92px;padding:7px 8px;font-size:.65rem!important;gap:2px}
  .export-label,.review-full{display:none}
  .export-short,.review-short{display:inline}
  .decision-review{font-size:.61rem;padding:5px 0;margin:0;white-space:nowrap}
  .result-v14.work-in-view .decision-actions,.result-v14:not(.result-in-view) .decision-actions{visibility:hidden;pointer-events:none}
  .export-menu{bottom:calc(100% + 9px);right:-64px;width:min(310px,calc(100vw - 20px))}
  .home-conversion .wrap{padding-top:58px;padding-bottom:66px}
  .work-tabs button{min-height:71px}
}
@media(max-width:360px){
  .decision-actions{grid-template-columns:minmax(0,1fr) 77px 50px}
  .decision-secondary{width:77px}
  .decision-primary{font-size:.62rem!important}
  .decision-review{font-size:.57rem}
}
@media(prefers-reduced-motion:reduce){.home-start,.decision-primary,.decision-secondary,.work-brief,.work-tabs button{transition:none}}
