/* Ampuly palette shared by the assessment, reports and reading pages. */
:root{--ink:#102845;--paper:#FAFCFF;--card:#fff;--line:#DCE7F0;--blue:#1A6FBF;--blue-deep:#081A32;--amber:#1A6FBF;--amber-soft:#E8F5FF;--muted:#4A6278;--text:#102845;--bg:#FAFCFF;--green:#26725B;--red:#AF433A;--cycle-accent:#45B7FF}
html{scroll-behavior:smooth;scroll-padding-top:100px}
html,body{background:#FAFCFF;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;touch-action:auto}
h1,h2{text-wrap:balance}
.cycle-nowrap{white-space:nowrap}
body{margin:0;padding:0;min-height:100dvh;line-height:1.7}
*,*::before,*::after{box-sizing:border-box}img{max-width:100%}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{font-family:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--blue)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
[role=button]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
button:active:enabled{transform:translateY(1px)}
.cycle-skip{position:fixed;top:8px;left:12px;transform:translateY(-150%);z-index:200;padding:10px 16px;background:var(--navy,#081A32);color:#fff;border-radius:8px}
.cycle-skip:focus{transform:none}
.cycle-site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(250,252,255,.97)}
.cycle-header-inner{max-width:1180px;margin:auto;padding:17px 32px;display:flex;align-items:center;gap:36px;min-height:80px}
.cycle-brand{display:flex;align-items:center;flex-shrink:0}.cycle-brand img{display:block;width:auto;height:34px}
.cycle-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.cycle-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;color:var(--muted);white-space:nowrap;padding:5px 0}
.cycle-nav a[aria-current=page]{color:var(--blue);box-shadow:0 2px var(--cycle-accent)}.cycle-nav a:hover{color:var(--ink)}
.cycle-home{font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 17px}
.cycle-site-footer{max-width:1120px;margin:32px auto 0;padding:24px 32px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:12px}
.cycle-site-footer a{color:var(--muted);text-decoration:none}.cycle-site-footer div{display:flex;gap:22px;flex-wrap:wrap}
.app,.page{width:min(100% - 64px,1120px);max-width:1120px;min-height:0;margin:36px auto 0;background:var(--paper);border-radius:0;box-shadow:none;position:relative}
.page-assessment .app{padding:40px;max-width:1040px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 40px rgba(8,26,50,.04)}
.page-report .app{padding:0;max-width:1120px}
.page-assessment .view{padding:0}.page-assessment .topbar .brand,.page-report>.app>.topbar .brand{display:none}.page-assessment .topbar,.page-report>.app>.topbar{margin-bottom:16px;justify-content:flex-end}
.page-assessment #view-landing.active{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 48px;align-items:start}
.page-assessment #view-landing>.topbar{grid-column:1/-1;margin:0}
.page-assessment #view-landing>.eyebrow{grid-column:1;grid-row:2;color:var(--blue);letter-spacing:.05em;font-size:13px}
.page-assessment #view-landing>h1{grid-column:1;grid-row:3;font-size:clamp(32px,3.5vw,46px);line-height:1.24;letter-spacing:-.025em;margin:3px 0 8px}
.page-assessment #view-landing>.lead{grid-column:1;grid-row:4;font-size:16px;line-height:1.85;margin:0 0 22px;max-width:32em}
.page-assessment #view-landing>.card{grid-column:2;margin:0;padding:24px;border-radius:18px;background:#F3F9FF}
.page-assessment #view-landing>.card:nth-of-type(3){grid-row:2/4}
.page-assessment #view-landing>.card:nth-of-type(4){grid-row:4/6;background:#fff}
.page-assessment #view-landing>.btn{grid-column:1;grid-row:5;width:auto;min-width:180px;justify-self:start;padding:14px 30px;border-radius:999px}
.page-assessment #view-landing>.footer-note{grid-column:1/-1;grid-row:6;text-align:left;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.page-assessment #view-auth,.page-assessment #view-version,.page-assessment #view-persona,.page-assessment #view-quiz,.page-assessment #view-report{max-width:800px;margin:auto}
.page-assessment .lead{font-size:16px;line-height:1.8;color:var(--muted)}
.page-assessment h2{font-size:28px;line-height:1.4}.page-assessment .question-text{font-size:24px;line-height:1.6;margin:20px 0 24px;overflow-wrap:anywhere}
.page-assessment .card,.page-report .card{border-radius:18px;padding:24px;border-color:var(--line);background:var(--card)}
.page-assessment .grid2{gap:24px}.page-assessment .score-big{font-size:44px;color:var(--ink)}
.page-assessment .score-label{font-size:14px;color:var(--muted)}
.page-assessment .auth-box,.page-report .hero{background:var(--blue-deep);color:#fff;border-radius:20px;padding:30px}
.page-assessment .auth-box .eyebrow,.page-report .hero .eyebrow{color:#9FDFFF!important}.page-assessment .auth-box p,.page-report .hero p{color:#DCEBFA}
.page-assessment .auth-box .btn{background:#45B7FF;color:#081A32}
.btn-primary,.btn-amber{background:#081A32;color:#fff}.btn-secondary{color:var(--blue);border-color:var(--line);background:#fff}
.btn{min-height:48px;font-size:16px;padding:14px 20px;border-radius:12px;line-height:1.55}.nav-row{gap:14px}
.page-assessment #persona-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-assessment .persona-card{width:100%;min-height:96px;margin:0!important;padding:18px;border-color:var(--line);border-radius:14px;line-height:1.6;color:var(--ink);font:inherit}
.persona-card.selected,.option.selected{background:#E8F5FF;border-color:#1A6FBF}
.page-assessment .option{width:100%;min-height:60px;padding:16px 18px;margin-bottom:12px;text-align:left;font-size:16px;color:var(--ink);line-height:1.65;border-radius:14px}
.option .dot{flex-shrink:0;border-color:#849BAD}.page-assessment .progress-wrap{height:6px;background:#DFEAF4}.progress-bar{background:#1A6FBF;transition:width .2s}
.badge,.badge.blue{background:#E8F5FF;color:#1A6FBF}.badge.green{background:#E7F3EE;color:#26725B}.section-title::before{background:#45B7FF}
.page-report .toggle{max-width:440px;background:#E9F2FA;margin:0 0 24px;border-radius:12px;gap:4px}
.page-report .toggle button{min-height:48px;border-radius:9px}.page-report .toggle button.active{color:var(--blue);box-shadow:0 2px 8px rgba(8,26,50,.07)}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.report-grid>.card,.report-grid>.callout{margin:0;min-width:0}.report-grid>.hero{grid-column:1/-1}
.page-report .hero h1{font-size:clamp(28px,3vw,40px);color:#fff;line-height:1.25}.page-report .hero .grid2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.page-report .metric{padding:18px;background:rgba(69,183,255,.10);border-color:rgba(159,223,255,.2);min-width:0}
.page-report .metric .value{white-space:normal;font-size:17px}.page-report .metric .label{color:#CBDFF2}.page-report .metric-arrow{min-width:36px;min-height:40px}
.page-report .section-title{font-size:18px;line-height:1.6}.page-report .callout{padding:24px;background:#EFF8FF;border-left-color:#45B7FF;border-radius:0 18px 18px 0}
.page-report .how-to-read,.page-report .reader-note{background:#F1F8FE}.page-report .bar-track,.page-assessment .bar-track{background:#DFEAF4}
.page-report .bar-label,.page-report .bar-note,.page-report .detail-text,.page-report .step .desc,.page-report .case-row,.page-report .case-steps li{font-size:15px;line-height:1.75}
.page-report .task-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.page-report .chip{min-height:44px;padding:10px 12px;white-space:normal}.page-report .chapter-btn{min-height:64px}
.sheet{max-width:760px;padding:28px;max-height:calc(90dvh - env(safe-area-inset-bottom));padding-bottom:calc(28px + env(safe-area-inset-bottom));background:#FAFCFF}
.sheet-close{min-height:44px;background:#081A32;color:#fff;padding:10px 18px}.sheet-overlay{background:rgba(8,26,50,.56)}
.reader-overlay{overflow:auto;background:#FAFCFF}.reader{max-width:840px;min-height:100dvh;padding:24px 32px}.reader-header{background:#FAFCFF;z-index:1}.reader-body{overflow-wrap:anywhere}
.wecom-guide img,.wecom-qr img{display:block;width:auto;max-width:100%;height:auto;max-height:65dvh;object-fit:contain;margin:16px auto}
.toast{max-width:calc(100% - 32px);font-size:14px;background:#102845;color:#fff;bottom:calc(20px + env(safe-area-inset-bottom))}
/* The supplied book cover and its contact QR remain unchanged. */
.page-book .app{max-width:1120px;padding:0 0 24px}
.page-book .hero{display:grid;grid-template-columns:1.3fr .8fr;column-gap:64px;padding:46px 60px;text-align:left;background:#081A32;border-radius:24px;color:#fff}
.page-book .hero::before,.page-book .hero::after{display:none}.page-book .hero-eyebrow{grid-column:1;color:#9FDFFF;font-size:13px;margin-bottom:20px;letter-spacing:.06em}
.page-book .book-cover-wrap{grid-column:2;grid-row:1/5;width:210px;align-self:center;justify-self:center;margin:0}.page-book .book-cover{width:210px;height:294px;box-shadow:0 18px 32px rgba(0,0,0,.24)}
.page-book .book-cover img{object-fit:contain;object-position:center}
.page-book .hero h1{grid-column:1;font-size:clamp(30px,3.5vw,46px);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}
.page-book .hero-desc{grid-column:1;max-width:32em;margin:0 0 18px;font-size:16px;color:#DCEBFA;line-height:1.8}.page-book .hero-authors{grid-column:1;color:#B7CDE4;font-size:14px}
.page-book .value-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:36px 0 0}.page-book .value-title{grid-column:1/-1;margin:0;font-size:22px}.page-book .value-card{display:block;background:#fff;border-radius:18px;margin:0;padding:24px;border-color:var(--line)}
.page-book .value-num{margin-bottom:16px;background:#E8F5FF;color:#1A6FBF}.page-book .value-content h3{font-size:18px;margin-bottom:10px;line-height:1.5}.page-book .value-content p{font-size:15px;line-height:1.8;color:var(--muted)}
.page-book .claim-section{padding:32px 0 0}.page-book .claim-btn{background:#081A32;color:#fff;border-radius:999px;max-width:360px;box-shadow:none;min-height:52px}.page-book .claim-note{font-size:13px}
.page-book .assess-cta{margin:32px 0 0;background:#E8F5FF;color:var(--ink);padding:28px;border:1px solid #CFE7FA;border-radius:18px;text-align:left;position:relative}
.page-book .assess-cta h3{color:var(--ink);font-size:22px}.page-book .assess-cta p{color:var(--muted);font-size:15px;max-width:42em;margin:8px 0 18px}.page-book .assess-btn{background:#081A32;color:#fff;border-radius:999px;min-height:48px;padding:12px 28px}
.page-book .footer{font-size:13px}.page-book .modal-overlay{background:rgba(8,26,50,.6);overflow:auto;padding:20px}.page-book .modal{max-width:440px;max-height:90dvh;overflow:auto;padding:32px 28px;border-radius:20px;background:#fff}
.page-book .modal-close{min-height:40px;min-width:40px;top:5px;right:5px}.page-book .modal h3{font-size:22px}.page-book .qr-wrap{width:min(240px,100%);height:auto;border:0;border-radius:0}.page-book .qr-wrap img{width:100%;height:auto;object-fit:contain}.page-book .modal-tip{color:var(--blue)}
.page-knowledge .app{padding:0 0 36px;max-width:1120px}.page-knowledge .topbar{top:81px;padding:18px 24px;background:#FAFCFF}.page-knowledge .topbar .brand-mark{display:none}
.page-knowledge .reader{max-width:none;min-height:0;padding:0}.page-knowledge .hero-cta,.page-knowledge .reader-cta button,.page-knowledge .l4 .level-badge,.page-material-document .footer-cta{background:#45B7FF;color:#081A32}.page-materials .header-badge{color:#fff}
.page-knowledge .hero,.page-materials .header{background:#081A32;border-radius:24px}
.page-knowledge button{min-height:44px}
.page-knowledge .portal-grid{gap:18px}.page-knowledge .portal-card{padding:24px}.page-knowledge .bottom-nav{position:static;transform:none;max-width:none;border:1px solid var(--line);margin-top:24px;border-radius:14px;overflow:hidden}
.page-knowledge .reader-body{max-width:840px;margin:auto;font-family:inherit;font-size:17px;line-height:1.9}.page-knowledge .reader-body.original{font-size:17px}.page-knowledge .reader-body table{display:block;overflow-x:auto;max-width:100%;font-size:14px}.page-knowledge .reader-body th,.page-knowledge .reader-body td{min-width:100px}
.page-materials .page{max-width:1120px}.page-material-document .app{max-width:880px;padding:0 0 40px}.page-material-document h1{font-size:clamp(28px,3vw,40px)}.page-material-document .lead{font-size:16px;line-height:1.85}.page-material-document .card{padding:24px}.page-material-document .section-title{font-size:20px}.page-material-document table{display:block;overflow-x:auto;max-width:100%}
@media(min-width:768px){.page-book .assess-cta{padding-right:250px}.page-book .assess-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);margin:0}}
@media(max-width:1023px){.cycle-header-inner{padding:16px 24px;gap:24px}.cycle-nav{gap:20px}.app,.page{width:calc(100% - 48px)}.page-assessment .app{padding:28px}.page-assessment #view-landing.active{column-gap:28px}.page-book .hero{padding:36px;column-gap:32px}.page-book .value-section{gap:14px}.page-book .value-card{padding:20px}.page-report .hero .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 html{scroll-padding-top:120px}.cycle-header-inner{display:grid;grid-template-columns:1fr auto;gap:14px 12px;padding:12px 20px;min-height:100px}.cycle-brand img{height:29px}.cycle-home{padding:6px 13px;font-size:12px}.cycle-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;margin:0;gap:12px}.cycle-nav a{font-size:13px;padding:3px 0}
 .app,.page{width:calc(100% - 32px);margin:22px auto 0;min-height:0}.page-assessment .app{padding:24px 20px;border-radius:18px}
 .page-assessment #view-landing.active{display:block}.page-assessment #view-landing>.eyebrow{margin-bottom:14px}.page-assessment #view-landing>h1{font-size:32px;margin-bottom:18px}.page-assessment #view-landing>.lead{font-size:15px;margin-bottom:24px}.page-assessment #view-landing>.card{margin-bottom:14px;padding:20px}.page-assessment #view-landing>.btn{width:100%;margin-top:24px}.page-assessment #view-landing>.footer-note{font-size:12px;line-height:1.8;margin-top:20px}
 .page-assessment #persona-list{grid-template-columns:1fr}.page-assessment .persona-card{min-height:82px}.page-assessment h2{font-size:24px}.page-assessment .question-text{font-size:20px;margin-top:18px;line-height:1.55}.page-assessment .option{padding:15px;font-size:15px}.page-assessment .auth-box{padding:24px 20px}
 .page-assessment .nav-row{position:sticky;bottom:0;z-index:2;background:#fff;padding:14px 0 calc(10px + env(safe-area-inset-bottom));margin-bottom:-16px;gap:10px;border-top:1px solid var(--line)}.page-assessment .nav-row .btn{min-height:48px;padding:12px 10px;font-size:15px}
 .report-grid{grid-template-columns:1fr;gap:16px}.page-report .hero{padding:24px 20px}.page-report .hero h1{font-size:28px}.page-report .hero .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-report .metric{padding:14px 12px}.page-report .metric .value{font-size:15px;line-height:1.5}.page-report .metric-arrow{margin-left:4px;min-width:30px}.page-report .card,.page-report .callout{padding:22px 20px}.page-report .toggle{margin-bottom:20px}
 .reader{padding:16px 20px}.reader-title{font-size:16px}.reader-header{gap:12px}.sheet{padding:22px 20px;max-height:86dvh}.sheet-head h3{font-size:19px}.sheet-close{font-size:13px;padding:10px 14px}.page-report .task-chips{gap:10px}
 .page-book .hero{display:flex;flex-direction:column;padding:30px 24px;text-align:center;border-radius:20px;gap:0}.page-book .hero-eyebrow{font-size:12px;margin-bottom:24px}.page-book .book-cover-wrap{width:150px;margin:0 auto 26px}.page-book .book-cover{width:150px;height:210px}.page-book .hero h1{font-size:30px;margin-bottom:18px}.page-book .hero-desc{font-size:15px;max-width:28em;margin-bottom:18px}.page-book .value-section{grid-template-columns:1fr;gap:14px;padding-top:28px}.page-book .value-title{font-size:21px}.page-book .value-card{display:flex;gap:16px;padding:20px}.page-book .value-num{margin:0}.page-book .value-content h3{font-size:17px;margin-bottom:8px}.page-book .value-content p{font-size:14px}.page-book .claim-btn{max-width:none;font-size:15px;padding:16px 18px}.page-book .assess-cta{padding:24px 20px}.page-book .assess-cta h3{font-size:21px}.page-book .assess-btn{font-size:15px}.page-book .modal{padding:28px 20px}
 .page-knowledge .topbar{position:static;padding:18px 0}.page-knowledge .reader-body,.page-knowledge .reader-body.original{font-size:16px;padding:20px 0}.page-knowledge .reader-cta{margin-left:0;margin-right:0}.page-knowledge .portal-grid{gap:12px}.page-knowledge .portal-card{padding:18px 14px}.page-material-document .app{padding:0 0 24px}.page-material-document .card{padding:20px}
 .cycle-site-footer{margin-top:28px;padding:22px 20px 32px;align-items:flex-start;flex-direction:column;gap:12px}.cycle-site-footer div{gap:18px}
}
@media(max-width:359px){.cycle-header-inner{padding:12px 16px}.cycle-nav{gap:8px}.cycle-nav a{font-size:12px}.app,.page{width:calc(100% - 24px)}.page-assessment .app{padding:20px 16px}.page-report .hero .grid2{grid-template-columns:1fr}.page-report .metric{min-height:80px}.page-assessment #view-landing>h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.cycle-site-header,.cycle-site-footer,.toggle,.overlay,.toast,.btn,.metric-arrow{display:none!important}body{background:#fff}.app,.page{width:100%;max-width:none;margin:0;padding:0!important;box-shadow:none}.report-grid{display:block}.card,.callout{break-inside:avoid;margin-bottom:20px!important}.hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}}