.jg{--jg-navy:#101f32;--jg-ink:#152b40;--jg-paper:#f8f6ef;--jg-rule:#d8d2c4;--jg-gold:#ffcb56;--jg-pad:clamp(18px,5cqw,70px);background:var(--jg-paper);color:var(--jg-ink)}
.jg h1,.jg h2,.jg h3,.jg p,.jg figure,.jg dl,.jg dd{margin:0}
.jg .jg-kicker,.jg-instrument-label{display:flex;align-items:center;gap:.7em;text-align:start;font:400 clamp(10px,1.03cqw,14px)/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.jg-kicker::before{content:"";width:1.6em;height:2px;background:#cf751d}.jg-kicker i,.jg-instrument-label i{font:inherit;color:#a87435}
.jg-hero{display:grid;grid-template-columns:1.08fr 1fr;background:var(--jg-navy);color:#fbf8ee;align-items:stretch}
.jg-hero>div{padding:clamp(30px,5.7cqw,84px) .8em clamp(30px,5.7cqw,84px) var(--jg-pad);align-self:center}
.jg-hero .jg-kicker,.jg-order .jg-kicker{color:#f1c579}.jg-hero h1{font:600 clamp(34px,5.9cqw,88px)/.98 var(--strong);letter-spacing:-.052em;margin:.45em 0 .4em}
.jg-hero h1 em{display:block;color:#f3c575;font:400 .86em/1.12 var(--sans);letter-spacing:-.04em}
.jg-hero p:not(.jg-kicker){font-size:clamp(16px,1.7cqw,23px);max-width:38ch;line-height:1.5;color:#eeeae0}
.jg-hero figure{position:relative;overflow:hidden;min-height:100%}.jg-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:58% 48%}
.jg .jg-button{display:inline-flex;align-items:center;justify-content:center;gap:1em;min-height:44px;padding:.72em 1.05em;margin-top:1.15em;background:#ffd063;border:1px solid #ffe3a0;box-shadow:0 3px 0 #986627;border-radius:12px;color:#122239;font:600 clamp(15px,1.55cqw,21px)/1.25 var(--strong);text-align:center}
.jg .jg-button:hover{background:#ffe29a}.jg .jg-dark{background:var(--jg-navy);color:white;box-shadow:0 3px 0 #416072;border-color:#243f57}.jg .jg-dark:hover{background:#273f54}
.jg-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:1.8em var(--jg-pad);background:#eae4d6;gap:1em}
.jg-metrics>div+div{border-left:1px solid #b4ab98;padding-left:12%}.jg-metrics b{display:block;font:600 clamp(22px,3.6cqw,55px)/1 var(--strong);letter-spacing:-.045em}.jg-metrics small{font-size:.45em;letter-spacing:0}.jg-metrics span{display:block;font:400 clamp(11px,1.2cqw,16px)/1.35 var(--sans);margin-top:.3em}
.jg-layout{padding:0 var(--jg-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,20%);column-gap:clamp(18px,3.6cqw,54px);align-items:start}
.jg-main{grid-column:1;grid-row:1;min-width:0}.jg-aside{grid-column:2;grid-row:1;position:sticky;top:18px;margin-top:clamp(26px,4cqw,55px)}
.jg-index{border:0!important;background:#ede9df;border-radius:6px;padding:12px 15px}.jg-index summary{display:block;font:600 18px/1.2 var(--strong);padding:3px 0 7px;list-style:none}.jg-index summary::-webkit-details-marker{display:none}.jg-index summary::after{content:"⌄";float:right}.jg-index[open] summary::after{transform:rotate(180deg)}
.jg-index ol{padding:0;margin:6px 0 0;list-style:none;counter-reset:guia}.jg-index li{counter-increment:guia;border-top:1px solid #cfc8ba}.jg-index a{display:grid;grid-template-columns:1.6em 1fr;gap:.25em;padding:.65em 0;font:600 clamp(13px,1.22cqw,17px)/1.3 var(--strong)}
.jg-index a:before{content:counter(guia,decimal-leading-zero);font:400 .8em/1.65 var(--mono);color:#835326}.jg-index a:hover,.jg-index a:focus{color:#874814}
.jg-section{border-bottom:1px solid var(--jg-rule);padding:clamp(28px,4.3cqw,64px) 0;scroll-margin-top:12px}
.jg-section h2,.jg-order h2{font:600 clamp(27px,3.5cqw,53px)/1.05 var(--strong);letter-spacing:-.038em;max-width:23ch;margin:.35em 0 .5em}
.jg-main p:not(.jg-kicker),.jg-parts dd,.jg-steps,.jg-sources li{font:400 clamp(16px,1.59cqw,21px)/1.58 var(--sans);max-width:67ch}
.jg-section p+p,.jg-section figure+p,.jg-section div+p,.jg-section dl+p{margin-top:.9em}
.jg-main strong{font-weight:600;line-height:inherit;letter-spacing:normal}
.jg-main figure{margin:1.3em 0 0}.jg-main figcaption{font:400 clamp(13px,1.25cqw,17px)/1.45 var(--sans);color:#4c5862}
.jg-observe img,.jg-open img{width:100%;height:auto}.jg-observe img{aspect-ratio:1.87;object-fit:cover;object-position:center 42%}.jg-observe figcaption,.jg-open figcaption,.jg-detail figcaption{margin-top:.5em}
.jg-main .jg-plate{background:#112337;color:#f8f3e5;border-radius:8px;padding:clamp(12px,2cqw,24px)}.jg-plate img{display:block;width:100%;height:auto}.jg-instrument-label{color:#e8d2a8}
.jg-plate figcaption{display:flex;gap:.7em 1.4em;flex-wrap:wrap;color:#e1e5e1}.jg-plate figcaption small{margin-left:auto}.jg-key-in::before,.jg-key-out::before{display:inline-block;content:"";width:1.1em;height:2px;margin-right:.5em;vertical-align:middle;background:#ffcb56}.jg-key-out::before{background:#81d6f4}
.jg-steps{list-style:none;counter-reset:light;padding:0;margin:1.2em 0 0}.jg-steps li{counter-increment:light;padding:.65em 0 .65em 2.4em;border-top:1px solid var(--jg-rule);position:relative}.jg-steps li::before{content:counter(light);position:absolute;left:0;top:.8em;border-radius:50%;background:#182d40;color:white;width:1.65em;height:1.65em;text-align:center;font:600 .82em/1.65 var(--strong)}.jg-steps strong{display:block;margin-bottom:.18em}
.jg-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jg-comparison figcaption{font-size:14px}.jg-main p.jg-note{font-size:clamp(13px,1.25cqw,16px);color:#58616a;line-height:1.45}
.jg-tablewrap{margin:1.5em 0}.jg-tablewrap table{width:100%;border-collapse:collapse;font:400 clamp(13px,1.36cqw,18px)/1.4 var(--sans);table-layout:fixed}.jg-tablewrap caption{text-align:left;font:600 19px/1.2 var(--strong);padding:0 0 .65em}.jg-tablewrap th,.jg-tablewrap td{padding:.65em .5em;text-align:left;vertical-align:top;overflow-wrap:break-word;border-bottom:1px solid var(--jg-rule)}.jg-tablewrap th{font-family:var(--strong)}.jg-tablewrap thead{background:#e8e2d5}.jg-tablewrap tbody th{width:31%}
.jg-detail img{max-height:310px;width:100%;object-fit:contain;background:#faf9f7}
.jg-parts>div{padding:.9em 0;border-bottom:1px solid var(--jg-rule)}.jg-parts dt{font:600 clamp(18px,1.9cqw,27px)/1.2 var(--strong);margin:0 0 .28em}.jg-fieldsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em}.jg-fieldsteps img{width:100%;aspect-ratio:1.45;object-fit:contain;background:#faf9f7}.jg-fieldsteps figcaption{padding:.7em 0 0}.jg-fieldsteps b{display:block;color:var(--jg-ink);font:600 16px/1.2 var(--strong);margin-bottom:.33em}
.jg-main .jg-caution{border-left:3px solid #ad6625;padding-left:.8em}.jg-records{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-block:1.2em!important}.jg-records>div{padding:.65em 0;border-block:1px solid var(--jg-rule)}.jg-records dt{font:600 16px/1.4 var(--strong)}.jg-records dd{font:400 clamp(12px,1.3cqw,17px)/1.5 var(--mono)}
.jg-sources ul{padding-left:1.2em}.jg-sources li{font-size:clamp(14px,1.35cqw,18px);margin:.45em 0}.jg-sources a{text-decoration:underline;text-underline-offset:.18em}
.jg .jg-order{display:block;background:var(--jg-navy);color:#fbf6e8;padding:clamp(22px,3.5cqw,50px);margin:1.8em 0 2.4em}.jg .jg-order .jg-button{color:#122239}
@media(max-width:1030px){.jg-layout{grid-template-columns:minmax(0,1fr);gap:0}.jg-aside,.jg-main{grid-column:1;grid-row:auto}.jg-aside{position:static;grid-row:1;margin-top:1em}.jg-index summary{cursor:pointer}.jg-index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1em}}
@media(max-width:680px){.jg-hero{grid-template-columns:1fr}.jg-hero>div{padding:24px var(--jg-pad)}.jg-hero figure{min-height:0;height:clamp(200px,60vw,330px)}.jg-hero img{object-position:50% 52%}.jg-metrics{padding:18px var(--jg-pad);gap:6px}.jg-metrics>div+div{padding-left:8%}.jg-fieldsteps{display:block}.jg-fieldsteps figure{display:grid;grid-template-columns:36% minmax(0,1fr);gap:12px;align-items:center}.jg-fieldsteps figcaption{padding:0}.jg-index ol{grid-template-columns:1fr}.jg-section h2{max-width:none}}
@media(max-width:480px){.jg-comparison{grid-template-columns:1fr}.jg-comparison img{max-height:165px}.jg-plate figcaption small{margin:0}.jg-records{grid-template-columns:1fr;gap:0}.jg-records>div+div{border-top:0}.jg-tablewrap th,.jg-tablewrap td{padding:.55em .35em}}

.jg-open figcaption a{text-decoration:underline;text-underline-offset:.16em}.jg .jg-order{border-radius:6px}
@media(max-width:680px){.jg-hero figure{height:auto;aspect-ratio:1.1}.jg-hero img{object-position:55% 28%}}
/* Livro de campo – tipografia, navegação e pranchas de observação. */
.jb-book .jb-byline{font:400 clamp(12px,1.25cqw,16px)/1.4 var(--sans);margin:1em 0 0;color:#e2c998}
.jb-lua-link{display:inline-block;margin:14px 0 3px 15px;color:#f3e2bd;text-decoration:underline;text-underline-offset:.22em;font:600 15px/1.3 var(--strong)}
.jb-book .jg-aside{margin-top:clamp(22px,3cqw,40px)}.jb-book .jg-index{padding:12px;background:#ede9df}
.jb-book .jg-index>div{max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin}
.jb-group{margin:.7em 0}.jb-group>b{display:block;color:#794815;font:600 clamp(12px,1.16cqw,15px)/1.4 var(--strong);padding:0 0 .35em}
.jb-book .jg-index ol{counter-reset:none;margin:0}.jb-book .jg-index li{counter-increment:none}
.jb-book .jg-index li a{display:grid;grid-template-columns:1.65em 1fr;gap:2px;padding:.45em 0}
.jb-book .jg-index li a::before{content:none}.jb-group small{font:400 .82em/1.55 var(--mono);color:#77512c}
.jb-apend{padding:.38em 0;border-top:1px solid #c1b7a6}.jb-book .jb-apend a{display:block;padding:.36em 0}
.jb-part{padding:clamp(20px,2.9cqw,42px) 0 .6em;border-bottom:2px solid #c99245;display:flex;gap:.8em;align-items:baseline}
.jb-part span,.jb-label{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#784719}
.jb-part>b{font:600 clamp(19px,2.2cqw,31px)/1.2 var(--strong)}.jb-book .jb-part+.jg-section{padding-top:1.35em}
.jb-book .jg-main h3{font:600 clamp(19px,2.12cqw,30px)/1.13 var(--strong);letter-spacing:-.023em;margin:1.1em 0 .42em}
.jb-book .jb-cite{font:600 .77em/1 var(--strong);white-space:nowrap;color:#785020;letter-spacing:0;text-decoration:underline;text-underline-offset:.14em}
.jb-cite:target,.jb-refs li:target{background:#ffe8ae;outline:2px solid #ae752d;outline-offset:2px}
.jb-book .jb-fig{margin:1.35em 0}.jb-fig img{width:100%;height:auto}.jb-book .jb-fig figcaption{margin:.5em 0 0;font:400 clamp(13px,1.24cqw,17px)/1.42 var(--sans)}
.jb-fig figcaption b{font-family:var(--strong);color:#172e44}.jb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6cqw,22px)}
.jb-moon img,.jb-planets img{height:auto;width:100%;aspect-ratio:1.1;object-fit:contain;background:#03080e}.jb-charts img{background:#102235}
.jb-book .jb-lab,.jb-book .jb-practice,.jb-book .jb-example{background:#eae5d8;padding:clamp(15px,2.2cqw,30px);border-left:3px solid #c38a40;margin:1.2em 0}
.jb-book .jb-practice>b,.jb-book .jb-example>b{display:block;color:#744619;font:600 16px/1.3 var(--strong);margin-bottom:.35em}.jb-book .jb-lab h3{margin:.35em 0}
.jb-calc{display:flex;flex-wrap:wrap;align-items:center;gap:.7em 1.2em;margin:1.2em 0}.jb-calc label{font:600 16px var(--strong);display:flex;align-items:center;gap:.55em}
.jb-calc select{padding:.5em .6em;background:#fff9ee;border:1px solid #8f805f;border-radius:5px;font:inherit;color:#162a3e}.jb-calc output{font:600 clamp(15px,1.65cqw,22px)/1.28 var(--strong);color:#1d394c}
.jb-lab summary{cursor:pointer;padding:.6em 0;font-size:15px}.jb-lab .jg-tablewrap{margin:0}
.jb-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4em 1em;padding:.7em 0 0;margin-top:1.5em;border-top:1px solid #d6cfc1;font:400 13px/1.4 var(--sans);color:#56606a}.jb-next b{color:#23394a;font:600 16px/1.3 var(--strong)}
.jb-gloss{display:grid;grid-template-columns:1fr 1fr;gap:1.1em 1.8em}.jb-gloss>div{padding:.65em 0;border-top:1px solid #cfc7b5}.jb-gloss dt{font:600 19px/1.2 var(--strong)}.jb-gloss dd{margin:.36em 0 0;line-height:1.5}
.jb-book .jb-refs{list-style:none;padding:0;margin:1em 0}.jb-book .jb-refs li{display:grid;grid-template-columns:2.2em minmax(0,1fr);padding:.78em 0;margin:0;border-top:1px solid #d5cbbb;scroll-margin-top:80px}.jb-refs li>b{color:#825018;font:600 .94em/1.45 var(--strong)}
.jb-book a.jb-return{display:inline-block;font-size:12px;color:#546474;margin-left:.22em;text-decoration:none}
@media(max-width:1030px){.jb-book .jg-index>div{max-height:48vh}.jb-book .jg-aside{position:sticky;top:0;z-index:2;margin:0;padding:5px 0;background:var(--jg-paper)}.jb-book .jg-section,.jb-book .jb-cite{scroll-margin-top:65px}.jb-book .jg-index{padding:7px 12px}.jb-book .jg-index summary{padding:6px 0}}
@media(max-width:650px){.jb-pair,.jb-gloss{grid-template-columns:1fr}.jb-pair{gap:.4em}.jb-book .jb-pair .jb-fig{margin:.7em 0}.jb-book .jg-hero h1{font-size:clamp(39px,9vw,55px)}.jb-book .jb-practice,.jb-book .jb-example{padding:14px}.jb-next b{font-size:15px}.jb-book .jg-hero figure{aspect-ratio:1.3}}

.jb-book .jb-apend a::before{content:none}
.jb-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:white;cursor:zoom-in;font:inherit}
.jb-zoom::after{content:"⊕ Ampliar";position:absolute;right:5px;bottom:5px;background:#0e1c2bea;color:#fff7e8;padding:.25em .55em;border-radius:3px;font:500 12px/1.3 var(--sans);letter-spacing:.015em}
.jb-zoom:focus-visible,.jb-viewer button:focus-visible{outline:3px solid #dc9f42;outline-offset:2px}
.jb-viewer{width:min(1080px,96vw);max-width:96vw;max-height:94vh;max-height:94dvh;padding:0;box-sizing:border-box;background:#0c1929;color:#fff9eb;border:1px solid #6d7986;border-radius:6px;font-family:var(--sans)}
.jb-viewer::backdrop{background:#02060be8}.jb-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.jb-viewer header,.jb-viewer footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}.jb-viewer header{font:600 18px/1.3 var(--strong)}.jb-viewer footer{font:400 14px/1.4 var(--sans)}.jb-viewer footer span{max-height:5.6em;overflow:auto}
.jb-viewer button{font:600 14px/1.3 var(--strong);background:#f0d092;color:#112233;border:0;padding:8px 12px;border-radius:4px;flex:none;cursor:pointer}.jb-viewer-stage{min-height:0;min-width:0;max-height:70vh;max-height:70dvh;overflow:auto;background:#03070b;text-align:center}.jb-viewer-stage img{display:block;width:auto;max-width:100%;max-height:70vh;max-height:70dvh;margin:auto;object-fit:contain}.jb-natural .jb-viewer-stage img{max-width:none;max-height:none;margin:0 auto}.jb-viewer img{border-radius:0}
@media(max-width:650px){.jb-viewer header,.jb-viewer footer{padding:8px 10px}.jb-viewer footer{flex-wrap:wrap}}