/* Under the Banyan: site styles
   One book face (Literata, variable with optical sizes) plus Noto Serif Devanagari for Sanskrit.
   Colour tokens are defined once here; dark mode overrides them. */

@font-face{font-family:'Literata';font-style:normal;font-weight:200 900;font-display:swap;
  src:url(/assets/fonts/literata-latin-opsz-normal.woff2) format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Literata';font-style:normal;font-weight:200 900;font-display:swap;
  src:url(/assets/fonts/literata-latin-ext-opsz-normal.woff2) format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Literata';font-style:italic;font-weight:200 900;font-display:swap;
  src:url(/assets/fonts/literata-latin-opsz-italic.woff2) format('woff2-variations');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Literata';font-style:italic;font-weight:200 900;font-display:swap;
  src:url(/assets/fonts/literata-latin-ext-opsz-italic.woff2) format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Serif Devanagari';font-style:normal;font-weight:500;font-display:swap;
  src:url(/assets/fonts/noto-serif-devanagari-devanagari-500-normal.woff2) format('woff2');
  unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}

:root{
  --paper:#F1F2EA;      /* banyan-leaf paper */
  --surface:#FAFAF5;
  --ink:#18201C;
  --muted:#58625C;
  --rule:#D6DACD;
  --banyan:#234A3B;     /* deep banyan green: header, links, the one strong block */
  --banyan-ink:#234A3B; /* green used as text */
  --on-banyan:#F1F2EA;
  --lac:#A3342A;        /* lac red: verse and chapter numbers only */
  --deva:#2B3F35;
  --focus:#C9902B;
  --measure:36rem;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#131916;--surface:#1A221E;--ink:#E5E8E0;--muted:#A2ABA4;--rule:#2E3833;
    --banyan:#1F4335;--banyan-ink:#9CCBB3;--on-banyan:#EEF1E8;--lac:#E58A7D;--deva:#CFE0D5;--focus:#E0B25A;
  }
}

*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'Literata',Georgia,'Times New Roman',serif;font-size:18.5px;line-height:1.65;
  font-optical-sizing:auto;font-variant-numeric:oldstyle-nums proportional-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--banyan-ink);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p{margin:0 0 1em}
h1,h2,h3{font-weight:600;line-height:1.15;margin:0;text-wrap:balance}

/* Masthead */
.mast{background:var(--banyan);color:var(--on-banyan)}
.mast-in{max-width:72rem;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem}
.wordmark{color:inherit;text-decoration:none;flex:1;line-height:1.1}
.wordmark b{display:block;font-size:1.22rem;font-weight:600;letter-spacing:-.005em;font-variation-settings:'opsz' 48}
.wordmark i{display:block;font-size:.78rem;opacity:.82;margin-top:.15rem}
.mast nav{display:flex;gap:1.1rem;font-size:.92rem}
.mast nav a{color:inherit;text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.mast nav a[aria-current="page"],.mast nav a:hover{border-bottom-color:currentColor}

/* Reading page */
.col{max-width:var(--measure);margin:0 auto;padding:0 1rem}
.hero{max-width:44rem;margin:0 auto}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--rule)}
.hero figcaption{max-width:var(--measure);margin:0 auto;padding:.55rem 1rem 0;font-size:.8rem;line-height:1.45;color:var(--muted);font-style:italic}

.intro{padding-top:1.6rem}
.series{font-size:.92rem;margin:0 0 .5rem}
.series a{text-decoration:none;font-weight:600}
h1{font-size:2.15rem;letter-spacing:-.015em;font-variation-settings:'opsz' 72}
.where{color:var(--muted);margin:.6rem 0 0;font-size:.95rem}
.progress{margin:1.2rem 0 0}
.progress .track{height:4px;background:var(--rule);border-radius:2px;overflow:hidden}
.progress .track i{display:block;height:100%;background:var(--lac)}
.progress p{margin:.45rem 0 0;font-size:.82rem;color:var(--muted);font-variant-numeric:lining-nums tabular-nums}

