/* ============================================================
   FORJA LENDÁR[IA] · lendario-vs-mediocre.css
   "O Espelho da Forja": a diferença entre o Lendário e o Medíocre.
   Construído sobre tokens.css + forja.css.
   Gramática do espelho: luz (amarelo) à esquerda, sombra
   (vermelho/brasa) à direita, separadas pela divisa de fogo.
   ============================================================ */

/* ---- HERO BIPOLAR ---- */
.lvm-hero { position: relative; min-height: 92vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 150px 32px 96px; overflow: hidden; }
.lvm-hero .kick { position: relative; z-index: 2; font-family: var(--voz-sagrada); font-size: 12px; letter-spacing: 0.4em; text-transform: uppercase; color: var(--amarelo); margin-bottom: 30px; }
.lvm-split { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: clamp(16px, 4vw, 56px); width: 100%; max-width: 1080px; }
.lvm-split .side { font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.02em; line-height: 0.88; font-size: clamp(30px, 5.2vw, 78px); white-space: nowrap; min-width: 0; }
.lvm-split .side.luz { color: var(--bege); text-align: right; }
.lvm-split .side.luz b { color: var(--amarelo); font-weight: inherit; text-shadow: 0 0 44px var(--amarelo-35); }
.lvm-split .side.sombra { color: rgba(232,220,196,0.34); text-align: left; }
.lvm-split .side.sombra b { color: var(--vermelho-sinal); font-weight: inherit; text-shadow: 0 0 40px rgba(230,57,70,0.3); }
.lvm-split .vs { position: relative; width: clamp(52px, 6vw, 72px); height: clamp(52px, 6vw, 72px); justify-self: center; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--bronze); background: var(--preto); box-shadow: 0 0 0 7px var(--preto), 0 0 34px rgba(0,0,0,0.7), inset 0 0 22px rgba(0,0,0,0.6); font-family: var(--voz-sagrada); font-size: clamp(22px, 2.6vw, 34px); font-weight: 600; color: var(--bege); }
.lvm-split .vs::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; border: 1px solid var(--amarelo-40); }
.lvm-split .vs::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; background: conic-gradient(from 0deg, var(--vermelho-sinal), transparent 25% 75%, var(--amarelo)); -webkit-mask: radial-gradient(circle, transparent 0 calc(50% - 1px), #000 calc(50% - 1px)); mask: radial-gradient(circle, transparent 0 calc(50% - 1px), #000 calc(50% - 1px)); opacity: 0.55; }
.lvm-hero .lvm-lede { position: relative; z-index: 2; max-width: 680px; margin: 52px auto 0; font-family: var(--voz-operacional); font-size: clamp(19px, 2.1vw, 24px); line-height: 1.62; color: var(--fg2); }
.lvm-hero .lvm-lede .am { color: var(--amarelo); font-style: italic; text-shadow: 0 0 20px var(--amarelo-30); }
/* divisa do hero · mais transparente e etérea */
.lvm-hero .mtz-hero-divisa { background: linear-gradient(180deg, transparent, rgba(246,195,36,0.16) 32%, rgba(230,57,70,0.16) 68%, transparent); opacity: 0.7; }
.lvm-scroll { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); z-index: 2; font-family: var(--voz-sagrada); font-size: 10px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--bronze); animation: pulse 2.5s ease-in-out infinite; }

/* ---- DOUTRINA · os dois lobos ---- */
.lvm-doutrina { max-width: 880px; margin: 0 auto; text-align: center; }
.lvm-doutrina .big { font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.02em; line-height: 0.98; font-size: clamp(28px, 4.4vw, 56px); color: var(--bege); margin: 0 0 28px; }
.lvm-doutrina .big .am { color: var(--amarelo); }
.lvm-doutrina .big .verm { color: var(--vermelho-sinal); }
.lvm-doutrina p { font-family: var(--voz-operacional); font-size: 21px; line-height: 1.72; color: var(--fg2); max-width: 720px; margin: 0 auto 16px; text-wrap: pretty; }
.lvm-doutrina .destaque { color: var(--bege); font-style: italic; }

