.pua518-root{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f5f9ff 0%,#ffffff 42%,#f7fbff 100%);color:#172338;width:100%;margin:0;padding:0} .pua518-root *{box-sizing:border-box} .pua518-shell{width:100%;max-width:1180px;margin:0 auto;padding:28px 18px 44px} .pua518-article{width:100%} .pua518-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:24px;align-items:stretch;background:radial-gradient(circle at top left,#fff2cf 0%,rgba(255,242,207,.12) 34%,transparent 58%),linear-gradient(135deg,#10243e 0%,#17446b 58%,#eff8ff 58%,#ffffff 100%);border-radius:28px;padding:34px;box-shadow:0 20px 55px rgba(20,45,80,.16);overflow:hidden} .pua518-hero-copy,.pua518-hero-copy *{color:#fff!important} .pua518-kicker{display:inline-flex;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff!important} .pua518-part-label{font-size:15px;font-weight:800;color:#ffd27a!important;margin:22px 0 8px} .pua-main-title{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:0 0 18px;color:#fff!important;letter-spacing:-.04em} .pua518-hero-text{font-size:18px;line-height:1.65;max-width:760px;margin:0 0 24px;color:#f4f8ff!important} .pua518-hero-actions{display:flex;flex-wrap:wrap;gap:12px} .pua518-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;text-decoration:none;border:0;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease} .pua518-btn:hover{transform:translateY(-1px)} .pua518-btn-primary{background:#f5a623;color:#142033!important;box-shadow:0 12px 25px rgba(245,166,35,.28)} .pua518-btn-soft{background:rgba(255,255,255,.16);color:#fff!important;border:1px solid rgba(255,255,255,.26)} .pua518-hero-card{background:#fff!important;border:1px solid rgba(21,55,88,.12);border-radius:24px;padding:22px;color:#172338!important;box-shadow:0 15px 36px rgba(12,27,47,.18)} .pua518-hero-card *{color:#172338!important} .pua518-hero-card strong{display:block;font-size:19px;margin-bottom:12px;color:#10243e!important} .pua518-hero-card ul{margin:0;padding-left:20px;line-height:1.8} .pua518-progress-panel{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:22px;align-items:center;margin:24px 0;background:#fff;border:1px solid #dce8f5;border-radius:24px;padding:22px;box-shadow:0 12px 32px rgba(16,36,62,.08)} .pua518-progress-panel p{margin:6px 0 0;color:#4b5d73;line-height:1.55} .pua518-progress-wrap{display:grid;gap:8px} .pua518-progress-bar{position:relative!important;height:14px!important;background:#e8f0f8!important;border-radius:999px!important;overflow:hidden!important;width:100%!important} .pua518-progress-bar span{display:block!important;height:100%!important;width:0%!important;background:linear-gradient(90deg,#1f7a52,#f5a623)!important;border-radius:999px!important;transition:width .25s ease!important} #pua518-progress-text{font-size:13px;font-weight:800;color:#24415f;text-align:right} .pua518-section{background:#fff;border:1px solid #dce8f5;border-radius:26px;margin:22px 0;padding:26px;box-shadow:0 12px 32px rgba(16,36,62,.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-head h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0 0 8px;color:#10243e;letter-spacing:-.025em} .pua-section-intro{font-size:17px;line-height:1.6;margin:0;color:#52677e} .pua518-section-no{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#eaf4ff;color:#17446b;font-weight:900;border:1px solid #cfe3f8} .pua518-section p{font-size:17px;line-height:1.72;color:#27384d;margin:0 0 16px} .pua518-section h3{font-size:21px;margin:22px 0 10px;color:#173a5c} .pua518-card-grid{display:grid;gap:16px;margin:18px 0} .pua518-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))} .pua518-card{background:#f7fbff;border:1px solid #dce8f5;border-radius:20px;padding:20px} .pua518-card h3{margin-top:0} .pua518-callout,.pua518-warning{border-radius:20px;padding:18px;margin:20px 0;border:1px solid} .pua518-callout{background:#f4fff9;border-color:#bee7d0} .pua518-callout strong{color:#1f7a52} .pua518-warning{background:#fff7ed;border-color:#ffd59a} .pua518-warning strong{color:#a85300} .pua518-note-list{background:#f7fbff;border:1px solid #dce8f5;border-radius:20px;padding:18px;margin:20px 0} .pua518-note-list ul{margin:0;padding-left:20px;line-height:1.75;color:#27384d} .pua518-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0} .pua518-mini-grid>div{background:#f8fbff;border:1px solid #dce8f5;border-radius:18px;padding:18px} .pua518-mini-grid strong{display:block;color:#10243e;font-size:18px;margin-bottom:8px} .pua518-ready-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px} .pua518-ready-grid>div{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #dce8f5;border-radius:20px;padding:18px;min-height:190px} .pua518-ready-grid>div>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#17446b;color:#fff;font-weight:900;margin-bottom:12px} .pua518-ready-grid strong{display:block;color:#10243e;margin-bottom:8px;line-height:1.35} .pua518-scenario{background:#f7fbff;border:1px solid #dce8f5;border-radius:22px;padding:20px} .pua518-choice-wrap{display:grid;gap:10px;margin:16px 0} .pua518-choice-wrap button{width:100%;text-align:left;border:1px solid #cfe0f2;background:#fff;color:#172338;border-radius:16px;padding:14px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease} .pua518-choice-wrap button:hover{transform:translateY(-1px);border-color:#f5a623} .pua518-choice-wrap button.is-correct{background:#effcf5;border-color:#1f7a52} .pua518-choice-wrap button.is-wrong{background:#fff1f1;border-color:#cc3d3d} .pua518-feedback{font-weight:800;color:#173a5c;margin-top:12px!important} .pua518-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .pua518-mistake,.pua518-better{border-radius:20px;padding:18px;border:1px solid} .pua518-mistake{background:#fff5f5;border-color:#ffd0d0} .pua518-better{background:#f4fff9;border-color:#bee7d0} .pua518-mistake h3,.pua518-better h3{margin-top:0} .pua518-quiz{display:grid;gap:16px} .pua518-quiz fieldset{border:1px solid #dce8f5;background:#f8fbff;border-radius:20px;padding:18px;margin:0} .pua518-quiz legend{font-weight:900;color:#10243e;padding:0 6px} .pua518-quiz label{display:block;margin:12px 0;color:#27384d;line-height:1.5} .pua518-quiz input{margin-right:8px} .pua518-refresh-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;border:1px solid #cfe0f2;background:#fff;color:#17446b;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease} .pua518-refresh-btn:hover{background:#eaf4ff} .pua518-refresh-btn.is-done{background:#1f7a52!important;border-color:#1f7a52!important;color:#fff!important} .pua518-drill ol{margin:0;padding-left:24px;line-height:1.8;color:#27384d;font-size:17px} .pua518-next{background:linear-gradient(135deg,#10243e,#17446b);color:#fff;border-radius:28px;padding:28px;margin:24px 0 0;box-shadow:0 16px 40px rgba(16,36,62,.16)} .pua518-next-label{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;margin:0 0 12px!important;color:#fff!important;font-weight:900} .pua518-next h2{margin:0 0 12px;color:#fff;font-size:clamp(24px,3vw,34px)} .pua518-next p{color:#eef6ff!important;font-size:17px;line-height:1.65} @media(max-width:980px){.pua518-hero{grid-template-columns:1fr;background:linear-gradient(135deg,#10243e 0%,#17446b 100%)}.pua518-progress-panel{grid-template-columns:1fr}.pua518-card-grid-three,.pua518-mini-grid{grid-template-columns:1fr}.pua518-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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:680px){.pua518-shell{padding:18px 12px 34px}.pua518-hero,.pua518-section,.pua518-progress-panel,.pua518-next{border-radius:20px;padding:20px}.pua518-hero-text,.pua518-section p,.pua518-drill ol{font-size:16px}.pua518-ready-grid,.pua518-compare-grid{grid-template-columns:1fr}.pua518-btn{width:100%}#pua518-progress-text{text-align:left}}