/* ==========================================================================
   Tender Engine · page-scoped styles
   Fluid unit --u replaces the source's viewport-driven root font-size:
     >=1024  1.1111vw  (16px @1440)
     640-1023 2.0833vw (16px @768)
     <640    3.8835vw  (16px @412, 15.1456px @390)
   Every px number from the spec is expressed as (px/16) * var(--u).
   ========================================================================== */

main.p-bid-desk{
  --u:1.1111vw;
  --gut:calc(.9375 * var(--u));   /* px-15 → 15px @1440 */
  --gap:calc(.9375 * var(--u));   /* my-grid column-gap @lg */
  --cols:12;
  display:block;
  background:var(--paper);
}
@media (max-width:1023px){
  main.p-bid-desk{ --u:2.0833vw; --gap:calc(.78125 * var(--u)); --cols:6 }
}
@media (max-width:639px){
  main.p-bid-desk{ --u:3.8835vw; --gap:calc(.625 * var(--u)); --cols:6 }
}

.p-bid-desk section{ padding:0; position:relative }
.p-bid-desk h2,.p-bid-desk h3{ font-weight:400; letter-spacing:0; margin:0 }
.p-bid-desk p{ margin:0 }
.p-bid-desk .mono{ letter-spacing:0 }
.p-bid-desk .bd-sr{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}

/* the shared cta-band + other-services keep their global padding, which the
   section reset above would otherwise strip */
.p-bid-desk section.cta-band{ padding:7.5rem clamp(1rem,3vw,2.5rem) 8rem }
.p-bid-desk section.osvc{ padding:5rem clamp(1rem,3vw,2.5rem) 5.5rem }
@media (max-width:639px){
  .p-bid-desk section.cta-band{ padding:5rem 1rem 4.5rem }
}

/* SplitText line masks */
.p-bid-desk .bd-line{ margin-bottom:-.1em; padding-bottom:.1em }

/* shared 12/6 column grid */
.p-bid-desk .bd-num-grid,
.p-bid-desk .bd-stairs{
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
}

/* --------------------------------------------------------------------------
   1 · HERO
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-hero{ padding-top:calc(11.25 * var(--u)) }                 /* pt-180 */
@media (min-width:1024px){ .p-bid-desk .bd-hero{ padding-top:calc(19.5 * var(--u)) } } /* pt-312 */

.bd-hero-row1{ padding:0 var(--gut) }

.bd-title{
  font-family:var(--sans);
  font-weight:500;
  font-size:calc(3.25 * var(--u));
  line-height:1;
  letter-spacing:0;
  color:var(--teal);
  text-align:right;
}
.bd-title-paper{ color:var(--paper) }
@media (min-width:1024px){
  .bd-title{ font-size:calc(10 * var(--u)); line-height:.9375; text-align:left }
}

.bd-stack{
  position:relative;
  margin-top:calc(2 * var(--u));       /* mt-32 */
  display:grid;
  grid-template-areas:"stack";
}
.bd-stack > *{ grid-area:stack }

.bd-hero-img{ overflow:hidden; aspect-ratio:412/825; background:var(--teal-deep) }
.bd-hero-img img{ width:100%; height:100%; object-fit:cover; display:block }
@media (min-width:1024px){ .bd-hero-img{ aspect-ratio:3/2 } }

.bd-hero-text{
  position:relative; z-index:1;
  margin-top:calc(1.25 * var(--u));    /* mt-20 */
  padding:0 var(--gut);
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
  align-content:start;
}
.bd-hero-text > .bd-title{ grid-column:1 / -1 }
/* legibility: the sub rides a solid teal-deep panel (the house pattern for
   body copy over imagery, see compliance.html), padding pulled back by its
   own negative margin so the text keeps its grid position exactly */
.p-bid-desk .bd-sub{
  grid-column:1 / -2;
  font-size:calc(1.375 * var(--u));
  line-height:1.25;
  color:var(--paper);
  background:var(--teal-deep);
  padding:calc(1.125 * var(--u));
  margin:calc(11.375 * var(--u)) calc(-1.125 * var(--u)) calc(-1.125 * var(--u));
}
@media (min-width:1024px){
  .bd-hero-text{ padding-bottom:calc(25 * var(--u)) }   /* lg:pb-400 */
  .bd-hero-text > .bd-title{ grid-column:span 9 }
  .p-bid-desk .bd-sub{ grid-column:8 / -2; font-size:calc(1.875 * var(--u)) }
}

