/* Reading pages — common typography, local inks for each discipline. */
.reading-page {
  --read-accent: #34664d;
  --read-tint: #f0f5ef;
  --read-dark: #183d32;
  --read-rule: #c5d2c8;
  background: #fff;
}
.reading-page[data-tone="it"] { --read-accent: #23635b; --read-tint: #eff6f4; --read-dark: #153f3a; --read-rule: #c0d5ce; }
.reading-page[data-tone="mediu"] { --read-accent: #426c36; --read-tint: #f1f6eb; --read-dark: #29492e; --read-rule: #cad5bd; }
.reading-page[data-tone="scanare"] { --read-accent: #1b6375; --read-tint: #edf5f6; --read-dark: #173c46; --read-rule: #c0d4d7; }
.reading-page[data-tone="cercetare"] { --read-accent: #706039; --read-tint: #f7f5ef; --read-dark: #373c30; --read-rule: #d9d3c4; }

.read-hero { background: var(--read-tint); color: var(--ink); border-bottom: 1px solid var(--read-rule); }
.read-crumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 11px; padding-block: 24px 18px; color: #52605b; font-size: 13px; line-height: 1.55; }
.read-crumb a { color: var(--read-dark); text-decoration: underline; text-decoration-color: var(--read-rule); text-underline-offset: 4px; }
.read-crumb a:hover { text-decoration-color: currentColor; }
.read-crumb [aria-hidden] { color: #66756c; }
.read-lead { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr); gap: clamp(36px,6vw,100px); align-items: end; padding-block: clamp(28px,4vw,60px) clamp(32px,4.5vw,70px); }
.read-lead > * { min-width: 0; }
.read-label { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--read-accent); font-weight: 500; letter-spacing: .085em; margin: 0 0 16px; }
.read-label::before { content: ""; flex: 0 0 24px; height: 2px; background: var(--read-accent); }
.read-lead h1 { font-size: clamp(2.8rem,5.3vw,5.4rem); font-weight: 400; letter-spacing: -.044em; line-height: 1.055; text-wrap: balance; overflow-wrap: break-word; color: var(--read-dark); }
.read-intro { color: #354b45; font-size: clamp(1.035rem,1.45vw,1.28rem); line-height: 1.62; max-width: 55ch; margin-bottom: .1em; }
.read-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--read-rule); margin: 0; padding: 22px 0 25px; }
.read-facts > div { padding-inline: clamp(15px,2.5vw,36px); border-left: 1px solid var(--read-rule); min-width: 0; }
.read-facts > div:first-child { padding-left: 0; border-left: 0; }
.read-facts dt { font-size: 12px; color: #52645a; font-weight: 500; margin: 0 0 3px; line-height: 1.5; }
.read-facts dd { font-size: clamp(16px,1.4vw,20px); line-height: 1.4; color: var(--read-dark); margin: 0; overflow-wrap: anywhere; }

.read-body { display: grid; grid-template-columns: minmax(185px,.52fr) minmax(0,1.48fr); gap: clamp(32px,7vw,118px); align-items: start; padding-block: clamp(44px,6vw,92px) clamp(54px,7vw,108px); }
.read-aside { position: sticky; top: 118px; min-width: 0; }
.read-index { max-width: 275px; }
.read-index p { color: var(--read-accent); font-size: 13px; line-height: 1.5; font-weight: 600; padding-bottom: 13px; }
.read-index ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--read-rule); }
.read-index li { border-bottom: 1px solid var(--line); }
.read-index a { display: flex; align-items: baseline; gap: 11px; padding: 11px 2px; color: #334b44; font-size: 14px; line-height: 1.5; }
.read-index a > span:first-child { flex-shrink: 0; min-width: 1.8em; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--read-accent); }
.read-index a:hover { color: var(--read-accent); text-decoration: underline; text-underline-offset: 3px; }
.read-article { min-width: 0; max-width: 840px; }
.read-chapter { scroll-margin-top: 12px; }
.read-chapter + .read-chapter { margin-top: clamp(30px,3.2vw,52px); border-top: 1px solid var(--line); padding-top: clamp(24px,2.6vw,40px); }
.read-chapter .read-number { display: flex; align-items: center; gap: 9px; color: var(--read-accent); font-size: 12px; line-height: 1.45; font-weight: 500; letter-spacing: .065em; font-variant-numeric: tabular-nums; margin: 0 0 9px; }
.read-number::before { content: ""; width: 17px; height: 1px; background: currentColor; }
.read-chapter h2 { font-size: clamp(1.8rem,2.8vw,2.7rem); line-height: 1.18; font-weight: 400; letter-spacing: -.033em; text-wrap: balance; margin: 0 0 19px; }
.read-chapter p:not(.read-number), .read-chapter li { color: #354b45; font-size: clamp(16px,1.18vw,18px); line-height: 1.75; overflow-wrap: break-word; }
.read-chapter p:not(.read-number) { max-width: 70ch; }
.read-chapter p + p { margin-top: 13px; }
.read-chapter ul { margin: 14px 0 0; padding-left: 1.3em; max-width: 74ch; }
.read-chapter li { padding-left: 4px; }
.read-chapter li + li { margin-top: 5px; }
.read-chapter li::marker { color: var(--read-accent); }
.read-article a:not(.button) { text-decoration: underline; text-underline-offset: 4px; color: var(--read-accent); }
.read-article a:hover { text-decoration-thickness: 2px; }
.read-figure { margin: 22px 0 0; }
.read-figure img { width: auto; height: auto; max-height: 530px; max-width: 100%; object-fit: contain; }
.read-figure figcaption { padding: 9px 0 0; color: #53665c; font-size: 13px; line-height: 1.55; }

.read-related { background: var(--read-tint); border-block: 1px solid var(--read-rule); padding-block: clamp(38px,4.3vw,68px); }
.read-related .eyebrow { color: var(--read-accent); font-weight: 500; letter-spacing: .07em; margin-bottom: 9px; }
.read-related h2 { color: var(--read-dark); margin-bottom: 24px; font-size: clamp(1.8rem,2.8vw,2.6rem); }
.read-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,225px),1fr)); border-top: 1px solid var(--read-rule); }
.read-links a { display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: start; gap: 5px 12px; padding: 18px 23px 14px 0; color: var(--read-dark); }
.read-links a + a { border-left: 1px solid var(--read-rule); padding-left: 22px; }
.read-links a small { grid-column: 1/-1; color: #52635a; font-size: 12px; line-height: 1.45; }
.read-links a strong { font-size: clamp(17px,1.5vw,21px); line-height: 1.35; font-weight: 500; }
.read-links .read-arrow { grid-column: 2; align-self: start; font-size: 20px; line-height: 1.35; color: var(--read-accent); }
.read-links a:hover strong { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width:1000px) {
  .read-body { grid-template-columns: minmax(180px,.52fr) minmax(0,1.48fr); gap: 36px; }
  .read-aside { top: 100px; }
}
@media (max-width:760px) {
  .read-lead { grid-template-columns: 1fr; align-items: start; gap: 18px; padding-block: 24px 32px; }
  .read-crumb { padding-block: 18px 6px; gap: 3px 7px; }
  .read-lead h1 { font-size: clamp(2.65rem,8vw,4rem); }
  .read-intro { max-width: 67ch; }
  .read-body { display: block; padding-block: 33px 55px; }
  .read-aside { position: static; margin: 0 0 35px; }
  .read-index { max-width: none; }
  .read-index ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 18px; }
  .read-index a { padding: 10px 1px; }
  .read-article { max-width: none; }
  .read-facts { padding: 15px 0 18px; }
  .read-facts > div { padding-inline: 12px; }
  .read-links { display: block; }
  .read-links a, .read-links a + a { border-left: 0; border-bottom: 1px solid var(--read-rule); padding: 14px 2px; }
}
@media (max-width:520px) {
  .read-facts { display: block; padding-block: 6px 12px; }
  .read-facts > div, .read-facts > div:first-child { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 12px; align-items: baseline; border-left: 0; padding: 8px 0; }
  .read-facts > div + div { border-top: 1px solid var(--read-rule); }
  .read-facts dt { margin: 0; }
  .read-index ol { display: block; }
  .read-label { font-size: 11px; margin-bottom: 12px; }
}
@media (max-height:600px) and (min-width:761px) {
  .read-aside { position: static; }
}
@media print {
  .reading-page .header,.reading-page .footer,.read-aside,.read-related,.read-crumb { display: none; }
  .reading-page,.read-hero { background: #fff; }
  .reading-page .wrap { width: 100%; }
  .read-lead,.read-body { display: block; padding-block: 16px; }
  .read-intro { margin-top: 10px; }
  .read-lead h1 { font-size: 30pt; }
  .read-chapter h2 { font-size: 19pt; break-after: avoid; }
}

.read-gallery { margin-top: clamp(32px,4vw,54px); border-top: 1px solid var(--read-rule); padding-top: clamp(24px,3vw,38px); scroll-margin-top: 12px; }
.read-gallery h2 { margin: 0 0 12px; font-size: clamp(1.8rem,2.8vw,2.7rem); line-height: 1.18; letter-spacing: -.033em; }
.read-gallery > p { color: #354b45; max-width: 68ch; }
.read-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 21px 14px; margin-top: 20px; }
.read-gallery-grid figure { min-width: 0; }
.read-gallery-grid a { display: block; background: #edf1ec; }
.read-gallery-grid a:focus-visible { outline-offset: 2px; }
.read-gallery-grid img { display: block; width: 100%; aspect-ratio: 4/3; height: auto; object-fit: cover; }
.read-gallery-grid figcaption { color: #46594f; font-size: 13px; line-height: 1.5; padding-top: 7px; }
@media(max-width:1000px){.read-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.read-gallery-grid{grid-template-columns:1fr}}