/* Logopolis · modo celular (telas até 760 px). A classe mc-cel é posta por assets/js/celular.js.
   Princípio: nada de imagem grande para dizer pouco. Cada tela tem uma função, os números ficam em fileiras
   e o que é detalhe fica a um toque. Só variáveis do tema, então Dia e Noite valem igual. No computador, nada daqui se aplica. */

.mc-bar,.mc-sheet,.mc-bhead,.mc-nx,.mc-lista,.mc-figbtn{display:none}
/* fora de cena sem sair do layout: o gráfico que mede a própria largura continua medindo certo */
html.mc-cel .mc-off{position:absolute!important;left:0;right:0;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important;border:0!important}
html.mc-cel{--mc-c:var(--c1);scroll-padding-top:calc(var(--mc-tb,52px) + 8px)}
html.mc-cel [data-g="0"]{--mc-c:var(--c1)}
html.mc-cel [data-g="1"]{--mc-c:var(--c3)}
html.mc-cel [data-g="2"]{--mc-c:var(--sig)}
html.mc-cel [data-g="3"]{--mc-c:var(--c2)}
html.mc-cel [data-g="4"]{--mc-c:var(--c4)}
html.mc-cel body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
html.mc-cel .bar{transition:transform .2s ease}
html.mc-cel.mc-hide .bar{transform:translateY(-100%)}
html.mc-cel .rail,html.mc-cel .rail-btn,html.mc-cel .tema-ret,html.mc-cel .ret{display:none!important}
html.mc-cel .bar .w{height:2.9rem}
html.mc-cel .brand img{height:1.9rem}

/* ---------- ícone-pastilha, linhas, barra ---------- */
.mc-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:color-mix(in srgb,var(--mc-c,var(--c1)) 85%,var(--ink));
  background:color-mix(in srgb,var(--mc-c,var(--c1)) 14%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc-c,var(--c1)) 24%,transparent)}
.mc-ic svg{width:19px;height:19px}

html.mc-cel .mc-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:6px;align-items:center;
  padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
  background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px);
  border-top:1px solid var(--line);transition:transform .2s ease;color:var(--ink)}
.mc-bar::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:var(--mc-p,0%);background:var(--mc-c,var(--c1));transition:width .25s}
html.mc-cel.mc-hide .mc-bar:not(.mc-tabs){transform:translateY(100%)}
.mc-bar button{font:inherit;color:var(--ink);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.mc-bar button:disabled{opacity:.28;cursor:default}
.mc-bar .mc-prev,.mc-bar .mc-nextb{flex:0 0 44px;height:44px;border-radius:12px;background:transparent}
.mc-bar .mc-prev:active,.mc-bar .mc-nextb:active{background:var(--soft)}
.mc-bar .mc-cap{flex:1 1 auto;min-width:0;height:46px;justify-content:space-between;gap:8px;padding:0 12px 0 8px;text-align:left;background:var(--soft);border-radius:12px}
.mc-bar .mc-cap .mc-ic{width:30px;height:30px;border-radius:9px}
.mc-bar .mc-cap .mc-ic svg{width:17px;height:17px}
.mc-bar .mc-tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mc-bar .mc-tx small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .6rem/1.1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.mc-bar .mc-tx>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .86rem/1.2 var(--f-d)}
.mc-bar .mc-cap>svg{flex:none;color:var(--mute)}
.mc-bar[data-g]{border-top-color:color-mix(in srgb,var(--mc-c) 35%,var(--line))}
.mc-bar button:focus-visible,.mc-sheet button:focus-visible,.mc-row:focus-visible,.mc-nx:focus-visible,.mc-back:focus-visible,.mc-figbtn:focus-visible{outline:2px solid var(--sig);outline-offset:2px}

/* abas da página inicial */
.mc-tabs{padding-top:4px;gap:0}
.mc-tabs::before{width:calc(100% / var(--mc-n,5));left:calc(100% / var(--mc-n,5) * var(--mc-i,0));background:var(--c1)}
.mc-tab{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;height:52px;border-radius:12px;background:transparent;color:var(--mute)}
.mc-tab .mc-ic{width:30px;height:24px;border-radius:8px;background:transparent;box-shadow:none;color:currentColor}
.mc-tab b{font:600 .66rem/1 var(--f-l);letter-spacing:.01em;white-space:nowrap}
.mc-tab[aria-current="page"]{color:var(--ink)}
.mc-tab[aria-current="page"] .mc-ic{background:color-mix(in srgb,var(--c1) 16%,var(--panel));color:var(--c1)}

