:root {
  --black: #0b0b0b;
  --black-soft: #11110f;
  --black-raised: #14130f;
  --gold: #caa33c;
  --gold-soft: rgba(202, 163, 60, 0.55);
  --ivory: #f0ece3;
  --muted: #aaa59a;
  --line: rgba(202, 163, 60, 0.22);
  --white-line: rgba(255,255,255,.08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ivory);
  background: var(--black);
  font-family: "Inter", Arial, sans-serif;
  font-weight: 300;
}
a { color: inherit; }

.site-header { min-height: 100vh; position: relative; overflow: hidden; }
.topbar {
  min-height: 92px;
  padding: 0 6vw;
  border-bottom: 1px solid var(--white-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.brand, .inquiry-label, .eyebrow, .section-label, .footer-brand, .content-label {
  color: var(--gold);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-decoration: none;
}
.inquiry-label { color: var(--ivory); }
.inquiry-label span, .section-label span { color: var(--gold); margin-right: .7rem; }

.hero {
  min-height: calc(100vh - 92px);
  display: flex;
  align-items: center;
  padding: 8vh 6vw 11vh;
  position: relative;
}
.hero-content { width: min(950px, 88vw); position: relative; z-index: 1; }
.eyebrow { margin: 0 0 2.2rem; }
h1, h2, .footer-question {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
}
h1 {
  margin: 0;
  max-width: 970px;
  font-size: clamp(4.2rem, 9.6vw, 9rem);
  line-height: .84;
  letter-spacing: -.045em;
}
.hero-subtitle {
  color: var(--gold);
  margin: 2rem 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.55rem, 2.6vw, 2.45rem);
}
.hero-quote { margin: 2.6rem 0 0; color: #d9d4c9; line-height: 1.75; font-size: .98rem; }
.hero-notebook-link {
  margin: 1.35rem 0 0;
}
.hero-notebook-link a {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: var(--gold);
  text-decoration: none !important;
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .9;
  transition: color .2s ease, opacity .2s ease;
}
.hero-notebook-link a:hover,
.hero-notebook-link a:focus-visible {
  opacity: 1;
  color: var(--gold-bright, #e0bd61);
}
.buttons { margin-top: 2.3rem; display: flex; gap: .8rem; flex-wrap: wrap; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 1.55rem;
  border: 1px solid rgba(255,255,255,.26);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-decoration: none;
  transition: transform .25s ease, filter .25s ease, border-color .25s ease;
}
.button-primary { background: var(--gold); border-color: var(--gold); color: #0b0b0b; }
.button-secondary { background: transparent; }
.button:hover { transform: translateY(-2px); filter: brightness(1.1); border-color: var(--gold); }
.hero-triangle, .section-triangle {
  position: absolute;
  width: 58vw;
  aspect-ratio: 1;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  transform: rotate(45deg);
  pointer-events: none;
}
.hero-triangle { right: -29vw; bottom: -37vw; }

.hero-emerge{
  letter-spacing:-0.02em !important;
}


.section {
  min-height: 78vh;
  padding: 10rem 6vw;
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--white-line);
}
.section-label { margin: 0 0 5rem; }
.section-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 8vw;
  align-items: start;
}
.section h2 {
  margin: 0;
  font-size: clamp(3.2rem, 6.3vw, 6.5rem);
  line-height: .92;
  letter-spacing: -.035em;
}
.section p:not(.section-label) { color: var(--muted); line-height: 1.9; font-size: .98rem; }
.about { background: var(--black-soft); }
.section-triangle-left { left: -38vw; bottom: -54vw; }
.section-triangle-right { right: -42vw; top: 4vw; }
.clue-list { color: var(--ivory) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.55rem !important; line-height: 1.55 !important; }
.question-pair { display: grid; gap: .35rem; margin: 2rem 0; }
.question-pair strong { color: var(--ivory); font-weight: 500; }

/* Book centerpiece */
.book {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background: radial-gradient(circle at 82% 18%, rgba(202,163,60,.055), transparent 34%), var(--black);
}


.book-architecture {
  position: absolute;
  right: -12vw;
  top: 8rem;
  width: 36vw;
  height: 36vw;
  border: 1px solid rgba(202,163,60,.10);
  transform: rotate(45deg);
  pointer-events: none;
}
.book-intro {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  gap: 9vw;
  align-items: end;
  margin-bottom: 9rem;
  position: relative;
  z-index: 1;
}
.book-intro-copy { max-width: 650px; }
.attention-line {
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.55rem, 2.2vw, 2.2rem) !important;
  line-height: 1.25 !important;
  margin-top: 2rem;
}

/* Book publication metadata */

.publication-note {
  margin: 1.35rem 0 0;
  color: rgba(202, 163, 60, 0.78);
  font-family: Inter, Arial, sans-serif;
  font-size: 0.68rem !important;
  font-weight: 600;
  line-height: 1.4 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.publication-note span {
  display: inline-block;
  margin: 0 0.45em;
  color: rgba(224, 189, 97, 0.55);
}

.journey-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0;
}
.journey-note { margin: 0; font-size: .77rem !important; letter-spacing: .08em; color: rgba(202,163,60,.75); color: var(--gold);}
.acts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-left: 1px solid var(--line);
  border-top: 1px solid var(--line);
  margin-top: 4px;
}
.act-card {
  min-height: 320px;
  padding: 3.5rem;
  position: relative;
  overflow: hidden;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,.018), transparent 48%);
  transition: background .3s ease;
}
.act-card:hover { background: rgba(202,163,60,.035); }
.act-watermark {
  position: absolute;
  right: 2rem;
  bottom: -2.1rem;
  color: rgba(202,163,60,.075);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(10rem, 18vw, 18rem);
  line-height: .8;
  pointer-events: none;
}
.act-number {
  color: var(--gold) !important;
  margin: 0 0 3.4rem;
  font-size: .68rem !important;
  font-weight: 500;
  letter-spacing: .2em;
}
.act-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 1rem;
  color: var(--ivory);
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.75rem);
  font-weight: 500;
  letter-spacing: .04em;
}
.act-card > p:last-child { position: relative; z-index: 1; max-width: 380px; margin-bottom: 0; }
.glance-band {
  display: grid;
  grid-template-columns: .72fr .72fr .72fr 1.8fr;
  align-items: stretch;
  border: 1px solid var(--line);
  border-top: none;
  background: var(--black-raised);
}
.glance-stat, .glance-question {
  min-height: 150px;
  padding: 2.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--line);
}
.glance-question { border-right: none; }
.glance-stat strong {
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.4rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
}
.glance-stat span, .glance-question span {
  color: var(--gold);
  margin-top: .65rem;
  font-size: .64rem;
  letter-spacing: .19em;
}
.glance-question strong {
  color: var(--ivory);
  margin-top: .8rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.6rem, 2.8vw, 2.7rem);
  font-weight: 500;
  line-height: 1.1;
}

.sample { background: var(--black-soft); }
.sample-copy .button { margin-top: 1.5rem; }
.reflection { text-align: center; display: flex; flex-direction: column; justify-content: center; }
.reflection .section-label { text-align: left; }
.reflection-content { width: min(820px, 90vw); margin: 0 auto; position: relative; z-index: 1; }
.reflection h2 { margin-bottom: 2.3rem; }
.reflection-content p { max-width: 670px; margin: 0 auto 1.2rem; }
.reflection .button { margin-top: 1.6rem; }
.survey-note { font-size: .8rem !important; letter-spacing: .04em; }

