/* Jurnal Atemporalia — completează /styles.css */
.b-wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.b-top { padding: 28px 24px 0; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.b-top a { font-family: var(--font-body); font-weight: 600; font-size: 14px; letter-spacing: .04em; color: var(--muted); text-decoration: none; }
.b-top a:hover { color: var(--white); }
.b-hero { padding: 72px 24px 32px; max-width: 1200px; margin: 0 auto; }
.b-hero__kicker { font-family: var(--font-body); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 18px; }
.b-hero__title { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; line-height: .92; font-size: clamp(44px, 7vw, 112px); margin: 0; color: var(--white); max-width: 1100px; overflow-wrap: anywhere; }
.b-hero__meta { margin: 24px 0 0; color: var(--muted); font-size: 15px; }
.b-hero--index .b-hero__title { font-size: clamp(90px, 18vw, 300px); line-height: .85; }
.b-prose { font-family: var(--font-body); font-weight: 300; font-size: 19px; line-height: 1.7; color: rgba(255,255,255,.88); padding: 24px 0 64px; }
.b-prose h2 { font-family: var(--font-body); font-weight: 700; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -0.01em; color: var(--white); margin: 56px 0 16px; }
.b-prose h3 { font-family: var(--font-body); font-weight: 700; font-size: 21px; line-height: 1.3; color: var(--white); margin: 36px 0 12px; }
.b-prose p { margin: 0 0 20px; }
.b-prose ul, .b-prose ol { margin: 0 0 24px; padding-left: 22px; }
.b-prose li { margin: 0 0 10px; }
.b-prose strong { font-weight: 700; color: var(--white); }
.b-prose a { color: var(--white); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.b-prose a:hover { opacity: .6; }
.b-cta { border-top: 1px solid var(--muted-dark); border-bottom: 1px solid var(--muted-dark); padding: 40px 0; margin: 0 0 64px; }
.b-cta p { font-family: var(--font-body); font-weight: 700; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.25; margin: 0 0 20px; color: var(--white); }
.b-btn { display: inline-block; background: var(--white); color: var(--bg); font-family: var(--font-body); font-weight: 600; font-size: 15px; letter-spacing: .02em; padding: 14px 26px; border-radius: 100px; text-decoration: none; }
.b-btn:hover { opacity: .85; }
.b-list { list-style: none; margin: 0; padding: 0 0 80px; }
.b-list li { border-top: 1px solid var(--muted-dark); }
.b-list li:last-child { border-bottom: 1px solid var(--muted-dark); }
.b-list a { display: block; padding: 32px 0; color: var(--white); text-decoration: none; }
.b-list a:hover h2 { opacity: .6; }
.b-list h2 { font-family: var(--font-body); font-weight: 700; font-size: clamp(22px, 2.4vw, 32px); line-height: 1.2; margin: 0 0 10px; transition: opacity .2s; }
.b-list p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.b-list time { display: block; margin-top: 12px; color: var(--muted-dark); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.b-related h3 { font-family: var(--font-body); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 8px; }
.b-empty { color: var(--muted); padding: 40px 0 120px; font-size: 18px; }
.pill-nav--blog { position: fixed; bottom: 24px; }
@media (max-width: 600px) {
  .b-prose { font-size: 17px; }
  .b-hero { padding-top: 48px; }
}