/* CND — percurso cartográfico: Brasil → UF → município, comparação de anos, projetor e roteiro de bolso. */
:root{--pc-bg:#0a2c35;--pc-ink:#f4f0de;--pc-mute:#b7cdc4;--pc-amber:#f5b779;--pc-line:#3a6268;--pc-sea:#0c3440;--pc-mono:ui-monospace,Consolas,"Microsoft YaHei",monospace;--pc-cjk:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","WenQuanYi Micro Hei",sans-serif;--c1:#f6dcae;--c2:#f7c486;--c3:#f5a65f;--c4:#ef8443;--c5:#e65f34;--c0:#7d9da1}
.percurso{background:radial-gradient(ellipse at 88% 0,#174650 0,transparent 52%),var(--pc-bg);color:var(--pc-ink);padding:clamp(38px,4.6vw,80px) 0 clamp(40px,4.6vw,80px)}
.percurso .obs-k{color:#a9d3c4}.percurso .obs-k>span{background:var(--pc-amber);color:#0b2a33}.percurso .obs-k i{background:#5d8a85}.percurso .obs-k b{color:#d8e6dd}
.pc-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:6%;align-items:end;margin-bottom:clamp(18px,2.6vw,36px)}
.pc-head h2{font:600 clamp(34px,4vw,66px)/1.02 var(--head);letter-spacing:-.055em;text-wrap:balance;margin-top:16px}
.pc-head p{color:#cfe0d6;font-size:clamp(16px,1.2vw,19px);line-height:1.5;max-width:48ch}
.pc-actions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:16px}
.pc-actions a{color:#f2d3a5;font:600 14px var(--head);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.pc-proj{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 16px;border:0;border-radius:40px;background:var(--pc-amber);color:#0b2a33;font:600 14px var(--head);cursor:pointer}
.pc-proj:hover{background:#facb99}.pc-proj svg{width:19px;height:19px}
.percurso a:focus-visible,.percurso button:focus-visible,.percurso select:focus-visible,.percurso input:focus-visible,.pj a:focus-visible,.pj button:focus-visible,.pj select:focus-visible,.pj input:focus-visible,.deck :focus-visible{outline:3px solid #ffb36b;outline-offset:3px}

/* Mapa: o modo é decidido pelo espaço do próprio bloco (container query), não pela janela. */
.pc-body{container:percurso/inline-size}
.pc-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.pc-steps{--pc-mode:step;list-style:none;margin:0;padding:0}
.pc-stage{margin:0;display:flex;flex-direction:column;min-height:0;border:1px solid var(--pc-line);border-radius:4px;background:var(--pc-sea);overflow:hidden;overflow:clip}
.pm{position:relative;flex:1;min-height:0;touch-action:pan-y pinch-zoom;overflow:hidden}
.pm-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-sea{fill:var(--pc-sea)}
.pm-grat{fill:none;stroke:#285563;stroke-width:.7px;vector-effect:non-scaling-stroke;opacity:.7}
.pm-ref{fill:none;stroke:#78a39d;stroke-width:1px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;opacity:.55}
.pm-uf path{fill:#1b4852;stroke:#5c8b8b;stroke-width:.8px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .5s,opacity .5s}
.pm-uf path.off{fill:#143c46;opacity:.72}.pm-uf path.on{fill:#245760;stroke:#dcefe3;stroke-width:1.7px}
.pm-d,.pm-ctx{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pm-d0{stroke:var(--c0);stroke-width:var(--d0);opacity:.62}.pm-d1{stroke:var(--c1);stroke-width:var(--d1)}.pm-d2{stroke:var(--c2);stroke-width:var(--d2)}.pm-d3{stroke:var(--c3);stroke-width:var(--d3)}.pm-d4{stroke:var(--c4);stroke-width:var(--d4)}.pm-d5{stroke:var(--c5);stroke-width:var(--d5)}
.pm-ctx{stroke:#9ab4b0;stroke-width:var(--d1);opacity:.26}
.pm-ann text{fill:#f8f3e3;stroke:#0a2a33;paint-order:stroke;stroke-linejoin:round;font-family:var(--head);font-weight:600}
.pm-ann .pm-code{fill:#a9c6bf;letter-spacing:.08em}.pm-ann .pm-sea-l,.pm-ann .pm-ref-l{fill:#93b8b1;font-weight:400;font-style:italic}.pm-ann .pm-n{fill:var(--pc-amber)}
.pm-ring{fill:none;stroke:#fff;stroke-width:2.2px;vector-effect:non-scaling-stroke}
.pm-box{fill:none;stroke:var(--pc-amber);stroke-width:1.6px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}
.pm-stamp{position:absolute;left:10px;top:10px;margin:0;padding:5px 8px;border-radius:3px;background:#0a2a33d9;color:#d3e5dc;font:600 12px/1.1 var(--pc-mono);letter-spacing:.06em;pointer-events:none}
.pm-inset{position:absolute;right:10px;top:10px;width:clamp(64px,15%,128px);aspect-ratio:1;padding:4px;background:#0a2a33e6;border:1px solid #4d7478;border-radius:3px;pointer-events:none}
.pm-inset svg{display:block;width:100%;height:100%}.pm-inset path{fill:#2b5862;stroke:#0a2a33;stroke-width:.6px;vector-effect:non-scaling-stroke}.pm-inset path.on{fill:var(--pc-amber)}.pm-inset rect{fill:none;stroke:#fff;stroke-width:1.6px;vector-effect:non-scaling-stroke}
.pm-legend{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 120px);padding:8px 10px;background:#0a2a33;border:1px solid #3c6267;border-radius:3px;font-size:12px;line-height:1.3;pointer-events:none}
.pm-legend:empty{display:none}.pm-legend b{display:block;margin-bottom:6px;color:#eef3ea;font-weight:600}
.pm-keys{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.pm-keys>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#e3ece5}
.pm-keys i{display:inline-block;flex:none;width:var(--s);height:var(--s);border-radius:50%}.k0{background:var(--c0)}.k1{background:var(--c1)}.k2{background:var(--c2)}.k3{background:var(--c3)}.k4{background:var(--c4)}.k5{background:var(--c5)}
.pm-scale{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#d8e6de;font:600 11px var(--pc-mono);pointer-events:none}
.pm-scale i{display:block;height:6px;border:1.5px solid #e9efe6;border-top:0}
.pm-wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;text-align:center;color:#a9c4bc;font-size:14px}
.pm-cap{padding:9px 12px;font-size:12px;line-height:1.45;color:#c4d8cf;border-top:1px solid var(--pc-line);background:#0a2c35}.pm-cap>span,.pm-cap small{display:block}.pm-cap span span,.pm-cap small{color:#93b2aa;font-size:11px}
.pc-body .pm-cap{display:flex;align-items:center;justify-content:space-between;gap:12px}.pm-proj{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 12px;border:1px solid #899e88;border-radius:4px;background:#1c4549;color:#fff4d8;font:600 13px var(--head);cursor:pointer}.pm-proj:hover{background:#2a5a59}.pm-proj svg{width:17px;height:17px}[data-mode="step"] .pm-proj{display:none}

/* Cenas */
.pc-step{padding:4px 2px 2px}
.pc-kick{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin:0;color:#a9d3c4;font:600 12px/1.4 var(--head);letter-spacing:.1em;text-transform:uppercase}
.pc-kick b{color:var(--pc-amber);font:600 14px var(--pc-mono);letter-spacing:.02em}.pc-kick span{color:#7fa59d;font:12px var(--pc-mono)}
.pc-h{margin:10px 0 12px;font:600 clamp(27px,2.6vw,46px)/1.06 var(--head);letter-spacing:-.045em;text-wrap:balance}
.pc-lead{max-width:46ch;color:#d4e3da;font-size:clamp(16px,1.18vw,19px);line-height:1.5}
.pc-ev{display:flex;flex-wrap:wrap;gap:10px 30px;margin:18px 0 6px}.pc-ev>div{display:flex;flex-direction:column-reverse}
.pc-ev dt{color:#b8cec5;font-size:13px}.pc-ev dd{margin:0;font:600 clamp(38px,3.5vw,62px)/1 var(--head);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-ev dd.rec{color:var(--pc-amber)}.pc-ev dd small{margin-left:5px;color:#b8cec5;font-size:.36em;font-weight:400;letter-spacing:0}
.pc-ev dd.grp{font-size:clamp(16px,1.3vw,21px);line-height:1.3;letter-spacing:0;white-space:normal;padding-top:6px}
.pc-series{max-width:430px;margin-top:14px}.pc-series>small,.pc-axis{display:flex;justify-content:space-between;gap:10px;color:#a3bdb5;font:11px/1.4 var(--pc-mono)}
.pc-series svg{display:block;width:100%;height:54px;margin:4px 0 2px}.pc-series rect{fill:#4f8080}.pc-series rect.hi{fill:var(--pc-amber)}.pc-series path{fill:none;stroke:#6d918d}
.pc-note{max-width:54ch;margin-top:14px;padding-left:11px;border-left:2px solid #50807d;color:#b9cec6;font-size:14px;line-height:1.5}
.pc-links{display:flex;flex-wrap:wrap;gap:2px 20px;margin-top:10px}
.pc-links a,.pc-check a,.cmp a{display:inline-flex;align-items:center;min-height:40px;color:#f2d3a5;font-weight:600;font-size:14px;text-underline-offset:4px}
.pc-check{margin-top:16px;padding:13px 15px;border:1px solid #3f686c;border-radius:3px;background:#0d323b}
.pc-check h4{margin:0 0 8px;color:var(--pc-amber);font:600 12px var(--head);letter-spacing:.1em;text-transform:uppercase}
.pc-check ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.pc-check li{color:#d2e1d8;font-size:14px;line-height:1.45}
.pc-check li>b{display:inline-block;margin-right:7px;padding:1px 6px;border-radius:2px;background:#cfe3d8;color:#0b2a33;font:600 11px/1.5 var(--pc-mono)}
.pc-csvwrap{max-width:100%;overflow-x:auto}.pc-check li{min-width:0}.pc-csv{width:100%;margin:8px 0 4px;border-collapse:collapse;font:12px/1.35 var(--pc-mono);font-variant-numeric:tabular-nums}
.pc-csv th,.pc-csv td{padding:4px 6px;border:1px solid #3e676b;text-align:left;vertical-align:top}.pc-csv th,.pc-csv td:not(:nth-child(4)){white-space:nowrap}.pc-csv th{color:#9fbab2;font-weight:400}.pc-csv td:last-child,.pc-csv th:last-child{text-align:right}.pc-csv td:last-child{color:var(--pc-amber);font-weight:600}
.pc-dl{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-top:6px;padding:8px 14px;border:1px solid #f2d3a5;border-radius:40px;background:transparent;color:#f6dfba;font:600 14px var(--head);cursor:pointer}.pc-dl:hover{background:#f2d3a51f}
.pc-pick{display:flex;flex-direction:column;gap:5px;margin-top:14px;color:#b8cec5;font-size:13px}
.pc-pick input,.cmp select{min-height:42px;padding:7px 10px;border:1px solid #5f8784;border-radius:3px;background:#0a2a33;color:var(--pc-ink);font:inherit;font-size:15px}
.pc-pick input:invalid{border-color:#e58b5a}
.pc-nav{display:none;align-items:center;justify-content:space-between;gap:10px}
.pc-nav button{display:inline-flex;align-items:center;gap:8px;min-width:46px;min-height:46px;max-width:46%;padding:8px 15px;border:1px solid #6f938e;border-radius:40px;background:#123a43;color:var(--pc-ink);font:600 14px var(--head);cursor:pointer}
.pc-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-nav button:disabled{opacity:.32;cursor:default}.pc-nav button:not(:disabled):hover{background:#1d4d55}
.pc-nav [data-status]{margin:0;color:#b8cec5;font:600 12px var(--pc-mono);text-align:center}
.pc-step[hidden]{display:none}

/* Telas estreitas e roteiro de bolso: uma cena por vez, botões com o nome da cena seguinte. */
[data-mode="step"] .pc-stage{height:min(92vw,56svh);min-height:250px}
[data-mode="step"] .pc-nav{display:flex}
[data-mode="step"][data-kind="compare"] .pc-stage,[data-mode="step"][data-kind="nota"] .pc-stage{display:none}

/* Telas largas: o mapa fica em cena enquanto as cenas passam; a rolagem continua nativa. */
@container percurso (min-width:900px){
 .pc-layout{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);grid-template-areas:"steps stage";gap:0 4.4%;align-items:start}
 .pc-layout>.pc-stage{grid-area:stage;position:sticky;top:80px;height:calc(100vh - 104px);height:calc(100svh - 104px);min-height:430px}
 .pc-layout>.pc-steps{--pc-mode:scroll;grid-area:steps}
 .pc-layout>.pc-nav{display:none}
 .pc-layout>.pc-steps>.pc-step{min-height:84vh;display:flex;flex-direction:column;justify-content:center;padding:8vh 0}
 .pc-layout>.pc-steps>.pc-step:first-child{min-height:72vh;padding-top:2vh}
 [data-mode="scroll"] .pc-step{transition:opacity .35s}[data-mode="scroll"] .pc-step:not(.is-on){opacity:.3}
}

@container percurso (max-width:560px){
 .pc-csv thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pc-csv,.pc-csv tbody,.pc-csv tr{display:block}.pc-csv tr{border:1px solid #3e676b}
 .pc-csv td{display:grid;grid-template-columns:7.2em minmax(0,1fr);gap:8px;border:0;border-top:1px solid #3e676b;white-space:normal!important;text-align:left!important}
 .pc-csv td:first-child{border-top:0}.pc-csv td::before{content:attr(data-h);color:#9fbab2;font-weight:400}
}
/* Comparação */
.cmp-wrap{margin-top:clamp(36px,5vw,84px);padding-top:clamp(22px,3vw,40px);border-top:1px solid #2f5a61}
.cmp-wrap .pc-h{max-width:22ch}
.cmp{container:cmp/inline-size}
.cmp-ctl{display:flex;flex-wrap:wrap;align-items:end;gap:10px 12px;margin:14px 0 12px}
.cmp-ctl label{display:flex;flex-direction:column;gap:4px;color:#b8cec5;font:600 12px var(--head)}
.cmp-ctl [data-swap],.cmp-toggle button{min-width:44px;min-height:42px;padding:6px 12px;border:1px solid #6f938e;border-radius:3px;background:#123a43;color:var(--pc-ink);font:600 15px var(--head);cursor:pointer}
.cmp-toggle{display:none;gap:4px;padding:3px;margin-bottom:8px;border:1px solid #4d7478;border-radius:6px;background:#0a2a33}
.cmp-toggle button{flex:1;border:0;font-variant-numeric:tabular-nums}.cmp-toggle button[aria-pressed="true"]{background:var(--pc-amber);color:#0b2a33}
.cmp-maps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cmp-maps figure{display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid var(--pc-line);border-radius:4px;background:var(--pc-sea)}
.cmp-maps figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;padding:9px 12px;border-bottom:1px solid var(--pc-line);background:#0a2c35;font-size:14px;color:#cfe0d6;font-variant-numeric:tabular-nums}
.cmp-maps figcaption>b{color:var(--pc-amber);font:600 16px var(--pc-mono)}.cmp-maps figcaption strong{font-size:22px;color:var(--pc-ink)}.cmp-maps figcaption a{margin-left:auto;min-height:30px;font-size:13px}
.cmp-maps .pm{aspect-ratio:4/3;flex:none}
.cmp-legend{position:static;max-width:none;margin-top:10px;display:inline-block}
.cmp-both{margin-top:10px;font-size:15px;color:#e3ece5}
@container cmp (max-width:699px){
 .cmp-toggle{display:flex}
 .cmp-maps{gap:0 8px}.cmp-maps figure{display:contents}
 .cmp-maps figcaption{grid-row:1;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:8px;border:1px solid var(--pc-line);border-radius:3px;font-size:13px}
 .cmp-maps [data-k="a"] figcaption{grid-column:1}.cmp-maps [data-k="b"] figcaption{grid-column:2}
 .cmp-maps .pm{grid-row:2;grid-column:1/-1;border:1px solid var(--pc-line);border-radius:4px;aspect-ratio:1/1}
 .cmp[data-show="a"] [data-k="b"] .pm,.cmp[data-show="b"] [data-k="a"] .pm{display:none}
 .cmp[data-show="a"] [data-k="a"] figcaption,.cmp[data-show="b"] [data-k="b"] figcaption{border-color:var(--pc-amber)}
 .cmp-maps figcaption a{margin-left:0}
}

/* Projetor: 16:9, leitura a distância, avanço manual; dimensionado por altura (1280×720 e 1920×1080). */
.pj{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#08262e;color:var(--pc-ink);overflow:hidden}
.pj::backdrop{background:#04161cf5}
.pj-frame{height:100%;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "text stage" "foot foot";gap:0 2.4vw;padding:2vh 2.6vw 1.8vh;outline:none}
.pj-top{grid-area:top;display:flex;align-items:center;gap:1.2vw;margin-bottom:2.2vh;padding-bottom:1.2vh;border-bottom:1px solid #3d6469;font-size:max(13px,1.7vh)}
.pj-top>b{font-weight:600;white-space:nowrap}.pj-top>b i{color:var(--pc-amber);font-style:normal}.pj-flag{margin-right:auto;color:#a9c9be}
.pj .langs{border-color:#4f777a}.pj .langs a{min-width:max(36px,4vh);min-height:max(34px,3.8vh);color:#e8efe4;font-size:max(12px,1.5vh)}.pj .langs a[aria-current]{background:var(--pc-ink);color:#0b2a33}
.pj-top button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:max(42px,4.6vh);min-height:max(42px,4.6vh);padding:4px 10px;border:1px solid #6f938e;border-radius:4px;background:transparent;color:inherit;font:600 max(13px,1.6vh) var(--head);cursor:pointer}
.pj-top button:hover{background:#1d4d55}.pj-top [data-close]{font-size:max(22px,2.8vh)}.pj-top kbd{padding:0 4px;border:1px solid #6f938e;border-radius:3px;font:max(11px,1.3vh) var(--pc-mono)}
.pj-steps{grid-area:text;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;scrollbar-width:thin}
.pj-stage{grid-area:stage;min-height:0}.pj .pj-stage{height:auto;min-height:0}
.pj-foot{grid-area:foot;display:flex;align-items:center;gap:2vw;margin-top:1.8vh;padding-top:1.3vh;border-top:1px solid #3d6469}
.pj-src{margin:0 auto 0 0;color:#b9cfc6;font-size:max(12px,1.55vh);line-height:1.4}
.pj .pc-nav{display:flex;gap:1.2vw}.pj .pc-nav button{max-width:none;min-height:max(46px,5.4vh);font-size:max(14px,1.9vh)}.pj .pc-nav [data-status]{min-width:9em;font-size:max(13px,1.7vh)}
.pj-keys{margin:0;color:#8fb0a8;font:max(11px,1.35vh) var(--pc-mono);white-space:nowrap}
.pj .pc-kick{font-size:max(12px,1.75vh)}.pj .pc-kick b{font-size:max(14px,2.1vh)}
.pj .pc-h{margin:1.2vh 0 1.4vh;font-size:clamp(26px,5.1vh,70px)}
.pj .pc-lead{max-width:none;font-size:clamp(16px,2.45vh,30px)}
.pj .pc-ev{margin:2vh 0 .6vh;gap:1.2vh 2.2vw}.pj .pc-ev dd{font-size:clamp(38px,8vh,110px)}.pj .pc-ev dd small{font-size:.32em}.pj .pc-ev dt{font-size:max(14px,2vh)}
.pj .pc-note{font-size:max(13px,1.8vh);max-width:none}.pj .pc-links a,.pj .pc-check a{font-size:max(14px,1.8vh)}
.pj .pc-series{max-width:none;margin-top:1.4vh}.pj .pc-series svg{height:max(40px,5.4vh)}.pj .pc-note{margin-top:1.4vh}.pj [data-q="3"] .pc-series{display:none}.pj .pc-series>small,.pj .pc-axis{font-size:max(11px,1.4vh)}
.pj .pm-legend{font-size:max(12px,1.65vh);padding:1vh 1vw}.pj .pm-stamp{font-size:max(12px,1.6vh)}.pj .pm-scale{font-size:max(11px,1.45vh)}
.pj .pc-check{margin-top:1.6vh;padding:1.2vh 1.2vw}.pj .pc-check ol{gap:1vh}.pj .pc-check li{font-size:max(13px,1.75vh)}.pj .pc-check a{min-height:0;padding:.4vh 0}.pj .pc-csv{margin:.8vh 0 .4vh;font-size:max(11px,1.45vh)}.pj .pc-dl{min-height:0;margin-top:.4vh;padding:.6vh 1vw;font-size:max(13px,1.6vh)}.pj .pc-pick{display:none}
.pj-frame[data-q="3"]{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.pj-frame[data-q="3"] .pc-h{font-size:clamp(25px,4.5vh,62px);margin-bottom:1vh}.pj-frame[data-q="3"] .pc-ev dd{font-size:clamp(38px,7.2vh,98px)}.pj-frame .pc-ev dd.grp{font-size:max(16px,2.6vh);padding-top:1vh}
.pj-frame[data-kind="compare"]{grid-template-areas:"top top" "text text" "foot foot"}.pj-frame[data-kind="compare"] .pj-stage{display:none}
.pj-frame[data-kind="compare"] .pj-steps{justify-content:stretch}
.pj .pc-step[data-kind="compare"]{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,27fr) minmax(0,73fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:2.4vw;align-content:start}
.pj .pc-step[data-kind="compare"]>*,.pj .pc-step[data-kind="compare"] .cmp>*{grid-column:1}.pj .pc-step[data-kind="compare"] .cmp{display:contents}
.pj .pc-step[data-kind="compare"] .cmp-maps{grid-column:2;grid-row:1/-1;min-height:0}.pj .cmp-maps figure{min-height:0}.pj .cmp-maps .pm{flex:1;aspect-ratio:auto}
.pj .pc-step[data-kind="compare"] .pc-h{font-size:clamp(22px,4vh,54px)}.pj .pc-step[data-kind="compare"] .pc-lead{font-size:clamp(15px,2.2vh,28px)}.pj .pc-step[data-kind="compare"] .pc-note{font-size:max(12px,1.6vh)}.pj .cmp-ctl{margin:1.4vh 0 1vh}.pj .cmp-maps figcaption{font-size:max(13px,1.9vh)}.pj .cmp-maps figcaption strong{font-size:max(20px,3.4vh)}.pj .cmp-maps figcaption>b{font-size:max(15px,2.2vh)}
.pj .cmp-ctl label{font-size:max(12px,1.6vh)}.pj .cmp select{font-size:max(14px,1.9vh)}.pj .cmp-both{font-size:max(14px,2vh)}.pj .cmp-legend{font-size:max(12px,1.6vh)}
html:fullscreen .pj[open]{width:100vw;height:100vh}

/* Roteiro de bolso */
.pocket{background:#e7ede2;padding-bottom:env(safe-area-inset-bottom,0px);--pmax:640px}.pocket header{background:#f8f6ed}
.p-head,.pbody{max-width:var(--pmax);margin:auto}.p-head{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:6px 16px}.p-head .brand{gap:10px}
.p-head .langs a{display:grid;align-items:center;min-width:42px;min-height:40px;text-align:center}
.pbody{padding:16px 14px 26px}.p-intro{display:flex;align-items:end;justify-content:space-between;gap:10px}
.p-over,.p-status,.edition{font-size:11px;font-weight:600;letter-spacing:.09em}.p-over{color:#42625c}
.p-intro h1{margin:2px 0 0;font:600 clamp(27px,7vw,38px)/1.02 var(--head);letter-spacing:-.06em}
.edition{display:flex;align-items:center;gap:6px}.edition span{padding:1px 5px;border:1px solid var(--ink);border-radius:2px}
.p-status{margin:8px 0 12px;color:#4b6358;font-size:10px;text-transform:uppercase}
.deck{background:var(--pc-bg);color:var(--pc-ink);border:1px solid #2c5860;border-radius:4px 18px 4px 4px;overflow:hidden;overflow:clip}
.deck .pc-body{padding:0}.deck .pc-layout{gap:0}.deck .pc-stage{border:0;border-bottom:1px solid var(--pc-line);border-radius:0}
.deck[data-mode="step"] .pc-stage{height:min(84vw,48svh);min-height:230px}
.deck .pc-steps{padding:16px 15px 6px;min-width:0}.deck .pc-ev dd.grp{font-size:18px}.deck .pc-h{font-size:clamp(23px,6.3vw,32px)}.deck .pc-ev dd{font-size:clamp(34px,10vw,48px)}
.deck .pc-nav{padding:8px 12px 12px;border-top:1px solid #23505a}
.deck .dots{display:flex}.deck .dots a{display:grid;place-items:center;width:21px;height:44px}.deck .dots span{width:7px;height:7px;border:1px solid #8db3a9;border-radius:9px}.deck .dots a[aria-current] span{width:18px;background:var(--pc-amber);border-color:var(--pc-amber)}
.deck .pc-nav{flex-wrap:wrap;row-gap:2px}.deck .dots{order:-1;width:100%;justify-content:center}.deck .pc-nav button{flex:1 1 0;justify-content:center;max-width:none;padding:8px 12px;font-size:14px}.deck .pc-nav [data-next]{justify-content:center}
.p-end{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#486158;font-size:12px}.p-end [data-status]{font:600 11px var(--pc-mono);letter-spacing:.06em}
.full{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:#165951;font-size:14px;font-weight:600;text-underline-offset:4px}
.pc-next{display:grid;gap:12px;margin:14px 0 4px;padding:0;list-style:none}.pc-next li{padding-top:10px;border-top:1px solid #335f66;color:#d4e3da;font-size:15px;line-height:1.5}.pc-next b{display:block;color:var(--pc-amber);font:600 12px var(--head);letter-spacing:.08em;text-transform:uppercase}
.pocket button,.pocket a{touch-action:manipulation}

/* Chinês simplificado: quebra por expressão (<wbr> + keep-all), sem o tracking negativo do latim, entrelinha maior. */
:lang(zh-CN) .percurso,:lang(zh-CN) .pj,:lang(zh-CN) .deck{font-family:Plex,var(--pc-cjk)}
:lang(zh-CN) .pc-h,:lang(zh-CN) .pc-head h2{letter-spacing:0;line-height:1.24;word-break:keep-all;overflow-wrap:anywhere}
:lang(zh-CN) .pc-lead,:lang(zh-CN) .pc-note,:lang(zh-CN) .pc-check li,:lang(zh-CN) .pc-head p,:lang(zh-CN) .pc-next li{line-height:1.78;line-break:strict;text-autospace:normal}
:lang(zh-CN) .pc-kick,:lang(zh-CN) .pc-check h4,:lang(zh-CN) .percurso .obs-k,:lang(zh-CN) .pc-next b{letter-spacing:.04em}
:lang(zh-CN) .pm-ann .pm-sea-l,:lang(zh-CN) .pm-ann .pm-ref-l{font-style:normal}:lang(zh-CN) .pm-ann text{font-family:Plex,var(--pc-cjk)}
:lang(zh-CN) .pc-ev dt,:lang(zh-CN) .pm-legend{letter-spacing:.02em}

@media(max-width:690px){.pc-head{grid-template-columns:1fr;gap:10px}.pc-head h2{font-size:34px}.pm-legend{max-width:calc(100% - 90px);padding:6px 8px;font-size:11px}.pm-keys{gap:4px 9px}.pm-inset{width:62px}.pm-stamp{font-size:11px}.cmp-ctl{gap:8px}.cmp-ctl label{flex:1 1 30%}}
@media(prefers-reduced-motion:reduce){.pc-step,.pm-uf path{transition:none!important}}
@media print{.pc-nav,.pj,.pc-proj,.pc-pick,.cmp-toggle,.cmp-ctl{display:none!important}.pc-step[hidden]{display:block!important}.percurso,.deck{print-color-adjust:exact;-webkit-print-color-adjust:exact}.pc-layout>.pc-stage{position:static;height:60vh}}
/* Capa: seções abaixo da dobra só são diagramadas quando se aproximam da tela, o que reduz o trabalho antes da primeira pintura. */
@supports (content-visibility:auto){main>section.percurso,main>section.observatory,main>section.section{content-visibility:auto;contain-intrinsic-size:auto 1000px}}