section{margin-top:2.6rem}
h2{font-size:1.45rem;letter-spacing:-.01em;margin-bottom:.7rem;font-variation-settings:'opsz' 48}
.kicker{font-size:.9rem;color:var(--muted);margin:0 0 .25rem;font-style:italic}

/* New-chapter opener */
.chapter{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:1.2rem 0 .4rem}
.chapter .num{font-size:3.6rem;line-height:.9;color:var(--lac);font-weight:500;font-variation-settings:'opsz' 72;font-variant-numeric:lining-nums}
.chapter h2{margin:0;font-size:1.3rem}
.chapter .alt{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}
.chapter .body{grid-column:1/-1;margin-top:.9rem}

/* Verses */
.verses{list-style:none;margin:0;padding:0}
.verse{display:grid;grid-template-columns:3.1rem 1fr;column-gap:.6rem;padding:1.15rem 0;border-top:1px solid var(--rule);scroll-margin-top:1rem}
.verse:last-child{border-bottom:1px solid var(--rule)}
.vnum{font-size:1.2rem;font-weight:600;color:var(--lac);line-height:1.4;font-variant-numeric:lining-nums;font-variation-settings:'opsz' 36}
.vbody{min-width:0}
.speaker{font-size:.85rem;color:var(--muted);font-style:italic;margin:0 0 .2rem}
.meaning{margin:0}
.tnote{font-size:.88rem;color:var(--muted);margin:.6rem 0 0;padding-left:.75rem;border-left:2px solid var(--rule)}

.skt{margin-top:.75rem}
.skt>summary{list-style:none;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;cursor:pointer;
  color:var(--banyan-ink);font-size:.92rem;font-weight:600;-webkit-tap-highlight-color:transparent;user-select:none}
.skt>summary::-webkit-details-marker{display:none}
.skt>summary::marker{content:''}
.skt>summary .glyph{font-family:'Noto Serif Devanagari',serif;font-weight:500;width:1.9rem;height:1.9rem;border-radius:50%;
  border:1.5px solid currentColor;display:grid;place-items:center;font-size:1rem;line-height:1;padding-top:.15rem}
.skt>summary .hide,.skt[open]>summary .show{display:none}
.skt[open]>summary .hide{display:inline}
.skt[open]>summary .glyph{background:var(--banyan-ink);color:var(--paper);border-color:var(--banyan-ink)}
.sktbody{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:1rem;margin:.35rem 0 0 -3.7rem}
.deva{font-family:'Noto Serif Devanagari','Kohinoor Devanagari','Mangal',serif;font-weight:500;font-size:1.22rem;line-height:1.85;color:var(--deva);margin:0 0 .7rem}
.iast{font-style:italic;margin:0 0 .9rem;line-height:1.55}
.sub{font-size:.85rem;font-weight:600;margin:.9rem 0 .3rem;color:var(--muted)}
.say{margin:0;font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}
.words{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.25rem .9rem;margin:0;font-size:.92rem;line-height:1.45}
.words dt{font-style:italic;color:var(--banyan-ink);overflow-wrap:anywhere;max-width:11rem}
.words dd{margin:0}

/* Lesson and practice */
.lesson h2{font-size:1.65rem;font-variation-settings:'opsz' 72}
.practice{background:var(--banyan);color:var(--on-banyan);border-radius:6px;padding:1.2rem 1.25rem 1.25rem;margin-top:1.4rem}
.practice h3{font-size:1.15rem;margin:0 0 .45rem}
.practice p:last-child{margin:0}

