@import url(/assets/fonts.css);
@import url(/assets/shell.css);
/* karmandir.com content pages (15 Nov 2026), the bright family of the home page: cream ground, ink outlines with hard shadows,
   one colour band per section of the site, Baloo 2 for Hindi display, Bricolage Grotesque for English display, Mukta to read.
   Also styles the older pages (Hanuman Chalisa, mantra share pages, /app, privacy) so the whole site is one look. */
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/baloo2-var-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/baloo2-var-latin.woff2) format("woff2");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:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-var-latin.woff2) format("woff2");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}
:root{
  color-scheme:light;
  --cream:#FFF6E6;--paper:#FFFDF8;--ink:#1C0B33;--ink2:#5B4A70;--marigold:#FFB400;--saffron:#FF8A00;--sindoor:#FF4D1F;--rose:#FF3D8B;--violet:#6A25E0;
  --tulsi:#12B76A;--lav:#E9E0FF;--mint:#C9F5DE;--peach:#FFD9C2;--butter:#FFE9A6;--sky:#CDEBFF;--pink:#FFD6E7;--line:#EADCC6;
  --hi:"Baloo 2","Noto Sans Devanagari",Mukta,sans-serif;--disp:"Bricolage Grotesque","Baloo 2",system-ui,sans-serif;
  --ui:Mukta,"Noto Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:24px;--pop:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px;background:var(--cream)}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.65 var(--ui);overflow-x:clip}
::selection{background:var(--marigold);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--marigold);outline-offset:3px;border-radius:10px}
[hidden]{display:none!important}
[lang=hi]{font-family:var(--ui)}
.w{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:780px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;border-radius:10px;z-index:99}.skip:focus{left:8px}

