/*
 * Darja Rihla - Jan Janszoon / Murad Reis
 * Editorial Reading Experience v5.1 - Deep World Layer
 * 2026-09-07
 *
 * v5 goals:
 * - one-H1 editorial hero
 * - Quick Voyage + Full Dossier reading modes
 * - six-stop Rank Math navigation atlas
 * - image-first act rhythm + compact summaries
 * - native Details deep dives / Research Vault
 * - Voyage Line and evidence checkpoint
 * - stronger Trust Mirror / quiz finale
 * - dense internal-link network without link spam
 * - dedicated fixed deepest map layer so glass/content travel over a stable world field
 */

/*
 * Post 1600 supplies its own editorial hero and first visual. The generic
 * single-post masthead would otherwise create a second visible H1 and delay
 * the dossier opening by a full viewport.
 */
body.postid-1600 .dr-single-masthead,
body.postid-1600 .dr-single-featured-image {
  display: none;
}

.dr-post--murad-reis {
  --mr-shell: min(1580px, calc(100vw - 28px));
  --mr-wide: min(1320px, calc(100vw - 44px));
  --mr-main: min(920px, calc(100vw - 44px));

  --mr-bg: #081316;
  --mr-panel: rgba(11, 29, 33, .56);
  --mr-panel-strong: rgba(10, 27, 31, .78);
  --mr-panel-soft: rgba(19, 44, 47, .42);
  --mr-text: #f4e9d4;
  --mr-text-soft: #d9cbb3;
  --mr-muted: #ad9b7e;
  --mr-copper: #b86f44;
  --mr-gold: #cda35d;
  --mr-teal: #779493;
  --mr-green: #96c4a8;
  --mr-red: #d7936d;
  --mr-line: rgba(213, 181, 126, .28);
  --mr-line-strong: rgba(222, 190, 134, .42);
  --mr-shadow: 0 28px 90px rgba(0,0,0,.26);

  position: relative;
  isolation: isolate;
  /* Use the layout viewport. A 100vw breakout clips the left edge beside a scrollbar. */
  width: 100%;
  max-width: none !important;
  margin-inline: 0 !important;
  padding: 0 0 clamp(5rem, 9vw, 9rem);
  overflow: clip;
  color: var(--mr-text);
  /* The article itself is now only the translucent travelling surface.
   * The nautical world is moved to ::before as an independent deepest layer. */
  background:
    linear-gradient(180deg, rgba(5,14,17,.48), rgba(4,13,16,.66));
}

html[data-theme="light"] .dr-post--murad-reis,
body[data-theme="light"] .dr-post--murad-reis,
body.theme-light .dr-post--murad-reis,
body.light-mode .dr-post--murad-reis {
  --mr-bg: #eddfbe;
  --mr-panel: rgba(255, 248, 234, .56);
  --mr-panel-strong: rgba(250, 241, 221, .84);
  --mr-panel-soft: rgba(244, 231, 202, .48);
  --mr-text: #2c2117;
  --mr-text-soft: #5b4937;
  --mr-muted: #78634d;
  --mr-copper: #965a34;
  --mr-gold: #a77d3f;
  --mr-teal: #526d6b;
  --mr-green: #46745c;
  --mr-red: #a85d42;
  --mr-line: rgba(128, 88, 51, .25);
  --mr-line-strong: rgba(128, 88, 51, .40);
  --mr-shadow: 0 22px 70px rgba(79,55,31,.15);
  background:
    linear-gradient(180deg, rgba(255,250,240,.40), rgba(239,222,186,.58));
}

/* WORLD LAYER 00 - the deepest field.
 * Fixed to the viewport on larger screens so the article, glass, imagery and
 * evidence panels visibly travel over it. This is deliberately independent
 * from the scrolling article surface, matching the depth logic of the
 * homepage/Signal Atlas without importing their runtime. */
.dr-post--murad-reis::before {
  content: "";
  position: fixed;
  inset: -3vh -3vw;
  z-index: -3;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(3,10,13,.44), rgba(3,11,14,.66)),
    radial-gradient(circle at 20% 16%, rgba(205,163,93,.12), transparent 31rem),
    radial-gradient(circle at 82% 70%, rgba(70,122,126,.12), transparent 34rem),
    url('https://darjarihla.com/wp-content/uploads/2026/09/Antieke-Nautische-Kaart-van-Europa.png') center center / cover no-repeat;
  filter: saturate(.88) contrast(1.03);
  transform: scale(1.035);
}

/* WORLD LAYER 01 - moving atmosphere.
 * This layer remains attached to the long article, therefore it travels over
 * Layer 00 while the foreground content travels above both. */
.dr-post--murad-reis::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 10%, rgba(222,174,96,.14), transparent 25rem),
    radial-gradient(circle at 86% 14%, rgba(89,135,136,.15), transparent 27rem),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.045), transparent 38rem),
    repeating-linear-gradient(105deg, transparent 0 104px, rgba(255,255,255,.025) 104px 105px),
    linear-gradient(90deg, rgba(0,0,0,.10), transparent 12%, transparent 88%, rgba(0,0,0,.10));
}

