/* FounderPact - verdicts additions (v1). New styles only; everything else
   reuses pact-v16.css classes. Loaded by index.html after colophon-v1.css. */

/* Clause 04 · The verdicts - same surface treatment the old wall section had */
.verdicts { background: #fffdf7; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); padding: 140px 0; }
html[data-theme="guide"] .verdicts { background: #f5f4f2; }

/* Fourth chip/verdict variant - directionally aligned: same direction,
   different numbers. Reads as "almost agreed": aligned color, dashed edge. */
.chip.dir { color: var(--gold-deep); border-color: rgba(176, 139, 62, 0.4); border-style: dashed; background: rgba(176, 139, 62, 0.04); }
html[data-theme="guide"] .chip.dir { color: #2f5e45; border-color: rgba(62, 124, 89, 0.45); background: rgba(62, 124, 89, 0.04); }
.drow .verdict.dir { color: var(--gold-deep); }
html[data-theme="guide"] .drow .verdict.dir { color: #2f5e45; }
/* green agrees: bring the demo's Aligned verdict onto the guide palette too */
html[data-theme="guide"] .drow .verdict.ok { color: #2f5e45; }

/* Solomon as a brand: his name in the cover links down to Meet Solomon.
   Motion-safe smooth scroll; quiet gold underline, not a web-blue link. */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.solomon-link { color: var(--gold-deep); font-weight: 640; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(176, 139, 62, 0.55); }
.solomon-link:hover { text-decoration-color: currentColor; }
html[data-theme="guide"] .solomon-link { color: #1b3a5c; text-decoration-color: rgba(27, 58, 92, 0.4); }

/* Solomon's word: the verdicts closer, spoken and signed */
.sol-word { margin: 46px auto 0; max-width: 560px; text-align: center; }
.sol-word blockquote { font-family: var(--serif); font-style: italic; font-size: clamp(19px, 2.2vw, 24px); line-height: 1.45; font-variation-settings: 'opsz' 40; }
.sol-word figcaption { margin-top: 14px; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700; color: var(--gold-deep); }
.sol-word figcaption::before { content: ""; display: block; width: 44px; height: 1px; background: var(--gold); opacity: 0.5; margin: 0 auto 10px; }
html[data-theme="guide"] .sol-word figcaption { color: #1b3a5c; }

/* Solomon nameplate under the mediator mark in the method diagram. Inherits
   the parent's opacity/transform animation, so it arrives with the circle. */
.iv-mediator .iv-name { position: absolute; top: calc(100% + 7px); left: 50%; transform: translateX(-50%); font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: var(--gold-deep); white-space: nowrap; }
html[data-theme="guide"] .iv-mediator .iv-name { color: #1b3a5c; }

/* Sign-in line inside the invite modal */
.inv-signin { margin-top: 16px; font-size: 13px; color: var(--sub2); }
.inv-signin a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }