/* Mudras index and its new Practice entry only. Existing paper, ochre,
   typefaces, illustration, motion and native controls remain inherited. */
.mudra-index { padding-bottom:64px; }
.mudra-index .md-entrance { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; padding:34px 0 32px; align-items:start; }
.mudra-index .md-title .eyebrow { margin:0 0 14px; letter-spacing:.08em; }
.mudra-index .md-title h1 { margin:0; line-height:1.22; font-size:clamp(2.4rem,4.7vw,3.8rem); }
.mudra-index .md-opening .lede { margin:0 0 12px; max-width:62ch; color:var(--ink); font-size:1.15rem; line-height:1.8; }
.mudra-index .md-opening>p { max-width:68ch; margin:0 0 16px; font-size:1rem; line-height:1.85; color:var(--muted); }
.mudra-index .md-jumps { display:flex; flex-wrap:wrap; gap:4px 24px; margin-top:12px; }
.mudra-index .md-jumps a { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; color:var(--accent); font:600 .86rem/1.6 var(--ui); text-underline-offset:5px; }
.mudra-index .md-source-intro { margin:12px 0 0; padding:14px 0; border-block:1px solid var(--line); }
.mudra-index .md-source-intro>summary { min-height:44px; padding:9px 0; color:var(--accent); font:600 .92rem/1.6 var(--ui); }
.mudra-index .md-source-intro[open]>summary { margin-bottom:10px; }
.mudra-index .md-source-intro p { font-size:1rem; line-height:1.9; max-width:78ch; }
.mudra-index .md-source-intro blockquote { margin:18px 0; padding:4px 0 4px 22px; border-left:2px solid var(--gold); }
.mudra-index .md-source-intro :is([lang="sa"],.md-sanskrit) { font-family:'Noto Devanagari','Noto Serif',serif; font-size:1.22rem; line-height:2; white-space:pre-line; }
.mudra-index .md-scope { padding:0 0 24px; }
.mudra-index .md-scope p { font-size:.98rem; line-height:1.85; max-width:88ch; margin:0 0 12px; color:var(--muted); }
.mudra-index .md-scope strong { color:var(--ink); }
.mudra-index .md-section { border-top:1px solid var(--line); padding:28px 0 36px; scroll-margin-top:24px; }
.mudra-index .md-section-header { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:start; margin-bottom:22px; }
.mudra-index .md-section-header h2 { font-size:clamp(1.6rem,3.2vw,2.15rem); line-height:1.45; margin:0; }
.mudra-index .md-section-header p { margin:0; max-width:70ch; font-size:1rem; line-height:1.85; color:var(--muted); }
.mudra-index .md-map { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; list-style:none; margin:0; padding:0; }
.mudra-index .md-map>li { padding:20px 0 22px; border-top:1px solid var(--line); min-width:0; }
.mudra-index .md-map article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; }
.mudra-index .md-number { color:var(--accent); font:400 1.15rem/1.7 var(--serif); padding-top:2px; }
.mudra-index .md-map h3 { font:400 1.45rem/1.5 var(--serif); margin:0 0 5px; }
.mudra-index .md-map h3 a { text-decoration-thickness:1px; text-underline-offset:5px; }
.mudra-index .md-map h3 a:hover { color:var(--accent); }
.mudra-index .md-coordinate { font:500 .78rem/1.7 var(--ui); color:var(--accent); margin:0 0 8px; }
.mudra-index .md-description { font-size:.98rem; line-height:1.8; color:var(--muted); margin:0; max-width:60ch; }
.mudra-index .md-other-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; }
.mudra-index .md-other-grid .pp-card { padding-top:21px; }
.mudra-index .md-other-grid .pp-card h3 { font-size:1.35rem; }
.mudra-index .md-source-notes { max-width:94ch; }
.mudra-index .md-source-notes :is(p,li) { font-size:.97rem; line-height:1.9; overflow-wrap:anywhere; }
.mudra-index .md-source-notes h2 { font-size:1.85rem; line-height:1.45; }
.mudra-index .md-source-notes h3 { font-size:1.2rem; line-height:1.6; margin-top:26px; }
.mudra-index .md-source-notes a { color:var(--accent); text-underline-offset:4px; }
.mudra-index .md-source-notes li { margin-block:14px; }
.mudra-index .md-return { display:flex; flex-wrap:wrap; gap:10px 28px; padding-top:22px; border-top:1px solid var(--line); }
.mudra-index .md-return a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); font:600 .9rem/1.7 var(--ui); }
.mudra-index :is(a,summary):focus-visible { outline:3px solid var(--gold); outline-offset:5px; }