/* Email sign-up */
.signup{border-top:1px solid var(--ink);padding-top:1.4rem}
.signup p{color:var(--muted);font-size:.95rem}
.signup form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.signup label.sr+input{flex:1 1 14rem}
.signup input[type=email]{font:inherit;font-size:1rem;padding:.7rem .8rem;min-height:48px;border:1.5px solid var(--muted);border-radius:6px;background:var(--surface);color:var(--ink);flex:1 1 14rem}
.signup button{font:inherit;font-size:1rem;font-weight:600;min-height:48px;padding:.7rem 1.1rem;border:0;border-radius:6px;background:var(--banyan);color:var(--on-banyan);cursor:pointer}
.signup .fine{font-size:.8rem;margin:.6rem 0 0}

/* Sources */
.sources ul{margin:0;padding:0;list-style:none;font-size:.92rem}
.sources li{padding:.35rem 0;border-top:1px solid var(--rule)}
.sources li:last-child{border-bottom:1px solid var(--rule)}
.sources .host{color:var(--muted);font-size:.82rem;display:block}
.sources .nums a{margin-right:.55rem}

/* Previous / next */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2.6rem}
.pager a,.pager div{display:block;padding:.9rem 1rem;border:1px solid var(--rule);border-radius:6px;text-decoration:none;color:var(--ink);background:var(--surface);min-height:4.4rem}
.pager .next{text-align:right;grid-column:2}
.pager small{display:block;color:var(--muted);font-size:.8rem}
.pager b{font-weight:600;font-size:.95rem;line-height:1.35;color:var(--banyan-ink)}
.pager>:only-child{grid-column:1/-1}
.pager div b{color:var(--muted)}

/* Gita index */
.lede{font-size:1.08rem}
.latest{display:block;background:var(--banyan);color:var(--on-banyan);text-decoration:none;border-radius:6px;padding:1.1rem 1.2rem;margin-top:1.4rem}
.latest small{display:block;font-size:.85rem;opacity:.85}
.latest b{display:block;font-size:1.3rem;font-weight:600;line-height:1.2;margin-top:.2rem}
.latest span{display:block;font-size:.9rem;margin-top:.35rem;opacity:.9}
.chap-list{list-style:none;margin:0;padding:0}
.chap-list li{border-top:1px solid var(--rule)}
.chap-list li:last-child{border-bottom:1px solid var(--rule)}
.chap-list a{display:grid;grid-template-columns:4.2rem 1fr;gap:.6rem;padding:.8rem 0;text-decoration:none;color:var(--ink)}
.chap-list .range{color:var(--lac);font-weight:600;font-variant-numeric:lining-nums;font-size:.95rem}
.chap-list .t{font-weight:600}
.chap-list .l{display:block;color:var(--muted);font-size:.88rem;margin-top:.1rem}
.chap-head{display:flex;align-items:baseline;gap:.7rem;margin:2.2rem 0 .6rem}
.chap-head .num{font-size:2.2rem;color:var(--lac);line-height:1;font-variant-numeric:lining-nums}
.chap-head h2{margin:0}
.chap-head small{display:block;color:var(--muted);font-size:.88rem;font-weight:400}

/* Home */
.door{display:block;border-top:1px solid var(--ink);padding:1.2rem 0;text-decoration:none;color:var(--ink)}
.door h2{color:var(--banyan-ink)}
.door p{margin:.4rem 0 0;color:var(--muted)}

footer{max-width:72rem;margin:3.5rem auto 0;padding:1.4rem 1rem 2.5rem;border-top:1px solid var(--rule);font-size:.82rem;line-height:1.5;color:var(--muted)}
footer p{margin:0 0 .6rem}

