/* sale path V1 (canon 150-151): owned by group G2 */

/* chair S2: not yellow, no button; the lock glyph sits on the first line. P2.5 (row 13): reading size, weight 500, ink - not a footnote. */
.hook-line { display: flex; gap: var(--gap-s); align-items: flex-start; margin: var(--gap-m) var(--gap-xs) 0; font: var(--t-read); font-weight: 500; color: var(--text); }
.hook-line .icon { flex: none; margin-top: 3px; }

/* == offer (canon 160-163): prototype d, docs/board/2026-09-30-offer/proto/proto.css (round C + round D blocks,
   ported rule for rule; the proto's deck-card margin resets are scoped to the two cards that use them) == */
[data-card="offer"] > .field, [data-card="offer"] > .surface-card, [data-card="offer"] > .offer-hero,
[data-card="offer"] > .read-note, [data-card="offer"] > .read-p,
[data-card="offer"] > .trust-list, [data-card="p"] > .offer-hero, [data-card="p"] > .surface-card { margin-top: 0; }
[data-card="offer"] > .steps-line { margin-top: var(--gap-xs); }
/* P2.5 (row 12, №337): the price line under the rows - body size, ink, no tick; a part never breaks inside, only at « · » */
[data-card="offer"] > .offer-price { margin-top: 0; font: var(--t-read); color: var(--text); }
.op-part { white-space: nowrap; }

.offer-hero { background: var(--surface); border: 2px solid var(--voice); border-radius: var(--r-card); padding: var(--pad-x); }
.offer-title { margin: 0; font: var(--t-title); color: var(--text); }
.hero-full .offer-head .meta { margin: var(--gap-xs) 0 0; }
.hero-full .grouped.hero-map { background: none; padding: 0; margin-top: var(--gap-m); border-top: 1px solid var(--line); border-radius: 0; }
.hero-map .g-row { padding: var(--gap-m) 0; min-height: var(--row-h); align-items: center; }
.hero-map .g-row:first-child { border-top: 0; }
.hero-map .g-row .g-label { font: var(--t-row); }
.hero-map .g-row .g-body { font: var(--t-body); color: var(--text); }
.hero-map .g-row .g-term { margin: var(--gap-xs) 0 0; font: var(--t-meta); color: var(--muted); }
.hero-map .g-row .g-end .icon { margin-top: 0; }
.hero-map .g-row.compact { padding: var(--gap-s) 0; }

/* the three purchase lines: full size, not muted (chair-b O-2) */
.trust-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-s); }
.trust-list .calc-item { display: flex; align-items: flex-start; gap: var(--gap-s); }
.trust-list .calc-text { font: var(--t-body); font-variation-settings: var(--flar-ui); color: var(--text); }
.trust-list .icon { margin-top: 4px; color: var(--text); }
.steps-line { margin: 0; }

/* the honesty note (unknown time): full reading size, not muted */
.read-note.honest { color: var(--text); margin-top: 0; }


/* board №366 S7e: the handover at the end of the free chart - Natalka's avatar row and her lines at reading size, the deck's own rhythm
   (one column, gap-m); the tab root's in-page bridge button under it. S8: the «continues …» caption of rows 4-6 is the rows' caption style. */
.handover { display: flex; flex-direction: column; gap: var(--gap-m); margin-top: var(--gap-xl); }
.handover .speaker-row { margin-top: 0; }
.handover .surface-card { margin-top: 0; }
.handover .surface-card .read-p:first-child { margin-top: 0; }
.handover .surface-card .read-p + .read-p { margin-top: var(--gap-m); }
.handover + .ending { margin-top: var(--gap-m); }
.hero-map .g-row .g-cont + .g-term { margin-top: 2px; }