/* B: diena. Silts papīra fons, Playfair Display virsraksti, baltas kartītes ar ēnu, spirāle labajā pusē, lieli sadaļu numuri. */
:root {
  --bg: #F6F4EF; --ink: #14182B; --ink2: #3D4259; --muted: #6B7089;
  --a1: #0E9E87; --a2: #5B4BE0; --a3: #D93B63; --a4: #C98A00;
  --grad: linear-gradient(100deg, #0E9E87, #5B4BE0 65%, #D93B63);
  --hf: "Playfair Display", Georgia, serif; --hw: 500; --ls: -0.02em;
  --card: #FFFFFF; --line: rgba(20, 24, 43, 0.09); --line2: rgba(20, 24, 43, 0.2);
  --navbg: rgba(246, 244, 239, 0.82); --chip: rgba(14, 158, 135, 0.1); --spot: rgba(91, 75, 224, 0.08);
  --sh: 0 1px 2px rgba(20,24,43,.04), 0 18px 40px -24px rgba(20,24,43,.25); --r: 18px; --btnink: #FFFFFF; --inbg: #FFFFFF;
  --indbg: linear-gradient(160deg, #EEEBFF, #FFFFFF 70%);
  --jbg: linear-gradient(135deg, #14182B, #262B4A); --glowop: 0.16;
}
.hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); align-items: center; gap: 30px; }
.hero h1 { font-size: clamp(52px, 8.6vw, 124px); }
.hero h1 em { font-style: italic; }
.hx { border-radius: 28px; background: #FFFFFF; border: 1px solid var(--line); padding: 26px 0; box-shadow: var(--sh); transform: rotate(-4deg); transition: transform 0.2s ease-out; }
.stat b { -webkit-text-fill-color: initial; background: none; color: var(--ink); }
.sec h2 { font-weight: 500; }
.sec::before { content: attr(data-nr); display: block; font: italic 500 18px "Playfair Display", serif; color: var(--a2); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line2); max-width: 120px; }
.ey { color: var(--a2); }
.nr { font-family: "Playfair Display", serif; }
.jcard { color: #EEF1FA; --ink: #EEF1FA; --ink2: #C3C9DD; --muted: #9AA2C2; --line2: rgba(255,255,255,.2); --inbg: rgba(255,255,255,.06); --a1: #38E5C8; --chip: rgba(56,229,200,.14); }
.jcard input { color: #EEF1FA; }
.jcard .btn { --btnink: #0A0E1F; background: linear-gradient(100deg, #38E5C8, #8B7BFF); }
.btn.ghost { box-shadow: inset 0 0 0 1.5px var(--ink); }
@media (max-width: 980px) { .hero { grid-template-columns: minmax(0, 1fr); } .hx { transform: none; } }
h3 { font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: -0.01em; }

/* v2: B kā žurnāla lapa, ne A citās krāsās */
:root { --r: 6px; }
.stats { background: none; border: 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line2); border-radius: 0; gap: 0; }
.stat { background: none; padding: 26px 20px 22px 0; border-right: 1px solid var(--line); }
.stat:last-child { border-right: 0; }
.stat b { font: 500 clamp(52px, 6vw, 84px)/1 "Playfair Display", serif; }
.card { box-shadow: none; border-color: var(--line2); }
.card:hover { box-shadow: var(--sh); }
.nr { width: auto; height: auto; background: none; font: italic 500 54px/1 "Playfair Display", serif; color: var(--a2); margin-bottom: 10px; }
.posmi { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0; border-top: 2px solid var(--ink); }
.posmi::before, .posmi::after { display: none; }
.posmi li { display: block; padding: 22px 22px 26px 0; border-bottom: 1px solid var(--line2); }
.posmi li:nth-child(3n+2), .posmi li:nth-child(3n+3) { padding-left: 22px; border-left: 1px solid var(--line); }
.pn { width: auto; height: auto; border: 0; border-radius: 0; background: none; font: italic 500 46px/1 "Playfair Display", serif; color: var(--line2); margin-bottom: 8px; justify-content: start; }
.posmi li.on .pn { background: none; box-shadow: none; color: var(--a2); }
.fmt .tag { background: none; padding: 0; border-radius: 0; color: var(--a2); text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; border-bottom: 1px solid currentColor; }
.av { border-radius: 6px; }
@media (max-width: 980px) { .posmi { grid-template-columns: minmax(0, 1fr); } .posmi li:nth-child(n) { padding-left: 0; border-left: 0; } }
@media (max-width: 640px) { .stat { border-right: 0; border-bottom: 1px solid var(--line); } }