/* Kshetra Sankalpams v1 (2026-10-13). Palette, header, footer, motion = home v3 / doc 63. */
:root{--ink:#16213a;--muted:#5a6478;--soft:#3f4a63;--bg:#fbf8f3;--blue:#1f6be5;--blue-ink:#1a5bc7;--orange:#ff6e2e;--orange-ink:#b8430f;--line:#e6eaf1;--blue-soft:#e3edfd;--orange-soft:#ffe9df;--shadow:0 8px 30px rgba(22,33,58,.08);--fs:19px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 "Open Sans","Hind Guntur",system-ui,sans-serif}
a{color:var(--blue-ink)}
h1{font:700 32px/1.3 "Hind Guntur","Open Sans",system-ui,sans-serif;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:860px;margin:0 auto;padding-inline:20px}
header.top .wrap{max-width:1040px}
/* header (same as home) */
header.top{position:sticky;top:0;z-index:20;background:var(--bg);transition:box-shadow .3s}
header.top.scrolled{box-shadow:0 1px 0 var(--line),0 6px 18px rgba(22,33,58,.06)}
.bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:72px;transition:height .3s}
header.scrolled .bar{height:60px}
.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none}
.brand b{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand svg{width:40px;height:40px;transition:transform .25s}
.brand:hover svg{transform:rotate(-6deg) scale(1.06)}
nav.main{display:flex;gap:22px;align-items:center;margin-left:auto;margin-right:8px}
nav.main a{color:var(--ink);font-size:14.4px;text-decoration:none}
nav.main a:hover,nav.main a[aria-current]{color:var(--blue-ink)}
.pmd-get{font:600 14px/1 "Open Sans",system-ui,sans-serif;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .25s}
.pmd-get:hover{border-color:var(--blue);color:var(--blue-ink);box-shadow:var(--shadow)}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;place-items:center;color:var(--ink);cursor:pointer;order:3}
.menu-btn .mx{display:none}.menu-btn[aria-expanded=true] .mh{display:none}.menu-btn[aria-expanded=true] .mx{display:inline}
@media (max-width:860px){
 .menu-btn{display:grid}.pmd-get{margin-left:auto;padding:8px 12px}
 nav.main{display:none;position:absolute;top:100%;left:-20px;right:-20px;flex-direction:column;align-items:stretch;gap:0;margin:0;background:var(--bg);border-bottom:1px solid var(--line);padding:4px 20px 12px;z-index:10;box-shadow:0 12px 24px rgba(22,33,58,.08)}
 nav.main.open{display:flex}
 nav.main a{padding:12px 0;font-size:16px;border-top:1px solid #eef1f6}
}
@media (display-mode:standalone){.pmd-get{display:none!important}}
/* page */
.crumbs{font-size:13px;color:var(--muted);padding-top:8px;display:flex;flex-wrap:wrap;gap:4px 6px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--blue-ink)}
.head{display:grid;gap:10px;padding-block:18px 18px}
.lead{font-size:16px;color:var(--soft)}
.tag{display:inline-block;font-size:12px;font-weight:600;color:var(--orange-ink);background:var(--orange-soft);border-radius:999px;padding:1px 10px;vertical-align:1px}
@keyframes pmdUp{from{opacity:0;transform:translateY(18px)}}
.head>*{animation:pmdUp .6s cubic-bezier(.2,.7,.2,1) both}.head>:nth-child(2){animation-delay:.1s}.head>:nth-child(3){animation-delay:.2s}
.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;box-shadow:var(--shadow);color:var(--muted);transition:border-color .2s}
.search:focus-within{border-color:var(--blue)}
.search input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 16px "Open Sans","Hind Guntur",sans-serif;padding:14px 0;color:var(--ink)}
/* group cards */
.groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:8px 20px}
.card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s;animation:pmdUp .5s cubic-bezier(.2,.7,.2,1) both}
.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(n+6){animation-delay:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,33,58,.12);border-color:var(--blue)}
.card:focus-visible,.list a:focus-visible,.tools button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ic{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font:600 20px/1 "Hind Guntur",sans-serif;transition:transform .3s}
.ic.o{background:var(--orange-soft);color:var(--orange)}
.ic.big{width:60px;height:60px;font-size:24px}
.card:hover .ic{transform:rotate(-8deg) scale(1.08)}
.ct{flex:1;min-width:0;display:grid}
.ct b{font:600 18px/1.35 "Hind Guntur",sans-serif}
.ct small{color:var(--muted);font-size:13px}
.n{font-weight:700;font-size:13px;color:var(--blue-ink);background:var(--blue-soft);border-radius:999px;padding:2px 10px}
/* lists */
.list{list-style:none;margin:0 0 16px;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.list li+li{border-top:1px solid var(--line)}
.list a{display:grid;gap:2px;padding:14px 44px 14px 16px;text-decoration:none;color:var(--ink);position:relative;transition:background .2s}
.list a::after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--muted);transition:right .2s,color .2s}
.list a:hover{background:#f6f8fc}.list a:hover::after{right:12px;color:var(--blue)}
.list b{font:600 17px/1.4 "Hind Guntur",sans-serif}
.list small{color:var(--muted);font-size:13px}
.list small i{font-style:normal;color:var(--orange-ink)}
.none{color:var(--muted);padding:8px 0 16px}
.verse{margin:0 0 18px;padding:14px 18px;background:var(--orange-soft);border-left:4px solid var(--orange);border-radius:10px;display:grid;gap:2px;font:600 calc(var(--fs) - 2px)/1.75 "Hind Guntur",sans-serif;color:#3a2a20}
.tip{font-size:14px;color:var(--soft);margin:4px 0 16px}
.tip a{font-weight:600;text-decoration:none}.tip a:hover{text-decoration:underline}
/* sankalpam */
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tools button{font:600 14px/1 "Open Sans",sans-serif;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .25s}
.tools button:hover{border-color:var(--blue);transform:translateY(-1px)}
.tools button[data-a=copy]{background:var(--orange);border-color:var(--orange)}
.tools button[data-a=copy]:hover{box-shadow:0 8px 20px rgba(255,110,46,.3)}
.sz{margin-left:auto;display:flex;gap:6px}
.reading{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.text{font:400 var(--fs)/2 "Hind Guntur",sans-serif;color:var(--ink);overflow-wrap:anywhere}
.text p+p{margin-top:12px}
.text.steps p+p{margin-top:6px}
.bl{display:inline-block;min-width:3.2em;height:1em;border-bottom:2px dotted var(--orange);vertical-align:-.15em;margin:0 .15em}
.tip .bl{min-width:2em}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 8px}
.pn a{display:grid;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);font:600 15px/1.4 "Hind Guntur",sans-serif;transition:border-color .2s,transform .2s}
.pn a:hover{border-color:var(--blue);transform:translateY(-2px)}
.pn small{font:600 12px "Open Sans",sans-serif;color:var(--muted)}
.pn .r{text-align:right}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,150%);opacity:0;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;font-size:14px;z-index:50;transition:transform .3s;pointer-events:none}
.toast.show{transform:translate(-50%,0);opacity:1}
@media (max-width:640px){h1{font-size:26px}.groups{grid-template-columns:1fr}.reading{padding:16px}.pn{grid-template-columns:1fr}.pn .r{text-align:left}}
/* footer + install (shared) */
.pmd-foot{text-align:center;color:var(--muted);font:13px/1.6 "Open Sans",system-ui,sans-serif;border-top:1px solid var(--line);margin-top:40px;padding:28px 16px calc(28px + env(safe-area-inset-bottom,0px))}
.pmd-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:0 0 16px}
.pmd-foot nav a{color:var(--ink);text-decoration:none;font-size:14px}.pmd-foot nav a:hover{color:var(--blue-ink)}
.pmd-foot .soc{display:flex;justify-content:center;gap:18px;margin:0 0 14px}.pmd-foot .soc a{line-height:0;transition:transform .2s}.pmd-foot .soc a:hover{transform:translateY(-2px)}
.pmd-ban{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:520px;margin:0 auto;z-index:30;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(22,33,58,.22);padding:10px 14px 10px 10px;display:flex;gap:12px;align-items:center;transform:translateY(170%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.pmd-ban.show{transform:none}
.pmd-ban img{width:56px;height:56px;object-fit:contain;flex:none}
.pmd-ban p{flex:1;min-width:0;font-size:14px;color:var(--soft);line-height:1.4}
.pmd-ban b{display:block;color:var(--ink);font-size:15px}
.pmd-ban .add{font:600 14px/1 "Open Sans",sans-serif;background:var(--orange);border:1px solid var(--orange);color:var(--ink);border-radius:10px;padding:9px 14px;cursor:pointer}
.pmd-x{background:none;border:0;color:var(--muted);font-size:24px;padding:4px 8px;line-height:1;cursor:pointer}
.pmd-scrim{position:fixed;inset:0;background:rgba(10,15,30,.5);z-index:40;display:grid;align-items:end;justify-items:center;padding:16px}
.pmd-sheet{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:22px;display:grid;gap:14px;animation:pmdUp .4s both}
.pmd-sheet .hd{display:flex;align-items:center;gap:12px}.pmd-sheet .hd img{width:72px;height:72px;object-fit:contain}
.pmd-sheet .t{font-weight:700;font-size:17px;line-height:1.3}.pmd-sheet .t small{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.pmd-sheet ol{margin:0;padding-left:22px;display:grid;gap:10px;font-size:15px}
.pmd-tabs{display:flex;gap:6px}
.pmd-tabs button{flex:1;font:600 14px "Open Sans",sans-serif;padding:8px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink);cursor:pointer}
.pmd-tabs button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.pmd-kbd{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:0 6px;font-weight:700}
.pmd-sheet .ok{font:600 15px/1 "Open Sans",sans-serif;background:var(--orange);border:1px solid var(--orange);color:var(--ink);border-radius:10px;padding:14px 20px;cursor:pointer}
[hidden]{display:none!important}
@media print{header.top,.crumbs,.tools,.tip,.pn,.pmd-foot,.pmd-ban,.toast{display:none!important}body{background:#fff}.reading{border:0;box-shadow:none;padding:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}