.bd-stairs{
  position:absolute; left:0; bottom:-1px; width:100%;
  padding:0 var(--gut);
  pointer-events:none;
}
.bd-stairs i{
  grid-column:1 / -1;
  width:calc(var(--f) * 100% + var(--gut) * 2);
  height:calc(8.125 * var(--u));       /* h-130 */
  margin-left:calc(-1 * var(--gut));
  background:var(--paper);
  transform:scaleX(0);
  transform-origin:0% 50%;
}
@media (min-width:1024px){
  .bd-stairs i{ grid-column:1 / 10; height:calc(8.75 * var(--u)) }  /* h-140 */
}

/* --------------------------------------------------------------------------
   eyebrow rail
   -------------------------------------------------------------------------- */
.bd-railwrap{ position:relative }
.bd-rail{
  display:flex; justify-content:space-between;
  border-top:1px solid var(--teal);
  padding-top:calc(1.25 * var(--u));
}
.bd-rail .mono{ font-size:calc(.75 * var(--u)); line-height:1; color:var(--teal) }
@media (min-width:1024px){
  .bd-rail{ position:absolute; top:0; left:0; width:100% }
}

/* small mono source line under every external figure */
.bd-src{
  display:block;
  font-size:calc(.6875 * var(--u)); line-height:1.4;
  color:var(--teal); opacity:.55;
}