html[data-theme="light"] .dr-post--murad-reis::before,
body[data-theme="light"] .dr-post--murad-reis::before,
body.theme-light .dr-post--murad-reis::before,
body.light-mode .dr-post--murad-reis::before {
  background:
    linear-gradient(180deg, rgba(255,249,235,.48), rgba(232,214,179,.58)),
    radial-gradient(circle at 20% 16%, rgba(167,125,63,.14), transparent 31rem),
    radial-gradient(circle at 82% 70%, rgba(82,109,107,.10), transparent 34rem),
    url('https://darjarihla.com/wp-content/uploads/2026/09/Antieke-Nautische-Kaart-van-Europa.png') center center / cover no-repeat;
  filter: saturate(.80) contrast(.96);
}

/* Mobile safety: avoid a viewport-fixed compositor layer on smaller devices.
 * The deep field remains present, but scrolls normally and repeats vertically. */
@media (max-width: 820px) {
  .dr-post--murad-reis::before {
    position: absolute;
    inset: 0;
    background-size: auto, auto, auto, max(1180px, 150vw) auto;
    background-position: center top, 20% 16%, 82% 70%, center top;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
    transform: none;
    filter: saturate(.84) contrast(1.01);
  }
}

.dr-post--murad-reis > * {
  position: relative;
  z-index: 1;
}

.dr-murad-wide {
  width: var(--mr-wide);
  margin-inline: auto !important;
}

.dr-murad-main {
  width: var(--mr-main);
  margin-inline: auto !important;
}

.dr-murad-hero {
  width: var(--mr-wide);
  margin-inline: auto;
  padding: clamp(5rem, 10vw, 9rem) 0 2.5rem;
}

.dr-murad-kicker,
.dr-murad-act__label,
.dr-murad-micro,
.dr-murad-evidence,
.dr-murad-stat span,
#rank-math-toc a {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.dr-murad-kicker,
.dr-murad-act__label,
.dr-murad-micro {
  color: var(--mr-gold);
  font-size: .72rem;
}

.dr-murad-title {
  margin: 1rem 0 1.3rem;
  max-width: 11.5ch;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(3.5rem, 8vw, 7.7rem);
  line-height: .91;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.dr-murad-title em {
  color: var(--mr-copper);
  font-style: normal;
}

.dr-murad-standfirst {
  max-width: 68ch;
  color: var(--mr-text-soft);
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  line-height: 1.76;
}

.dr-murad-meta {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .8rem;
  margin-top: 2.4rem;
}

.dr-murad-stat,
.dr-murad-route,
#rank-math-toc,
.dr-murad-learning,
.dr-murad-trust-mirror,
.dr-murad-visual,
.dr-murad-timeline-panel,
.dr-murad-quiz,
.dr-murad-core,
.dr-murad-continue {
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    var(--mr-panel);
  border: 1px solid var(--mr-line);
  box-shadow: var(--mr-shadow);
  backdrop-filter: blur(16px) saturate(118%);
  -webkit-backdrop-filter: blur(16px) saturate(118%);
}

.dr-murad-stat {
  padding: 1rem;
  min-height: 108px;
}

.dr-murad-stat span {
  display: block;
  color: var(--mr-muted);
  font-size: .61rem;
  margin-bottom: .42rem;
}

.dr-murad-stat strong {
  color: var(--mr-text);
  font-size: .94rem;
  line-height: 1.45;
}

.dr-murad-route {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 1px;
  padding: 1px;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

.dr-murad-route span {
  display: grid;
  place-items: center;
  min-height: 78px;
  padding: .8rem;
  color: var(--mr-text);
  background: var(--mr-panel-strong);
  text-align: center;
  font-size: .9rem;
}

/* Rank Math TOC: explicitly visible and centered */
#rank-math-toc.wp-block-rank-math-toc-block {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--mr-wide) !important;
  max-width: var(--mr-wide) !important;
  margin: 1.5rem auto 3.5rem !important;
  padding: clamp(1.2rem, 2.6vw, 2rem) !important;
  color: var(--mr-text);
}

#rank-math-toc h2 {
  margin: 0 0 1.2rem !important;
  color: var(--mr-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.8rem,3vw,2.6rem) !important;
  font-weight: 600 !important;
}

#rank-math-toc nav {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
}

#rank-math-toc ul {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .7rem;
  margin: 0 !important;
  padding: 0 !important;
}

#rank-math-toc li {
  margin: 0 !important;
  padding: 0 !important;
}

#rank-math-toc a {
  display: block;
  height: 100%;
  padding: .9rem;
  border: 1px solid var(--mr-line);
  background: rgba(255,255,255,.032);
  color: var(--mr-text-soft) !important;
  font-size: .64rem;
  line-height: 1.45;
  text-decoration: none !important;
}

#rank-math-toc a:hover,
#rank-math-toc a:focus-visible {
  color: var(--mr-text) !important;
  border-color: var(--mr-line-strong);
  background: rgba(255,255,255,.06);
}

.dr-murad-section {
  padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.dr-murad-section + .dr-murad-section {
  border-top: 1px solid var(--mr-line);
}

.dr-murad-section h2,
.dr-murad-learning h2,
.dr-murad-trust-mirror h2,
.dr-murad-timeline-panel h2,
.dr-murad-quiz h2,
.dr-murad-core h2,
.dr-murad-continue h2 {
  margin: .5rem 0 1.4rem;
  max-width: 20ch;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height: 1.03;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.dr-murad-section h3 {
  margin: 2.3rem 0 .8rem;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

.dr-murad-section p,
.dr-murad-learning p,
.dr-murad-trust-mirror p,
.dr-murad-timeline-panel p,
.dr-murad-quiz p,
.dr-murad-core p,
.dr-murad-continue p {
  margin: 0 0 1.2rem;
  color: var(--mr-text-soft);
  font-size: clamp(1.02rem, 1.05vw, 1.12rem);
  line-height: 1.86;
}

.dr-murad-pull {
  margin: 1.3rem 0 !important;
  padding-left: 1rem;
  border-left: 2px solid var(--mr-gold);
  color: var(--mr-text) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem !important;
}

.dr-murad-evidence {
  display: inline-flex;
  width: fit-content;
  margin: .1rem 0 1.2rem;
  padding: .33rem .56rem;
  border: 1px solid currentColor;
  font-size: .58rem;
  line-height: 1.2;
}

.dr-murad-evidence--documented { color: var(--mr-green); }
.dr-murad-evidence--probable { color: var(--mr-gold); }
.dr-murad-evidence--disputed { color: var(--mr-red); }

.dr-murad-visual {
  padding: .8rem;
  margin: 1rem auto 3rem !important;
}

.dr-murad-visual img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

.dr-murad-visual figcaption {
  padding: .8rem .3rem .15rem;
  color: var(--mr-muted);
  font-size: .9rem;
  line-height: 1.55;
}

/* Robust flip cards. No absolute-position height trap. */
.dr-murad-learning {
  width: var(--mr-wide);
  margin: 1.5rem auto 3.5rem;
  padding: clamp(1.3rem,2.7vw,2.2rem);
}

.dr-murad-learning__head {
  max-width: 850px;
  margin-bottom: 1.2rem;
}

.dr-murad-flipgrid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1rem;
}

.dr-murad-flipcard {
  appearance: none;
  -webkit-appearance: none;
  display: grid;
  grid-template-areas: "face";
  min-height: 285px;
  padding: 0;
  border: 1px solid var(--mr-line);
  background: transparent;
  color: inherit;
  cursor: pointer;
  perspective: 1100px;
  font: inherit;
  text-align: left;
}

.dr-murad-flipcard__face {
  grid-area: face;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 285px;
  padding: 1.25rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    var(--mr-panel-strong);
  border: 1px solid transparent;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform .56s cubic-bezier(.2,.75,.25,1), opacity .35s ease;
}

.dr-murad-flipcard__front {
  transform: rotateY(0deg);
}

.dr-murad-flipcard__back {
  transform: rotateY(180deg);
}

.dr-murad-flipcard.is-flipped .dr-murad-flipcard__front {
  transform: rotateY(-180deg);
}

.dr-murad-flipcard.is-flipped .dr-murad-flipcard__back {
  transform: rotateY(0deg);
}

.dr-murad-flipcard small {
  color: var(--mr-gold);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dr-murad-flipcard strong {
  display: block;
  margin: .55rem 0 .8rem;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
}

.dr-murad-flipcard span {
  color: var(--mr-text-soft);
  font-size: .97rem;
  line-height: 1.65;
}

.dr-murad-flipcard em {
  margin-top: auto;
  padding-top: 1rem;
  color: var(--mr-muted);
  font-style: normal;
  font-size: .78rem;
}

.dr-murad-flipcard:hover,
.dr-murad-flipcard:focus-visible {
  border-color: var(--mr-line-strong);
  outline: none;
}

/* Trust Mirror: new glass/water educational panel */
.dr-murad-trust-mirror {
  width: var(--mr-wide);
  margin: 1.5rem auto 4rem;
  padding: clamp(1.4rem,3vw,2.4rem);
  position: relative;
  overflow: hidden;
}

.dr-murad-trust-mirror__light {
  position: absolute;
  inset: -20% 32% auto;
  height: 260px;
  background: radial-gradient(ellipse, rgba(228,191,117,.22), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.dr-murad-trust-mirror__head {
  max-width: 900px;
  position: relative;
}

.dr-murad-trust-mirror__grid {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  gap: 1rem;
  align-items: stretch;
  margin-top: 1.5rem;
}

.dr-murad-trust-mirror__side {
  padding: 1.15rem;
  border: 1px solid var(--mr-line);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}

.dr-murad-trust-mirror__side > small {
  color: var(--mr-gold);
  text-transform: uppercase;
  letter-spacing: .13em;
}

.dr-murad-trust-mirror__side ol {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
}

.dr-murad-trust-mirror__side li {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: .8rem;
  padding: .75rem 0;
  border-top: 1px solid var(--mr-line);
}

.dr-murad-trust-mirror__side strong { color: var(--mr-text); }
.dr-murad-trust-mirror__side span { color: var(--mr-text-soft); line-height: 1.5; }

.dr-murad-trust-mirror__axis {
  position: relative;
  display: grid;
  place-items: center;
}

.dr-murad-trust-mirror__axis::before {
  content: "";
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent, var(--mr-gold), var(--mr-teal), transparent);
}

.dr-murad-trust-mirror__axis span {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid var(--mr-gold);
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(207,165,90,.28);
  background: var(--mr-panel-strong);
}

.dr-murad-trust-mirror__rule {
  margin: 1.2rem 0 0 !important;
  padding: 1rem;
  text-align: center;
  color: var(--mr-text) !important;
  border-top: 1px solid var(--mr-line);
}

/* Timeline */
.dr-murad-timeline-panel {
  width: var(--mr-wide);
  margin: 2rem auto 4rem;
  padding: clamp(1.4rem,3vw,2.4rem);
}

.dr-murad-timeline__row {
  display: grid;
  grid-template-columns: 140px 170px minmax(0,1fr);
  gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid var(--mr-line);
}

.dr-murad-timeline__date {
  color: var(--mr-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dr-murad-timeline__text {
  color: var(--mr-text-soft);
  line-height: 1.62;
}

/* Quiz: native radios, JS only scores them */
.dr-murad-quiz {
  width: var(--mr-main);
  margin: 2rem auto 4rem;
  padding: clamp(1.3rem,2.8vw,2.2rem);
}

.dr-murad-quiz fieldset {
  margin: 0;
  padding: 1.2rem 0;
  border: 0;
  border-top: 1px solid var(--mr-line);
}

.dr-murad-quiz legend {
  margin-bottom: .8rem;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.12rem;
  line-height: 1.5;
}

.dr-murad-quiz label {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  margin: .55rem 0;
  padding: .82rem .9rem;
  border: 1px solid var(--mr-line);
  background: rgba(255,255,255,.025);
  color: var(--mr-text-soft);
  cursor: pointer;
  line-height: 1.5;
}

.dr-murad-quiz label:hover {
  border-color: var(--mr-line-strong);
}

.dr-murad-quiz input {
  margin-top: .22rem;
  accent-color: var(--mr-gold);
}

.dr-murad-quiz__actions {
  display: flex;
  gap: .7rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.dr-murad-quiz button {
  padding: .8rem 1rem;
  border: 1px solid var(--mr-line-strong);
  background: var(--mr-panel-strong);
  color: var(--mr-text);
  cursor: pointer;
}

.dr-murad-quiz__result {
  display: block;
  min-height: 0;
  margin-top: 1rem;
  color: var(--mr-text);
  font-weight: 600;
}

.dr-murad-quiz .is-correct {
  border-color: var(--mr-green);
  background: color-mix(in srgb, var(--mr-green) 10%, transparent);
}

.dr-murad-quiz .is-wrong {
  border-color: var(--mr-red);
  background: color-mix(in srgb, var(--mr-red) 10%, transparent);
}

.dr-murad-core,
.dr-murad-continue {
  width: var(--mr-wide);
  margin: 2rem auto 4rem;
  padding: clamp(1.4rem,3vw,2.5rem);
}

.dr-murad-system-chain {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1.2rem;
}

.dr-murad-system-chain span {
  padding: .55rem .7rem;
  border: 1px solid var(--mr-line);
  background: rgba(255,255,255,.025);
  color: var(--mr-text-soft);
}

.dr-murad-continue__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .8rem;
}

.dr-murad-continue a {
  display: block;
  min-height: 160px;
  padding: 1rem;
  border: 1px solid var(--mr-line);
  background: rgba(255,255,255,.028);
  text-decoration: none;
}

.dr-murad-continue strong {
  display: block;
  margin-bottom: .55rem;
  color: var(--mr-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
}

.dr-murad-continue span {
  color: var(--mr-text-soft);
  line-height: 1.55;
}

/* Global theme switch remains the ONLY theme switch. Hide legacy duplicates inside content defensively. */
.dr-post--murad-reis #themeToggle:not(.dr-global-language__toggle-container #themeToggle),
.dr-post--murad-reis .theme-toggle,
.dr-post--murad-reis .dr-theme-toggle,
.dr-post--murad-reis [data-theme-toggle] {
  display: none !important;
}

@media (max-width: 1180px) {
  #rank-math-toc ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dr-murad-flipgrid,
  .dr-murad-continue__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dr-murad-route { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .dr-murad-trust-mirror__grid { grid-template-columns: 1fr; }
  .dr-murad-trust-mirror__axis { min-height: 44px; }
  .dr-murad-trust-mirror__axis::before { width: 100%; height: 1px; }
}

@media (max-width: 820px) {
  .dr-murad-meta { grid-template-columns: 1fr 1fr; }
  #rank-math-toc ul { grid-template-columns: 1fr 1fr; }
  .dr-murad-route { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dr-murad-timeline__row { grid-template-columns: 1fr; gap: .35rem; }
}

@media (max-width: 620px) {
  .dr-murad-meta,
  #rank-math-toc ul,
  .dr-murad-flipgrid,
  .dr-murad-continue__grid,
  .dr-murad-route {
    grid-template-columns: 1fr;
  }
  .dr-murad-title { font-size: clamp(3rem,15vw,4.8rem); }
  .dr-murad-flipcard,
  .dr-murad-flipcard__face { min-height: 245px; }
}

@media (prefers-reduced-motion: reduce) {
  .dr-murad-flipcard__face {
    transition: none !important;
  }
}


/* ============================================================
   v5 Editorial Reading Experience
   ============================================================ */

.dr-murad-reading-modes {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 1rem 0 1.4rem;
}
.dr-murad-reading-modes span {
  padding: .55rem .75rem;
  border: 1px solid var(--mr-line);
  background: rgba(255,255,255,.035);
  color: var(--mr-text-soft);
  font-size: .78rem;
  line-height: 1.4;
}
.dr-murad-reading-modes strong { color: var(--mr-text); }

.dr-murad-voyage {
  margin: 2rem auto 2.4rem !important;
  padding: clamp(1.2rem,2.5vw,2rem);
  border: 1px solid var(--mr-line);
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015)), var(--mr-panel);
  box-shadow: var(--mr-shadow);
  backdrop-filter: blur(14px);
}
.dr-murad-voyage__head { max-width: 760px; }
.dr-murad-voyage__head h2 { margin: .35rem 0 .7rem; max-width: none; font-size: clamp(1.8rem,3.5vw,3rem); }
.dr-murad-voyage__head p { color: var(--mr-text-soft); }
.dr-murad-voyage__line {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(8,minmax(0,1fr));
  margin: 1.5rem 0 0;
  padding: 0;
  position: relative;
}
.dr-murad-voyage__line::before {
  content:"";
  position:absolute;
  left:4%; right:4%; top:17px;
  height:1px;
  background: linear-gradient(90deg, transparent, var(--mr-gold), var(--mr-teal), var(--mr-gold), transparent);
}
.dr-murad-voyage__line li { position:relative; padding:2.4rem .35rem 0; text-align:center; min-width:0; }
.dr-murad-voyage__line li::before {
  content:"";
  position:absolute;
  top:11px; left:50%; translate:-50% 0;
  width:13px; height:13px; border-radius:50%;
  border:1px solid var(--mr-gold); background:var(--mr-panel-strong);
  box-shadow:0 0 20px rgba(205,163,93,.24);
}
.dr-murad-voyage__line span { display:block; color:var(--mr-muted); font: .58rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; }
.dr-murad-voyage__line strong { display:block; margin-top:.35rem; color:var(--mr-text); font-size:.88rem; }

.dr-murad-toc-note { margin:-.4rem 0 1.15rem !important; max-width:70ch; color:var(--mr-muted) !important; font-size:.9rem !important; }
#rank-math-toc ul { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
#rank-math-toc a { display:flex; align-items:center; gap:.7rem; min-height:68px; }
#rank-math-toc a span { color:var(--mr-gold); font-size:.72rem; }

.dr-murad-quick {
  margin: 1rem 0 1.5rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--mr-line-strong);
  border-left: 3px solid var(--mr-gold);
  background: linear-gradient(135deg, rgba(205,163,93,.09), rgba(119,148,147,.05));
}
.dr-murad-quick > span,
.dr-murad-related > span,
.dr-murad-source-chip > span {
  display:block;
  color:var(--mr-gold);
  font: .62rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.dr-murad-quick p { margin:.55rem 0 0 !important; color:var(--mr-text) !important; font-size:clamp(1.02rem,1.2vw,1.15rem) !important; line-height:1.67 !important; }

.dr-murad-source-chip {
  display:flex;
  gap:.7rem;
  align-items:center;
  flex-wrap:wrap;
  margin:-.5rem 0 1.5rem;
  padding:.7rem .8rem;
  border:1px solid var(--mr-line);
  background:rgba(255,255,255,.025);
}
.dr-murad-source-chip > span { display:inline-block; }
.dr-murad-source-chip a,
.dr-murad-section a,
.dr-murad-related a,
.dr-murad-vault a {
  color:var(--mr-gold);
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
.dr-murad-section p a { color:var(--mr-text); text-decoration-color:color-mix(in srgb,var(--mr-gold) 68%,transparent); }
.dr-murad-section p a:hover,
.dr-murad-section p a:focus-visible { color:var(--mr-gold); }

.dr-murad-related {
  margin: .5rem auto 2.2rem !important;
  padding: .9rem 1rem;
  border-top:1px solid var(--mr-line);
  border-bottom:1px solid var(--mr-line);
}
.dr-murad-related p { margin:.45rem 0 0; color:var(--mr-text-soft); line-height:1.65; }

.dr-murad-deep-dive,
.dr-murad-vault {
  margin:1.4rem 0 .4rem;
  border:1px solid var(--mr-line);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--mr-panel-soft);
}
.dr-murad-deep-dive > summary,
.dr-murad-vault > summary {
  list-style:none;
  position:relative;
  padding:1rem 3.2rem 1rem 1rem;
  cursor:pointer;
  color:var(--mr-text);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.72rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dr-murad-deep-dive > summary::-webkit-details-marker,
.dr-murad-vault > summary::-webkit-details-marker { display:none; }
.dr-murad-deep-dive > summary::after,
.dr-murad-vault > summary::after {
  content:"+";
  position:absolute; right:1rem; top:50%; translate:0 -50%;
  width:1.6rem; height:1.6rem; display:grid; place-items:center;
  border:1px solid var(--mr-line-strong); border-radius:50%; color:var(--mr-gold);
}
.dr-murad-deep-dive[open] > summary::after,
.dr-murad-vault[open] > summary::after { content:"−"; }
.dr-murad-deep-dive__body,
.dr-murad-vault__body { padding:1.1rem; border-top:1px solid var(--mr-line); }
.dr-murad-deep-dive summary:focus-visible,
.dr-murad-vault summary:focus-visible { outline:2px solid var(--mr-gold); outline-offset:3px; }

/* More visual breathing room before reading text. */
.dr-murad-section > .dr-murad-visual { width:min(1100px,calc(100vw - 44px)); margin:1.3rem 50% 2rem !important; transform:translateX(-50%); }

/* Captivity intentionally loses some decorative glow. */
#captivity .dr-murad-quick,
#captivity .dr-murad-deep-dive { background:rgba(7,14,16,.62); box-shadow:none; }
#captivity { border-top-color:rgba(215,147,109,.32); }

/* Signature Trust Mirror scene. */
.dr-murad-trust-mirror {
  width:min(1480px,calc(100vw - 36px));
  padding:clamp(1.6rem,4vw,3.4rem);
  margin-block:clamp(3rem,7vw,6rem);
  min-height:min(82vh,820px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dr-murad-trust-mirror__head { max-width:1050px; }
.dr-murad-trust-mirror__grid { margin-top:2.2rem; gap:1.4rem; }
.dr-murad-trust-mirror__side { padding:clamp(1.2rem,2.4vw,2rem); }
.dr-murad-trust-mirror__rule { margin-top:2rem !important; font-size:clamp(1rem,1.4vw,1.25rem) !important; }

.dr-murad-certainty {
  margin:3rem auto 4rem !important;
  padding:clamp(1.4rem,3vw,2.4rem);
  border:1px solid var(--mr-line);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--mr-panel);
  box-shadow:var(--mr-shadow);
}
.dr-murad-certainty__head h2 { margin:.45rem 0 1.2rem; max-width:20ch; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3.8rem); line-height:1.03; }
.dr-murad-certainty__grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.dr-murad-certainty__grid > div { padding:1.1rem; border:1px solid var(--mr-line); background:rgba(255,255,255,.022); }
.dr-murad-certainty ul { margin:.75rem 0 0; padding-left:1.2rem; color:var(--mr-text-soft); }
.dr-murad-certainty li { margin:.6rem 0; line-height:1.55; }

/* Timeline becomes a clearer visual spine. */
.dr-murad-timeline__row { position:relative; padding:1.2rem 0 1.2rem 1.5rem; }
.dr-murad-timeline__row::before { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:var(--mr-line); }
.dr-murad-timeline__row::after { content:""; position:absolute; left:-4px; top:1.45rem; width:9px; height:9px; border-radius:50%; background:var(--mr-gold); box-shadow:0 0 16px rgba(205,163,93,.3); }

.dr-murad-vault-section { padding-block:2.2rem; }
.dr-murad-vault-section h2 { font-size:clamp(1.8rem,3.5vw,3rem); }

/* Quiz as finale. */
.dr-murad-quiz {
  width:min(1040px,calc(100vw - 44px));
  border-color:var(--mr-line-strong);
  background:linear-gradient(145deg,rgba(205,163,93,.07),rgba(119,148,147,.05)),var(--mr-panel-strong);
}
.dr-murad-quiz h2 { max-width:16ch; }

.dr-murad-continue__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dr-murad-continue a small { display:block; margin-bottom:.55rem; color:var(--mr-gold); font: .58rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.11em; }

@media (max-width: 980px) {
  .dr-murad-voyage__line { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:1.4rem; }
  .dr-murad-voyage__line::before { display:none; }
  .dr-murad-voyage__line li { padding-top:1.8rem; }
  .dr-murad-voyage__line li::before { top:4px; }
  .dr-murad-certainty__grid { grid-template-columns:1fr; }
  .dr-murad-continue__grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  .dr-murad-reading-modes { display:grid; grid-template-columns:1fr; }
  .dr-murad-voyage { width:min(100% - 24px, var(--mr-wide)); }
  .dr-murad-voyage__line { grid-template-columns:1fr 1fr; }
  #rank-math-toc ul { grid-template-columns:1fr !important; }
  .dr-murad-section > .dr-murad-visual { width:calc(100vw - 20px); }
  .dr-murad-trust-mirror { width:calc(100vw - 18px); min-height:0; }
  .dr-murad-continue__grid { grid-template-columns:1fr; }
  .dr-murad-deep-dive > summary,
  .dr-murad-vault > summary { font-size:.66rem; line-height:1.55; }
}

@media (prefers-reduced-motion: reduce) {
  .dr-murad-voyage__line li::before { box-shadow:none; }
}
/* ============================================================
   v5.2 Hero composition + readability calibration
   Scope: Murad Reis only.
   Keeps the v5.1 fixed deep-world background and all existing
   global single-post/runtime behaviour unchanged.
   ============================================================ */

.dr-murad-hero {
  padding: clamp(4.6rem, 8vw, 7.2rem) 0 clamp(2rem, 4vw, 3.4rem);
}

.dr-murad-hero__frame {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(2.2rem, 5vw, 5.2rem) clamp(1.4rem, 5.2vw, 5.6rem) clamp(1.4rem, 3vw, 2.25rem);
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--mr-line-strong) 78%, transparent);
  background:
    radial-gradient(circle at 50% 18%, rgba(215, 181, 120, .12), transparent 33%),
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018) 48%, rgba(7,19,22,.11)),
    color-mix(in srgb, var(--mr-panel-strong) 86%, transparent);
  box-shadow:
    0 38px 110px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(20px) saturate(116%);
  -webkit-backdrop-filter: blur(20px) saturate(116%);
}

.dr-murad-hero__frame::before,
.dr-murad-hero__frame::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.dr-murad-hero__frame::before {
  width: min(620px, 70vw);
  aspect-ratio: 1;
  left: 50%;
  top: -54%;
  translate: -50% 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(214,176,105,.16), rgba(104,139,137,.055) 42%, transparent 69%);
  filter: blur(18px);
}

.dr-murad-hero__frame::after {
  inset: auto 7% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mr-gold), rgba(119,148,147,.8), var(--mr-gold), transparent);
  opacity: .65;
}

.dr-murad-kicker {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: .58rem .85rem;
  border: 1px solid color-mix(in srgb, var(--mr-line) 82%, transparent);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--mr-gold);
  font-size: clamp(.68rem, .8vw, .78rem);
  line-height: 1.5;
  text-wrap: balance;
}

