@media(max-height:1000px){#sidebar{--rail: clamp(20px, calc(4.11vh - 1.56px) , 40px)}#sidebar{justify-content:flex-start}.sb-top{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.sb-top::-webkit-scrollbar{display:none}.sb-head{flex:0 0 auto}.sb-status-stack{flex:0 0 auto;margin:0}.sb-bottom{flex:0 0 auto;margin-top:auto}.sb-top,.sb-bottom{padding:calc(var(--rail) * .25) 0}.sb-head{padding:calc(var(--rail) * .2) 0 calc(var(--rail) * .15)}.nav-btn{height:var(--rail);margin:calc(var(--rail) * .05) 7px;border-radius:calc(var(--rail) * .325)}.nav-btn svg{width:clamp(14px,calc(var(--rail) * .45),18px);height:clamp(14px,calc(var(--rail) * .45),18px)}.sb-status-stack{gap:calc(var(--rail) * .175);padding:calc(var(--rail) * .2) 0}.sb-status-pill{min-height:calc(var(--rail) * .6)}.sb-toggle{height:calc(var(--rail) * .85);margin:calc(var(--rail) * .1) 8px}.sb-toggle svg{width:clamp(12px,calc(var(--rail) * .4),16px);height:clamp(12px,calc(var(--rail) * .4),16px)}}\2605  Tamb\e9m aqui a adapta\e7\e3o \e9  CONT\cdNUA (pedido do autor): as duas colunas s\e3o uma regra de tr\eas sobre a largura da janela,n\e3o degraus. espa\e7o que sobra = largura \2212  56 (barra lateral) \2212  820 (a folha) \2212  48 (o ar dos dois lados da folha) fator = espa\e7o que sobra \f7  466 (o que as duas colunas pedem juntas) Fator \2265  1 \2192  nada muda (\e9  o caso de qualquer tela com 1.5 px ou mais). Fator < 1 \2192  as duas encolhem JUNTAS,na mesma propor\e7\e3o,e a folha continua inteira. Confere: 1366 \2192  fator 0,95 \2192  214 + 228 \b7  1280 \2192  fator 0,76 \2192  173 + 183 (e a\ed  a folha de 820 passa a caber,que era o problema). \26a0  AS LINGUETAS (\2039  \203a) LEEM A MESMA VARI\c1VEL. Antes elas tinham o `left`/`right` cravado em 226/240 px: bastava mexer na largura de uma coluna e elas ficavam boiando no meio do texto. Agora n\e3o h\e1  como as duas coisas discordarem. */ @media (max-width: 1500px){.ms-layout{--col-caps: clamp(163px, calc(48.5vw - 448px) , 226px);--col-insp: clamp(173px, calc(51.5vw - 476px) , 240px)}.ms-chapters{width:var(--col-caps);min-width:var(--col-caps)}.ms-meta{width:var(--col-insp);min-width:var(--col-insp)}.ms-panel-toggle.left{left:var(--col-caps)}.ms-panel-toggle.right{right:var(--col-insp)}.meta-section{padding:0 clamp(11px,1vw,18px) clamp(15px,1.4vw,22px)}.meta-section+.meta-section{padding-top:clamp(13px,1.2vw,18px)}}@media(max-width:1500px){.ms-toolbar{padding:6px 14px;gap:8px}.tool-cluster{padding:3px 5px 3px 6px;gap:2px}.tool-cluster+.tool-cluster{margin-left:4px}.fmt-btn{padding:3px 6px;gap:4px}.fmt-btn.compact{width:21px;height:21px}.fmt-meter{min-width:40px;padding:2px 5px}.fmt-sep{margin:0 3px}.ms-fmt-group{padding-right:26px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent 100%)}}@media(max-height:1000px){.ms-toolbar{padding:clamp(4px,.8vh,8px) 14px}.ms-ch-header{padding-top:clamp(8px,1.5vh,15px);padding-bottom:clamp(6px,1.2vh,12px)}.ms-ch-list{padding:clamp(5px,1vh,10px) 8px}.ms-meta{padding-top:clamp(11px,2vh,20px);padding-bottom:clamp(13px,2.4vh,24px)}.ms-statusbar{bottom:clamp(9px,1.8vh,18px);right:clamp(14px,2.4vw,24px);padding:clamp(5px,.8vh,8px) clamp(11px,1.6vw,16px);gap:clamp(11px,1.8vw,18px)}}@media(max-height:900px),(max-width:1500px){.ms-toolbar{opacity:.86}.ms-statusbar{opacity:.9}.ms-panel-toggle{opacity:.58}.tool-label{font-size:9.5px;letter-spacing:.12em;margin:0 4px 0 2px}.fmt-meter small{font-size:9.5px}.fmt-meter b{font-size:10.5px}.meta-label{font-size:10px;letter-spacing:.18em}.ms-ch-title,.ch-wc,.goal-txt,.sb-stat{font-size:10.5px}.bib-detail-stats span{font-size:9.5px;letter-spacing:.06em}.bib-detail-kicker{font-size:9.5px;letter-spacing:.16em}.bib-cover-chip,.bib2-box-title{font-size:10px}.bib2-ring-cap{font-size:9.5px;letter-spacing:.1em}.bib2-sumgrid span{font-size:9.5px;letter-spacing:.09em}.bib2-gen-author{font-size:9.5px;letter-spacing:.16em}.chsum-xray-label{font-size:9.5px;letter-spacing:.13em}.prog-card-label,.prog-prod-card span,.chart-lbl,.cal-mes,.heatmap-hr{font-size:10px}.ai-free-badge,.ai-paid-badge,.ai-local-badge{font-size:9.5px}.norte-sub{font-size:10.5px}.music-header small,.music-list-heading small,.music-side-heading,.music-total,.music-mini-copy strong{font-size:10px}.music-mini-copy span{font-size:9.5px}}@media(max-height:800px){.ms-panel-toggle{backdrop-filter:blur(7px)}.ms-statusbar{backdrop-filter:blur(6px) saturate(1.05)}}@media(max-height:1000px){.bib2-inner{padding-top:clamp(9px,1.7vh,22px);padding-bottom:clamp(9px,1.5vh,18px)}.bib2-stage{margin-bottom:clamp(8px,1.4vh,16px)}.bib2-box{padding:clamp(8px,1.4vh,11px) 14px}.bib2-box-title,.bib2-box-head{margin-bottom:clamp(6px,1.1vh,9px)}}@media(max-width:1500px){.bib2-top{gap:12px clamp(14px,1.4vw,60px)}.bib2-actions{gap:clamp(5px,.5vw,9px)}.bib2-iconbtn{width:clamp(32px,2.5vw,38px);height:clamp(32px,2.5vw,38px)}.bib2-search{flex-basis:clamp(180px,16vw,300px)}}@media(max-width:1120px){#ecosSigil{margin-right:auto}}@media(max-height:1000px){.sec-title{padding-top:clamp(10px,1.9vh,18px);padding-bottom:clamp(8px,1.4vh,14px)}.bib-section-title{padding-bottom:clamp(7px,1.3vh,12px)}.norte-topbar{margin-bottom:clamp(12px,2.2vh,22px)}.settings-radial-hub{min-block-size:min(100vh,76vh + 120px,760px)}}@media(max-width:1440px){.dgm-nav{width:206px;flex-basis:206px}.dgm-inspector{width:238px;flex-basis:238px}}@media(max-width:1300px){.dgm-nav{width:192px;flex-basis:192px}.dgm-inspector{width:222px;flex-basis:222px}}@media(max-height:1000px){.dgm-toolbar{padding:clamp(5px,1vh,10px) 12px;gap:8px}.dgm-toolbar .dgm-group{padding:clamp(2px,.6vh,4px) 8px}.dgm-stage{padding:clamp(16px,3.4vh,36px);gap:clamp(16px,3.4vh,36px)}.dgm-nav-head{padding:clamp(8px,1.5vh,12px) 14px}}@media(max-height:1000px){#onboarding .palco{padding-top:clamp(6px,1.1vh,22px);padding-bottom:clamp(6px,1.1vh,22px);gap:clamp(5px,.9vh,16px)}#onboarding .palco .crest{width:clamp(34px,6vh,84px);height:clamp(34px,6vh,84px)}#onboarding .cena .crest{width:clamp(52px,9vh,116px);height:clamp(52px,9vh,116px)}#onboarding .cartao{padding:clamp(10px,1.7vh,22px) clamp(15px,2.2vh,26px) clamp(10px,1.6vh,20px)}#onboarding .pergunta-sub{margin-bottom:clamp(6px,1vh,14px)}#onboarding .campo{margin-bottom:clamp(5px,.8vh,11px)}#onboarding .campo input{padding:clamp(7px,1vh,13px) 14px}#onboarding .chave-bloco{margin:clamp(7px,1.1vh,16px) 0 4px;padding:clamp(8px,1.1vh,15px) 16px clamp(7px,1vh,13px)}#onboarding .chave-desc{margin:clamp(4px,.6vh,6px) 0 clamp(6px,1vh,14px)}#onboarding .termos{margin:clamp(6px,1vh,13px) 0 4px;padding:clamp(6px,.9vh,12px) 14px}#onboarding .cena{padding:clamp(10px,1.8vh,32px) clamp(16px,2.4vh,32px) calc(clamp(10px,1.8vh,32px) + env(safe-area-inset-bottom));gap:clamp(8px,1.6vh,20px)}#onboarding .ecos-grade{gap:clamp(6px,1vh,10px);margin:clamp(4px,.8vh,8px) 0 2px}#onboarding .album{padding:clamp(6px,1vh,9px) clamp(11px,1.6vh,15px)}#onboarding .livro-opcoes{gap:clamp(10px,1.6vh,16px);margin:clamp(4px,.8vh,8px) 0 2px}#onboarding .opcao{padding:clamp(13px,2.2vh,22px)}#onboarding h1{font-size:clamp(26px,3.6vw,34px)}#onboarding .sub{font-size:clamp(17px,2vw,20px);line-height:1.45}#onboarding .pergunta{font-size:19px}#onboarding .campo input{font-size:15.5px}}@media(max-height:780px){#onboarding h1{font-size:27px}#onboarding .sub{font-size:16px;line-height:1.4}#onboarding .pergunta-sub{margin-bottom:clamp(4px,.7vh,10px)}#onboarding .termos{margin:clamp(4px,.6vh,10px) 0 3px}#onboarding .portal{font-size:11px}#onboarding .pergunta{font-size:17px}#onboarding .palco{gap:clamp(4px,.7vh,16px)}#onboarding .palco .crest{width:clamp(30px,4.8vh,84px);height:clamp(30px,4.8vh,84px)}}@media(max-height:700px){#onboarding h1{font-size:24px}#onboarding .sub{font-size:15px;line-height:1.35}#onboarding .pergunta{font-size:16px}#onboarding .campo input{font-size:15px;padding:clamp(5px,1vh,13px) 14px}#onboarding .palco .crest{width:clamp(26px,4.8vh,84px);height:clamp(26px,4.8vh,84px)}#onboarding .cartao{padding:clamp(8px,1.7vh,22px) clamp(14px,2.2vh,26px) clamp(8px,1.6vh,20px)}#onboarding .pergunta-sub{margin-bottom:clamp(4px,.6vh,14px)}#onboarding .campo{margin-bottom:clamp(3px,.45vh,11px)}#onboarding .chave-bloco{margin:clamp(5px,.7vh,16px) 0 3px;padding:clamp(5px,.7vh,15px) 16px clamp(4px,.6vh,13px)}#onboarding .chave-desc{margin:clamp(3px,.4vh,6px) 0 clamp(4px,.6vh,14px)}#onboarding .termos{margin:clamp(4px,.6vh,13px) 0 3px;padding:clamp(4px,.6vh,12px) 14px}}
