/* ABOUTME: Deck-local styles for the act1 slides, layered over deck.css and the shared bridge. */
/* ABOUTME: Every class here carries the a1- prefix, so nothing leaks into another builder's slides. */

/* --- passbook: the spread as found, a detail of its first rows, and one row read as act and record --- */
.reveal .a1-passbook { --ca-left: 760px; }
.reveal .a1-reading { display: flex; flex-direction: column; gap: 22px; min-width: 0; min-height: 0; }
.reveal .a1-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
}
.reveal .a1-step {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 14px 22px;
  border: 2px solid var(--rule-strong);
  border-radius: 6px;
  background: var(--bg-2);
}
.reveal .a1-step b { color: var(--text-bright); font: 600 34px/1.15 var(--sans); }
.reveal .a1-step--record { border-color: var(--gold); background: color-mix(in oklab, var(--gold) 12%, var(--bg-2)); }
.reveal .a1-arrow { color: var(--text-dim); font: 400 44px/1 var(--sans); }

/* --- where-is-your-money: one balance as a banking app would show it, and the one real number beside it --- */
.reveal .a1-money { --ca-left: 720px; }
.reveal .a1-app {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: 44px 52px;
  border: 2px solid var(--rule-strong);
  border-radius: 28px;
  background: var(--bg-2);
}
.reveal .a1-balance { margin: 0; color: var(--text-bright); font: 600 120px/1 var(--sans); letter-spacing: -.02em; }
.reveal .a1-stat { margin: 0; color: var(--gold); font: 400 150px/.95 var(--serif); }
.reveal .a1-fact { display: flex; flex-direction: column; gap: 14px; }

/* --- cap-table: the same company's records before and after one investment --- */
.reveal .a1-cap { display: grid; grid-template-columns: 1fr auto 1fr; gap: 36px; align-items: stretch; height: 100%; box-sizing: border-box; padding-top: 26px; }
.reveal .a1-card { display: flex; flex-direction: column; gap: 20px; padding: 30px 34px; border: 2px solid var(--rule-strong); border-radius: 6px; background: var(--bg-2); }
.reveal .a1-card--after { border-color: var(--gold); }
.reveal .a1-card h3 { margin: 0; color: var(--text-bright); font: 400 46px/1.05 var(--serif); }
.reveal .a1-own { display: flex; height: 56px; border-radius: 4px; overflow: hidden; }
.reveal .a1-own span { display: flex; align-items: center; padding: 0 18px; color: var(--bg); font: 600 26px/1 var(--sans); white-space: nowrap; }
.reveal .a1-own .a1-founders { background: var(--teal); }
.reveal .a1-own .a1-investor { background: var(--gold); }
.reveal .a1-lines { display: grid; grid-template-columns: auto 1fr; gap: 10px 26px; margin: 0; }
.reveal .a1-lines dt { color: var(--text-dim); font: 400 var(--ce-reveal-body)/1.25 var(--sans); }
.reveal .a1-lines dd { margin: 0; color: var(--text-bright); font: 600 var(--ce-reveal-body)/1.25 var(--sans); }
.reveal .a1-event { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 250px; text-align: center; }
.reveal .a1-event b { color: var(--gold); font: 400 60px/1 var(--serif); }
.reveal .a1-event span { color: var(--text); font: 400 var(--ce-reveal-support)/1.25 var(--sans); }
.reveal .a1-next { margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--rule-strong); color: var(--text); font: 400 var(--ce-reveal-body)/1.3 var(--sans); }
.reveal .a1-next b { color: var(--gold); font-weight: 600; }

/* --- capital-remembers: the three numbers of the Florence study, each with what it measures --- */
.reveal b.a1-num { color: var(--gold); font: 400 64px/1 var(--serif); }