/* ---- OS DOIS CICLOS · espelho de duas faces ---- */
.lvm-cycles { display: grid; grid-template-columns: 1fr 2px 1fr; border: 1px solid var(--linha-bronze); }
.lvm-fire { background: var(--linha-de-fogo); }
.lvm-face { padding: clamp(32px, 4vw, 56px) clamp(26px, 3vw, 44px); position: relative; }
.lvm-face.luz { background: linear-gradient(180deg, var(--amarelo-08), transparent 70%); }
.lvm-face.sombra { background: linear-gradient(180deg, var(--brasa-16), transparent 70%); }
.lvm-face .face-kick { font-family: var(--voz-sagrada); font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; margin-bottom: 18px; }
.lvm-face.luz .face-kick { color: var(--amarelo); }
.lvm-face.sombra .face-kick { color: var(--vermelho-sinal); }
.lvm-face h3 { font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.02em; line-height: 0.94; font-size: clamp(28px, 3.4vw, 46px); margin: 0 0 24px; color: var(--bege); }
.lvm-face.sombra h3 { color: rgba(232,220,196,0.82); }
.lvm-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; margin-bottom: 26px; }
.lvm-flow .node { font-family: var(--voz-sagrada); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; padding: 8px 12px; border: 1px solid var(--linha-bronze); }
.lvm-face.luz .node { color: var(--amarelo); border-color: var(--amarelo-40); }
.lvm-face.sombra .node { color: var(--vermelho-sinal); border-color: rgba(230,57,70,0.35); }
.lvm-flow .sep { color: var(--bronze); font-size: 13px; }
.lvm-face p { font-family: var(--voz-operacional); font-size: 18.5px; line-height: 1.7; color: var(--fg2); margin: 0 0 14px; text-wrap: pretty; }
.lvm-face p:last-child { margin-bottom: 0; }
.lvm-face p strong { color: var(--bege); font-weight: 600; }
.lvm-face.luz p strong { color: var(--amarelo); }
.lvm-face.sombra p strong { color: var(--vermelho-sinal); font-weight: 600; }

/* ---- OS 3 PILARES ESPELHADOS ---- */
.lvm-creed { border: 1px solid var(--amarelo-40); background: linear-gradient(180deg, var(--preto-2), var(--preto)); padding: clamp(26px, 3vw, 40px); margin-bottom: 48px; }
.lvm-creed q { font-family: var(--voz-sagrada); font-style: italic; font-size: clamp(20px, 2.2vw, 27px); line-height: 1.5; color: var(--bege); quotes: "\201C" "\201D"; }
.lvm-pillars { display: grid; gap: 3px; }
.lvm-pillar { display: grid; grid-template-columns: 1fr 2px 1fr; border: 1px solid var(--linha-bronze); background: var(--preto); }
.lvm-pillar + .lvm-pillar { margin-top: 22px; }
.lvm-half { padding: clamp(28px, 3vw, 40px); }
.lvm-half.luz { background: linear-gradient(160deg, var(--amarelo-05), transparent 60%); }
.lvm-half.sombra { background: linear-gradient(160deg, var(--brasa-14), transparent 60%); }
.lvm-half .roman { font-family: var(--voz-monumental); font-size: 40px; line-height: 0.8; margin-bottom: 16px; }
.lvm-half.luz .roman { color: var(--amarelo); text-shadow: 0 0 24px var(--amarelo-30); }
.lvm-half.sombra .roman { color: var(--vermelho-sinal); opacity: 0.85; }
.lvm-half .tag { display: inline-block; font-family: var(--voz-sagrada); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; padding: 4px 10px; border: 1px solid currentColor; margin-bottom: 18px; }
.lvm-half.luz .tag { color: var(--amarelo); }
.lvm-half.sombra .tag { color: var(--vermelho-sinal); }
.lvm-half h4 { font-family: var(--voz-sagrada); font-size: clamp(21px, 2.4vw, 28px); line-height: 1.12; margin: 0 0 16px; color: var(--bege); }
.lvm-half.sombra h4 { color: rgba(232,220,196,0.78); }
.lvm-half p { font-family: var(--voz-operacional); font-size: 18px; line-height: 1.68; color: var(--fg2); margin: 0 0 14px; text-wrap: pretty; }
.lvm-half p:last-child { margin-bottom: 0; }
.lvm-half.sombra p { color: var(--fg3); }
.lvm-half p strong { color: var(--bege); font-weight: 600; }
.lvm-half.luz p strong { color: var(--amarelo); }
.lvm-half.sombra p strong { color: var(--vermelho-sinal); }