@media (min-width:640px){
  body{font-size:19px}
  h1{font-size:2.6rem}
  .verse{grid-template-columns:3.6rem 1fr}
  .sktbody{margin-left:0}
  .hero{padding:1.2rem 1rem 0}
  .hero img{border-radius:6px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.mast nav,.signup,.pager,.skt>summary{display:none}.skt .sktbody{display:block}}

/* Comics: issue list */
.issues{list-style:none;margin:1.6rem 0 0;padding:0}
.issues li+li{margin-top:1.2rem}
.issue{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:start;text-decoration:none;color:var(--ink);padding-top:1.2rem;border-top:1px solid var(--rule)}
.issue img{width:100%;border-radius:4px;box-shadow:0 1px 0 var(--rule)}
.issue-text small{display:block;color:var(--lac);font-weight:600;font-size:.85rem;font-variant-numeric:lining-nums}
.issue-text b{display:block;font-size:1.35rem;font-weight:600;line-height:1.15;margin:.15rem 0 .4rem;color:var(--banyan-ink);font-variation-settings:'opsz' 48}
.issue-text span{display:block;font-size:.95rem;line-height:1.5}
.issue-text .meta{color:var(--muted);font-size:.82rem;margin-top:.45rem}

/* Comics: reader */
.reader .intro{padding-bottom:1.2rem}
.pages{max-width:44rem;margin:0 auto}
.page{margin:0 0 .5rem;background:var(--rule)}
.page img{width:100%;aspect-ratio:2/3}
.page.locked{display:none}
.gate{margin:1.5rem auto 2rem;border-top:1px solid var(--ink)}
.gate.done{display:none}
.gate button[disabled]{opacity:.6;cursor:wait}
@media (min-width:640px){
  .pages{padding:0 1rem}
  .page img{border-radius:4px}
  .issue{grid-template-columns:9rem 1fr}
}
.download{margin:.8rem 0 0;font-size:.92rem}
.download a{font-weight:600}
.download span{color:var(--muted)}
.pager a,.pager div{font-size:.95rem;line-height:1.35}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ===== Layout v2: phone, iPad and desktop ===== */
.wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
.narrow{max-width:var(--measure)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.2rem;border-radius:6px;background:var(--banyan);color:var(--on-banyan);font-weight:600;font-size:1rem;text-decoration:none;line-height:1.2;border:2px solid var(--banyan)}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;color:var(--banyan-ink);border-color:currentColor}
.btn.small{min-height:40px;padding:.45rem .9rem;font-size:.9rem}
@media (max-width:420px){.wordmark i{display:none}.wordmark b{font-size:1.15rem}}

