/* Paper / glass. Deliberately scoped to authenticated views: login is unchanged. */
body:not(.auth-view){--brand:#5c6376;--brand-hover:#494e5d;--brand-soft:#edeeef;--navy:#2a2d36;--ink:#21242b;--ink-2:#414653;--muted:#585e71;--line:#d8d9dd;--line-dark:#b6b9c2;--paper:#eaebed;--surface-2:#f0f1f2;--shadow:0 16px 42px #2a2d3609;--shadow-soft:0 6px 20px #2a2d3606;--radius:16px;--radius-lg:22px;background:#eaebed;color:var(--ink)}
body:not(.auth-view)>.product-demo-notice{background:#e4e4e6!important;border-color:#d7d8db!important;color:#555b6c!important}
body:not(.auth-view) .app-shell{background:transparent}
body:not(.auth-view) .main{background:radial-gradient(ellipse at 80% 0%,#fff6,transparent 60%);padding-top:32px}
body:not(.auth-view) .sidebar{background:#f3f3f4;border-right:1px solid #d6d7da}
body:not(.auth-view) .sidebar .role-lock{background:#e7e8ea;border-color:#d7d8dc}
body:not(.auth-view) .sidebar .role-dot{box-shadow:0 0 0 4px #5c637612}
body:not(.auth-view) .brand-mark{background:linear-gradient(145deg,#6f768d,#494e5e);box-shadow:0 5px 14px #5c637618}
body:not(.auth-view) .topbar{background:#f4f4f5ed;border-color:#d8d9dd;backdrop-filter:blur(16px)}
body:not(.auth-view) .nav-button{color:#525869;border-radius:11px}
body:not(.auth-view) .nav-button:hover{background:#e6e6e8;color:#444856}
body:not(.auth-view) .nav-button[aria-current=page]{background:#e1e2e4;color:#4c5160;box-shadow:inset 3px 0 #5c6376}
body:not(.auth-view) .button{border-radius:10px;transition:background .16s,border-color .16s,box-shadow .16s}
body:not(.auth-view) .button-primary{box-shadow:0 3px 9px #4f546416}
body:not(.auth-view) .button-outline{background:#ffffffb8;border-color:#c4c7ce;color:#444856}
body:not(.auth-view) .button-outline:hover{background:#f1f2f3;border-color:#5c6376;color:#494e5d}
body:not(.auth-view) :focus-visible{outline:3px solid #5c6376;outline-offset:3px}
body:not(.auth-view) :is(input,select,textarea){accent-color:#5c6376}
body:not(.auth-view) :is(input,select,textarea):focus{border-color:#5c6376;box-shadow:0 0 0 3px #5c637612}
body:not(.auth-view) :is(.card,.pw-task,.pw-team-task,.pw-scene,.pw-detail-main,.pw-detail-side,.pw-knowledge-strip,.pw-records,.pw-empty){background:#ffffffba;border-color:#d7d8db;box-shadow:0 8px 22px #2f323b04}
body:not(.auth-view) .pw-heading h1{font-size:29px;letter-spacing:-.04em}
body:not(.auth-view) .pw-heading p{color:#5d6376}
body:not(.auth-view) :is(.pw-tags b,.pw-tag){background:#e9e9eb;color:#54596a}
body:not(.auth-view) .pw-number{color:#b1b4bd;font-weight:500}
body:not(.auth-view) .pw-scene{position:relative;transition:box-shadow .2s,border-color .2s}
body:not(.auth-view) .pw-scene:hover{border-color:#afb3bd;box-shadow:0 10px 25px #2f323b09}
body:not(.auth-view) .pw-scene-foot{border-color:#e0e1e4}
body:not(.auth-view) .pw-scene-variant{background:#f1f2f3}
body:not(.auth-view) .pw-assessment{background:linear-gradient(120deg,#e1e2e5,#e5e5e7 60%,#e6e7e9);border-color:#cbcdd1}
body:not(.auth-view) :is(.pw-callout,.pw-detail-rule){background:#ededee;border-color:#dcdddf;color:#4e5363}
body:not(.auth-view) .pw-detail-steps b{background:#e9eaec;color:#595f71}
body:not(.auth-view) .pw-detail-steps p{color:#5b6174}
body:not(.auth-view) .pw-persona-symbol{background:#e6e6e8;color:#636a7e}
body:not(.auth-view) .pw-record-icon{background:#e9eaec;color:#5d6477}
body:not(.auth-view) .pw-record{border-color:#dedfe1}
body:not(.auth-view) .pw-empty>svg{color:#9195a3}
body:not(.auth-view) .pw-ops-summary>div{background:#ffffffba;border-color:#d4d5d9}
body:not(.auth-view) .pw-progress-track{background:#dedfe2}
body:not(.auth-view) .pw-progress-track i{background:linear-gradient(90deg,#6a7186,#959aa7)}
body:not(.auth-view) .pw-members>span{background:#f1f1f2;border-color:#dedfe2}
body:not(.auth-view) .pw-knowledge-strip{background:linear-gradient(110deg,#eeeff0,#f2f3f4 65%,#f0f0f1)}
body:not(.auth-view) .pw-industries{gap:12px}
body:not(.auth-view) .pw-industry{background:#ffffffa8;border-color:#d5d6d9;border-radius:16px;min-height:153px;box-shadow:inset 0 1px #fff}
body:not(.auth-view) .pw-industry:hover{background:#fff;border-color:#9196a4;box-shadow:0 8px 20px #494e5c0a}
body:not(.auth-view) .pw-industry-icon{background:#e8e8ea;color:#6a7288}
body:not(.auth-view) .pw-tone-1{background:#e2e3e5;color:#585e71}
body:not(.auth-view) .pw-tone-2{background:#e8e8ea;color:#767b8c}
body:not(.auth-view) .pw-tone-3{background:#e9eaec;color:#787d8e}
body:not(.auth-view) .pw-tone-4{background:#e7e7e9;color:#676e84}
body:not(.auth-view) .pw-tone-5{background:#e6e6e8;color:#63697d}
body:not(.auth-view) .pw-card-arrow{color:#8a8f9e}
body:not(.auth-view) .pw-section-title{margin-top:32px}
body:not(.auth-view) .pw-section-title h2{font-size:21px;font-weight:650;letter-spacing:-.04em}
body:not(.auth-view) .pw-mobile-nav{background:#f7f7f8f5;border-color:#d4d5d8;backdrop-filter:blur(18px)}
body:not(.auth-view) .pw-mobile-nav button{color:#656c81}
body:not(.auth-view) .pw-mobile-nav [aria-current=page]{color:#585e6f;background:#eaeaec}
/* The three panels borrow the supplied texture / typography, not its sample metrics. */
body:not(.auth-view) .pg-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:5px 0 30px}
body:not(.auth-view) .pg-heading .pw-kicker{font-size:11px;letter-spacing:.14em;color:#7a8090;margin-bottom:18px}
body:not(.auth-view) .pg-heading h1{font-size:clamp(32px,3.25vw,48px);line-height:1.28;font-weight:600;letter-spacing:-.055em;color:#252830}
body:not(.auth-view) .pg-heading em{font-style:normal;color:#5f6578}
body:not(.auth-view) .pg-intro{min-width:225px;padding-bottom:3px}
body:not(.auth-view) .pg-intro p{font-size:13px;color:#5b6173;line-height:1.9;margin:0 0 14px}
body:not(.auth-view) .pg-intro .button{font-size:12px;min-height:38px}
body:not(.auth-view) .pg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;isolation:isolate}
body:not(.auth-view) .pg-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:375px;border:1px solid #ffffff80;border-radius:21px;padding:25px 24px 21px;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 #ffffff90,0 12px 28px #2f323c12;color:white;background-color:#697085;background-size:cover;background-position:center;animation:pg-arrive .55s ease both}
body:not(.auth-view) .pg-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#ffffff1c,transparent 45%,#282a3228);pointer-events:none}
body:not(.auth-view) .pg-card::after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-150px;top:45px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06,0 0 0 105px #ffffff04;pointer-events:none}
body:not(.auth-view) .pg-berry{background-image:linear-gradient(#272a3255,#272a3277),url('assets/paper-glass/speed.webp')}
body:not(.auth-view) .pg-mauve{background-color:#b7bac3;background-image:linear-gradient(#e5e6e880,#e5e6e878),url('assets/paper-glass/context.webp');color:#32353f;animation-delay:.06s}
body:not(.auth-view) .pg-coral{background-color:#797f90;background-image:linear-gradient(#35394466,#35394485),url('assets/paper-glass/connections.webp');animation-delay:.12s}
body:not(.auth-view) .pg-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.08em;margin-bottom:22px}
body:not(.auth-view) .pg-card-top>svg{width:19px;height:19px;opacity:.85}
body:not(.auth-view) .pg-card h2{color:inherit;font-size:clamp(21px,1.8vw,27px);line-height:1.5;font-weight:500;letter-spacing:-.045em}
body:not(.auth-view) .pg-card p{color:inherit;font-size:11px;margin:10px 0 25px;line-height:1.8}
body:not(.auth-view) .pg-card-stat{display:flex;align-items:center;gap:14px;min-height:75px;margin:auto 0 25px;color:inherit}
body:not(.auth-view) .pg-digits{display:block;max-width:55%;height:66px;fill:currentColor;flex-shrink:1}
body:not(.auth-view) .pg-card-stat>span{font-size:12px;line-height:1.65}
body:not(.auth-view) .pg-card-stat small{display:block;color:inherit;font-size:10px;margin-top:4px}
body:not(.auth-view) .pg-card-foot{border-top:1px solid #ffffff50;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body:not(.auth-view) .pg-card-foot>span{font-size:10px;line-height:1.7;max-width:44%}
body:not(.auth-view) .pg-card-foot .button{flex-shrink:0;background:#fff9;color:#393d49;border:1px solid #fff7;box-shadow:inset 0 1px #fff8;font-size:11px;padding:9px 11px;min-height:38px;backdrop-filter:blur(10px)}
body:not(.auth-view) .pg-card-foot .button:hover{background:#fff;color:#424755}
body:not(.auth-view) .pg-mauve .pg-card-foot{border-color:#3b3f4b30}
body:not(.auth-view) .pg-mauve .pg-card-foot .button{background:#ffffffb5}
body:not(.auth-view) .pg-card :focus-visible{outline-color:currentColor}
body:not(.auth-view) .pg-recent{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 0;font-size:12px;color:#585e6f}
body:not(.auth-view) .pg-recent>span{display:flex;align-items:center;gap:8px}
body:not(.auth-view) .pg-recent>span svg{width:15px;height:15px}
body:not(.auth-view) .pg-recent .button{border:none;background:transparent;padding:6px;font-size:12px;color:#5c6275}
@keyframes pg-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){body:not(.auth-view) .pg-card{min-height:405px;padding:30px}body:not(.auth-view) .pg-card h2{font-size:30px}}
@media(max-width:1150px) and (min-width:761px){body:not(.auth-view) .pg-cards{gap:12px}body:not(.auth-view) .pg-card{padding:21px 17px;min-height:380px}body:not(.auth-view) .pg-card-foot{align-items:flex-start;flex-direction:column}body:not(.auth-view) .pg-card-foot>span{max-width:none}body:not(.auth-view) .pg-card-stat{gap:8px}body:not(.auth-view) .pg-card-stat>span{font-size:11px}}
@media(max-width:760px){
 body:not(.auth-view) .main{padding-top:22px}
 body:not(.auth-view) .pg-heading{display:block;margin:2px 0 23px}
 body:not(.auth-view) .pg-heading .pw-kicker{margin-bottom:13px;font-size:10px}
 body:not(.auth-view) .pg-heading h1{font-size:34px;line-height:1.3}
 body:not(.auth-view) .pg-intro{min-width:0;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
 body:not(.auth-view) .pg-intro p{font-size:11px;line-height:1.8;margin:0}
 body:not(.auth-view) .pg-intro p br:nth-child(2){display:none}
 body:not(.auth-view) .pg-intro .button{font-size:10px;padding:9px;flex-shrink:0}
 body:not(.auth-view) .pg-cards{grid-template-columns:1fr;gap:14px}
 body:not(.auth-view) .pg-card{min-height:285px;padding:23px 24px 19px;border-radius:19px;background-position:center 57%}
 body:not(.auth-view) .pg-card-top{margin-bottom:15px}
 body:not(.auth-view) .pg-card h2{font-size:25px;line-height:1.35}
 body:not(.auth-view) .pg-card p{margin:9px 0 18px;font-size:11px}
 body:not(.auth-view) .pg-card-stat{position:absolute;top:81px;right:24px;display:flex;align-items:flex-end;flex-direction:column;gap:7px;margin:0;max-width:110px;min-height:0}
 body:not(.auth-view) .pg-digits{height:46px;max-width:110px;width:auto}
 body:not(.auth-view) .pg-card-stat>span{text-align:right;font-size:11px}
 body:not(.auth-view) .pg-card-stat small{font-size:9px}
 body:not(.auth-view) .pg-card h2{max-width:64%}
 body:not(.auth-view) .pg-card p{max-width:67%}
 body:not(.auth-view) .pg-card-foot{margin-top:auto;padding-top:15px}
 body:not(.auth-view) .pg-card-foot .button{min-height:44px;font-size:11px}
 body:not(.auth-view) .pg-recent{font-size:10px}body:not(.auth-view) .pg-recent .button{font-size:10px}
 body:not(.auth-view) .pw-industry{padding:16px 12px;min-height:140px;border-radius:13px}
 body:not(.auth-view) .pw-heading h1{font-size:24px}
 body:not(.auth-view) .pw-section-title{margin-top:27px}
}
@media(max-width:380px){body:not(.auth-view) .pg-heading h1{font-size:30px}body:not(.auth-view) .pg-intro{align-items:flex-start;flex-direction:column}body:not(.auth-view) .pg-card{padding:21px 18px;min-height:285px}body:not(.auth-view) .pg-card h2{font-size:23px;max-width:63%}body:not(.auth-view) .pg-card-stat{right:18px;max-width:87px}body:not(.auth-view) .pg-digits{max-width:87px;height:42px}body:not(.auth-view) .pg-card-stat small{font-size:8px}}
@media(prefers-reduced-motion:reduce){body:not(.auth-view) .pg-card{animation:none}body:not(.auth-view) :is(.pw-industry,.pw-scene,.button){transition:none}}

@media(max-width:760px){body:not(.auth-view) .pg-card h2{font-size:23px;max-width:calc(100% - 90px)}body:not(.auth-view) .pg-card-stat{max-width:83px}body:not(.auth-view) .pg-digits{max-width:83px}body:not(.auth-view) .pg-card-stat small{font-size:8px}}
/* Consistent treatment for legacy assessment, reference and report surfaces. */
body:not(.auth-view) .pw-scene-top>svg{width:26px;height:26px;flex-shrink:0;color:#838898}
body:not(.auth-view) .pw-assessment>div>svg{width:30px;height:30px;display:block;margin-bottom:8px}
body:not(.auth-view) .zk-context{background:#e3e4e6;border-color:#cdcfd3}
body:not(.auth-view) .zk-hero{background:linear-gradient(115deg,#e2e3e5,#e6e6e8 65%,#e7e7e9);border-color:#cacbcf}
body:not(.auth-view) .zk-hero .eyebrow{color:#5f667a}
body:not(.auth-view) .zk-hero .button{background:#5c6376;color:#fff}
body:not(.auth-view) .zk-hero .button-outline{background:#ffffffa8;color:#494e5e;border-color:#b4b7c1}
body:not(.auth-view) :is(.practice-digest,.practice-method,.practice-workspace .training-panel.brief-panel){background:#eeeeef;border-color:#d2d3d7;color:#343843}
body:not(.auth-view) .practice-next{border-color:#777c8d}
body:not(.auth-view) :is(.practice-rehearsal,.practice-light-button){background:#eaebed;color:#4c5161;border-color:#b1b4bd}
body:not(.auth-view) .practice-plan select{border-color:#b6b9c2;color:#414653}
body:not(.auth-view) .zk-review-item blockquote{border-color:#7d8393}

/* Login-aligned graphite / silver palette; presentation geometry is unchanged. */
body:not(.auth-view){--brand:#373c48;--brand-hover:#242832;--brand-soft:#e7e9ee;--navy:#272b33;--ink:#272a30;--ink-2:#50555f;--muted:#6b7079;--line:#daddE3;--line-dark:#bfc4ce;--paper:#f0f1f3;--surface-2:#eceef2;background:#f0f1f3}
body:not(.auth-view) .brand-mark{background:linear-gradient(145deg,#444a57,#252932)}
body:not(.auth-view) .pg-heading em{color:#6d727d}
body:not(.auth-view) .pg-berry{background-color:#cbd0d8;background-image:radial-gradient(ellipse at 88% 15%,#ffffffaa,transparent 62%),linear-gradient(140deg,#e0e3e8,#bcc3d0 66%,#aab1bf);color:#303640}
body:not(.auth-view) .pg-mauve{background-color:#d0cfdc;background-image:radial-gradient(ellipse at 80% 25%,#ffffff99,transparent 65%),linear-gradient(140deg,#e5e3ec,#c5c3d4 65%,#b0afc2);color:#373541}
body:not(.auth-view) .pg-coral{background-color:#c5ced4;background-image:radial-gradient(ellipse at 75% 15%,#ffffffaa,transparent 65%),linear-gradient(140deg,#e1e7ea,#bac8cf 65%,#a5b5c0);color:#2d3940}
body:not(.auth-view) .pg-card::before{background:linear-gradient(125deg,#ffffff36,transparent 45%,#4349550a)}
body:not(.auth-view) .pg-card-foot{border-color:#515c712b}
body:not(.auth-view) .pg-card-foot .button{background:#ffffff99;color:#363d49;border-color:#ffffffaa}
body:not(.auth-view) .pg-card-foot .button:hover{background:#fff;color:#242a33}

/* Light assessment card: override the legacy dark-card text colors. */
body:not(.auth-view) .exam-hero{color:#272a30}
body:not(.auth-view) .exam-content h1,body:not(.auth-view) .exam-hero .attempts-head strong{color:#272a30}
body:not(.auth-view) .exam-hero .exam-content p,body:not(.auth-view) .exam-hero .attempts-head span,body:not(.auth-view) .exam-hero .attempts-head>small{color:#50555f}
body:not(.auth-view) .exam-hero .mode-label{color:#373c48;background:#e7e9ee;border-color:#c7ccd5}
/* MotionSites references, adapted locally: silver glass, editorial cards and reading desk.
   Presentation only. Auth, media nodes, training state and evaluation visibility remain unchanged. */
body:not(.auth-view) .ms-assistant-intro{grid-column:1/-1;text-align:center;padding:22px 20px 28px;position:relative;isolation:isolate}
body:not(.auth-view) .ms-assistant-intro:before{content:"";position:absolute;inset:0 12%;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#c8d0df85,transparent 68%);pointer-events:none}
body:not(.auth-view) .ms-assistant-intro h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;line-height:1.45;margin:12px 0;color:#292f3a;font-weight:600}
body:not(.auth-view) .ms-assistant-intro p{color:#626975;font-size:13px;line-height:1.8;margin:10px auto;max-width:460px}
body:not(.auth-view) .ms-iris{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 20%,#fff 0%,#eef1f5 20%,#a5b0c3 49%,#626f86 70%,#e4e8ef 94%);box-shadow:inset -7px -8px 14px #3c475b55,inset 3px 4px 10px white,0 16px 35px #56617d22;border:1px solid #ffffffc9}
body:not(.auth-view) .ms-iris i{position:absolute;inset:13px 19px;border-radius:48% 52% 38% 62%;transform:rotate(-30deg);border:2px solid #ffffffb5;box-shadow:inset 7px 0 14px #ffffffc0,5px 1px 8px #505e8444}
body:not(.auth-view) .advisor-shell{gap:24px;max-width:1120px;margin:auto}
body:not(.auth-view) .advisor-shell .chat-card{border-radius:24px;box-shadow:0 16px 50px #3540560c;border:1px solid #ffffff;background:#ffffffbf;min-width:0}
body:not(.auth-view) .advisor-shell .chat-head{background:linear-gradient(115deg,#eef0f5,#ffffffb3);border-radius:24px 24px 0 0;padding:20px 24px}
body:not(.auth-view) .advisor-shell .chat-form{margin:0 16px 16px;padding:12px;border:1px solid #b7bfce;border-radius:18px;background:#f8f9fb;box-shadow:0 4px 15px #33405c08;gap:10px}
body:not(.auth-view) .advisor-shell .chat-input{background:transparent;border:0;min-width:0}
body:not(.auth-view) .advisor-shell .quick-list{display:grid;gap:9px}
body:not(.auth-view) .advisor-shell .quick-question{border:1px solid #dce0e7;border-radius:12px;background:linear-gradient(120deg,#f4f5f8,#fff);padding:15px;text-align:left;color:#3b424f;min-height:48px;transition:transform .18s,border-color .18s}
body:not(.auth-view) .advisor-shell .quick-question:hover{transform:translateX(3px);border-color:#9ba7bb}
/* Reading Library: a framed reading desk, numbered book spines and quiet paper. */
body:not(.auth-view) .reference-page{max-width:1250px;margin:auto}
body:not(.auth-view) .reference-heading{padding:25px 28px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(120deg,#d8dee8,#eef0f5 68%,#e5e8ee);box-shadow:inset 0 1px white}
body:not(.auth-view) .reference-heading h1{letter-spacing:-.045em}
body:not(.auth-view) .reference-stamp{background:#ffffff8f;border:1px solid white;border-radius:30px;padding:10px 14px;color:#535e70}
body:not(.auth-view) .reference-metrics{padding:7px;border-radius:20px;border:1px solid #d8dde6;background:#e5e8ee;gap:7px}
body:not(.auth-view) .reference-metrics button{border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none;color:#555f70}
body:not(.auth-view) .reference-metrics button[aria-pressed=true]{background:#ffffffed;border-color:#fff;box-shadow:0 4px 14px #45516c12;color:#2d3646}
body:not(.auth-view) .reference-toolbar{background:#ffffffa6;border:1px solid white;border-radius:18px;padding:15px}
body:not(.auth-view) .reference-layout{gap:22px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
body:not(.auth-view) .reference-results{border-radius:20px;background:#f5f6f9;border-color:#d9dee7;overflow:hidden}
body:not(.auth-view) .reference-result{margin:8px;width:calc(100% - 16px);border:1px solid #e1e4eb;border-radius:12px;background:#fff;gap:14px;transition:border-color .18s,box-shadow .18s}
body:not(.auth-view) .reference-result[aria-pressed=true]{background:#e9edf4;border-color:#8693aa;box-shadow:0 3px 12px #34425b12}
body:not(.auth-view) .reference-result-number{display:grid;place-items:center;align-self:start;width:40px;min-width:40px;height:56px;border-radius:3px 9px 9px 3px;background:linear-gradient(90deg,#aab5c6 0 3px,#e5eaf2 3px,#cbd4e2);color:#46546d;font-size:14px;border-left:2px solid #8e9cb3;box-shadow:2px 3px 5px #44526b15}
body:not(.auth-view) .reference-reader{border-radius:20px;border:1px solid #e0e4eb;background:linear-gradient(100deg,#f6f7fa,#ffffff 8%);box-shadow:0 14px 40px #39476109;padding:32px}
body:not(.auth-view) .reference-reader-intro>span{width:80px;height:90px;border-radius:6px 18px 18px 6px;border-left:5px solid #a4afc2;background:linear-gradient(135deg,#e2e7f0,#bec9da);box-shadow:7px 7px 0 #e9edf3;color:#45536a}
/* Bite-sized course cards with a distinct cover area and a familiar working action. */
body:not(.auth-view) .pw-scene-grid{gap:22px}
body:not(.auth-view) .pw-scene-grid .pw-scene{border-radius:22px;padding:20px;background:#ffffffe0;border:1px solid white;box-shadow:0 8px 25px #32415b08;transition:transform .2s,box-shadow .2s}
body:not(.auth-view) .pw-scene-grid .pw-scene:hover{transform:translateY(-3px);box-shadow:0 14px 28px #32415b13}
body:not(.auth-view) .pw-scene-grid .pw-scene-top{min-height:104px;padding:20px;border-radius:15px;background:radial-gradient(circle at 85% 20%,#ffffffbf,transparent 60%),linear-gradient(125deg,#d7deea,#b4bfd2);margin-bottom:6px;position:relative;overflow:hidden}
body:not(.auth-view) .pw-scene-grid .pw-scene:nth-child(3n+2) .pw-scene-top{background:linear-gradient(125deg,#e3e2e9,#c3c1d1)}
body:not(.auth-view) .pw-scene-grid .pw-scene:nth-child(3n) .pw-scene-top{background:linear-gradient(125deg,#dbe5e8,#b8cbd1)}
body:not(.auth-view) .pw-scene-grid .pw-number{font-size:43px;color:#ffffffd9;font-weight:500}
body:not(.auth-view) .pw-scene-grid .pw-scene-top>svg{width:34px;height:34px;color:#52617a}
body:not(.auth-view) .pw-scene-grid .pw-scene h2{font-size:19px;margin:15px 0 0}
body:not(.auth-view) .pw-scene-grid .pw-scene-foot{border-top-color:#e5e8ee}
/* Glass feature panels for task briefing; no hidden or automatic switching. */
body:not(.auth-view) .pw-detail-main{background:linear-gradient(125deg,#fffffff5,#eef1f7d9);border:1px solid white;border-radius:24px;box-shadow:0 12px 30px #34435e09}
body:not(.auth-view) .pw-detail-side{background:linear-gradient(155deg,#dce2ed,#f3f5f8);border:1px solid white;border-radius:24px;align-self:start}
body:not(.auth-view) .pw-detail-steps{padding:8px;background:#e3e7ef;border:1px solid #d6dce6;border-radius:18px;gap:8px}
body:not(.auth-view) .pw-detail-steps>div{padding:18px 13px;border-radius:12px;background:#ffffffc7}
body:not(.auth-view) .pw-detail-steps b{color:#7d8ba4;font-weight:500}
body:not(.auth-view) .pw-detail-side .pw-persona-symbol{background:#ffffffb8;border:1px solid white;color:#5d6c85;box-shadow:0 8px 24px #44536b12}
/* Live classes reference: retain media/control nodes and examination hiding. */
body:not(.auth-view) .training-overlay{background:#e9edf3}
body:not(.auth-view) .training-top{background:linear-gradient(110deg,#303846,#465267);border-bottom:1px solid #617087;color:white}
body:not(.auth-view) .training-top .training-title strong{color:white}
body:not(.auth-view) .training-top .training-title span{color:#e0e5ef}
body:not(.auth-view) .training-chat{border-radius:20px;border:1px solid #d3dae6;overflow:hidden;box-shadow:0 12px 30px #28375012}
body:not(.auth-view) .training-panel{background:#f7f8fb;border-color:#d7deea}
body:not(.auth-view) .training-chat>.chat-form{border-top:1px solid #d9dfeb;background:#fffffff2;padding:16px;gap:12px}
body:not(.auth-view) .training-mobile-tools button{border-radius:24px;background:#f5f7fb;border:1px solid #cbd4e2;color:#38455c}
body:not(.auth-view) :is(.reference-page,.advisor-shell,.pw-page) :is(button,input,select):focus-visible{outline:3px solid #6d7e9c;outline-offset:3px}
@media(max-width:1000px){body:not(.auth-view) .reference-layout{grid-template-columns:1fr}}
@media(max-width:760px){body:not(.auth-view) .ms-assistant-intro{padding:12px 6px 20px}body:not(.auth-view) .ms-iris{width:62px;height:62px;margin-bottom:14px}body:not(.auth-view) .advisor-shell{gap:16px}body:not(.auth-view) .advisor-shell .chat-form{margin:0 8px 8px;padding:9px}body:not(.auth-view) .reference-heading{padding:22px 19px}body:not(.auth-view) .reference-toolbar{padding:12px}body:not(.auth-view) .reference-reader{padding:23px 18px}body:not(.auth-view) .reference-result{gap:10px}body:not(.auth-view) .reference-result-number{width:30px;min-width:30px;height:46px;font-size:12px}body:not(.auth-view) .pw-detail-steps{grid-template-columns:1fr}body:not(.auth-view) .pw-detail-steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px}body:not(.auth-view) .pw-detail-steps b{grid-row:span 2;margin:0}body:not(.auth-view) .pw-detail-steps p{margin:5px 0}body:not(.auth-view) .training-chat{border-radius:12px}body:not(.auth-view) .training-chat>.chat-form{padding:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){body:not(.auth-view) .pw-scene-grid .pw-scene,body:not(.auth-view) .advisor-shell .quick-question{transition:none;transform:none}}
@media(max-width:760px){body:not(.auth-view) .advisor-shell .chat-card{height:440px}body:not(.auth-view) .ms-assistant-intro{display:grid;grid-template-columns:52px minmax(0,1fr);text-align:left;column-gap:15px;padding:8px 4px 14px}body:not(.auth-view) .ms-assistant-intro .ms-iris{width:50px;height:50px;grid-row:span 3;margin:10px 0 0}body:not(.auth-view) .ms-assistant-intro h2{font-size:23px;margin:6px 0;line-height:1.45}body:not(.auth-view) .ms-assistant-intro h2 br{display:none}body:not(.auth-view) .ms-assistant-intro p{font-size:12px;margin:0}body:not(.auth-view) .ms-assistant-intro .eyebrow{font-size:10px}}
