/* Componentes das páginas de 2027: uso de IA, material, novidades, formação, como estuda, leituras e conteúdo */
.lista-ponto{list-style:none;display:grid;gap:8px;margin-top:12px}
.lista-ponto li{padding-left:18px;position:relative}
.lista-ponto li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;background:var(--ouro);}
.segs .faixa{color:var(--cinza);font-size:15px}
.capa-texto{display:flex;align-items:flex-end;height:100%;min-height:calc(var(--w,132px)*1.35);padding:14px;background:linear-gradient(160deg,#3C2A85,#120B33);color:#fff;font:500 18px/1.15 Fraunces,Georgia,serif;width:var(--w,132px)}
.seg-livro .obs{display:block;font-size:14px;color:var(--ouro-esc);font-style:normal;margin-top:4px}
.formatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha)}
.formatos article{background:var(--papel);padding:24px}
.formatos h3{font:400 22px/1.2 Fraunces,Georgia,serif;margin-bottom:6px}
.formatos p{color:var(--cinza);font-size:16px}
@media (max-width:860px){.formatos{grid-template-columns:1fr}}
.agenda-jan{display:grid;gap:8px;overflow-x:auto}
.aj-cab,.aj-linha{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(110px,1fr));gap:8px;min-width:560px}
.aj-cab span{font:500 13px "IBM Plex Mono",monospace;color:var(--cinza)}
.aj-linha strong{font-weight:600}
.aj-linha span{border-radius:8px;padding:12px;font-weight:600;font-size:16px}
.aj-f{background:var(--abismo);color:#fff}.aj-p{background:var(--ouro);color:var(--abismo)}.aj-v{background:transparent}
.novas{list-style:none;display:grid;gap:0;max-width:860px}
.novas li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--linha)}
.novas li>span{font:400 40px/1 Fraunces,Georgia,serif;color:var(--ouro-esc)}
.novas h3{font:400 26px/1.15 Fraunces,Georgia,serif;margin-bottom:6px}
.semana{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;overflow-x:auto;margin-top:18px}
.dia{display:grid;gap:6px;align-content:start;min-width:0}
.dia strong{font:500 13px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza)}
.aula{background:var(--papel);border:1px solid var(--linha);border-radius:8px;padding:8px 10px;font-size:15px}
.aula em{display:block;font-style:normal;font-size:12px;font-weight:700;color:var(--ouro-esc);text-transform:uppercase;letter-spacing:.04em}
.intro-curta{max-width:68ch;color:var(--cinza)}
.tela-app{background:#fff;border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombra);padding:18px;display:grid;gap:12px;max-width:420px;justify-self:center;width:100%}
.ta-topo{display:flex;justify-content:space-between;font-weight:700}
.ta-topo span:last-child{font:500 12px "IBM Plex Mono",monospace;color:var(--cinza)}
.ta-cards{display:grid;gap:8px}
.ta-cards div{border:1px solid var(--linha);border-radius:10px;padding:10px 12px;display:grid;gap:2px;position:relative;overflow:hidden}
.ta-cards span{color:var(--cinza);font-size:14px}
.ta-cards i{position:absolute;left:0;bottom:0;height:3px;width:var(--p);background:var(--ouro)}
.ta-tutor{background:var(--creme);border-radius:10px;padding:12px;font-size:15px}
.lt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.lt-tab{font:600 15px "Source Sans 3",sans-serif;padding:8px 14px;border-radius:999px;border:1px solid var(--linha);background:var(--papel);cursor:pointer;color:var(--tinta)}
.lt-tab[aria-pressed="true"]{background:var(--abismo);color:#fff;border-color:var(--abismo)}
.lt-painel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.lt-painel{grid-template-columns:1fr}}
.lt-livro{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;background:var(--papel);border:1px solid var(--linha);border-radius:14px;padding:16px}
.lt-capa{aspect-ratio:2/3;border-radius:4px;background:hsl(var(--h) 45% 32%);color:#fff;display:flex;align-items:flex-end;padding:8px;font:500 13px/1.15 Fraunces,Georgia,serif;box-shadow:inset 6px 0 0 rgba(0,0,0,.18)}
.lt-livro h3{font:400 22px/1.15 Fraunces,Georgia,serif}
.lt-autor{font-size:15px;color:var(--cinza);margin-bottom:6px}
.lt-livro p{font-size:16px}
.lt-pergunta{margin-top:8px;background:var(--creme);border-radius:8px;padding:8px 10px;font-size:15px!important}
.ct-escolha{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.ct-escolha label{font-weight:700}
.ct-escolha select{font:600 17px "Source Sans 3",sans-serif;padding:10px 12px;border-radius:10px;border:1px solid var(--linha);background:var(--papel)}
.ct-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0 24px}
.ct-grade div{background:var(--papel);border:1px solid var(--linha);border-radius:10px;padding:10px 12px}
.ct-grade b{display:block;font:400 30px/1 Fraunces,Georgia,serif}
.ct-grade span{font-size:14px;color:var(--cinza)}
.ct-comp{border-top:1px solid var(--linha)}
.ct-comp summary{cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;gap:12px;font:400 24px/1.2 Fraunces,Georgia,serif;list-style:none}
.ct-comp summary::-webkit-details-marker{display:none}
.ct-comp summary small{font:500 13px "IBM Plex Mono",monospace;color:var(--cinza);white-space:nowrap}
.ct-comp ol{list-style:none;display:grid;gap:10px;padding:0 0 20px}
.ct-comp li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:16px}
.ct-comp li code{font:500 13px "IBM Plex Mono",monospace;color:var(--ouro-esc)}
@media (max-width:600px){.ct-comp li{grid-template-columns:1fr;gap:2px}}
.ct-aviso{background:var(--creme);border-radius:10px;padding:12px 14px;font-size:16px;margin-bottom:16px}
.ct-sub{font:500 13px "IBM Plex Mono",monospace;color:var(--cinza);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}