/* A quiet illuminated page: architecture, voice, then practice. */
.practice{max-width:1410px;margin:110px auto 0;padding:75px 0 0;border-top:1px solid var(--line);position:relative;scroll-margin-top:100px}
.practice:before{content:'✧';position:absolute;top:-17px;left:50%;transform:translateX(-50%);padding:0 22px;background:var(--paper);color:var(--brand-gold);font-size:23px;line-height:1.4}
.practice-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;max-width:1130px;margin:0 auto 38px}
.practice .eyebrow{color:var(--gold);font-size:10px;font-weight:500;letter-spacing:.19em}
.practice h2{font:400 clamp(54px,6vw,82px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:17px 0 0}
.practice-introduction{padding-bottom:3px;max-width:440px}.practice-introduction p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 15px}.practice-introduction p:last-child{margin-bottom:0}
.temple-layout{display:grid;grid-template-columns:minmax(0,480px) minmax(0,440px);gap:clamp(40px,6vw,95px);align-items:start;justify-content:center;max-width:1130px;margin:auto}
.temple-figure{margin:0;color:var(--brand-gold);min-width:0}.temple-crown{display:block;width:64px;height:34px;margin:0 auto 9px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.temple-levels{position:relative}.temple-tier{position:relative;display:grid;place-items:center;width:100%;height:76px;padding:0 40px;border:0;border-radius:0;background:transparent;color:var(--brand-gold);text-align:center;touch-action:manipulation;isolation:isolate;-webkit-tap-highlight-color:transparent}.temple-tier:hover,.temple-tier:active{background:transparent}.temple-tier:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.temple-chamber{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.temple-chamber .temple-room{fill:currentColor;fill-opacity:0;stroke:none;transition:fill-opacity .25s}.temple-architecture,.temple-motif{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:opacity .25s}.temple-architecture{opacity:.42}.temple-architecture .temple-inner{opacity:.45}.temple-motif{opacity:.46}.temple-tier.is-active .temple-room{fill-opacity:.075}.temple-tier.is-active .temple-architecture{opacity:1;stroke-width:1.15}.temple-tier:hover .temple-room{fill-opacity:.045}.temple-tier.is-active:hover .temple-room{fill-opacity:.09}.temple-tier:hover .temple-architecture{opacity:.85}.temple-tier-copy{display:grid;gap:4px;margin-top:8px;pointer-events:none}.temple-name{font:400 28px/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;color:var(--muted);transition:color .25s}.temple-signs{font:400 10px/1.6 ui-sans-serif,system-ui;letter-spacing:.025em;color:var(--muted);opacity:.85}.temple-tier.is-active .temple-name,.temple-tier:hover .temple-name{color:var(--ink)}.temple-tier.is-active .temple-signs{color:var(--gold);opacity:1}.temple-indicator{display:none}.temple-foundation{display:block;width:100%;height:17px;fill:none;stroke:currentColor;stroke-width:1;opacity:.5;pointer-events:none}.temple-figure figcaption{text-align:center;color:var(--muted);font-size:10px;line-height:1.85;margin:16px auto 0;max-width:350px}
.temple-reading{position:sticky;top:115px;padding:52px 0 20px;max-width:440px;min-height:400px}.temple-reading article{animation:temple-reveal .28s ease}.temple-reading .temple-correspondence{font-size:10px;line-height:1.9;letter-spacing:.07em;color:var(--gold);margin:0 0 16px}.temple-reading h3{font:400 clamp(35px,3.3vw,44px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 24px}.temple-reading p:not(.temple-correspondence){font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 17px}.temple-reading .temple-question{color:var(--ink)!important;border-top:1px solid var(--line);padding-top:18px;margin-top:25px!important}
.practice-listening{max-width:1130px;margin:48px auto 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.practice-listening h3{font:400 33px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 9px}.practice-listening p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8;margin:0}.practice-listening audio{display:block;width:100%;height:44px;accent-color:var(--gold);border-radius:4px}.practice-audio-caption{font-size:10px!important;margin:8px 0 0!important}.practice-transcript{max-width:1130px;margin:0 auto;font-size:12px}.practice-transcript summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:20px;justify-content:space-between;list-style:none;color:var(--muted);border-bottom:1px solid var(--line)}.practice-transcript summary::-webkit-details-marker{display:none}.practice-transcript summary span:last-child{font-size:18px;color:var(--gold)}.practice-transcript[open] summary span:last-child{transform:rotate(45deg)}.practice-transcript>div{padding:27px 0 10px;max-width:720px;margin:auto}.practice-transcript p{font-size:14px;line-height:1.95;color:var(--muted)}.practice-transcript .transcript-note{font-size:10px;color:var(--gold);margin-bottom:18px}
.practice-essay{max-width:1130px;margin:68px auto 0;display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:start}.practice-quote{margin:0;position:sticky;top:125px;padding:0}.practice-quote p{font:400 clamp(34px,3.2vw,45px)/1.16 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px}.practice-quote cite{font:400 10px/1.8 ui-sans-serif,system-ui;color:var(--gold);letter-spacing:.08em}.practice-prose h3{font:400 31px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 15px}.practice-prose p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 30px}.practice-prose p:last-child{margin-bottom:0}
.map-practice{max-width:1130px;margin:72px auto 0;padding-top:50px;border-top:1px solid var(--line)}.map-practice-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.map-practice h3{font:400 clamp(38px,4vw,55px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0}.map-practice-heading>p{max-width:400px;font-size:13px;line-height:1.9;color:var(--muted);margin:0}.practice-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.practice-steps li{padding:24px 0 25px 42px;border-top:1px solid var(--line);position:relative}.practice-steps .step-number{position:absolute;left:0;top:23px;font:400 23px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.practice-steps h4{font:400 25px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}.practice-steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:420px}.practice-return{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:25px 0 0;border-top:1px solid var(--line)}.practice-return p{font-size:12px;line-height:1.85;color:var(--muted);margin:0;max-width:580px}.practice-return a{font-size:13px;color:var(--gold);white-space:nowrap;padding:12px 0}
.is-embedded .practice{display:none!important}
@keyframes temple-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.practice{margin-top:85px;padding-top:60px}.practice-heading,.temple-layout{gap:35px}.practice-heading{padding:0 15px}.practice-essay{gap:60px}.practice-listening{gap:35px}.practice-steps{column-gap:40px}}
@media(max-width:700px){.practice{margin-top:62px;padding-top:48px;scroll-margin-top:80px}.practice-heading{display:block;padding:0 3px;margin-bottom:24px}.practice h2{font-size:65px;margin-top:15px}.practice h2 br{display:none}.practice-introduction{max-width:100%;margin-top:24px}.practice-introduction p{font-size:13px;line-height:1.95}.practice-listening{display:block;margin-top:28px;padding:25px 4px}.practice-listening h3{font-size:31px}.practice-player{margin-top:20px}.practice-transcript summary{font-size:11px}.practice-transcript>div{padding:22px 5px 4px}.practice-transcript p{font-size:12px}.practice-essay{display:block;margin-top:44px;padding:0 5px}.practice-quote{position:static;max-width:350px;margin-bottom:35px}.practice-quote p{font-size:35px}.practice-prose h3{font-size:30px}.practice-prose p{font-size:14px;margin-bottom:26px}.map-practice{margin-top:43px;padding-top:32px}.map-practice-heading{display:block;margin-bottom:25px}.map-practice h3{font-size:42px}.map-practice-heading>p{margin-top:18px;font-size:12px;max-width:100%}.practice-steps{grid-template-columns:1fr}.practice-steps li{padding-top:22px;padding-bottom:22px}.practice-steps h4{font-size:25px}.practice-steps p{font-size:12px;max-width:none}.practice-return{display:block;padding:22px 5px 0}.practice-return p{font-size:12px}.practice-return a{display:inline-block;margin-top:10px}.practice .eyebrow{font-size:9px}.practice .temple-correspondence{font-size:9px}}
@media(prefers-reduced-motion:reduce){.temple-tier-copy,.temple-name,.temple-room,.temple-architecture,.temple-motif{transition:none}.temple-reading article{animation:none}}
@media print{.practice{display:none!important}}

@media(max-width:760px){
 .temple-layout{display:block;max-width:500px}.temple-figure{width:100%;max-width:500px;margin:auto}.temple-tier{height:72px;padding-inline:24px}.temple-name{font-size:27px}.temple-signs{font-size:10px}.temple-crown{margin-top:8px}.temple-figure figcaption{font-size:9px;margin-top:15px}.temple-reading{position:static;max-width:none;min-height:0;padding:25px 18px 20px}.temple-reading.is-inline{margin:0 0 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-gold) 3%,transparent),transparent)}.temple-reading h3{font-size:36px;margin-bottom:19px}.temple-reading h3 br{display:none}.temple-reading p:not(.temple-correspondence){font-size:13px;line-height:1.9}.temple-reading .temple-correspondence{font-size:9px;line-height:1.9;margin-bottom:12px}.temple-reading .temple-question{margin-top:18px!important;padding-top:16px}.practice-heading{margin-bottom:30px}
}
@media(forced-colors:active){.temple-tier.is-active{outline:1px solid CanvasText;outline-offset:-2px}.temple-tier:focus-visible{outline:2px solid Highlight}}