.dr-murad-kicker span {
  display: inline-block;
  padding-inline: .34em;
  color: var(--mr-teal);
}

.dr-murad-hero__signal {
  display: grid;
  place-items: center;
  width: min(480px, 62%);
  height: 22px;
  margin: clamp(1rem, 2vw, 1.5rem) auto .35rem;
}

.dr-murad-hero__signal::before,
.dr-murad-hero__signal::after {
  content: "";
  grid-area: 1 / 1;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mr-line-strong), transparent);
}

.dr-murad-hero__signal span {
  grid-area: 1 / 1;
  width: 8px;
  height: 8px;
  border: 1px solid var(--mr-gold);
  rotate: 45deg;
  background: var(--mr-panel-strong);
  box-shadow: 0 0 24px rgba(205,163,93,.34);
}

.dr-murad-hero-route {
  max-width: 20ch;
  margin: .55rem auto .65rem !important;
  color: var(--mr-text) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.55rem, 5.6vw, 5.75rem) !important;
  font-weight: 500;
  line-height: .98 !important;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.dr-murad-hero-sublead {
  max-width: 36ch;
  margin: 0 auto clamp(1.2rem, 2.5vw, 1.9rem) !important;
  color: color-mix(in srgb, var(--mr-gold) 74%, var(--mr-text)) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.18rem, 2vw, 1.62rem) !important;
  font-style: italic;
  line-height: 1.45 !important;
  text-wrap: balance;
}

