/* Matéria & memória · LAOS / Feitaz */
.faixa.demo-faixa{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.5rem 1rem;font-family:"Jost",sans-serif;font-size:.76rem;line-height:1.35;text-align:center}
.faixa.demo-faixa a{display:inline;font-size:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.rodape__credito{font-size:.85rem;margin:1.2rem 0 0;color:var(--papel,#F4F1E9)}
.rodape__credito a{border-bottom:1px solid currentColor}
.demo-pagina{padding:clamp(3rem,7vw,6.5rem) 0 clamp(3rem,6vw,5rem)}
.demo-pagina__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:start}
.demo-pagina .demo-sobre,.demo-dialogo .demo-sobre{font:400 .72rem/1.5 "DM Mono",monospace;color:#8C5737;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.2rem}
.demo-pagina h1{font:350 clamp(2.7rem,5.5vw,5.1rem)/1.07 "Fraunces",serif;letter-spacing:-.035em;margin:0;max-width:8em}
.demo-pagina__texto{padding-top:.25rem}
.demo-pagina p.demo-descricao{font-size:1.17rem;line-height:1.75;margin:0 0 1rem;max-width:39rem}
.demo-nenhum{font-family:"DM Mono",monospace;font-size:.75rem;line-height:1.6;color:#425261;border-top:1px solid #D5C8B8;padding-top:1rem;margin-top:1.5rem}
.demo-acoes{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;align-items:center}
.demo-acoes .botao{font-size:.88rem;line-height:1.4;text-align:center;white-space:normal;min-height:48px;padding:.85rem 1.2rem}
.demo-acoes .botao--linha{color:#425261;border-color:#425261;background:transparent}
.demo-continuar{border:0;border-bottom:1px solid #8C5737;background:transparent;color:#8C5737;cursor:pointer;font:400 .9rem/1.5 "Jost",sans-serif;padding:.5rem 0;text-decoration:none}
.demo-pagina__nota{font-size:.85rem;color:#425261;margin-top:1.4rem}
.demo-dialogo{background:#F4F1E9;color:#1D1D1D;border:1px solid #D5C8B8;border-radius:2px;width:min(760px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;box-shadow:0 24px 90px #1D1D1D33;font:400 1rem/1.6 "Jost",sans-serif;overflow:auto;overscroll-behavior:contain}
.demo-dialogo::backdrop{background:#1D1D1Db3;backdrop-filter:blur(3px)}
.demo-dialogo__corpo{padding:clamp(1.4rem,4vw,2.5rem);position:relative}
.demo-fechar{position:absolute;right:.8rem;top:.6rem;border:0;background:transparent;color:#425261;font:400 1.5rem/1 "Jost",sans-serif;cursor:pointer;width:44px;height:44px}
.demo-dialogo h2{font:350 clamp(2rem,4vw,3rem)/1.12 "Fraunces",serif;letter-spacing:-.035em;margin:0 0 1rem;max-width:15em}
.demo-dialogo h2:focus{outline:none}
.demo-dialogo .demo-descricao{max-width:38rem;margin:0 0 .8rem;font-size:1rem;line-height:1.65}
.demo-previa{margin:1.4rem 0 0}
.demo-previa h3{font:400 .69rem/1.6 "DM Mono",monospace;letter-spacing:.065em;text-transform:uppercase;color:#425261;margin:0 0 .5rem}
.demo-mensagem{white-space:pre-wrap;overflow-wrap:anywhere;background:#E6E3DC;border-left:2px solid #8C5737;padding:1rem;font:400 .81rem/1.65 "DM Mono",monospace;max-height:240px;overflow:auto;margin:0;tab-size:2}
.demo-dialogo .demo-acoes{margin-top:1.3rem}
.demo-dialogo .demo-nenhum{margin-bottom:0;font-size:.68rem;padding-top:.8rem}
.demo-dialogo a:focus-visible,.demo-dialogo button:focus-visible,.demo-pagina a:focus-visible{outline:2px solid #8C5737;outline-offset:4px}
@media(max-width:760px){.faixa.demo-faixa{font-size:.65rem;gap:.5rem;padding:.5rem .6rem}.demo-faixa .demo-faixa__detalhe{display:none}.demo-pagina__grade{grid-template-columns:1fr;gap:1.7rem}.demo-pagina h1{max-width:10em;font-size:3rem}.demo-pagina p.demo-descricao{font-size:1.04rem;line-height:1.7}.demo-acoes{align-items:stretch;flex-direction:column}.demo-continuar{align-self:flex-start}.demo-dialogo{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.demo-dialogo .demo-acoes .botao{padding:.7rem 1rem;font-size:.81rem}.demo-dialogo h2{font-size:2.2rem;margin-bottom:.7rem}.demo-dialogo .demo-descricao{font-size:.92rem}.demo-dialogo .demo-sobre{margin-bottom:.8rem;font-size:.62rem}.demo-mensagem{max-height:190px;font-size:.71rem}.demo-previa{margin-top:1rem}.demo-dialogo .demo-acoes{gap:.5rem;margin-top:1rem}.demo-nenhum{margin-top:1rem}.rodape__credito{font-size:.8rem}}