/* ---- A TABELA DO ESPELHO ---- */
.lvm-table { border: 1px solid var(--linha-bronze); }
.lvm-trow { display: grid; grid-template-columns: 1fr 1fr; }
.lvm-trow > div { padding: 14px 20px 14px 42px; border-top: 1px solid var(--linha-fraca); font-family: var(--voz-operacional); font-size: 18px; line-height: 1.48; position: relative; text-wrap: pretty; }
.lvm-trow > div:last-child { border-left: 1px solid var(--linha-bronze); }
.lvm-trow .l { color: var(--fg1); }
.lvm-trow .m { color: var(--fg3); }
.lvm-trow .l::before, .lvm-trow .m::before { content: ""; position: absolute; left: 20px; top: 1.05em; width: 9px; height: 9px; }
.lvm-trow .l::before { background: var(--amarelo); transform: rotate(45deg); box-shadow: 0 0 8px var(--amarelo-45); }
.lvm-trow .m::before { border: 1.5px solid var(--vermelho-sinal); opacity: 0.6; transform: rotate(45deg); }
.lvm-trow:nth-child(even) > div { background: rgba(255,255,255,0.012); }
.lvm-trow.head > div { border-top: 0; padding: 18px 22px; font-family: var(--voz-sagrada); font-size: 14px; letter-spacing: 0.22em; text-transform: uppercase; display: flex; align-items: center; gap: 12px; }
.lvm-trow.head > div::before { display: none; }
.lvm-trow.head .l { color: var(--amarelo); background: var(--amarelo-08); }
.lvm-trow.head .m { color: var(--vermelho-sinal); background: var(--brasa-16); }
.lvm-trow.head .glyph { font-size: 18px; }

/* ---- DIAGRAMA DOS CICLOS (SVG gerado) ---- */
.cyc-svg { width: 100%; height: auto; display: block; }
.cyc-title { font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.01em; font-size: 21px; }
.cyc-node { font-family: var(--voz-sagrada); font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; }
.cyc-center { font-family: var(--voz-monumental); font-size: 22px; letter-spacing: 0.02em; }
.cyc-pillar { font-family: var(--voz-sagrada); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; }
.cyc-caption { font-family: var(--voz-operacional); font-style: italic; font-size: 17px; letter-spacing: 0.04em; }

/* ---- VIDA NO MOVIMENTO · os ciclos giram, o núcleo pulsa ---- */
@keyframes cycFlow { to { stroke-dashoffset: -8.5; } }
@keyframes cycFlowRev { to { stroke-dashoffset: 8.5; } }
.cyc-arc { animation: cycFlow 1.5s linear infinite; }
.cyc-arc.cyc-rev { animation-name: cycFlowRev; }
.lvm-mapa:not(.in) .cyc-arc { animation-play-state: paused; }
@keyframes cycCore { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }
.cyc-center { animation: cycCore 3.2s ease-in-out infinite; }