/* header: a violet bar */
.top{position:sticky;top:0;z-index:30;background:var(--violet);color:#fff;box-shadow:0 4px 0 rgba(28,11,51,.12)}
.top .w{display:flex;align-items:center;gap:10px;min-height:60px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 20px/1 var(--disp);letter-spacing:-.03em;flex:none}
.brand img{width:34px;height:34px;border-radius:10px}
.brand span[lang=hi]{font:700 19px/1 var(--hi);color:rgba(255,255,255,.8)}
.top .get{flex:none;background:var(--marigold);color:var(--ink);text-decoration:none;font:800 15px var(--disp);padding:9px 15px;border-radius:999px;box-shadow:0 3px 0 #C77800;white-space:nowrap}
.top .get:hover{background:#FFC633}
.top nav:not(.tnav){margin-left:auto;display:flex;gap:6px}.top nav:not(.tnav) a{color:#fff;text-decoration:none;font-weight:700;padding:8px 12px}
@media (max-width:560px){.brand span[lang=hi]{display:none}}

/* buttons */
.play{display:inline-block;line-height:0;border-radius:12px;transition:transform .25s var(--pop)}
.play img{height:54px;width:auto}
.play:hover{transform:translateY(-3px) rotate(-2deg)}
.soon{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font:800 16px var(--disp);text-decoration:none;border:2.5px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:translate .2s var(--pop),box-shadow .2s}
.btn:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--ink)}
.btn.light{background:#fff;color:var(--ink)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{background:transparent;color:inherit}

/* ── content page hero ── */
.phero{position:relative;overflow:clip;padding-block:26px 34px;border-bottom:3px solid var(--ink)}
.phero::after{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-160px;border-radius:50%;background:rgba(255,255,255,.28);pointer-events:none}
.c-r{background:#FFB8A1}.c-o{background:#FFC870}.c-y{background:var(--butter)}.c-g{background:#A8EBC8}.c-p{background:#FFB8D4}.c-b{background:#B5DCFF}.c-v{background:#D9CBFF}
.phero .w{position:relative;z-index:1;display:grid;gap:22px;align-items:center}
@media (min-width:880px){.phero .has-pic{grid-template-columns:1fr 340px;gap:48px}}
.phero-t{min-width:0}
.crumbs{font-size:14px;font-weight:600;color:var(--ink2);margin-bottom:8px}
.crumbs a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid rgba(28,11,51,.3)}.crumbs a:hover{border-color:var(--ink)}
.phero h1{margin:0;font:800 clamp(2.3rem,7vw,4.2rem)/1.02 var(--disp);letter-spacing:-.045em;text-wrap:balance}
.phero h1[lang=hi]{font:800 clamp(2.4rem,7.4vw,4.4rem)/1.12 var(--hi);letter-spacing:0}
.psub{margin:10px 0 0;font:700 clamp(1.05rem,2.4vw,1.3rem)/1.4 var(--ui);color:var(--ink2)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.chips li{padding:5px 12px;border-radius:999px;background:#fff;border:2px solid var(--ink);font:700 14px/1.3 var(--ui)}
.chips li:nth-child(odd){rotate:-1.5deg}.chips li:nth-child(even){rotate:1.5deg}
.chips a{color:var(--ink);text-decoration:none}
.phero-pic{margin:0;justify-self:center;width:min(78vw,340px);rotate:2.5deg;transition:rotate .4s var(--pop)}
.phero-pic:hover{rotate:0deg}
.phero-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff}
.phero-pic.sq img{aspect-ratio:1;object-fit:contain;padding:10px}
.phero-pic figcaption{margin-top:12px;font-size:12px;color:var(--ink2);rotate:-2.5deg}
.phero-pic figcaption a{color:var(--ink2)}
/* share row */
.shr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.shr b{font:800 14px var(--disp);margin-right:2px}
.sh{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 14px var(--ui);text-decoration:none;cursor:pointer;transition:translate .2s var(--pop),box-shadow .2s;box-shadow:2px 2px 0 var(--ink)}
.sh:hover{translate:-1px -2px;box-shadow:3px 4px 0 var(--ink)}
.sh.wa{background:#25D366;color:#06301A}.sh.tg{background:#7CCBF5}.sh.x{background:var(--ink);color:#fff}.sh.fb{background:#9EB8FF}.sh.native{background:var(--marigold)}
.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;z-index:60;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(28,11,51,.3)}

/* ── body ── */
.pbody{padding-block:34px 60px;display:grid;gap:30px}
.cols{display:grid;gap:30px}
@media (min-width:980px){.cols{grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.side{position:sticky;top:90px}}
.main{min-width:0;display:grid;gap:26px}
.side{display:grid;gap:16px}
.blk{min-width:0}
.blk h2{margin:0 0 10px;font:800 clamp(1.5rem,3.6vw,2.1rem)/1.1 var(--disp);letter-spacing:-.035em;text-wrap:balance}
.blk h2 a{color:var(--ink);text-decoration:none}.blk h2 a:hover{color:var(--violet)}
.blk p{margin:0 0 12px;max-width:68ch}
.blk.story,.blk.text{padding:22px 24px;border-radius:var(--r);background:var(--paper);border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.blk.story p:last-child,.blk.text p:last-child{margin-bottom:0}
.blk.mini{padding:18px 20px;border-radius:20px;background:#fff;border:2px solid var(--ink)}
.blk.mini h2{font-size:18px;letter-spacing:-.01em}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.tags span{padding:4px 10px;border-radius:999px;background:var(--lav);font-size:14px;font-weight:600}
.mlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mlist a{display:block;padding:8px 12px;border-radius:14px;background:var(--butter);color:var(--ink);text-decoration:none;font-size:16px;line-height:1.35}
.mlist a:hover{background:var(--marigold)}
.jaykara{margin:0;justify-self:start;padding:10px 20px;border-radius:999px;background:var(--sindoor);color:#fff;font:800 clamp(1.4rem,4vw,1.9rem)/1.2 var(--hi);rotate:-2deg;box-shadow:0 5px 0 #A82A0A}
.kv{padding:14px 0;border-top:2px dashed var(--line)}
.kv:first-of-type{border-top:0;padding-top:0}
.kv b{display:inline-block;margin-bottom:4px;padding:2px 10px;border-radius:999px;background:var(--ink);color:#fff;font:800 13px var(--disp)}
.kv p{margin:0 0 8px}
.fl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fl li{padding:10px 14px;border-radius:16px;background:#fff;border:2px solid var(--line)}
.fl small{display:block;color:var(--ink2);font-size:14px}
.intro{margin:0;font-size:1.12rem;font-weight:600;color:var(--ink2);max-width:62ch}
.lyric p{font:500 clamp(1.15rem,2.6vw,1.35rem)/1.85 var(--ui);margin:0 0 16px}
.lyric.rom p{font-size:1.05rem;font-style:italic;color:var(--ink2)}
.lesson{margin:0;padding:16px 20px;border-radius:20px;background:var(--mint);border:2px solid var(--ink);font-weight:600}
.lesson b{display:block;font:800 14px var(--disp);text-transform:uppercase;letter-spacing:.06em;color:#0B7A47}
.note{margin:0;padding:12px 16px;border-radius:16px;background:var(--butter);border:2px solid var(--line)}
.note.bad{background:#FDE7E5;color:#B3261E}
.fine{font-size:13px;color:var(--ink2);margin:0}
.facts2{margin:0;display:grid;gap:10px}
.facts2 div{display:grid;gap:0}
.facts2 dt{font:800 12px var(--disp);text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}
.facts2 dd{margin:0;font-weight:600}
.maplink{display:inline-block;margin-top:10px;font-weight:700}
.steps{margin:0;padding-left:24px;display:grid;gap:8px}
.steps li::marker{font-weight:800;color:var(--sindoor)}
.wishes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:700px){.wishes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wishes li{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:20px;background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.wishes li:nth-child(3n+1){background:var(--pink)}.wishes li:nth-child(3n+2){background:var(--butter)}.wishes li:nth-child(3n){background:var(--mint)}
.wishes p{margin:0;font-weight:600;flex:1}
.wishes .sh{align-self:flex-start;display:inline-flex}
.wishes li{flex-wrap:wrap}
.names{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:700px){.names{grid-template-columns:repeat(2,minmax(0,1fr))}}
.names li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;border:2px solid var(--line)}
.names .no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font:800 13px var(--disp)}
.names b{display:block;font:700 1.12rem/1.35 var(--ui)}
.names i{display:block;color:var(--ink2);font-size:15px}
.names p{margin:2px 0 0;font-size:15px}
.mantra{display:block;text-decoration:none;text-align:center;padding:24px 20px;border-radius:var(--r);background:var(--violet);color:#fff;border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.mantra p{margin:0}.mantra .dev{font:700 clamp(1.5rem,4.4vw,2.1rem)/1.4 var(--ui);white-space:pre-line}
.mantra a{color:var(--marigold)}
.srcs{font-size:14px;color:var(--ink2)}
.srcs summary{cursor:pointer;font-weight:700}
.srcs ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
.srcs a{color:var(--ink2);word-break:break-all}
/* link cards */
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.lc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;height:100%;padding:10px 14px 10px 10px;border-radius:20px;background:#fff;border:2px solid var(--ink);color:var(--ink);text-decoration:none;transition:translate .2s var(--pop),box-shadow .2s;box-shadow:3px 3px 0 var(--ink)}
.lc:hover{translate:-2px -3px;box-shadow:5px 6px 0 var(--ink)}
.lc img{width:52px;height:64px;object-fit:cover;border-radius:12px}
.lc i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--butter);font:800 24px var(--hi);font-style:normal}
.t-text i{background:var(--peach)}.t-story i{background:var(--mint)}.t-namavali i{background:var(--lav)}.t-mantra i{background:var(--sky)}
.lc span{min-width:0}
.lc b{display:block;font:700 16.5px/1.3 var(--ui)}
.lc small{display:block;margin-top:2px;color:var(--ink2);font-size:13.5px;line-height:1.3}
.cards.pics{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.cards.pics .lc{grid-template-columns:1fr;padding:8px 8px 12px;gap:8px;align-content:start}
.cards.pics .lc img{width:100%;height:auto;aspect-ratio:4/3;border-radius:14px}
.cards.pics.tall .lc img{aspect-ratio:4/5}
.cards.pics .lc span{padding:0 4px}
.cards.pics li:nth-child(4n+1) .lc{rotate:-.8deg}.cards.pics li:nth-child(4n+3) .lc{rotate:.8deg}
.xgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.xt{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px 18px;border-radius:22px;border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--ink);text-decoration:none;transition:translate .2s var(--pop),box-shadow .2s}
.xt:hover{translate:-2px -3px;box-shadow:7px 8px 0 var(--ink)}
.xt b{font:800 20px/1.15 var(--disp);letter-spacing:-.02em}
.xt span{font:800 40px/1 var(--disp);letter-spacing:-.05em}
.xt.c1{background:var(--mint)}.xt.c2{background:var(--butter)}.xt.c3{background:var(--peach)}.xt.c4{background:var(--lav)}.xt.c5{background:var(--sky)}.xt.c6{background:var(--pink)}
/* app box */
.appbox{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:20px 22px;border-radius:28px;background:var(--marigold);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);rotate:-.6deg}
.appbox>img{width:64px;height:64px;border-radius:16px;border:2px solid var(--ink)}
.appbox .play img{width:auto;height:54px;border:0;border-radius:0}
.appbox b{display:block;font:800 clamp(1.3rem,3.4vw,1.8rem)/1.15 var(--disp);letter-spacing:-.03em}
.appbox b[lang=hi]{font-family:var(--hi);letter-spacing:0}
.appbox p{margin:4px 0 12px;font-weight:600}
.appbtns{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.openapp{display:inline-flex;align-items:center;min-height:50px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font:800 15px var(--disp);text-decoration:none}
@media (max-width:520px){.appbox{grid-template-columns:1fr}}

/* video (click to load) and details boxes */
.video{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:2.5px solid var(--ink);padding:0;cursor:pointer;background:#000;box-shadow:6px 6px 0 var(--ink)}
.video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.video span{position:absolute;inset:0;display:grid;place-items:center}
.video span i{width:76px;height:76px;border-radius:50%;background:var(--marigold);display:grid;place-items:center;border:3px solid var(--ink)}
.video span i::before{content:"";border-left:22px solid var(--ink);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
iframe.video,.video iframe{width:100%;height:100%;border:0}
iframe.video{aspect-ratio:16/9;height:auto}
.box{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:18px 20px}
details.box{padding:0}
details.box summary{cursor:pointer;list-style:none;padding:14px 20px;font:800 17px var(--disp);display:flex;justify-content:space-between;gap:12px}
details.box summary::-webkit-details-marker{display:none}
details.box summary::after{content:"+";font-size:22px;line-height:1;color:var(--violet)}
details.box[open] summary::after{content:"–"}
details.box .in{padding:0 20px 18px}

/* ── older pages in the same look ── */
.hhero{background:#FFC870;color:var(--ink);border-bottom:3px solid var(--ink)}
.hhero .w{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;padding-block:34px 40px}
@media (min-width:860px){.hhero .w{grid-template-columns:1.2fr .8fr;padding-block:48px 56px}}
.hhero .w>*{min-width:0}
.crumb{font-size:14px;font-weight:600;margin:0 0 6px}.crumb a{color:var(--ink)}
.hhero h1{margin:0;font:800 clamp(2.8rem,9vw,4.8rem)/1.08 var(--hi)}
.hhero .sub{margin:8px 0 16px;font:700 clamp(1.1rem,2.4vw,1.35rem) var(--ui)}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.facts li{padding:5px 12px;border-radius:999px;background:#fff;border:2px solid var(--ink);font-size:14px;font-weight:700}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.dcard{justify-self:center;width:min(80vw,330px);border-radius:26px;overflow:hidden;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);rotate:2deg}
.welcome{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:12px 16px;margin:0 0 16px;font-weight:600}
.tools{position:sticky;top:60px;z-index:10;background:rgba(255,246,230,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}
@media (max-width:980px){.tools{top:100px}}
.tools .w{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block:10px}
.seg{display:inline-flex;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px}
.seg button{border:0;background:none;font:700 14px var(--ui);color:var(--ink2);padding:6px 12px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.tools .lbl{font-size:13px;font-weight:700;color:var(--ink2)}
.verses{list-style:none;margin:0;padding:24px 0;display:grid;gap:14px}
.v{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:18px 20px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;box-shadow:4px 4px 0 var(--ink)}
.v .n{grid-row:span 4;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sindoor);color:#fff;font:800 14px var(--disp)}
.v.doha{background:var(--butter)}
.v .k{font:800 12px var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}
.v .dev{margin:2px 0 0;font:600 calc(1.3rem * var(--fs,1))/1.7 var(--ui);color:var(--ink)}
.v .rom{margin:4px 0 0;font-size:calc(.98rem * var(--fs,1));color:var(--ink2);font-style:italic}
.v .mean{margin:10px 0 0;padding-top:10px;border-top:2px dashed var(--line);font-size:calc(1rem * var(--fs,1))}
.v .mean p{margin:0}
.v .story{color:var(--ink2);font-size:calc(.92rem * var(--fs,1));margin-top:4px!important}
body.no-rom .rom{display:none}body.m-off .mean{display:none}body.m-hi .mean [lang=en]{display:none}body.m-en .mean [lang=hi]{display:none}
.sec{margin:34px 0 12px;font:800 clamp(1.7rem,4vw,2.2rem)/1.2 var(--hi);text-wrap:balance}
.sec small{display:block;font:800 13px/1.4 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-bottom:4px}
.faq{display:grid;gap:10px}.faq p{margin:6px 0 0}
.appcta{display:grid;gap:18px;align-items:center;background:var(--marigold);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:28px;padding:26px;margin:36px 0}
@media (min-width:760px){.appcta{grid-template-columns:1fr auto}}
.appcta h2{margin:0 0 6px;font:800 clamp(1.6rem,4vw,2.2rem)/1.2 var(--hi)}
.appcta p{margin:0;font-weight:600}.appcta ul{margin:10px 0 0;padding-left:20px}
.pre{white-space:pre-line;font:500 1.2rem/1.8 var(--ui)}
.page .w{padding-block:40px 56px}
.doc h1{margin:0 0 4px;font:800 clamp(2rem,5vw,2.8rem)/1.15 var(--disp);letter-spacing:-.03em;text-wrap:balance}
.doc h1[lang=hi],.doc [lang=hi] h1{font-family:var(--hi);letter-spacing:0}
.doc h2{margin:30px 0 6px;font:800 21px/1.3 var(--disp)}
.doc p{margin:0 0 12px;max-width:68ch}
.meta{color:var(--ink2);margin:0 0 22px!important}
.confirm{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:20px;margin:0 0 20px}
.confirm h2{margin-top:0}
button.danger{font:inherit;font-weight:700;padding:10px 18px;border:2px solid var(--ink);border-radius:12px;background:#D93A2F;color:#fff;cursor:pointer;margin-right:12px}
.g_id_signin{margin:8px 0 12px}
main.share{background:#D9CBFF;color:var(--ink);border-bottom:3px solid var(--ink)}
main.share .w{max-width:980px;padding-block:40px 56px}
.mcard{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center}
.darshan{width:min(100%,320px);height:auto;border-radius:24px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);rotate:-2deg}
.mtext{flex:1 1 300px;min-width:0}
.dname{margin:0 0 6px;font-weight:700}
main.share h1{margin:0;font:700 clamp(2rem,6vw,3.2rem)/1.35 var(--ui);text-wrap:balance}
main.share .roman{margin:10px 0 18px;font-size:1.15rem;font-style:italic;color:var(--ink2)}
main.share .mean{margin:0 0 6px;max-width:40rem}
.src{margin:14px 0 22px;font-size:14px;color:var(--ink2)}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.open{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font:800 16px var(--disp);text-decoration:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* festival art is a wish-card background with an empty text area at the bottom: show its top part only */
.pg.festival .phero-pic img{aspect-ratio:4/3;object-position:top}
.cards .t-festival img{object-position:top}