/* --------------------------------------------------------------------------
   2 · THE TERMS  ·  four-cell spec strip + deliverables rail
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-terms{ padding:calc(1.5 * var(--u)) var(--gut) calc(3.125 * var(--u)) }
@media (min-width:1024px){
  .p-bid-desk .bd-terms{ padding-bottom:calc(6.25 * var(--u)) }
}
.bd-terms-grid{
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
  margin-top:calc(3.125 * var(--u));
}
@media (min-width:1024px){
  .bd-terms-grid{ margin-top:0; padding-top:calc(6.25 * var(--u)); align-items:start }
}
.bd-spec{
  grid-column:1 / -1; margin:0;
  display:grid; grid-template-columns:1fr; row-gap:0;
}
@media (min-width:1024px){
  .bd-spec{ grid-column:1 / span 8; grid-template-columns:repeat(2,1fr); column-gap:var(--gap) }
}
.bd-spec-cell{
  border-top:1px solid var(--teal);
  padding:calc(1.25 * var(--u)) 0 calc(2 * var(--u));
}
.bd-spec-cell dt{
  font-size:calc(.75 * var(--u)); line-height:1; color:var(--teal); opacity:.55;
}
.bd-spec-cell dd{
  margin:calc(1.5 * var(--u)) 0 0;
  font-size:calc(.75 * var(--u)); line-height:1.5; color:var(--teal);
  max-width:34ch;
}

.bd-outputs{
  grid-column:1 / -1;
  margin-top:calc(3.125 * var(--u));
  padding-top:calc(1.25 * var(--u));
  border-top:1px solid var(--teal);
}
@media (min-width:1024px){
  .bd-outputs{
    grid-column:10 / span 3;
    align-self:stretch;
    display:flex; flex-direction:column;
    margin-top:0;
    padding:0 0 0 calc(1.875 * var(--u));
    border-top:0; border-left:1px solid var(--teal);
  }
}
.bd-out-label{
  display:block;
  font-size:calc(.75 * var(--u)); line-height:1; color:var(--teal);
  padding-bottom:calc(1.25 * var(--u));
}
.p-bid-desk .bd-out-list{ list-style:none; margin:0; padding:0 }
@media (min-width:1024px){
  .p-bid-desk .bd-out-list{ flex:1; display:flex; flex-direction:column }
}
.bd-out-item{
  display:flex; align-items:center;
  padding:calc(1.25 * var(--u)) 0;
  border-top:1px solid var(--teal);
  font-size:calc(.75 * var(--u)); line-height:1.33; color:var(--teal);
}
@media (min-width:1024px){
  .bd-out-item{ flex:1; padding:calc(1.25 * var(--u)) 0 }
  .bd-out-item:last-child{ border-bottom:1px solid var(--teal) }
}

/* --------------------------------------------------------------------------
   3 · NUMBERS
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-numbers{ padding:calc(1.5 * var(--u)) var(--gut) calc(3.125 * var(--u)) }
@media (min-width:1024px){ .p-bid-desk .bd-numbers{ padding-bottom:0 } }

.bd-num-panel{ grid-column:1 / -1 }
@media (min-width:1024px){
  .bd-num-panel{
    grid-column:4 / -1;
    border-left:1px solid var(--teal);
    padding:calc(8.4375 * var(--u)) 0 calc(6 * var(--u)) 8.26vw;
  }
}
.bd-num{
  position:relative; z-index:1;
  font-family:var(--sans); font-weight:400;
  font-size:calc(10 * var(--u)); line-height:1;
  color:var(--teal); text-align:left;
}
@media (min-width:1024px){
  .bd-num{ font-size:calc(18.75 * var(--u)) }
}
.bd-numv{ display:block }
.bd-num-bleed{ display:none }
@media (min-width:1024px){
  .bd-num-bleed{
    display:block; position:absolute; top:0; right:100%;
    height:100%; width:10vw; background:var(--paper); z-index:-1;
  }
}
.bd-num-cap{
  margin-top:calc(1.25 * var(--u));
  font-family:var(--mono); font-weight:400;
  font-size:calc(.75 * var(--u)); line-height:1.33;
  text-transform:uppercase; color:var(--teal);
}
@media (min-width:1024px){
  .bd-num-cap{ width:23.61vw }
}

/* --------------------------------------------------------------------------
   4 · ANATOMY OF THE BID  ·  sticky schematic + scrolling annotations
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-anatomy{ padding:calc(1.5 * var(--u)) var(--gut) calc(3.125 * var(--u)) }
@media (min-width:1024px){
  .p-bid-desk .bd-anatomy{ padding-bottom:calc(6.25 * var(--u)) }
}
.bd-an-grid{
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
  margin-top:calc(3.125 * var(--u));
}
@media (min-width:1024px){
  .bd-an-grid{ margin-top:0; padding-top:calc(6.25 * var(--u)) }
}

.bd-an-head{ grid-column:1 / -1 }
@media (min-width:1024px){ .bd-an-head{ grid-column:3 / span 8 } }
.bd-an-head h2{
  font-family:var(--sans); font-weight:400;
  font-size:calc(2.25 * var(--u)); line-height:1; color:var(--teal);
}
.bd-an-fig{
  margin-top:calc(2 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1.5;
  color:var(--teal); max-width:52ch;
}
.bd-an-head .bd-src{ margin-top:calc(.625 * var(--u)) }

.bd-an-stickcol{ grid-column:1 / -1; margin-top:calc(3.125 * var(--u)) }
.bd-an-notes{ grid-column:1 / -1; margin-top:calc(2.5 * var(--u)) }
@media (min-width:1024px){
  .bd-an-stickcol{ grid-column:1 / span 6; grid-row:2; margin-top:calc(5 * var(--u)) }
  .bd-an-notes{ grid-column:8 / span 5; grid-row:2; margin-top:calc(5 * var(--u)) }
}
.bd-an-stick{ position:relative }
@media (min-width:1024px){
  .bd-an-stick{ position:sticky; top:calc(5 * var(--u)) }
}
#anSvg{ display:block; width:100%; height:auto }

/* schematic line-art: base regions in faded ink, active region in teal,
   lifted 4px. Text is the only filled geometry. */
#anSvg .anr, #anSvg .an-spine{
  color:var(--ink);
  transition:color .35s var(--e-out), opacity .35s var(--e-out), transform .35s var(--e-out);
}
#anSvg .anr{ opacity:.42 }
#anSvg .an-spine{ opacity:.3 }
#anSvg .anr.act{ color:var(--teal); opacity:1; transform:translateY(-4px) }
#anSvg line, #anSvg path, #anSvg rect, #anSvg circle{ stroke:currentColor; fill:none }
#anSvg text{
  fill:currentColor; stroke:none;
  font-family:var(--mono); font-size:11px; letter-spacing:.02em;
}
@media (max-width:639px){
  #anSvg text{ font-size:14px }
}
/* no-JS / reduced motion: everything visible, first region highlighted by nothing */
#anSvg.an-static .anr{ opacity:.75 }

