.theory-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0 0 18px}.theory-mode-switch button{min-width:0;padding:14px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:inherit;font-weight:800;font-size:clamp(13px,3.6vw,16px);line-height:1.25}.theory-mode-switch button.active{background:linear-gradient(135deg,#8d6cff,#54c7ec);color:#08111d;border-color:transparent;box-shadow:0 8px 22px rgba(91,139,255,.28)}.theory-mode-panel{display:none}.theory-mode-panel.active{display:block}.beginner-hero .lead{font-size:1.06rem;line-height:1.9}.pop-callout{display:grid;gap:6px;padding:16px;margin:16px 0;border-radius:16px;background:linear-gradient(135deg,rgba(141,108,255,.16),rgba(84,199,236,.12));border:1px solid rgba(151,190,255,.22)}.pop-callout b{font-size:1rem}.pop-callout span{line-height:1.75}.beginner-factor-grid{display:grid;gap:12px}.beginner-factor-grid button{width:100%;text-align:left;display:grid;gap:5px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:inherit}.beginner-factor-grid b{font-size:1.12rem}.beginner-factor-grid span{font-weight:700;color:#c8d4ff}.beginner-factor-grid small{font-size:.9rem;line-height:1.65;color:var(--muted,#aeb7c7)}.example-stack{display:grid;gap:12px}.example-stack>div,.two-side-cards>div{padding:15px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11)}.example-stack b,.two-side-cards b{display:block;margin-bottom:6px}.example-stack p,.two-side-cards p{margin:0;line-height:1.75}.two-side-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.glossary-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.glossary-link-grid button{min-width:0;padding:13px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:inherit;font-weight:750}.glossary-link-grid.advanced button{background:rgba(90,120,180,.08)}.theory-glossary-modal[hidden]{display:none}.theory-glossary-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.theory-glossary-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.76);backdrop-filter:blur(8px)}.theory-glossary-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;padding:24px 20px 22px;border-radius:22px;background:#111827;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.5)}.theory-glossary-dialog h2{margin:.2rem 0 1rem;font-size:1.45rem}.theory-glossary-dialog h3{font-size:1rem;margin:1.25rem 0 .4rem}.theory-glossary-dialog p,.theory-glossary-dialog li{line-height:1.8}.theory-glossary-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:white;font-size:25px}.theory-glossary-dialog .example-list{display:grid;gap:8px;padding-left:1.1rem}.theory-glossary-dialog .term-summary{padding:12px 14px;border-radius:13px;background:rgba(121,155,255,.12);border:1px solid rgba(121,155,255,.2);font-weight:700}.theory-glossary-dialog .related-terms{display:flex;flex-wrap:wrap;gap:8px}.theory-glossary-dialog .related-terms button{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:inherit}@media(max-width:390px){.theory-mode-switch{gap:7px}.theory-mode-switch button{padding:12px 5px;font-size:12px}.two-side-cards{grid-template-columns:1fr}.theory-glossary-dialog{padding:22px 16px}.glossary-link-grid{gap:8px}.glossary-link-grid button{font-size:13px;padding:11px 5px}}
.theory-glossary-dialog .term-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.theory-glossary-dialog .term-columns section{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.theory-glossary-dialog .term-columns h3{margin:.2rem 0 .55rem}.theory-glossary-dialog .term-tip{display:grid;gap:5px;margin-top:18px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(141,108,255,.17),rgba(84,199,236,.12));border:1px solid rgba(151,190,255,.22)}.theory-glossary-dialog .term-tip span{line-height:1.75}.theory-glossary-dialog .example-list{margin-top:.35rem}@media(max-width:560px){.theory-glossary-dialog .term-columns{grid-template-columns:1fr}}
.theory-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.theory-evidence-grid>div,.reference-list>div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:16px;padding:15px}.theory-evidence-grid b,.reference-list b{display:block;margin-bottom:6px}.theory-evidence-grid p{margin:0}.comparison-matrix{display:grid;gap:8px;margin:16px 0}.comparison-matrix>div{display:grid;grid-template-columns:.75fr 1fr 1.5fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035)}.comparison-matrix .comparison-head{background:rgba(126,92,255,.14)}.reference-list{display:grid;gap:10px;margin:16px 0}.reference-list span{display:block;line-height:1.7;color:var(--muted,#b9b8c7)}@media(max-width:700px){.theory-evidence-grid{grid-template-columns:1fr}.comparison-matrix>div{grid-template-columns:1fr;gap:4px}.comparison-matrix .comparison-head{display:none}}

/* 3.33 theory glossary */
.theory-glossary-tools{display:grid;gap:12px;margin:16px 0 14px}
.theory-glossary-search{display:grid;gap:7px;font-weight:700;color:var(--text,#f5f7ff)}
.theory-glossary-search span{font-size:.86rem;opacity:.78}
.theory-glossary-search input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07);color:inherit;padding:13px 14px;font:inherit;outline:none}
.theory-glossary-search input:focus{border-color:rgba(122,162,255,.8);box-shadow:0 0 0 3px rgba(122,162,255,.16)}
.theory-glossary-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.theory-glossary-filters::-webkit-scrollbar{display:none}
.theory-glossary-filters button{flex:0 0 auto;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:inherit;padding:8px 12px;font-weight:750;font-size:.82rem}
.theory-glossary-filters button.active{background:linear-gradient(135deg,rgba(111,151,255,.92),rgba(135,108,255,.88));border-color:transparent;color:#fff}
.theory-glossary-empty{padding:18px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;text-align:center;opacity:.78}
.glossary-link-grid.advanced button[hidden]{display:none!important}
@media (max-width:390px){.theory-glossary-filters button{padding:8px 10px;font-size:.78rem}.theory-glossary-search input{font-size:16px}}

/* 3.34 practical guide */
.practical-guide-launch{width:100%;box-sizing:border-box;margin:-4px 0 18px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border-radius:16px;border:1px solid rgba(112,195,255,.24);background:linear-gradient(135deg,rgba(64,165,220,.13),rgba(128,91,255,.12));color:inherit}
.practical-guide-launch span:first-child{display:grid;gap:4px}.practical-guide-launch b{font-size:1rem}.practical-guide-launch small{font-size:.82rem;line-height:1.5;color:var(--muted,#b9c2d0)}.practical-guide-launch>span:last-child{font-size:1.35rem;font-weight:900}.practical-guide-launch.active{border-color:rgba(117,193,255,.72);box-shadow:0 0 0 3px rgba(117,193,255,.12)}
.practical-hero .lead{font-size:1.04rem;line-height:1.9}.practical-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.practical-principles>div{display:grid;gap:7px;padding:15px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11)}.practical-principles span{line-height:1.7;color:var(--muted,#b9c2d0)}
.practical-nav{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding:2px 0 7px;scrollbar-width:none}.practical-nav::-webkit-scrollbar{display:none}.practical-nav button{flex:0 0 auto;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:inherit;font-weight:750}
.practical-step-list{display:grid;gap:12px}.practical-step-list section{position:relative;padding:16px 16px 16px 68px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04)}.practical-step-list section>b{position:absolute;left:14px;top:16px;font-size:.75rem;letter-spacing:.06em;color:#99c8ff}.practical-step-list h3{margin:0 0 7px}.practical-step-list p{margin:0;line-height:1.75}
.combo-grid,.relationship-cards,.stress-grid,.phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.combo-grid section,.relationship-cards section,.stress-grid section,.phrase-grid section{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04)}.combo-grid h3,.relationship-cards h3,.stress-grid h3,.phrase-grid h3{margin:.1rem 0 .55rem}.combo-grid p,.relationship-cards p,.stress-grid p,.phrase-grid p{margin:0 0 9px;line-height:1.75}.combo-grid small,.relationship-cards span,.stress-grid span,.phrase-grid small{display:block;line-height:1.65;color:var(--muted,#b9c2d0)}.relationship-cards b,.stress-grid b{display:block;margin:10px 0 4px;color:#c4d9ff}
.factor-action-table{display:grid;gap:8px;margin:16px 0}.factor-action-table>div{display:grid;grid-template-columns:.65fr 1fr 1fr 1.4fr;gap:11px;align-items:start;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.factor-action-table .factor-action-head{background:rgba(105,134,255,.14)}.factor-action-table span{line-height:1.65}.mini-scenario,.action-template{margin-top:12px;padding:15px;border-radius:15px;border:1px solid rgba(121,170,255,.2);background:linear-gradient(135deg,rgba(87,142,255,.10),rgba(128,91,255,.08))}.mini-scenario p,.action-template p{margin:6px 0 0;line-height:1.75}
.seven-day-grid{display:grid;gap:9px;margin:16px 0}.seven-day-grid section{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:start;padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}.seven-day-grid b{color:#9fd1ff}.seven-day-grid span{line-height:1.65}.practical-footer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.practical-footer-actions .button{min-width:0;padding-left:8px;padding-right:8px}
#theory-practical details{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035);margin:10px 0;overflow:hidden}#theory-practical summary{cursor:pointer;padding:14px 16px;font-weight:800}#theory-practical details p{margin:0;padding:0 16px 16px;line-height:1.78}
@media(max-width:700px){.practical-principles{grid-template-columns:1fr}.combo-grid,.relationship-cards,.stress-grid,.phrase-grid{grid-template-columns:1fr}.factor-action-table>div{grid-template-columns:1fr;gap:5px}.factor-action-table .factor-action-head{display:none}.factor-action-table>div>b{font-size:1.05rem;color:#b8d5ff}.practical-footer-actions{grid-template-columns:1fr}}
@media(max-width:390px){.practical-guide-launch{padding:13px 12px}.practical-guide-launch b{font-size:.93rem}.practical-guide-launch small{font-size:.76rem}.practical-step-list section{padding:48px 13px 14px}.practical-step-list section>b{left:13px;top:13px}.seven-day-grid section{grid-template-columns:58px 1fr;padding:12px}.practical-nav button{font-size:.8rem;padding:8px 10px}}