/* Match the existing site's navy, gold, typography and field treatments. */
body.av-new main{background:#07111c;color:#f2f4f6;color-scheme:dark}
body.av-new .international-bar{background:#07111ce0;border-color:#263646}
body.av-new .language-switch a{color:#aeb9c4}
body.av-new .language-switch a[aria-current=true]{color:#f8dfa2;border-color:#6d5834;background:#d8aa5514}
body.av-new .language-switch>svg{color:#d8aa55}
body.av-new .regional-settings summary{color:#aeb9c4}
body.av-new .regional-panel{background:#0c1926;border-color:#3a4c5a;color:#f2f4f6;box-shadow:0 20px 60px #0008}
body.av-new .regional-panel select{background:#07111c;border-color:#394a59;color:#f2f4f6}
body.av-new .regional-panel small{color:#9caab7}
body.av-new .regional-panel .secondary-action{background:#102331;border-color:#3a4d5e;color:#c3d0da}
body.av-new .site-footer{border-color:#263646;color:#8090a0}
body.av-new .site-footer a{color:#d8aa55}
body.av-new .av-version-toolbar{background:#0c1926;border-color:#263646;color:#aeb9c4}
body.av-new .av-version-toolbar a{color:#f0d79e;border-color:#796642;background:#d8aa550d}
body.av-new .av-version-toolbar a:hover{background:#d8aa5520}
.av-workspace{--av-ink:#f2f4f6;--av-muted:#8fa0b0;--av-line:#344958;--av-gold-color:#d8aa55;--av-silver-color:#9aadb9;--av-copper-color:#c18b6c}
.av-workspace .av-kicker{color:#d8aa55}
.av-workspace .av-heading h1,.av-workspace .av-panel-heading h2{color:#f2f4f6}
.av-workspace .av-heading{padding-bottom:26px;border-bottom:1px solid #263646}
.av-workspace .av-reset{color:#aeb9c4;border-color:#3a4d5e;background:#0b1723;border-radius:3px}
.av-workspace .av-reset:hover{background:#132635}
.av-workspace .av-intro{color:#9aadb9}
.av-workspace .av-live-dot{background:#d8aa55;box-shadow:0 0 8px #d8aa5533}
.av-workspace .av-direction-note{color:#849bad}
.av-workspace .av-panel{background:linear-gradient(150deg,#0e1e2b,#0a1722);border-color:#304655;border-radius:6px}
.av-workspace .av-target{border-color:#79613a;background:linear-gradient(150deg,#12212d,#0b1722)}
.av-workspace .av-panel-heading .av-kicker{color:#8ba1b1}
.av-workspace .av-target .av-panel-heading .av-kicker{color:#d8aa55}
.av-workspace .av-step{color:#354a59}
.av-workspace .av-target .av-step{color:#6b5839}
.av-workspace .av-field-label{color:#8fa0b0}
.av-workspace .av-input-wrap{border-color:#394d5b}
.av-workspace .av-input-wrap>span{color:#9aabb8}
.av-workspace .av-input-wrap input{color:#f2f4f6}
.av-workspace .av-input-wrap:focus-within{border-color:#d8aa55}
.av-workspace .av-input-wrap input:focus-visible{outline-color:#d8aa55!important}
.av-workspace .av-input-wrap input[aria-invalid=true]{color:#ffc0aa;background:#582a2570!important}
.av-workspace .av-presets>span{color:#8fa0b0}
.av-workspace .av-presets button{border-color:#354b5a;color:#9eb0be;background:#0b1723;border-radius:3px}
.av-workspace .av-presets button[aria-pressed=true]{color:#f8dfa2;border-color:#8c703d;background:#d8aa551a}
.av-workspace .av-presets button:hover{border-color:#b5904e;color:#f8dfa2}
.av-workspace .av-mass-mode,.av-workspace .av-mass-mode button{color:#849bad}
.av-workspace .av-mass-mode button{color:#e0bb71}
.av-workspace .av-ingot-caption{color:#a9b7c0}
.av-workspace .av-ingot{filter:drop-shadow(0 12px 9px #0004)}
.av-workspace .av-ingot-top{background:linear-gradient(90deg,#f0d995 0%,#e6cb81 var(--av-gold),#a4b1b9 var(--av-gold),#91a1ac 100%)}
.av-workspace .av-ingot-face{background:linear-gradient(180deg,#ffffff18,#10131b33),linear-gradient(90deg,#bc8c34 0%,#dfbb63 var(--av-gold),#788e9a var(--av-gold),#5b7382 100%);border-top-color:#ffffff66}
.av-workspace .av-ingot-base{color:#1d3341;text-shadow:0 1px #ffffff22}
.av-workspace .av-ingot-legend{color:#9cafbc}
.av-workspace .av-ingot-legend b{color:#e1e8ed}
.av-workspace .av-base-dot{background:#7891a0}
.av-workspace .av-node{background:#122431;border-color:#354c5c;border-radius:4px}
.av-workspace .av-gold-node{background:linear-gradient(140deg,#332b1e,#24241f);border-color:#6d5935}
.av-workspace .av-base-node{background:#142736;border-color:#3d5362}
.av-workspace .av-silver-node{background:#142531;border-color:#3f5665}
.av-workspace .av-copper-node{background:#2b2422;border-color:#655044}
.av-workspace .av-node h3{color:#e3ebef}
.av-workspace .av-gold-node h3{color:#e6c27e}
.av-workspace .av-copper-node h3{color:#e2b495}
.av-workspace .av-small-number .av-input-wrap input{color:#b9c8d1}
.av-workspace .av-tree:before,.av-workspace .av-first-split:before,.av-workspace .av-second-split:before,.av-workspace .av-second-split:after{border-color:#536a79}
.av-workspace .av-panel-foot{color:#8a9eac}
.av-workspace .av-between{color:#d8aa55}
.av-workspace .av-between button{background:#10212e;border-color:#516070;color:#d8aa55;border-radius:4px}
.av-workspace .av-between button:hover{background:#1d2d38;border-color:#a3864c}
.av-workspace .av-recipe-note{color:#96a9b7}
.av-workspace .av-recipe-note strong{color:#c4d0d9}
.av-workspace .av-note-icon{color:#a7bbc7;border-color:#637c8c}
.av-workspace .av-recipe-note button{color:#e0bd78;background:#d8aa5508;border-color:#75613d;border-radius:3px}
.av-workspace .av-result{background:linear-gradient(120deg,#142736,#0d1d2b);border-color:#405766;border-radius:6px}
.av-workspace .av-result-title .av-kicker{color:#d8aa55}
.av-workspace .av-result-title h2{color:#f2f4f6}
.av-workspace .av-result-badge{color:#b3c2cd;border-color:#405766}
.av-workspace .av-addition>span{color:#aebfcb}
.av-workspace .av-addition strong{color:#e8bd68}
.av-workspace .av-result-bottom{border-color:#344d5d}
.av-workspace .av-result-bottom p{color:#a3b5c2}
.av-workspace .av-error{color:#f4c29b;background:#5c3c202e;border:1px solid #775634;border-radius:4px}
.av-workspace .av-explanation{color:#9bafbd}
.av-workspace button:focus-visible{outline-color:#d8aa55}
.av-workspace .av-addition .av-addition-value{display:flex;align-items:baseline;gap:5px;font-size:clamp(19px,2.2vw,28px);font-weight:500;letter-spacing:-.04em;color:#e8bd68;margin-top:7px;max-width:260px;border-bottom:1px solid #536071;padding-bottom:5px}
.av-workspace .av-addition-value input{appearance:textfield;-moz-appearance:textfield;min-width:0;width:100%;border:0;border-radius:0;background:transparent;font:inherit;color:#e8bd68;padding:2px 0;outline-offset:4px}
.av-workspace .av-addition-value input::-webkit-inner-spin-button,.av-workspace .av-addition-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.av-workspace .av-addition-value input:focus-visible{outline:2px solid #d8aa55}
.av-workspace .av-addition-value input[aria-invalid=true]{color:#ffc0aa}
.av-workspace .av-addition-value>span[data-unit]{font-size:14px;color:#aebfcb;letter-spacing:0}
.av-workspace .av-addition-help{font-size:10px;line-height:1.6;color:#8fa6b6;margin:14px 0 0}
@media(max-width:640px){.av-workspace .av-addition .av-addition-value{font-size:20px;gap:3px}.av-workspace .av-addition-value>span[data-unit]{font-size:11px}.av-workspace .av-addition-help{font-size:11px}}
@media(max-width:359px){.av-workspace .av-addition .av-addition-value{font-size:17px;gap:2px}}
/* Keep the comparison prominent; explanations stay in the existing disclosure. */
.av-workspace .av-heading .av-kicker,.av-workspace .av-heading>div>p:last-child,.av-workspace .av-intro,.av-workspace .av-step,.av-workspace .av-panel-heading .av-kicker,.av-workspace .av-panel-foot,.av-workspace .av-addition-help{display:none}
.av-workspace .av-heading{margin-bottom:18px;padding-bottom:18px}
.av-workspace .av-heading h1{margin-bottom:0}
.av-workspace .av-direction-note{margin:0 0 17px;font-size:12px}
.av-workspace .av-panel-heading{margin-bottom:17px}
.av-workspace .av-panel-heading h2{font-size:27px}
.av-workspace .av-options{margin:9px 0 0;color:#9aadb9;font-size:10px}
.av-workspace .av-options summary{cursor:pointer;min-height:28px;display:flex;align-items:center;gap:6px;list-style:none}
.av-workspace .av-options summary:before{content:'+';color:#d8aa55}
.av-workspace .av-options[open] summary:before{content:'−'}
.av-workspace .av-options .av-presets{margin:3px 0 9px}
.av-workspace:not(.av-reverse) #av-source-mode{visibility:hidden;height:28px;margin:7px 0 1px}
.av-workspace .av-node>.av-number:not(.av-small-number)>.av-field-label{display:none}
.av-workspace .av-ingot-block{padding-top:5px;padding-bottom:17px}
.av-workspace .av-recipe-note{font-size:11px;margin:16px 0}
.av-workspace .av-result{margin-top:16px;padding-top:19px;padding-bottom:19px}
.av-workspace .av-result-title{margin-bottom:16px}
.av-workspace .av-result-title .av-kicker{display:none}
.av-workspace .av-between{padding-top:150px}
@media(max-width:860px){.av-workspace .av-between{padding-top:12px}.av-workspace .av-heading h1{font-size:36px}.av-workspace .av-panel-heading h2{font-size:25px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:640px){
  body.av-new .app-shell{grid-template-columns:1fr}
  body.av-new .sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:54px;width:100%;z-index:20;border-right:0;border-top:1px solid #3a4d5e;background:#0b1925f5}
  body.av-new .sidebar .brand,body.av-new .sidebar .sidebar-foot{display:none}
  body.av-new .sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);padding:0;height:54px;overflow:visible}
  body.av-new .sidebar nav a{display:flex;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:7px 12px;border-left:0;border-top:2px solid transparent;font-size:11px}
  body.av-new .sidebar nav a.active{border-top-color:#d8aa55}
  body.av-new .sidebar nav a:nth-child(n+6){display:none}
  body.av-new .sidebar nav a svg{width:20px;height:20px}
  body.av-new main{padding-bottom:62px}
  body.av-new .av-workspace{padding:18px 16px 24px!important}
  body.av-new .international-bar{padding:8px 16px}
  .av-workspace .av-layout{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);max-width:none}
  .av-workspace .av-between{padding-top:145px}
  .av-workspace .av-between button{flex-direction:column;padding:7px 2px;gap:4px;min-width:40px}
  .av-workspace .av-between button svg{transform:none}
  .av-workspace .av-between button.av-reversed svg{transform:rotate(180deg)}
  .av-workspace .av-between button>span{font-size:7px}
  .av-workspace .av-panel{padding:16px 13px}
  .av-workspace .av-panel-heading h2{font-size:25px}
  .av-workspace .av-main-fields{gap:7px}
  .av-workspace .av-main-fields .av-input-wrap input{font-size:20px}
  .av-workspace .av-main-fields .av-input-wrap>span{font-size:10px}
  .av-workspace .av-field-label,.av-workspace .av-node .av-field-label{font-size:10px}
  .av-workspace .av-base-branch{display:contents}
  .av-workspace .av-second-split{grid-column:1/-1;gap:10px}
  .av-workspace .av-second-split:before{left:75%}
  .av-workspace .av-second-split:after{left:calc(25% - 2px);right:calc(25% - 2px)}
  .av-workspace .av-second-split .av-node{padding:10px}
  .av-workspace .av-second-split .av-input-wrap input{font-size:18px}
  .av-workspace .av-second-split .av-small-number .av-input-wrap input{font-size:16px}
  .av-workspace .av-node h3{font-size:12px}
  .av-workspace .av-node h3>span{display:block}
  .av-workspace .av-heading{padding-bottom:13px;margin-bottom:12px}
  .av-workspace .av-heading h1{font-size:34px}
  .av-workspace .av-direction-note{margin-bottom:12px}
}
@media(orientation:landscape) and (max-height:600px) and (min-width:640px){
  body.av-new .av-version-toolbar{min-height:34px;padding:5px 16px;font-size:10px}
  body.av-new .av-version-toolbar a{padding:4px 10px;font-size:10px}
  body.av-new .international-bar{padding:5px 16px}
  body.av-new .language-switch a{min-height:28px;padding:5px 9px;font-size:11px}
  body.av-new .regional-settings summary{padding:5px;font-size:10px}
  body.av-new .av-workspace{padding-top:12px!important}
  .av-workspace .av-heading{display:block;position:relative;height:0;padding:0!important;margin:0!important;border:0}
  .av-workspace .av-heading>div{display:none}
  .av-workspace .av-heading .av-reset{position:absolute;right:0;top:-2px;z-index:2;font-size:15px;padding:4px 8px;min-height:25px}
  .av-workspace .av-heading .av-reset span{display:none}
  .av-workspace .av-direction-note{font-size:11px;margin-bottom:10px}
  .av-workspace .av-panel{padding-top:12px}
  .av-workspace .av-panel-heading{margin-bottom:10px}
  .av-workspace .av-panel-heading h2{font-size:24px}
  .av-workspace .av-options{display:none}
  .av-workspace .av-mass-mode,.av-workspace:not(.av-reverse) #av-source-mode{height:16px;min-height:16px;margin:3px 0;font-size:9px;line-height:1.3}
  .av-workspace .av-mass-mode button{font-size:9px}
  .av-workspace .av-ingot-block{padding-top:2px}
  .av-workspace .av-ingot-caption{margin-bottom:7px;font-size:10px}
  .av-workspace .av-ingot{height:74px}
  .av-workspace .av-ingot-top{height:24px}
  .av-workspace .av-ingot-face{height:46px}
  .av-workspace .av-ingot-au{top:12px}
  .av-workspace .av-ingot-base{top:14px}
  .av-workspace .av-ingot-legend{margin-top:8px}
  .av-workspace .av-between{padding-top:112px}
}