/* árvore de capítulos */
html.mc-cel .mc-sheet:not([hidden]){display:block;position:fixed;inset:0;z-index:50}
.mc-sheet .mc-bk{position:absolute;inset:0;background:rgba(5,12,16,.55)}
.mc-sheet .mc-box{position:absolute;left:0;right:0;bottom:0;max-height:86%;display:flex;flex-direction:column;background:var(--bg);border-radius:18px 18px 0 0;border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.25);padding-bottom:env(safe-area-inset-bottom,0px);color:var(--ink)}
.mc-sheet .mc-h{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 14px 6px;font:700 .95rem var(--f-d)}
.mc-sheet .mc-x{font:500 .8rem var(--f-l);background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 12px;min-height:34px}
.mc-sheet ol{list-style:none;margin:0;padding:0 0 8px;overflow:auto;overscroll-behavior:contain}
.mc-sheet li button{width:100%;text-align:left;display:flex;gap:10px;align-items:center;background:none;border:0;border-top:1px solid var(--line);color:var(--ink);font:600 .88rem/1.3 var(--f-d);padding:7px 14px;min-height:46px}
.mc-sheet li button[aria-current="true"]{background:var(--soft);font-weight:800}
.mc-sheet .mc-ic{width:28px;height:28px;border-radius:8px}.mc-sheet .mc-ic svg{width:16px;height:16px}
.mc-sheet .mc-no{font:500 .7rem var(--f-m);font-style:normal;color:var(--mute);margin-right:8px}
.mc-sheet .mc-gh{padding:12px 14px 4px;font:500 .62rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--mc-c) 80%,var(--ink));border-top:1px solid var(--line)}

/* ---------- botões de recolher (desenho da capa, lista de temas) ---------- */
html.mc-cel .mc-figbtn{display:flex;align-items:center;justify-content:space-between;width:100%;margin:10px 0;padding:10px 14px;min-height:42px;font:600 .82rem var(--f-d);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:left}
html.mc-cel .mc-figbtn i{font-style:normal;color:var(--mute)}
html.mc-cel header.hero:not(.mc-fig-open) .hero-fig{display:none}
html.mc-cel #idx:not(.mc-aberto){display:none}