.site-footer {
  min-height: 65vh;
  padding: 9rem 2rem 5rem;
  border-top: 1px solid var(--white-line);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.footer-triangle { color: var(--gold); font-size: 1.2rem; margin-bottom: 2rem; }
.footer-question { margin: 0 0 3rem; font-size: clamp(2.2rem, 4vw, 4.4rem); }
.footer-brand { margin: 0 0 .9rem; }
.footer-themes { margin: 0; color: var(--muted); font-size: .82rem; letter-spacing: .12em; }
.footer-themes span { color: var(--gold); margin: 0 .55rem; }
.footer-links {
  margin-top: 1.2rem;
  color: var(--muted);
  font-size: .72rem;
  letter-spacing: .08em;
}

.footer-links a {
  color: var(--muted);
  text-decoration: none;
  transition: color .2s ease;
}

.footer-links a:hover {
  color: var(--gold);
}

.footer-links span {
  color: rgba(202,163,60,.5);
  margin: 0 .5rem;
}

.copyright { color: #6f6b63; font-size: .72rem; margin-top: 4rem; }




@media (max-width: 900px) {
  .book-intro { grid-template-columns: 1fr; gap: 3rem; margin-bottom: 6rem; }
  .glance-band { grid-template-columns: repeat(3, 1fr); }
  .glance-question { grid-column: 1 / -1; border-top: 1px solid var(--line); }
  .glance-stat:nth-child(3) { border-right: none; }
}

@media (max-width: 760px) {
  .topbar { padding: 0 1.35rem; min-height: 76px; }
  .brand, .inquiry-label { font-size: .58rem; letter-spacing: .13em; }
  .hero { min-height: calc(100vh - 76px); padding: 5rem 1.35rem 6rem; }
  .hero-content { width: 100%; }
  h1 { font-size: clamp(4rem, 19vw, 6rem); }
  .hero-subtitle { font-size: 1.55rem; line-height: 1.15; }
  .hero-quote br { display: none; }
  .section { min-height: auto; padding: 7rem 1.35rem; }
  .section-label { margin-bottom: 3rem; }
  .section-grid { grid-template-columns: 1fr; gap: 2.2rem; }
  .section h2 { font-size: clamp(3rem, 14vw, 4.5rem); }
  .book-intro { margin-bottom: 5rem; }
  .journey-heading-row { align-items: start; flex-direction: column; }
  .acts-grid { grid-template-columns: 1fr; }
  .act-card { min-height: 260px; padding: 2.5rem 2rem; }
  .act-number { margin-bottom: 2.5rem; }
  .act-watermark { font-size: 12rem; }
  .glance-band { grid-template-columns: 1fr; }
  .glance-stat, .glance-question { min-height: 120px; border-right: none; border-bottom: 1px solid var(--line); }
  .glance-question { grid-column: auto; border-top: none; border-bottom: none; }
  .reflection .section-label { text-align: center; }
  .site-footer { min-height: 60vh; padding: 7rem 1.35rem 4rem; }
}


/* Navigation + scroll cue */
.nav-links{display:flex;align-items:center;gap:1rem;font-size:.72rem;letter-spacing:.18em;color:#caa33c}
.nav-links a{text-decoration:none;color:#caa33c;opacity:.85}
.nav-links a:hover{opacity:1}
.nav-links .sep{color:rgba(202,163,60,.4)}
.scroll-cue{position:absolute;left:50%;bottom:2.2rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;color:rgba(202,163,60,.75);font-size:.9rem;letter-spacing:.22em}
.scroll-cue span{font-size:.64rem}
@media (max-width:760px){.nav-links a{display:none}.nav-links .sep{display:none}.scroll-cue{bottom:1.2rem}}


/* v0.1.3 navigation and visible hero cue */
.nav-links { display:flex; align-items:center; gap:1rem; font-size:.72rem; letter-spacing:.18em; }
.nav-links a { color:var(--gold); text-decoration:none; opacity:.82; transition:opacity .2s ease; }
.nav-links a:hover { opacity:1; }
.nav-links .sep { color:rgba(202,163,60,.38); }
.clues-cue { display:inline-flex; flex-direction:column; align-items:center; gap:.35rem; margin-top:2.15rem; color:rgba(202,163,60,.78); text-decoration:none; font-size:.64rem; font-weight:500; letter-spacing:.24em; transition:color .2s ease, transform .2s ease; }
.clues-cue:hover { color:var(--gold); transform:translateY(2px); }
.clues-arrow { font-size:1rem; line-height:1; }
@media (max-width:760px) {
  .nav-links a, .nav-links .sep { display:none; }
  .clues-cue { margin-top:1.8rem; }
}


/* v0.1.4 author and contact section */
.author {
  background: var(--black-soft);
  min-height: auto;
  padding-top: 8rem;
  padding-bottom: 12rem;
}
.author-grid {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(360px, 1.1fr);
  gap: 8vw;
  align-items: center;
  position: relative;
  z-index: 1;
}
.author-portrait-wrap {
  margin: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(202,163,60,.24);
  background: #17130f;

  max-width: 520px;
}


.author-portrait-wrap::before {
  content: "";
  position: absolute;
  inset: 1.25rem;
  z-index: 2;
  border-top: 1px solid rgba(202,163,60,.22);
  border-left: 1px solid rgba(202,163,60,.22);
  pointer-events: none;
}

.author-portrait {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center top;
  filter: saturate(.92) contrast(1.03);
}

.author-copy h2 {
  margin-bottom: 2.5rem;
}
.author-copy p {
  max-width: 650px;
}
.author-name {
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.5rem, 2.2vw, 2.15rem) !important;
  line-height: 1.25 !important;
}
.author-connect {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line);
}
.author-connect .content-label {
  margin: 0 0 1.2rem;
}
.instagram-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.6rem, 2.5vw, 2.4rem);
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
.instagram-link:hover {
  color: var(--gold);
  transform: translateX(3px);
}
.author-architecture {
  position: absolute;
  right: -22vw;
  bottom: -35vw;
  width: 62vw;
  aspect-ratio: 1;
  border-left: 1px solid rgba(202,163,60,.14);
  border-right: 1px solid rgba(202,163,60,.14);
  transform: rotate(45deg);
  pointer-events: none;
}
@media (max-width: 900px) {
  .author-grid {
    grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
    gap: 5vw;
  }
}
@media (max-width: 760px) {
  .author {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .author-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .author-portrait {
    aspect-ratio: 4 / 5;
    object-position: center 12%;
  }
  .author-copy h2 {
    margin-bottom: 2rem;
  }
}


/* v0.2.2 - quiet book-cover thumbnail at right of Book intro */
.book-intro {
  grid-template-columns: minmax(0, .86fr) minmax(330px, 1fr) 190px;
  gap: clamp(2.5rem, 5vw, 6rem);
  align-items: center;
}

.book-cover-panel {
  margin: 0;
  justify-self: end;
  align-self: center;
  position: relative;
}

.book-cover-panel::before {
  content: "";
  position: absolute;
  inset: -10px 10px 10px -10px;
  border-top: 1px solid rgba(202,163,60,.16);
  border-left: 1px solid rgba(202,163,60,.16);
  pointer-events: none;
}

.book-cover-thumb {
  display: block;
  width: 170px;
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(202,163,60,.24);
  box-shadow: 0 16px 44px rgba(0,0,0,.42);
}

@media (max-width: 1100px) {
  .book-intro {
    grid-template-columns: minmax(0,.9fr) minmax(320px,1.1fr);
  }
  .book-cover-panel {
    grid-column: 2;
    justify-self: start;
    margin-top: 1rem;
  }
  .book-cover-thumb {
    width: 155px;
  }
}

@media (max-width: 760px) {
  .book-intro {
    grid-template-columns: 1fr;
  }
  .book-cover-panel {
    grid-column: auto;
    justify-self: start;
    margin-top: .5rem;
  }
  .book-cover-thumb {
    width: 145px;
  }
}


.mobile-cover {
    display: none;
}

.desktop-cover {
    display: block;
}

@media (max-width: 760px) {

    .desktop-cover {
        display: none;
    }

    .mobile-cover {
        display: block;
    }

}

@media (max-width: 760px) {
  .book-cover-panel {
    display: none;
  }
}


/* Hidden question Easter egg */
.footer-question-trigger {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--ivory);
  cursor: pointer;
  text-align: center;
  transition: color .25s ease, transform .25s ease;
}
.footer-question-trigger:hover,
.footer-question-trigger:focus-visible {
  color: var(--gold);
  transform: translateY(-2px);
}
.footer-question-trigger:focus-visible {
  outline: 1px solid var(--gold);
  outline-offset: .45rem;
}
.footer-reveal {
  max-height: 0;
  margin: -1.8rem 0 2.8rem;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  color: var(--gold) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.35rem, 2.5vw, 2.2rem) !important;
  line-height: 1.2 !important;
  transition: max-height .5s ease, opacity .45s ease, transform .45s ease;
}
.footer-reveal.is-visible {
  max-height: 5rem;
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .footer-question-trigger,
  .footer-reveal { transition: none; }
}


.inquiry-trigger {
  background: transparent;
  border: none;
  color: var(--ivory);
  font: inherit;
  cursor: pointer;
  padding: 0;
}

.inquiry-reveal {
  max-height: 0;
  overflow: hidden;
  opacity: 0;

  transition:
    max-height .5s ease,
    opacity .5s ease,
    transform .5s ease;

  transform: translateY(-5px);

  text-align: right;

  padding-right: 6vw;
}

