/* LandScope editorial atlas. One scoped signature sequence. */
@font-face{font-family:Literata;src:url('../fonts/literata-editorial.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
#example.panel{
  --vx-t1:#22382a;--vx-t2:#4d5b50;--vx-t3:#626e60;--vx-mint:#386349;
  --vx-hair:#cbd0c2;--vx-s1:#f4f2e9;--vx-s2:#e7e9dd;
  --vx-amber:#906428;--vx-orange:#985a3c;--vx-ib:#71816d;
  background:#f4f2e9;color:var(--vx-t1);border-block:1px solid #d2d5c8;overflow-anchor:none;
}
#example.panel .vx-ans__h{font-family:Literata,Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.08;text-wrap:balance;}
#example.panel .vx-ans__k{color:#536f58;}
#example.panel .vx-ans__m{display:none;}
#example.panel .vx-ans{align-items:start;}
#example.panel #ansTop{align-self:start;}
#example.panel .op-context{margin:0;padding:17px 0;border-bottom:0;}
#example.panel .op-context .op-tag{font-size:10px;letter-spacing:.1em;}
#example.panel .op-tabs{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 34px;border-block:1px solid var(--vx-hair);}
#example.panel .op-tabs button{position:relative;display:grid;grid-template-columns:28px 1fr;gap:3px 12px;text-align:left;padding:18px 24px;min-height:81px;box-shadow:none;color:#67725f;transition:color .18s;}
#example.panel .op-tabs button+button{border-left:1px solid var(--vx-hair);}
#example.panel .op-tabs button span{grid-row:1/3;align-self:center;font-size:12px;}
#example.panel .op-tabs button b{font-weight:500;font-size:18px;}
#example.panel .op-tabs button small{font-size:12px;font-weight:400;}
#example.panel .op-tabs button[aria-current]{color:#22382a;background:#e7eadd;}
#example.panel .op-tab-line{position:absolute;bottom:-1px;left:0;width:33.33333%;height:2px;background:#386349;transform:translateX(calc(var(--op-step,0)*100%));transition:transform .36s cubic-bezier(.22,1,.36,1);z-index:1;pointer-events:none;}
#example.panel .op-story{padding:0 0 0 4px;}
#example.panel .op-running{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--vx-hair);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#536f58;}
#example.panel .op-running span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums;}
#example.panel .op-pane h3{font-family:Literata,Georgia,serif;font-weight:400;font-size:clamp(27px,2.35vw,37px);letter-spacing:-.035em;line-height:1.17;margin-bottom:20px;}
#example.panel .op-intro{font-size:15px;line-height:1.7;max-width:48ch;}
#example.panel .op-principles>div{padding-block:19px;}
#example.panel .op-principles dd{font-size:14px;}
#example.panel .op-lenses{gap:8px;margin:0 0 22px;}
#example.panel .op-lenses button{border:1px solid #b9c3b1;border-radius:3px;padding:8px 11px;font-size:12px;color:#4d5b50;transition:background .18s,color .18s;}
#example.panel .op-lenses button[aria-pressed=true]{background:#263d30;border-color:#263d30;color:#f4f2e9;}
#example.panel .op-lenses button:hover{border-color:#386349;}
#example.panel .op-reading{padding:25px 28px;background:#e8ebdf;border:1px solid #cbd3c2;border-radius:3px;box-shadow:none;}
#example.panel .op-reading h4{font-family:Literata,Georgia,serif;font-weight:400;font-size:25px;line-height:1.25;letter-spacing:-.025em;}
#example.panel .op-reading .op-kicker{font-size:9px;letter-spacing:.1em;}
#example.panel .op-reading .op-question{margin-top:20px;padding-top:17px;}
#example.panel .op-story .op-note{font-size:11px;line-height:1.6;max-width:65ch;margin-top:15px;}
#example.panel .op-footer{padding-top:16px;margin-top:26px;gap:20px;}
#example.panel .op-footer button{font-size:12px;}
#example.panel #opNext{margin-left:auto;font-weight:500;}
#example.panel #opReplay{color:#586653;font-size:11px;}
#example.panel .mapwrap{border-radius:4px;border-color:#b6c1ac;box-shadow:0 12px 32px #27372909;}
#example.panel .vx-cnv{--vx-mint:#9FE3A8;--vx-t1:#e5e8da;--vx-t2:#c4cdbd;--vx-t3:#a0b09c;--vx-amber:#E2C27E;--vx-orange:#D9865D;--vx-s1:#17251c;--vx-s2:#233529;}
#example.panel .vx-mhd{background:#e8ebdf;}
#example.panel .vx-mhd .aoi{font-size:11px;}
#example.panel .vx-mhd .vx-badge{font-size:10px;border-color:#c5b58e;background:#f1e9d4;color:#785826;box-shadow:none;}
#example.panel .attrib{background:#e8ebdf;color:#52634e;font-size:10px;}
#example.panel .attribstrip{color:#52634e;}
#example.panel .vx-mapkey{border-color:var(--vx-hair);}
#example.panel .vx-mapkey summary{font-size:11px;color:#445b47;}
#example.panel .op-calculation{margin-top:36px;}
#example.panel .op-calculation .vx-narr{background:#101a13;color:#e5e8da;padding:32px;margin-bottom:24px;border-radius:4px;--vx-t1:#e5e8da;--vx-t2:#c4cdbd;--vx-t3:#a0b09c;--vx-hair:#344537;--vx-mint:#a7cca4;--vx-s1:#17251c;--vx-s2:#233529;}
#example.panel .op-tabs button:focus-visible,#example.panel .op-lenses button:focus-visible,#example.panel .op-footer button:focus-visible{outline:2px solid #386349;outline-offset:4px;z-index:2;}
@media(min-width:1001px){
  #example.panel.has-walkthrough{--vx-ch:clamp(360px,calc(100svh - 430px),500px);}
  #example.panel>.panel__inner.vx-ex__in{padding:80px 0 64px;}
  #example.panel.has-walkthrough .vx-ans{grid-template-columns:1.15fr 1fr;gap:0 80px;}
  #example.panel.has-walkthrough .vx-ans__h{max-width:20ch;font-size:clamp(42px,3.8vw,58px);}
  #example.panel.has-walkthrough #ansTop{padding-top:7px;font-size:16px;max-width:48ch;}
  #example.panel.has-walkthrough .vx-answer-limit{font-size:11px;margin-top:16px;}
  #example.panel .product-preview{column-gap:48px;margin-top:34px;}
  #example.panel .op-story{min-height:610px;}
}
@media(max-width:1100px) and (min-width:1001px){
  #example.panel .product-preview{column-gap:28px;}
  #example.panel .op-reading{padding:20px;}
  #example.panel .op-tabs button{padding-inline:16px;}
}
@media(max-width:1000px){
  #example.panel .op-tabs button{padding:14px 8px;grid-template-columns:1fr;gap:5px;}
  #example.panel .op-tabs button span{grid-row:auto;}
  #example.panel .op-tabs button b{font-size:15px;}
  #example.panel .op-tabs button small{font-size:10px;}
  #example.panel .op-story{padding:0;}
  #example.panel .op-reading{padding:22px;}
}
@media(prefers-reduced-motion:reduce){
  #example.panel .op-tab-line,#example.panel .op-tabs button,#example.panel .op-lenses button{transition:none;}
}