/* The five Practice paths keep their existing panels, with Mudras opening a
   full-width row between Movement/Breath and Contemplation/Play. */
.practice-overview.mudra-practice-update .practice-route-nav a:last-child { grid-column:1/-1; }
.practice-overview.mudra-practice-update .practice-path-grid article:nth-child(even) { border-left:0; }
.practice-overview.mudra-practice-update .practice-path-grid :is(#practice-breath,#practice-play) { border-left:1px solid var(--line); }
.practice-overview.mudra-practice-update .practice-path-grid #practice-mudras { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); column-gap:46px; align-items:start; padding-block:27px; }
.practice-overview.mudra-practice-update #practice-mudras .index-number { grid-column:1; grid-row:1; }
.practice-overview.mudra-practice-update #practice-mudras h2 { grid-column:1; grid-row:2/4; }
.practice-overview.mudra-practice-update #practice-mudras p { grid-column:2; grid-row:1/3; margin:0 0 10px; max-width:64ch; }
.practice-overview.mudra-practice-update #practice-mudras .text-link { grid-column:2; grid-row:3; margin:0; }

@media(max-width:900px) {
  .mudra-index .md-entrance,.mudra-index .md-section-header { grid-template-columns:1fr; gap:20px; }
  .mudra-index .md-other-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .practice-overview.mudra-practice-update .practice-path-grid #practice-mudras { grid-column:auto; display:flex; padding-block:22px; }
  .practice-overview.mudra-practice-update .practice-path-grid :is(#practice-breath,#practice-play) { border-left:0; }
  .practice-overview.mudra-practice-update #practice-mudras p { margin-bottom:12px; }
}
@media(max-width:620px) {
  .mudra-index .md-entrance { padding:26px 0 24px; gap:20px; }
  .mudra-index .md-title h1 { font-size:clamp(2.25rem,9vw,3rem); }
  .mudra-index .md-opening .lede { font-size:1.075rem; line-height:1.8; }
  .mudra-index .md-jumps { gap:2px 19px; }
  .mudra-index .md-jumps a { font-size:.83rem; }
  .mudra-index .md-section { padding:25px 0 28px; }
  .mudra-index .md-section-header { gap:12px; margin-bottom:20px; }
  .mudra-index .md-map,.mudra-index .md-other-grid { grid-template-columns:1fr; gap:0; }
  .mudra-index .md-map>li { padding-block:18px 21px; }
  .mudra-index .md-map article { grid-template-columns:26px minmax(0,1fr); gap:10px; }
  .mudra-index .md-map h3 { font-size:1.35rem; }
  .mudra-index .md-source-intro blockquote { padding-left:14px; }
  .mudra-index .md-source-intro :is([lang="sa"],.md-sanskrit) { font-size:1.12rem; }
}
@media print {
  .mudra-index .md-jumps,.mudra-index .md-return { display:none; }
  .mudra-index .md-map { grid-template-columns:1fr 1fr; }
  .mudra-index .md-map>li,.mudra-index .pp-card { break-inside:avoid; }
  .mudra-index h2,.mudra-index h3 { break-after:avoid; }
}

/* Practice-first Mudras. All additions are scoped to this index or the shared
   complete hand-practice body used on the seven individual hand-form pages. */
.mudra-practice-index .mp-entrance{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;padding:24px 0 30px;align-items:start}
.mudra-practice-index .mp-entrance .eyebrow{margin:0 0 12px}
.mudra-practice-index .mp-entrance h1{margin:0;font:400 clamp(2.5rem,4.5vw,3.8rem)/1.25 var(--serif)}
.mudra-practice-index .mp-entrance .lede{margin:0;font-size:1.1rem;line-height:1.85;max-width:66ch}
.mudra-practice-index .mp-entrance .mp-study-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--accent);font:600 .84rem/1.5 var(--ui);text-underline-offset:4px}
.mp-practices{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:24px}
.mp-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:start}
.mp-choice-panel{position:sticky;top:24px;min-width:0}
.mp-choice-panel h2{font:600 .85rem/1.6 var(--ui);margin:0 0 14px}
.mp-choices{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.mp-choices a{display:flex;align-items:center;min-height:48px;padding:11px 13px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font:400 1.05rem/1.55 var(--serif)}
.mp-choices a:hover{color:var(--accent);background:color-mix(in srgb,var(--gold) 7%,transparent)}
.mp-choices a[aria-current=true]{border-left:3px solid var(--accent);padding-left:10px;background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--accent)}
.mp-chooser-select{display:none}
.mp-select-label{display:none}
.mp-guide{border-block:1px solid var(--line);padding:0 0 18px;scroll-margin-top:24px}
.mp-guide+.mp-guide{margin-top:18px}
.mp-guide[hidden]{display:none!important}
.mp-guide>summary{cursor:pointer;padding:16px 0;min-height:48px}
.mp-guide>summary h2{display:inline;font:400 1.9rem/1.45 var(--serif);margin:0}
.mp-guide-preview{display:block;margin-top:7px;max-width:65ch;color:var(--muted);font-size:.94rem;line-height:1.75}
.mp-guide[open] .mp-guide-preview{display:none}
.mp-guide-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--accent);font:600 .84rem/1.6 var(--ui);text-underline-offset:4px}
.mp-practice-body{color:var(--ink);min-width:0}
.mp-practice-body .mp-purpose{margin:0 0 24px;max-width:76ch;font-size:1.05rem;line-height:1.85;color:var(--muted)}
.mp-practice-grid{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:30px;align-items:start}
.mp-practice-body .mp-visual{min-width:0;position:sticky;top:24px}
.mp-practice-body .mp-figure{width:100%;max-width:360px;margin:0 auto;padding:12px 12px 16px;border:1px solid var(--line);border-radius:120px 120px 12px 12px;background:color-mix(in srgb,var(--gold) 6%,var(--paper));box-sizing:border-box}
.mp-practice-body .mp-figure svg{width:100%;height:auto;max-height:none;display:block;color:var(--ink)}
.mp-practice-body .mp-figure figcaption{margin:8px 0 0;color:var(--muted);font:400 .83rem/1.65 var(--ui);text-align:center}
.mp-practice-body .mp-diagram-label{font:500 15px var(--ui)}
.mp-practice-body .diagram-focus{stroke:var(--accent)}
.mp-practice-body .diagram-hidden{stroke-dasharray:6 6;opacity:.65}
.mp-practice-body .diagram-guide{stroke-dasharray:3 6;opacity:.4}
.mp-practice-body h3{margin:0 0 10px;font:600 .86rem/1.6 var(--ui);letter-spacing:.01em;color:var(--accent)}
.mp-practice-body :is(p,li){font-size:1rem;line-height:1.85}
.mp-practice-body p{margin:0 0 12px;max-width:78ch}
.mp-practice-body .mp-steps{margin-top:23px}
.mp-practice-body .mp-steps ol{list-style:none;counter-reset:mp-step;margin:0;padding:0}
.mp-practice-body .mp-steps li{counter-increment:mp-step;display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.mp-practice-body .mp-steps li::before{content:counter(mp-step,decimal-leading-zero);font:400 .94rem/1.85 var(--serif);color:var(--accent)}
.mp-practice-body .mp-observe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;padding:26px 0;border-block:1px solid var(--line);margin-top:25px}
.mp-practice-body .mp-observe .mp-release{grid-column:1/-1}
.mp-practice-body .mp-observe ul{margin:0;padding-left:20px}
.mp-practice-body .mp-observe li+li{margin-top:9px}
.mp-practice-body .mp-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:24px}
.mp-practice-body .mp-support p{font-size:.94rem;line-height:1.8}
.mp-practice-body .mp-caution{padding-left:20px;border-left:2px solid var(--gold)}
.mp-practice-body .mp-meaning{margin-top:22px;border-top:1px solid var(--line);padding-top:10px}
.mp-practice-body .mp-meaning>summary{min-height:44px;padding:10px 0;color:var(--accent);font:600 .85rem/1.6 var(--ui);cursor:pointer}
.mp-practice-body .mp-meaning :is(p,li){font-size:.94rem;line-height:1.85}
.mp-practice-body a{color:var(--accent);text-underline-offset:4px}
.mp-practice-body .mp-meaning[open]>summary{margin-bottom:9px}
.mp-practice-help{max-width:80ch;margin:22px 0 0;color:var(--muted);font-size:.94rem;line-height:1.85}
.mudra-practice-index .mp-study{margin-top:42px;border-top:1px solid var(--line);padding:20px 0;scroll-margin-top:24px}
.mudra-practice-index .mp-study>summary{min-height:48px;cursor:pointer;padding:10px 0}
.mudra-practice-index .mp-study>summary h2{display:inline;font:400 1.75rem/1.5 var(--serif)}
.mudra-practice-index .mp-study-intro{max-width:78ch;color:var(--muted);line-height:1.85;margin:10px 0 20px}
.mudra-practice-index .mp-study .md-jumps{margin-bottom:20px}
.mudra-practice-index :is(a,summary,select):focus-visible,.mp-practice-body :is(a,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:1100px){.mp-workspace{grid-template-columns:190px minmax(0,1fr);gap:26px}.mp-practice-grid{grid-template-columns:minmax(170px,.6fr) minmax(0,1.4fr);gap:22px}}
@media(max-width:900px){.mudra-practice-index .mp-entrance{grid-template-columns:1fr;gap:18px}.mp-workspace{grid-template-columns:1fr;gap:20px}.mp-choice-panel{position:static}.mp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.mp-enhanced .mp-choices{display:none}.mp-enhanced .mp-chooser-select{display:block;width:100%;max-width:540px;min-height:48px;margin-top:8px;padding:10px 40px 10px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;font:500 1rem/1.5 var(--ui)}.mp-choice-panel h2{margin-bottom:6px}.mp-choice-panel label{font:600 .85rem/1.6 var(--ui)}.mp-enhanced .mp-choice-panel h2{display:none}.mp-guide>summary h2{font-size:1.8rem}.mp-practice-grid{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}}
@media(max-width:620px){.mudra-practice-index .mp-entrance{padding:18px 0 24px;gap:16px}.mudra-practice-index .mp-entrance h1{font-size:2.55rem}.mudra-practice-index .mp-entrance .lede{font-size:1rem;line-height:1.85}.mp-practices{padding-top:20px}.mp-workspace{gap:16px}.mp-guide>summary{padding:13px 0}.mp-guide>summary h2{font-size:1.65rem}.mp-practice-body .mp-purpose{font-size:1rem;margin-bottom:20px}.mp-practice-grid{grid-template-columns:1fr;gap:23px}.mp-practice-body .mp-visual{position:static}.mp-practice-body .mp-figure{max-width:310px}.mp-practice-body .mp-observe,.mp-practice-body .mp-support{grid-template-columns:1fr;gap:22px}.mp-practice-body .mp-caution{padding-left:15px}.mp-practice-body :is(p,li){font-size:1rem;line-height:1.85}.mp-practice-body .mp-observe{margin-top:22px;padding-block:23px}.mp-practice-body .mp-steps li{grid-template-columns:24px minmax(0,1fr);gap:9px}.mudra-practice-index .mp-study>summary h2{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.mp-choices a{transition:none}}
@media print{.mp-choice-panel,.mp-guide-link,.mp-study-link{display:none}.mp-workspace,.mp-practice-grid{display:block}.mp-guide[hidden]{display:block!important}.mp-guide{break-before:page}.mp-practice-body .mp-figure{max-width:250px}.mp-practice-body :is(.mp-visual,.mp-choice-panel){position:static}}
@media(max-width:900px){.mp-enhanced .mp-select-label{display:block}}