/* A visible identity and source-backed visual guides, on a calm reading page. */
.ed-header .ed-brand{gap:11px}
.ed-header .ed-brand img.ed-brand-symbol{width:29px;height:29px;flex:none;border-radius:2px}
.ed-header .ed-brand img.ed-brand-type{width:198px;height:auto}
.ed-header .primary-nav a{min-width:44px;justify-content:center}
.ed-footer-name{display:inline-flex;align-items:center;gap:12px}
.ed-footer .ed-footer-name img.ed-brand-symbol{width:34px;height:34px;flex:none;border-radius:2px}
.ed-footer .ed-footer-name img.ed-brand-type{width:228px;height:auto}
.ed-article .ed-opener-pic .ed-pic-frame{position:relative;box-shadow:0 0 0 1px #6c969129}
.ed-article .ed-opener-pic .ed-pic-frame::after{content:'';position:absolute;inset:10px;pointer-events:none;border:1px solid #e9f7ed30;clip-path:polygon(0 0,20px 0,20px 1px,1px 1px,1px 20px,0 20px,0 0,100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 20px),100% calc(100% - 20px),100% 100%)}
.ed-article .ed-tools{padding-top:2px}

.ed-figure-heading{border-top:2px solid #40818b;padding-top:16px;margin-bottom:18px}
.ed-figure .ed-figure-kicker{font:600 10px/1.5 var(--ed-sans)!important;text-transform:uppercase;letter-spacing:.12em;color:#477278;margin:0 0 8px}
.ed-prose .ed-figure-title{font:400 25px/1.25 var(--ed-display)!important;color:var(--ed-ink);margin:0;letter-spacing:-.015em}
.ed-figure .ed-steps{background:#f5f3ec;margin-bottom:0;padding-bottom:14px}
.ed-figure.is-stepping .ed-steps{top:78px;padding-block:12px 14px;box-shadow:0 1px 0 #8ca59e}
.ed-figure-console{display:flex;flex-direction:column;gap:8px;margin-bottom:13px}
.ed-figure-console[hidden],.ed-figure-transport[hidden]{display:none}
.ed-figure-transport{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ed-figure-transport button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:1px solid #a7bcb4;background:#f8faf4;color:#193d45;border-radius:3px;padding:0 12px;font:500 12px/1.4 var(--ed-sans);cursor:pointer}
.ed-figure-transport [data-figure-prev],.ed-figure-transport [data-figure-next]{width:44px;padding:0}
.ed-figure-transport [data-figure-play]{min-width:164px}
.ed-figure-transport button:hover:not(:disabled){border-color:#3c858c;background:#e5f0e9}
.ed-figure-transport button[aria-pressed=true]{background:#163640;color:#e7f5e9;border-color:#163640}
.ed-figure-transport button:disabled{color:#75857f;border-color:#d0d9ce;background:transparent;cursor:default}
.ed-figure-transport button:focus-visible{outline:2px solid #2d8794;outline-offset:3px}
.ed-figure-transport svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.ed-figure-transport .figure-play-icon{fill:currentColor;stroke:none}
.ed-figure-transport [aria-pressed=true] .figure-play-icon,.ed-figure-transport [aria-pressed=false] .figure-pause-icon{display:none}
.ed-figure-position{margin-left:auto;font:500 11px/1.5 var(--ed-sans);font-variant-numeric:tabular-nums;color:#4d6d68;white-space:nowrap}
.ed-prose .ed-figure-hint{font:400 11px/1.5 var(--ed-sans);color:#687a70;margin:0}
.ed-figure .ed-step{border-color:#c2cfc2;background:#edf1e8;color:#36544f;font-weight:500}
.ed-figure .ed-step[aria-pressed=true]{background:#173b44;border-color:#173b44;color:#edf6ed}
.ed-figure .ed-step-n{background:#3b7f86}
.ed-figure .ed-step[aria-pressed=true] .ed-step-n{background:#aadadd;color:#173b44}

.ed-figure-art{--ed-ink:#dcece7;--ed-muted:#a1b9b2;--ed-stone:#28484e;--ed-heat:#efa77d;--ed-water:#88d7dc;--ed-power:#dfcc93;--ed-network:#b9bfe8;--ed-build:#9acdb6;--ed-heat-tint:#573b35;--ed-water-tint:#254e57;--ed-power-tint:#4d4d38;--ed-network-tint:#3c415e;--ed-build-tint:#294f45;background-color:#102a34;background-image:linear-gradient(#8fd2d409 1px,transparent 1px),linear-gradient(90deg,#8fd2d409 1px,transparent 1px);background-size:28px 28px;border:1px solid #4d7b83;box-shadow:inset 0 1px 0 #c4efdf17;border-radius:4px;padding:20px}
.ed-figure-art .f-fill-paper{fill:#102a34}
.ed-figure-art .f-fill-land{fill:#314d4b}
.ed-figure-art .f-fill-sea{fill:#102733}
.ed-figure-art .f-muted{stroke:#769794}
.ed-figure.is-stepping .ed-figure-art [data-part]:not(.is-lit){opacity:.28}
.ed-figure.is-enhanced .ed-figure-art [data-figure-part-action=true]{cursor:pointer}
html[data-motion=on] .ed-figure.is-enhanced .ed-figure-art [data-figure-part-action=true]:hover{filter:brightness(1.2)}
html[data-motion=on] .ed-figure.is-stepping .ed-figure-art .is-lit{animation:narrative-focus 380ms ease-out both}
@keyframes narrative-focus{from{opacity:.45}to{opacity:1}}
.ed-figure .ed-step-output{border-left:2px solid #488b92;padding:14px 16px;background:#eaf0e7;font:400 16px/1.6 var(--ed-text);color:#283c36;margin:16px 0 0;max-width:none}
.ed-figure figcaption{font-size:12px;line-height:1.65;color:#66746a;padding-top:12px;margin-top:0}
.ed-figure-source{display:block;margin-top:7px}

@media(max-width:760px){
  .ed-header .ed-brand{gap:9px}
  .ed-header .ed-brand img.ed-brand-symbol{width:26px;height:26px}
  .ed-header .ed-brand img.ed-brand-type{width:156px}
  .ed-footer .ed-footer-name img.ed-brand-type{width:205px}
  .ed-footer .ed-footer-name img.ed-brand-symbol{width:30px;height:30px}
  .ed-prose .ed-figure-title{font-size:23px!important}
  .ed-figure-art{padding:10px 8px}
  .ed-figure .ed-figure-transport{gap:6px}
  .ed-figure .ed-steps-row{flex-wrap:nowrap;overflow-x:auto;max-width:none!important}
  .ed-figure-transport [data-figure-play]{min-width:154px;font-size:11px;padding-inline:9px}
  .ed-figure-position{width:100%;margin:0;font-size:10px}
  .ed-figure.is-stepping .ed-steps{top:66px}
  .ed-figure .ed-step-output{font-size:15px;padding:12px 14px}
}
@media(max-width:360px){
  .ed-header .ed-header-inner{width:calc(100% - 24px)}
  .ed-header .ed-brand{gap:8px}
  .ed-header .ed-brand img.ed-brand-symbol{width:24px;height:24px}
  .ed-header .ed-brand img.ed-brand-type{width:122px}
  .ed-header .primary-nav{gap:12px}
  .ed-figure-transport{column-gap:5px!important}
  .ed-figure-transport [data-figure-play]{min-width:142px;font-size:10px;padding-inline:7px}
  .ed-prose .ed-figure{width:calc(100% + 2*var(--ed-gutter));margin-inline:calc(-1*var(--ed-gutter));max-width:none}
  .ed-figure-heading,.ed-figure .ed-steps,.ed-figure figcaption,.ed-figure .ed-step-output{margin-inline:12px}
  .ed-figure-art{padding:8px 6px;border-radius:0}
  .ed-figure-narrow :is(.f-label,.f-note,.f-axis){font-size:14.5px}
  .ed-figure-narrow .f-label-strong{font-size:15px}
}
@media(orientation:landscape) and (max-height:520px){.ed-figure.is-stepping .ed-steps{position:static}}
html[data-motion=off] .ed-figure-art .is-lit{animation:none}
@media(prefers-reduced-motion:reduce){.ed-figure-art .is-lit{animation:none!important}.ed-figure-art [data-part]{transition:none!important}}
@media(forced-colors:active){.ed-figure-art{background:Canvas;border-color:CanvasText}.ed-figure-transport button[aria-pressed=true]{border:2px solid Highlight}.ed-figure-art text{fill:CanvasText}}