/* Home */
.home-hero{margin-top:0;display:grid;background:var(--banyan);color:var(--on-banyan)}
.home-hero-art img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;display:block}
.home-hero-text{padding:1.6rem 1rem 2rem;max-width:40rem}
.home-hero h1{font-size:2.3rem;line-height:1.08;color:inherit;font-variation-settings:'opsz' 72}
.home-hero .lede{margin:.9rem 0 1.3rem;opacity:.92;font-size:1.08rem}
.home-hero .cta{display:flex;flex-wrap:wrap;gap:.7rem}
.home-hero .btn{background:var(--on-banyan);color:#1b3a2e;border-color:var(--on-banyan)}
.home-hero .btn.ghost{background:transparent;color:var(--on-banyan);border-color:rgba(241,242,234,.7)}
@media (prefers-color-scheme:dark){.home-hero{background:#183329}}
.features{display:grid;gap:1.2rem;margin-top:2.2rem}
section.features{margin-top:2.2rem}
.feature{display:block;background:var(--surface);border:1px solid var(--rule);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink)}
.feature:hover{border-color:var(--banyan-ink)}
.feature img{width:100%;display:block;background:var(--rule)}
.feature-comic{display:grid;grid-template-columns:7.5rem 1fr}
.feature-comic img{height:100%;object-fit:cover;aspect-ratio:2/3}
.feature-text{display:block;padding:1rem 1.1rem 1.2rem}
.feature-text small{display:block;color:var(--lac);font-weight:600;font-size:.82rem;margin-bottom:.2rem}
.feature-text b{display:block;font-size:1.3rem;font-weight:600;line-height:1.18;color:var(--banyan-ink);font-variation-settings:'opsz' 48}
.feature-text span{display:block;font-size:.95rem;line-height:1.5;margin-top:.45rem}
.feature-text .more{color:var(--muted);font-size:.85rem}
.approach{margin-top:3rem}
.approach-grid{display:grid;gap:1.2rem}
.approach h3{font-size:1.1rem;margin:0 0 .3rem;color:var(--banyan-ink)}
.approach p{margin:0;font-size:.98rem;color:var(--ink)}
.signup-both{max-width:var(--measure);margin-top:3rem}
.lists{border:0;margin:0 0 .6rem;padding:0;display:grid;gap:.5rem;width:100%}
.lists label{display:flex;gap:.6rem;align-items:flex-start;font-size:.98rem;color:var(--ink);cursor:pointer}
.lists input{width:1.25rem;height:1.25rem;margin-top:.2rem;accent-color:var(--banyan);flex:none}
@media (min-width:640px){
  .feature-comic{grid-template-columns:11rem 1fr}
  .approach-grid{grid-template-columns:repeat(3,1fr);gap:2rem}
}
@media (min-width:900px){
  .home-hero{grid-template-columns:1.15fr 1fr;align-items:center;min-height:30rem}
  .home-hero-art{order:2;height:100%}
  .home-hero-art img{aspect-ratio:auto;min-height:30rem}
  .home-hero-text{padding:3rem 2.5rem 3rem max(2rem,calc((100vw - 72rem)/2 + 1rem));max-width:none}
  .home-hero h1{font-size:3.3rem}
  .features{grid-template-columns:1.1fr 1fr;align-items:stretch}
  .feature-comic{grid-template-columns:12rem 1fr}
}

/* Page heads on wide pages */
.page-head{max-width:var(--measure)}
.hero.banner{max-width:64rem}
.hero.banner img{aspect-ratio:21/9;object-fit:cover}
@media (max-width:639px){.hero.banner img{aspect-ratio:16/9}}

/* Comics index: newest featured, then a cover grid */
.issues{display:grid;gap:1.4rem;grid-template-columns:repeat(2,1fr)}
.issues li+li{margin-top:0}
.issues li.is-newest{grid-column:1/-1}
.issues .issue{display:block;border-top:0;padding-top:0}
.issue img{border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)}
.issue-text{display:block;margin-top:.7rem}
.issue-text em{display:block;color:var(--muted);font-size:.95rem;margin-bottom:.4rem}
.issue-text .btn{display:inline-flex;margin-top:1rem;font-size:1rem}
.issues li:not(.is-newest) .issue-text b{font-size:1.1rem}
.issues li:not(.is-newest) .issue-text span:not(.meta){font-size:.88rem}
.issues .is-newest .issue img{max-width:20rem}
@media (min-width:760px){
  .issues{grid-template-columns:repeat(3,1fr);gap:2rem}
  .issues .is-newest .issue{display:grid;grid-template-columns:minmax(14rem,22rem) 1fr;gap:2.2rem;align-items:center}
  .issues .is-newest .issue img{max-width:none}
  .issues .is-newest .issue-text{margin-top:0}
  .issues .is-newest .issue-text b{font-size:2.2rem;line-height:1.1}
  .issues .is-newest .issue-text span{font-size:1.05rem}
}
@media (min-width:1100px){.issues{grid-template-columns:repeat(4,1fr)}}

/* Comic reader: page counter; two-page spreads on wide landscape screens */
.pagecount{position:fixed;right:1rem;bottom:1rem;background:rgba(24,32,28,.82);color:#fff;font-size:.85rem;padding:.35rem .7rem;border-radius:999px;font-variant-numeric:lining-nums tabular-nums;opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}
.pagecount.on{opacity:1}
@media (prefers-reduced-motion:reduce){.pagecount{transition:none}}
@media (min-width:1100px) and (orientation:landscape){
  .pages{max-width:min(78rem,calc((100vh - 2rem) * 4 / 3 + 3rem));display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:0 1rem}
  .pages .page{margin:0}
  .pages .page:first-child{grid-column:1/-1;max-width:calc(50% - .3rem);justify-self:center}
  .pages .gate{grid-column:1/-1;max-width:var(--measure);width:100%}
  .reader .intro{max-width:72rem;padding-left:1rem;padding-right:1rem}
}

/* Gita reading: wider hero and a sticky contents sidebar on desktop */
.toc{display:none}
@media (min-width:1100px){
  .hero{max-width:64rem}
  .reading-layout{display:grid;grid-template-columns:minmax(0,var(--measure)) 15rem;gap:4rem;justify-content:center;padding:0 1rem}
  .reading-layout .col.main{margin:0;padding:0;max-width:none}
  .toc{display:block;position:sticky;top:1.5rem;align-self:start;margin-top:2rem;font-size:.9rem;border-left:2px solid var(--rule);padding-left:1.1rem}
  .toc-title{font-weight:600;margin:0 0 .5rem}
  .toc ol{list-style:none;margin:0 0 1.2rem;padding:0}
  .toc li{margin:.35rem 0}
  .toc a{text-decoration:none}
  .toc a:hover{text-decoration:underline}
  .toc-next{margin:.9rem 0 0}
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Photos + start-here card */
.home-hero-art picture{display:block;height:100%}
.start-here{display:grid;grid-template-columns:7rem 1fr;gap:0;margin-top:2rem;background:#FBF6E6;border:2px solid var(--lac);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink)}
.start-here img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/3;display:block}
.start-text{display:block;padding:1rem 1.1rem 1.2rem}
.start-text small{display:block;color:var(--lac);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.start-text b{display:block;font-size:1.4rem;line-height:1.15;color:var(--banyan-ink);margin-top:.25rem;font-weight:600}
.start-text span{display:block;margin-top:.45rem;font-size:.97rem;line-height:1.5}
.start-text .btn{display:inline-block;margin-top:.9rem}
.start-here:hover{box-shadow:0 4px 18px rgba(35,74,59,.15)}
@media (prefers-color-scheme:dark){.start-here{background:var(--surface)}}
@media (min-width:760px){.start-here{grid-template-columns:11rem 1fr}.start-text{padding:1.6rem 1.8rem;align-self:center}.start-text b{font-size:1.8rem}}

/* Gita finder + reading mini-nav */
.finder{margin:2rem 0 1rem;padding:1.1rem 1.1rem 1.2rem;background:var(--surface);border:1px solid var(--rule);border-radius:8px}
.finder h2{margin:0 0 .6rem;font-size:1.25rem}
.finder input[type=search]{width:100%;font:inherit;font-size:1.05rem;padding:.75rem .9rem;border:1.5px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink)}
.finder input[type=search]:focus{outline:none;border-color:var(--banyan-ink);box-shadow:0 0 0 3px rgba(35,74,59,.15)}
.find-status{margin:.55rem 0 0;font-size:.92rem;color:var(--muted);min-height:1.2em}
.find-results{margin-top:.5rem}
.chap-jump{margin-top:1rem}
.chap-jump p{margin:0 0 .4rem;font-size:.9rem;color:var(--muted)}
.chap-jump ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.4rem}
.chap-jump a,.chap-jump span{display:flex;align-items:center;justify-content:center;height:2.75rem;border-radius:6px;font-weight:600;text-decoration:none}
.chap-jump a{background:var(--banyan);color:var(--on-banyan)}
.chap-jump a:hover{filter:brightness(1.15)}
.chap-jump span{border:1px dashed var(--rule);color:var(--muted);font-weight:400}
.chap-head{scroll-margin-top:1rem}
.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin:1rem 0 .5rem;padding:.6rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.95rem}
.mini-nav a{text-decoration:none;color:var(--banyan-ink);font-weight:600;padding:.35rem 0}
.mini-nav .all{text-align:center;font-weight:400;text-decoration:underline}
@media (max-width:420px){.mini-nav{font-size:.88rem}}