/* Approved visual layer. Original artwork and business rules stay intact. */
html[data-ui-experience="guided"] { --ui-paper:#faf7ed; --ui-forest:#173e2d; --ui-gold:#d7ba64; background:var(--ui-paper); }
html[data-ui-experience="guided"] body { background:var(--ui-paper); color:var(--ui-forest); }
html[data-ui-experience="guided"] .app-shell { background:var(--ui-paper); box-shadow:none; }
html[data-ui-experience="guided"] .app-header { background:#173e2d; border-bottom:1px solid #d7ba6438; padding-block:12px; }
html[data-ui-experience="guided"] .brand img { background:transparent; object-fit:contain; }
html[data-ui-experience="guided"] .brand strong { color:#fff8de; font-family:Georgia,serif; font-weight:600; }
html[data-ui-experience="guided"] .brand small { color:#d0d9bc; }
html[data-ui-experience="guided"] #app { padding:26px clamp(18px,4vw,38px) 120px; }
html[data-ui-experience="guided"] .screen-head h1,
html[data-ui-experience="guided"] .rw-heading h1,
html[data-ui-experience="guided"] .cp-heading h1 { font-family:Georgia,serif; font-size:clamp(30px,4vw,42px); letter-spacing:-.035em; text-transform:none; line-height:1.15; }
html[data-ui-experience="guided"] .screen-head p,
html[data-ui-experience="guided"] .rw-lead,
html[data-ui-experience="guided"] .cp-lead { max-width:60ch; line-height:1.6; }
html[data-ui-experience="guided"] .bottom-nav { border:1px solid #bdc4ac; background:#fffdf4f5; color:#193c2e; box-shadow:0 -6px 28px #173e2d0a; border-radius:22px 22px 0 0; backdrop-filter:blur(14px); }
html[data-ui-experience="guided"] .bottom-nav button { color:#627260; border-radius:16px; min-width:0; }
html[data-ui-experience="guided"] .bottom-nav button[aria-current="page"] { color:#173e2d; background:#e8edcd; box-shadow:none; }
html[data-ui-experience="guided"] .bottom-nav button span { font-size:11px; letter-spacing:0; text-transform:none; }
html[data-ui-experience="guided"] .card,
html[data-ui-experience="guided"] .xp-link-card,
html[data-ui-experience="guided"] .stat,
html[data-ui-experience="guided"] .cp-panel { border-radius:22px; border-color:#193c2e24; box-shadow:0 4px 0 #193c2e07; }
html[data-ui-experience="guided"] button:focus-visible,
html[data-ui-experience="guided"] a:focus-visible,
html[data-ui-experience="guided"] summary:focus-visible { outline:3px solid #678d2f; outline-offset:4px; }
html[data-ui-experience="guided"] .primary,
html[data-ui-experience="guided"] .cp-button--primary,
html[data-ui-experience="guided"] .rw-primary-button { border-radius:16px; background:#d9ee9f; border:1px solid #acbf70; color:#173e2d; box-shadow:0 3px 0 #a9bd70; min-height:48px; }
html[data-ui-experience="guided"] .quiet,
html[data-ui-experience="guided"] .cp-button--quiet { border-radius:16px; min-height:44px; }
html[data-ui-experience="guided"] .xp-context-back { margin-bottom:20px; }
html[data-ui-experience="guided"] .today-hero { display:block; min-height:0; padding:26px; border-radius:28px; background:radial-gradient(at 90% 90%,#35563b,transparent 65%),#173e2d; }
html[data-ui-experience="guided"] .today-hero-copy { display:grid; grid-template-columns:minmax(0,1fr) 138px; gap:22px; }
html[data-ui-experience="guided"] .today-hero-heading { padding-right:0; min-height:108px; grid-column:1; }
html[data-ui-experience="guided"] .today-hero .eyebrow { max-width:none; margin:0 0 12px; font-size:11px; color:#e2c66e; }
html[data-ui-experience="guided"] .today-hero h1 { padding:0; font:clamp(32px,4vw,48px)/1.06 Georgia,serif; text-transform:none; letter-spacing:-.04em; }
html[data-ui-experience="guided"] .today-hero .lead { grid-column:1/-1; max-width:none; margin:0; color:#e1e7d5; font-size:15px; line-height:1.65; }
html[data-ui-experience="guided"] .today-hero .actions { position:static; grid-column:1; display:flex; flex-direction:column; justify-content:center; gap:12px; width:100%; max-width:none; min-height:190px; margin:0; padding:0; align-self:center; }
html[data-ui-experience="guided"] .today-hero .actions button { min-height:52px; padding:12px; font-size:15px; }
html[data-ui-experience="guided"] .today-brand-emblem { top:26px; right:26px; width:138px; max-width:none; }
html[data-ui-experience="guided"] .today-brand--seed { position:absolute; top:auto; bottom:25px; right:26px; width:125px; max-width:none; margin:0; }
html[data-ui-experience="guided"] .today-brand img,
html[data-ui-experience="guided"] .today-brand-emblem img { height:auto; width:100%; object-fit:contain; }
html[data-ui-experience="guided"] .xp-scope-label { margin-top:26px; }
html[data-ui-experience="guided"] .xp-stats-six { gap:12px; }
html[data-ui-experience="guided"] .stat { min-height:142px; padding:20px; }
html[data-ui-experience="guided"] .stat strong { font-size:clamp(28px,4vw,38px); }
html[data-ui-experience="guided"] .stat>span { font-size:11px; line-height:1.5; }
html[data-ui-experience="guided"] .xp-stat-art { right:12px; bottom:12px; width:82px; max-height:90px; object-fit:contain; }
html[data-ui-experience="guided"] .xp-stat--art { padding-right:100px; }
html[data-ui-experience="guided"] .cp-phase-row,
html[data-ui-experience="guided"] .cp-lesson-row { border-radius:20px; border:1px solid #cfd6be; background:#fffdf5; padding:20px; margin-bottom:12px; }
html[data-ui-experience="guided"] .cp-stage-navigation { gap:8px; }
html[data-ui-experience="guided"] .cp-stage-panel { padding:clamp(18px,4vw,30px); }
html[data-ui-experience="guided"] .cp-lesson-hero { border-radius:18px; overflow:hidden; }
html[data-ui-experience="guided"] .rw-navigation { gap:10px; border:0; padding-bottom:4px; }
html[data-ui-experience="guided"] .rw-nav-button { padding:10px 16px; border:1px solid #cbd3ba; border-radius:14px; background:#fffdf6; min-height:44px; }
html[data-ui-experience="guided"] .rw-nav-button[aria-current="page"] { color:#fff9df; background:#173e2d; }
html[data-ui-experience="guided"] .rw-heading { margin-bottom:20px; }
html[data-ui-experience="guided"] .rw-heading .rw-demo { display:none; }
html[data-ui-experience="guided"] .rw-progress-panel { border-radius:24px; padding:24px; gap:18px; }
html[data-ui-experience="guided"] .rw-principle { padding:16px 0; }
html[data-ui-experience="guided"] .rw-filters { padding:4px 0 18px; gap:8px; }
html[data-ui-experience="guided"] .rw-filter { min-height:44px; font-size:12px!important; }
html[data-ui-experience="guided"] .rw-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
html[data-ui-experience="guided"] .rw-achievement { grid-template-columns:1fr; padding:20px; min-height:0; border-radius:22px; gap:15px; align-content:start; }
html[data-ui-experience="guided"] .rw-achievement .rw-art-stage { min-height:104px; }
html[data-ui-experience="guided"] .rw-reward-art { width:96px; height:96px; object-fit:contain; }
html[data-ui-experience="guided"] .rw-card-name { min-height:0; font-size:15px; line-height:1.4; }
html[data-ui-experience="guided"] .rw-card-description { display:none; }
html[data-ui-experience="guided"] .rw-card-meta { font-size:10px; }
html[data-ui-experience="guided"] .rw-reward-status { min-height:24px; margin-top:12px; font-size:11px; }
html[data-ui-experience="guided"] .rw-character-collection { padding:24px; border-radius:26px; }
html[data-ui-experience="guided"] .rw-character-collection .rw-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-ui-experience="guided"] .rw-character-card .rw-portrait { width:112px; height:112px; object-fit:contain; }
html[data-ui-experience="guided"] .rw-character-card .rw-card-name { font-size:14px; }
html[data-ui-experience="guided"] .guided-milestones { display:grid; grid-template-columns:1.25fr 1fr; gap:14px; margin:18px 0; }
html[data-ui-experience="guided"] .guided-milestone { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:18px; padding:22px; border:1px solid #d1c497; border-radius:24px; background:linear-gradient(135deg,#f4ebcc,#fffdf6); color:#173e2d; text-align:left; }
html[data-ui-experience="guided"] .guided-milestone img { width:88px; height:88px; object-fit:contain; }
html[data-ui-experience="guided"] .guided-milestone small { display:block; color:#626e50; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
html[data-ui-experience="guided"] .guided-milestone strong { display:block; margin:7px 0; font-size:18px; line-height:1.3; }
html[data-ui-experience="guided"] .guided-milestone p { font-size:12px; line-height:1.55; color:#5d6c59; }
html[data-ui-experience="guided"] .guided-milestone progress { width:100%; height:7px; margin-top:12px; accent-color:#6a8438; }
.ui-experience-settings { margin:20px 0; }
.ui-experience-settings p { line-height:1.6; }
.ui-experience-settings [aria-pressed="true"] { background:#193c2e; color:#fffdf6; }
@media(max-width:700px) {
 html[data-ui-experience="guided"] .guided-milestones { grid-template-columns:1fr; }
 html[data-ui-experience="guided"] .rw-card-grid,
 html[data-ui-experience="guided"] .rw-character-collection .rw-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-ui-experience="guided"] .rw-achievement { padding:16px 12px; }
 html[data-ui-experience="guided"] .rw-collection-heading p:last-child { font-size:12px; }
 html[data-ui-experience="guided"] .rw-character-collection { padding:20px 14px; }
 html[data-ui-experience="guided"] .xp-stat--art { padding-right:70px; }
 html[data-ui-experience="guided"] .xp-stat-art { width:58px; max-height:75px; }
 html[data-ui-experience="guided"] .stat { padding:16px; min-height:146px; }
 html[data-ui-experience="guided"] .xp-stat--art { padding-right:76px; }
}
@media(max-width:420px) {
 html[data-ui-experience="guided"] #app { padding-inline:16px; }
 html[data-ui-experience="guided"] .today-hero { padding:22px; }
 html[data-ui-experience="guided"] .today-hero-copy { grid-template-columns:minmax(0,1fr) 92px; gap:20px 12px; }
 html[data-ui-experience="guided"] .today-hero-heading { min-height:94px; }
 html[data-ui-experience="guided"] .today-hero h1 { font-size:31px; }
 html[data-ui-experience="guided"] .today-brand-emblem { width:92px; right:22px; top:22px; }
 html[data-ui-experience="guided"] .today-brand--seed { width:86px; right:22px; bottom:24px; }
 html[data-ui-experience="guided"] .today-hero .lead { font-size:14px; }
 html[data-ui-experience="guided"] .today-hero .actions button { font-size:13px; min-height:50px; }
 html[data-ui-experience="guided"] .today-hero .actions { min-height:130px; }
 html[data-ui-experience="guided"] .guided-milestone { padding:18px; grid-template-columns:68px minmax(0,1fr); gap:14px; }
 html[data-ui-experience="guided"] .guided-milestone img { width:68px; height:68px; }
 html[data-ui-experience="guided"] .bottom-nav button span { font-size:9px; }
 html[data-ui-experience="guided"] .rw-level-heading { flex-wrap:wrap; gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-ui-experience="guided"] *,html[data-ui-experience="guided"] *::before,html[data-ui-experience="guided"] *::after { scroll-behavior:auto; animation:none!important; transition:none!important; }
}
html[data-ui-experience="guided"] body[data-reduce-motion="true"] * { animation:none!important; transition:none!important; }