/* Exclusive to Reflexões e Relatos. Approved pages retain their own styling. */
.reflections-main { --reflection-gold: #d1b383; --reflection-ivory: #e8dfd1; --reflection-border: #816242; background: #060e19; color: var(--reflection-ivory); padding-bottom: 4rem; }
.reflections-hero { position: relative; display: flex; align-items: center; min-height: 470px; padding: 3rem max(1.25rem, calc((100vw - 1160px) / 2)); background-image: linear-gradient(0deg, #060e19 0%, transparent 25%), url('../images/reflexoes-rosa-caneta.png'); background-size: cover; background-position: center 45%; }
.reflections-hero-copy { position: relative; width: 55%; max-width: 640px; margin-left: auto; padding: 1.5rem 0 1.5rem 2rem; }
.reflections-main .reflections-kicker { margin: 0 0 1rem; color: var(--reflection-gold); font: 400 .72rem/1.7 var(--ah-sans); letter-spacing: .2em; text-transform: uppercase; }
.reflections-main h1 { margin: 0; color: #dcc18b; font: 400 clamp(2.8rem, 5vw, 4.9rem)/1.08 "Baskerville Old Face", "Palatino Linotype", Georgia, serif; text-wrap: balance; }
.reflections-rule { display: flex; align-items: center; gap: .7rem; max-width: 290px; margin: 1.7rem 0; color: var(--reflection-gold); }
.reflections-rule::before, .reflections-rule::after { content: ''; height: 1px; flex: 1; background: #967744; }
.reflections-rule span { font-size: 1.3rem; line-height: 1; }
.reflections-main .reflections-intro { max-width: 40ch; margin: 0; color: #eee4d6; font: 400 1.12rem/1.8 "Palatino Linotype", Georgia, serif; }
.reflections-voices, .reflections-visitors, .reflections-extra { width: min(1160px, calc(100% - 2.5rem)); margin: 0 auto; }
.reflections-voices { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.reflections-voice { position: relative; display: flex; align-items: center; gap: 1.5rem; min-height: 220px; padding: 1.8rem 2rem; border: 1px solid var(--reflection-border); outline: 1px solid #594733; outline-offset: -7px; border-radius: 3px; background: linear-gradient(130deg, #0b1421, #121322); }
.reflections-voice > div { position: relative; z-index: 1; min-width: 0; flex: 1; }
.reflections-voice-inside { background: radial-gradient(ellipse at right bottom, #15213b, transparent 65%), #081321; }
.reflections-main .reflections-voice h2 { margin: 0; color: var(--reflection-gold); font: 400 clamp(1.35rem, 2.2vw, 1.8rem)/1.3 "Palatino Linotype", Georgia, serif; letter-spacing: .045em; }
.reflections-voice .reflections-kicker { font-size: .65rem; margin-bottom: .4rem; }
.reflections-small-rule { width: 90px; height: 1px; background: #967744; margin: 1rem 0; }
.reflections-main .reflections-pending { margin: 0; max-width: 32ch; color: #c5baaa; font: italic 400 .98rem/1.7 "Palatino Linotype", Georgia, serif; }
.reflections-main .reflections-signature { margin: 1rem 0 0; color: var(--reflection-gold); font: italic 400 1.4rem/1.3 "Baskerville Old Face", "Palatino Linotype", Georgia, serif; text-align: right; }
.reflections-nib { flex: 0 0 36px; width: 36px; height: 105px; stroke: #b79a64; stroke-width: .8; fill: none; }
.reflections-traces { flex: 0 0 90px; width: 90px; height: 120px; stroke: #9e8051; stroke-width: .6; fill: none; opacity: .7; }
.reflections-traces circle { fill: #c5aa78; }
.reflections-visitors { margin-top: 2.3rem; }
.reflections-visitors-heading { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; }
.reflections-main .reflections-visitors-heading h2 { margin: 0; color: var(--reflection-gold); font: 400 1.1rem/1.5 "Palatino Linotype", Georgia, serif; letter-spacing: .13em; text-transform: uppercase; }
.reflections-visitors-heading > span { height: 1px; flex: 1; background: #6b583f; }
.reflections-visitors-layout { display: grid; grid-template-columns: 1.6fr 1fr; gap: 3rem; }
.reflections-main .reflections-visitors-intro { margin: 0; max-width: 55ch; color: #d5cabb; font: 400 1.07rem/1.85 "Palatino Linotype", Georgia, serif; }
.reflections-editorial-note { padding-left: 1.4rem; border-left: 1px solid #6b583f; }
.reflections-main .reflections-editorial-note h3 { margin: 0 0 .6rem; color: var(--reflection-gold); font: 400 .95rem/1.5 "Palatino Linotype", Georgia, serif; }
.reflections-main .reflections-editorial-note p { margin: 0; color: #c5baaa; font: 400 .9rem/1.8 "Palatino Linotype", Georgia, serif; }
.reflections-main .reflection-excerpt { color: var(--reflection-ivory); font: 400 1.05rem/1.8 "Palatino Linotype", Georgia, serif; }
.reflection-excerpt a { color: var(--reflection-gold); }
.reflections-extra { margin-top: 2rem; font: 400 1.1rem/1.8 "Palatino Linotype", Georgia, serif; }
@media (max-width: 1000px) { .reflections-hero-copy { width: 58%; } .reflections-voice { padding: 1.8rem 1.3rem; gap: 1rem; } .reflections-traces { flex-basis: 48px; width: 48px; } }
@media (max-width: 760px) {
  .reflections-hero { min-height: 610px; align-items: flex-end; padding: 18rem 1.4rem 2.6rem; background-size: auto 390px; background-position: left top; background-repeat: no-repeat; background-image: linear-gradient(0deg, #060e19 0%, #060e19 30%, transparent 72%), url('../images/reflexoes-rosa-caneta.png'); }
  .reflections-hero-copy { width: 100%; max-width: none; padding: 0; margin: 0; }
  .reflections-main h1 { font-size: clamp(2.6rem, 9vw, 3.6rem); }
  .reflections-voices { grid-template-columns: minmax(0, 1fr); }
  .reflections-voice { min-height: 200px; padding: 1.7rem 1.5rem; }
  .reflections-visitors-layout { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; }
  .reflections-visitors-heading { gap: .8rem; }
  .reflections-visitors-heading h2 { max-width: 20ch; }
}