/* Trilha de Estudos para a Prova · identidade editorial própria */
.study-trail{max-width:1180px;margin:0 auto 42px;color:var(--ink,#292638);scroll-margin-top:100px}
.study-trail-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(195px,242px);align-items:center;gap:32px;border:1px solid #65539c;border-radius:26px;padding:clamp(25px,3.5vw,40px);background:linear-gradient(118deg,#241e42 0%,#433361 62%,#66508c 100%);color:#fff;box-shadow:0 18px 38px rgba(40,27,76,.18);overflow:hidden}
.study-trail-intro:after{content:"";position:absolute;right:-65px;bottom:-150px;width:310px;height:310px;border:1px solid #fff2;border-radius:50%;pointer-events:none}
.study-trail-intro-text,.study-trail-progress{position:relative;z-index:1}
.study-trail-overline{display:block;font-size:10px;letter-spacing:.14em;font-weight:800;color:#d8cafa;margin-bottom:12px}
.study-trail-intro h1{font-size:clamp(24px,3vw,39px);line-height:1.14;font-weight:850;letter-spacing:-.04em;margin:0 0 14px;color:#fff}
.study-trail-intro p{font-size:13px;line-height:1.75;max-width:650px;color:#eee6fc;margin:0}
.study-trail-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.study-trail-quick a{display:inline-flex;align-items:center;min-height:32px;max-width:260px;border-radius:8px;padding:7px 10px;border:1px solid #f8edff48;background:#ffffff14;color:#f5edff;font-size:10px;font-weight:700;text-decoration:none;transition:background .2s ease}
.study-trail-quick a:hover{background:#ffffff30}
.study-trail-progress{border-radius:19px;border:1px solid #fff3;background:#17112542;padding:22px}
.study-trail-progress>span{display:block;color:#ded1f8;font-size:10px;letter-spacing:.09em;font-weight:800}
.study-trail-progress strong{display:block;font-size:39px;line-height:1.3;margin:4px 0 10px;font-weight:850;font-variant-numeric:tabular-nums}
.study-trail-progress strong small{font-size:13px;font-weight:650;color:#d9cef0}
.study-trail-track{height:9px;background:#ffffff2b;border-radius:100px;overflow:hidden}
.study-trail-track i{display:block;height:100%;border-radius:100px;background:#b5a4ec;transition:width .22s}
.study-trail-progress b{display:block;font-size:11px;margin-top:10px;color:#e7ddfc}
.study-trail-caption{font-size:12px!important;line-height:1.7;color:var(--muted,#6e697f);margin:18px 5px 25px}
.study-trail-phases{display:grid;gap:22px}
.study-trail-phase{background:var(--paper,#fff);border:1px solid var(--line,#e2deed);border-radius:21px;padding:clamp(18px,2.6vw,30px);scroll-margin-top:90px;box-shadow:0 4px 16px rgba(39,27,68,.035)}
.study-trail-phase-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}
.study-trail-phase-index{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:13px;color:var(--study-trail-color);border:1px solid color-mix(in srgb,var(--study-trail-color) 40%,transparent);background:color-mix(in srgb,var(--study-trail-color) 9%,transparent);font-size:16px;font-weight:800}
.study-trail-kicker{font-size:10px;font-weight:750;letter-spacing:.1em;color:var(--study-trail-color)}
.study-trail-phase h2{margin:4px 0 6px;font-size:clamp(17px,2vw,22px);line-height:1.25;letter-spacing:-.02em;color:var(--ink,#292638)}
.study-trail-phase-head p{margin:0;line-height:1.6;font-size:12px;color:var(--muted,#756e85)}
.study-trail-items{position:relative;display:grid;gap:11px;padding-left:20px}
.study-trail-items:before{content:"";position:absolute;top:18px;bottom:18px;left:9px;border-left:2px dashed color-mix(in srgb,var(--study-trail-color) 25%,transparent)}
.study-trail-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:13px;align-items:start;margin-left:-20px}
.study-trail-counter{z-index:1;position:relative;display:grid;place-items:center;margin-top:15px;width:22px;height:22px;border:1.5px solid color-mix(in srgb,var(--study-trail-color) 53%,white);border-radius:50%;background:var(--paper,#fff);font-size:8px;font-weight:850;color:var(--study-trail-color)}
.study-trail-item.done .study-trail-counter{color:#fff;background:var(--study-trail-color)}
.study-trail-item-content{border:1px solid var(--line,#e5e1ed);border-radius:15px;padding:16px 18px;background:color-mix(in srgb,var(--paper,#fff) 95%,var(--study-trail-color) 5%);min-width:0;transition:border-color .2s,box-shadow .2s}
.study-trail-item-content:hover{border-color:color-mix(in srgb,var(--study-trail-color) 38%,var(--line));box-shadow:0 7px 18px #281e4510}
.study-trail-item.done .study-trail-item-content{border-color:color-mix(in srgb,var(--study-trail-color) 43%,var(--line))}
.study-trail-kind{display:inline-flex;text-transform:uppercase;letter-spacing:.095em;font-size:9px;font-weight:850;color:var(--study-trail-color)}
.study-trail-item h3{font-size:14px;line-height:1.38;margin:5px 0 6px;letter-spacing:-.005em;font-weight:770;overflow-wrap:anywhere}
.study-trail-item p{color:var(--muted,#766f83);font-size:12px;line-height:1.62;margin:0}
.study-trail-item-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}
.study-trail-open{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;max-width:100%;border:1px solid color-mix(in srgb,var(--study-trail-color) 50%,transparent);border-radius:10px;background:color-mix(in srgb,var(--study-trail-color) 9%,var(--paper,#fff));padding:9px 13px;font:inherit;font-size:11px;font-weight:780;color:var(--ink,#292638);cursor:pointer;text-decoration:none;transition:background .2s}
.study-trail-open:hover{background:color-mix(in srgb,var(--study-trail-color) 18%,var(--paper,#fff));color:var(--ink,#292638)}
.study-trail-open span{font-size:17px;line-height:1}
.study-trail-item .donecontrol{font-size:10px;white-space:nowrap}
.study-trail-finish{margin-top:24px;border:1px solid var(--line);background:var(--paper,#fff);border-radius:16px;padding:22px 25px}
.study-trail-finish strong{font-size:15px}
.study-trail-finish p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0}
.study-trail-empty{padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
/* Cartões principais ocupam linhas independentes; as demais opções seguem em duas colunas. */
.subject-hub .subject-hub-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.subject-hub .subject-hub-card.subject-trail-highlight,
.subject-hub .subject-hub-card.subject-docs-full{grid-column:1/-1}
.subject-hub .subject-hub-card.subject-docs-full{min-height:99px;height:auto;background:var(--paper);border-color:color-mix(in srgb,var(--subject-accent) 22%,var(--line))}
.subject-hub .subject-hub-card.subject-docs-full .subject-hub-card-title{font-size:16px}
.subject-hub .subject-hub-card.subject-docs-full .subject-hub-card-icon{width:55px;height:55px;flex-basis:55px}
.subject-hub .subject-hub-meta{width:100%;margin:0 0 20px}
@media(max-width:720px){.subject-hub .subject-hub-menu{grid-template-columns:1fr}.subject-hub .subject-hub-card.subject-trail-highlight,.subject-hub .subject-hub-card.subject-docs-full{grid-column:1/-1}}
.subject-hub-card.subject-trail-highlight{grid-column:1/-1;background:linear-gradient(110deg,color-mix(in srgb,var(--subject-accent) 10%,var(--paper,#fff)),var(--paper,#fff));border-color:color-mix(in srgb,var(--subject-accent) 43%,var(--line));min-height:108px}
.subject-hub-card.subject-trail-highlight .subject-hub-card-title{font-size:17px}
.subject-hub-card.subject-trail-highlight .subject-hub-card-icon{font-size:26px}
@media(max-width:720px){.study-trail-intro{grid-template-columns:1fr;gap:20px}.study-trail-progress{max-width:none}.study-trail-phase-head{gap:10px}.study-trail-phase-index{width:37px;flex-basis:37px;height:37px}.study-trail-item-footer{align-items:stretch}.study-trail-open{flex:1}.study-trail-item .donecontrol{width:auto}.study-trail-item-content{padding:13px}.study-trail-quick a{max-width:100%}}
@media(prefers-reduced-motion:reduce){.study-trail *, .subject-hub-card.subject-trail-highlight{scroll-behavior:auto!important;animation:none!important;transition:none!important}}