/* ---------- lista de capítulos (Início da edição) ---------- */
html.mc-cel .mc-lista{display:block;padding:0 12px 6px}
.mc-lt{display:flex;justify-content:space-between;align-items:baseline;margin:14px 2px 8px;font:500 .66rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mc-lt b{font-weight:700;color:var(--ink)}
.mc-grupo{margin:0 0 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mc-grupo h3{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;font:500 .66rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--mc-c) 82%,var(--ink));background:color-mix(in srgb,var(--mc-c) 11%,var(--panel));border-bottom:1px solid var(--line)}
.mc-grupo h3 i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font:700 .62rem var(--f-d);font-style:normal;background:var(--mc-c);color:var(--on)}
.mc-grupo ol{list-style:none;margin:0;padding:0}
.mc-grupo li+li{border-top:1px solid var(--line)}
.mc-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:0 11px;align-items:center;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:none;border:0;padding:10px 12px;-webkit-tap-highlight-color:transparent}
.mc-row:active{background:var(--soft)}
.mc-row .mc-b{display:grid;gap:2px;min-width:0}
.mc-row .mc-t{font:700 .93rem/1.25 var(--f-d)}
.mc-row .mc-t em{font:500 .66rem var(--f-m);font-style:normal;letter-spacing:.04em;color:var(--mute);margin-right:7px;vertical-align:.08em}
.mc-row .mc-d{font:400 .78rem/1.38 var(--f-b);color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-row .mc-r{display:flex;align-items:center;gap:6px;color:var(--mute)}
.mc-ok{width:7px;height:7px;border-radius:50%;background:transparent}
.mc-row.mc-lido .mc-ok{background:var(--mc-c)}

/* ---------- capítulo aberto ---------- */
html.mc-cel .mc-bhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 8px}
.mc-back{display:flex;align-items:center;gap:2px;min-height:36px;margin-left:-6px;padding:0 10px 0 2px;font:600 .8rem var(--f-d);color:var(--mute);background:none;border:0;cursor:pointer}
.mc-back svg{color:var(--mc-c)}
.mc-pos{flex:none;padding:3px 9px;border-radius:99px;font:500 .64rem var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--mc-c) 82%,var(--ink));background:color-mix(in srgb,var(--mc-c) 13%,var(--panel))}
html.mc-cel .mc-nx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;align-items:center;width:100%;margin:16px 0 4px;padding:11px 14px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px}
.mc-nx[hidden]{display:none!important}
.mc-nx span{grid-column:1;font:500 .62rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mc-nx b{grid-column:1;font:700 .93rem/1.25 var(--f-d)}
.mc-nx svg{grid-column:2;grid-row:1/3;color:var(--mc-c)}

/* capítulo de edição: a capa vira uma faixa */
html.mc-cel .imp .ch{padding-block:6px 4px}
html.mc-cel .imp .ch>.w{padding-inline:12px}
html.mc-cel .imp .ilu{min-height:0;margin:0 0 12px;border-radius:16px;display:block}
html.mc-cel .imp .ilu-fig{display:none}
html.mc-cel .imp .ilu-in{padding:14px 14px 14px}
html.mc-cel .imp .ilu .ch-head{margin:0 0 10px;gap:4px;max-width:none}
html.mc-cel .imp .ilu .ch-n{flex-direction:row;align-items:baseline;gap:.6rem;font-size:.62rem}
html.mc-cel .imp .ilu .ch-n .num{font-size:2.2rem;line-height:.9}
html.mc-cel .imp .ilu .ch-head::before{height:3px;margin-bottom:8px}
html.mc-cel .imp .ilu .ch-head h2,html.mc-cel .imp .ch-head h2{font-size:1.2rem;line-height:1.14;letter-spacing:-.015em}
html.mc-cel .imp .ilu .ch-head p{font-size:.84rem;line-height:1.42;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
html.mc-cel .imp .ilu .ch-head p.mc-aberto{display:block}
html.mc-cel .imp .ilu-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--ilu-line) 25%,transparent)}
html.mc-cel .imp .ilu-nums b{font-size:1.65rem;letter-spacing:-.03em}
html.mc-cel .imp .ilu-nums span{margin-top:3px;font-size:.58rem;line-height:1.25;letter-spacing:.04em;max-width:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* capítulo sem capa escura (painel, vídeo, dúvidas...) */
html.mc-cel .imp .ch:not(.ch-ilu) .ch-head{margin-bottom:10px;gap:4px}
html.mc-cel .imp .ch:not(.ch-ilu) .ch-head p{font-size:.86rem;line-height:1.42}
html.mc-cel .imp .card{padding:14px 12px;border-radius:14px}
html.mc-cel .imp .cols{gap:10px}

/* ---------- capa da edição ---------- */
html.mc-cel .imp .hero{padding-block:16px 16px;margin-bottom:6px}
html.mc-cel .imp .hero-grid{margin-top:6px}
html.mc-cel .imp .hero-in{padding-inline:14px}
html.mc-cel .imp .hero .tag{font-size:.62rem}
html.mc-cel .imp .hero h1{font-size:clamp(2.1rem,10vw,2.7rem);line-height:.98;margin:8px 0 0}
html.mc-cel .imp .hero .tres{margin:10px 0 10px}
html.mc-cel .imp .hero .dek{font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;margin:0}
html.mc-cel .imp .hero .dek.mc-aberto{display:block}
html.mc-cel .imp .hero .cue.mc-sem{display:none}
html.mc-cel .imp .hero .hero-grid{gap:0}
html.mc-cel .imp .hero .hero-fig{margin-top:6px}
html.mc-cel .imp .hero .mc-figbtn{background:color-mix(in srgb,var(--ilu-ink) 8%,transparent);border-color:color-mix(in srgb,var(--ilu-ink) 28%,transparent);color:var(--ilu-ink);margin:12px 0 0}
html.mc-cel .imp .hero .mc-figbtn i{color:var(--ilu-acc)}
/* faixa de três números: uma fileira só */
html.mc-cel .imp .strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
html.mc-cel .imp .strip>div{display:flex;flex-direction:column;gap:3px;min-width:0}
html.mc-cel .imp .strip .pod{font-size:.56rem;letter-spacing:.06em}
html.mc-cel .imp .strip .vl{display:block}
html.mc-cel .imp .strip .v{font-size:1.9rem;line-height:1}
html.mc-cel .imp .strip .sk{display:none}
html.mc-cel .imp .strip .l{font-size:.64rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- página inicial ---------- */
html.mc-cel .hero{padding-block:14px 8px}
html.mc-cel .hero .w{padding-inline:14px}
html.mc-cel .hero-r,html.mc-cel .iso,html.mc-cel .hero .eq{display:none}
html.mc-cel .hero .h1-marca img{height:auto;width:min(210px,62vw)}
html.mc-cel .hero .eyebrow{font-size:.62rem}
html.mc-cel .hero .promessa{font-size:clamp(1.45rem,7vw,1.8rem);line-height:1.08;margin:10px 0 0;letter-spacing:-.035em}
html.mc-cel .hero .hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0}
html.mc-cel .hero .hero-cta .btn{justify-content:center;text-align:center;padding:.7rem .5rem;font-size:.86rem;min-height:44px}
html.mc-cel .hero .hero-cta .btn.pri{grid-column:1/-1}
html.mc-cel .hero .hero-cta .btn:nth-child(2){display:none}
html.mc-cel .hero .hero-cta .btn:nth-child(3){grid-column:1/-1}
html.mc-cel .hero .nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none}
html.mc-cel .hero .nums li{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
html.mc-cel .hero .nums .ic{display:none}
html.mc-cel .hero .nums b{font-size:1.5rem;line-height:1}
html.mc-cel .hero .nums span{font-size:.58rem;line-height:1.25;letter-spacing:.02em;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.mc-cel .sec{padding-block:16px}
html.mc-cel .sec>.w{padding-inline:14px}
html.mc-cel .sec-head{display:block;margin-bottom:10px}
html.mc-cel .sec-head h2{font-size:1.45rem;line-height:1.08;margin:4px 0 0}
html.mc-cel .sec-head p{font-size:.86rem;line-height:1.45;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.mc-cel .sec-head .eyebrow{font-size:.62rem}

/* edições: lista de linhas em vez de cartões grandes */
html.mc-cel .eds{grid-template-columns:1fr;gap:8px}

/* você sabia: um cartão por vez, deslizando */
html.mc-cel #sabia-cards.sabia{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding:2px 14px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html.mc-cel #sabia-cards.sabia::-webkit-scrollbar{display:none}
html.mc-cel #sabia-cards.sabia>*{flex:0 0 86%;scroll-snap-align:center;min-width:0}

/* mapa: a ficha fica logo abaixo e o mapa usa a largura toda */
html.mc-cel #temas .map-tools{margin-bottom:8px}
html.mc-cel #temas .sec-head p{-webkit-line-clamp:1}

@media (prefers-reduced-motion:reduce){html.mc-cel .mc-bar,html.mc-cel .bar,.mc-bar::before{transition:none}}

/* três cartões lado a lado (Legislativo, Executivo, Judiciário): deslizam, com o próximo aparecendo na beirada */
html.mc-cel .imp .trio{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-12px;padding:2px 12px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html.mc-cel .imp .trio::-webkit-scrollbar{display:none}
html.mc-cel .imp .trio>article{flex:0 0 88%;scroll-snap-align:center;min-width:0}

html.mc-cel #temas .map-tools{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-inline:-14px;padding:0 14px 4px;scrollbar-width:none}
html.mc-cel #temas .map-tools::-webkit-scrollbar{display:none}
html.mc-cel #temas .map-tools .chip{flex:none;white-space:nowrap;margin:0}
html.mc-cel #temas .map-tools .chip.route{margin-left:0}

/* página inicial: edições em linhas compactas; edições vêm antes do "você sabia?" */
html.mc-cel main{display:flex;flex-direction:column}
html.mc-cel #edicoes{order:1}html.mc-cel #sabia{order:2}html.mc-cel #avise{order:3}
html.mc-cel .eds{padding-top:0;gap:8px}
html.mc-cel .eds::before,html.mc-cel .ed::before{display:none}
html.mc-cel .ed{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:"ic n go" "ic t go" "ic p go" "ic m go";gap:1px 12px;padding:12px;border-top-width:1px;align-items:start;transform:none!important}
html.mc-cel .ed svg{grid-area:ic;width:44px;height:44px;padding:.65rem;align-self:start}
html.mc-cel .ed-n{grid-area:n}html.mc-cel .ed h3{grid-area:t;font-size:1.08rem;margin-top:1px}
html.mc-cel .ed p{grid-area:p;font-size:.8rem;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 3px}
html.mc-cel .ed-m{grid-area:m;font-size:.6rem}
html.mc-cel .ed-big{font-size:2.6rem;right:.7rem;top:.3rem}
html.mc-cel .ed-go{grid-area:go;align-self:center;font-size:0}
html.mc-cel .ed-go::after{content:"›";font:400 1.9rem/1 var(--f-d);color:var(--rc)}
html.mc-cel .ed-big{display:none}

/* projetos: linhas compactas, com o selo no canto */
html.mc-cel .proj{grid-template-columns:1fr;gap:8px}
html.mc-cel .pj{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"ic t" "ic p" "ic pl";gap:2px 12px;padding:12px;align-items:start}
html.mc-cel .pj svg{grid-area:ic;width:40px;height:40px;align-self:start}
html.mc-cel .pj h3{grid-area:t;font-size:1rem}
html.mc-cel .pj p{grid-area:p;font-size:.8rem;line-height:1.38}
html.mc-cel .pj .pill{grid-area:pl;margin-top:4px}
html.mc-cel .regras{gap:8px}
html.mc-cel .regras li{padding:10px 12px}
html.mc-cel .sobre{gap:12px}

/* capítulo sem capa escura: numeral e régua menores */
html.mc-cel .imp .ch:not(.ch-ilu) .ch-head{display:block}
html.mc-cel .imp .ch:not(.ch-ilu) .ch-head::before{margin-bottom:8px}
html.mc-cel .imp .ch:not(.ch-ilu) .ch-n{flex-direction:row;align-items:baseline;gap:.6rem;font-size:.62rem;margin-bottom:4px}
html.mc-cel .imp .ch:not(.ch-ilu) .ch-n .num{font-size:2rem;line-height:.9}
.mc-box:focus{outline:0}

/* ---------- rodada de UX 1: toque de 44 px, Dia/Noite num botão, ler mais, contador ---------- */
html.mc-cel .modo{padding:0;border:0;background:none;gap:0}
html.mc-cel .modo button{min-width:44px;min-height:44px;justify-content:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink)}
html.mc-cel .modo button span{display:none}
html.mc-cel .modo button svg{width:1.15rem;height:1.15rem}
html.mc-cel .modo button[aria-pressed="false"]{display:none}
html.mc-cel .modo button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
html.mc-cel .bar .w{height:3.3rem}
/* alvos pequenos: área de toque maior sem mudar o desenho */
html.mc-cel .sb-go,html.mc-cel .sb-mais .sb-go{display:inline-flex;align-items:center;min-height:44px}
html.mc-cel summary{min-height:44px}
html.mc-cel .sec summary{display:flex;align-items:center;padding-block:.55rem}
html.mc-cel footer a,html.mc-cel .fnav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.2rem}
html.mc-cel .pill,html.mc-cel a.pill{min-height:36px;display:inline-flex;align-items:center}
html.mc-cel .chip{min-height:44px}
html.mc-cel .imp .cn-n{padding-block:.35rem}
.mc-back{min-height:44px}
.mc-mais{display:inline-block;margin:2px 0 0;padding:8px 0;min-height:40px;font:600 .8rem var(--f-d);color:var(--c1);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
html.mc-cel .imp .ilu .mc-mais{color:var(--ilu-acc)}
html.mc-cel .imp .hero .mc-mais{color:var(--ilu-acc)}
.mc-mais:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
.mc-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 10px}
.mc-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .15s,width .15s}
.mc-dots i.on{width:16px;border-radius:3px;background:var(--c1)}
.mc-dots .mc-cnt{margin-left:8px;font:500 .68rem var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.mc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.mc-cel h1:focus,html.mc-cel h2:focus,html.mc-cel [tabindex="-1"]:focus{outline:0}
@media (prefers-reduced-motion:reduce){.mc-dots i{transition:none}}
html.mc-cel .ficha .caps a{display:flex;align-items:center;min-height:40px;font-size:.78rem}
html.mc-cel .ficha li button,html.mc-cel .ficha li a{min-height:40px}

/* ---------- arquipélago da edição (Início da edição no celular) ----------
   mar quadriculado como o mapa do painel; cada grupo é uma ilha na cor dele; cume cheio = capítulo lido */
html.mc-cel .mc-arq{position:relative;margin:4px 0 0;padding:6px 12px 14px;
  background-color:color-mix(in srgb,var(--c1) 4%,var(--bg));
  background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;border-block:1px solid var(--line)}
.mc-arq-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:8px 2px 10px;font:500 .68rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mc-arq-h b{font-weight:500;color:var(--ink)}
/* continuar */
.mc-cont{margin:0 0 12px}
.mc-cont button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:0 11px;align-items:center;text-align:left;padding:10px 12px;font:inherit;color:var(--ink);cursor:pointer;
  background:var(--panel);border:1px solid color-mix(in srgb,var(--mc-c) 45%,var(--line));border-radius:14px;box-shadow:0 8px 22px -16px color-mix(in srgb,var(--mc-c) 70%,transparent)}
.mc-cont small{display:block;font:500 .64rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--mc-c) 80%,var(--ink))}
.mc-cont b{display:block;font:700 .95rem/1.25 var(--f-d)}
.mc-cont svg{color:var(--mc-c)}
/* rota tracejada entre as ilhas: a ordem de leitura */
.mc-rota{display:block;width:100%;height:30px;margin:-4px 0;overflow:visible}
.mc-rota path{fill:none;stroke:var(--sig);stroke-width:1.6;stroke-dasharray:2 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
/* a ilha */
.mc-ilha{position:relative}
.mc-ih{width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 18px;grid-template-areas:"mapa txt seta";gap:0 8px;align-items:center;padding:6px 4px;text-align:left;font:inherit;color:var(--ink);background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px}
.mc-dir .mc-ih{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 18px;grid-template-areas:"txt mapa seta"}
.mc-ih:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
.mc-mapa{grid-area:mapa;display:block}
.mc-mapa svg{display:block;width:100%;height:auto;overflow:visible}
.mc-it{grid-area:txt;display:grid;gap:3px;min-width:0}
.mc-it small{font:500 .64rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--mc-c) 80%,var(--ink))}
.mc-it>b{font:800 1.12rem/1.08 var(--f-d);font-stretch:112%;letter-spacing:-.02em;text-wrap:balance}
.mc-mini{display:grid;gap:1px;margin-top:2px}
.mc-mini i{font:500 .74rem/1.3 var(--f-l);font-style:normal;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-mini em{font:500 .62rem var(--f-m);font-style:normal;color:color-mix(in srgb,var(--mc-c) 75%,var(--mute));margin-right:5px}
.mc-lidas{display:flex;align-items:center;gap:3px;margin-top:4px}
.mc-lidas i{width:7px;height:7px;border-radius:50%;border:1.3px solid var(--mc-c)}
.mc-lidas i.on{background:var(--mc-c)}
.mc-lidas span{margin-left:5px;font:500 .62rem var(--f-m);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.mc-seta{grid-area:seta;color:var(--mc-c);transition:transform .25s}
/* desenho */
.mc-mar{fill:none;stroke:color-mix(in srgb,var(--mc-c) 40%,transparent);stroke-width:1;stroke-dasharray:3 4}
.mc-cn{stroke:var(--mc-c);stroke-width:1.1}
.mc-cn0{fill:color-mix(in srgb,var(--mc-c) 12%,var(--panel));stroke-width:1.6}
.mc-cn1{fill:color-mix(in srgb,var(--mc-c) 20%,var(--panel));stroke-opacity:.7}
.mc-cn2{fill:color-mix(in srgb,var(--mc-c) 28%,var(--panel));stroke-opacity:.55}
.mc-pr{fill:color-mix(in srgb,var(--mc-c) 38%,var(--panel));stroke:var(--mc-c);stroke-width:.9;stroke-opacity:.7}
.mc-pr2{fill:color-mix(in srgb,var(--mc-c) 52%,var(--panel))}
.mc-pk circle{fill:var(--panel);stroke:var(--mc-c);stroke-width:1.8}
.mc-pk.mc-lido circle{fill:var(--mc-c)}
.mc-pk text{font:700 10px var(--f-d);text-anchor:middle;fill:var(--ink)}
.mc-pk.mc-lido text{fill:var(--on)}
/* aberta: a ilha cresce para a largura toda e os cumes viram a porta de cada capítulo */
.mc-cx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.mc-cx>ol{min-height:0;overflow:hidden;list-style:none;margin:0;padding:0}
.mc-ilha.aberta{margin:4px -4px 6px;padding:2px 4px 6px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--mc-c) 35%,var(--line));border-radius:18px;box-shadow:0 14px 30px -24px color-mix(in srgb,var(--mc-c) 80%,transparent)}
.mc-ilha.aberta .mc-ih,.mc-dir.aberta .mc-ih{grid-template-columns:minmax(0,1fr) 18px;grid-template-areas:"txt seta" "mapa mapa";padding:10px 8px 0}
.mc-ilha.aberta .mc-mini{display:none}
.mc-ilha.aberta .mc-seta{transform:rotate(90deg)}
.mc-ilha.aberta .mc-mapa{margin:2px -4px -6px}
.mc-ilha.aberta .mc-pk{cursor:pointer}
.mc-ilha.aberta .mc-cx{grid-template-rows:1fr}
.mc-ilha.aberta .mc-cx>ol{border-top:1px solid var(--line);margin:0 4px}
.mc-cx li+li{border-top:1px solid var(--line)}
.mc-cx .mc-row{padding:10px 6px}
.mc-cx .mc-t em{font:500 .66rem var(--f-m);font-style:normal;color:color-mix(in srgb,var(--mc-c) 80%,var(--mute));margin-right:7px}
.mc-ilha:not(.aberta) .mc-pk text{opacity:0}
.mc-ilha:not(.aberta) .mc-pk circle{r:5.5}
@media (prefers-reduced-motion:reduce){.mc-cx,.mc-seta{transition:none}}

