.teaching-page{position:relative;overflow:clip}.teaching-page:before{content:"";position:absolute;inset:0 0 auto;height:40rem;background:radial-gradient(circle at 50% 0%,var(--tp-glow, rgba(139, 92, 246, .07)),transparent 60%);pointer-events:none;z-index:0}.teaching-page[data-element=fire]{--tp-glow: rgba(236, 72, 153, .08);--tp-accent: #ec4899;--tp-accent-soft: rgba(236, 72, 153, .06);--tp-accent-border: rgba(236, 72, 153, .25)}.teaching-page[data-element=air]{--tp-glow: rgba(245, 158, 11, .08);--tp-accent: #f59e0b;--tp-accent-soft: rgba(245, 158, 11, .06);--tp-accent-border: rgba(245, 158, 11, .25)}.teaching-page[data-element=water]{--tp-glow: rgba(20, 184, 166, .08);--tp-accent: #14b8a6;--tp-accent-soft: rgba(20, 184, 166, .06);--tp-accent-border: rgba(20, 184, 166, .25)}.teaching-page[data-element=earth]{--tp-glow: rgba(34, 197, 94, .08);--tp-accent: #22c55e;--tp-accent-soft: rgba(34, 197, 94, .06);--tp-accent-border: rgba(34, 197, 94, .25)}.teaching-page[data-element=ether]{--tp-glow: rgba(139, 92, 246, .08);--tp-accent: #8b5cf6;--tp-accent-soft: rgba(139, 92, 246, .06);--tp-accent-border: rgba(139, 92, 246, .25)}.teaching-hero{position:relative;z-index:1;text-align:center;max-width:1160px;margin:0 auto;padding:6.5rem 2rem 3rem}.teaching-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--tp-accent-border, var(--border));background:var(--tp-accent-soft, rgba(255, 255, 255, .76));font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tp-accent, var(--text-muted))}.teaching-hero h1{margin:1.2rem 0 0;font-size:clamp(2.6rem,7vw,4.8rem);line-height:.98;color:var(--text-heading)}.teaching-subtitle{max-width:760px;margin:1.35rem auto 0;font-size:clamp(1.1rem,2vw,1.36rem);line-height:1.6;font-style:italic;color:var(--text)}.teaching-body{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:0 2rem 6rem}.teaching-column,.teaching-column-wide{margin:0 auto}.teaching-column{max-width:790px}.teaching-column-wide{max-width:980px}.teaching-intro{padding-top:1.4rem}.teaching-lead{font-size:clamp(1.14rem,1.8vw,1.3rem);line-height:1.75;color:var(--text-heading)}.teaching-body p,.teaching-body li{font-size:1rem;line-height:1.92;color:var(--text)}.teaching-body p+p{margin-top:1rem}.teaching-body strong{color:var(--text-heading);font-weight:600}.teaching-body h2{margin:4.25rem 0 1.1rem;font-size:clamp(1.28rem,2vw,1.7rem);line-height:1.2;letter-spacing:.04em;color:var(--text-heading)}.teaching-body h3{margin:0;font-size:1.24rem;line-height:1.28;color:var(--text-heading)}.teaching-level-stack{max-width:790px;margin:2rem auto 0}.teaching-level-block+.teaching-level-block{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.teaching-level-block h3{margin-bottom:.25rem;font-size:1.28rem}.teaching-level-tone{margin:0 0 1.2rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.teaching-callout{margin-top:3.9rem;padding:1.7rem 1.8rem;border-radius:12px;border:1px solid #e0e0e0;background:#fff}.teaching-callout-label{display:inline-block;margin-bottom:.85rem;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#888}.teaching-practice{margin-top:4rem;padding:1.7rem 1.8rem;border-radius:12px;border:1px solid var(--tp-accent-border, rgba(20, 184, 166, .15));background:var(--tp-accent-soft, rgba(20, 184, 166, .03))}.teaching-practice strong{color:var(--text-heading);font-size:1.08rem}.teaching-element-panel{padding:1.5rem;border-radius:12px}.teaching-element-panel--fire{background:#ec48990f;border:1px solid rgba(236,72,153,.2)}.teaching-element-panel--air{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2)}.teaching-element-panel--water{background:#14b8a60f;border:1px solid rgba(20,184,166,.2)}.teaching-element-panel--earth{background:#22c55e0f;border:1px solid rgba(34,197,94,.2)}.teaching-element-panel--ether{background:#8b5cf60f;border:1px solid rgba(139,92,246,.2)}.teaching-element-label{display:inline-block;margin-bottom:.85rem;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.teaching-element-panel--fire .teaching-element-label{color:#ec4899}.teaching-element-panel--air .teaching-element-label{color:#d97706}.teaching-element-panel--water .teaching-element-label{color:#0d9488}.teaching-element-panel--earth .teaching-element-label{color:#16a34a}.teaching-element-panel--ether .teaching-element-label{color:#7c3aed}.teaching-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;margin-bottom:2.5rem}.teaching-area-card{position:relative;display:block;padding:1.5rem 1.25rem;border-radius:12px;border:1px solid var(--tp-accent-border, #e8e6e3);text-decoration:none;color:var(--text);background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.teaching-area-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:var(--tp-accent, var(--text-muted));background:var(--tp-accent-soft, rgba(0,0,0,.02))}.teaching-area-card strong{display:block;margin-bottom:.4rem;font-size:1.15rem;color:var(--text-heading)}.teaching-area-card span{font-size:.9rem;color:var(--text-muted);line-height:1.6}.teaching-dependency{margin-top:1.2rem;padding-left:0;list-style:none}.teaching-dependency li{padding:.6rem 0;border-bottom:1px solid var(--border)}.teaching-dependency li:last-child{border-bottom:none}.teaching-close{margin-top:3.9rem}.teaching-related{margin-top:3rem}.teaching-related h2{margin-bottom:1.2rem}.teaching-related-list{list-style:none;padding:0;margin:0}.teaching-related-list li{padding:.7rem 0;border-bottom:1px solid var(--border)}.teaching-related-list li:last-child{border-bottom:none}.teaching-related-list a{text-decoration:none;color:var(--text-heading);font-weight:500}.teaching-related-list a:hover{color:var(--tp-accent, #7c3aed)}.teaching-related-list .desc{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.15rem}@media (max-width: 1024px){.teaching-area-grid{grid-template-columns:1fr}}@media (max-width: 860px){.teaching-hero{padding:5.5rem 1.25rem 2.4rem}.teaching-body{padding:0 1.25rem 5rem}}@media (max-width: 640px){.teaching-callout,.teaching-practice,.teaching-element-panel{padding:1.2rem}}@media (prefers-color-scheme: dark){.teaching-page[data-element=fire]{--tp-glow: rgba(244, 114, 182, .1);--tp-accent: #f472b6;--tp-accent-soft: rgba(236, 72, 153, .08);--tp-accent-border: rgba(236, 72, 153, .3)}.teaching-page[data-element=air]{--tp-glow: rgba(251, 191, 36, .1);--tp-accent: #fbbf24;--tp-accent-soft: rgba(245, 158, 11, .08);--tp-accent-border: rgba(245, 158, 11, .3)}.teaching-page[data-element=water]{--tp-glow: rgba(45, 212, 191, .1);--tp-accent: #2dd4bf;--tp-accent-soft: rgba(20, 184, 166, .08);--tp-accent-border: rgba(20, 184, 166, .3)}.teaching-page[data-element=earth]{--tp-glow: rgba(74, 222, 128, .1);--tp-accent: #4ade80;--tp-accent-soft: rgba(34, 197, 94, .08);--tp-accent-border: rgba(34, 197, 94, .3)}.teaching-page[data-element=ether]{--tp-glow: rgba(167, 139, 250, .1);--tp-accent: #a78bfa;--tp-accent-soft: rgba(139, 92, 246, .08);--tp-accent-border: rgba(139, 92, 246, .3)}.teaching-page:before{background:radial-gradient(circle at 50% 0%,var(--tp-glow, rgba(167, 139, 250, .09)),transparent 60%)}.teaching-eyebrow{background:#1a1a1ad1}.teaching-element-panel--fire{background:#ec489914;border-color:#ec489933}.teaching-element-panel--fire .teaching-element-label{color:#f472b6}.teaching-element-panel--air{background:#f59e0b14;border-color:#f59e0b33}.teaching-element-panel--air .teaching-element-label{color:#fbbf24}.teaching-element-panel--water{background:#14b8a614;border-color:#14b8a633}.teaching-element-panel--water .teaching-element-label{color:#2dd4bf}.teaching-element-panel--earth{background:#22c55e14;border-color:#22c55e33}.teaching-element-panel--earth .teaching-element-label{color:#4ade80}.teaching-element-panel--ether{background:#8b5cf614;border-color:#8b5cf633}.teaching-element-panel--ether .teaching-element-label{color:#a78bfa}.teaching-area-card{background:#141414;border-color:#2a2a2a}.teaching-area-card:hover{box-shadow:0 8px 24px #0006;background:#1a1a1a}.teaching-level-block+.teaching-level-block{border-top-color:#2a2a2a}.teaching-callout{background:#121212eb;border-color:#2a2a2a}.teaching-related-list li,.teaching-dependency li{border-bottom-color:#2a2a2a}}