/* guides.css: /guides/, /hi/, the five shelves and every guide.
   The world is the season's jantri: one paper strip on the white marble ground, dates in the left gutter, festival days in panchang red,
   a 1px brass date-rule down the gutter with a marker riding it (scrubbed by guides.js). No shadows, rounded cards, pills, badges, glass or gradient text.
   Mobile rules live ONLY in the @media(max-width:760px) block at the end. */
.gd{--gd-paper:#FFFDF8;--gd-edge:#E6DCC8;--gd-rule:#EFE6D6;--gd-ink:#1D1712;--gd-brass:#9B7430;--gd-red:#B5412A;--gd-mute:#6B5748;
  --gd-gut:148px;--gd-rl:var(--gd-gut);--gd-e:cubic-bezier(.22,.9,.18,1);color:var(--gd-ink);font-variant-numeric:lining-nums tabular-nums}
.gd *,.gd *::before,.gd *::after{box-sizing:border-box}
.gd :focus-visible{outline:2px solid var(--gd-brass);outline-offset:3px}
.gd [hidden]{display:none}
/* the small-caps lining-figure voice: every date, quantity and reading time */
.gd-dt,.gd-ob,.gd-rt,.gd-fd,.gd-dl,.gd-md,.gd-stamp,.gd-nf,.gd-es,.gd-src,.gd-method,.gd-tabs a,.gd-toc b{font-variant-caps:all-small-caps;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.07em}
.gd a{text-decoration:none}
.gd-a a,.gd-qplain a,.gd-art .gd-sec>p a,.gd-art li a,.gd-nt a,.gd-src a,.gd-es a,.gd-intro a{color:var(--gd-brass);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
.gd-a a:hover,.gd-qplain a:hover,.gd-art .gd-sec>p a:hover,.gd-art li a:hover,.gd-nt a:hover,.gd-src a:hover,.gd-es a:hover,.gd-intro a:hover{color:var(--gd-ink)}

/* ---------- head of the jantri ---------- */
.gd-head{width:min(720px,calc(100% - 32px));margin:0 auto;padding:clamp(112px,13vw,152px) 0 44px}
.gd-h1{font:500 clamp(30px,4.4vw,50px)/1.1 var(--serif);letter-spacing:-.012em;margin:18px 0 22px;text-wrap:balance}
.gd-h1 em{white-space:normal}
.gd-h1 .gd-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .04em .12em;margin:0 -.04em -.12em}
.gd-h1 .gd-i{display:inline-block;will-change:transform}
.gd-qplain{margin:0}.gd-qplain p{font:400 20px/1.6 var(--sans);max-width:62ch;margin:0 0 .8em;color:#2c241d}
.gd-stamp{display:inline-block;margin:22px 0 0;padding:6px 14px 5px;border:1px solid var(--gd-brass);color:var(--gd-brass);font-size:16px;transform:rotate(-1.4deg);transform-origin:left center}

/* ---------- the strip ---------- */
.gd-wrap{position:relative;width:min(880px,calc(100% - 32px));margin:0 auto 112px}
.gd-strip{position:relative;background:var(--gd-paper);border:1px solid var(--gd-edge)}
.gd-track{position:relative}
.gd-rule{position:absolute;left:var(--gd-rl);top:0;bottom:0;width:1px;background:var(--gd-brass);transform-origin:50% 0;z-index:1}
.gd-mk{display:none;position:absolute;left:var(--gd-rl);top:0;width:0;height:0;z-index:3;pointer-events:none;will-change:transform}
.gd-js .gd-mk{display:block}
.gd-dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--gd-brass);border:2px solid var(--gd-paper)}
.gd-md{position:absolute;right:18px;top:-13px;padding:2px 9px 1px;background:var(--gd-paper);border:1px solid var(--gd-edge);color:var(--gd-ink);font-size:16px;white-space:nowrap}
.gd-moon{position:absolute;left:13px;top:-11px;width:22px;height:22px;color:var(--gd-brass)}
.gd-mo{fill:none;stroke:currentColor;stroke-width:1}.gd-ml{fill:currentColor}
.gd-sec>h2{font:500 clamp(24px,3vw,34px)/1.15 var(--serif);letter-spacing:-.006em;margin:0;padding:44px 28px 4px calc(var(--gd-gut) + 40px)}
.gd-mon{display:grid;grid-template-columns:var(--gd-gut) minmax(0,1fr);border-top:1px solid var(--gd-rule);margin-top:26px}
.gd-gut{position:relative;padding-top:32px}
.gd-gi{position:sticky;top:104px;padding:0 24px 0 12px;text-align:right}
.gd-num{display:block;font:500 clamp(64px,7vw,92px)/1 var(--serif);letter-spacing:-.02em;color:rgba(155,116,48,.35)}
.gd-body{min-width:0;padding:34px 28px 14px 40px}
.gd-mh{font:600 13px/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gd-mute);margin:0 0 22px}
.gd-ev{padding:0 0 26px}
.gd-ev+.gd-ev{padding-top:26px;border-top:1px solid var(--gd-rule)}
.gd-eh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 8px;font:500 22px/1.2 var(--serif)}
.gd-dt{font-size:17px;color:var(--gd-ink)}
.gd-festival .gd-dt{color:var(--gd-red)}
.gd-nt{margin:0 0 10px;max-width:58ch;font-size:16.5px;line-height:1.55;color:var(--gd-mute)}
.gd-es{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--gd-mute)}
.gd-fb{margin:6px 0 0;font-size:17px}
.gd-fb a{color:var(--gd-brass);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.gd-fb a:hover{color:var(--gd-ink)}

/* ---------- entries: a guide is a line written on the day it matters ---------- */
.gd-ent{position:relative;padding:15px 0 17px;border-bottom:1px solid var(--gd-rule)}
.gd-ent:last-child{border-bottom:0}
.gd-ent[hidden]{display:none}
.gd-t{margin:0;font:500 20px/1.28 var(--serif)}
.gd-t a{position:relative;display:inline-block;color:var(--gd-ink);transition:transform .12s}
.gd-t a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gd-brass);transform:scaleX(0);transform-origin:left;transition:transform .42s var(--gd-e)}
.gd-t a:hover::after{transform:scaleX(1)}
.gd-t a:active{transform:translateY(1px)}
.gd-a{margin:7px 0 0;max-width:60ch;font-size:17px;line-height:1.55;color:#352b23}
.gd-m{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:baseline;margin:9px 0 0;font-size:15.5px}
.gd-rt{color:var(--gd-mute)}
.gd-ob{color:var(--gd-red)}
.gd-go{display:inline-block;color:var(--gd-brass);font-variant-caps:all-small-caps;letter-spacing:.06em;transition:color .2s,transform .12s}
.gd-go:hover{color:var(--gd-ink)}.gd-go:active{transform:translateY(1px)}
.gd-slip .gd-go,.gd-m .gd-go{font-size:inherit}

/* ---------- evergreen guides: margin notes inset into the strip ---------- */
.gd-notes{display:grid;gap:18px;padding:22px 28px 38px calc(var(--gd-gut) + 40px)}
.gd-note{padding:15px 20px 16px 22px;border:1px solid var(--gd-edge);border-left:2px solid var(--gd-brass);background:#fff}
.gd-note+.gd-note{border-bottom:1px solid var(--gd-edge)}
.gd-nf{margin:0 0 5px;font-size:14.5px;color:var(--gd-mute)}
.gd-nf a{color:var(--gd-brass);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.gd-note .gd-t{font-size:18.5px}

/* ---------- thumb index: ledger edge tabs on the strip's right edge ---------- */
.gd-tabs{position:absolute;left:100%;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}
.gd-ti{position:sticky;top:104px;padding-top:44px;pointer-events:auto}
.gd-tabs h2{font:600 11px/1.35 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gd-mute);margin:0 0 10px 12px;padding:0}
.gd-tabs ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.gd-tabs a{display:block;padding:9px 12px 7px 14px;background:var(--gd-paper);border:1px solid var(--gd-edge);border-left:0;color:var(--gd-ink);font-size:15px;transition:transform .3s var(--gd-e),color .3s}
.gd-tabs a:hover,.gd-tabs a[aria-current=page]{transform:translateX(6px);color:var(--gd-brass)}
.gd-tabs a:active{transform:translateX(6px) translateY(1px)}

/* ---------- find a guide ---------- */
.gd-find .gd-q{padding:18px 28px 34px calc(var(--gd-gut) + 40px)}
.gd-q input{width:100%;background:none;border:0;border-bottom:1px solid var(--gd-edge);border-radius:0;padding:12px 0 10px;font:400 20px var(--sans);color:var(--gd-ink);outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.gd-q input::placeholder{color:#8c7a6c}
.gd-q input:focus{border-bottom-color:var(--gd-brass)}
.gd-count{min-height:1.7em;margin:8px 0 0;font-size:16px;color:var(--gd-mute)}
.gd-count a{color:var(--gd-brass);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gd-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- the end of the rule: a seal, then the form ---------- */
.gd-end{position:relative;display:grid;grid-template-columns:var(--gd-gut) minmax(0,1fr);border-top:1px solid var(--gd-rule)}
.gd-seal{position:absolute;left:var(--gd-rl);top:0;width:56px;height:56px;margin:-28px 0 0 -28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gd-brass);background:var(--gd-paper);color:var(--gd-brass);z-index:4}
.gd-seal::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid var(--gd-brass);opacity:.5}
.gd-seal b{font:600 15px/1 var(--serif);letter-spacing:.04em}
.gd-ec{grid-column:2;min-width:0;padding:58px 28px 46px 40px}
.gd-ec h2{font:500 clamp(24px,3vw,32px)/1.2 var(--serif);margin:0 0 10px;max-width:24ch}
.gd-ec>p{max-width:56ch;margin:0;font-size:18px;color:#352b23}
.gd .form{margin-top:28px;grid-template-columns:1fr 1fr 1fr;gap:26px 30px}
.gd .f input{color:var(--gd-ink);border-bottom:1px solid var(--gd-edge);color-scheme:light;font-size:18px}
.gd .f label{color:var(--gd-mute)}
.gd .f input:focus+label,.gd .f input:not(:placeholder-shown)+label{color:var(--gd-brass)}
.gd .f::after{background:var(--gd-brass)}
.gd .form .go{margin-top:6px}

/* ---------- a guide (post) ---------- */
.gd-post .gd-wrap{padding-top:clamp(96px,11vw,128px);margin-bottom:112px}
.gd-ptrack{position:relative}
.gd-ptrack::before{content:"";position:absolute;left:var(--gd-rl);top:0;bottom:0;width:1px;background:var(--gd-brass);transform-origin:50% 0;transform:scaleY(var(--r,1))}
.gd-ph{display:grid;grid-template-columns:var(--gd-gut) minmax(0,1fr);padding-top:38px}
.gd-hc{grid-column:2;min-width:0;padding:0 28px 0 40px}
.gd-ph .gd-h1{margin:16px 0 4px;font-size:clamp(28px,3.6vw,42px)}
.gd-ds{grid-column:1/-1;display:grid;grid-template-columns:var(--gd-gut) minmax(0,1fr);margin:24px 0 26px;border-top:1px solid var(--gd-rule);border-bottom:1px solid var(--gd-rule);min-height:64px}
.gd-gn{display:block;padding:8px 24px 4px 12px;text-align:right;font:500 clamp(64px,7vw,84px)/1 var(--serif);letter-spacing:-.02em;color:rgba(155,116,48,.35)}
.gd-dl{grid-column:2;align-self:center;display:flex;flex-wrap:wrap;gap:6px 24px;margin:0;padding:14px 28px 12px 40px;font-size:16px}
.gd-fd{color:var(--gd-red)}.gd-ob{color:var(--gd-red)}
.gd-dl time{font-variant-caps:inherit}
.gd-slip{position:relative;margin:8px 0 6px;padding:22px 26px 18px;background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--gd-rule) 31px,var(--gd-rule) 32px);background-position:0 20px;border:1px solid var(--gd-edge);transform:rotate(-1.2deg);transform-origin:18% 50%}
.gd-slip::before{content:"";position:absolute;top:-8px;left:50%;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:var(--gd-brass);border:2px solid var(--gd-paper)}
.gd-slip small{display:block;font:600 11px/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gd-brass);margin-bottom:12px}
.gd-slip p{margin:0;font:400 20px/32px var(--sans);color:var(--gd-ink)}
.gd-slip p a{color:var(--gd-brass);text-decoration:underline;text-underline-offset:3px}
.gd-slip .gd-go{margin-top:10px;font-size:16px}
.gd-rev{margin:20px 0 0;font-size:16px;color:var(--gd-mute)}
.gd-pb{display:grid;grid-template-columns:var(--gd-gut) minmax(0,1fr)}
.gd-gcol{position:relative}
.gd-toc{position:sticky;top:104px;padding:26px 24px 0 16px}
.gd-toch{margin:0 0 14px;font:600 11px/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gd-mute)}
.gd-toc ol{list-style:none;margin:0;padding:0}
.gd-toc li{margin:0 0 3px}
.gd-toc a{display:grid;grid-template-columns:22px 1fr;gap:6px;padding:5px 0;font-size:15px;line-height:1.3;color:var(--gd-mute);transition:color .3s}
.gd-toc a b{font-weight:500;font-size:14px;color:rgba(155,116,48,.8)}
.gd-toc a:hover,.gd-toc a.is-on{color:var(--gd-ink)}
.gd-tm{position:absolute;right:-6px;top:0;width:12px;height:12px;border-radius:50%;background:var(--gd-brass);border:2px solid var(--gd-paper);z-index:3}
.gd-art{min-width:0;max-width:772px;padding:30px 28px 26px 40px}
.gd-art .gd-sec{padding:14px 0 12px;scroll-margin-top:96px}
.gd-art .gd-sec>h2{font:500 clamp(23px,2.5vw,29px)/1.22 var(--serif);margin:0 0 14px;padding:0}
.gd-art .gd-sec>p,.gd-art .gd-list li{font-size:19px;line-height:1.7;color:#2c241d}
.gd-art .gd-sec>p{margin:0 0 .95em}
.gd-fs{font-weight:600;color:var(--gd-ink)}
.gd-list{margin:12px 0 14px;padding:0 0 0 22px}.gd-list li{margin:0 0 7px;padding-left:2px}
.gd-fig{margin:18px 0 22px}
.gd-tw{overflow-x:auto}
.gd-tbl table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.45}
.gd-tbl thead th{padding:0 16px 10px 0;text-align:left;font:600 11.5px/1.2 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gd-mute);border-bottom:1px solid var(--gd-ink)}
.gd-tbl td,.gd-tbl tbody th{padding:11px 16px 11px 0;vertical-align:top;text-align:left;font-weight:400;color:#2c241d}
.gd-tbl tbody th{font-weight:500;color:var(--gd-ink);white-space:nowrap}
.gd-tbl tbody tr{position:relative}
.gd-tbl tbody tr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gd-edge);transform-origin:left;transform:scaleX(var(--s,1))}
.gd-method{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--gd-mute)}
.gd-art .gd-sec>.gd-src{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:var(--gd-mute)}
.gd-src span{margin-right:8px;font:600 11px var(--serif);letter-spacing:.16em;text-transform:uppercase}
.gd-cta{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;margin:24px 0;padding:18px 0;border-top:1px solid var(--gd-edge);border-bottom:1px solid var(--gd-edge)}
.gd-cta p{margin:0;max-width:40ch;font-size:18px;line-height:1.5}
.gd-kn{margin:26px 0;max-width:540px;padding:18px 24px;border:1px solid var(--gd-edge);border-left:2px solid var(--gd-brass);background:#fff}
.gd-kh{margin:0 0 8px;font:600 11px/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gd-brass)}
.gd-kn blockquote{margin:0}.gd-kn blockquote p{margin:0 0 8px;font-style:italic;font-size:19px}.gd-kn footer{padding:0;font-size:15px;color:var(--gd-mute);background:none}
.gd-faq .qa{padding:15px 0 6px;border-top:1px solid var(--gd-rule)}
.gd-faq h3{margin:0 0 6px;font:500 20px/1.3 var(--serif)}
.gd-faq [data-a] p{margin:0 0 .6em;font-size:18px}
.gd-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:20px 0 4px}
.gd-links .gd-go{font-size:16.5px}
.gd-next .gd-ents{margin-top:6px}

