/* A silent browser walkthrough on a desktop, with a reflowed browser on small screens. */
.sfd-player {
  --sfd-font: "Segoe UI", "Inter", Arial, system-ui, sans-serif;
  container-type: inline-size;
  position: relative;
  margin: 0;
  min-width: 0;
  color: #22252b;
  font: 400 14px/1.36 var(--sfd-font);
  letter-spacing: normal;
  text-transform: none;
}
.sfd-player *, .sfd-player *::before, .sfd-player *::after { box-sizing: border-box; }
.sfd-player :is(h3, h4, p, ul, ol) { margin: 0; }
.sfd-player :is(ul, ol) { list-style: none; padding: 0; }
.sfd-player :is(b, strong) { font-weight: 600; }
.sfd-player:focus-visible { outline: 2px solid #316ec2; outline-offset: 4px; border-radius: 9px; }
.sfd-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.sfd-desktop {
  --sfd-ui: clamp(11px, 1.3cqw, 16px);
  --sfd-small: clamp(10px, 1.13cqw, 14px);
  --sfd-gap: clamp(10px, 1.45cqw, 19px);
  --sfd-line: #e0e4e9;
  --sfd-muted: #555e6d;
  --sfd-blue: #2c5c9e;
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 9px;
  background: url("assets/windows-desktop.png") center / cover no-repeat,
    radial-gradient(ellipse at 55% 14%, #4d91e7 0%, transparent 49%),
    linear-gradient(145deg, #07439d, #101c61 62%, #123b82);
  font-size: var(--sfd-ui);
  font-variant-numeric: tabular-nums;
}
.sfd-browser {
  position: absolute;
  inset: 7.5% 7.5% 11%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #7d90a86b;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 0 1px #102c4b27, 0 17px 38px #061a4c57;
}
.sfd-icon {
  display: block;
  flex: 0 0 auto;
  width: 1.16em;
  height: 1.16em;
}
.sfd-logo {
  display: block;
  flex: 0 0 auto;
  width: 1.65em;
  height: .87em;
  object-fit: contain;
}
.sfd-tabs, .sfd-omnibar, .sfd-browser-tab, .sfd-window-actions,
.sfd-address, .sfd-taskbar, .sfd-task-apps, .sfd-tray {
  display: flex;
  align-items: center;
}
.sfd-tabs {
  min-height: clamp(24px, 3.05cqw, 38px);
  align-items: stretch;
  gap: .52em;
  padding: .4em .48em 0;
  background: #dce6f5;
  color: #303946;
  font-size: var(--sfd-small);
}
.sfd-browser-tab {
  align-self: stretch;
  width: clamp(126px, 17cqw, 226px);
  min-width: 0;
  gap: .66em;
  padding: 0 .74em;
  border-radius: 7px 7px 0 0;
  background: #fff;
  white-space: nowrap;
}
.sfd-browser-tab > .sfd-icon { margin-left: auto; }
.sfd-tab-add { display: grid; place-items: center; width: 2.15em; }
.sfd-window-actions { margin: -.4em -.48em 0 auto; }
.sfd-window-actions > .sfd-icon { width: clamp(26px, 3.65cqw, 43px); height: .99em; padding-inline: .75em; }
.sfd-omnibar {
  gap: clamp(8px, 1.12cqw, 16px);
  min-height: clamp(29px, 3.45cqw, 43px);
  padding: .36em .86em;
  border-bottom: 1px solid #d8dee7;
  background: #fff;
  color: #404c5d;
  font-size: var(--sfd-small);
}
.sfd-nav-next { opacity: .45; }
.sfd-address {
  flex: 1;
  min-width: 0;
  gap: .61em;
  padding: .29em .62em;
  border-radius: 20px;
  background: #edf1f7;
}
.sfd-address > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sfd-star { margin-left: auto; }

.sfd-taskbar {
  position: absolute;
  inset: auto 0 0;
  justify-content: center;
  height: clamp(25px, 3.55cqw, 43px);
  background: #e8f1ffed;
  color: #212d42;
}
.sfd-task-apps { gap: 1em; }
.sfd-task-apps > * { flex: 0 0 auto; width: 1.44em; height: 1.44em; }
.sfd-win-icon {
  background: linear-gradient(90deg, transparent 46%, #e8f1ff 46% 54%, transparent 54%),
    linear-gradient(transparent 46%, #e8f1ff 46% 54%, transparent 54%),
    linear-gradient(135deg, #22aaff, #0868e7);
}
.sfd-task-active {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.12em;
  height: 2.12em;
  margin-left: -.35em;
  border-radius: 4px;
  background: #fff9;
}
.sfd-task-active::after { position: absolute; inset: auto 34% 0; height: 2px; border-radius: 3px; background: #1a72c8; content: ''; }
.sfd-chrome-icon { width: 1.45em; height: 1.45em; }
.sfd-tray { position: absolute; right: 1.1em; gap: .63em; font-size: .77em; }
.sfd-clock { margin-left: .3em; text-align: right; line-height: 1.05; }
.sfd-clock > span { display: block; }

.sfd-app { display: flex; flex: 1; min-height: 0; flex-direction: column; background: #f4f6f8; }
.sfd-appbar {
  display: flex;
  align-items: stretch;
  flex: 0 0 auto;
  min-height: clamp(32px, 4.1cqw, 50px);
  padding-inline: var(--sfd-gap);
  border-bottom: 1px solid var(--sfd-line);
  background: #fff;
}
.sfd-brand, .sfd-app-tab { display: flex; align-items: center; white-space: nowrap; }
.sfd-brand { gap: .45em; }
.sfd-brand-divider { width: 1px; height: .96em; background: #a6afbc; }
.sfd-appbar > .sfd-brand { padding-right: clamp(12px, 2.35cqw, 32px); color: #202b3a; font-weight: 650; }
.sfd-app-tabs { display: flex; align-items: stretch; min-width: 0; gap: clamp(8px, 1.53cqw, 21px); }
.sfd-app-tab {
  position: relative;
  color: var(--sfd-muted);
  font-size: var(--sfd-small);
  font-weight: 550;
}
.sfd-tab-active { color: var(--sfd-blue); }
.sfd-tab-active::after { position: absolute; inset: auto 0 -1px; height: 2px; background: #427ace; content: ''; }
.sfd-stage { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.sfd-layer {
  position: absolute;
  inset: 0;
  visibility: hidden;
  overflow: hidden;
  background: #f4f6f8;
}
.sfd-layer.sfd-current, .sfd-layer.sfd-leaving { visibility: visible; }
.sfd-layer.sfd-current { z-index: 2; animation: sfd-arrive 360ms cubic-bezier(.2,.7,.3,1) both; }
.sfd-layer.sfd-leaving { z-index: 1; animation: sfd-depart 360ms cubic-bezier(.2,.7,.3,1) both; }
.sfd-layer.sfd-initial { animation: none; }
.sfd-camera { min-height: 100%; padding: var(--sfd-gap); }
@keyframes sfd-arrive {
  from { opacity: 0; transform: translate3d(0, 7px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes sfd-depart {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0; transform: translate3d(0, -4px, 0); }
}
.sfd-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  min-width: 0;
  align-items: center;
  gap: .6em 1em;
  margin-bottom: .78em;
}
.sfd-heading h3 {
  color: #202b3a;
  font: 650 clamp(22px, 2.1cqw, 26px)/1.15 var(--sfd-font);
  letter-spacing: -.025em;
}
.sfd-narration {
  display: flex;
  align-items: center;
  gap: .55em;
  min-height: 2.55em;
  padding: .32em .5em;
  border-radius: 6px;
  color: #324560;
  background: #e8effa;
  font-size: clamp(12px, 1.35cqw, 15px);
  font-weight: 500;
  line-height: 1.26;
}
.sfd-narration-step {
  flex: 0 0 auto;
  min-width: 1.75em;
  padding: .2em .34em;
  border-radius: 4px;
  background: #d7e4f8;
  color: #274d83;
  font-weight: 650;
  text-align: center;
}

.sfd-document {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 1px 2px #182d4410;
}
.sfd-panel-top, .sfd-sheet-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6em;
  padding: .61em .8em;
  border-bottom: 1px solid var(--sfd-line);
}
.sfd-panel-top > span, .sfd-sheet-foot { color: var(--sfd-muted); font-size: var(--sfd-small); }
.sfd-panel-top strong { color: #2f3b4d; }
.sfd-sheet-foot { border-top: 1px solid var(--sfd-line); border-bottom: 0; }
.sfd-sheet-foot > span:first-child { color: #216847; font-weight: 600; }
.sfd-sheet-table, .sfd-result-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.sfd-sheet-table :is(th, td), .sfd-result-table :is(th, td) { padding: .55em .66em; }
.sfd-sheet-table :is(th, td) { border-right: 1px solid #e5ebe7; border-bottom: 1px solid #e5ebe7; }
.sfd-sheet-table tr > :last-child { border-right: 0; }
.sfd-sheet-table tbody tr:last-child > * { border-bottom: 0; }
.sfd-sheet-table thead, .sfd-result-table thead { color: #4c5665; font-size: var(--sfd-small); }
.sfd-sheet-table thead th { font-weight: 550; background: #f0f5f2; }
.sfd-sheet-letters > th { padding-block: .16em; color: #3c694d; background: #e9f2ec; text-align: center; }
.sfd-sheet-table tr > :first-child { width: 8%; text-align: center; color: #5b6573; }
.sfd-sheet-table tr > :nth-child(2) { width: 53%; }
.sfd-sheet-table tr > :nth-child(3) { width: 19%; }
.sfd-sheet-table tr > :nth-child(4) { width: 12%; text-align: right; }
.sfd-sheet-table tr > :last-child { width: 8%; text-align: center; }
.sfd-sheet-table tbody th { font-weight: 500; background: #f5f7f6; }
.sfd-sheet-table tbody td:nth-child(3) { color: var(--sfd-muted); }
.sfd-sheet-table tbody :is(td:nth-child(4), td:last-child) { white-space: nowrap; }
.sfd-mobile-kind { display: none; }
.sfd-layer:not([data-phase="intro"]) .sfd-file-preview,
.sfd-layer[data-phase="intro"] :is(.sfd-sheet-view, .sfd-result-count, .sfd-result-table),
.sfd-layer:not([data-phase="done"]) :is(.sfd-open-row, .sfd-report, .sfd-review-pass) { display: none; }
.sfd-layer[data-phase="intro"] .sfd-proposal-groups,
.sfd-layer[data-phase="action"] .sfd-sheet-foot { visibility: hidden; }

.sfd-split { display: grid; grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr); align-items: start; gap: var(--sfd-gap); }
.sfd-player .sfd-origins { padding: .26em .48em; }
.sfd-origins li, .sfd-tree li {
  display: grid;
  align-items: baseline;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .46em;
  padding: .48em .34em;
  line-height: 1.25;
}
.sfd-origins li + li { border-top: 1px solid #ebedf0; }
.sfd-origins b, .sfd-tree b { font-weight: 550; white-space: nowrap; }
.sfd-layer[data-phase="done"] .sfd-origin-open { background: #fcf3d9; }
.sfd-row-number {
  display: inline-block;
  padding: .09em .29em;
  border-radius: 4px;
  background: #edf0f5;
  color: #526073;
  font-size: .86em;
  font-weight: 550;
}
.sfd-tree { padding: .46em .7em .35em; }
.sfd-tree + .sfd-tree { border-top: 1px solid #edf0f2; }
.sfd-tree h4 { color: var(--sfd-blue); font-size: 1em; font-weight: 650; }
.sfd-tree li { margin-left: .5em; padding: .26em 0 .26em .61em; border-left: 1px solid #d4dce9; }
.sfd-tree small { color: var(--sfd-muted); font-size: .88em; }
.sfd-open-row, .sfd-report {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: .65em;
  row-gap: .15em;
  padding: .57em .73em;
  background: #fbf1d5;
  color: #654d25;
  font-size: var(--sfd-small);
}
.sfd-open-row { border-top: 1px solid #eddfb9; }
.sfd-current[data-phase="action"] :is(.sfd-sheet-view, .sfd-tree, .sfd-result-table),
.sfd-current[data-phase="done"] :is(.sfd-sheet-foot, .sfd-open-row, .sfd-review-pass, .sfd-report) { animation: sfd-confirm 480ms both; }
.sfd-current[data-phase="action"] .sfd-tree + .sfd-tree { animation-delay: 620ms; }

.sfd-review-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sfd-review-row { padding: 1em 1.05em 1.13em; }
.sfd-source-ref { color: #476b97; font-size: var(--sfd-small); }
.sfd-review-row h4 { margin: .35em 0 .32em; font-size: clamp(14px, 1.62cqw, 21px); color: #25364c; font-weight: 650; }
.sfd-review-row .sfd-big-amount { color: #1e2b3d; font-size: clamp(24px, 3.08cqw, 43px); font-weight: 650; letter-spacing: -.03em; line-height: 1.2; }
.sfd-marker { position: relative; isolation: isolate; display: inline-block; padding-inline: .14em; color: inherit; background: transparent; white-space: nowrap; }
.sfd-marker::before {
  position: absolute;
  z-index: -1;
  inset: .12em 0 .06em;
  opacity: 0;
  transform-origin: left center;
  border-radius: 5px;
  background: #ffeeb0;
  content: '';
}
.sfd-layer[data-phase="source-check"] .sfd-review-source,
.sfd-layer[data-phase="candidate-check"] .sfd-review-candidate { border-color: #d4a94c; box-shadow: 0 0 0 1px #e2bc63; }
.sfd-layer[data-phase="source-check"] .sfd-review-source .sfd-marker::before,
.sfd-layer[data-phase="candidate-check"] .sfd-marker::before,
.sfd-layer[data-phase="done"] .sfd-marker::before { opacity: 1; }
.sfd-current[data-phase="source-check"] .sfd-review-source .sfd-marker::before,
.sfd-current[data-phase="candidate-check"] .sfd-review-candidate .sfd-marker::before { animation: sfd-mark 560ms both; }
@keyframes sfd-mark { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.sfd-review-pass {
  display: flex;
  align-items: center;
  gap: .65em;
  margin-top: .8em;
  padding: .6em .75em;
  border: 1px solid #cfe8d9;
  border-radius: 7px;
  background: #e9f6ee;
  color: #24563f;
}
.sfd-review-pass > div { display: grid; gap: .05em; }
.sfd-review-pass > div > span { font-size: var(--sfd-small); }
.sfd-check-icon { display: grid; flex: 0 0 auto; place-items: center; width: 1.73em; height: 1.73em; border-radius: 50%; background: #cce8d8; }
@keyframes sfd-confirm {
  from { opacity: 0; transform: translate3d(0, 5px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.sfd-result-table :is(th, td) { border-bottom: 1px solid var(--sfd-line); }
.sfd-result-table thead { background: #f0f3f7; }
.sfd-result-table thead th { font-weight: 550; }
.sfd-result-table tbody tr:last-child td { border-bottom: 0; }
.sfd-result-table tbody td:first-child { color: #293b52; font-weight: 600; }
.sfd-result-table tr > :first-child { width: 34%; }
.sfd-result-table tr > :last-child { width: 19%; text-align: right; white-space: nowrap; }
.sfd-result-table .sfd-material { padding-left: .58em; color: var(--sfd-muted); font-size: .9em; font-weight: 500; }
.sfd-report { margin-top: .73em; border: 1px solid #eddfb9; border-radius: 7px; }

.sfd-player.sfd-frozen *, .sfd-player.sfd-frozen *::before, .sfd-player.sfd-frozen *::after { animation-play-state: paused !important; }
.sfd-player.sfd-reduced *, .sfd-player.sfd-reduced *::before, .sfd-player.sfd-reduced *::after { animation: none !important; }

@container (max-width: 900px) {
  .sfd-origins li, .sfd-tree li { gap: .34em; }
  .sfd-tree { padding-block: .34em .28em; }
  .sfd-sheet-table :is(th, td), .sfd-result-table :is(th, td) { padding-block: .38em; }
  .sfd-sheet-letters > th { padding-block: .16em; }
}
@container (max-width: 780px) {
  .sfd-desktop {
    --sfd-ui: 13px;
    --sfd-small: 11px;
    --sfd-gap: 11px;
    min-height: 474px;
    aspect-ratio: auto;
    background: #edf1f7;
  }
  .sfd-browser { inset: 0; box-shadow: none; }
  .sfd-taskbar { display: none; }
  .sfd-tabs { min-height: 28px; }
  .sfd-omnibar { min-height: 34px; }
  .sfd-appbar { min-height: 35px; }
  .sfd-heading { grid-template-columns: minmax(0, 1fr); }
  .sfd-heading h3 { font-size: 18px; }
  .sfd-narration { font-size: 13px; }
  .sfd-proposal-source { display: none; }
  .sfd-layer[data-phase="intro"] .sfd-proposal-source { display: block; }
  .sfd-split { grid-template-columns: minmax(0, 1fr); }
  .sfd-review-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sfd-tree { padding-block: .49em .42em; }
  .sfd-tree li { padding-block: .36em; }
  .sfd-sheet-table tr > :first-child { width: 8%; }
  .sfd-sheet-table tr > :nth-child(2) { width: 49%; }
  .sfd-sheet-table tr > :nth-child(3) { width: 19%; }
  .sfd-sheet-table tr > :nth-child(4) { width: 15%; }
  .sfd-sheet-table tr > :last-child { width: 9%; }
  .sfd-result-table tr > :first-child { width: 35%; }
  .sfd-result-table tr > :last-child { width: 21%; }
  .sfd-result-table :is(th, td) { padding-inline: .5em; }
  .sfd-sheet-table :is(th, td) { padding-inline: .41em; }
  .sfd-result-table :is(th, td), .sfd-sheet-table :is(th, td) { padding-block: .51em; }
  .sfd-sheet-letters > th { padding-block: .13em; }
  .sfd-review-row { padding: .85em .65em; }
}
@container (max-width: 460px) {
  .sfd-appbar > .sfd-brand { padding-right: .8em; }
  .sfd-app-tabs { gap: clamp(7px, 2.1cqw, 12px); }
  .sfd-sheet-table { font-size: 12px; }
  .sfd-result-table { font-size: 12px; }
  .sfd-open-row, .sfd-report { align-items: flex-start; flex-direction: column; }
}
@container (max-width: 365px) {
  .sfd-desktop { min-height: 508px; }
  .sfd-sheet-table tr > :nth-child(3) { display: none; }
  .sfd-sheet-table tr > :first-child { width: 10%; }
  .sfd-sheet-table tr > :nth-child(2) { width: 60%; }
  .sfd-sheet-table tr > :nth-child(4) { width: 18%; }
  .sfd-sheet-table tr > :last-child { width: 12%; }
  .sfd-mobile-kind { display: block; color: var(--sfd-muted); font-size: .83em; }
  .sfd-result-table, .sfd-result-table :is(thead, tbody) { display: block; }
  .sfd-result-table tr { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: .16em .5em; padding: .46em .58em; border-bottom: 1px solid var(--sfd-line); }
  .sfd-result-table :is(th, td) { width: auto; padding: 0; border: 0; }
  .sfd-result-table tr > :is(:first-child, :last-child) { width: auto; }
  .sfd-result-table thead th:nth-child(2) { display: none; }
  .sfd-result-table tbody td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; color: var(--sfd-muted); font-size: var(--sfd-small); }
  .sfd-result-table tbody td:last-child { grid-column: 2; grid-row: 1; }
  .sfd-result-table tbody tr:last-child { border-bottom: 0; }
}
@container (max-width: 320px) {
  .sfd-desktop { min-height: 544px; }
  .sfd-appbar { flex-direction: column; }
  .sfd-appbar > .sfd-brand { min-height: 28px; }
  .sfd-app-tabs { min-height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .sfd-player *, .sfd-player *::before, .sfd-player *::after { animation: none !important; }
}