/* ============================================================
   ClickSambo — Circuit Breaker page (/circuit-breaker, /tr/devre-kesici, /pt-br/disjuntor)
   Scoped to <main class="cbPage cbEn|cbTr|cbPt">: header, footer and other pages are untouched.
   Every rule is prefixed with .cbPage and every class carries the cb prefix, so the site-wide
   classes in layout.css cannot collide. Each language has its own approved design: rules that
   differ between them are scoped with .cbPage:where(.cbEn,...) — :where() adds no specificity, so
   each language keeps the exact cascade of its own design.
   ============================================================ */
.cbPage{--font-brand:"Nunito",-apple-system,"Segoe UI",Roboto,sans-serif; --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --navy:#1C2841; --ink:#0F1420; --orange:#F94C10; --orange-bright:#FF3800; --orange-d:#D93D08; --orange-soft:rgba(249,76,16,.1); --green:#22B573; --green-d:#17835A; --green-soft:#E9F7F0; --cream:#FFF1E9; --cream-2:#FDF6F1; --white:#fff; --line:#ECECF3; --line-2:#F0E2D8; --muted:#51607A; --muted-2:#7C8AA3; --wrap:1120px; --r:20px; --r-sm:12px; --shadow:0 12px 40px rgba(28,40,65,.06); --shadow-lg:0 18px 50px rgba(28,40,65,.09)}
.cbPage *{box-sizing:border-box}
.cbPage:where(.cbEn,.cbTr){margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:15.5px; line-height:1.7; -webkit-font-smoothing:antialiased}
.cbPage:where(.cbPt){margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
/* layout.css sets `*{font-family:Mulish}` and `b,strong{font-weight:700}`;
   restore the browser defaults the design relies on. */
.cbPage *{font-family:inherit}
.cbPage b,.cbPage strong{font-weight:bolder}
.cbPage .cbWrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
.cbPage h1,.cbPage h2,.cbPage h3{margin:0; font-weight:800; letter-spacing:-.015em; color:var(--navy)}
.cbPage h1{font-size:clamp(32px,4.2vw,48px); line-height:1.15}
.cbPage h2{font-size:clamp(26px,3vw,36px); line-height:1.2}
.cbPage h3{font-size:clamp(19px,1.6vw,21px); line-height:1.25; font-weight:800}
.cbPage p{margin:0 0 1rem}
.cbPage a{color:inherit}
.cbPage .cbMono{font-family:var(--font-mono)}
.cbPage:where(.cbEn,.cbTr) .cbBtn{display:inline-flex; align-items:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:700; padding:14px 26px; border-radius:10px; font-size:1rem; transition:background .15s ease, transform .15s ease, box-shadow .2s ease}
.cbPage:where(.cbPt) .cbBtn{display:inline-flex; align-items:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:800; padding:14px 26px; border-radius:10px; font-size:16px; transition:background .15s ease, transform .15s ease, box-shadow .2s ease}
.cbPage .cbBtn:hover{background:var(--orange-d); transform:translateY(-1px)}
.cbPage .cbBtn svg{width:17px;height:17px;flex:none}
.cbPage .cbBtn.cbGhost{background:transparent; border:1.6px solid var(--navy); color:var(--navy)}
.cbPage .cbBtn.cbGhost:hover{background:var(--navy); color:#fff}
.cbPage .cbHero{position:relative; overflow:hidden; padding:74px 0 84px; background: radial-gradient(760px 420px at 85% 0%, rgba(249,76,16,.09), transparent 62%), radial-gradient(620px 380px at 0% 100%, rgba(34,181,115,.08), transparent 60%), var(--cream)}
.cbPage .cbHero .cbCols{display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center}
.cbPage:where(.cbEn,.cbTr) .cbHero p.cbLead{color:var(--muted); font-size:17px; line-height:1.7; margin-top:20px; max-width:52ch}
.cbPage:where(.cbPt) .cbHero p.cbLead{color:var(--muted); font-size:18px; font-weight:400; line-height:1.7; margin-top:20px; max-width:52ch}
.cbPage .cbHero .cbActs{display:flex; gap:14px; margin-top:28px; flex-wrap:wrap}
.cbPage .cbFlow{display:flex; gap:10px; margin-top:30px; flex-wrap:wrap; font-size:.92rem; color:var(--muted); align-items:center}
.cbPage .cbFlow b{color:var(--navy); font-weight:800}
.cbPage .cbFlow i{color:#C3B2A7; font-style:normal}
.cbPage .cbTrust{display:flex; align-items:center; gap:10px; margin-top:22px; font-size:.88rem; color:var(--muted)}
.cbPage .cbTrust svg{width:18px;height:18px;color:var(--green-d);flex:none}
@media(max-width:940px){
  .cbPage .cbHero .cbCols{grid-template-columns:1fr; gap:40px}
}
.cbPage .cbSim{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:24px; box-shadow:var(--shadow-lg)}
.cbPage .cbSimHead{display:flex; justify-content:space-between; align-items:center; font-size:.83rem; color:var(--muted-2); margin-bottom:16px}
.cbPage .cbSimHead .cbDot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block;margin-right:7px;vertical-align:1px}
.cbPage .cbKw{background:var(--cream); border-radius:var(--r-sm); padding:18px}
.cbPage .cbKwTop{display:flex; justify-content:space-between; align-items:center; gap:12px}
.cbPage .cbKwName{font-weight:800; font-size:1rem}
.cbPage:where(.cbEn,.cbTr) .cbState{font-size:11px; font-weight:800; letter-spacing:.06em; padding:5px 11px; border-radius:6px; background:var(--green-soft); color:var(--green-d); white-space:nowrap; transition:background .25s ease, color .25s ease}
.cbPage:where(.cbPt) .cbState{font-size:12px; font-weight:800; letter-spacing:.06em; padding:5px 11px; border-radius:6px; background:var(--green-soft); color:var(--green-d); white-space:nowrap; transition:background .25s ease, color .25s ease}
.cbPage .cbState.cbWarn{background:#FFF0D6; color:#9A6100}
.cbPage .cbState.cbHot{background:#FFE3D7; color:#C94810}
.cbPage .cbState.cbPaused{background:#FFD9CB; color:#B3380A}
.cbPage .cbMeter{display:flex; gap:6px; margin:18px 0 8px}
.cbPage .cbCell{height:9px; flex:1; border-radius:3px; background:#EFDCD1; transition:background .3s ease}
.cbPage .cbCell.cbS1,.cbPage .cbCell.cbS5{background:var(--green)}
.cbPage .cbCell.cbS2{background:#F5A524}
.cbPage .cbCell.cbS3{background:#FF7A47}
.cbPage .cbCell.cbS4{background:var(--orange)}
.cbPage .cbStages{display:flex; gap:6px; margin-bottom:14px}
.cbPage .cbStages span{flex:1; font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#C0B2A8; text-align:center; transition:color .3s ease}
.cbPage .cbStages span.cbOn{color:var(--muted)}
.cbPage .cbStages span.cbOn:last-child{color:var(--green-d)}
.cbPage .cbKwMeta{display:flex; justify-content:space-between; font-size:.85rem; color:var(--muted)}
.cbPage:where(.cbEn,.cbTr) .cbKwMeta .cbNum{color:var(--navy); font-weight:800}
.cbPage:where(.cbPt) .cbKwMeta .cbNum{color:var(--navy); font-weight:800; font-size:20px; font-variant-numeric:tabular-nums}
.cbPage .cbSimLog{margin-top:16px; min-height:140px; font-size:.85rem; line-height:1.8; color:var(--muted)}
.cbPage .cbSimLog div{opacity:0; transform:translateY(4px); transition:opacity .3s, transform .3s}
.cbPage .cbSimLog div.cbOn{opacity:1; transform:none}
.cbPage .cbSimLog div.cbC1{color:var(--green-d)}
.cbPage .cbSimLog div.cbC2{color:#9A6100}
.cbPage .cbSimLog div.cbC3{color:#E0560F}
.cbPage .cbSimLog div.cbC4{color:#C94810}
.cbPage .cbSimLog div.cbC5{color:var(--green-d); font-weight:800}
.cbPage .cbReplay{margin-top:8px; background:none; border:1.4px solid var(--line-2); color:var(--muted); border-radius:8px; padding:8px 15px; font:inherit; font-size:.82rem; font-weight:600; cursor:pointer}
.cbPage .cbReplay:hover{color:var(--navy); border-color:var(--navy)}
.cbPage section{padding:84px 0}
/* Design: 86px under its 74px sticky nav (12px gap); the site header is fixed at 100px, same gap. */
.cbPage section[id]{scroll-margin-top:112px}
.cbPage section.cbAlt{background:var(--white)}
.cbPage .cbHead{max-width:66ch; margin-bottom:40px}
.cbPage:where(.cbEn,.cbTr) .cbHead p{color:var(--muted); margin-top:12px; font-size:15.5px; line-height:1.7}
.cbPage:where(.cbPt) .cbHead p{color:var(--muted); margin-top:12px; font-size:16px; line-height:1.7}
.cbPage .cbGrid3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.cbPage .cbGrid2{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.cbPage .cbGrid4{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
@media(max-width:900px){
  .cbPage .cbGrid3,.cbPage .cbGrid2,.cbPage .cbGrid4{grid-template-columns:1fr}
}
.cbPage .cbCard{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:30px; box-shadow:var(--shadow)}
.cbPage .cbAlt .cbCard{background:var(--cream-2); box-shadow:none; border-color:var(--line-2)}
.cbPage .cbCard h3{margin-bottom:8px}
.cbPage:where(.cbEn,.cbTr) .cbCard p{color:var(--muted); font-size:15.5px; line-height:1.7; margin:0}
.cbPage:where(.cbPt) .cbCard p{color:var(--muted); font-size:16px; line-height:1.7; margin:0}
.cbPage .cbChip{width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:var(--cream); color:var(--orange-bright); margin-bottom:18px}
.cbPage .cbAlt .cbChip{background:var(--cream)}
.cbPage .cbChip svg{width:27px;height:27px}
.cbPage .cbChip.cbN{background:#EDF0F6; color:var(--navy)}
.cbPage .cbChip.cbG{background:var(--green-soft); color:var(--green-d)}
.cbPage .cbFigure{margin:0; background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:30px 28px 22px; overflow:hidden; box-shadow:var(--shadow)}
.cbPage .cbAlt .cbFigure{background:var(--cream-2); border-color:var(--line-2); box-shadow:none}
.cbPage .cbFigure svg{display:block; width:100%; height:auto}
.cbPage .cbFigure figcaption{margin-top:18px; font-size:.9rem; color:var(--muted); text-align:center}
.cbPage .cbSteps{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
@media(max-width:900px){
  .cbPage .cbSteps{grid-template-columns:1fr}
}
.cbPage .cbStep{background:var(--cream); border:1px solid var(--line-2); border-radius:var(--r); padding:26px}
.cbPage:where(.cbEn,.cbTr) .cbStep .cbN{font-weight:800; font-size:11.5px; letter-spacing:.14em; color:var(--orange); display:block; margin-bottom:14px}
.cbPage:where(.cbPt) .cbStep .cbN{font-weight:800; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); display:block; margin-bottom:14px}
.cbPage .cbStep .cbChip{width:46px; height:46px; margin-bottom:14px}
.cbPage .cbStep .cbChip svg{width:22px;height:22px}
.cbPage .cbStep:last-child .cbN{color:var(--green-d)}
.cbPage .cbStep h3{margin-bottom:8px}
.cbPage .cbStep p{color:var(--muted); font-size:15px; line-height:1.7; margin:0}
.cbPage .cbBrk{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:30px; margin-bottom:18px; box-shadow:var(--shadow)}
.cbPage .cbBrkTop{display:grid; grid-template-columns:1fr 1.1fr; gap:30px; align-items:center}
@media(max-width:900px){
  .cbPage .cbBrkTop{grid-template-columns:1fr; gap:22px}
}
.cbPage .cbBrkTitle{display:flex; gap:18px; align-items:flex-start}
.cbPage:where(.cbPt) .cbBrkTitle h3{font-size:17px}
.cbPage .cbBrkTitle .cbChip{margin-bottom:0; flex:none; width:52px; height:52px}
.cbPage .cbBrkTitle .cbChip svg{width:24px;height:24px}
.cbPage:where(.cbEn,.cbTr) .cbBrk p{color:var(--muted); font-size:15.5px; line-height:1.7; margin:6px 0 0}
.cbPage:where(.cbPt) .cbBrk p{color:var(--muted); font-size:16px; line-height:1.7; margin:6px 0 0}
.cbPage .cbChain{display:flex; align-items:stretch; gap:10px; flex-wrap:wrap}
.cbPage .cbPill{background:var(--cream); border-radius:12px; padding:13px 16px; font-size:.87rem; font-weight:800; flex:1; min-width:150px}
.cbPage .cbPill small{display:block; font-weight:400; color:var(--muted); font-size:.82rem; margin-top:2px}
.cbPage .cbArrow{color:#D3C2B7; font-weight:800; align-self:center}
.cbPage .cbPill.cbAuto{background:var(--green-soft); color:var(--green-d)}
.cbPage .cbPill.cbAuto small{color:var(--green-d); opacity:.85}
.cbPage .cbExtra{margin-top:20px; font-size:.88rem; color:var(--muted); border-top:1px solid var(--line); padding-top:16px}
.cbPage .cbConfig{background:var(--navy); border-radius:var(--r); padding:30px 32px; margin-top:8px; display:flex; gap:22px; align-items:flex-start}
.cbPage .cbConfig .cbChip{background:rgba(255,255,255,.1); color:#FFB999; margin:0; flex:none}
.cbPage .cbConfig h3{color:#fff; margin-bottom:6px}
.cbPage:where(.cbEn,.cbTr) .cbConfig p{color:#D3DCEB; margin:0; font-size:15.5px; line-height:1.7}
.cbPage:where(.cbPt) .cbConfig p{color:#D3DCEB; margin:0; font-size:16px; line-height:1.7}
@media(max-width:700px){
  .cbPage .cbConfig{flex-direction:column}
}
.cbPage .cbEntry{background:var(--white); border:1px solid var(--line); border-left:3px solid var(--orange); border-radius:var(--r-sm); padding:22px 24px; margin-bottom:14px; box-shadow:var(--shadow)}
.cbPage .cbEntry.cbDone{border-left-color:var(--green)}
.cbPage .cbEntry.cbOpen{border-left-color:var(--orange)}
.cbPage .cbBadgeGroup{display:flex; gap:8px; margin-left:auto}
.cbPage .cbEntryTop{display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:.85rem; color:var(--muted-2)}
.cbPage .cbBadge{background:var(--navy); color:#fff; border-radius:6px; padding:3px 10px; font-size:.72rem; font-weight:800}
.cbPage .cbBadge.cbStop{background:#FFD9CB; color:#B3380A}
.cbPage .cbBadge.cbRev{background:var(--green-soft); color:var(--green-d)}
.cbPage .cbEntry h3{margin:10px 0 6px}
.cbPage .cbEntry .cbFacts{font-size:.9rem; color:var(--muted); margin-bottom:14px}
.cbPage .cbApi{background:var(--ink); border-radius:8px; padding:14px 16px; font-size:.83rem; line-height:1.7; color:#D8E0EE; overflow-x:auto; white-space:nowrap}
.cbPage .cbApi b{color:#7FB2F0; font-weight:500}
.cbPage .cbEntry .cbRes{font-size:14px; color:var(--green-d); margin-top:12px; font-weight:600}
.cbPage .cbEntry .cbRes .cbWait{color:var(--orange-d)}
.cbPage .cbEntry .cbRes span{display:block}
.cbPage .cbRail{background:var(--cream); border:1px solid var(--line-2); border-radius:var(--r); padding:26px}
.cbPage:where(.cbEn,.cbTr) .cbRail .cbBig{font-size:1.9rem; font-weight:800; color:var(--orange); line-height:1.1}
.cbPage:where(.cbEn,.cbTr) .cbRail h3{font-size:1rem; margin:10px 0 4px}
.cbPage:where(.cbPt) .cbRail .cbBig{font-size:clamp(32px,2.6vw,45px); font-weight:800; color:var(--orange); line-height:1.1; font-variant-numeric:tabular-nums}
.cbPage:where(.cbPt) .cbRail h3{font-size:14.5px; font-weight:700; margin:10px 0 4px}
.cbPage .cbRail p{color:var(--muted); font-size:.92rem; margin:0}
.cbPage .cbGuards{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px}
@media(max-width:900px){
  .cbPage .cbGuards{grid-template-columns:1fr}
}
.cbPage .cbGuard{background:var(--green-soft); border-radius:var(--r); padding:26px}
.cbPage:where(.cbEn,.cbTr) .cbGuard h3{color:var(--green-d); font-size:1.02rem; margin-bottom:8px; display:flex; gap:10px; align-items:center}
.cbPage:where(.cbPt) .cbGuard h3{color:var(--green-d); font-size:16px; margin-bottom:8px; display:flex; gap:10px; align-items:center}
.cbPage .cbGuard h3 svg{width:20px;height:20px;flex:none}
.cbPage:where(.cbEn,.cbTr) .cbGuard p{color:#3F6B58; font-size:.93rem; margin:0}
.cbPage:where(.cbPt) .cbGuard p{color:#3F6B58; font-size:14px; margin:0}
.cbPage .cbClosing{margin-top:30px; font-size:1.2rem; font-weight:800; color:var(--navy)}
.cbPage .cbNote{background:var(--cream); border:1px solid var(--line-2); border-radius:var(--r); padding:30px; display:flex; gap:22px; align-items:flex-start}
.cbPage .cbNote .cbChip{margin:0; flex:none; background:#fff}
.cbPage .cbNote h3{color:var(--orange-d); margin-bottom:8px}
.cbPage .cbNote p{color:var(--muted); margin:0}
@media(max-width:700px){
  .cbPage .cbNote{flex-direction:column}
}
.cbPage .cbPrice{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:34px; box-shadow:var(--shadow)}
.cbPage .cbPrice .cbAmt{font-size:3rem; font-weight:800; color:var(--orange); line-height:1}
.cbPage .cbPrice.cbB .cbAmt{color:var(--green-d)}
.cbPage .cbPrice .cbAmt small{font-size:1rem; font-weight:700; color:var(--muted-2); margin-left:6px}
.cbPage .cbPrice h3{font-size:1rem; margin-bottom:14px; color:var(--muted)}
.cbPage .cbPrice p{color:var(--muted); font-size:.93rem; margin:14px 0 0}
.cbPage .cbBoth{margin-top:24px; background:var(--cream); border:1px solid var(--line-2); border-radius:var(--r); padding:26px 30px}
.cbPage:where(.cbEn,.cbTr) .cbBoth strong{display:block; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:16px}
.cbPage:where(.cbPt) .cbBoth strong{display:block; font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:16px}
.cbPage .cbIncl{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,1fr); gap:12px 24px}
@media(max-width:900px){
  .cbPage .cbIncl{grid-template-columns:1fr}
}
.cbPage .cbIncl li{color:var(--navy); font-size:.95rem; display:flex; gap:10px; align-items:flex-start; font-weight:600}
.cbPage .cbIncl li svg{width:18px;height:18px;flex:none;color:var(--green-d);margin-top:4px}
.cbPage details{background:var(--white); border:1px solid var(--line); border-radius:var(--r-sm); padding:20px 24px; margin-bottom:12px; box-shadow:var(--shadow)}
.cbPage details[open]{border-color:var(--line-2)}
.cbPage summary{font-weight:800; cursor:pointer; list-style:none; font-size:17px}
.cbPage summary::-webkit-details-marker{display:none}
.cbPage summary::after{content:"+"; float:right; color:var(--orange); font-weight:800}
.cbPage details[open] summary::after{content:"–"}
.cbPage details p{margin:12px 0 0; color:var(--muted); font-size:15.5px; line-height:1.7}
.cbPage .cbCtaBand{background:var(--navy); border-radius:var(--r); padding:0; overflow:hidden}
.cbPage .cbCtaBand .cbInner{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; padding:52px 48px}
.cbPage .cbCtaBand h2{color:#fff; max-width:22ch}
.cbPage .cbCtaBand .cbLead{color:#B9C2D2; margin-top:14px; max-width:50ch; font-size:16px; line-height:1.7}
.cbPage .cbContacts{display:grid; gap:12px; margin-top:26px}
.cbPage .cbContacts a{display:inline-flex; align-items:center; gap:12px; color:#fff; text-decoration:none; font-weight:800; width:fit-content}
.cbPage .cbContacts a:hover .cbIc{background:rgba(255,255,255,.16)}
.cbPage .cbContacts a .cbIc{width:40px; height:40px; border-radius:11px; background:rgba(255,255,255,.08); display:grid; place-items:center; flex:none; transition:background .15s ease}
.cbPage .cbContacts a small{display:block; font-weight:600; color:#9fb0c9; font-size:.8rem; font-family:var(--font-mono)}
.cbPage .cbForm{background:var(--white); border-radius:var(--r); padding:30px; box-shadow:var(--shadow-lg)}
.cbPage .cbForm h3{font-size:1.15rem}
.cbPage .cbForm .cbSub{color:var(--muted); font-size:.92rem; margin:6px 0 20px; line-height:1.6}
.cbPage .cbField{margin-bottom:15px}
.cbPage .cbField label{display:block; font-size:.85rem; font-weight:800; margin-bottom:7px}
.cbPage .cbField input,.cbPage .cbField textarea{width:100%; font:inherit; font-size:.98rem; color:var(--navy); background:var(--cream-2); border:1.6px solid var(--line-2); border-radius:10px; padding:12px 14px}
.cbPage .cbField input:focus,.cbPage .cbField textarea:focus{outline:none; border-color:var(--orange); background:#fff}
.cbPage .cbField textarea{resize:vertical; min-height:84px}
.cbPage .cbForm .cbHint{font-size:.8rem; color:var(--muted-2); text-align:center; margin:12px 0 0; line-height:1.6}
.cbPage .cbBtn.cbWa{background:#25D366; color:#0a2e17}
.cbPage .cbBtn.cbWa:hover{background:#1fbe5b}
.cbPage .cbBtn.cbBlock{width:100%; justify-content:center}
@media(max-width:900px){.cbPage .cbCtaBand .cbInner{grid-template-columns:1fr; gap:32px; padding:36px 24px}}
.cbPage :focus-visible{outline:2px solid var(--orange); outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .cbPage *{transition:none !important; animation:none !important}
}
.cbPage:where(.cbPt) .cbCrumbs{background:var(--cream); border-top:1px solid var(--line-2)}
.cbPage:where(.cbPt) .cbCrumbs .cbWrap{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 24px; flex-wrap:wrap}
.cbPage:where(.cbPt) .cbCrumbs ol{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; font-size:.84rem; font-weight:700; color:var(--muted-2)}
.cbPage:where(.cbPt) .cbCrumbs li+li::before{content:"\203A"; margin-right:8px; color:#C9B4A5}
.cbPage:where(.cbPt) .cbCrumbs a{text-decoration:none; color:inherit; transition:color .15s ease}
.cbPage:where(.cbPt) .cbCrumbs a:hover{color:var(--orange)}
.cbPage:where(.cbPt) .cbCrumbs [aria-current]{color:var(--navy)}
.cbPage:where(.cbPt) .cbCrumbs .cbUpdated{margin:0; font-size:.82rem; color:var(--muted-2); font-weight:600}
.cbPage:where(.cbPt) .cbHead p,.cbPage:where(.cbPt) .cbCard p,.cbPage:where(.cbPt) .cbStep p,.cbPage:where(.cbPt) .cbBrk p,.cbPage:where(.cbPt) .cbConfig p,.cbPage:where(.cbPt) .cbNote p,.cbPage:where(.cbPt) .cbRail p,.cbPage:where(.cbPt) .cbGuard p,.cbPage:where(.cbPt) .cbPrice p,.cbPage:where(.cbPt) details p,.cbPage:where(.cbPt) .cbExtra,.cbPage:where(.cbPt) .cbEntry .cbFacts,.cbPage:where(.cbPt) .cbEntry .cbRes,.cbPage:where(.cbPt) .cbIncl li,.cbPage:where(.cbPt) .cbNoteSmall,.cbPage:where(.cbPt) .cbFigure figcaption,.cbPage:where(.cbPt) .cbHero p.cbLead,.cbPage:where(.cbPt) .cbClosing,.cbPage:where(.cbPt) .cbTrust,.cbPage:where(.cbPt) .cbFlow{font-size:16px; line-height:1.7}
.cbPage:where(.cbPt) .cbNoteSmall{color:var(--muted-2); margin-top:18px}
.cbPage:where(.cbPt) .cbFigure svg.cbOnlySm{display:none}
.cbPage:where(.cbPt) .cbFigure svg .cbDSm{display:none}
@media(max-width:700px){
  .cbPage:where(.cbPt) .cbApi{white-space:pre-wrap; overflow-x:visible; overflow-wrap:anywhere; word-break:break-word; font-size:12.5px; line-height:1.65}
  .cbPage:where(.cbPt) .cbChart{padding:20px 10px 16px}
  .cbPage:where(.cbPt) .cbFigure svg.cbOnlyLg{display:none}
  .cbPage:where(.cbPt) .cbFigure svg.cbOnlySm{display:block}
  .cbPage:where(.cbPt) .cbFigure svg .cbDLg{display:none}
  .cbPage:where(.cbPt) .cbFigure svg .cbDSm{display:block}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="10.5"],.cbPage:where(.cbPt) .cbChart svg text[font-size="11"]{font-size:17px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="11.5"]{font-size:17.5px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="12"],.cbPage:where(.cbPt) .cbChart svg text[font-size="12.5"]{font-size:18px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="13"],.cbPage:where(.cbPt) .cbChart svg text[font-size="13.5"]{font-size:19px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="14"]{font-size:20px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="15"]{font-size:21px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="16"]{font-size:22px}
  .cbPage:where(.cbPt) .cbChart svg text[font-size="17"]{font-size:23px}
}
.cbPage:where(.cbEn,.cbPt) .cbSimHead{flex-wrap:wrap; gap:8px}
.cbPage:where(.cbEn,.cbPt) .cbSimHead .cbRight{display:flex; align-items:center; gap:10px}
.cbPage:where(.cbEn,.cbPt) .cbGapi{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:800; color:var(--muted); background:var(--cream); border:1px solid var(--line-2); border-radius:999px; padding:3px 10px; white-space:nowrap}
.cbPage:where(.cbEn,.cbPt) .cbGapi svg{width:13px; height:13px; flex:none}