.inquiry-reveal p {
  margin: 0;
  color: var(--gold);
  font-size: .8rem;
  letter-spacing: .08em;
}

.inquiry-reveal.active {
  max-height: 80px;
  opacity: 1;
  transform: translateY(0);
}

/* Staggered reveal for the top inquiry Easter egg */
.inquiry-reveal .inquiry-line {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .42s ease, transform .42s ease;
}

.inquiry-reveal.active .inquiry-line-one {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .08s;
}

.inquiry-reveal.active .inquiry-line-two {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .80s;
}

.inquiry-reveal:not(.active) .inquiry-line {
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .inquiry-reveal .inquiry-line {
    transition: none;
  }
}


/* =========================================================
   MODERN DHARMA PREMIUM TEST V3
   Preserve original line geometry; elevate text, light, depth
   ========================================================= */
:root {
  --gold-deep: #8b681e;
  --gold-bright: #e0bd61;
}

/* Premium gold-leaf effect only on selected display phrases. */
.gold-leaf-text {
  color: var(--gold);
  background-image: linear-gradient(105deg,
    #8d681d 0%, #c69a36 24%, #edd57d 46%,
    #ad7c22 66%, #d4ae4d 86%, #8d681d 100%);
  background-size: 220% 100%;
  background-position: 46% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 24px rgba(202,163,60,.055);
}
.gold-leaf-text-subtle {
  background-image: linear-gradient(100deg,
    #9b7427, #d7b85e 46%, #b8892c 72%, #ead27b);
  background-size: 160% 100%;
}

/* Preserve original hero triangle and add just one material plane behind it. */
.hero {
  isolation: isolate;
  background:
    radial-gradient(circle at 77% 70%, rgba(202,163,60,.04), transparent 25%),
    var(--black);
}
.hero::before {
  content: "";
  position: absolute;
  right: -12vw;
  bottom: -24vw;
  width: min(47vw, 720px);
  aspect-ratio: 1;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:
    linear-gradient(132deg, rgba(255,255,255,.035), transparent 36%),
    linear-gradient(315deg, #090909 0 43%, #1b1915 43.4% 58%, #0b0b0a 58.4% 100%);
  opacity: .42;
  filter: drop-shadow(-24px 28px 42px rgba(0,0,0,.52));
  pointer-events: none;
  z-index: 0;
}
.hero::after {
  content: "";
  position: absolute;
  right: 10vw;
  bottom: 3vw;
  width: min(16vw, 240px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(224,189,97,.78), transparent);
  transform: rotate(-30deg);
  box-shadow: 0 0 12px rgba(202,163,60,.24);
  pointer-events: none;
  z-index: 0;
}
.hero-content { position: relative; z-index: 2; }

/* Keep the original section triangles and long page lines fully visible. */
.hero-triangle,
.section-triangle,
.book-architecture {
  opacity: 1;
}
.book-architecture {
  filter: drop-shadow(0 0 8px rgba(202,163,60,.025));
}

/* No material overlays in the Book section. Original line architecture wins. */
.book {
  background: var(--black);
}
.book::before,
.book::after,
.journey-heading-row::before,
.journey-heading-row::after,
.act-card::before,
.act-card::after {
  content: none !important;
}

/* Restore the clean cards, adding only subtle depth and a refined hover. */
.act-card {
  background: rgba(255,255,255,.004);
  transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}
.act-card:hover {
  transform: translateY(-2px);
  background: rgba(202,163,60,.022);
  box-shadow: inset 0 1px 0 rgba(224,189,97,.035);
}
.act-watermark { opacity: 1; transform: none; }

/* Refined surfaces without introducing new shapes. */
.glance-band {
  background:
    linear-gradient(120deg, rgba(255,255,255,.014), transparent 40%),
    var(--black-soft);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.014);
}

.button-primary {
  background: linear-gradient(105deg,
    #a77d27, #d8b850 46%, #bc8c2c 78%, #e2c76e);
  border-color: #c9a13a;
  box-shadow: 0 8px 28px rgba(202,163,60,.10);
}
.button-secondary {
  background: rgba(202,163,60,.018);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

/* Preserve original footer triangle glyph and all existing Easter eggs. */
.site-footer {
  background:
    radial-gradient(circle at 50% 28%, rgba(202,163,60,.032), transparent 24%),
    var(--black);
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .gold-leaf-text { transition: background-position .8s ease; }
  .gold-leaf-text:hover { background-position: 72% 50%; }
}

@media (max-width: 760px) {
  .hero::before {
    width: 90vw;
    right: -48vw;
    bottom: -15vw;
    opacity: .20;
  }
  .hero::after { display: none; }
  .gold-leaf-text {
    background-image: linear-gradient(100deg, #b88a2f, #e0c46d, #aa7b22);
  }
}

@media (prefers-contrast: more) {
  .gold-leaf-text {
    background: none;
    -webkit-text-fill-color: var(--gold-bright);
    color: var(--gold-bright);
    text-shadow: none;
  }
  .hero::before { opacity: .12; }
}

@media (prefers-reduced-motion: reduce) {
  .act-card,
  .gold-leaf-text { transition: none; }
}


@media (max-width: 760px) {
  .publication-note {
    margin-top: 1rem;
    font-size: 0.62rem !important;
    letter-spacing: 0.14em;
  }
}

/* =========================================================
   THE JOURNAL
   Curated extension of the Modern Dharma Reading Room
   ========================================================= */
.journal-page { background: var(--black); }
.journal-header { min-height: 100vh; position: relative; overflow: hidden; }
.journal-current {
  color: var(--ivory);
  opacity: .92;
}
.journal-hero {
  min-height: calc(100vh - 92px);
  padding: 10vh 6vw 12vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  isolation: isolate;
}
.journal-hero::before {
  content: "";
  position: absolute;
  right: -7vw;
  bottom: -24vw;
  width: min(58vw, 870px);
  aspect-ratio: 1;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:
    linear-gradient(132deg, rgba(255,255,255,.035), transparent 36%),
    linear-gradient(315deg, #090909 0 43%, #1b1915 43.4% 58%, #0b0b0a 58.4% 100%);
  opacity: .42;
  filter: drop-shadow(-24px 28px 42px rgba(0,0,0,.52));
  pointer-events: none;
  z-index: -1;
}
.journal-hero-line {
  position: absolute;
  right: 10vw;
  bottom: 10vw;
  width: min(18vw, 260px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(224,189,97,.8), transparent);
  transform: rotate(-30deg);
  box-shadow: 0 0 12px rgba(202,163,60,.22);
}
.journal-hero h1 { max-width: 880px; }
.journal-intro {
  max-width: 690px;
  margin: 2.4rem 0 0;
  color: #d9d4c9;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.4rem, 2.3vw, 2.15rem);
  line-height: 1.42;
}
.journal-method {
  margin: 2rem 0 0;
  color: var(--muted);
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.journal-method span { color: var(--gold); margin: 0 .55rem; }
.journal-main { border-top: 0; }
.journal-section {
  padding: 9rem 6vw;
  position: relative;
  overflow: hidden;
}
.journal-section + .journal-section { border-top: 1px solid var(--white-line); }
.journal-section-heading {
  display: grid;
  grid-template-columns: minmax(210px,.45fr) minmax(0,1fr);
  gap: 6vw;
  align-items: end;
  margin-bottom: 4.5rem;
}
.journal-kicker {
  margin: 0;
  color: var(--gold);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.journal-kicker span { margin-right: .65rem; }
.journal-section h2,
.journal-continuation h2 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem, 5.8vw, 6rem);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.035em;
}
.journal-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-left: 1px solid var(--line);
  border-top: 1px solid var(--line);
}
.journal-card {
  min-height: 390px;
  padding: 2.8rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
}
.journal-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.journal-card-type {
  color: var(--gold) !important;
  margin: 0 0 auto;
  font-size: .64rem !important;
  font-weight: 600;
  letter-spacing: .18em;
}
.journal-card h3 {
  margin: 0 0 1.2rem;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 500;
  line-height: 1.03;
}
.journal-card p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.75;
}
.journal-card-featured { grid-column: span 1; }
.journal-card-inquiry {
  background: #0d0d0c;
}
.journal-card-inquiry::before {
  background:
    linear-gradient(145deg, transparent 0 61%, rgba(202,163,60,.08) 61.2% 61.5%, transparent 61.7%),
    linear-gradient(128deg, rgba(255,255,255,.025), transparent 34%);
}
.journal-section-light {
  background: #f4f1e9;
  color: #11110f;
}
.journal-section-light .journal-kicker { color: #9b7427; }
.journal-section-light h2 { color: #171612; }
.journal-section-light .journal-grid { border-color: rgba(155,116,39,.25); }
.journal-card-principle {
  background: #f7f4ec;
  border-color: rgba(155,116,39,.25);
}
.journal-card-principle::before {
  background:
    linear-gradient(145deg, transparent 0 68%, rgba(155,116,39,.12) 68.2% 68.5%, transparent 68.7%),
    radial-gradient(circle at 80% 18%, rgba(202,163,60,.08), transparent 28%);
}
.journal-card-principle .journal-card-type { color: #9b7427 !important; }
.journal-card-principle h3 { color: #171612; }
.journal-card-principle p:last-child { color: #5e584e; }
.journal-grid-observations { grid-template-columns: repeat(2,minmax(0,1fr)); }
.journal-card-observation {
  min-height: 430px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.018), transparent 45%),
    #11110f;
}
.journal-card-observation::before {
  background:
    radial-gradient(circle at 70% 32%, rgba(202,163,60,.075), transparent 24%),
    linear-gradient(122deg, transparent 0 72%, rgba(202,163,60,.12) 72.2% 72.45%, transparent 72.7%);
}
.journal-section-gold {
  color: #11110f;
  background:
    linear-gradient(120deg, rgba(255,255,255,.14), transparent 30%),
    #c5a653;
}
.journal-section-gold .journal-kicker,
.journal-section-gold h2 { color: #11110f; }
.journal-grid-frameworks { grid-template-columns: 1.2fr .8fr; border-color: rgba(17,17,15,.24); }
.journal-card-framework {
  min-height: 435px;
  border-color: rgba(17,17,15,.24);
  background: rgba(244,241,233,.12);
}
.journal-card-framework .journal-card-type { color: #4a3a17 !important; }
.journal-card-framework h3 { color: #11110f; }
.journal-card-framework p:last-child { color: #42391f; }
.journal-triangle-map {
  min-height: 220px;
  margin-top: 1.5rem;
  position: relative;
  color: #11110f;
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.journal-triangle-map div {
  position: absolute;
  left: 50%;
  bottom: 1.7rem;
  width: 155px;
  height: 135px;
  transform: translateX(-50%);
  clip-path: polygon(50% 0,100% 100%,0 100%);
  background: #171612;
}
.journal-triangle-map div::after {
  content: "";
  position: absolute;
  inset: 2px;
  clip-path: polygon(50% 0,100% 100%,0 100%);
  background: #c5a653;
}
.journal-map-fitness { position:absolute; left:50%; top:.2rem; transform:translateX(-50%); }
.journal-map-purpose { position:absolute; left:10%; bottom:0; }
.journal-map-consciousness { position:absolute; right:3%; bottom:0; }
.journal-continuation {
  padding: 10rem 6vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid var(--white-line);
}
.journal-continuation h2 { margin-top: 2rem; }
.journal-continuation > p:not(.journal-kicker) {
  max-width: 660px;
  margin: 2rem auto 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.85;
}
.journal-continuation .button { margin-top: 2.2rem; }
.journal-back-link {
  margin-top: 1.5rem;
  color: var(--gold);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-decoration: none;
}
.journal-footer .footer-question { margin-bottom: 3rem; }
.journal-doorway {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line);
}
.journal-doorway p:not(.content-label) { margin: 0 0 1rem; }
.journal-text-link {
  color: var(--gold);
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-decoration: none;
}
.journal-text-link span { margin-left: .6rem; }

@media (max-width: 900px) {
  .journal-grid { grid-template-columns: 1fr 1fr; }
  .journal-card:last-child { grid-column: 1 / -1; }
  .journal-grid-observations,
  .journal-grid-frameworks { grid-template-columns: 1fr 1fr; }
  .journal-grid-observations .journal-card:last-child,
  .journal-grid-frameworks .journal-card:last-child { grid-column: auto; }
}

@media (max-width: 760px) {
  .journal-hero { min-height: calc(100vh - 76px); padding: 6rem 1.35rem 7rem; }
  .journal-hero::before { width: 100vw; right: -55vw; bottom: -12vw; opacity: .24; }
  .journal-hero-line { display: none; }
  .journal-intro { font-size: 1.45rem; }
  .journal-method { line-height: 2; }
  .journal-method span { margin: 0 .3rem; }
  .journal-section { padding: 7rem 1.35rem; }
  .journal-section-heading { grid-template-columns: 1fr; gap: 2rem; margin-bottom: 3rem; }
  .journal-grid,
  .journal-grid-observations,
  .journal-grid-frameworks { grid-template-columns: 1fr; }
  .journal-card,
  .journal-card-observation,
  .journal-card-framework { min-height: 330px; padding: 2.3rem 2rem; }
  .journal-card:last-child,
  .journal-grid-observations .journal-card:last-child,
  .journal-grid-frameworks .journal-card:last-child { grid-column: auto; }
  .journal-continuation { padding: 8rem 1.35rem; }
}


/* Journal entry links and supplied Modern Dharma Triangle asset */
.journal-instagram-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  margin-top: 1.4rem;
  color: var(--gold);
  font-size: .58rem;
  font-weight: 600;
  letter-spacing: .18em;
  line-height: 1.4;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .22s ease, transform .22s ease;
}
.journal-instagram-link span {
  font-size: .75rem;
  transition: transform .22s ease;
}
.journal-instagram-link:hover,
.journal-instagram-link:focus-visible {
  color: var(--gold-bright, #e0bd61);
  transform: translateY(-2px);
}
.journal-instagram-link:hover span,
.journal-instagram-link:focus-visible span {
  transform: translate(2px,-2px);
}
.journal-instagram-link:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: .45rem;
}
.journal-card-principle .journal-instagram-link,
.journal-card-framework .journal-instagram-link {
  color: #6a4d10;
}
.journal-card-principle .journal-instagram-link:hover,
.journal-card-principle .journal-instagram-link:focus-visible,
.journal-card-framework .journal-instagram-link:hover,
.journal-card-framework .journal-instagram-link:focus-visible {
  color: #2e220b;
}
.journal-triangle-asset {
  margin: 1.4rem 0 0;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.journal-triangle-asset img {
  display: block;
  width: min(100%, 430px);
  max-height: 265px;
  object-fit: contain;
  filter: saturate(.88) contrast(1.03) drop-shadow(0 18px 24px rgba(61,39,3,.16));
}
@media (max-width: 760px) {
  .journal-instagram-link { margin-top: 1.35rem; }
  .journal-triangle-asset { min-height: 180px; }
  .journal-triangle-asset img { max-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-instagram-link,
  .journal-instagram-link span { transition: none; }
}


/* Premium typographic Modern Dharma Triangle */
.journal-typographic-triangle {
  width: min(100%, 590px);
  min-height: 270px;
  margin: 1.4rem auto 0;
  position: relative;
  color: #17120a;
}
.journal-tt-mark {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  color: #17120a;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(11rem, 18vw, 17rem);
  font-weight: 400;
  line-height: .72;
  text-shadow:
    0 1px 0 rgba(255,255,255,.18),
    0 12px 24px rgba(74,49,7,.12);
}
.journal-tt-label {
  position: absolute;
  z-index: 2;
  color: #49330a;
  font-family: Inter, Arial, sans-serif;
  font-size: .61rem;
  font-weight: 600;
  letter-spacing: .22em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.journal-tt-fitness {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.journal-tt-purpose {
  left: 5%;
  bottom: .2rem;
}
.journal-tt-consciousness {
  right: 1%;
  bottom: .2rem;
}
/* Disable the former image component if older cached markup remains. */
.journal-triangle-asset { display: none; }
@media (max-width: 760px) {
  .journal-typographic-triangle {
    min-height: 220px;
    width: 100%;
  }
  .journal-tt-mark {
    font-size: clamp(9rem, 48vw, 13rem);
  }
  .journal-tt-label {
    font-size: .52rem;
    letter-spacing: .16em;
  }
  .journal-tt-purpose { left: 1%; }
  .journal-tt-consciousness { right: -1%; }
}


/* JOURNAL DATA SOURCE
   Journal cards are rendered by GitHub Pages/Jekyll from _data/journal.yml.
   Edit the YAML file to add, remove, reorder, or update entries.
*/

/* =========================================================
   LEGAL PAGES
   Privacy and cookie notices in the Modern Dharma system
   ========================================================= */
.legal-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% 18%, rgba(202,163,60,.05), transparent 28%),
    var(--black);
}
.legal-header {
  min-height: 92px;
  padding: 0 6vw;
  border-bottom: 1px solid var(--white-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.legal-back {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease;
}
.legal-back:hover,
.legal-back:focus-visible {
  color: var(--gold);
}
.legal-main {
  width: min(860px, 88vw);
  margin: 0 auto;
  padding: 8rem 0 9rem;
  position: relative;
}
.legal-main::before {
  content: "△";
  position: absolute;
  right: 0;
  top: 6.8rem;
  color: rgba(202,163,60,.28);
  font-family: Georgia, serif;
  font-size: clamp(5rem, 12vw, 10rem);
  line-height: 1;
  pointer-events: none;
}
.legal-kicker {
  margin: 0 0 2rem;
  color: var(--gold);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.legal-kicker span { margin-right: .7rem; }
.legal-main h1 {
  margin: 0 0 4rem;
  max-width: 720px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3.7rem, 7vw, 7rem);
  font-weight: 500;
  line-height: .9;
  letter-spacing: -.035em;
}
.legal-content {
  max-width: 720px;
  padding-top: 2.5rem;
  border-top: 1px solid var(--line);
}
.legal-content h2 {
  margin: 3rem 0 1rem;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 500;
}
.legal-content p,
.legal-content li {
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.85;
}
.legal-content a {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(202,163,60,.35);
}
.legal-content ul {
  margin: 1rem 0 0;
  padding-left: 1.2rem;
}
.legal-updated {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--white-line);
  font-size: .72rem !important;
  letter-spacing: .08em;
}
.legal-footer {
  padding: 2.5rem 6vw 3rem;
  border-top: 1px solid var(--white-line);
  text-align: center;
}
.legal-footer p {
  margin: 0;
  color: #6f6b63;
  font-size: .72rem;
}
@media (max-width: 760px) {
  .legal-header {
    min-height: 76px;
    padding: 0 1.35rem;
  }
  .legal-main {
    width: auto;
    margin: 0;
    padding: 6rem 1.35rem 7rem;
  }
  .legal-main::before {
    top: 5rem;
    right: 1rem;
    opacity: .5;
  }
  .legal-main h1 { margin-bottom: 3rem; }
  .legal-content { padding-top: 2rem; }
}

/* =========================================================
   FROM OTHER NOTEBOOKS
   Primary observation doorway for the collective investigation
   ========================================================= */
.reader-evidence {
  min-height: auto;
  padding-top: 9rem;
  padding-bottom: 9rem;
  background:
    radial-gradient(circle at 16% 84%, rgba(202,163,60,.055), transparent 26%),
    var(--black);
  isolation: isolate;
}
.reader-evidence-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: 8vw;
  align-items: start;
  position: relative;
  z-index: 1;
}
.reader-evidence-copy {
  max-width: 650px;
  padding-top: .4rem;
}
.reader-evidence-lead {
  margin-top: 0;
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.7rem, 2.5vw, 2.45rem) !important;
  line-height: 1.25 !important;
}
.reader-evidence-question {
  display: grid;
  gap: .35rem;
  margin: 2.3rem 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.35rem, 2.1vw, 2rem) !important;
  line-height: 1.3 !important;
}
.reader-evidence-question span { color: var(--muted); }
.reader-evidence-question strong { color: var(--ivory); font-weight: 500; }

.observation-doorway {
  width: min(1180px, 100%);
  margin: 6.5rem auto 0;
  padding: clamp(2rem, 4.5vw, 4.5rem);
  position: relative;
  z-index: 1;
  border: 1px solid rgba(202,163,60,.28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 38%),
    rgba(17,17,15,.78);
  box-shadow: 0 26px 65px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02);
}
.observation-doorway::before {
  content: "△";
  position: absolute;
  right: clamp(1.5rem, 4vw, 4rem);
  top: clamp(1.4rem, 3vw, 3rem);
  color: rgba(202,163,60,.16);
  font-family: Georgia, serif;
  font-size: clamp(4rem, 8vw, 7rem);
  line-height: 1;
  pointer-events: none;
}
.observation-doorway-header { max-width: 760px; }
.observation-doorway-header .content-label { margin: 0 0 1.5rem; }
.observation-doorway h3 {
  margin: 0;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.6rem, 4.8vw, 5rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.025em;
}
.observation-doorway-header > p:last-child {
  max-width: 660px;
  margin: 1.6rem 0 0;
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.85;
}
.observation-prompts {
  margin: 3.5rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.observation-prompts li {
  min-height: 210px;
  padding: 2rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.2rem;
  align-content: start;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.008);
}
.observation-number {
  color: var(--gold);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .15em;
}
.observation-prompts strong {
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 500;
}
.observation-prompts p {
  margin: .75rem 0 0;
  color: var(--muted) !important;
  font-size: .82rem !important;
  line-height: 1.7 !important;
}
.observation-action {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.reader-evidence-button { min-height: 54px; }
.observation-action p {
  margin: 0;
  color: #777268 !important;
  font-size: .75rem !important;
  line-height: 1.55 !important;
}
.evidence-flow {
  width: min(1180px, 100%);
  margin: 3.5rem auto 0;
  padding-top: 2.5rem;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--line);
}
.evidence-flow > .content-label { margin: 0 0 1.5rem; }
.evidence-flow-steps {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--ivory);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .15em;
}
.evidence-flow-steps i {
  color: rgba(202,163,60,.55);
  font-style: normal;
}
.reader-evidence-note {
  max-width: 760px;
  margin: 1.4rem 0 0;
  color: #777268 !important;
  font-size: .76rem !important;
  line-height: 1.65 !important;
  letter-spacing: .025em;
}
.reader-evidence-architecture {
  position: absolute;
  right: -25vw;
  bottom: -38vw;
  width: 65vw;
  aspect-ratio: 1;
  border-left: 1px solid rgba(202,163,60,.13);
  border-right: 1px solid rgba(202,163,60,.13);
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 900px) {
  .reader-evidence-intro {
    grid-template-columns: minmax(0,1fr) minmax(310px,.9fr);
    gap: 5vw;
  }
  .observation-prompts li { padding: 1.6rem; }
}
@media (max-width: 760px) {
  .reader-evidence { padding-top: 7rem; padding-bottom: 7rem; }
  .reader-evidence-intro { grid-template-columns: 1fr; gap: 2.5rem; }
  .reader-evidence-copy { padding-top: 0; }
  .observation-doorway { margin-top: 4.5rem; padding: 2rem 1.35rem; }
  .observation-doorway::before { font-size: 4rem; opacity: .7; }
  .observation-prompts { grid-template-columns: 1fr; }
  .observation-prompts li { min-height: auto; padding: 1.6rem 1.3rem; }
  .observation-action { align-items: stretch; }
  .reader-evidence-button { width: 100%; }
  .observation-action p { width: 100%; }
  .evidence-flow-steps { display: grid; grid-template-columns: 1fr auto; gap: .8rem; }
  .evidence-flow-steps i { transform: rotate(90deg); justify-self: center; }
  .evidence-flow-steps span:last-child { grid-column: 1 / -1; }
  .reader-evidence-architecture { width: 105vw; right: -68vw; bottom: -38vw; opacity: .7; }
}

/* =========================================================
   JOURNAL OBSERVATION DOORWAY
   Shared inquiry without introducing the future Living Map
   ========================================================= */
.journal-contribute {
  padding: 10rem 6vw;
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--white-line);
  background:
    radial-gradient(circle at 15% 82%, rgba(202,163,60,.05), transparent 27%),
    var(--black);
  isolation: isolate;
}
.journal-contribute-intro {
  display: grid;
  grid-template-columns: minmax(210px,.45fr) minmax(0,.8fr) minmax(340px,.75fr);
  gap: 5vw;
  align-items: start;
  position: relative;
  z-index: 1;
}
.journal-contribute-intro h2 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem, 5.8vw, 6rem);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.035em;
}
.journal-contribute-copy { max-width: 610px; }
.journal-contribute-lead {
  margin-top: 0;
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.6rem, 2.4vw, 2.3rem) !important;
  line-height: 1.28 !important;
}
.journal-contribute-copy > p:not(.journal-contribute-lead):not(.journal-contribute-question) {
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.85;
}
.journal-contribute-question {
  display: grid;
  gap: .35rem;
  margin: 2rem 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.3rem, 2vw, 1.9rem);
  line-height: 1.3;
}
.journal-contribute-question span { color: var(--muted); }
.journal-contribute-question strong { color: var(--ivory); font-weight: 500; }
.journal-contribute-doorway {
  width: min(1180px, 100%);
  margin: 6rem auto 0;
  padding: clamp(2rem, 4.5vw, 4.25rem);
  position: relative;
  z-index: 1;
  border: 1px solid rgba(202,163,60,.28);
  background: linear-gradient(135deg, rgba(255,255,255,.024), transparent 40%), rgba(17,17,15,.8);
  box-shadow: 0 26px 65px rgba(0,0,0,.23);
}
.journal-contribute-doorway::before {
  content: "△";
  position: absolute;
  right: clamp(1.5rem,4vw,4rem);
  top: clamp(1.4rem,3vw,3rem);
  color: rgba(202,163,60,.15);
  font-family: Georgia, serif;
  font-size: clamp(4rem,8vw,7rem);
  line-height: 1;
  pointer-events: none;
}
.journal-contribute-doorway-head { max-width: 760px; }
.journal-contribute-doorway-head .content-label { margin: 0 0 1.5rem; }
.journal-contribute-doorway h3 {
  margin: 0;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.5rem,4.6vw,4.8rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.025em;
}
.journal-contribute-doorway-head > p:last-child {
  max-width: 660px;
  margin: 1.5rem 0 0;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.85;
}
.journal-contribute-prompts {
  margin: 3.5rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.journal-contribute-prompts li {
  min-height: 205px;
  padding: 2rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.2rem;
  align-content: start;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.journal-contribute-prompts li > span {
  color: var(--gold);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .15em;
}
.journal-contribute-prompts strong {
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.35rem,2vw,1.9rem);
  font-weight: 500;
}
.journal-contribute-prompts p {
  margin: .75rem 0 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.7;
}
.journal-contribute-action {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.journal-contribute-action p {
  margin: 0;
  color: #777268;
  font-size: .75rem;
  line-height: 1.55;
}
.journal-shared-recognition {
  width: min(1180px,100%);
  margin: 3.5rem auto 0;
  padding-top: 2.5rem;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--line);
}
.journal-shared-recognition .content-label { margin: 0 0 1.4rem; }
.journal-evidence-flow {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--ivory);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .15em;
}
.journal-evidence-flow i { color: rgba(202,163,60,.55); font-style: normal; }
.journal-shared-recognition > p:last-child {
  max-width: 760px;
  margin: 1.4rem 0 0;
  color: #777268;
  font-size: .76rem;
  line-height: 1.65;
}
.journal-contribute-architecture {
  position: absolute;
  right: -24vw;
  bottom: -39vw;
  width: 65vw;
  aspect-ratio: 1;
  border-left: 1px solid rgba(202,163,60,.12);
  border-right: 1px solid rgba(202,163,60,.12);
  transform: rotate(45deg);
  pointer-events: none;
}
@media (max-width: 900px) {
  .journal-contribute-intro {
    grid-template-columns: minmax(180px,.35fr) minmax(0,.85fr);
  }
  .journal-contribute-copy { grid-column: 2; }
  .journal-contribute-prompts li { padding: 1.6rem; }
}
@media (max-width: 760px) {
  .journal-contribute { padding: 7rem 1.35rem; }
  .journal-contribute-intro { grid-template-columns: 1fr; gap: 2.2rem; }
  .journal-contribute-copy { grid-column: auto; }
  .journal-contribute-doorway { margin-top: 4.5rem; padding: 2rem 1.35rem; }
  .journal-contribute-doorway::before { font-size: 4rem; opacity: .7; }
  .journal-contribute-prompts { grid-template-columns: 1fr; }
  .journal-contribute-prompts li { min-height: auto; padding: 1.6rem 1.3rem; }
  .journal-contribute-action { align-items: stretch; }
  .journal-contribute-action .button { width: 100%; }
  .journal-contribute-action p { width: 100%; }
  .journal-evidence-flow { display: grid; grid-template-columns: 1fr auto; gap: .8rem; }
  .journal-evidence-flow i { transform: rotate(90deg); justify-self: center; }
  .journal-evidence-flow span:last-child { grid-column: 1 / -1; }
  .journal-contribute-architecture { width: 105vw; right: -68vw; bottom: -38vw; opacity: .7; }
}

/* =========================================================
   FROM OTHER NOTEBOOKS - EMBEDDED FORM PAGE
   ========================================================= */
.other-notebooks-page {
  min-height: 100vh;
  background: var(--black);
}
.other-notebooks-header {
  min-height: 92px;
  padding: 0 6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--white-line);
}
.other-notebooks-back {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-decoration: none;
  transition: color .2s ease;
}
.other-notebooks-back:hover,
.other-notebooks-back:focus-visible { color: var(--gold); }
.other-notebooks-hero {
  min-height: auto;
  padding: 9rem 6vw 8rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 84% 20%, rgba(202,163,60,.055), transparent 28%),
    var(--black);
}
.other-notebooks-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
  gap: 8vw;
  align-items: start;
  position: relative;
  z-index: 1;
}
.other-notebooks-hero h1 {
  margin: 0;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(4rem,8vw,8rem);
  font-weight: 500;
  line-height: .88;
  letter-spacing: -.045em;
}
.other-notebooks-intro { max-width: 680px; }
.other-notebooks-lead {
  margin-top: 0;
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.9rem,3vw,3rem) !important;
  line-height: 1.18 !important;
}
.other-notebooks-intro > p:not(.other-notebooks-lead) {
  color: var(--muted);
  font-size: .98rem;
  line-height: 1.85;
}
.anonymous-promise {
  margin-top: 2.5rem;
  padding: 1.5rem 0 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  border-top: 1px solid var(--line);
}
.anonymous-promise > span {
  color: var(--gold);
  font-family: Georgia, serif;
}
.anonymous-promise strong {
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 500;
}
.anonymous-promise p {
  margin: .55rem 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.65;
}
.other-notebooks-architecture {
  position: absolute;
  right: -26vw;
  bottom: -42vw;
  width: 68vw;
  aspect-ratio: 1;
  border-left: 1px solid rgba(202,163,60,.13);
  border-right: 1px solid rgba(202,163,60,.13);
  transform: rotate(45deg);
  pointer-events: none;
}
.embedded-observation-section {
  padding: 8rem 6vw;
  border-top: 1px solid var(--white-line);
  background: #121210;
}
.embedded-observation-heading {
  width: min(1180px,100%);
  margin: 0 auto 3rem;
}
.embedded-observation-heading .content-label { margin: 0 0 1.4rem; }
.embedded-observation-heading h2 {
  margin: 0;
  color: var(--ivory);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem,5.5vw,5.8rem);
  font-weight: 500;
  line-height: .95;
  letter-spacing: -.035em;
}
.embedded-observation-heading > p:last-child {
  margin: 1.4rem 0 0;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.75;
}
.airtable-frame-wrap {
  width: min(1180px,100%);
  margin: 0 auto;
  padding: 1px;
  background: linear-gradient(135deg, rgba(202,163,60,.42), rgba(255,255,255,.07), rgba(202,163,60,.18));
  box-shadow: 0 28px 70px rgba(0,0,0,.28);
}
.airtable-embed {
  display: block;
  width: 100%;
  min-height: 1180px;
  border: 0;
  background: #fff;
}
.airtable-fallback {
  width: min(1180px,100%);
  margin: 1.2rem auto 0;
  color: #777268;
  font-size: .74rem;
  line-height: 1.6;
}
.airtable-fallback a {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(202,163,60,.35);
}
.other-notebooks-flow {
  padding: 2.5rem 6vw 3rem;
  border-top: 1px solid var(--white-line);
}
.other-notebooks-flow > * { width: min(1180px,100%); margin-left: auto; margin-right: auto; }
.other-notebooks-flow .content-label { margin-top: 0; margin-bottom: 1.4rem; }
.other-notebooks-flow-steps {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--ivory);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .15em;
}
.other-notebooks-flow-steps i { color: rgba(202,163,60,.55); font-style: normal; }
.other-notebooks-flow > p:last-child {
  margin-top: 0.8rem;
  color: #777268;
  font-size: .76rem;
  line-height: 1.65;
}
@media (max-width: 760px) {
  .other-notebooks-header { min-height: 76px; padding: 0 1.35rem; }
  .other-notebooks-back { font-size: .55rem; letter-spacing: .11em; }
  .other-notebooks-hero { padding: 7rem 1.35rem 2rem; }
  .other-notebooks-hero-grid { grid-template-columns: 1fr; gap: 3rem; }
  .other-notebooks-architecture { width: 110vw; right: -72vw; bottom: -35vw; }
  .embedded-observation-section { padding: 4rem 6rv 6rem; }
  .embedded-observation-heading { padding: 0 1.75rem; }
  .airtable-embed { min-height: 1320px; height: 1320px; }
  .other-notebooks-flow { padding: 4.5rem 1.35rem 6rem; }
  .other-notebooks-flow-steps { display: grid; grid-template-columns: 1fr auto; gap: .8rem; }
  .other-notebooks-flow-steps i { transform: rotate(90deg); justify-self: center; }
  .other-notebooks-flow-steps span:last-child { grid-column: 1 / -1; }
}