.dr-murad-hero .dr-murad-standfirst {
  max-width: 72ch;
  margin: 0 auto !important;
  color: var(--mr-text-soft);
  font-size: clamp(1.16rem, 1.45vw, 1.34rem);
  line-height: 1.78;
  text-align: center;
  text-wrap: pretty;
}

.dr-murad-hero .dr-murad-standfirst strong {
  color: var(--mr-text);
  font-weight: 650;
}

.dr-murad-hero .dr-murad-reading-modes {
  justify-content: center;
  margin: clamp(1.4rem, 2.5vw, 2rem) auto 0;
}

.dr-murad-hero .dr-murad-reading-modes span {
  border-radius: 999px;
  padding: .58rem .9rem;
  background: color-mix(in srgb, var(--mr-panel-soft) 82%, transparent);
}

.dr-murad-hero .dr-murad-meta {
  position: relative;
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
  gap: 1px;
  padding: 1px;
  border: 1px solid var(--mr-line);
  background: var(--mr-line);
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
}

.dr-murad-hero .dr-murad-stat {
  display: grid;
  align-content: center;
  min-height: 118px;
  padding: 1.1rem 1rem 1.2rem;
  border: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), transparent),
    color-mix(in srgb, var(--mr-panel-strong) 88%, transparent);
  box-shadow: none;
  text-align: center;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.dr-murad-hero .dr-murad-stat span {
  margin-bottom: .5rem;
  color: var(--mr-gold);
  font-size: .64rem;
}