/* --- house-three-layers: three crops of one appraisal form, stacked with the building at the bottom --- */
.reveal .a1-layers { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)) auto; gap: 16px; height: 100%; box-sizing: border-box; padding-top: 26px; margin: 0; }
.reveal .a1-layer {
  display: grid;
  grid-template-columns: 470px minmax(0, 1fr);
  align-items: center;
  gap: 44px;
  min-height: 0;
  padding: 14px 30px;
  border-left: 4px solid var(--rule-strong);
  background: var(--bg-2);
}
.reveal .a1-layer--score { border-left-color: var(--gold); }
.reveal .a1-layer h3 { margin: 0 0 6px; color: var(--text-bright); font: 400 54px/1.02 var(--serif); }
.reveal .a1-layer p { margin: 0; color: var(--text-dim); font: 400 var(--ce-reveal-support)/1.25 var(--sans); }
.reveal .a1-crop { display: flex; align-items: center; justify-content: flex-start; height: 100%; min-height: 0; }
.reveal .a1-crop img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; border: 1px solid var(--rule-strong); }

/* --- yap: one photograph of the stones, and Furness's own words about the stone at the bottom of the sea --- */
.reveal .a1-yap { --ca-left: 1060px; }

/* --- many-scoreboards: the credit score's five published shares as one bar, and the other scoreboards beneath it --- */
.reveal .a1-boards { display: flex; flex-direction: column; gap: 40px; height: 100%; box-sizing: border-box; padding-top: 26px; }
.reveal .a1-unbounded { max-width: none; }
.reveal .a1-score { display: flex; flex-direction: column; gap: 14px; }
.reveal .a1-score-head b { color: var(--text); font-weight: 600; }
.reveal .a1-shares { display: grid; grid-template-columns: 35fr 30fr 15fr 10fr 10fr; gap: 8px; margin: 0; padding: 0; list-style: none; }
.reveal .a1-share { display: flex; flex-direction: column; gap: 12px; margin: 0; min-width: 0; color: var(--text); font: 400 var(--ce-reveal-support)/1.2 var(--sans); }
.reveal .a1-share b { display: flex; align-items: center; height: 200px; padding-left: 22px; font: 400 96px/1 var(--serif); }
.reveal .a1-share span { padding-left: 22px; }
.reveal .a1-share--top b { background: var(--gold); color: var(--bg); }
.reveal .a1-share--second b { background: var(--text-dim); color: var(--bg); }
.reveal .a1-share--third b { background: var(--text-faint); color: var(--text-bright); }
.reveal .a1-share--small b { background: var(--rule-strong); color: var(--text-bright); }
.reveal .a1-limit { margin: 0; color: var(--text); font: 400 var(--ce-reveal-support)/1.3 var(--sans); }
.reveal .a1-others { display: grid; grid-template-columns: 540px 1fr; gap: 56px; align-items: start; padding-top: 26px; border-top: 1px solid var(--rule-strong); }
.reveal .a1-ledgers, .reveal .a1-essay { display: flex; flex-direction: column; gap: 14px; }
.reveal .a1-chips { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.reveal .a1-chips li { margin: 0; padding: 14px 22px; border-top: 3px solid var(--rule-strong); background: var(--bg-2); color: var(--text-bright); font: 600 var(--ce-reveal-body)/1.2 var(--sans); }

/* --- house-three-layers: the form's own field labels, set in type, one group per layer --- */
.reveal .a1-form { display: flex; flex-direction: column; justify-content: center; gap: 10px; height: 100%; min-height: 0; padding: 4px 26px; border: 1px solid var(--rule-strong); border-radius: 3px; background: var(--bg); }
.reveal .a1-fields { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 34px; margin: 0; padding: 0 0 8px; list-style: none; border-bottom: 1px solid var(--rule); }
.reveal .a1-fields:last-child { padding-bottom: 0; border-bottom: 0; }
.reveal .a1-fields li { margin: 0; color: var(--text); font: 400 var(--ce-reveal-support)/1.25 var(--sans); }
.reveal .a1-blank { display: inline-block; width: 150px; margin-left: 10px; border-bottom: 2px solid var(--text-faint); }
.reveal .a1-box { display: inline-block; width: 20px; height: 20px; margin: 0 8px 0 0; border: 2px solid var(--text-dim); vertical-align: -2px; }
.reveal p.a1-sentence { margin: 0; color: var(--text-bright); font: italic 400 36px/1.25 var(--serif); }