.pua-course-wrap{font-family:Arial,Helvetica,sans-serif;background:#f4f8fb;color:#172235;line-height:1.7;margin:0;padding:0} .pua-course-wrap *{box-sizing:border-box} .pua-hero{ background:linear-gradient(135deg,#fff8e8 0%,#eaf7ff 45%,#ffd36a 100%);padding:46px 18px;color:#10243b;border-bottom:1px solid #dbe8f3;} .pua-hero-inner{ max-width:1180px;margin:0 auto;} .pua-kicker{ display:inline-block;background:#ffffff;border:1px solid #f5c451;color:#0b315c;padding:8px 14px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:18px;box-shadow:0 8px 18px rgba(9,33,63,.08);} .pua-main-title{ font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 16px;font-weight:900;letter-spacing:-1.5px;color:#09213f;} .pua-hero-subtitle{ font-size:clamp(18px,2.3vw,24px);max-width:840px;margin:0 0 26px;color:#26384d;} .pua-hero-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;} .pua-hero-card{ background:#ffffff;border:1px solid #dbe8f3;border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(9,33,63,.10);} .pua-hero-card span{ display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#5b6b7d;margin-bottom:5px;} .pua-hero-card strong{ display:block;font-size:18px;color:#0b315c;} .pua-container{max-width:1180px;margin:0 auto;padding:28px 18px 54px} .pua-note{background:#fff;border-left:6px solid #f5a623;border-radius:18px;padding:18px 20px;box-shadow:0 12px 34px rgba(9,33,63,.08);margin-bottom:22px;font-size:17px} .pua-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0} .pua-summary-card{background:#fff;border:1px solid #dbe8f3;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(9,33,63,.06)} .pua-summary-card h3{margin:0 0 8px;color:#0b315c;font-size:22px} .pua-summary-card p{margin:0;font-size:17px} .pua-progress-box{background:#fff;border-radius:22px;border:1px solid #dbe8f3;padding:18px 20px;margin:24px 0 30px;box-shadow:0 12px 30px rgba(9,33,63,.06)} .pua-progress-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;font-size:16px} .pua-progress-track{height:14px;background:#e5eef7;border-radius:999px;overflow:hidden} .pua-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#1f8a70,#f5a623);border-radius:999px;transition:width .3s ease} .pua-article{display:block} .pua-section{background:#fff;border:1px solid #dbe8f3;border-radius:26px;padding:28px;margin:24px 0;box-shadow:0 16px 40px rgba(9,33,63,.07)} .pua-section-head{display:flex!important;align-items:flex-start!important;gap:18px!important;width:100%!important;max-width:100%!important;margin-bottom:18px} .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-number{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#0b315c;color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 18px rgba(11,49,92,.18)} .pua-section h2{font-size:clamp(26px,3vw,36px);line-height:1.16;margin:0 0 8px;color:#0b315c;letter-spacing:-.5px} .pua-section h3{font-size:23px;line-height:1.22;margin:24px 0 8px;color:#123b66} .pua-section p,.pua-section-intro{font-size:18px;margin:0 0 16px;color:#243449} .pua-section-intro{font-size:19px;color:#40546b} .pua-callout{background:#eff8f3;border:1px solid #bfe3d0;border-left:6px solid #1f8a70;border-radius:18px;padding:18px 20px;margin:20px 0;font-size:17px} .pua-callout-blue{background:#eef7ff;border-color:#c7e2fb;border-left-color:#2176ae} .pua-callout-amber{background:#fff7e8;border-color:#ffe0a8;border-left-color:#f5a623} .pua-refresh-btn{appearance:none;border:0;background:#0b315c;color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 22px rgba(11,49,92,.18);transition:transform .2s ease,background .2s ease} .pua-refresh-btn:hover{transform:translateY(-1px);background:#134b85} .pua-refresh-btn.is-done{background:#1f8a70} .pua-cycle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 24px} .pua-cycle-grid div{display:flex;gap:12px;align-items:flex-start;background:#f5f9fc;border:1px solid #dbe8f3;border-radius:18px;padding:14px} .pua-cycle-grid strong{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:14px;background:#f5a623;color:#10243b;font-weight:900} .pua-cycle-grid span{font-size:16px;color:#243449} .pua-card-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0} .pua-small-card{background:#f7fbff;border:1px solid #dbe8f3;border-radius:20px;padding:20px} .pua-small-card h3{margin-top:0} .pua-small-card p{margin-bottom:0} .pua-interactive{background:#fff;border:1px solid #dbe8f3;border-radius:26px;padding:28px;margin:24px 0;box-shadow:0 16px 40px rgba(9,33,63,.07)} .pua-interactive h2,.pua-refresher h2,.pua-next h2{margin:0 0 12px;color:#0b315c;font-size:30px;line-height:1.15} .pua-interactive p,.pua-refresher p,.pua-next p{font-size:18px;margin:0 0 16px;color:#243449} .pua-options,.pua-quiz{display:grid;gap:12px} .pua-options button,.pua-quiz button{width:100%;text-align:left;border:1px solid #cddfed;background:#f7fbff;border-radius:16px;padding:14px 16px;font-size:16px;font-weight:700;color:#172235;cursor:pointer} .pua-options button:hover,.pua-quiz button:hover{background:#eef7ff} .pua-options button.is-correct,.pua-quiz button.is-correct{border-color:#1f8a70;background:#eaf8f1} .pua-options button.is-wrong,.pua-quiz button.is-wrong{border-color:#d9534f;background:#fff0ef} .pua-feedback{display:none;margin-top:16px;padding:16px;border-radius:16px;background:#eef7ff;border:1px solid #c7e2fb;font-weight:700;color:#123b66} .pua-feedback.is-show{display:block} .pua-quiz-item{background:#f9fcff;border:1px solid #dbe8f3;border-radius:20px;padding:18px} .pua-quiz-item h3{margin:0 0 12px;color:#123b66} .pua-refresher{background:linear-gradient(135deg,#eef7ff,#fff7e8);border:1px solid #dbe8f3;border-radius:26px;padding:28px;margin:24px 0;box-shadow:0 16px 40px rgba(9,33,63,.07)} .pua-next{background:#09213f;color:#fff;border-radius:26px;padding:28px;margin:26px 0 0} .pua-next span{display:inline-block;background:#f5a623;color:#10243b;border-radius:999px;padding:7px 12px;font-weight:900;margin-bottom:14px} .pua-next h2{color:#fff} .pua-next p{color:#e7f1fb;margin-bottom:0} @media(max-width:980px){.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}.pua-hero-grid,.pua-summary-grid,.pua-cycle-grid,.pua-card-row{grid-template-columns:1fr}.pua-section,.pua-interactive,.pua-refresher,.pua-next{padding:22px}.pua-progress-top{flex-direction:column}.pua-container{padding-left:14px;padding-right:14px}} @media(max-width:560px){.pua-hero{padding:34px 14px}.pua-main-title{font-size:34px}.pua-section p,.pua-section-intro,.pua-interactive p,.pua-refresher p,.pua-next p{font-size:17px}.pua-section-number{width:48px;height:48px}.pua-section h2{font-size:27px}}