/* Visual da revista (vem da versão final da nº 1 de ensaio, 11/10/2026). Layout: revista em papel, uma cor de papel por área (largura total), coluna interna de 900px; no computador a abertura vira página dupla (capa + editorial e sumário). Visual único e deliberado: não segue o tema claro/escuro */
:root{--ink:#121014;--paper:#F2EFE8;--branco:#FBF8F1;--roxo:#7B2FF2;--roxo-kv:#3A0E8C;--magenta:#E23CD3;--ciano:#2EE6D6;--lima:#B8FF2E;--amarelo:#FFD21F;
  --p-obras:#F2EFE8;--p-bast:#F4E3A1;--p-com:#F3CFD8;--p-fech:#CDEFEA;
  --f-bloco:"Archivo","Arial Narrow",Arial,sans-serif;--f-body:"Instrument Sans","Segoe UI",system-ui,sans-serif;--f-mono:"DM Mono",ui-monospace,Menlo,monospace;--f-serif:"Newsreader",Georgia,serif;--f-hq:"Comic Neue","Comic Sans MS",cursive;--f-mao:"Permanent Marker","Comic Sans MS",cursive;
  color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--roxo-kv);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;padding-inline:16px;padding-block:0}
body.lock{overflow:hidden}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--roxo)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}
.col{max-width:900px;margin-inline:auto}
.bloco{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em}
.etiqueta{display:inline-block;background:#fff;color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;padding:2px 9px 1px;border:2.5px solid var(--ink);transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink);font-size:.78rem;letter-spacing:.02em;line-height:1.3}

/* barra do protótipo e topo */
.proto{margin-inline:-16px;padding:7px 16px;background:var(--amarelo);color:var(--ink);font-size:.82rem;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;border-bottom:2px solid var(--ink)}
.proto b{font-weight:700}
.proto .nomes{display:flex;gap:4px}
.proto .nomes button{border:2px solid var(--ink);background:#fff;padding:1px 8px;font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:.8rem;cursor:pointer}
.proto .nomes button[aria-pressed="true"]{background:var(--ink);color:var(--amarelo)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;margin-inline:-16px;padding-inline:16px;background:var(--ink);color:#fff}
.top-in{max-width:1180px;margin-inline:auto;display:flex;align-items:center;gap:14px;padding-block:9px}
.top .logo{font-size:1.9rem;line-height:1;color:#fff;text-shadow:2px 2px 0 var(--ciano),4px 4px 0 var(--magenta)}
.top .ed{font-family:var(--f-mono);font-size:11px;color:#cfc8e6;line-height:1.3}
.notas-btn{margin-left:auto;border:2px solid var(--amarelo);background:transparent;color:var(--amarelo);padding:5px 10px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.notas-btn[aria-pressed="true"]{background:var(--amarelo);color:var(--ink)}
.anav{max-width:1180px;margin-inline:auto;display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;padding-top:2px}
.anav a{flex:1 0 auto;min-width:72px;text-decoration:none;color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:.78rem;text-align:center;padding:6px 8px 5px;border-radius:7px 7px 0 0;transform:translateY(4px);transition:transform .15s}
.anav a.on{transform:translateY(0)}
.anav a[data-a="a1"]{background:var(--magenta);color:#fff}.anav a[data-a="a2"]{background:var(--p-obras)}.anav a[data-a="a3"]{background:var(--p-bast)}.anav a[data-a="a4"]{background:var(--p-com)}.anav a[data-a="a5"]{background:var(--p-fech)}

/* notas */
.nota{display:none;margin:14px 0;background:var(--amarelo);color:var(--ink);border:2px solid var(--ink);padding:9px 12px;font-size:.9rem;line-height:1.45;box-shadow:4px 4px 0 var(--ink);transform:rotate(-.4deg)}
.nota b{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-weight:500}
body.notas .nota{display:block}

/* áreas: papel de cada cor, borda serrilhada */
.area{position:relative;margin-inline:-16px;padding:48px 16px 56px;background:var(--bg-area);scroll-margin-top:96px}
.area::before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px;background:linear-gradient(135deg,var(--bg-area) 50%,transparent 50%) 0 0/22px 22px,linear-gradient(-135deg,var(--bg-area) 50%,transparent 50%) 0 0/22px 22px}
#a1{--bg-area:var(--roxo-kv);padding-top:28px;background:var(--roxo-kv) url("../media/marca/kv-b.jpg") center/cover;}
#a1::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,10,104,.55),rgba(42,10,104,.92) 70%);pointer-events:none}
#a1>*{position:relative;z-index:1}
#a2{--bg-area:var(--p-obras)}#a3{--bg-area:var(--p-bast)}#a4{--bg-area:var(--p-com)}#a5{--bg-area:var(--p-fech)}
.ah{display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px 14px;margin-bottom:22px}
.ah-n{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:4.6rem;line-height:.78;color:var(--roxo);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}
.ah-t{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(2rem,6vw,3rem);line-height:.9}
.ah-s{font-family:var(--f-serif);font-style:italic;font-size:1.05rem;margin-left:auto;align-self:center}

/* abertura em página dupla */
.spread{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
@media (min-width:980px){.spread{grid-template-columns:minmax(0,480px) minmax(0,1fr)}}
.capa{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#000}
.capa svg{display:block;width:100%;height:auto}
.lado{display:grid;gap:18px;min-width:0}
.edit{background:var(--branco);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:grid;grid-template-columns:110px 1fr;gap:4px 14px;padding:14px 16px 16px;position:relative;overflow:hidden}
.edit .lg{grid-row:1/4;align-self:end;width:110px;height:auto;margin-bottom:-16px;filter:drop-shadow(3px 3px 0 var(--ink))}
.edit .cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.edit .cab .etiqueta{background:var(--magenta);color:#fff}
.edit p.body{font-size:1rem;line-height:1.55}
.edit .sig{font-family:var(--f-mao);font-size:1.4rem;color:var(--roxo);transform:rotate(-3deg);justify-self:start}
.sumario{background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:grid;grid-template-columns:52px 1fr}
.sumario .vt{background:var(--ink);color:var(--paper);writing-mode:vertical-rl;font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:1.7rem;letter-spacing:.14em;text-transform:uppercase;display:grid;place-items:center;padding:10px 0}
.sumario .lista{padding:6px 14px 10px;display:grid;min-width:0}
.su-g{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--roxo);padding-top:10px}
.su-i{display:grid;grid-template-columns:44px 1fr;gap:0 12px;width:100%;text-align:left;background:none;border:0;border-bottom:1.5px solid var(--ink);padding:9px 0;cursor:pointer;align-items:baseline}
.su-i:hover b{text-decoration:underline;text-decoration-thickness:2px}
.su-i .pg{grid-row:1/3;font-family:var(--f-bloco);font-weight:900;font-size:1.8rem;line-height:.9;color:var(--roxo)}
.su-i b{font-family:var(--f-bloco);font-weight:800;font-size:1rem;line-height:1.15}
.su-i q{font-family:var(--f-serif);font-style:italic;font-size:.88rem;color:#3a3540;quotes:"“" "”"}
.su-i.read b::after{content:"  ✓";color:var(--roxo)}
.su-x{font-size:.85rem;padding:8px 0 0;color:#3a3540}

/* obras */
.obras{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px 22px}
.obra{position:relative;display:grid;grid-template-rows:auto 1fr;text-align:left;background:var(--branco);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0}
.obra:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.obra:nth-child(3n+2){transform:rotate(.6deg)}.obra:nth-child(3n+2):hover{transform:rotate(.6deg) translate(-3px,-3px)}
.obra.destaque{grid-column:1/-1}
.obra-th{display:block;border-bottom:3px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 92%,0 100%);background:var(--ink);margin-bottom:-12px}
.obra-th svg,.obra-th img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.obra.destaque .obra-th svg{aspect-ratio:16/9}
.obra-tx{display:grid;gap:6px;padding:18px 16px 16px;align-content:start}
.obra-q{justify-self:start}
.obra-t{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:1.7rem;line-height:.95;text-transform:uppercase}
.obra.destaque .obra-t{font-size:clamp(2rem,5vw,2.8rem)}
.obra-l{font-size:.95rem}
.obra-m{font-family:var(--f-serif);font-style:italic;font-size:.88rem;color:#3a3540}
.obra-b{font-family:var(--f-mono);font-size:10.5px;color:var(--roxo)}
.obra-st{font-family:var(--f-mono);font-size:11px;color:var(--roxo)}
.selo{position:absolute;right:-12px;top:-14px;width:96px;height:96px;display:grid;place-items:center;text-align:center;background:var(--amarelo);color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:.72rem;line-height:1.05;padding:16px;transform:rotate(10deg);z-index:2;clip-path:polygon(50% 0,61% 13%,77% 6%,79% 23%,96% 25%,88% 40%,100% 52%,86% 62%,92% 79%,75% 79%,69% 96%,54% 86%,40% 100%,32% 84%,15% 91%,15% 74%,0 66%,11% 52%,2% 37%,18% 31%,17% 13%,34% 15%)}
.intervalo{margin-top:34px;position:relative;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--roxo-kv) url("../media/marca/kv-a.jpg") center/cover;color:#fff;overflow:hidden}
.fita{background:repeating-linear-gradient(-45deg,var(--amarelo) 0 18px,var(--ink) 18px 36px);height:14px}
.fita-t{background:var(--amarelo);color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:.8rem;letter-spacing:.12em;white-space:nowrap;overflow:hidden;padding:3px 0;border-block:2px solid var(--ink)}
.intervalo .in{padding:16px;display:grid;gap:12px;background:linear-gradient(90deg,rgba(18,16,20,.92),rgba(18,16,20,.55))}
.briefs{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
@media (max-width:560px){.briefs{grid-template-columns:repeat(5,1fr)}}
.briefs img{width:100%;height:auto;aspect-ratio:205/235;object-fit:cover;display:block;border:2px solid #fff}
.ad-l{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.ad-brand{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.3rem;line-height:1}
.ad-b{justify-self:start;border:2.5px solid var(--ink);background:var(--lima);color:var(--ink);padding:6px 14px;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.bast{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px 20px}
.bast .obra-t{font-size:1.3rem}

/* comunidade */
.blk{margin-top:34px;display:grid;gap:12px}
.blk:first-of-type{margin-top:0}
.blk-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sec-t{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.8rem;line-height:1}
.blk-h .tag{font-family:var(--f-serif);font-style:italic;font-size:.9rem}
.scroll{overflow-x:auto;max-width:100%;background:var(--branco);border-block:5px solid var(--ink)}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--ink);white-space:nowrap}
th{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}
td:first-child{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase}
td.n,th.n{text-align:right}
tr:last-child td{border-bottom:0}
.lembra{font-family:var(--f-serif);font-size:1.02rem}
.decisao{background:var(--branco);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:12px 14px}
.decisao>b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase}
.decide-list{margin:6px 0 0;padding-left:18px;display:grid;gap:6px;font-size:.95rem}
.perfil{background:var(--branco);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 16px;display:grid;gap:8px}
.perfil dl{margin:0;display:grid;gap:3px}
.perfil dt{font-family:var(--f-bloco);font-weight:900;font-style:italic;color:var(--roxo)}
.perfil dd{margin:0 0 8px;font-family:var(--f-serif);font-size:1.02rem}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
.pitch{background:#fff;border:3px solid var(--ink);display:grid;grid-template-rows:auto 1fr auto;box-shadow:4px 4px 0 var(--ink);min-width:0}
.pitch:nth-child(odd){transform:rotate(-1.2deg)}.pitch:nth-child(even){transform:rotate(1deg)}
.pitch svg{display:block;width:100%;height:auto;aspect-ratio:1;border-bottom:3px solid var(--ink)}
.pitch .tx{padding:9px 10px;display:grid;gap:3px;align-content:start}
.pitch b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.05rem;line-height:1}
.pitch p{font-size:.85rem}
.pitch small{font-family:var(--f-serif);font-style:italic;font-size:.8rem}
.quero{border:0;border-top:2px solid var(--ink);background:var(--lima);padding:7px 10px;text-align:left;font-size:.8rem;font-weight:700;cursor:pointer}
.quero[aria-pressed="true"]{background:var(--roxo);color:#fff}
.cartas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.carta{position:relative;background:#fff;padding:18px 14px 14px;display:grid;gap:8px;box-shadow:3px 4px 0 rgba(0,0,0,.25)}
.carta::before{content:"";position:absolute;top:-9px;left:50%;width:80px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(184,255,46,.7);border:1px solid rgba(0,0,0,.15)}
.carta .de{font-family:var(--f-mao);font-size:1rem;color:var(--roxo)}
.carta p{font-family:var(--f-serif);font-size:1rem}
.carta .resp{border-top:1.5px dashed var(--ink);padding-top:8px;font-size:.92rem}
.carta .resp b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;display:block;font-size:.8rem}

/* fechamento */
.cupom{background:#fff;border:3px dashed var(--ink);padding:18px;display:grid;gap:12px;position:relative}
.cupom::before{content:"✂  recorte aqui";position:absolute;top:-13px;left:18px;background:var(--p-fech);padding:0 8px;font-family:var(--f-mono);font-size:11px}
.cupom h3{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:2.4rem;line-height:.9}
.cupom fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}
.cupom legend{font-weight:700;margin-bottom:6px;padding:0}
.opt{display:flex;gap:10px;align-items:center;cursor:pointer}
.opt input{width:18px;height:18px;accent-color:var(--roxo)}
.cupom input[type=text]{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);padding:7px 2px;font-family:var(--f-mao);font-size:1.15rem}
.btn{border:3px solid var(--ink);background:var(--roxo);color:#fff;padding:9px 16px;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;cursor:pointer;justify-self:start;box-shadow:4px 4px 0 var(--ink)}
.btn.lima{background:var(--lima);color:var(--ink)}
.ok-msg{color:var(--roxo);font-weight:700}
.desafio{position:relative;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--roxo-kv) url("../media/marca/kv-a.jpg") 20% center/cover;color:#fff;overflow:hidden}
.desafio .in{padding:16px 16px 18px;display:grid;gap:10px;background:linear-gradient(90deg,rgba(26,6,70,.94) 55%,rgba(26,6,70,.4));padding-right:clamp(16px,30%,220px)}
.desafio h3{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:2.8rem;line-height:.88;text-shadow:3px 3px 0 var(--magenta)}
.desafio dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.desafio dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--lima);padding-top:3px}
.desafio dd{margin:0;font-weight:600}
.desafio .lango{position:absolute;right:-8px;bottom:-6px;width:min(34%,210px);height:auto;filter:drop-shadow(4px 4px 0 var(--ink))}
.desafio .bal{position:absolute;right:min(26%,170px);top:16px;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:50%;padding:10px 14px;font-family:var(--f-hq);font-weight:700;font-size:1rem;transform:rotate(4deg)}
.spons-s{justify-self:start;background:var(--amarelo);color:var(--ink);border:2px solid var(--ink);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px}
.tira{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--ink);padding:8px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
@media (max-width:620px){.tira{grid-template-columns:1fr 1fr}}
.tq{position:relative;overflow:hidden;aspect-ratio:1;background:#2a1f45}
.tq img{width:100%;height:100%;object-fit:cover;display:block}
.tb{position:absolute;left:6px;right:6px;top:6px;background:#fff;color:var(--ink);border:2.5px solid var(--ink);border-radius:14px;padding:5px 8px;font-family:var(--f-hq);font-weight:700;font-size:13px;line-height:1.2}
.prox{background:var(--ink);color:#fff;padding:18px;display:grid;gap:8px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--roxo)}
.prox h3{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:2.4rem;line-height:.88;color:var(--lima)}
.prox ul{margin:0;padding-left:18px;display:grid;gap:4px}
.expediente{margin-top:34px;font-size:.85rem;border-top:2px solid var(--ink);padding-top:12px;display:grid;gap:6px}
.expediente img{width:150px;height:auto;filter:invert(1) brightness(0)}

/* leitor: cada obra com a sua cor */
#leitor{position:fixed;inset:0;z-index:60;background:var(--rd-bg,#F2EFE8);color:var(--rd-fg,#121014);overflow-y:auto;overscroll-behavior:contain}
.rd-top{position:sticky;top:0;z-index:2;background:var(--rd-top,#121014);color:var(--rd-topfg,#fff);border-bottom:3px solid var(--ink);padding-top:env(safe-area-inset-top,0px)}
.rd-row{max-width:640px;margin-inline:auto;display:flex;align-items:center;gap:10px;padding:10px 16px}
.rd-back{border:2px solid currentColor;background:transparent;color:inherit;padding:5px 10px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.rd-t{flex:1;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rd-n{font-family:var(--f-mono);font-size:11px;white-space:nowrap;opacity:.8}
.rd-prog{height:5px;background:rgba(127,127,127,.35)}
.rd-prog i{display:block;height:100%;width:0;background:var(--rd-ac,#7B2FF2)}
.rd-body{max-width:640px;margin-inline:auto;padding:22px 16px 90px}
.hq-head{display:grid;gap:6px;margin-bottom:18px}
.hq-head .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-ac)}
.hq-head h1{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:clamp(2.4rem,9vw,3.6rem);line-height:.88;text-transform:uppercase;text-shadow:3px 3px 0 var(--rd-ac)}
.hq-head p{font-family:var(--f-serif);font-style:italic;font-size:.95rem;opacity:.85}
.orig{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;background:var(--branco);color:var(--ink);border:2px solid var(--ink);padding:8px 10px;margin-bottom:16px}
.orig img{width:60px;height:auto;aspect-ratio:205/235;object-fit:cover;border:1px solid var(--ink)}
.orig p{font-size:.86rem;line-height:1.4;min-width:0}
.orig small{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--roxo);margin-bottom:2px}
.pn{display:block;width:100%;height:auto;border:3px solid #121014;margin-bottom:14px;background:#fff}
.conto{background:#FBF8F1;color:var(--ink);border:3px solid var(--ink);padding:24px 20px}
.conto p{margin:0 0 1em;font-family:var(--f-serif);font-size:1.12rem;line-height:1.7;max-width:62ch}
.conto p.first::first-letter{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:3.8em;float:left;line-height:.8;margin:6px 8px 0 0;color:#0E8BA0}
.conto .il{margin:18px -20px}
.conto .il svg{display:block;width:100%;height:auto;border-block:3px solid var(--ink)}
.art{background:#FBF8F1;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:20px 18px;display:grid;gap:14px}
.art p{font-family:var(--f-serif);font-size:1.08rem;line-height:1.65;max-width:62ch}
.art .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--roxo)}
.art h3{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:1.3rem;text-transform:uppercase;margin-top:6px}
.funil{display:grid;gap:10px}.funil div{display:grid;gap:3px}.funil .bar{height:20px;background:var(--roxo);border:2px solid var(--ink);min-width:8px}.funil b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase}.funil em{font-family:var(--f-serif);font-size:.9rem}
.ficha-b{border:2px solid var(--ink);padding:10px 12px;display:grid;gap:4px;background:#fff}
.ficha-b b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase}
.ficha-b.a b{color:#1F7A4D}.ficha-b.p b{color:#B4531A}.ficha-b.n b{color:var(--roxo)}
.chat{max-width:440px;margin-inline:auto;background:#0E1424;color:#E5E7EB;border:3px solid #000;border-radius:26px;overflow:hidden}
.chat-top{display:flex;gap:10px;align-items:center;background:#111827;padding:12px 14px;border-bottom:1px solid #1F2937}
.chat-av{width:38px;height:38px;border-radius:50%;background:#334155;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
.chat-top b{display:block;color:#fff}.chat-top small{color:#94A3B8;font-size:.8rem}
.chat-body{padding:14px 12px 18px;display:grid;gap:7px}
.chat-sep{justify-self:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;margin-top:12px}
.chat-sys{justify-self:center;background:#111827;color:#94A3B8;font-size:.78rem;padding:3px 10px;border-radius:999px}.chat-sys.on{color:#4ADE80}
.msg{max-width:78%;padding:8px 11px 6px;border-radius:16px;display:grid;gap:2px;font-size:.98rem;line-height:1.35}
.msg.me{justify-self:end;background:#6A2BD8;color:#fff;border-bottom-right-radius:4px}.msg.ele{justify-self:start;background:#1F2937;color:#F3F4F6;border-bottom-left-radius:4px}
.msg time{justify-self:end;font-size:.68rem;opacity:.75;font-family:var(--f-mono)}
.typing{justify-self:start;background:#1F2937;border-radius:16px;padding:11px 14px;display:flex;gap:5px}.typing i{width:7px;height:7px;border-radius:50%;background:#94A3B8;display:block}
.chat-in,.chat-out{max-width:62ch;margin:14px auto;font-family:var(--f-serif);font-size:1.08rem;line-height:1.6}.chat-out{font-style:italic}
.mv{position:relative;background:#000;border:3px solid var(--ink);aspect-ratio:800/620;overflow:hidden;max-width:100%}
.mv .lay{position:absolute;inset:0;transition:opacity .45s;overflow:hidden}.mv .cam{width:100%;height:100%;transform-origin:50% 50%}
.mv .cam svg{width:100%;height:100%;display:block;border:0;margin:0;background:transparent}
.mv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid var(--ink);background:var(--amarelo);color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;padding:12px 18px;cursor:pointer;z-index:2;white-space:nowrap;box-shadow:4px 4px 0 var(--ink)}
.mv-bar{height:5px;background:rgba(0,0,0,.2)}.mv-bar i{display:block;height:100%;width:0;background:var(--rd-ac)}
.mv-cap{font-family:var(--f-serif);font-style:italic;font-size:.95rem;margin-top:8px}
.adpage{display:grid;gap:14px}
.ad-frame{border:3px solid var(--ink);background:var(--roxo-kv) url("../media/marca/kv-b.jpg") center/cover;padding:16px;display:grid;gap:12px;justify-items:center}
.ad-frame .tx{text-align:center;display:grid;gap:4px;background:rgba(18,16,20,.85);padding:10px 12px;color:#fff}
/* fim de obra = cupom */
.fim{margin-top:20px;background:#FBF8F1;color:var(--ink);border:3px dashed var(--ink);padding:18px 16px;display:grid;gap:12px;position:relative}
.fim::before{content:"✂  cupom da obra";position:absolute;top:-13px;left:16px;background:var(--rd-bg,#F2EFE8);color:var(--rd-fg,#121014);padding:0 8px;font-family:var(--f-mono);font-size:11px}
.fim-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.fim-t{font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:2.4rem;line-height:1;text-transform:uppercase}
.fim-s{font-family:var(--f-serif);font-style:italic;font-size:.95rem}
.fim-read{font-family:var(--f-mono);font-size:11px;color:var(--roxo);margin-left:auto}
.fim-q{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase}
.react{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.react button{border:3px solid var(--ink);background:#fff;padding:11px 8px;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.react button[aria-pressed="true"]{background:var(--roxo);color:#fff;transform:rotate(-2deg)}
.react-ok{font-size:.88rem;color:var(--roxo)}
.cap2{display:flex;gap:10px;align-items:center;font-weight:700;cursor:pointer}.cap2 input{width:20px;height:20px;accent-color:var(--roxo)}
.cmts{display:grid;gap:10px;border-top:2px solid var(--ink);padding-top:12px}
.cmts h3{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.1rem}
.cmts form{display:grid;gap:6px}
.cmts textarea{width:100%;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:9px 10px;font:inherit;resize:vertical}
.cmts form button{justify-self:end;border:2.5px solid var(--ink);background:var(--ink);color:#fff;padding:6px 14px;font-weight:700;cursor:pointer}
.cmts ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cm{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #12101433}.cm:last-child{border-bottom:0}
.cm-h{display:flex;gap:8px;align-items:baseline;font-size:.88rem}.cm-me{font-family:var(--f-mono);font-size:10.5px;color:var(--roxo)}
.cm p{font-size:.95rem}
.cm-like{justify-self:start;border:0;background:transparent;color:#3a3540;font-size:.8rem;cursor:pointer;padding:2px 0}.cm-like[aria-pressed="true"]{color:var(--roxo);font-weight:700}
.cm-r{margin-left:14px;border-left:3px solid var(--roxo);padding-left:10px;font-size:.9rem}.cm-r b{color:var(--roxo);font-size:.82rem}
.next{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--ink);color:#fff;border:3px solid var(--ink);padding:14px 16px;cursor:pointer;box-shadow:5px 5px 0 var(--roxo)}
.next small{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lima)}
.next b{display:block;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.2rem}
.next em{font-style:italic;font-family:var(--f-serif);font-size:.9rem;opacity:.85}
.next .arr{font-family:var(--f-bloco);font-weight:900;font-size:2.4rem;line-height:1;color:var(--lima)}
@media (max-width:480px){.ah-s{margin-left:0;width:100%}}

/* ================= site (protótipo do sistema) ================= */
.top-in nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}
.top-in nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:6px 10px;border:2px solid transparent}
.top-in nav a.on{border-color:var(--lima);color:var(--lima)}
.top-in nav a.cta{background:var(--lima);color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--magenta)}
.conta-chip{border:2px solid #fff;background:transparent;color:#fff;padding:5px 10px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}
.logo-link{text-decoration:none;display:flex;align-items:center;gap:10px}
.logo-link img{height:22px;width:auto}
@media (max-width:760px){.top-in{flex-wrap:wrap}.top-in nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}.top-in nav a{white-space:nowrap}}
.previa{margin-inline:-16px;padding:8px 16px;background:var(--amarelo);border-bottom:3px solid var(--ink);text-align:center;font-weight:700;font-size:.9rem}
.previa a{color:var(--ink)}
/* capa montada pelo sistema a partir da obra Destaque */
.capa-h{position:relative;aspect-ratio:4/5;overflow:hidden;background:#4B14B0;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);container-type:inline-size}
.capa-h .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa-h .sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(75,20,176,.85) 0%,rgba(75,20,176,.15) 34%,rgba(18,16,20,0) 55%,rgba(18,16,20,.75) 100%)}
.capa-h .faixa{position:absolute;left:0;right:0;top:0;background:var(--ink);color:var(--lima);display:flex;justify-content:space-between;align-items:center;padding:1.4cqw 2.6cqw;font-family:var(--f-mono);font-size:2.2cqw;letter-spacing:.12em}
.capa-h .faixa img{height:3.6cqw;width:auto}
.capa-h .nome{position:absolute;left:4cqw;top:8cqw;right:26cqw;font-family:var(--f-bloco);font-weight:900;font-style:italic;font-stretch:112%;text-transform:uppercase;font-size:17cqw;line-height:.86;color:#fff;-webkit-text-stroke:.9cqw var(--ink);paint-order:stroke fill;text-shadow:1.1cqw 1cqw 0 var(--ciano),2.2cqw 2cqw 0 var(--magenta);transform:skewX(-6deg);overflow-wrap:anywhere}
.capa-h .num{position:absolute;right:3cqw;top:9cqw;background:var(--ink);color:var(--lima);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-align:center;padding:1.2cqw 2cqw;font-size:8cqw;line-height:1}
.capa-h .num small{display:block;font-family:var(--f-mono);font-style:normal;font-weight:500;font-size:1.9cqw;color:#fff;letter-spacing:.06em}
.capa-h .linhas{position:absolute;left:3cqw;bottom:16cqw;display:grid;gap:1.4cqw;max-width:62%}
.capa-h .linhas span{background:#fff;color:var(--ink);border:.6cqw solid var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:3.6cqw;line-height:1.05;padding:.8cqw 1.6cqw;justify-self:start}
.capa-h .linhas span:nth-child(odd){transform:rotate(-2deg)}.capa-h .linhas span:nth-child(2){background:var(--magenta);color:#fff}
.capa-h .tit{position:absolute;left:3cqw;right:3cqw;bottom:3cqw;background:#fff;border:.8cqw solid var(--ink);padding:1.6cqw 2.4cqw;transform:rotate(-2deg)}
.capa-h .tit small{display:block;font-family:var(--f-mono);font-size:2cqw;color:var(--roxo);letter-spacing:.06em;text-transform:uppercase}
.capa-h .tit b{display:block;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:6.4cqw;line-height:.95}
.capa-h .burst{position:absolute;right:4cqw;bottom:24cqw;width:22cqw;aspect-ratio:1;display:grid;place-items:center;text-align:center;background:var(--amarelo);color:var(--ink);font-family:var(--f-bloco);font-weight:900;font-style:italic;font-size:4cqw;line-height:.95;transform:rotate(12deg);clip-path:polygon(50% 0,61% 13%,77% 6%,79% 23%,96% 25%,88% 40%,100% 52%,86% 62%,92% 79%,75% 79%,69% 96%,54% 86%,40% 100%,32% 84%,15% 91%,15% 74%,0 66%,11% 52%,2% 37%,18% 31%,17% 13%,34% 15%)}
.capa-h .sem{position:absolute;inset:30% 10% auto;text-align:center;color:#fff;font-weight:700}
/* páginas internas (enviar, acompanhar, edições, como funciona) */
.pagina{margin-inline:-16px;padding:36px 16px 70px;background:var(--paper);min-height:70vh}
.pagina-in{max-width:760px;margin-inline:auto;display:grid;gap:18px}
.pagina-in.larga{max-width:1100px}
.pagina h1{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(2.4rem,7vw,3.8rem);line-height:.9;text-shadow:3px 3px 0 var(--magenta)}
.pagina .lead{font-family:var(--f-serif);font-size:1.15rem;line-height:1.5}
.caixa{background:var(--branco);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px 18px;display:grid;gap:12px}
.caixa h2{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.5rem;line-height:1}
.caixa ul{margin:0;padding-left:20px;display:grid;gap:4px}
.passos{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.passos li{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);padding:4px 8px;background:#fff}
.passos li.on{background:var(--ink);color:var(--lima)}.passos li.ok{background:var(--lima)}
.campo{display:grid;gap:5px}
.campo>span,.campo legend{font-weight:700;font-size:.92rem}
.campo small,.dica{font-size:.82rem;color:#4b4552}
.campo input[type=text],.campo input[type=email],.campo input[type=number],.campo input[type=date],.campo input[type=url],.campo input[type=tel],.campo select,.campo textarea{width:100%;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:9px 10px;font:inherit;border-radius:0}
.campo textarea{min-height:110px;resize:vertical}
.linha2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:.95rem}.chk input{width:20px;height:20px;accent-color:var(--roxo);flex:none;margin-top:2px}
.radios{display:flex;flex-wrap:wrap;gap:8px}
.radios label{display:flex;gap:6px;align-items:center;border:2px solid var(--ink);background:#fff;padding:7px 11px;cursor:pointer;font-weight:600;font-size:.92rem}
.radios label:has(input:checked){background:var(--ink);color:var(--lima)}
.radios input{accent-color:var(--roxo)}
.drop{border:3px dashed var(--ink);background:#fff;padding:22px;text-align:center;display:grid;gap:6px;cursor:pointer}
.drop.on{background:var(--lima)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.thumbs figure{margin:0;border:2px solid var(--ink);background:#fff;display:grid;position:relative}
.thumbs img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.thumbs figcaption{font-size:.72rem;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thumbs button{position:absolute;top:3px;right:3px;border:2px solid var(--ink);background:#fff;font-weight:700;cursor:pointer;width:24px;height:24px;line-height:1;padding:0}
.aviso{background:var(--amarelo);border:2px solid var(--ink);padding:10px 12px;font-size:.92rem}
.aviso.erro{background:#FFD5D5}
.acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn.sec{background:#fff;color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}
.timeline li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding-bottom:14px;position:relative}
.timeline li::before{content:"";width:18px;height:18px;border:3px solid var(--ink);background:#fff;border-radius:50%;margin-top:2px}
.timeline li.ok::before{background:var(--roxo)}.timeline li.agora::before{background:var(--lima)}
.timeline li::after{content:"";position:absolute;left:10px;top:22px;bottom:0;width:3px;background:var(--ink)}
.timeline li:last-child::after{display:none}
.timeline b{display:block}.timeline small{color:#4b4552}
.devol{display:grid;gap:8px}
.ed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}
.ed-card{display:grid;gap:8px;text-decoration:none;color:var(--ink)}
.ed-card b{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.2rem}
.modal{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:0;max-width:440px;width:calc(100% - 32px);background:var(--paper)}
.modal::backdrop{background:rgba(18,16,20,.6)}
.modal form{padding:18px;display:grid;gap:12px}
.modal h2{font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.6rem}
.vid{display:block;width:100%;aspect-ratio:16/9;background:#000;border:3px solid var(--ink)}
.vid iframe{width:100%;height:100%;border:0;display:block}
.vid.vazio{display:grid;place-items:center;color:#fff}
.msgs .pn{max-width:460px;margin-inline:auto;border-radius:20px}
.vazio{font-style:italic;opacity:.7}
.conto .il{margin:18px -20px}.conto .il img,.art .il img{display:block;width:100%;height:auto;border-block:3px solid var(--ink)}
.art .il{margin:0}
.pill{display:inline-block;background:var(--c);color:#fff;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;white-space:nowrap;vertical-align:middle}
#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:10px 16px;border:2px solid var(--lima);font-weight:700;z-index:200;transition:transform .25s;max-width:calc(100% - 32px)}
#toast.on{transform:translate(-50%,0)}
.obra-th img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.obra.destaque .obra-th img{aspect-ratio:16/9}
.cm-pend{font-family:var(--f-mono);font-size:10.5px;color:#B45309}
.pitch img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-bottom:3px solid var(--ink)}
.tira .tq img{object-fit:cover}
.res-linha{font-family:var(--f-mono);font-size:11px}
a.obra,a.su-i,a.pitch,a.next,a.ed-card{color:inherit;text-decoration:none}
a.next{color:#fff}
.capa-h .nome{white-space:nowrap}
@media (max-width:760px){.top{position:relative}.top .logo{font-size:1.45rem}.conta-chip{margin-left:auto;order:2}.top-in nav{order:3}.top-in nav a{padding:4px 8px;font-size:.8rem}.proto{font-size:.75rem}}
[hidden]{display:none!important}
.folhear{display:grid;gap:10px}
.folhear .fo-p{cursor:pointer;margin:0;user-select:none}
.fo-ctrl{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;bottom:10px}
.fo-ctrl button{border:3px solid var(--ink);background:var(--branco);color:var(--ink);padding:8px 14px;font-family:var(--f-bloco);font-weight:900;font-style:italic;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.fo-ctrl span{font-family:var(--f-mono);font-size:12px;background:var(--ink);color:#fff;padding:4px 10px}
.pitch-c{display:grid;gap:14px}
.pitch-c dl{margin:0;background:var(--branco);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:8px 14px}
.pitch-c dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--roxo);padding-top:3px}
.pitch-c dd{margin:0;font-family:var(--f-serif);font-size:1.05rem}
.pitch-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.pitch-imgs .pn{margin:0}
.fm-desc{background:var(--branco);border:2px dashed var(--ink);padding:8px 10px;font-size:.9rem}

/* área do autor */
.autor-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:10px 0 24px}
.autor-c{display:grid;grid-template-columns:84px 1fr;gap:12px;background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px;color:inherit;text-decoration:none}
.autor-c img,.autor-c .sem{width:84px;height:100px;object-fit:cover;background:#ECE8F3;display:block}
.autor-c b{display:block;line-height:1.2}.autor-c small{display:block;font-size:.8rem;color:#4b4552;margin-top:2px}.autor-c em{display:block;font-style:normal;font-weight:700;color:#5B1FD1;margin-top:4px;font-size:.9rem}
.tag-n{display:inline-block;background:var(--magenta,#E03BC9);color:#fff;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px;margin-top:4px}
.autor-l{margin:0;padding-left:18px}
.nums{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.nums th,.nums td{border-bottom:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}.nums th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.nums-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.nums-c span{background:#F4F1E8;padding:10px;font-size:.85rem;line-height:1.3}.nums-c b{display:block;font-size:1.5rem;font-family:var(--f-bloco);font-style:italic}
.doc .clausulas,.clausulas{margin:8px 0;padding-left:20px;font-size:.92rem;line-height:1.45}.doc .clausulas li{margin-bottom:6px}
.doc details summary{cursor:pointer;font-weight:700}
.ass{list-style:none;padding:0;margin:10px 0;display:grid;gap:4px;font-size:.9rem}.ass li::before{content:'○ ';color:#999}.ass li.ok::before{content:'✓ ';color:#15803D}
.ass-f{display:grid;gap:10px;border-top:2px dashed #ccc;padding-top:12px;margin-top:10px}
.conversa{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.conversa li{padding:8px 10px;background:#F4F1E8;border-left:4px solid #999}.conversa li.redacao{background:#EEE8FF;border-color:#5B1FD1}
.conversa time{font-size:.75rem;color:#6b6478;margin-left:8px}.conversa p{margin:4px 0 0}
#msg-f{display:grid;gap:8px}#msg-f textarea{border:2px solid var(--ink);padding:8px;font:inherit}