/* ---------- painel no celular: a faixa de camadas gruda logo abaixo do topo (ou no topo, quando ele some), numa linha só ---------- */
html.mc-cel .imp .pm{--pm-hd:var(--mc-tb,52px)}
html.mc-cel.mc-hide .imp .pm{--pm-hd:0px}
html.mc-cel .imp .pm #c-camadas{top:var(--pm-hd);transition:top .2s ease;margin-inline:-12px;padding:6px 0;box-shadow:0 8px 14px -12px rgba(0,0,0,.25)}
html.mc-cel .imp .pm .pm-camadas{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 12px;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
html.mc-cel .imp .pm .pm-camadas::-webkit-scrollbar{display:none}
html.mc-cel .imp .pm .pm-cam-top{display:contents}
html.mc-cel .imp .pm .pm-cam-top>.pm-k,html.mc-cel .imp .pm .pm-cam-top .pm-dica-c,html.mc-cel .imp .pm .pm-cam-top .pm-dica-c.pm-tem{display:none}
html.mc-cel .imp .pm .pm-cam-ac{display:flex;gap:4px;margin:0;flex:none;order:2}
html.mc-cel .imp .pm .pm-cam-ac .pm-pill{min-height:36px;padding:0 10px;font-size:.74rem;border-radius:99px;white-space:nowrap}
html.mc-cel .imp .pm #pm-tg{display:contents}
html.mc-cel .imp .pm #pm-tg .pm-tgl{order:1;flex:none;width:auto;height:38px;flex-direction:row;gap:6px;padding:0 11px 0 5px;border-radius:99px;background:var(--panel)}
html.mc-cel .imp .pm #pm-tg .pm-tgl .pm-gl{width:26px;height:26px;margin:0}
html.mc-cel .imp .pm #pm-tg .pm-tgl b{font-size:.78rem;white-space:nowrap}
html.mc-cel .imp .pm #pm-tg .pm-tgl .pm-ck{display:none}
html.mc-cel .imp .pm #pm-tg .pm-tgl[aria-pressed="true"]{border-color:color-mix(in srgb,var(--ink) 55%,var(--line))}
html.mc-cel .imp .pm #pm-tg .pm-tgl[aria-pressed="false"]{opacity:.45;border-style:dashed}
html.mc-cel .imp .pm .pm-cam-ac::before{content:"";width:1px;height:24px;background:var(--line);margin:0 4px 0 2px;align-self:center}

/* ---------- rodada 3: uma barra só, capa mais baixa, números que cabem ---------- */
.mc-tnav{display:none}
html.mc-cel.mc-ch .bar .brand{display:none}
html.mc-cel.mc-ch .mc-tnav{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
html.mc-cel.mc-ch .mc-tnav .mc-back{margin-left:-8px}
html.mc-cel.mc-ch .mc-tnav .mc-pos{margin-left:auto}
html.mc-cel.mc-ch .mc-bhead{display:none}
html.mc-cel .imp .ilu .ch-head{padding-top:6px}
html.mc-cel .imp .ilu-in{padding:12px 14px}
html.mc-cel .imp .ilu-nums{padding-top:8px;column-gap:14px}
html.mc-cel .imp .ilu-nums b{white-space:nowrap}
html.mc-cel .imp .ilu-nums b.mc-longo{font-size:1rem;letter-spacing:-.02em;padding-block:.6rem}
html.mc-cel .imp .ilu-nums span{-webkit-line-clamp:4}
html.mc-cel .hero .nums span{-webkit-line-clamp:4}
html.mc-cel .hero .h1-marca{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}

/* ---------- diagramas largos: cabem na largura, tela cheia ao tocar ---------- */
.mc-amp,.mc-tc{display:none}
html.mc-cel .imp .og-dica{display:none}
html.mc-cel .imp .og-wrap.mc-fit{display:flex;flex-direction:column;overflow:visible;padding:0 0 2px;cursor:zoom-in}
html.mc-cel .imp .og-wrap.mc-fit>svg{width:100%;height:auto}
html.mc-cel .mc-amp{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;margin-top:8px;min-height:36px;padding:0 11px;font:600 .72rem var(--f-d);color:var(--ink);
  background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:99px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html.mc-cel .mc-amp svg{color:var(--mc-c,var(--c1))}
html.mc-cel .mc-tc:not([hidden]){display:block;position:fixed;inset:0;z-index:60;background:var(--bg)}
.mc-tc-h{display:flex;align-items:center;gap:6px;height:56px;padding:0 10px 0 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.mc-tc-h b{flex:1;min-width:0;font:700 .9rem/1.2 var(--f-d);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-tc-b{flex:none;min-width:40px;min-height:40px;padding:0 10px;font:600 .8rem var(--f-d);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;cursor:pointer}
.mc-tc-b[data-a="-"],.mc-tc-b[data-a="+"]{font-size:1.15rem;padding:0}
.mc-tc-x{color:var(--bg);background:var(--ink);border-color:var(--ink)}
.mc-tc-in{position:absolute;top:56px;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mc-tc-c{display:flex;min-width:100%;min-height:100%;padding:8px;box-sizing:border-box}
.mc-tc-c svg{display:block;margin:auto;max-width:none;flex:none}
.mc-tc.deitado .mc-tc-in{top:56px;left:0;width:calc(100vh - 56px);height:100vw;right:auto;bottom:auto;transform:rotate(90deg) translateY(-100%);transform-origin:top left}
html.mc-cel .imp .strip .v{white-space:nowrap}
html.mc-cel .imp .strip .v.mc-longo{font-size:1.1rem;letter-spacing:-.02em;padding-block:.5rem .25rem}