.bd-an-brief{
  display:inline-block;
  margin-top:calc(1.5 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1;
  color:var(--teal); text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .3s;
}
.bd-an-brief:hover{ border-bottom-color:var(--teal) }

.bd-an-note{
  border-top:1px solid var(--teal);
  padding:calc(1.5 * var(--u)) 0 calc(2.5 * var(--u));
  transition:opacity .35s var(--e-out);
}
.bd-an-note .bd-an-n{
  display:block;
  font-size:calc(.75 * var(--u)); line-height:1; color:var(--teal); opacity:.55;
}
.bd-an-note h3{
  margin-top:calc(1 * var(--u));
  font-family:var(--sans); font-weight:400;
  font-size:calc(1.75 * var(--u)); line-height:1; color:var(--teal);
}
.bd-an-p{
  margin-top:calc(1 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1.5; color:var(--teal);
  max-width:44ch;
}
@media (min-width:1024px){
  /* Each note owns a viewport-scale slot so the sight has real travel
     between activations; the copy sits centered in its slot. */
  .bd-an-note{ min-height:74vh; display:flex; flex-direction:column; justify-content:center; padding:0 }
  .bd-an-note:first-child{ min-height:52vh }
  .bd-an-note:last-child{ min-height:58vh; padding-bottom:calc(6 * var(--u)) }
  .bd-an-note{ opacity:.4; transition:opacity .5s var(--e-out) }
  .bd-an-note.act{ opacity:1 }
}

/* --------------------------------------------------------------------------
   5 · HOW IT WORKS
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-how{ padding:calc(1.5 * var(--u)) var(--gut) calc(3.125 * var(--u)) }
@media (min-width:1024px){
  .p-bid-desk .bd-how{ padding-bottom:calc(6.25 * var(--u)) }
}
.bd-how-grid{
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
  row-gap:calc(3.125 * var(--u));
  margin-top:calc(3.125 * var(--u));
}
@media (min-width:1024px){
  .bd-how-grid{ margin-top:0; padding-top:calc(6.25 * var(--u)); row-gap:calc(4 * var(--u)) }
}
.bd-how-h{ grid-column:1 / -1 }
@media (min-width:1024px){ .bd-how-h{ grid-column:3 / span 7 } }
.bd-how-h h2{
  font-family:var(--sans); font-weight:400;
  font-size:calc(2.25 * var(--u)); line-height:1; color:var(--teal);
}

.p-bid-desk .bd-steps{ list-style:none; margin:0; padding:0; grid-column:1 / -1 }
@media (min-width:1024px){
  .p-bid-desk .bd-steps{
    grid-column:3 / span 9;
    display:grid; grid-template-columns:repeat(2,1fr); column-gap:calc(3 * var(--u));
  }
}
.bd-step{
  display:flex; gap:var(--gap);
  padding:calc(1.5 * var(--u)) 0;
  border-top:1px solid var(--teal);
}
.bd-step-n{
  flex:none; width:calc(2.5 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1.33; color:var(--teal);
}
.bd-step-body{ display:block }
.bd-step-t{
  display:block;
  font-family:var(--sans); font-weight:400;
  font-size:calc(1.375 * var(--u)); line-height:1; color:var(--teal);
}
.bd-step-p{
  display:block; margin-top:calc(.75 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1.4; color:var(--teal);
  max-width:40ch;
}

/* --------------------------------------------------------------------------
   6 · THE MARKET  ·  two sourced tiles
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-market{ padding:calc(1.5 * var(--u)) var(--gut) calc(3.125 * var(--u)) }
@media (min-width:1024px){
  .p-bid-desk .bd-market{ padding-bottom:calc(6.25 * var(--u)) }
}
.bd-mkt-grid{
  display:grid;
  grid-template-columns:repeat(var(--cols),1fr);
  column-gap:var(--gap);
  row-gap:calc(3.125 * var(--u));
  margin-top:calc(3.125 * var(--u));
}
@media (min-width:1024px){
  .bd-mkt-grid{ margin-top:0; padding-top:calc(6.25 * var(--u)) }
}
.bd-mkt-tile{ grid-column:1 / -1 }
@media (min-width:1024px){
  .bd-mkt-tile:nth-child(1){ grid-column:3 / span 4 }
  .bd-mkt-tile:nth-child(2){ grid-column:8 / span 4 }
  .bd-mkt-tile{ border-left:1px solid var(--teal); padding-left:calc(1.875 * var(--u)) }
}
.bd-mkt-v{
  display:block;
  font-family:var(--sans); font-weight:400;
  font-size:calc(5.5 * var(--u)); line-height:1; color:var(--teal);
}
@media (min-width:1024px){ .bd-mkt-v{ font-size:calc(6.5 * var(--u)) } }
.bd-mkt-cap{
  margin-top:calc(1.25 * var(--u));
  font-size:calc(.75 * var(--u)); line-height:1.5; color:var(--teal);
  max-width:34ch;
}
.bd-mkt-tile .bd-src{ margin-top:calc(.625 * var(--u)); max-width:40ch }

/* --------------------------------------------------------------------------
   7 · OUTCOME LEDGER
   -------------------------------------------------------------------------- */
.p-bid-desk .bd-ledger{ padding:calc(1.5 * var(--u)) var(--gut) calc(5 * var(--u)) }
@media (min-width:1024px){
  .p-bid-desk .bd-ledger{ padding-bottom:calc(7.5 * var(--u)) }
}
.p-bid-desk .bd-led{
  list-style:none; margin:calc(3.125 * var(--u)) 0 0; padding:0;
}
@media (min-width:1024px){
  .p-bid-desk .bd-led{ margin-top:0; padding-top:calc(6.25 * var(--u)) }
}
.bd-led-row{
  border-top:1px solid var(--teal);
}
.bd-led-row:last-child{ border-bottom:1px solid var(--teal) }
.bd-led-a{
  display:grid;
  grid-template-columns:1fr;
  row-gap:calc(.875 * var(--u));
  padding:calc(1.75 * var(--u)) 0 calc(1.25 * var(--u));
  color:var(--teal); text-decoration:none;
  transition:transform .4s var(--e-out);
}
@media (min-width:1024px){
  .bd-led-a{
    grid-template-columns:repeat(var(--cols),1fr);
    column-gap:var(--gap);
    align-items:baseline;
  }
}
.bd-led-sec{ font-size:calc(.75 * var(--u)); line-height:1.4; opacity:.55 }
.bd-led-sit{
  font-family:var(--sans);
  font-size:calc(1.125 * var(--u)); line-height:1.25;
}
.bd-led-out{
  font-size:calc(.75 * var(--u)); line-height:1.4; font-weight:700;
}
.bd-led-link{ font-size:calc(.75 * var(--u)); line-height:1.4; white-space:nowrap }
@media (min-width:1024px){
  .bd-led-sec{ grid-column:1 / span 2 }
  .bd-led-sit{ grid-column:3 / span 4 }
  .bd-led-out{ grid-column:7 / span 4 }
  .bd-led-link{ grid-column:11 / span 2; justify-self:end }
}
.bd-led-how{
  display:block; overflow:hidden;
  max-height:0; opacity:0;
  font-size:calc(.75 * var(--u)); line-height:1.4; color:var(--teal);
  transition:max-height .45s var(--e-out), opacity .45s var(--e-out);
}
.bd-led-row:hover .bd-led-a,
.bd-led-row:focus-within .bd-led-a{ transform:translateX(8px) }
.bd-led-row:hover .bd-led-how,
.bd-led-row:focus-within .bd-led-how{
  max-height:calc(5 * var(--u)); opacity:.7;
  padding-bottom:calc(1.5 * var(--u));
}
@media (min-width:1024px){
  .bd-led-how{ margin-left:calc((100% - 11 * var(--gap)) / 12 * 2 + 2 * var(--gap)) }
}

.bd-led-cta{ margin-top:calc(4 * var(--u)) }
@media (min-width:1024px){
  .bd-led-cta{ display:flex; justify-content:flex-start; padding-left:calc((100% - 11 * var(--gap)) / 12 * 2 + 2 * var(--gap)) }
}

/* --------------------------------------------------------------------------
   BUTTONS (double-layer sweep)
   -------------------------------------------------------------------------- */
.bd-btn{
  position:relative; display:inline-block; overflow:hidden;
  text-align:center; text-decoration:none; text-transform:uppercase;
  font-family:var(--mono); font-weight:400;
  font-size:calc(.875 * var(--u)); line-height:1; letter-spacing:.02em;
  border-radius:0;
}
.bd-btn-a,.bd-btn-b{ display:block }
.bd-btn-b{ position:absolute; inset:0; transform:translate(0,101%) scaleX(.5); transform-origin:50% 100% }
.bd-btn-solid{
  width:100%; background:var(--teal); color:var(--paper); border:1px solid var(--teal);
}
@media (min-width:1024px){
  .bd-btn-solid{ width:calc(15.5 * var(--u)) }
}
.bd-btn-solid .bd-btn-a,.bd-btn-solid .bd-btn-b{ padding:calc(1.5625 * var(--u)) calc(2.875 * var(--u)) }
.bd-btn-solid .bd-btn-b{ background:var(--white); color:var(--teal) }

/* --------------------------------------------------------------------------
   reduced motion · static, hover states still readable
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .bd-stairs i{ transform:scaleX(1) }
  .bd-btn:hover .bd-btn-b{ transform:none }
  .bd-led-row:hover .bd-led-a{ transform:none }
  #anSvg .anr{ opacity:.75; transition:none }
  .bd-an-note{ opacity:1 }
}

.p-bid-desk .bd-an-fig{margin-top:1.4rem}
.p-bid-desk .bd-an-notes{padding-top:4.5rem}

/* ---- anatomy, redesigned: a dark stage, the sight inspecting the pack ---- */
.p-bid-desk .bd-anatomy{background:var(--ink); color:var(--paper)}
.p-bid-desk .bd-anatomy .bd-an-head h2{color:var(--paper)}
.p-bid-desk .bd-anatomy .bd-an-fig{color:var(--paper); opacity:.8}
.p-bid-desk .bd-anatomy .bd-src, .p-bid-desk .bd-anatomy .bd-src a{color:var(--paper); opacity:.55}
#anSvg{stroke:rgba(234,232,226,.55)}
#anSvg text{fill:rgba(234,232,226,.5); stroke:none}
#anSvg .an-spine{color:rgba(234,232,226,.4)}
#anSvg .anr{color:rgba(234,232,226,.85); transition:opacity .4s var(--e-out), transform .5s var(--e-out); opacity:.62}
#anSvg .anr text{fill:rgba(234,232,226,.55)}
#anSvg .anr.act{color:var(--paper); opacity:1; transform:translateY(-3px)}
#anSvg .anr.act text{fill:var(--paper)}
#anSvg .anr.act rect:first-of-type{fill:rgba(11,92,88,.28)}
#anSvg .anr.done{opacity:.8}
#anSvg .an-ok{stroke:var(--paper); stroke-width:2.2; fill:none;
  stroke-dasharray:22; stroke-dashoffset:22; transition:stroke-dashoffset .45s var(--e-out) .15s}
#anSvg .anr.done .an-ok, #anSvg .anr.act.done .an-ok{stroke-dashoffset:0}
#anSvg .an-sight{color:var(--paper); stroke:var(--paper); stroke-width:1.6; pointer-events:none}
#anSvg .an-sight circle:first-child{fill:rgba(11,92,88,.14)}
#anSvg .an-sight .an-dot{fill:var(--paper); stroke:none}
.p-bid-desk .bd-an-note{color:var(--paper)}
.p-bid-desk .bd-an-note h3{color:var(--paper)}
.p-bid-desk .bd-an-note .bd-an-p{color:var(--paper); opacity:.68}
.p-bid-desk .bd-an-note .bd-an-n{opacity:.5}
.p-bid-desk .bd-an-note.act .bd-an-n{display:inline-block; background:var(--paper); color:var(--ink); padding:.1rem .45rem; opacity:1}
.p-bid-desk .bd-an-brief{color:var(--paper); opacity:.7}