/* ---------- Hindi ---------- */
.gd:lang(hi) *{text-transform:none;font-variant-caps:normal}
.gd:lang(hi) :is(h1,h2,h3,h4,p,li,a,span,label,input,small,blockquote,figcaption,th,td){font-family:'Tiro Devanagari Hindi',Georgia,serif;letter-spacing:.01em}
.gd:lang(hi) .gd-num,.gd:lang(hi) .gd-gn{font-family:'Cinzel',Georgia,serif}
.gd:lang(hi) .gd-any .gd-num{font-family:'Tiro Devanagari Hindi',Georgia,serif;font-size:44px;line-height:1.15}
.gd [lang=hi]{font-family:'Tiro Devanagari Hindi',Georgia,serif;letter-spacing:.01em;text-transform:none;font-variant-caps:normal}

@media (prefers-reduced-motion:reduce){.gd-t a::after,.gd-tabs a,.gd-go,.gd-q input{transition:none}}

/* tablet: leave room on the right for the ledger tabs */
@media (min-width:761px) and (max-width:1180px){.gd-wrap{padding-right:150px}}

/* ---------- mobile (the only place mobile rules live) ---------- */
@media (max-width:760px){
  .gd{--gd-gut:0px;--gd-rl:12px}
  .gd-head{padding-top:104px;padding-bottom:30px}
  .gd-qplain p{font-size:18px}
  .gd-wrap{width:calc(100% - 32px);margin-bottom:96px}
  .gd-sec>h2{padding:32px 16px 4px 34px;font-size:25px}
  .gd-mon{display:block;margin-top:20px}
  .gd-gut{padding:22px 0 0 34px}
  .gd-gi{position:static;padding:0;text-align:left}
  .gd-num{font-size:40px}
  .gd:lang(hi) .gd-any .gd-num{font-size:30px}
  .gd-body{padding:6px 16px 10px 34px}
  .gd-mh{margin-bottom:16px}
  .gd-eh{font-size:20px}
  .gd-md{right:auto;left:10px;top:12px;padding:6px 1px 5px;font-size:13px;writing-mode:vertical-rl}
  .gd-moon{left:-8px;top:-32px;width:16px;height:16px}
  .gd-notes{padding:16px 16px 28px 34px}
  .gd-tabs{position:static;width:auto;pointer-events:auto;padding:26px 16px 4px 34px}
  .gd-ti{position:static;padding:0}
  .gd-tabs h2{margin:0 0 8px}
  .gd-tabs ul{display:flex;flex-wrap:wrap;gap:4px 18px}
  .gd-tabs a{padding:6px 0 4px;background:none;border:0;border-bottom:1px solid var(--gd-edge)}
  .gd-find .gd-q{padding:14px 16px 28px 34px}
  .gd-end{display:block}
  .gd-ec{padding:50px 16px 34px 34px}
  .gd .form{grid-template-columns:minmax(0,1fr);gap:22px}
  .gd-ph{display:block;padding-top:26px}
  .gd-hc{padding:0 16px 0 34px}
  .gd-ds{display:block;margin:20px 0 22px;min-height:0}
  .gd-gn{padding:6px 0 0 34px;text-align:left;font-size:40px}
  .gd-dl{padding:6px 16px 12px 34px;font-size:15px;gap:4px 18px}
  .gd-slip{padding:20px 18px 16px;margin-right:6px}
  .gd-slip p{font-size:18px;line-height:30px}
  .gd-pb{display:block}
  .gd-toc{position:static;padding:4px 16px 0 34px}
  .gd-tm{display:none}
  .gd-art{padding:14px 16px 20px 34px}
  .gd-art .gd-sec>p,.gd-art .gd-list li{font-size:18px}
  .gd-tbl table{font-size:15.5px}
  .gd-cta{align-items:flex-start}
  .gd-kn{padding:16px 18px}
}