.pua-root{--pua-bg:#f7f9fb;--pua-surface:#fff;--pua-soft:#f1f5f8;--pua-soft-green:#eef6f1;--pua-soft-amber:#fff7eb;--pua-navy:#17324d;--pua-text:#263744;--pua-muted:#607381;--pua-line:#dbe4ea;--pua-blue:#356f9d;--pua-green:#32755a;--pua-amber:#b47a24;font-family:Arial,Helvetica,sans-serif;background:var(--pua-bg);color:var(--pua-text);width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word} .pua-root *{box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word} .pua-root p,.pua-root li,.pua-root h2,.pua-root h3,.pua-root span,.pua-root label,.pua-root button{white-space:normal;overflow-wrap:break-word;word-break:normal} .pua-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 44px} .pua-hero{background:var(--pua-surface);border:1px solid var(--pua-line);border-radius:22px;padding:30px} .pua-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:24px;align-items:start} .pua-series-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .pua-series-pill,.pua-part-pill,.pua-zone-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700} .pua-series-pill{background:var(--pua-soft);color:var(--pua-blue)} .pua-part-pill{background:var(--pua-soft-amber);color:var(--pua-amber)} .pua-main-title{display:block;width:100%;max-width:100%;margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.12;color:var(--pua-navy);font-weight:800;letter-spacing:-.025em} .pua-hero-lead{margin:0 0 22px;font-size:17px;line-height:1.8;color:var(--pua-text)} .pua-hero-actions{display:flex;flex-wrap:wrap;gap:12px} .pua-primary-link,.pua-primary-button,.pua-secondary-button{appearance:none;border:none;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;border-radius:12px;font-size:15px;font-weight:700;transition:all .18s ease;text-align:center} .pua-primary-link,.pua-primary-button{background:var(--pua-navy);color:#fff} .pua-primary-link:hover,.pua-primary-button:hover{background:#10263a} .pua-secondary-button{background:#fff;color:var(--pua-navy);border:1px solid var(--pua-line)} .pua-secondary-button:hover{background:var(--pua-soft)} .pua-hero-panel{background:var(--pua-soft);border:1px solid var(--pua-line);border-radius:18px;padding:20px;color:var(--pua-text);display:flex;flex-direction:column;gap:12px} .pua-panel-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--pua-muted)} .pua-mini-stat{display:block;padding:14px;background:#fff;border:1px solid var(--pua-line);border-radius:14px} .pua-mini-number{width:42px;height:42px;border-radius:12px;background:var(--pua-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;margin-bottom:10px} .pua-mini-label{display:block;margin:0;font-size:15px;line-height:1.6;font-weight:700;color:var(--pua-text)} .pua-progress-card,.pua-learning-card,.pua-section,.pua-scenario-zone,.pua-quiz-zone,.pua-drill-zone,.pua-next-article{margin-top:20px;background:var(--pua-surface);border:1px solid var(--pua-line);border-radius:20px} .pua-progress-card{padding:22px} .pua-progress-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px} .pua-progress-top h3,.pua-learning-card h3,.pua-side-card h3,.pua-principle-card h3,.pua-best-card h3,.pua-mistake-card h3,.pua-framework-card h3,.pua-ready-side h3,.pua-check-card h3,.pua-journey-card h3,.pua-quiz-card h3{margin:0;color:var(--pua-navy)} .pua-progress-top p{margin:7px 0 0;color:var(--pua-muted);line-height:1.6} .pua-progress-score{padding:10px 13px;background:var(--pua-soft);border-radius:12px;color:var(--pua-blue);font-size:14px;font-weight:800;white-space:nowrap} .pua-progress-track{height:12px;background:#e8eef2;border-radius:999px;overflow:hidden} .pua-progress-fill{height:100%;width:0;background:var(--pua-blue);border-radius:999px;transition:width .3s ease} .pua-learning-card{padding:26px} .pua-eyebrow{display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:var(--pua-soft-green);color:var(--pua-green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .pua-learning-card h3{font-size:27px;line-height:1.25;margin-bottom:18px} .pua-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pua-summary-item{display:block;padding:16px;background:var(--pua-soft);border:1px solid var(--pua-line);border-radius:16px} .pua-summary-item span{width:42px;height:42px;border-radius:12px;background:var(--pua-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin-bottom:12px} .pua-summary-item p{display:block;margin:0;font-size:16px;line-height:1.72} .pua-section{padding:28px} .pua-section-head{display:flex!important;align-items:flex-start!important;gap:18px!important;width:100%!important;max-width:100%!important;margin-bottom:20px} .pua-section-head>div{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:none!important} .pua-section-head h2,.pua-section-head .pua-section-intro{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important} .pua-section-head h2{margin:0 0 9px;font-size:clamp(26px,3vw,38px);line-height:1.2;color:var(--pua-navy);letter-spacing:-.02em} .pua-section-intro{margin:0;color:var(--pua-muted);font-size:16px;line-height:1.72} .pua-section-number{flex:0 0 auto;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--pua-navy);color:#fff;font-size:20px;font-weight:800} .pua-content-grid,.pua-two-column,.pua-readiness-layout,.pua-framework-wrap{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.78fr);gap:20px;align-items:start} .pua-copy-block p,.pua-framework-copy p,.pua-next-copy p,.pua-zone-head p,.pua-side-card p,.pua-principle-card p,.pua-best-card p,.pua-mistake-card p,.pua-journey-card p,.pua-framework-card p,.pua-check-card label,.pua-drill-card li{font-size:16px;line-height:1.82} .pua-copy-block p,.pua-framework-copy p,.pua-next-copy p{margin:0 0 17px} .pua-side-card,.pua-check-card{padding:20px;background:var(--pua-soft);border:1px solid var(--pua-line);border-radius:16px} .pua-side-card h3,.pua-check-card h3{font-size:21px;line-height:1.3;margin-bottom:13px} .pua-side-card ul,.pua-ready-side ul{margin:0;padding-left:19px} .pua-side-card li,.pua-ready-side li{margin:0 0 11px;line-height:1.7} .pua-callout{margin-top:18px;padding:17px 18px;border-radius:16px;border:1px solid var(--pua-line)} .pua-callout strong{display:block;margin-bottom:7px;color:var(--pua-navy);font-size:14px;text-transform:uppercase;letter-spacing:.04em} .pua-callout p{margin:0;font-size:16px;line-height:1.75} .pua-callout-blue{background:#f2f7fb} .pua-callout-amber{background:var(--pua-soft-amber)} .pua-callout-green{background:var(--pua-soft-green)} .pua-card-stack{display:grid;gap:14px} .pua-principle-card,.pua-best-card,.pua-mistake-card,.pua-framework-card,.pua-journey-card{padding:18px;border-radius:16px;border:1px solid var(--pua-line);background:#fff} .pua-principle-card h3,.pua-best-card h3,.pua-mistake-card h3,.pua-framework-card h3,.pua-journey-card h3{font-size:19px;line-height:1.35;margin-bottom:8px} .pua-principle-card p,.pua-best-card p,.pua-mistake-card p,.pua-framework-card p,.pua-journey-card p{display:block;margin:0;font-size:16px;line-height:1.75} .pua-best-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px} .pua-best-card{background:var(--pua-soft-green)} .pua-mistake-card{background:var(--pua-soft-amber)} .pua-refresh-button{margin-top:22px;appearance:none;border:1px solid var(--pua-line);background:#fff;color:var(--pua-navy);font-weight:800;font-size:14px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .18s ease} .pua-refresh-button:hover{background:var(--pua-soft)} .pua-refresh-button.is-refreshed{background:var(--pua-green);border-color:var(--pua-green);color:#fff} .pua-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pua-journey-card span{width:40px;height:40px;border-radius:12px;background:var(--pua-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;margin-bottom:12px} .pua-framework-wrap{grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr)} .pua-framework-main{display:grid;gap:12px} .pua-framework-card{display:block} .pua-framework-card span{width:50px;height:50px;border-radius:14px;background:var(--pua-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;margin-bottom:12px} .pua-framework-card div{display:block;width:100%} .pua-framework-card h3{display:block;width:100%} .pua-framework-card p{display:block;width:100%;margin:0} .pua-ready-side{padding:22px;background:var(--pua-navy);border-radius:16px;color:#fff} .pua-ready-side h3{color:#fff;font-size:23px;line-height:1.3;margin-bottom:15px} .pua-ready-side li{color:#edf4fa} .pua-framework-copy{margin-top:20px;padding:20px;background:var(--pua-soft);border-radius:16px;border:1px solid var(--pua-line)} .pua-check-card label{display:flex;gap:11px;align-items:flex-start;margin:0 0 13px;color:var(--pua-text)} .pua-check-card input{margin-top:5px;accent-color:var(--pua-green);transform:scale(1.1)} .pua-closing-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.78fr)} .pua-next-focus{background:var(--pua-soft-amber)} .pua-scenario-zone,.pua-quiz-zone,.pua-drill-zone,.pua-next-article{padding:28px} .pua-zone-head{margin-bottom:20px} .pua-zone-pill{background:var(--pua-soft);color:var(--pua-blue);margin-bottom:12px} .pua-zone-head h2,.pua-next-copy h2{margin:0 0 11px;color:var(--pua-navy);font-size:clamp(25px,3vw,36px);line-height:1.22;letter-spacing:-.02em} .pua-zone-head p,.pua-next-copy p{margin:0;color:var(--pua-muted)} .pua-option-grid{display:grid;gap:12px} .pua-option-button,.pua-quiz-options button{width:100%;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--pua-line);background:#fff;color:var(--pua-text);font-size:16px;line-height:1.6;font-weight:700;cursor:pointer;transition:all .18s ease} .pua-option-button:hover,.pua-quiz-options button:hover{background:var(--pua-soft)} .pua-option-button.is-correct,.pua-quiz-options button.is-correct{background:var(--pua-soft-green);border-color:#b8d9c8;color:#18523a} .pua-option-button.is-incorrect,.pua-quiz-options button.is-incorrect{background:#fff2ee;border-color:#ebcbc2;color:#7d3324} .pua-feedback,.pua-quiz-feedback,.pua-drill-status{margin-top:15px;padding:0;border-radius:14px;font-size:16px;line-height:1.7;font-weight:700} .pua-feedback.is-visible,.pua-quiz-feedback.is-visible,.pua-drill-status.is-visible{padding:15px 17px;border:1px solid var(--pua-line)} .pua-feedback.is-correct,.pua-quiz-feedback.is-correct,.pua-drill-status.is-visible{background:var(--pua-soft-green);color:#18523a} .pua-feedback.is-incorrect,.pua-quiz-feedback.is-incorrect{background:#fff2ee;color:#7d3324} .pua-quiz-card{padding:20px;border:1px solid var(--pua-line);border-radius:16px;background:#fff;margin-top:15px} .pua-quiz-card h3{font-size:19px;line-height:1.4;margin-bottom:15px} .pua-quiz-options{display:grid;gap:11px} .pua-drill-card{padding:22px;background:var(--pua-soft);border:1px solid var(--pua-line);border-radius:16px} .pua-drill-card ol{margin:0 0 18px;padding-left:23px} .pua-drill-card li{margin-bottom:9px} .pua-next-article{background:var(--pua-navy);color:#fff} .pua-next-article .pua-zone-pill{background:rgba(255,255,255,.12);color:#fff} .pua-next-article h2{color:#fff} .pua-next-article p{color:#e8f1f8} @media(max-width:980px){ .pua-shell{width:min(100%,calc(100% - 24px));padding:20px 0 36px} .pua-hero{padding:22px;border-radius:18px} .pua-hero-grid,.pua-content-grid,.pua-two-column,.pua-readiness-layout,.pua-framework-wrap,.pua-closing-grid{grid-template-columns:1fr} .pua-summary-grid,.pua-best-practice-grid,.pua-journey-grid{grid-template-columns:1fr} .pua-progress-top{flex-direction:column} .pua-section{padding:22px} .pua-scenario-zone,.pua-quiz-zone,.pua-drill-zone,.pua-next-article{padding:22px} .pua-section-head{flex-direction:column!important;align-items:stretch!important;gap:16px!important} .pua-section-head>div{flex:1 1 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important} } @media(max-width:640px){ .pua-main-title{font-size:29px} .pua-hero-lead{font-size:16px} .pua-primary-link,.pua-primary-button,.pua-secondary-button{width:100%} .pua-section-number{width:54px;height:54px} .pua-progress-score{white-space:normal} }