/* Iskra — text pages (manifesto, about, privacy, terms, refunds): one typographic column over the shared scene. */
:root { --faint: #b2b8b4; --line: #ffffff26; }
.manifest-layout { padding-inline: var(--edge); }
.mf { width: min(56%, 740px); min-width: 0; margin-left: auto; padding: clamp(40px, 6vh, 80px) 0 72px; overflow-wrap: anywhere; }
.kicker { font: 400 10px/1.7 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--faint); }
.mf h1 { font: 400 clamp(36px, 3.5vw, 58px)/1.12 var(--display); letter-spacing: -.045em; margin: 22px 0 28px; }
.mf h1 em { display: block; font: inherit; margin-top: 4px; }
.mf .lede { font: 400 clamp(18px, 1.6vw, 23px)/1.6 var(--body); color: var(--paper); max-width: 100%; margin: 0 0 22px; }
.mf p { margin-bottom: 16px; color: var(--silver-copy); }
.mf p.strong { color: var(--paper); }
.mf .kicker { color: var(--faint); }
.art { margin-top: 64px; padding-top: 22px; border-top: 1px solid var(--line); }
.art .kicker { display: flex; justify-content: space-between; gap: 20px; font-size: 9px; }
.art h2 { font: 400 clamp(28px, 2.5vw, 40px)/1.16 var(--display); letter-spacing: -.035em; margin: 20px 0 24px; }
.close { margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--line); }
.close blockquote { font: 400 clamp(24px, 2.4vw, 34px)/1.35 var(--display); letter-spacing: -.025em; color: var(--paper); margin: 0 0 20px; }
.close .kicker { margin-bottom: 24px; }
.cta { display: inline-flex; align-items: center; min-height: 48px; padding-block: 10px; border-bottom: 1px solid var(--silver-muted); font: 500 13px/1.6 var(--body); }
@media (min-width: 761px) and (max-width: 1100px) { .mf { width: 64%; } }
@media (max-width: 760px) {
  .mf { width: 100%; padding-block: 28px 40px; }
  .mf h1 { font-size: clamp(36px, 9vw, 48px); }
  .mf p { font-size: 14px; line-height: 1.85; }
  .mf .lede { font-size: 18px; }
  .art { margin-top: 44px; }
  .mf .kicker { font-size: 9px; }
}
[data-l][hidden] { display: none; }
.mf h2 { font: 400 clamp(22px, 1.9vw, 28px)/1.2 var(--display); letter-spacing: -.03em; color: var(--paper); margin: 44px 0 12px; }
.art h2 { font: 400 clamp(28px, 2.5vw, 40px)/1.16 var(--display); letter-spacing: -.035em; margin: 20px 0 24px; }
.mf ul { margin: 0 0 16px 20px; padding: 0; color: var(--silver-copy); }
.mf li { margin-bottom: 8px; }
.mf b { font-weight: 500; color: var(--paper); }
.mf a:not(.cta) { color: var(--paper); border-bottom: 1px solid var(--silver-muted); }
.mf a:not(.cta):hover { border-color: var(--silver-ink); }
.mf .upd { font: 400 10px/1.7 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--faint); margin: -10px 0 30px; }
.mf .hair { height: 1px; background: var(--line); margin: 44px 0 22px; }
.mf .fact, .mf .legal { font: 400 12px/1.8 var(--body); color: var(--faint); }
@media (max-width: 760px) { .mf li { font-size: 14px; line-height: 1.85; } .mf h2 { margin-top: 34px; } }

/* Type: Jost runs lighter and smaller than Inter did (see spirit.css). */
.mf h1, .art h2, .mf h2, .close blockquote { font-weight: 300; letter-spacing: -.02em; }
.mf .lede { font-weight: 300; font-size: clamp(20px, 1.7vw, 25px); }
.mf p, .mf li { font-size: 17px; line-height: 1.75; }
.mf .kicker, .mf .upd { font-size: 11px; }
.art .kicker { font-size: 10px; }
.mf .fact, .mf .legal { font-size: 13px; }
.cta { font-size: 15px; font-weight: 400; }
@media (max-width: 760px) {
  .mf p, .mf li { font-size: 16px; line-height: 1.75; }
  .mf .lede { font-size: 19px; }
  .mf .kicker, .art .kicker { font-size: 10px; }
}