*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{ scroll-behavior:smooth; scroll-padding-top:90px; }
html,body{ background:#EFE7DA; min-height:100%; }
body{
  font-family:'Lora',serif;
  color:#5C4F3B;
  -webkit-font-smoothing:antialiased;
  line-height:1.7;
}

/* ────────── PAPER GRAIN ────────── */
.section, .site-footer, .wisdom-hero, .wisdom-intro-section, .wisdom-closing-section, .pinned-section {
  position:relative;
}
.section::before, .site-footer::before, .wisdom-hero::before,
.wisdom-intro-section::before, .wisdom-closing-section::before, .pinned-section::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.30 0 0 0 0 0.22 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
  opacity:.075;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:0;
}
.section > *, .site-footer > *, .wisdom-hero > *,
.wisdom-intro-section > *, .wisdom-closing-section > *, .pinned-section > * {
  position:relative;
  z-index:1;
}

/* ────────── TOP UI ────────── */
.mark {
  position:fixed;
  top:3vh; left:3vw;
  z-index:7;
  font-family:'Noto Serif Devanagari',serif;
  font-size:1.15rem;
  color:rgba(92,79,59,.65);
  letter-spacing:.02em;
  text-decoration:none;
}
.mark small {
  display:block;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.72rem;
  opacity:.8;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-top:.15rem;
}
.mark:hover { color:#7A5A3F; }

.top-nav {
  position:fixed;
  top:3.5vh;
  right:7vw;
  z-index:7;
  display:flex;
  gap:1.6rem;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.88rem;
  letter-spacing:.04em;
}
.top-nav a {
  color:rgba(92,79,59,.65);
  text-decoration:none;
  border-bottom:1px solid transparent;
  padding-bottom:1px;
  transition:color .6s, border-color .6s;
}
.top-nav a:hover {
  color:#7A5A3F;
  border-color:rgba(122,90,63,.4);
}

.audio-toggle {
  position:fixed;
  top:2.6vh; right:2.4vw;
  z-index:8;
  background:none;
  border:1px solid rgba(92,79,59,.18);
  border-radius:50%;
  cursor:pointer;
  width:38px;height:38px;
  padding:0;
  display:flex;align-items:center;justify-content:center;
  color:rgba(92,79,59,.42);
  transition:color .8s, border-color .8s, background .8s;
}
.audio-toggle:hover {
  color:rgba(122,90,63,.95);
  border-color:rgba(122,90,63,.35);
}
.audio-toggle svg { width:18px;height:18px;display:block; }
.audio-toggle.on {
  color:rgba(122,90,63,.85);
  background:rgba(226,161,138,.08);
  border-color:rgba(226,161,138,.45);
}
.audio-toggle .wave-2 { opacity:.65 }
.audio-toggle .wave-3 { opacity:.40 }
.audio-toggle.on .wave-2 { opacity:1; animation:gust 4s ease-in-out infinite }
.audio-toggle.on .wave-3 { opacity:.7; animation:gust 4s ease-in-out infinite reverse }
@keyframes gust {
  0%,100% { transform:translateX(0) }
  50%     { transform:translateX(.8px) }
}

/* ────────── STICKY JUMPER ────────── */
.sticky-jumper {
  position:fixed;
  top:8.4vh;
  left:50%;
  transform:translateX(-50%) translateY(-12px);
  z-index:6;
  background:rgba(251,250,246,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(92,79,59,.14);
  border-radius:999px;
  padding:.45rem .8rem;
  display:flex;
  gap:.3rem;
  max-width:92vw;
  overflow-x:auto;
  scrollbar-width:none;
  opacity:0;
  pointer-events:none;
  transition:opacity .6s ease, transform .6s ease;
  box-shadow:0 4px 18px rgba(70,60,50,.07);
}
.sticky-jumper::-webkit-scrollbar { display:none; }
.sticky-jumper.visible {
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.jumper-pill {
  background:none;
  border:none;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.78rem;
  color:rgba(92,79,59,.65);
  padding:.3rem .65rem;
  border-radius:999px;
  cursor:pointer;
  white-space:nowrap;
  transition:color .4s, background .4s;
}
.jumper-pill:hover { color:#7A5A3F; }
.jumper-pill.active {
  background:rgba(201,137,94,.18);
  color:#3D332A;
}

/* ────────── HERO (small) ────────── */
.wisdom-hero {
  min-height:46vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14vh 6vw 6vh;
  background:radial-gradient(ellipse at 50% 38%, #FAEBC8 0%, #F5EFE3 55%, #EFE7DA 100%);
}
.hero-kicker {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.82rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(92,79,59,.55);
  margin-bottom:1.4rem;
}
.wisdom-hero h1 {
  font-family:'Lora',serif;
  font-weight:500;
  font-size:clamp(2rem,4.4vw,3rem);
  color:#3D332A;
  line-height:1.2;
  margin-bottom:1.4rem;
  max-width:720px;
}
.wisdom-hero h1 em {
  font-family:'Noto Serif Devanagari',serif;
  font-style:normal;
  color:#7A5A3F;
  font-weight:500;
  margin:0 .15em;
}
.wisdom-hero .tag {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:clamp(1rem,1.5vw,1.15rem);
  color:rgba(92,79,59,.78);
  max-width:520px;
  line-height:1.65;
  margin-bottom:2.6rem;
}
.back-to-dar {
  display:inline-block;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.92rem;
  color:rgba(92,79,59,.7);
  text-decoration:none;
  border-bottom:1px solid rgba(92,79,59,.25);
  padding-bottom:1px;
  transition:color .6s, border-color .6s;
}
.back-to-dar:hover {
  color:#7A5A3F;
  border-color:#7A5A3F;
}

/* ────────── ERA RIBBON ────────── */
.era-ribbon-wrap {
  max-width:760px;
  margin:0 auto 3.5vh;
  padding:0 2vw;
}
.era-ribbon {
  width:100%;
  height:90px;
  display:block;
}
.era-ribbon .axis {
  stroke:rgba(92,79,59,.22);
  stroke-width:1;
  stroke-dasharray:1 4;
}
.era-ribbon .era-label {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:9px;
  fill:rgba(92,79,59,.55);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.era-ribbon .dot {
  cursor:pointer;
  transition:r .25s, fill .25s;
}
.era-ribbon .dot:hover { fill:#7A5A3F; }
.era-ribbon .dot-label {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:9px;
  fill:rgba(61,51,42,.85);
  text-anchor:middle;
  pointer-events:none;
}
.era-ribbon .dot-label-faint { fill:rgba(92,79,59,.55); }

/* ────────── INTRO ────────── */
.wisdom-intro-section {
  background:#FBFAF6;
  padding:6vh 6vw 7vh;
}
.wisdom-intro-inner {
  max-width:620px;
  margin:0 auto;
  text-align:center;
}
.wisdom-intro-inner p {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1.08rem;
  color:#3D332A;
  line-height:1.85;
  margin-bottom:1.2rem;
}
.wisdom-intro-inner p.soft {
  font-style:normal;
  color:rgba(92,79,59,.7);
  font-size:.95rem;
  margin-top:1.4rem;
}
.bypass-note {
  margin-top:2.2rem;
  padding:1.2rem 1.6rem;
  border-left:2px solid rgba(201,137,94,.4);
  text-align:left;
  background:rgba(244,225,184,.14);
  border-radius:0 8px 8px 0;
}
.bypass-note p {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.98rem !important;
  color:#3D332A;
  line-height:1.7;
  margin:0 !important;
}
.read-time-total {
  margin-top:2rem;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.85rem;
  color:rgba(92,79,59,.5);
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* ────────── FILTER BAR ────────── */
.filter-bar-section {
  background:#FBFAF6;
  padding:0 6vw 6vh;
  text-align:center;
}
.filter-bar-inner {
  max-width:720px;
  margin:0 auto;
  padding-top:2vh;
  border-top:1px solid rgba(92,79,59,.08);
}
.filter-label {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.82rem;
  color:rgba(92,79,59,.6);
  letter-spacing:.06em;
  margin-bottom:1.2rem;
  margin-top:3vh;
}
.filter-pills {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  justify-content:center;
  margin-bottom:1rem;
}
.filter-pill {
  background:rgba(251,250,246,.65);
  border:1px solid rgba(92,79,59,.18);
  border-radius:999px;
  padding:.5rem 1.15rem;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.88rem;
  color:rgba(92,79,59,.78);
  cursor:pointer;
  transition:background .5s, border-color .5s, color .5s, transform .3s;
}
.filter-pill:hover {
  border-color:rgba(201,137,94,.45);
  color:#7A5A3F;
  transform:translateY(-1px);
}
.filter-pill.active {
  background:radial-gradient(circle,#FCF2D9 0%,#F4E1B8 100%);
  border-color:rgba(201,137,94,.55);
  color:#3D332A;
  box-shadow:0 2px 8px rgba(201,137,94,.18);
}
.filter-status {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.82rem;
  color:rgba(92,79,59,.55);
  margin-top:.6rem;
  min-height:1.2em;
}
.filter-clear {
  background:none;
  border:none;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.82rem;
  color:rgba(122,90,63,.7);
  cursor:pointer;
  margin-top:.4rem;
  border-bottom:1px dashed rgba(122,90,63,.4);
  padding-bottom:1px;
}
.filter-clear:hover { color:#7A5A3F; border-color:#7A5A3F; }

/* ────────── WISDOM SECTIONS ────────── */
main { position:relative; z-index:2; padding-bottom:48px; }

.section {
  padding:11vh 6vw 9vh;
  background:#FBFAF6;
  transition:opacity .6s, filter .6s;
}
.section.tinted { background:#F5EFE3; }
.section.deep   { background:linear-gradient(180deg,#F8EFD9 0%,#F2EAD7 100%); }
.section.dimmed { opacity:.18; filter:saturate(.4); }
.section.matched { opacity:1; }
.section-inner { max-width:720px; margin:0 auto; }

.section-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:300px;
  margin:0 auto 1.4rem;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.74rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(92,79,59,.45);
}
.section-meta .read-time::before { content:"· "; opacity:.5; }

.kicker {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.78rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(92,79,59,.6);
  margin-bottom:1.2rem;
  text-align:center;
}
.section h2 {
  font-family:'Lora',serif;
  font-weight:500;
  font-size:clamp(1.7rem,3.2vw,2.2rem);
  color:#3D332A;
  line-height:1.25;
  margin-bottom:.6rem;
  text-align:center;
}
.section h2 em { font-style:italic; color:#7A5A3F; }
.context-line {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.95rem;
  color:rgba(92,79,59,.7);
  text-align:center;
  max-width:520px;
  margin:0 auto 4vh;
  line-height:1.65;
}

/* anchor block */
.anchor-block {
  position:relative;
  text-align:center;
  margin:5vh auto 4vh;
  max-width:640px;
}
.pin-btn {
  position:absolute;
  top:-4px; right:0;
  background:none;
  border:1px solid rgba(92,79,59,.15);
  border-radius:50%;
  width:34px; height:34px;
  cursor:pointer;
  color:rgba(92,79,59,.45);
  display:flex;align-items:center;justify-content:center;
  padding:0;
  transition:color .4s, border-color .4s, background .4s;
}
.pin-btn svg { width:14px; height:14px; }
.pin-btn:hover {
  color:#7A5A3F;
  border-color:rgba(122,90,63,.4);
}
.pin-btn.pinned {
  color:#A56C50;
  border-color:rgba(165,108,80,.5);
  background:rgba(226,161,138,.12);
}
.pin-btn.pinned svg { fill:#A56C50; }
.anchor-canvas-wrap {
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.8rem;
}
.anchor-canvas {
  display:block;
  margin:0 auto;
  max-width:92%;
  height:auto;
}
.anchor-text {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:clamp(1.3rem,2.6vw,1.7rem);
  font-weight:500;
  color:#3D332A;
  line-height:1.5;
  max-width:580px;
  margin:0 auto;
}
.anchor-translit {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.95rem;
  color:rgba(92,79,59,.6);
  letter-spacing:.05em;
  margin-top:.3rem;
  line-height:1.85;
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
}
.anchor-src {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.85rem;
  color:rgba(92,79,59,.55);
  letter-spacing:.04em;
  margin-top:.2rem;
  margin-bottom:1.2rem;
}
.anchor-meaning {
  font-family:'Lora',serif;
  font-size:clamp(1.02rem,1.6vw,1.15rem);
  color:#3D332A;
  font-style:italic;
  line-height:1.7;
  max-width:540px;
  margin:0 auto;
}

/* source toggle */
.source-toggle {
  background:none;
  border:none;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.78rem;
  color:rgba(92,79,59,.5);
  cursor:pointer;
  padding:.4rem .6rem;
  margin-top:1.6rem;
  border-bottom:1px dashed rgba(92,79,59,.25);
  transition:color .4s, border-color .4s;
}
.source-toggle:hover {
  color:#7A5A3F;
  border-color:#7A5A3F;
}
.source-body {
  margin-top:1.2rem;
  padding:1rem 1.4rem;
  background:rgba(92,79,59,.04);
  border-radius:8px;
  text-align:left;
  font-family:'Lora',serif;
  font-size:.86rem;
  color:rgba(92,79,59,.78);
  line-height:1.7;
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}
.source-body[hidden] { display:none; }
.source-body em { font-style:italic; color:#7A5A3F; }

/* supporting verses */
.supporting-verses {
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  margin:5vh auto 4vh;
  max-width:600px;
}
.support-card {
  border-left:2px solid rgba(201,137,94,.32);
  padding:.4rem 0 .4rem 1.5rem;
}
.support-card .quote {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1.02rem;
  color:#3D332A;
  line-height:1.7;
  margin-bottom:.4rem;
}
.support-card .quote .deva {
  font-family:'Noto Serif Devanagari',serif;
  font-style:normal;
  color:#3D332A;
}
.support-card .quote .han {
  font-family:'Noto Serif SC',serif;
  font-style:normal;
  color:#3D332A;
}
.support-card .src {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.78rem;
  color:rgba(92,79,59,.55);
  letter-spacing:.03em;
  margin-bottom:.4rem;
}
.support-card .note {
  font-family:'Lora',serif;
  font-size:.95rem;
  color:rgba(92,79,59,.85);
  line-height:1.65;
}

/* reflection */
.reflection {
  max-width:600px;
  margin:5vh auto 3vh;
}
.reflection p {
  font-size:1.02rem;
  margin-bottom:1.1rem;
  line-height:1.85;
}
.reflection em { font-style:italic; color:#7A5A3F; }
.reflection .crossref {
  display:block;
  font-style:italic;
  color:rgba(92,79,59,.75);
  margin-top:.3rem;
  font-size:.97rem;
}

.section-closing {
  margin:4vh auto 0;
  text-align:center;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1rem;
  color:rgba(92,79,59,.78);
  max-width:540px;
  line-height:1.7;
}

/* section actions (reflect + heard-in) */
.section-actions {
  margin:4vh auto 0;
  max-width:540px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:1.2rem;
}
.reflect-toggle {
  background:none;
  border:1px solid rgba(92,79,59,.18);
  border-radius:999px;
  padding:.45rem 1.1rem;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.85rem;
  color:rgba(92,79,59,.7);
  cursor:pointer;
  transition:color .4s, border-color .4s, background .4s;
}
.reflect-toggle:hover {
  color:#7A5A3F;
  border-color:rgba(122,90,63,.4);
  background:rgba(244,225,184,.18);
}
.reflect-toggle[aria-expanded="true"] {
  background:rgba(244,225,184,.3);
  color:#3D332A;
}
.reflect-body {
  margin:2vh auto 0;
  max-width:540px;
}
.reflect-body[hidden] { display:none; }
.reflect-body textarea {
  display:block;
  width:100%;
  min-height:120px;
  padding:1.1rem;
  background:#FBFAF6;
  border:1px solid rgba(92,79,59,.18);
  border-radius:12px;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.98rem;
  color:#3D332A;
  line-height:1.7;
  resize:vertical;
  transition:border-color .5s, box-shadow .5s;
}
.reflect-body textarea:focus {
  outline:none;
  border-color:rgba(201,137,94,.5);
  box-shadow:0 0 0 3px rgba(201,137,94,.08);
}
.reflect-body .note {
  margin-top:.6rem;
  text-align:center;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.78rem;
  color:rgba(92,79,59,.5);
}
.heard-in {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.85rem;
  color:rgba(122,90,63,.75);
  text-decoration:none;
  border-bottom:1px dashed rgba(122,90,63,.35);
  padding-bottom:1px;
  transition:color .4s, border-color .4s;
}
.heard-in:hover {
  color:#7A5A3F;
  border-color:#7A5A3F;
}

/* ────────── SAND THREAD ────────── */
.sand-thread {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.6rem;
  padding:3vh 0;
  background:#FBFAF6;
}
.sand-thread.tinted-bg { background:#F5EFE3; }
.sand-thread.deep-bg { background:#F4ECD7; }
.sand-thread span {
  display:inline-block;
  width:3px; height:3px;
  border-radius:50%;
  background:rgba(122,90,63,.32);
}
.sand-thread span:nth-child(1) { width:2px; height:2px; opacity:.6; }
.sand-thread span:nth-child(2) { width:4px; height:4px; }
.sand-thread span:nth-child(3) { width:2px; height:2px; opacity:.7; }

/* ────────── PAUSE POINT ────────── */
.pause-point {
  background:#F2EAD7;
  padding:6vh 6vw;
  text-align:center;
}
.pause-point p {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1rem;
  color:rgba(92,79,59,.65);
  max-width:480px;
  margin:0 auto;
  line-height:1.75;
  letter-spacing:.02em;
}

/* ────────── PINNED COLLECTION ────────── */
.pinned-section {
  background:#F8EFD9;
  padding:9vh 6vw 8vh;
  border-top:1px solid rgba(92,79,59,.08);
  border-bottom:1px solid rgba(92,79,59,.08);
}
.pinned-inner {
  max-width:680px;
  margin:0 auto;
  text-align:center;
}
.pinned-section h2 {
  font-family:'Lora',serif;
  font-weight:500;
  font-size:clamp(1.4rem,2.4vw,1.7rem);
  color:#3D332A;
  margin-bottom:1.2rem;
}
.pinned-section h2 em { color:#7A5A3F; font-style:italic; }
.pinned-empty {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.95rem;
  color:rgba(92,79,59,.6);
  margin:0 auto;
  max-width:460px;
  line-height:1.7;
}
.pinned-list {
  display:flex;
  flex-direction:column;
  gap:1.4rem;
  margin:4vh auto 0;
  max-width:580px;
  text-align:left;
}
.pinned-card {
  background:#FBFAF6;
  border:1px solid rgba(92,79,59,.12);
  border-radius:14px;
  padding:1.4rem 1.5rem;
}
.pinned-card .meaning {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1.02rem;
  color:#3D332A;
  line-height:1.7;
  margin-bottom:.6rem;
}
.pinned-card .meta {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:.82rem;
  color:rgba(92,79,59,.6);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.4rem;
}
.pinned-card .meta a {
  color:rgba(122,90,63,.85);
  text-decoration:none;
  border-bottom:1px dashed rgba(122,90,63,.35);
}
.pinned-card .meta a:hover { color:#7A5A3F; border-color:#7A5A3F; }

/* ────────── CLOSING ────────── */
.wisdom-closing-section {
  background:linear-gradient(180deg,#F2EAD7 0%,#EBE3D1 100%);
  padding:12vh 6vw 8vh;
}
.wisdom-closing-inner {
  max-width:620px;
  margin:0 auto;
  text-align:center;
}
.wisdom-closing-inner h2 {
  font-family:'Lora',serif;
  font-weight:500;
  font-size:clamp(1.6rem,2.8vw,2rem);
  color:#3D332A;
  line-height:1.3;
  margin-bottom:1.6rem;
}
.wisdom-closing-inner h2 em { color:#7A5A3F; font-style:italic; }
.wisdom-closing-inner p {
  font-size:1.05rem;
  margin-bottom:1.3rem;
  line-height:1.85;
}
.wisdom-closing-inner em { font-style:italic; color:#7A5A3F; }
.wisdom-closing-inner .signoff {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1.05rem;
  color:#3D332A;
  margin-top:2.4rem;
  margin-bottom:2.4rem;
}
.backlink {
  display:inline-block;
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1rem;
  color:rgba(92,79,59,.7);
  text-decoration:none;
  border-bottom:1px solid rgba(92,79,59,.25);
  padding-bottom:1px;
  transition:color .6s, border-color .6s;
}
.backlink:hover {
  color:#7A5A3F;
  border-color:#7A5A3F;
}

/* ────────── MINI BREATH (closing) ────────── */
.mini-breath-section {
  background:#EBE3D1;
  padding:7vh 6vw 9vh;
  text-align:center;
}
.mini-breath-card {
  max-width:420px;
  margin:0 auto;
  background:#FBFAF6;
  border:1px solid rgba(92,79,59,.12);
  border-radius:20px;
  padding:2.4rem 2rem 2.2rem;
}
.mini-breath-card .lead {
  font-family:'Lora',serif;
  font-style:italic;
  font-size:1rem;
  color:rgba(92,79,59,.78);
  margin-bottom:1.6rem;
  max-width:300px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.65;
}
.mini-breath-circle {
  width:110px; height:110px;
  margin:0 auto 1.2rem;
  border-radius:50%;
  background:radial-gradient(circle,#F4E1B8 0%,#ECCE9A 100%);
  border:1px solid rgba(201,137,94,.3);
  transform:scale(.85);
}
.mini-breath-circle.active { animation:breath 19s ease-in-out infinite; }
@keyframes breath {
  0%   { transform:scale(.85); }
  21%  { transform:scale(1.18); }
  58%  { transform:scale(1.18); }
  100% { transform:scale(.85); }
}
.mini-breath-timer {
  font-family:'Lora',serif;
  font-size:1.8rem;
  color:#3D332A;
  font-weight:500;
  margin-bottom:1.2rem;
}
.mini-breath-btn {
  background:radial-gradient(circle,#FCF2D9 0%,#F4E1B8 100%);
  border:1px solid rgba(201,137,94,.4);
  color:#7A5A3F;
  font-family:'Lora',serif;
  font-size:.92rem;
  padding:.55rem 1.6rem;
  border-radius:999px;
  cursor:pointer;
  transition:transform .4s, background .8s;
}
.mini-breath-btn:hover {
  transform:translateY(-1px);
  background:radial-gradient(circle,#FAEBC0 0%,#EFD4A0 100%);
}

/* ────────── FOOTER ────────── */
.site-footer {
  background:#EBE3D1;
  padding:7vh 6vw 9vh;
  border-top:1px solid rgba(92,79,59,.08);
}
.footer-inner {
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:3rem;
}
.footer-mark {
  font-family:'Noto Serif Devanagari',serif;
  font-weight:500;
  font-size:1.4rem;
  color:#3D332A;
  margin-bottom:1rem;
  letter-spacing:.02em;
}
.brand-col p {
  max-width:38ch;
  font-size:.9rem;
  line-height:1.75;
  color:rgba(92,79,59,.85);
}
.footer-col h4 {
  font-family:'Lora',serif;
  font-weight:500;
  font-size:.88rem;
  color:#3D332A;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.footer-col a, .footer-col span {
  display:block;
  font-family:'Lora',serif;
  font-size:.95rem;
  color:rgba(92,79,59,.85);
  text-decoration:none;
  padding:.3rem 0;
  border-bottom:1px solid transparent;
  width:fit-content;
  transition:color .6s, border-color .6s;
}
.footer-col a:hover {
  color:#7A5A3F;
  border-color:rgba(122,90,63,.4);
}
.fine {
  max-width:1080px;
  margin:4rem auto 0;
  text-align:center;
  font-size:.82rem;
  color:rgba(92,79,59,.55);
  font-style:italic;
  line-height:1.7;
}

/* ────────── CRISIS STRIP ────────── */
.crisis-strip {
  position:fixed;
  bottom:0; left:0; right:0;
  z-index:50;
  background:#FBFAF6;
  border-top:1px solid rgba(181,90,58,.25);
  padding:.7rem 1.5rem;
  text-align:center;
  font-family:'Lora',serif;
  font-size:.85rem;
  color:#5C4F3B;
  letter-spacing:.01em;
  box-shadow:0 -3px 16px rgba(70,60,50,.05);
}
.crisis-strip strong {
  font-weight:500;
  color:#B55A3A;
  margin-right:.5rem;
}
.crisis-strip a {
  color:#B55A3A;
  text-decoration:none;
  border-bottom:1px solid rgba(181,90,58,.4);
  padding-bottom:1px;
  margin:0 .15rem;
  font-weight:500;
}
.crisis-strip a:hover {
  color:#8A4329;
  border-color:#8A4329;
}

/* ────────── MOBILE ────────── */
@media (max-width:760px){
  .footer-inner {
    grid-template-columns:1fr;
    gap:2.5rem;
  }
  .top-nav { right:5vw; gap:1rem; font-size:.82rem; }
  .sticky-jumper { top:7.6vh; padding:.4rem .55rem; }
  .jumper-pill { font-size:.74rem; padding:.25rem .55rem; }
  .era-ribbon { height:78px; }
}
@media (max-width:640px){
  .section { padding:8vh 5vw 6vh; }
  .crisis-strip { font-size:.76rem; padding:.6rem .8rem; line-height:1.5; }
  .top-nav { display:none; }
  .wisdom-hero { min-height:42vh; padding:12vh 5vw 5vh; }
  .support-card { padding-left:1.1rem; }
  .pin-btn { width:30px; height:30px; top:-2px; }
  .pin-btn svg { width:12px; height:12px; }
  .section-meta { max-width:none; padding:0 1rem; }
  .pause-point { padding:5vh 5vw; }
}

@media (prefers-reduced-motion:reduce){
  .audio-toggle.on .wave-2,
  .audio-toggle.on .wave-3,
  .mini-breath-circle.active { animation:none; }
  html { scroll-behavior:auto; }
}

/* ────────── PRINT ────────── */
@media print {
  html, body { background:#fff; color:#222; }
  .mark, .top-nav, .audio-toggle, .sticky-jumper,
  .filter-bar-section, .crisis-strip, .pin-btn,
  .reflect-toggle, .reflect-body, .mini-breath-section,
  .source-toggle, .heard-in, .back-to-dar, .backlink,
  .sand-thread, .era-ribbon-wrap { display:none !important; }
  .section, .wisdom-hero, .wisdom-intro-section,
  .wisdom-closing-section, .pinned-section { background:#fff !important; padding:1.5cm 2cm !important; page-break-inside:avoid; }
  .section::before, .wisdom-hero::before, .wisdom-intro-section::before,
  .wisdom-closing-section::before, .pinned-section::before, .site-footer::before { display:none !important; }
  .section { border-bottom:1px solid #ccc; }
  .anchor-canvas { display:none; }
  .anchor-block { padding-top:.5cm; }
  .source-body { display:block !important; background:none; padding:0; font-size:.78rem; }
  h1, h2 { color:#000 !important; }
  a { color:#222 !important; text-decoration:underline; }
}

/* ─── theme toggle (left of the wind button) ─── */
.theme-toggle{
  position:fixed; top:2.6vh; right:calc(2.4vw + 46px); z-index:8;
  background:none; border:1px solid rgba(92,79,59,.18); border-radius:50%;
  cursor:pointer; width:38px;height:38px; padding:0;
  display:flex;align-items:center;justify-content:center;
  color:rgba(92,79,59,.42);
  transition:color .8s,border-color .8s,background .8s,transform .4s;
}
.theme-toggle:hover{ color:rgba(122,90,63,.95); border-color:rgba(122,90,63,.35); transform:rotate(-12deg); }
.theme-toggle:focus-visible{ outline:2px dashed rgba(226,161,138,.6); outline-offset:3px; }
.theme-toggle svg{ width:17px;height:17px;display:block; }
.theme-toggle .icon-sun{ display:none; }
html.dark .theme-toggle .icon-moon{ display:none; }
html.dark .theme-toggle .icon-sun{ display:block; }
html.dark .theme-toggle{ color:rgba(233,221,201,.5); border-color:rgba(233,221,201,.2); }
html.dark .theme-toggle:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); }

/* ─── DARK MODE — shared via 'mann-theme'; warm charcoal, never cold black ─── */
html.dark, html.dark body{ background:#1A150F; }
html.dark body{ color:#C9BCA6; }
html.dark .section::before, html.dark .site-footer::before, html.dark .wisdom-hero::before,
html.dark .wisdom-intro-section::before, html.dark .wisdom-closing-section::before, html.dark .pinned-section::before{ opacity:.05; mix-blend-mode:soft-light; }

html.dark .mark{ color:rgba(233,221,201,.6); }
html.dark .mark:hover{ color:#E6A98F; }
html.dark .top-nav a{ color:rgba(233,221,201,.6); }
html.dark .top-nav a:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); }
html.dark .audio-toggle{ color:rgba(233,221,201,.45); border-color:rgba(233,221,201,.18); }
html.dark .audio-toggle:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); }
html.dark .audio-toggle.on{ color:#E6A98F; background:rgba(230,169,143,.1); border-color:rgba(230,169,143,.45); }
html.dark .sticky-jumper{ background:rgba(34,27,20,.92); border-color:rgba(233,221,201,.14); box-shadow:0 4px 18px rgba(0,0,0,.3); }
html.dark .jumper-pill{ color:rgba(233,221,201,.65); }
html.dark .jumper-pill:hover{ color:#E6A98F; }
html.dark .jumper-pill.active{ background:rgba(201,137,94,.22); color:#F6EAD3; }

html.dark .wisdom-hero{ background:radial-gradient(ellipse at 50% 38%, #2E2316 0%, #241C13 55%, #1A150F 100%); }
html.dark .hero-kicker{ color:rgba(233,221,201,.5); }
html.dark .wisdom-hero h1{ color:#ECE2D0; }
html.dark .wisdom-hero h1 em{ color:#E6A98F; }
html.dark .wisdom-hero .tag{ color:rgba(233,221,201,.78); }
html.dark .back-to-dar{ color:rgba(233,221,201,.7); border-bottom-color:rgba(233,221,201,.25); }
html.dark .back-to-dar:hover{ color:#E6A98F; border-color:#E6A98F; }

html.dark .era-ribbon .axis{ stroke:rgba(233,221,201,.22); }
html.dark .era-ribbon .era-label{ fill:rgba(233,221,201,.5); }
html.dark .era-ribbon .dot{ fill:rgba(214,160,128,.6); }
html.dark .era-ribbon .dot:hover{ fill:#E6A98F; }
html.dark .era-ribbon .dot-label{ fill:rgba(236,226,208,.85); }
html.dark .era-ribbon .dot-label-faint{ fill:rgba(233,221,201,.5); }

html.dark .wisdom-intro-section{ background:#1F1812; }
html.dark .wisdom-intro-inner p{ color:#ECE2D0; }
html.dark .wisdom-intro-inner p.soft{ color:rgba(233,221,201,.7); }
html.dark .bypass-note{ background:rgba(92,70,44,.18); border-left-color:rgba(201,137,94,.4); }
html.dark .bypass-note p{ color:#ECE2D0; }
html.dark .read-time-total{ color:rgba(233,221,201,.5); }
html.dark .filter-bar-section{ background:#1F1812; }
html.dark .filter-bar-inner{ border-top-color:rgba(233,221,201,.08); }
html.dark .filter-label{ color:rgba(233,221,201,.6); }
html.dark .filter-pill{ background:rgba(44,36,28,.65); border-color:rgba(233,221,201,.18); color:rgba(233,221,201,.78); }
html.dark .filter-pill:hover{ border-color:rgba(201,137,94,.45); color:#E6A98F; }
html.dark .filter-pill.active{ background:radial-gradient(circle,#5C4426,#6F5230); border-color:rgba(201,137,94,.55); color:#F6EAD3; box-shadow:0 2px 8px rgba(0,0,0,.3); }
html.dark .filter-status{ color:rgba(233,221,201,.55); }
html.dark .filter-clear{ color:rgba(230,169,143,.7); border-bottom-color:rgba(230,169,143,.4); }
html.dark .filter-clear:hover{ color:#E6A98F; border-color:#E6A98F; }

html.dark .section{ background:#1F1812; }
html.dark .section.tinted{ background:#241C15; }
html.dark .section.deep{ background:linear-gradient(180deg,#241C13 0%,#2A2014 100%); }
html.dark .section-meta{ color:rgba(233,221,201,.45); }
html.dark .kicker{ color:rgba(233,221,201,.6); }
html.dark .section h2{ color:#ECE2D0; }
html.dark .section h2 em{ color:#E6A98F; }
html.dark .context-line{ color:rgba(233,221,201,.7); }

html.dark .pin-btn{ border-color:rgba(233,221,201,.18); color:rgba(233,221,201,.45); }
html.dark .pin-btn:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); }
html.dark .pin-btn.pinned{ color:#E6A98F; border-color:rgba(230,169,143,.5); background:rgba(230,169,143,.12); }
html.dark .pin-btn.pinned svg{ fill:#E6A98F; }
html.dark .anchor-text{ color:#ECE2D0; }
html.dark .anchor-translit{ color:rgba(233,221,201,.6); }
html.dark .anchor-src{ color:rgba(233,221,201,.55); }
html.dark .anchor-meaning{ color:#ECE2D0; }

html.dark .source-toggle{ color:rgba(233,221,201,.5); border-bottom-color:rgba(233,221,201,.25); }
html.dark .source-toggle:hover{ color:#E6A98F; border-color:#E6A98F; }
html.dark .source-body{ background:rgba(233,221,201,.05); color:rgba(233,221,201,.78); }
html.dark .source-body em{ color:#E6A98F; }

html.dark .support-card{ border-left-color:rgba(201,137,94,.32); }
html.dark .support-card .quote{ color:#ECE2D0; }
html.dark .support-card .quote .deva, html.dark .support-card .quote .han{ color:#ECE2D0; }
html.dark .support-card .src{ color:rgba(233,221,201,.55); }
html.dark .support-card .note{ color:rgba(233,221,201,.8); }

html.dark .reflection p{ color:#C9BCA6; }
html.dark .reflection em{ color:#E6A98F; }
html.dark .reflection .crossref{ color:rgba(233,221,201,.75); }
html.dark .section-closing{ color:rgba(233,221,201,.78); }
html.dark .reflect-toggle{ border-color:rgba(233,221,201,.18); color:rgba(233,221,201,.7); }
html.dark .reflect-toggle:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); background:rgba(92,70,44,.2); }
html.dark .reflect-toggle[aria-expanded="true"]{ background:rgba(92,70,44,.3); color:#ECE2D0; }
html.dark .reflect-body textarea{ background:#2C241C; border-color:rgba(233,221,201,.18); color:#ECE2D0; }
html.dark .reflect-body textarea:focus{ border-color:rgba(201,137,94,.5); box-shadow:0 0 0 3px rgba(201,137,94,.1); }
html.dark .reflect-body .note{ color:rgba(233,221,201,.5); }
html.dark .heard-in{ color:rgba(230,169,143,.75); border-bottom-color:rgba(230,169,143,.35); }
html.dark .heard-in:hover{ color:#E6A98F; border-color:#E6A98F; }

html.dark .sand-thread{ background:#1F1812; }
html.dark .sand-thread.tinted-bg{ background:#241C15; }
html.dark .sand-thread.deep-bg{ background:#2A2014; }
html.dark .sand-thread span{ background:rgba(214,160,128,.4); }
html.dark .pause-point{ background:#241C15; }
html.dark .pause-point p{ color:rgba(233,221,201,.65); }

html.dark .pinned-section{ background:#241C15; border-top-color:rgba(233,221,201,.08); border-bottom-color:rgba(233,221,201,.08); }
html.dark .pinned-section h2{ color:#ECE2D0; }
html.dark .pinned-section h2 em{ color:#E6A98F; }
html.dark .pinned-empty{ color:rgba(233,221,201,.6); }
html.dark .pinned-card{ background:#2C241C; border-color:rgba(233,221,201,.12); }
html.dark .pinned-card .meaning{ color:#ECE2D0; }
html.dark .pinned-card .meta{ color:rgba(233,221,201,.6); }
html.dark .pinned-card .meta a{ color:rgba(230,169,143,.85); border-bottom-color:rgba(230,169,143,.35); }
html.dark .pinned-card .meta a:hover{ color:#E6A98F; border-color:#E6A98F; }

html.dark .wisdom-closing-section{ background:linear-gradient(180deg,#241C15 0%,#1A150F 100%); }
html.dark .wisdom-closing-inner h2{ color:#ECE2D0; }
html.dark .wisdom-closing-inner h2 em{ color:#E6A98F; }
html.dark .wisdom-closing-inner p{ color:#C9BCA6; }
html.dark .wisdom-closing-inner em{ color:#E6A98F; }
html.dark .wisdom-closing-inner .signoff{ color:#ECE2D0; }
html.dark .backlink{ color:rgba(233,221,201,.7); border-bottom-color:rgba(233,221,201,.25); }
html.dark .backlink:hover{ color:#E6A98F; border-color:#E6A98F; }
html.dark .mini-breath-section{ background:#15110C; }
html.dark .mini-breath-card{ background:#2C241C; border-color:rgba(233,221,201,.12); }
html.dark .mini-breath-card .lead{ color:rgba(233,221,201,.78); }
html.dark .mini-breath-circle{ background:radial-gradient(circle,#5C4426,#6F5230); border-color:rgba(201,137,94,.3); }
html.dark .mini-breath-timer{ color:#ECE2D0; }
html.dark .mini-breath-btn{ background:radial-gradient(circle,#5C4426,#6F5230); border-color:rgba(201,137,94,.4); color:#F6EAD3; }

html.dark .site-footer{ background:#15110C; border-top-color:rgba(233,221,201,.07); }
html.dark .footer-mark{ color:#ECE2D0; }
html.dark .brand-col p{ color:rgba(233,221,201,.8); }
html.dark .footer-col h4{ color:#ECE2D0; }
html.dark .footer-col a, html.dark .footer-col span{ color:rgba(233,221,201,.8); }
html.dark .footer-col a:hover{ color:#E6A98F; border-color:rgba(230,169,143,.4); }
html.dark .fine{ color:rgba(233,221,201,.5); }
html.dark .crisis-strip{ background:#231B14; border-top-color:rgba(232,149,110,.3); color:rgba(233,221,201,.75); }
html.dark .crisis-strip strong{ color:#EC9670; }
html.dark .crisis-strip a{ color:#EC9670; border-bottom-color:rgba(236,150,112,.45); }
html.dark .crisis-strip a:hover{ color:#F4AC88; border-color:#F4AC88; }