/* WEH UX 20267 — visual-only learner theme.
   Scope: navy / gold / warm-paper, Vietnamese-safe type, no data or interaction rules. */
:root{
  --weh-navy:#11253f; --weh-navy-2:#1d3c5c; --weh-gold:#c79235;
  --weh-gold-soft:#f3e5bd; --weh-paper:#f7f2e8; --weh-paper-2:#fffdf8;
  --weh-ink:#183047; --weh-muted:#657381; --weh-line:#e6dcc8;
  --weh-shadow:0 12px 28px rgba(17,37,63,.10); --weh-shadow-soft:0 6px 18px rgba(17,37,63,.07);
}
html,body{background:radial-gradient(circle at 10% 0%,#fffdf8 0 18%,transparent 45%),linear-gradient(180deg,#e9eef2 0%,#f7f2e8 100%)!important;color:var(--weh-ink)!important}
body,.phone,.wrap,.weh-scroll-shell{font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important}
.phone{background:var(--weh-paper)!important;border-color:rgba(255,255,255,.75)!important;box-shadow:0 24px 64px rgba(17,37,63,.17)!important}
.header{background:linear-gradient(135deg,#10243d 0%,#173854 58%,#28506d 100%)!important;border-bottom:1px solid rgba(199,146,53,.45)!important;box-shadow:0 8px 24px rgba(17,37,63,.16)!important}
.header::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,rgba(221,181,95,.96),transparent);opacity:.9}.header{position:relative!important}
.header .name,.header .title,.header .htitle,.header h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;letter-spacing:-.025em!important}
.header .role-tag,.header .hxp{background:rgba(255,255,255,.10)!important;border:1px solid rgba(239,208,137,.36)!important;color:#fff8e8!important}
.card,.lesson-card,.saved-ai,.role-card,.cluster-card,.mcard,.explore-card,.mastery-hero,.recovery-card,.skill-card,.failure-card,.coach-card,.streak-card,.cert-card,.scene-card,.scard,.stats-bar,.dialogue-header,.rp-chat{background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,251,242,.96))!important;border-color:var(--weh-line)!important;box-shadow:var(--weh-shadow-soft)!important;color:var(--weh-ink)!important}
.role-card,.mastery-hero{background:linear-gradient(145deg,#fffdf8 0%,#f7edd5 100%)!important;border-color:#e5cf98!important;box-shadow:0 12px 28px rgba(17,37,63,.10)!important}
.role-card::before,.mastery-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--weh-gold),#e7c16c);border-radius:inherit}.role-card::after{display:none!important}
.role-name,.role-name-vi,.role-vi,.mastery-title,.scene-title,.mtitle,.explore-title,.title-lg,.rp-title,.vc-word{color:var(--weh-navy)!important}
.greeting,.hsub,.sub,.prog-txt,.hero-sub,.header-sector,.vc-pron,.vc-tap,.msg-vi,.mk,.ct1,.ct3,.lockSub,.helper,.meta,.msub,.sceneCountText,.muted,.section-sub,.scene-mini-sub,.explore-sub,.mastery-sub{color:var(--weh-muted)!important}
.section-kicker,.next-kicker,.sec,.mastery-kicker,.skill-kicker,.failure-kicker,.coach-kicker,.coach-label,.ai-support-title,.rp-label,.dh-title,.saved-ai-role-head{color:#8b6523!important;letter-spacing:.10em!important}
.stat-num,.mini-num,.scene-pct,.mxp,.rp-counter{color:#a66e13!important;background:none!important;-webkit-text-fill-color:initial!important}
.pb,.prog-bar,.cert-prog,.prog,.track{background:#e8decb!important}.pf,.prog-fill,.fill{background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}
.vocab-card,.rp-scenario{background:linear-gradient(150deg,#fffdf8 0%,#f7ead0 100%)!important;border-color:#e7d19b!important}
.mtab{background:rgba(255,253,248,.88)!important;border-color:var(--weh-line)!important;color:var(--weh-muted)!important;box-shadow:none!important}.mtab.on{background:var(--weh-navy)!important;color:#fff!important;border-color:var(--weh-navy)!important;box-shadow:0 8px 16px rgba(17,37,63,.18)!important}
.btn-know,.dc-next,.feedback-primary,.ai-support-btn,.rp-send,.rp-control.next,.scene-nav-compact .scene-jump.next,.recovery-btn,.cert-btn{background:linear-gradient(135deg,#183650,#28506d)!important;color:#fffdf8!important;box-shadow:0 8px 18px rgba(17,37,63,.18)!important}
.ctn,.coach-cta,.scene-mini.active,.chip,.badge,.sc,.btn.secondary,.dc-replay,.vn-btn,.va-btn,.rp-input,.search-wrap input,.btn.soft,.ghost,.scene-nav-compact .scene-jump{background:#fffaf0!important;border-color:#dfcfaf!important;color:var(--weh-navy)!important}.scene-mini.active{border-left:3px solid var(--weh-gold)!important}
.ai-support,.feedback-card,.saved-ai{background:linear-gradient(180deg,#fffaf0 0%,#fffdf8 100%)!important;border-color:#e4d0a0!important;box-shadow:var(--weh-shadow-soft)!important}.ai-support-out,.saved-ai-item,.ai-answer-item{background:#fffdf8!important;border-color:#eadfc9!important}
.msg.staff{background:linear-gradient(135deg,#183650,#28506d)!important;border-color:#183650!important}.msg.guest,.rp-bubble.user{background:#f4ead4!important;border-color:#e4d0a0!important;color:var(--weh-ink)!important}.rp-bubble.ai{background:#fffdf8!important;border-color:#e5d8bd!important;color:var(--weh-navy)!important}
.mini-audio{background:#fffdf8!important;border-color:#d6bd83!important;color:#8b6523!important;box-shadow:0 4px 10px rgba(17,37,63,.10)!important}.msg.staff .mini-audio{background:#fffdf8!important;color:#8b6523!important}
.rp-input,.ai-support-input{background:#fffdf8!important;border-color:#d6bd83!important;color:var(--weh-ink)!important}.rp-input:focus,.ai-support-input:focus{border-color:var(--weh-gold)!important;box-shadow:0 0 0 4px rgba(199,146,53,.16)!important}
/* Quiet navigation is a true footer lane: scrolling stops above it; it never overlays a card. */
.phone:has(>.wrap),.phone:has(>.weh-scroll-shell){padding-bottom:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
.phone>.wrap{grid-row:1!important;align-self:stretch!important;min-height:0!important;height:100%!important;max-height:100%!important;padding-bottom:24px!important;scroll-padding-bottom:24px!important}
.phone>.bnav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto!important;width:100%!important;margin-top:auto!important;background:rgba(255,253,248,.94)!important;border-top:1px solid rgba(199,146,53,.22)!important;box-shadow:0 -8px 22px rgba(17,37,63,.06)!important}
.phone>.weh-scroll-shell{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:stretch!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-bottom:24px!important;scroll-padding-bottom:24px!important}.phone>.weh-scroll-shell>.wrap{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding-bottom:24px!important}
.phone>.phone-nav-slot{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto!important;padding:0 10px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(255,253,248,.94)!important;border-top:1px solid rgba(199,146,53,.22)!important;box-shadow:0 -8px 22px rgba(17,37,63,.06)!important;pointer-events:auto!important}
.phone>.phone-nav-slot>.bnav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-height:60px!important;margin:0!important;padding:7px 8px calc(8px + env(safe-area-inset-bottom))!important}
.bnav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}.bni-icon,.bni-label{color:#71808c!important}.bni.on .bni-icon,.bni.on .bni-label{color:#9a6b1e!important}.bnc-wrap{background:linear-gradient(135deg,#c79235,#e1bd68)!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 8px 18px rgba(162,108,18,.22)!important}
@media (max-width:430px){.header{padding-left:18px!important;padding-right:18px!important}.card,.lesson-card,.saved-ai,.role-card,.cluster-card,.mcard,.explore-card,.mastery-hero,.recovery-card,.skill-card,.failure-card,.coach-card,.streak-card,.cert-card,.scene-card,.scard{border-radius:18px!important}}
/* UX 20267 Learn contrast repair — visual layer only.
   The legacy light theme paints lesson-card text white; warm-paper cards require ink. */
.vocab-card,
.vocab-card .vc-word,
.vocab-card .vc-pron,
.vocab-card .vc-def,
.vocab-card .vc-example,
.vocab-card .vc-ex-en,
.vocab-card .vc-ex-vi,
.vocab-card .vc-note,
.vocab-card .vc-tap,
.vocab-card .vocab-counter{opacity:1!important;-webkit-text-fill-color:currentColor!important}
.vocab-card .vc-word{color:var(--weh-navy)!important;font-size:25px!important;line-height:1.32!important}
.vocab-card .vc-pron{color:#8b6523!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.vocab-card .vc-def{color:var(--weh-ink)!important;font-size:16px!important;line-height:1.62!important;font-weight:700!important}
.vocab-card .vc-example{background:#fffdf8!important;border-color:#e5d8bd!important}
.vocab-card .vc-ex-en{color:var(--weh-navy)!important;font-size:13px!important;font-weight:650!important;line-height:1.68!important}
.vocab-card .vc-ex-vi,.vocab-card .vc-note,.vocab-card .vc-tap,.vocab-card .vocab-counter{color:var(--weh-muted)!important;font-size:12px!important;line-height:1.62!important}
.rp-scenario .rp-title{color:var(--weh-navy)!important;-webkit-text-fill-color:var(--weh-navy)!important}
.rp-scenario .rp-hint{color:var(--weh-muted)!important;-webkit-text-fill-color:var(--weh-muted)!important;opacity:1!important}
/* Current lesson states retain foreground contrast regardless of legacy selector ordering. */
.vocab-card *:not(button):not(svg),.rp-scenario *:not(button):not(svg){text-shadow:none!important}


/* WEH UX 20267a — canonical Learn surface. Scoped to the learning canvas.
   Replaces the remaining turquoise legacy treatment; no data or behavior changes. */
.phone:has(.weh-scroll-shell){background:var(--weh-paper)!important}
.phone:has(.weh-scroll-shell) .weh-scroll-shell{background:linear-gradient(180deg,#f7f2e8 0%,#fffdf8 44%,#f7f2e8 100%)!important;scrollbar-color:rgba(17,37,63,.20) transparent}
.phone:has(.weh-scroll-shell) .header{padding:27px 18px 16px!important;background:linear-gradient(135deg,#10243d 0%,#173854 60%,#284f6a 100%)!important}
.phone:has(.weh-scroll-shell) .back{width:40px!important;height:40px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(239,208,137,.36)!important;color:#fff8e8!important;border-radius:12px!important}
.phone:has(.weh-scroll-shell) .htitle{font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important;line-height:1.22!important;color:#fffdf8!important}
.phone:has(.weh-scroll-shell) .hxp{padding:5px 9px!important;background:rgba(199,146,53,.18)!important;border:1px solid rgba(239,208,137,.38)!important;color:#fff4d7!important;font-weight:800!important}
.phone:has(.weh-scroll-shell) .prog-bar{height:6px!important;background:rgba(255,255,255,.16)!important}.phone:has(.weh-scroll-shell) .prog-fill{background:linear-gradient(90deg,#c79235,#f2d78f)!important}.phone:has(.weh-scroll-shell) .prog-txt{color:#eef3f6!important;opacity:.88!important}
.phone:has(.weh-scroll-shell) .mode-tabs{gap:7px!important;padding:14px 14px 12px!important;background:#f7f2e8!important;border-bottom:1px solid #e6dcc8!important}.phone:has(.weh-scroll-shell) .mtab{min-height:46px!important;padding:9px 5px!important;border-radius:12px!important;background:#fffdf8!important;border:1px solid #e3d8c5!important;color:#586878!important;font-size:10px!important;box-shadow:none!important}.phone:has(.weh-scroll-shell) .mtab.on{background:var(--weh-navy)!important;border-color:var(--weh-navy)!important;color:#fffdf8!important;box-shadow:0 7px 14px rgba(17,37,63,.18)!important}
.phone:has(.weh-scroll-shell) .mode-frame-scroll{padding:16px 14px 18px!important}.phone:has(.weh-scroll-shell) .card,.phone:has(.weh-scroll-shell) .lesson-card,.phone:has(.weh-scroll-shell) .dialogue-header,.phone:has(.weh-scroll-shell) .chat-box,.phone:has(.weh-scroll-shell) .rp-chat,.phone:has(.weh-scroll-shell) .saved-ai{border-color:#e4d9c5!important;box-shadow:0 7px 18px rgba(17,37,63,.07)!important}
.phone:has(.weh-scroll-shell) .lesson-card,.phone:has(.weh-scroll-shell) .vocab-card,.phone:has(.weh-scroll-shell) .rp-scenario{background:linear-gradient(145deg,#fffdf8 0%,#fbf3df 100%)!important;border:1px solid #e6d1a0!important}
.phone:has(.weh-scroll-shell) .vocab-card{min-height:318px!important}.phone:has(.weh-scroll-shell) .vc-word{font-family:Georgia,"Times New Roman",serif!important;font-size:27px!important;letter-spacing:-.01em!important}.phone:has(.weh-scroll-shell) .vc-def{font-size:16px!important;font-weight:650!important}.phone:has(.weh-scroll-shell) .vc-card-actions{border-top-color:#e6dcc8!important}
.phone:has(.weh-scroll-shell) .vocab-nav-row{padding-bottom:4px!important}.phone:has(.weh-scroll-shell) .vocab-nav button,.phone:has(.weh-scroll-shell) .dialogue-pager button{width:44px!important;height:44px!important;border-color:#d7c297!important;color:var(--weh-navy)!important;background:#fffdf8!important}.phone:has(.weh-scroll-shell) .vocab-nav button:last-child,.phone:has(.weh-scroll-shell) .dialogue-pager button:last-child{background:var(--weh-navy)!important;color:#fffdf8!important}
.phone:has(.weh-scroll-shell) .dialogue-header{background:#fffaf0!important;border-bottom-color:#e6dcc8!important}.phone:has(.weh-scroll-shell) .chat-box{background:#fffdf8!important}.phone:has(.weh-scroll-shell) .msg.staff{background:linear-gradient(135deg,#183650,#28506d)!important}.phone:has(.weh-scroll-shell) .msg.guest,.phone:has(.weh-scroll-shell) .rp-bubble.user{background:#f4ead4!important}.phone:has(.weh-scroll-shell) .rp-chat{background:#fffaf0!important}.phone:has(.weh-scroll-shell) .rp-input-row{background:#fffaf0!important;border-color:#d6bd83!important}.phone:has(.weh-scroll-shell) .rp-input{border-color:#d6bd83!important;background:#fffdf8!important}.phone:has(.weh-scroll-shell) .rp-control{height:46px!important;border-color:#d7c297!important;color:var(--weh-navy)!important;background:#fffdf8!important}.phone:has(.weh-scroll-shell) .rp-control.next{background:var(--weh-navy)!important;color:#fffdf8!important}
.phone:has(.weh-scroll-shell) .ai-support{margin:14px 0!important;padding:14px!important;border:1px solid #e4d0a0!important;border-radius:18px!important;background:linear-gradient(180deg,#fffaf0,#fffdf8)!important;box-shadow:0 6px 16px rgba(17,37,63,.06)!important}.phone:has(.weh-scroll-shell) .ai-support-title{color:#8b6523!important}.phone:has(.weh-scroll-shell) .ai-support-input{min-height:64px!important;background:#fffdf8!important;border-color:#d6bd83!important}.phone:has(.weh-scroll-shell) .ai-support-out{background:#fffdf8!important;border-color:#eadfc9!important}.phone:has(.weh-scroll-shell) .saved-ai{background:#fffaf0!important;border-color:#e4d0a0!important}.phone:has(.weh-scroll-shell) .saved-ai-title{color:var(--weh-navy)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:17px!important}.phone:has(.weh-scroll-shell) .saved-ai-item,.phone:has(.weh-scroll-shell) .ai-answer-item{background:#fffdf8!important;border-color:#eadfc9!important}
.phone:has(.weh-scroll-shell) .mini-audio{width:36px!important;height:36px!important;border-radius:11px!important}.phone:has(.weh-scroll-shell) .ai-history-tools .mini-audio{width:32px!important;height:32px!important;min-width:32px!important}.phone:has(.weh-scroll-shell) .ai-history-tools .mini-audio:last-child{min-width:62px!important}
.phone:has(.weh-scroll-shell) button:focus-visible,.phone:has(.weh-scroll-shell) textarea:focus-visible,.phone:has(.weh-scroll-shell) input:focus-visible{outline:3px solid rgba(199,146,53,.42)!important;outline-offset:2px!important}
@media (max-width:430px){.phone:has(.weh-scroll-shell) .mode-frame-scroll{padding:14px 14px 18px!important}.phone:has(.weh-scroll-shell) .htitle{font-size:17px!important}}


/* WEH UX 20267a — Home below-fold canonicalization. Visual-only; no data/navigation changes. */
.phone:has(#mainJourneyCard) .wrap{background:linear-gradient(180deg,#f7f2e8 0%,#fffdf8 52%,#f7f2e8 100%)!important}
.phone:has(#mainJourneyCard) .stats-bar{margin:-7px 14px 3px!important;padding:11px 8px!important;background:#fffdf8!important;border-color:#e4d9c5!important;box-shadow:0 7px 17px rgba(17,37,63,.08)!important}.phone:has(#mainJourneyCard) .stat-box{padding:8px 5px!important}.phone:has(#mainJourneyCard) .stat-box+.stat-box{border-left:1px solid #e8decb}.phone:has(#mainJourneyCard) .stat-label{color:#657381!important;font-size:9px!important}.phone:has(#mainJourneyCard) .sec{padding:20px 16px 7px!important;color:#8b6523!important;font-size:10px!important;letter-spacing:.11em!important}.phone:has(#mainJourneyCard) .section-sub{padding:0 16px 11px!important;color:#657381!important;font-size:12px!important;line-height:1.55!important}
.phone:has(#mainJourneyCard) .role-card{margin:0 14px 11px!important;padding:16px!important;background:linear-gradient(145deg,#fffdf8 0%,#f7edd5 100%)!important;border-color:#e5cf98!important;box-shadow:0 11px 24px rgba(17,37,63,.10)!important}.phone:has(#mainJourneyCard) .role-card::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;background:linear-gradient(180deg,#c79235,#e7c16c)!important}.phone:has(#mainJourneyCard) .role-card::after{display:none!important}.phone:has(#mainJourneyCard) .next-kicker{color:#8b6523!important}.phone:has(#mainJourneyCard) .role-name{color:#11253f!important;font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important}.phone:has(#mainJourneyCard) .pl{color:#657381!important;font-size:11px!important}.phone:has(#mainJourneyCard) .pb{height:6px!important;background:#e8decb!important}.phone:has(#mainJourneyCard) .pf{background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}.phone:has(#mainJourneyCard) .ctn{margin-top:12px!important;padding:9px 14px!important;background:#11253f!important;border-color:#11253f!important;border-radius:10px!important;color:#fffdf8!important}
.phone:has(#mainJourneyCard) .cluster-wrap{padding:0 14px 3px!important}.phone:has(#mainJourneyCard) .cluster-card{padding:14px!important;margin-bottom:11px!important;background:#fffdf8!important;border-color:#e4d9c5!important;box-shadow:0 6px 16px rgba(17,37,63,.06)!important}.phone:has(#mainJourneyCard) .cluster-title,.phone:has(#mainJourneyCard) .scene-mini-title{color:#11253f!important}.phone:has(#mainJourneyCard) .cluster-meta{color:#8b6523!important}.phone:has(#mainJourneyCard) .scene-mini{padding:11px!important;background:#fffaf0!important;border-color:#e8decb!important}.phone:has(#mainJourneyCard) .scene-mini.active{background:#f8efd9!important;border-color:#d9bd7b!important;border-left:3px solid #c79235!important}.phone:has(#mainJourneyCard) .scene-mini.done{background:#f3f6ed!important;border-color:#d7dfc8!important}.phone:has(#mainJourneyCard) .scene-mini-badge{width:32px!important;height:32px!important;border-radius:10px!important;background:#fffdf8!important;border-color:#d7c297!important;color:#8b6523!important}.phone:has(#mainJourneyCard) .scene-mini-kicker{color:#8b6523!important}.phone:has(#mainJourneyCard) .scene-mini-sub{color:#657381!important}.phone:has(#mainJourneyCard) .scene-mini-cta{color:#11253f!important}
.phone:has(#mainJourneyCard) .mcard,.phone:has(#mainJourneyCard) .explore-card{margin-left:14px!important;margin-right:14px!important;padding:13px!important;background:#fffdf8!important;border-color:#e4d9c5!important;box-shadow:0 6px 16px rgba(17,37,63,.06)!important}.phone:has(#mainJourneyCard) .explore-grid{padding:0 0 4px!important;gap:9px!important}.phone:has(#mainJourneyCard) .mic{background:#f3e5bd!important;border:1px solid #e4cc92!important}.phone:has(#mainJourneyCard) .mtitle,.phone:has(#mainJourneyCard) .explore-title{color:#11253f!important}.phone:has(#mainJourneyCard) .msub,.phone:has(#mainJourneyCard) .explore-sub{color:#657381!important}.phone:has(#mainJourneyCard) .mxp,.phone:has(#mainJourneyCard) .explore-arrow{color:#8b6523!important}
.phone:has(#mainJourneyCard) .coach-strip,.phone:has(#mainJourneyCard) .weak-strip{margin:0 14px 11px!important;padding:15px!important;background:linear-gradient(145deg,#fffaf0,#fffdf8)!important;border-color:#e4d0a0!important;box-shadow:0 6px 16px rgba(17,37,63,.06)!important}.phone:has(#mainJourneyCard) .coach-label{color:#8b6523!important}.phone:has(#mainJourneyCard) .coach-copy{color:#183047!important}.phone:has(#mainJourneyCard) .coach-cta{background:#11253f!important;border-radius:10px!important;color:#fffdf8!important}.phone:has(#mainJourneyCard) .wchip{padding:7px 10px!important;background:#fffdf8!important;border-color:#e1cfaa!important;color:#405161!important}
/* Home is a destination surface: never auto-hide its structural Bottom Nav while a learner scrolls. */

.phone:has(#mainJourneyCard) .weh-scroll-shell{padding-bottom:calc(36px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(36px + env(safe-area-inset-bottom))!important}
.phone:has(#mainJourneyCard) .explore-card>div[style*="background"]{background:#f3e5bd!important;border:1px solid #e4cc92!important}.phone:has(#mainJourneyCard) [onclick]{touch-action:manipulation}.phone:has(#mainJourneyCard) [onclick]:focus-visible{outline:3px solid rgba(199,146,53,.45)!important;outline-offset:2px!important}


/* WEH UX 20267a — Profile canonical surface. Visual-only, scoped, preserves account actions. */
.phone:has(#profileEmail) .weh-scroll-shell{background:linear-gradient(180deg,#f7f2e8 0%,#fffdf8 48%,#f7f2e8 100%)!important;scrollbar-color:rgba(17,37,63,.20) transparent}.phone:has(#profileEmail) .header{padding:26px 18px 18px!important;text-align:left!important;background:linear-gradient(135deg,#10243d 0%,#173854 60%,#28506d 100%)!important}.phone:has(#profileEmail) .header::after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:3px!important;background:linear-gradient(90deg,transparent,#ddb55f,transparent)!important}.phone:has(#profileEmail) .av{width:54px!important;height:54px!important;margin:0 0 11px!important;border-radius:17px!important;background:linear-gradient(135deg,#c79235,#e1bd68)!important;border:1px solid rgba(255,255,255,.54)!important;box-shadow:0 7px 16px rgba(0,0,0,.18)!important}.phone:has(#profileEmail) .email{font-family:Georgia,"Times New Roman",serif!important;font-size:19px!important;color:#fffdf8!important}.phone:has(#profileEmail) .joined{color:#e5edf2!important;opacity:.88!important;font-size:11px!important}.phone:has(#profileEmail) .role-pill{margin-top:10px!important;padding:5px 10px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(239,208,137,.36)!important;color:#fff8e8!important}
.phone:has(#profileEmail) .sec{padding:20px 16px 7px!important;color:#8b6523!important;font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important}.phone:has(#profileEmail) .menu-list,.phone:has(#profileEmail) .menu-list+div[style*="margin:0 14px"]{margin:0 14px 12px!important;background:#fffdf8!important;border:1px solid #e4d9c5!important;border-radius:17px!important;box-shadow:0 6px 16px rgba(17,37,63,.06)!important}.phone:has(#profileEmail) .mitem{min-height:66px!important;padding:13px 14px!important;border-bottom-color:#eee4d2!important}.phone:has(#profileEmail) .mitem:active{background:#f8efd9!important}.phone:has(#profileEmail) .micon{width:40px!important;height:40px!important;border-radius:12px!important;background:#f3e5bd!important;border:1px solid #e4cc92!important}.phone:has(#profileEmail) .mi-red{background:#f8e9e5!important;border-color:#eac7bd!important}.phone:has(#profileEmail) .mlabel{color:#11253f!important;font-size:14px!important;font-weight:750!important}.phone:has(#profileEmail) .msub-text{color:#657381!important;font-size:11px!important;line-height:1.45!important}.phone:has(#profileEmail) .marrow{color:#8b6523!important}.phone:has(#profileEmail) .mbadge{background:#11253f!important;color:#fffdf8!important}.phone:has(#profileEmail) .zalo-connected,.phone:has(#profileEmail) .zalo-pending,.phone:has(#profileEmail) .zalo-disconnected{border:1px solid #e1cfaa!important;background:#fffaf0!important;color:#8b6523!important}
.phone:has(#profileEmail) [role="link"][style*="padding"]{min-height:70px!important;background:#fffdf8!important;border-bottom-color:#eee4d2!important}.phone:has(#profileEmail) [role="link"]>div[style*="background"]{background:#f3e5bd!important;border:1px solid #e4cc92!important}.phone:has(#profileEmail) #primaryRoleName{color:#11253f!important;font-size:13px!important}.phone:has(#profileEmail) #primaryRoleSub{color:#657381!important}.phone:has(#profileEmail) #primaryRoleBar{background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}.phone:has(#profileEmail) .danger{color:#b53f35!important}.phone:has(#profileEmail) .mitem:focus-visible,.phone:has(#profileEmail) [role="link"]:focus-visible{outline:3px solid rgba(199,146,53,.42)!important;outline-offset:-3px!important}


/* Learner-first Profile hero — the learner is central; support remains quiet and below. */
.phone:has(.learner-profile-hero) .header{min-height:174px!important;padding:30px 20px 22px!important}.phone:has(.learner-profile-hero) .profile-eyebrow{color:#efd28d!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:10px!important}.phone:has(.learner-profile-hero) .email{font-size:25px!important;line-height:1.15!important;letter-spacing:-.025em!important;max-width:300px!important}.phone:has(.learner-profile-hero) .joined{margin-top:7px!important;font-size:12px!important}.phone:has(.learner-profile-hero) .profile-encouragement{max-width:290px!important;margin-top:15px!important;padding-top:12px!important;border-top:1px solid rgba(239,208,137,.28)!important;color:#f4f0e6!important;font-size:12px!important;line-height:1.5!important}.phone:has(.learner-profile-hero) .av,.phone:has(.learner-profile-hero) .role-pill{display:none!important}

/* Delete one learning context — intentionally close to the context, visually quiet until tapped. */
.phone:has(#profileEmail) .learning-context-card{position:relative!important;background:linear-gradient(145deg,#fffdf8 0%,#f8efd9 100%)!important}.phone:has(#profileEmail) .learning-context-main{display:flex!important;align-items:center!important;gap:11px!important;min-height:103px!important;padding:16px 14px 14px!important;background:transparent!important;border:0!important;cursor:pointer!important}.phone:has(#profileEmail) .learning-context-main:focus-visible,.phone:has(#profileEmail) .learning-context-delete:focus-visible{outline:3px solid rgba(199,146,53,.52)!important;outline-offset:-3px!important}.phone:has(#profileEmail) .learning-context-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;background:#f3e5bd!important;border:1px solid #dfc583!important;font-size:18px!important}.phone:has(#profileEmail) .learning-context-kicker{margin-bottom:3px!important;color:#8b6523!important;font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important}.phone:has(#profileEmail) .learning-context-title{color:#11253f!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.phone:has(#profileEmail) .learning-context-sub{margin-top:4px!important;color:#657381!important;font-size:11px!important;line-height:1.35!important}.phone:has(#profileEmail) .learning-context-track{height:5px!important;margin-top:9px!important;background:#e7dcc6!important;border-radius:999px!important;overflow:hidden!important}.phone:has(#profileEmail) .learning-context-track #primaryRoleBar{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}.phone:has(#profileEmail) .learning-context-badge{align-self:flex-start!important;margin-top:2px!important;padding:5px 7px!important;border:1px solid #d9bd7b!important;border-radius:999px!important;background:#fffaf0!important;color:#7e5b20!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important}.phone:has(#profileEmail) .learning-context-delete{width:calc(100% - 28px)!important;min-height:44px!important;margin:0 14px 14px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #e5c5bc!important;border-radius:12px!important;background:#fffaf8!important;color:#9c3f31!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;touch-action:manipulation!important}.phone:has(#profileEmail) .learning-context-delete:active{background:#fbe9e5!important;transform:translateY(1px)!important}.phone:has(#profileEmail) .delete-sheet{z-index:1000!important;align-items:flex-end!important;padding:0!important;background:rgba(10,25,43,.62)!important;backdrop-filter:blur(5px)!important}.phone:has(#profileEmail) .delete-card{position:relative!important;width:min(100%,375px)!important;max-height:calc(100dvh - 18px)!important;overflow:auto!important;border:1px solid rgba(228,217,197,.9)!important;border-radius:28px 28px 0 0!important;padding:18px 18px max(20px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#fffdf8 0%,#f7f0e3 100%)!important;box-shadow:0 -18px 48px rgba(0,0,0,.25)!important}.phone:has(#profileEmail) .delete-card::before{content:""!important;display:block!important;width:40px!important;height:4px!important;margin:0 auto 16px!important;border-radius:999px!important;background:#d6c5a6!important}.phone:has(#profileEmail) .delete-kicker{color:#a54b3c!important;font-size:10px!important;letter-spacing:.1em!important}.phone:has(#profileEmail) .delete-card h2{font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;color:#11253f!important}.phone:has(#profileEmail) .delete-card p{font-size:14px!important;line-height:1.55!important;color:#4d5a69!important}.phone:has(#profileEmail) .delete-warning{border-color:#e8c0b7!important;background:#fff0ed!important;color:#803528!important}.phone:has(#profileEmail) .delete-input{min-height:48px!important;border-color:#cdbd9f!important;background:#fffdf8!important;color:#11253f!important}.phone:has(#profileEmail) .delete-input:focus{outline:3px solid rgba(199,146,53,.35)!important;border-color:#b87a1b!important}.phone:has(#profileEmail) .delete-btn{min-height:48px!important;border-radius:13px!important}.phone:has(#profileEmail) .delete-btn.cancel{background:#ece7dd!important;color:#28374a!important}.phone:has(#profileEmail) .delete-btn.danger{background:#a94233!important;color:#fff!important}.phone:has(#profileEmail) .delete-status{font-size:12px!important}.phone:has(#profileEmail) .delete-actions{margin-top:18px!important}
/* Desktop/tablet: the confirmation is physically inside the phone frame, centered and fully clickable. */
@media (min-width:431px){.phone:has(#profileEmail) .delete-sheet{position:absolute!important;inset:0!important;align-items:center!important;padding:22px!important;border-radius:inherit!important;overflow:hidden!important}.phone:has(#profileEmail) .delete-card{position:relative!important;z-index:1!important;width:calc(100% - 32px)!important;max-width:328px!important;max-height:calc(100% - 70px)!important;border-radius:24px!important;padding:20px!important;box-shadow:0 22px 54px rgba(3,14,28,.34)!important}.phone:has(#profileEmail) .delete-card::before{margin-bottom:14px!important}.phone:has(#profileEmail) .delete-kicker{text-align:center!important}.phone:has(#profileEmail) .delete-card h2{text-align:center!important;font-size:24px!important;letter-spacing:-.025em!important}.phone:has(#profileEmail) .delete-card p{text-align:center!important;max-width:270px!important;margin-left:auto!important;margin-right:auto!important}.phone:has(#profileEmail) .delete-warning{text-align:left!important}.phone:has(#profileEmail) .delete-actions{flex-direction:column-reverse!important;gap:9px!important}.phone:has(#profileEmail) .delete-btn{width:100%!important}.phone:has(#profileEmail) .delete-input-label{font-size:12px!important}.phone:has(#profileEmail) .delete-status{text-align:center!important}}
@media (max-width:430px){.phone:has(#profileEmail) .delete-card{width:100%!important;border-radius:25px 25px 0 0!important}.phone:has(#profileEmail) .learning-context-main{min-height:100px!important}}
/* Progress: replace the legacy aqua/teal visual system with UX 20267a navy, gold and warm paper. */
.phone:has(#roleMasteryHero) .weh-scroll-shell{background:linear-gradient(180deg,#f7f2e8 0%,#fffdf8 52%,#f7f2e8 100%)!important}
.phone:has(#roleMasteryHero) .header{background:linear-gradient(135deg,#10243d 0%,#173854 60%,#284f6a 100%)!important}
.phone:has(#roleMasteryHero) .mastery-hero{background:linear-gradient(145deg,#fffdf8 0%,#f7edd5 100%)!important;border-color:#e5cf98!important;box-shadow:0 11px 24px rgba(17,37,63,.10)!important}
.phone:has(#roleMasteryHero) .mastery-kicker,.phone:has(#roleMasteryHero) .skill-kicker,.phone:has(#roleMasteryHero) .failure-kicker,.phone:has(#roleMasteryHero) .coach-kicker,.phone:has(#roleMasteryHero) .streak-title,.phone:has(#roleMasteryHero) .scene-title,.phone:has(#roleMasteryHero) .scene-pct{color:#8b6523!important}
.phone:has(#roleMasteryHero) .mastery-title,.phone:has(#roleMasteryHero) .coach-copy{color:#11253f!important}.phone:has(#roleMasteryHero) .mastery-sub,.phone:has(#roleMasteryHero) .mini-label,.phone:has(#roleMasteryHero) .section-sub,.phone:has(#roleMasteryHero) .scard-label,.phone:has(#roleMasteryHero) .scard-sub,.phone:has(#roleMasteryHero) .day-name{color:#657381!important}
.phone:has(#roleMasteryHero) .mini-metric,.phone:has(#roleMasteryHero) .scard,.phone:has(#roleMasteryHero) .recovery-card,.phone:has(#roleMasteryHero) .skill-card,.phone:has(#roleMasteryHero) .failure-card,.phone:has(#roleMasteryHero) .streak-card,.phone:has(#roleMasteryHero) .scene-card{background:#fffdf8!important;border-color:#e4d9c5!important;box-shadow:0 7px 18px rgba(17,37,63,.07)!important}
.phone:has(#roleMasteryHero) .mini-num{color:#8b6523!important}.phone:has(#roleMasteryHero) .scard-num{background:linear-gradient(135deg,#8b6523,#d7a94d)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.phone:has(#roleMasteryHero) .recovery-btn,.phone:has(#roleMasteryHero) .coach-btn{background:#11253f!important;color:#fffdf8!important;border-radius:10px!important}.phone:has(#roleMasteryHero) .pb{background:#e8decb!important}.phone:has(#roleMasteryHero) .pf{background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}
.phone:has(#roleMasteryHero) .skill-chip{background:#fffaf0!important;border-color:#e1cfaa!important;color:#405161!important}.phone:has(#roleMasteryHero) .sc-b{background:#f8efd9!important;color:#8b6523!important}.phone:has(#roleMasteryHero) .sc-g{background:#f3f6ed!important;color:#58703f!important}
.phone:has(#roleMasteryHero) .coach-card{background:linear-gradient(145deg,#fffaf0,#fffdf8)!important}.phone:has(#roleMasteryHero) .cert-card{background:linear-gradient(135deg,#11253f,#284f6a)!important;border:1px solid #d7b56a!important;color:#fffdf8!important}.phone:has(#roleMasteryHero) .cert-card .cert-title,.phone:has(#roleMasteryHero) .cert-card .cert-sub{color:#fffdf8!important}.phone:has(#roleMasteryHero) .cert-btn{background:linear-gradient(135deg,#c79235,#efd089)!important;color:#11253f!important}.phone:has(#roleMasteryHero) .day.done{background:linear-gradient(135deg,#11253f,#284f6a)!important}.phone:has(#roleMasteryHero) .day.today{background:#fffaf0!important;border-color:#c79235!important}.phone:has(#roleMasteryHero) .day.today .day-name{color:#8b6523!important}
/* Profile: learner must be able to see and manage every context they have selected. */
.phone:has(#profileEmail) .learning-contexts-list{display:grid!important;gap:10px!important;margin:0 14px 10px!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-card{overflow:hidden!important;border:1px solid #e4d9c5!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(17,37,63,.07)!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-main{min-height:96px!important}.phone:has(#profileEmail) .learning-context-track>div{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#b87a1b,#d7a94d)!important}.phone:has(#profileEmail) .learning-context-badge.muted{border-color:#d9d4ca!important;background:#f7f4ed!important;color:#657381!important}.phone:has(#profileEmail) .learning-context-loading{padding:18px!important;border:1px dashed #d7c8aa!important;border-radius:15px!important;background:#fffdf8!important;color:#657381!important;font-size:12px!important;text-align:center!important}.phone:has(#profileEmail) .add-context-row{display:flex!important;align-items:center!important;gap:11px!important;margin:0 14px 14px!important;padding:13px 14px!important;border:1px dashed #cfb979!important;border-radius:15px!important;background:#fffaf0!important;color:#11253f!important;cursor:pointer!important}.phone:has(#profileEmail) .add-context-icon{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#f3e5bd!important}.phone:has(#profileEmail) .add-context-title{font-size:12px!important;font-weight:800!important;color:#8b6523!important}.phone:has(#profileEmail) .add-context-sub{font-size:10px!important;color:#657381!important;margin-top:2px!important}.phone:has(#profileEmail) .add-context-arrow{margin-left:auto!important;color:#8b6523!important;font-size:22px!important}
/* Deletion is intentionally secondary to learning: compact, quiet icon control. */
.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:-3px 13px 12px auto!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #e3ddd2!important;border-radius:10px!important;background:transparent!important;color:#a1aab2!important;font-size:16px!important;font-weight:500!important;line-height:1!important;opacity:.72!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:hover,.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:focus-visible{border-color:#d6a99f!important;background:#fff5f2!important;color:#a94233!important;opacity:1!important;outline:0!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:active{background:#fbe9e5!important;transform:translateY(1px)!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete span{display:block!important;transform:translateY(-1px)!important}
/* Progress stage cards: compact, calm information hierarchy; status is a quiet label, never a headline. */
.phone:has(#roleMasteryHero) .scene-card{padding:14px!important;border-radius:16px!important;cursor:pointer!important}.phone:has(#roleMasteryHero) .scene-card:focus-visible{outline:3px solid rgba(199,146,53,.40)!important;outline-offset:2px!important}.phone:has(#roleMasteryHero) .stage-state{margin:0 0 5px!important;color:#7b8790!important;font-size:9px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:.07em!important;text-transform:uppercase!important}.phone:has(#roleMasteryHero) .scene-head{align-items:flex-start!important;gap:10px!important;margin-bottom:7px!important}.phone:has(#roleMasteryHero) .scene-title{font-size:13px!important;font-weight:780!important;line-height:1.35!important;letter-spacing:-.08px!important}.phone:has(#roleMasteryHero) .scene-pct{flex:0 0 auto!important;padding-top:1px!important;font-size:10px!important;line-height:1.3!important}.phone:has(#roleMasteryHero) .pb{height:5px!important}.phone:has(#roleMasteryHero) .scene-sub{gap:6px!important;margin-top:7px!important}.phone:has(#roleMasteryHero) .scene-sub .sc{padding:3px 7px!important;border-radius:999px!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important}.phone:has(#roleMasteryHero) .scene-sub .sc-grey{background:#f4efe5!important;color:#7b8790!important;border:1px solid #e4d9c5!important}
/* Context management is discoverable without putting a destructive word in every card. */
.phone:has(#profileEmail) .learning-contexts-list .learning-context-manage{min-width:82px!important;min-height:44px!important;height:44px!important;margin:-5px 8px 8px auto!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#657381!important;font-family:inherit!important;font-size:10px!important;font-weight:750!important;letter-spacing:.01em!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-manage:hover,.phone:has(#profileEmail) .learning-contexts-list .learning-context-manage:focus-visible{background:#f4efe5!important;color:#8b6523!important;outline:2px solid rgba(199,146,53,.38)!important;outline-offset:-2px!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-manage:active{background:#eee4d2!important;transform:translateY(1px)!important}.phone:has(#profileEmail) .learning-contexts-list .context-manage-dots{font-size:12px!important;letter-spacing:1px!important;line-height:1!important;transform:translateY(-2px)!important}
/* Quiet delete affordance: a friendly small icon, with a full 44px reliable touch target. */
.phone:has(#profileEmail) .learning-contexts-list .learning-context-manage{display:none!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:-7px 6px 4px auto!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#9aa5ae!important;font-family:inherit!important;font-size:0!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:1px solid #e3ddd2!important;border-radius:10px!important;background:#fffdf8!important;color:#99a4ad!important;font-size:16px!important;font-weight:500!important;line-height:1!important;transform:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:hover span,.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:focus-visible span{border-color:#d6a99f!important;background:#fff5f2!important;color:#a94233!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:focus-visible{outline:2px solid rgba(199,146,53,.40)!important;outline-offset:-2px!important}.phone:has(#profileEmail) .learning-contexts-list .learning-context-delete:active span{background:#fbe9e5!important;transform:scale(.94)!important}


/* WEH UX 20267a — Learn component consistency pass (Ken-approved 2026-07-14).
   Visual tokens only: one border/radius/type scale across learning modes and Jason/Q&A. */
.phone:has(.weh-scroll-shell){
  --learn-surface:#fffdf8;
  --learn-surface-soft:#fffaf0;
  --learn-line:#e4d9c5;
  --learn-line-emphasis:#d6bd83;
  --learn-radius:18px;
  --learn-radius-control:14px;
}
.phone:has(.weh-scroll-shell) .lesson-card,
.phone:has(.weh-scroll-shell) .dialogue-header,
.phone:has(.weh-scroll-shell) .chat-box,
.phone:has(.weh-scroll-shell) .rp-chat,
.phone:has(.weh-scroll-shell) .saved-ai,
.phone:has(.weh-scroll-shell) .ai-support,
.phone:has(.weh-scroll-shell) .guide-actions .btn-know{
  border:1px solid var(--learn-line)!important;
  border-radius:var(--learn-radius)!important;
}
.phone:has(.weh-scroll-shell) .lesson-card,
.phone:has(.weh-scroll-shell) .dialogue-header,
.phone:has(.weh-scroll-shell) .chat-box,
.phone:has(.weh-scroll-shell) .rp-chat,
.phone:has(.weh-scroll-shell) .saved-ai{background:var(--learn-surface)!important}
.phone:has(.weh-scroll-shell) .ai-support{background:linear-gradient(180deg,var(--learn-surface-soft),var(--learn-surface))!important;border-color:#e4d0a0!important}
.phone:has(.weh-scroll-shell) .ai-support-out,
.phone:has(.weh-scroll-shell) .saved-ai-item,
.phone:has(.weh-scroll-shell) .ai-answer-item{border:1px solid #eadfc9!important;border-radius:var(--learn-radius-control)!important;background:var(--learn-surface)!important}
/* Typography scale: title / instruction / readable learner text / quiet metadata. */
.phone:has(.weh-scroll-shell) .dh-title,
.phone:has(.weh-scroll-shell) .saved-ai-title,
.phone:has(.weh-scroll-shell) .guide-card .dh-title{font-size:20px!important;line-height:1.3!important;letter-spacing:-.015em!important}
.phone:has(.weh-scroll-shell) .rp-bubble.ai{font-size:18px!important;line-height:1.58!important}
.phone:has(.weh-scroll-shell) .rp-bubble,
.phone:has(.weh-scroll-shell) .ai-support-out,
.phone:has(.weh-scroll-shell) .saved-ai-a,
.phone:has(.weh-scroll-shell) .ai-history-a{font-size:15px!important;line-height:1.78!important}
.phone:has(.weh-scroll-shell) .guide-card .muted,
.phone:has(.weh-scroll-shell) .guide-jason-hint,
.phone:has(.weh-scroll-shell) .rp-hint{font-size:14px!important;line-height:1.65!important}
.phone:has(.weh-scroll-shell) .ai-support-title{font-size:13px!important;line-height:1.45!important;letter-spacing:.02em!important;text-transform:none!important}
.phone:has(.weh-scroll-shell) .saved-ai-q,
.phone:has(.weh-scroll-shell) .ai-history-q{font-size:13px!important;line-height:1.6!important}
.phone:has(.weh-scroll-shell) .rp-label,
.phone:has(.weh-scroll-shell) .guide-eyebrow,
.phone:has(.weh-scroll-shell) .saved-ai-role-head{font-size:11px!important;line-height:1.45!important;letter-spacing:.08em!important}
/* Controls and inputs share one deliberate frame; no thin turquoise leftovers. */
.phone:has(.weh-scroll-shell) .rp-input,
.phone:has(.weh-scroll-shell) .ai-support-input{border:1.5px solid var(--learn-line-emphasis)!important;border-radius:var(--learn-radius-control)!important;background:var(--learn-surface)!important;font-size:16px!important;line-height:1.62!important}
.phone:has(.weh-scroll-shell) .rp-input:focus,
.phone:has(.weh-scroll-shell) .ai-support-input:focus{border-color:var(--weh-gold)!important;box-shadow:0 0 0 4px rgba(199,146,53,.16)!important}
.phone:has(.weh-scroll-shell) .ai-support-btn,
.phone:has(.weh-scroll-shell) .btn-know,
.phone:has(.weh-scroll-shell) .dc-replay,
.phone:has(.weh-scroll-shell) .rp-control,
.phone:has(.weh-scroll-shell) .scene-nav-compact .scene-jump{min-height:44px!important;border-radius:var(--learn-radius-control)!important}
.phone:has(.weh-scroll-shell) .guide-actions .btn-know{min-height:76px!important;box-shadow:0 6px 16px rgba(17,37,63,.055)!important}
.phone:has(.weh-scroll-shell) .guide-actions .btn-know:hover,
.phone:has(.weh-scroll-shell) .guide-actions .btn-know:focus-visible{border-color:var(--learn-line-emphasis)!important}
/* Guide lanes are navy action cards: restore explicit foreground colors after the canonical
   component pass applies its card surface. Do not use container opacity: it would fade copy too. */
.phone:has(.weh-scroll-shell) .guide-actions .btn-know{
  background:linear-gradient(135deg,#183650,#28506d)!important;
  color:#fffdf8!important;
}
.phone:has(.weh-scroll-shell) .guide-actions .btn-know strong{color:#fffdf8!important}
.phone:has(.weh-scroll-shell) .guide-actions .btn-know small{color:rgba(255,253,248,.86)!important}
.phone:has(.weh-scroll-shell) .guide-actions .btn-know b{color:#e1bd71!important}
.phone:has(.weh-scroll-shell) .guide-actions .guide-step{background:#fff7e4!important;color:#795918!important}
@media (max-width:430px){
 .phone:has(.weh-scroll-shell) .dh-title,.phone:has(.weh-scroll-shell) .saved-ai-title,.phone:has(.weh-scroll-shell) .guide-card .dh-title{font-size:19px!important}
 .phone:has(.weh-scroll-shell) .rp-bubble.ai{font-size:17px!important}
 .phone:has(.weh-scroll-shell) .rp-bubble,.phone:has(.weh-scroll-shell) .ai-support-out,.phone:has(.weh-scroll-shell) .saved-ai-a,.phone:has(.weh-scroll-shell) .ai-history-a{font-size:15px!important}
}