/* hero · as duas faces divergem do selo central, o selo acende */
@keyframes lvmInL { from { opacity: 0; transform: translateX(46px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lvmInR { from { opacity: 0; transform: translateX(-46px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lvmSeal { from { opacity: 0; transform: scale(0.4); } to { opacity: 1; transform: scale(1); } }
@keyframes lvmFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.lvm-split .side.sombra { animation: lvmInL 1.1s cubic-bezier(0.2,0,0,1) 0.15s both; }
.lvm-split .side.luz { animation: lvmInR 1.1s cubic-bezier(0.2,0,0,1) 0.15s both; }
.lvm-split .vs { animation: lvmSeal 0.9s cubic-bezier(0.2,0,0,1) 0.45s both; }
.lvm-hero .kick { animation: lvmFadeUp 0.9s ease both; }
.lvm-hero .lvm-lede { animation: lvmFadeUp 1s ease 0.5s both; }

@media (prefers-reduced-motion: reduce) {
  .cyc-arc, .cyc-center, .lvm-split .side, .lvm-split .vs, .lvm-hero .kick, .lvm-hero .lvm-lede { animation: none; }
}

/* par de ciclos · MEDÍOCRE à esquerda · LENDÁRIO à direita · full-bleed */
.lvm-mapa { padding-block: clamp(100px, 15vh, 190px); }
.lvm-mapa > .wrap:first-child { margin-bottom: clamp(52px, 8vh, 104px); }
.lvm-mapa > .wrap:last-child { margin-top: clamp(44px, 6vh, 84px); }
.lvm-duo { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: stretch; border: 1px solid var(--linha-bronze); background: var(--preto-2); width: min(1640px, 94vw); margin-inline: auto; }
.lvm-duo .duo-cell { position: relative; padding: clamp(28px, 3.4vw, 68px) clamp(20px, 2.6vw, 52px); }
.lvm-duo .duo-cell.sombra { background: radial-gradient(ellipse at 50% 44%, var(--brasa-16), transparent 66%); }
.lvm-duo .duo-cell.luz { background: radial-gradient(ellipse at 50% 44%, var(--amarelo-10), transparent 66%); }
/* divisa do par · fio de fogo translúcido, esvaecendo nas pontas */
.lvm-duo .duo-fire { background: linear-gradient(180deg, transparent, var(--amarelo-30) 24%, rgba(230,57,70,0.26) 76%, transparent); }
.lvm-bracket { margin-top: 34px; border: 1px solid var(--linha-fraca); padding: 30px clamp(28px, 5vw, 70px); text-align: center; position: relative; background: var(--preto-2); }
.lvm-bracket::before, .lvm-bracket::after { content: ""; position: absolute; top: 14px; bottom: 14px; width: 12px; border: 1px solid var(--bronze); opacity: 0.6; }
.lvm-bracket::before { left: 14px; border-right: 0; }
.lvm-bracket::after { right: 14px; border-left: 0; }
.lvm-bracket q { font-family: var(--voz-sagrada); font-style: italic; font-size: clamp(19px, 2.1vw, 25px); line-height: 1.5; color: var(--bege); quotes: "\201C" "\201D"; }
.lvm-bracket q .am { color: var(--amarelo); font-style: normal; } .lvm-bracket q .verm { color: var(--vermelho-sinal); font-style: normal; }

/* ---- NARRATIVA · coluna de leitura ---- */
.lvm-read { max-width: 760px; }
.lvm-read.center { margin-left: auto; margin-right: auto; }
.lvm-read p { font-family: var(--voz-operacional); font-size: 21px; line-height: 1.74; color: var(--fg2); margin: 0 0 20px; text-wrap: pretty; }
.lvm-read p:last-child { margin-bottom: 0; }
.lvm-read p .am { color: var(--amarelo); font-weight: 600; text-shadow: 0 0 18px var(--amarelo-30); }
.lvm-read p .verm { color: var(--vermelho-sinal); font-weight: 600; }
.lvm-read p .destaque { color: var(--bege); font-style: italic; }
.lvm-read p strong { color: var(--bege); font-weight: 600; }
.lvm-topic-links { max-width: 960px; margin-top: 38px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--linha-fraca); background: var(--linha-fraca); }
.lvm-topic-links a { min-height: 86px; padding: 18px 20px; display: flex; flex-direction: column; justify-content: center; gap: 7px; color: inherit; text-decoration: none; background: linear-gradient(180deg, var(--preto-2), var(--preto)); transition: background 0.25s, border-color 0.25s, color 0.25s; }
.lvm-topic-links a:hover, .lvm-topic-links a:focus-visible { background: var(--amarelo-08); color: var(--bege); outline: 1px solid var(--amarelo-40); outline-offset: -1px; }
.lvm-topic-links span { font-family: var(--voz-sagrada); font-size: 14px; line-height: 1.22; color: var(--bege); }
.lvm-topic-links small { font-family: var(--voz-operacional); font-size: 13px; line-height: 1.35; color: var(--fg3); }
.lvm-topic-links a:hover small, .lvm-topic-links a:focus-visible small { color: var(--fg2); }
.lvm-source-note { max-width: 920px; margin: 20px 0 0; font-family: var(--voz-operacional); font-size: 14px; line-height: 1.65; color: var(--fg3); }
.lvm-source-note a { color: var(--bronze); text-decoration-color: var(--linha-bronze); text-underline-offset: 3px; }
.lvm-source-note a:hover { color: var(--amarelo); }

/* capítulo de pilar / anti-pilar */
.lvm-chapter { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: clamp(20px, 3vw, 40px); align-items: start; padding-top: 40px; margin-top: 40px; border-top: 1px solid var(--linha-bronze); }
.lvm-chapter:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.lvm-chapter .mark { position: sticky; top: 90px; }
.lvm-chapter .rn { font-family: var(--voz-monumental); font-size: 64px; line-height: 0.78; }
.lvm-chapter.luz .rn { color: var(--amarelo); text-shadow: 0 0 28px var(--amarelo-30); }
.lvm-chapter.sombra .rn { color: var(--vermelho-sinal); }
.lvm-chapter .tri { margin-top: 14px; opacity: 0.85; }
.lvm-chapter .tag { display: inline-block; font-family: var(--voz-sagrada); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; padding: 4px 10px; border: 1px solid currentColor; margin-bottom: 16px; }
.lvm-chapter.luz .tag { color: var(--amarelo); } .lvm-chapter.sombra .tag { color: var(--vermelho-sinal); }
.lvm-chapter h3 { font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.02em; line-height: 0.96; font-size: clamp(27px, 3.4vw, 44px); color: var(--bege); margin: 0 0 22px; }
.lvm-chapter.sombra h3 { color: rgba(232,220,196,0.82); }
.lvm-chapter .body p { font-family: var(--voz-operacional); font-size: 20px; line-height: 1.72; color: var(--fg2); margin: 0 0 16px; text-wrap: pretty; }
.lvm-chapter .body p:last-child { margin-bottom: 0; }
.lvm-chapter .body strong { color: var(--bege); font-weight: 600; }
.lvm-chapter.luz .body strong { color: var(--amarelo); }
.lvm-chapter.sombra .body strong { color: var(--vermelho-sinal); }

/* fluxo em chips (entre textos) */
.lvm-flowline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 26px; }
.lvm-flowline .node { font-family: var(--voz-sagrada); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; padding: 7px 12px; border: 1px solid var(--linha-bronze); }
.lvm-flowline.luz .node { color: var(--amarelo); border-color: var(--amarelo-40); }
.lvm-flowline.sombra .node { color: var(--vermelho-sinal); border-color: rgba(230,57,70,0.35); }
.lvm-flowline .sep { color: var(--bronze); }

/* ---- AUTOEXAME VIVO · medidor entre os dois lobos ---- */
.lvm-livexam { margin-top: 40px; }
.lobo-meter { margin-top: 32px; }
.lm-track { position: relative; height: 6px; background: linear-gradient(90deg, var(--vermelho-sinal), var(--cinzas) 50%, var(--amarelo)); }
.lm-marker { position: absolute; top: 50%; left: calc(var(--lm-marker-pos, 50) * 1%); width: 3px; height: 24px; background: var(--bege); transform: translate(-50%, -50%); box-shadow: 0 0 12px rgba(0,0,0,0.7); }
.lm-marker::before { content: ""; position: absolute; left: 50%; top: -9px; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid var(--bege); }
.lm-ends { display: flex; justify-content: space-between; margin-top: 12px; font-family: var(--voz-sagrada); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; }
.lm-ends .verm { color: var(--vermelho-sinal); }
.lm-ends .am { color: var(--amarelo); }

/* ---- RESPONSIVO ---- */
@media (max-width: 860px) {
  .lvm-topic-links { grid-template-columns: 1fr 1fr; }
  .lvm-cycles, .lvm-pillar { grid-template-columns: 1fr; }
  .lvm-fire, .lvm-pillar > .lvm-half:first-child { border-bottom: 1px solid var(--linha-bronze); }
  .lvm-cycles > .lvm-fire { height: 2px; background: var(--linha-de-fogo); }
  .lvm-duo { grid-template-columns: 1fr; }
  .lvm-duo .duo-fire { height: 2px; background: var(--linha-de-fogo); }
  .lvm-chapter { grid-template-columns: 1fr; gap: 16px; }
  .lvm-chapter .mark { position: static; display: flex; align-items: center; gap: 16px; }
  .lvm-chapter .tri { margin-top: 0; }
}
@media (max-width: 620px) {
  .lvm-split { grid-template-columns: 1fr; gap: 6px; }
  .lvm-split .side.luz, .lvm-split .side.sombra { text-align: center; }
  .lvm-topic-links { grid-template-columns: 1fr; }
  .lvm-trow { grid-template-columns: 1fr; }
  .lvm-trow > div:last-child { border-left: 0; }
  .lvm-trow.head { display: none; }
  .lvm-trow > div { font-size: 16.5px; }
}

/* ---- A VIRADA · transição da sombra (medíocre) ao autoexame ---- */
.lvm-turn { position: relative; text-align: center; max-width: 820px; margin: 0 auto; padding-block: 24px; }
.lvm-turn-glow { position: absolute; top: 50%; left: 50%; width: min(560px, 92%); height: 440px; z-index: 0; pointer-events: none; transform: translate(-50%, calc(-50% + var(--py, 0px))); }
.lvm-turn-glow::after { content: ""; position: absolute; inset: 0; border-radius: 50%; filter: blur(66px); background: radial-gradient(ellipse, var(--amarelo-12), var(--brasa-16) 46%, transparent 72%); animation: turnPulse 7s ease-in-out infinite; }
@keyframes turnPulse { 0%,100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.92; transform: scale(1.1); } }
.lvm-turn-rule { position: relative; z-index: 1; width: 1px; height: 78px; margin: 0 auto 32px; background: linear-gradient(180deg, transparent, var(--vermelho-sinal) 40%, var(--amarelo)); transform-origin: top center; transition: transform 1.3s cubic-bezier(0.2,0,0,1) 0.15s, opacity 1s ease; }
.reveal:not(.in) .lvm-turn-rule { transform: scaleY(0); opacity: 0; }
.reveal.in .lvm-turn-rule { transform: scaleY(1); opacity: 1; }
.lvm-turn .turn-kick { position: relative; z-index: 1; font-family: var(--voz-sagrada); font-size: 12px; letter-spacing: 0.34em; text-transform: uppercase; color: var(--amarelo); margin-bottom: 24px; }
.lvm-turn-q { position: relative; z-index: 1; font-family: var(--voz-monumental); text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.0; font-size: clamp(26px, 4vw, 50px); color: var(--bege); margin: 0; }
.lvm-turn-q .am { color: var(--amarelo); text-shadow: 0 0 32px var(--amarelo-35); }
@media (prefers-reduced-motion: reduce) { .lvm-turn-glow::after { animation: none; } }

/* ---- RITMO · mais espaço, fluidez e descanso visual ---- */
main > section { padding-block: clamp(90px, 12.5vh, 156px); }
.sec-head { margin-bottom: 60px; }
.lvm-read p { margin-bottom: 24px; }
.lvm-chapter { padding-top: 58px; margin-top: 58px; }
.lvm-livexam { margin-top: 60px; }
.lvm-bracket { margin-top: 46px; }
.lvm-creed { margin-bottom: 56px; }
.lvm-table { margin-top: 8px; }
.lvm-doutrina p { margin-bottom: 20px; }

/* ---- VARIANTE FOLHA (pergaminho) · ajustes dos componentes do Espelho ---- */
.folha .lvm-chapter .tri path { stroke: var(--amarelo); }
.folha .lvm-chapter .rn { text-shadow: none; }
.folha .lvm-read p .am { text-shadow: none; }
.folha .lvm-creed { background: linear-gradient(180deg, #E4DBC1, #ECE4D0); border-color: var(--amarelo-40); }

/* ---- ESCALA DE LEITURA · subir o serifado (EB Garamond) desta página ---- */
.sec-intro { font-size: 21px; line-height: 1.6; }
.lvm-livexam .diag h3 { font-size: clamp(24px, 2.6vw, 30px); }
.lvm-livexam .diag .d-sub { font-size: 17px; line-height: 1.6; }
.lvm-livexam .diag-q p { font-size: 18px; line-height: 1.5; }
.lvm-livexam .diag-result .dr-txt { font-size: 18px; }
.lvm-livexam .diag-result .dr-sub { font-size: 16px; }