.dr-murad-hero .dr-murad-stat strong {
  max-width: 24ch;
  margin-inline: auto;
  color: var(--mr-text);
  font-size: clamp(.95rem, 1vw, 1.06rem);
  line-height: 1.5;
}

/* Raise the base article text one deliberate step for longer reading. */
.dr-murad-section p,
.dr-murad-learning p,
.dr-murad-trust-mirror p,
.dr-murad-timeline-panel p,
.dr-murad-quiz p,
.dr-murad-core p,
.dr-murad-continue p {
  font-size: clamp(1.125rem, 1.14vw, 1.24rem);
  line-height: 1.82;
}

.dr-murad-quick p {
  font-size: clamp(1.1rem, 1.25vw, 1.22rem) !important;
  line-height: 1.72 !important;
}

.dr-murad-deep-dive {
  font-size: 1.02em;
}

/* Light-theme hero remains parchment-like instead of becoming a white card. */
html[data-theme="light"] .dr-murad-hero__frame,
body[data-theme="light"] .dr-murad-hero__frame,
body.theme-light .dr-murad-hero__frame,
body.light-mode .dr-murad-hero__frame {
  background:
    radial-gradient(circle at 50% 18%, rgba(156,111,58,.13), transparent 33%),
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.10) 52%, rgba(93,63,34,.05)),
    color-mix(in srgb, var(--mr-panel-strong) 88%, transparent);
}