/* =========================================================
   FROM OTHER NOTEBOOKS - MOBILE CORRECTIONS
   ========================================================= */
@media (max-width: 760px) {
  .other-notebooks-page {
    overflow-x: hidden;
  }

  .other-notebooks-header {
    min-height: 70px;
    padding: 0 1.1rem;
    gap: .9rem;
  }

  .other-notebooks-header .brand {
    flex: 0 0 auto;
    font-size: .62rem;
    letter-spacing: .14em;
    white-space: nowrap;
  }

  .other-notebooks-back {
    margin-left: auto;
    max-width: 12rem;
    font-size: .52rem;
    line-height: 1.35;
    letter-spacing: .09em;
    text-align: right;
    white-space: normal;
  }

  .other-notebooks-hero {
    padding: 4.75rem 1.25rem 4.5rem;
  }

  .other-notebooks-hero .section-label {
    margin-bottom: 3rem;
    font-size: .58rem;
    letter-spacing: .14em;
  }

  .other-notebooks-hero-grid {
    display: block;
  }

  .other-notebooks-hero h1 {
    max-width: 100%;
    font-size: clamp(3.7rem, 18vw, 5.2rem);
    line-height: .88;
    letter-spacing: -.045em;
    overflow-wrap: normal;
  }

  .other-notebooks-intro {
    margin-top: 3.25rem;
    max-width: 100%;
  }

  .other-notebooks-lead {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
    line-height: 1.18 !important;
  }

  .other-notebooks-intro > p:not(.other-notebooks-lead) {
    font-size: .94rem;
    line-height: 1.75;
  }

  .anonymous-promise {
    margin-top: 2rem;
    grid-template-columns: 1fr;
    gap: .75rem;
  }

  .anonymous-promise strong {
    display: block;
    font-size: 1.2rem;
    line-height: 1.35;
  }

  .anonymous-promise p {
    font-size: .8rem;
  }

  .embedded-observation-section {
    padding: 4.5rem 0 0;
  }

  .embedded-observation-heading {
    width: auto;
    margin: 0 1.25rem 2.5rem;
    padding: 0;
  }

  .embedded-observation-heading h2 {
    font-size: clamp(2.7rem, 13vw, 4rem);
    line-height: .98;
  }

  .embedded-observation-heading > p:last-child {
    font-size: .9rem;
  }

  .airtable-frame-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: none;
  }

  .airtable-embed {
    width: 100%;
    height: 1280px;
    min-height: 1280px;
    border: 0;
  }

  .airtable-fallback {
    width: auto;
    margin: 1.25rem;
    font-size: .72rem;
  }

  .other-notebooks-flow {
    padding: 4.5rem 1.25rem 5.5rem;
  }

  .other-notebooks-flow-steps {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    font-size: .58rem;
    line-height: 1.6;
    letter-spacing: .11em;
  }

  .other-notebooks-flow-steps i {
    transform: none;
  }

  .other-notebooks-flow-steps span:last-child {
    grid-column: auto;
  }

  .other-notebooks-flow > p:last-child {
    font-size: .76rem;
    line-height: 1.7;
  }
}