/* Responsive: preserve the centered dossier composition without narrow,
   awkward one-word line breaks. */
@media (max-width: 820px) {
  .dr-murad-hero {
    padding-top: clamp(3rem, 10vw, 4.8rem);
  }

  .dr-murad-hero__frame {
    padding: clamp(1.7rem, 6vw, 2.8rem) clamp(1rem, 5vw, 2rem) 1px;
  }

  .dr-murad-hero-route {
    max-width: 17ch;
    font-size: clamp(2.35rem, 9.5vw, 4.5rem) !important;
  }

  .dr-murad-hero .dr-murad-meta {
    grid-template-columns: 1fr 1fr;
  }

  .dr-murad-hero .dr-murad-stat {
    min-height: 104px;
  }
}

@media (max-width: 620px) {
  .dr-murad-hero__frame {
    border-inline: 1px solid var(--mr-line);
    border-radius: 0;
  }

  .dr-murad-kicker {
    border-radius: 12px;
    padding: .55rem .65rem;
  }

  .dr-murad-hero-route {
    max-width: 14ch;
    font-size: clamp(2.15rem, 11.5vw, 3.7rem) !important;
    line-height: 1.02 !important;
  }

  .dr-murad-hero-sublead {
    max-width: 27ch;
    font-size: clamp(1.08rem, 5vw, 1.32rem) !important;
  }

  .dr-murad-hero .dr-murad-standfirst {
    font-size: 1.08rem;
    line-height: 1.72;
  }

  .dr-murad-hero .dr-murad-reading-modes {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .dr-murad-hero .dr-murad-reading-modes span {
    border-radius: 10px;
  }

  .dr-murad-hero .dr-murad-meta {
    grid-template-columns: 1fr;
  }

  .dr-murad-hero .dr-murad-stat {
    min-height: 0;
    padding-block: 1rem;
  }

  .dr-murad-section p,
  .dr-murad-learning p,
  .dr-murad-trust-mirror p,
  .dr-murad-timeline-panel p,
  .dr-murad-quiz p,
  .dr-murad-core p,
  .dr-murad-continue p {
    font-size: 1.08rem;
    line-height: 1.78;
  }
}