@media (max-width: 390px) {
  .other-notebooks-header .brand {
    font-size: .56rem;
  }

  .other-notebooks-back {
    max-width: 9.7rem;
    font-size: .48rem;
  }

  .other-notebooks-hero h1 {
    font-size: clamp(3.35rem, 17.4vw, 4.45rem);
  }
}

/* =========================================================
   READER REFLECTION - EMBEDDED FILLOUT PAGE
   ========================================================= */
.reader-reflection-page { min-height:100vh; background:var(--black); overflow-x:hidden; }
.reflection-page-header { min-height:92px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--white-line); }

.reflection-page-prebook-note{
  margin: 0.85rem 0 0.65rem;
  color: #d9d4c9;
  font-size: .95rem;
  line-height: 1.6;
}

.hero-notebook-link.reflection-page-book-link{
  margin-top: 0;
}

.reflection-page-back { color:var(--muted); font-size:.65rem; font-weight:500; letter-spacing:.16em; text-decoration:none; transition:color .2s ease; }
.reflection-page-back:hover,.reflection-page-back:focus-visible { color:var(--gold); }
.reflection-page-hero { padding:9rem 6vw 8rem; position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 82% 20%,rgba(202,163,60,.055),transparent 28%),var(--black); }
.reflection-page-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); gap:8vw; align-items:start; position:relative; z-index:1; }
.reflection-page-hero h1 { margin:0; max-width:900px; color:var(--ivory); font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(4rem,7.5vw,7.6rem); font-weight:500; line-height:.9; letter-spacing:-.042em; }
.reflection-page-copy { max-width:680px; }
.reflection-page-lead { margin-top:0; color:var(--ivory); font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(1.7rem,2.7vw,2.7rem); line-height:1.25; }
.reflection-page-copy>p:not(.reflection-page-lead):not(.reflection-page-meta) { color:var(--muted); font-size:.98rem; line-height:1.85; }
.reflection-page-meta { margin:2.2rem 0 0; padding-top:1.5rem; border-top:1px solid var(--line); color:var(--gold); font-size:.68rem; font-weight:600; letter-spacing:.16em; }
.reflection-page-meta span { margin:0 .55rem; color:var(--gold-soft); }
.reflection-page-architecture { position:absolute; right:-25vw; bottom:-42vw; width:68vw; aspect-ratio:1; border-left:1px solid rgba(202,163,60,.13); border-right:1px solid rgba(202,163,60,.13); transform:rotate(45deg); pointer-events:none; }
.embedded-reflection-section { padding:7rem 6vw 8rem; border-top:1px solid var(--white-line); background:#0b0b0b; }
.embedded-reflection-heading { width:min(1180px,100%); margin:0 auto 3rem; }
.embedded-reflection-heading .content-label { margin:0 0 1.3rem; }
.embedded-reflection-heading h2 { margin:0; color:var(--ivory); font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(3rem,5.2vw,5.4rem); font-weight:500; line-height:.96; letter-spacing:-.035em; }
.fillout-frame-wrap { width:min(1180px,100%); margin:0 auto; overflow:hidden; background:#000; border:1px solid rgba(202,163,60,.18); box-shadow:0 28px 70px rgba(0,0,0,.28); }
.fillout-embed { display:block; width:100%; border:0; background:#000; }
.reflection-fillout-embed { min-height:1900px; height:1900px; }
.fillout-fallback { width:min(1180px,100%); margin:1.1rem auto 0; color:#777268; font-size:.74rem; line-height:1.6; }
.fillout-fallback a { color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(202,163,60,.35); }
.reflection-page-footer { display:grid; gap:.7rem; }
.reflection-page-footer a { color:var(--muted); text-decoration:none; }
.reflection-page-footer span { color:var(--gold-soft); margin:0 .4rem; }
@media (max-width:760px) {
  .reflection-page-header { min-height:70px; padding:0 1.1rem; gap:.8rem; }
  .reflection-page-header .brand { flex:0 0 auto; font-size:.6rem; letter-spacing:.13em; white-space:nowrap; }
  .reflection-page-back { margin-left:auto; max-width:12rem; font-size:.5rem; line-height:1.35; letter-spacing:.08em; text-align:right; }
  .reflection-page-hero { padding:4.75rem 1.25rem 4.5rem; }
  .reflection-page-hero .section-label { margin-bottom:3rem; font-size:.58rem; letter-spacing:.14em; }
  .reflection-page-grid { grid-template-columns:1fr; gap:3rem; }
  .reflection-page-hero h1 { font-size:clamp(3.35rem,15.5vw,4.8rem); line-height:.91; }
  .reflection-page-lead { font-size:clamp(1.55rem,7.5vw,2.15rem); }
  .reflection-page-copy>p:not(.reflection-page-lead):not(.reflection-page-meta) { font-size:.94rem; line-height:1.75; }
  .reflection-page-architecture { width:110vw; right:-72vw; bottom:-35vw; }
  .embedded-reflection-section { padding:4.5rem 0 0; }
  .embedded-reflection-heading { width:auto; margin:0 1.25rem 2.5rem; }
  .embedded-reflection-heading h2 { font-size:clamp(2.7rem,13vw,4rem); }
  .fillout-frame-wrap { width:100%; border:0; box-shadow:none; }
  .reflection-fillout-embed { min-height:2150px; height:2150px; }
  .fillout-fallback { width:auto; margin:1.15rem 1.25rem; font-size:.72rem; }
}
@media (max-width:390px) {
  .reflection-page-header .brand { font-size:.55rem; }
  .reflection-page-back { max-width:9.7rem; font-size:.47rem; }
  .reflection-page-hero h1 { font-size:clamp(3.1rem,15vw,4.2rem); }
}

/* Reader Reflection dynamic Fillout embed correction */
.embedded-reflection-section {
  padding: 0;
  border-top: 1px solid var(--white-line);
  background: #000;
}
.fillout-dynamic-wrap {
  width: 100%;
  min-height: 500px;
  margin: 0;
  background: #000;
}
.fillout-dynamic-wrap > div {
  width: 100%;
  min-height: 500px;
}
.embedded-reflection-section .fillout-fallback {
  width: min(1180px, calc(100% - 2.5rem));
  margin: 1rem auto 2rem;
}
@media (max-width: 760px) {
  .embedded-reflection-section { padding: 0; }
  .fillout-dynamic-wrap,
  .fillout-dynamic-wrap > div { min-height: 500px; }
  .embedded-reflection-section .fillout-fallback {
    width: auto;
    margin: 1rem 1.25rem 2rem;
  }
}

/* From Other Notebooks dynamic Fillout embed correction */
.other-notebooks-fillout-wrap {
  width: min(1180px, 100%);
  min-height: 500px;
  margin: 0 auto;
  background: #000;
}
.other-notebooks-fillout-wrap > div {
  width: 100%;
  min-height: 500px;
}
.embedded-observation-section .fillout-fallback {
  width: min(1180px, 100%);
  margin: 1.2rem auto 0;
  color: #777268;
  font-size: .74rem;
  line-height: 1.6;
}
.embedded-observation-section .fillout-fallback a {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(202,163,60,.35);
}
@media (max-width: 760px) {
  .other-notebooks-fillout-wrap,
  .other-notebooks-fillout-wrap > div {
    width: 100%;
    min-height: 500px;
  }
  .embedded-observation-section .fillout-fallback {
    width: auto;
    margin: 1rem 1.25rem 1.5rem;
  }
}


/* Author section evidence invitation */
.author-evidence-cue {
  margin: 1.8rem 0 0;
}
.author-evidence-cue a {
  color: var(--gold);
  text-decoration: none;
  display: inline-block;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  line-height: 1.8;
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.author-evidence-cue a:hover,
.author-evidence-cue a:focus-visible {
  color: var(--gold-bright, #e0bd61);
  opacity: 1;
  transform: translateY(-2px);
}


/* =========================
   FILL OUT EMBEDS
========================= */

[data-fillout-id] {
    transition: box-shadow 0.3s ease;
}

[data-fillout-id\]:hover {
    box-shadow:
        0 0 0 1px rgba(200,154,75,0.10),
        0 0 12px rgba(200,154,75,0.05);
}


.gold-text {
    color: var(--gold);
}

.investigation-line {
    margin-top: 2.5rem;
    color: var(--ivory);
    font-weight: 500;
    font-size: 1.08rem;
    line-height: 1.7;
}

/* ===== OTHER NOTEBOOKS SPACING OVERRIDE ===== */

.other-notebooks-hero {
    padding: 9rem 6vw 2rem !important;
}

.other-notebooks-flow {
    padding: 1rem 6vw 1.5rem !important;

}

.embedded-observation-section {
    padding: 2.5rem 6vw 6rem !important;
    border-top: none !important;
}

.embedded-observation-heading {
    margin: 0 auto 1.2rem !important;
}

.other-notebooks-flow > p:last-child {
    margin-top: .6rem !important;
}

/* =========================================================
   WORKING HYPOTHESIS PAGE HEADER OVERRIDE
   Prevent the homepage .site-header 100vh rule from creating blank space
   ========================================================= */
.hypothesis-page .site-header {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.hypothesis-page .topbar {
  min-height: 92px;
}

@media (max-width: 760px) {
  .hypothesis-page .site-header {
    min-height: auto !important;
    height: auto !important;
  }

  .hypothesis-page .topbar {
    min-height: 76px;
  }
}

/* =========================================================
   KINDLE LINK
   Reuses the exact homepage micro-navigation language.
   ========================================================= */
.book-intro-copy .book-kindle-link {
  margin: 1.35rem 0 0 !important;
}

.book-intro-copy .book-kindle-link a,
.book-intro-copy .book-kindle-link a:link,
.book-intro-copy .book-kindle-link a:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.64rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  opacity: 0.9 !important;
}

.book-intro-copy .book-kindle-link a:hover,
.book-intro-copy .book-kindle-link a:focus-visible {
  color: var(--gold-bright, #e0bd61) !important;
  -webkit-text-fill-color: var(--gold-bright, #e0bd61) !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.book-intro-copy .book-kindle-link a::before,
.book-intro-copy .book-kindle-link a::after {
  content: none !important;
}

/* =========================================================
   ABOUT MODERN DHARMA FOOTER LINK
   ========================================================= */
.footer-links a:focus-visible {
  color: var(--gold);
  outline: 1px solid currentColor;
  outline-offset: 0.32rem;
}


.future-intro {
  margin-top: 1rem;
  margin-bottom: .9rem;
}

.future-investigation {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.1;
  color: var(--ink);
}

.future-investigation em {
  font-style: italic;
}

.future-note {
  margin-top: .4rem;
  margin-bottom: 0;
  color: rgba(0,0,0,.55);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1rem;
  font-style: italic;
}


/* Author origin refinement: explicit portrait accent and quieter journey line */
.author-portrait-wrap::after {
  content: none !important;
}
.author-origin {
  color: rgba(170,165,154,.38) !important;
}
.author-origin span {
  color: rgba(202,163,60,.48) !important;
}


/* Author origin and mobile portrait treatment */
.author-origin {
  margin: .8rem 0 0 !important;
  color: rgba(170,165,154,.38) !important;
  font-size: .64rem !important;
  font-weight: 500;
  line-height: 1.4 !important;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.author-origin span {
  margin: 0 .35rem;
  color: rgba(202,163,60,.48) !important;
}
@media (max-width: 760px) {
  .author-portrait {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }
  .author-origin {
    font-size: .6rem !important;
    letter-spacing: .18em;
  }
}

/* Homepage core Modern Dharma line */
.about-core-line {
  margin: 0 0 1.6rem;
  color: var(--ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.55rem, 2.2vw, 2rem) !important;
  font-weight: 500;
  line-height: 1.3 !important;
}

@media (max-width: 760px) {
  .about-core-line {
    margin-bottom: 1.4rem;
    font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
  }
}



@media (max-width: 760px) {
  .author-portrait {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center top;
  }
}

/* Quiet sample-chapter links in the book sequence */
.sequence-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .4rem .75rem;
  margin-top: .35rem;
}

.sequence-meta .sequence-status {
  margin: 0;
}

.sequence-sample-link {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: #6b5014;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: .92rem;
  font-style: italic;
  line-height: 1.4;
  text-decoration: none;
  opacity: .78;
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.sequence-sample-link:hover,
.sequence-sample-link:focus-visible {
  color: var(--gold);
  opacity: 1;
  transform: translateX(2px);
}

.sequence-sample-link:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

@media (max-width: 560px) {
  .sequence-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: .2rem;
  }
}


.about-footer-link{margin-top:1.2rem;display:inline-flex;}


/* About page founder portrait */
.about-page .founder-identity{width:100%;max-width:430px;justify-self:end;}
.about-page .founder-portrait-wrap{width:min(100%,360px);margin:0 0 2rem;overflow:hidden;border:1px solid rgba(36,27,8,.28);background:rgba(36,27,8,.08);}
.about-page .founder-portrait{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center;}
@media(max-width:880px){.about-page .founder-identity{max-width:520px;justify-self:start}.about-page .founder-portrait-wrap{width:min(100%,360px);margin-bottom:1.6rem}}

/* Reader Reflection: position the book link beneath the meta line */
.reflection-page-meta + .reflection-page-book-link {
  margin-top: 1.15rem;
}