.pua-weather-post{width:100%;background:linear-gradient(180deg,#f6fbff 0%,#ffffff 38%,#f7fbfd 100%);color:#183044;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box} .pua-weather-post *{box-sizing:border-box} .pua-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px} .pua-hero{padding:30px;border:1px solid #dbe8f1;border-radius:30px;background:linear-gradient(135deg,#ffffff 0%,#edf7ff 55%,#f7fbf3 100%);box-shadow:0 20px 70px rgba(15,44,66,.08)} .pua-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:28px;align-items:stretch} .pua-series-pill,.pua-eyebrow,.pua-panel-kicker,.pua-callout-label{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:#e8f3fb;color:#0e537c;font-size:.82rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase} .pua-main-title{margin:18px 0 14px;font-size:clamp(2.1rem,4vw,4.5rem);line-height:1.03;color:#10283a;letter-spacing:-.045em} .pua-hero-subtitle{margin:0 0 16px;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;line-height:1.45;color:#24516f} .pua-hero-intro,.pua-rich-copy p,.pua-callout p,.pua-summary-grid p,.pua-info-card p,.pua-equipment-card p,.pua-practice-card p,.pua-scenario-text,.pua-final-card p,.pua-final-grid p,.pua-next-footer p,.pua-cycle-lead p{font-size:1.05rem;line-height:1.78;color:#314b5f;margin:0 0 16px} .pua-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px} .pua-primary-link,.pua-primary-button,.pua-soft-button,.pua-refresh-button,.pua-scenario-options button{appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:16px;font-weight:800;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease} .pua-primary-link,.pua-primary-button{background:#0f5f88;color:#fff;box-shadow:0 14px 32px rgba(15,95,136,.22)} .pua-primary-link:hover,.pua-primary-button:hover{transform:translateY(-2px);background:#0b4f72} .pua-soft-button,.pua-refresh-button{background:#fff;color:#19425c;border:1px solid #cfdeea;box-shadow:0 10px 24px rgba(18,47,68,.06)} .pua-soft-button:hover,.pua-refresh-button:hover{transform:translateY(-2px);border-color:#95bdd3} .pua-refresh-button.is-done{background:#eaf8ee;color:#17603a;border-color:#b7ddc4} .pua-hero .pua-primary-link{background:linear-gradient(135deg,#ffffff 0%,#eaf6fd 100%);color:#0f5f88;border:1px solid #cfe2ee;box-shadow:0 12px 28px rgba(15,95,136,.12)} .pua-hero .pua-primary-link:hover{background:linear-gradient(135deg,#f8fcff 0%,#dff1fb 100%);color:#0b4f72;transform:translateY(-2px)} .pua-hero-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:26px;background:linear-gradient(135deg,#ffffff 0%,#eef8ff 58%,#f5fbf7 100%);color:#17394f;border:1px solid #d6e7f1;box-shadow:0 18px 50px rgba(15,44,66,.10)} .pua-hero-panel::before,.pua-hero-panel::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.62);pointer-events:none} .pua-hero-panel::before{width:180px;height:180px;top:-70px;right:-55px} .pua-hero-panel::after{width:115px;height:115px;bottom:-42px;left:-28px} .pua-hero-panel>*{position:relative;z-index:1} .pua-hero-panel .pua-panel-kicker{background:#e6f3fb;color:#0f5f88} .pua-hero-panel h3{margin:18px 0 14px;font-size:1.65rem;line-height:1.2;color:#10283a} .pua-hero-panel ul{margin:0;padding-left:20px} .pua-hero-panel li{margin:0 0 12px;color:#314b5f;line-height:1.55} .pua-mini-status{margin-top:24px;padding:18px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid #d9e8f1} .pua-mini-status span,.pua-mini-status strong,.pua-mini-status em{display:block} .pua-mini-status span{font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0f5f88} .pua-mini-status strong{font-size:2rem;margin:8px 0 4px;color:#14354d} .pua-mini-status em{font-style:normal;color:#466276;line-height:1.5} .pua-learning-summary,.pua-progress-card,.pua-content-section,.pua-scenario-section,.pua-quiz-section,.pua-drill-section,.pua-final-summary,.pua-next-footer{margin-top:28px} .pua-card,.pua-progress-card,.pua-content-section,.pua-scenario-card,.pua-quiz-form,.pua-drill-card,.pua-next-footer{border:1px solid #dbe8f1;background:#fff;border-radius:28px;box-shadow:0 18px 50px rgba(15,44,66,.07)} .pua-summary-card{padding:26px} .pua-summary-head h3,.pua-progress-top h3,.pua-drill-header h3,.pua-final-card h2,.pua-next-footer h3{margin:12px 0 0;color:#122d40;line-height:1.25} .pua-summary-head h3{font-size:1.6rem} .pua-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px} .pua-summary-grid article,.pua-info-card,.pua-equipment-card,.pua-practice-card,.pua-final-grid article{padding:18px;border-radius:20px;background:#f7fbfe;border:1px solid #e0ebf2} .pua-summary-grid strong,.pua-info-card h3,.pua-equipment-card h3,.pua-practice-card h3,.pua-final-grid strong{display:block;margin:0 0 8px;color:#14354d;font-size:1.08rem} .pua-summary-grid p,.pua-info-card p,.pua-equipment-card p,.pua-practice-card p,.pua-final-grid p{margin-bottom:0;font-size:.98rem} .pua-progress-card{padding:24px} .pua-progress-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px} .pua-progress-count{padding:10px 14px;border-radius:999px;background:#eef6fb;color:#124c70;font-weight:800;white-space:nowrap} .pua-progress-track{width:100%;height:18px;border-radius:999px;background:#e6eef3;overflow:hidden} .pua-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#1a739c 0%,#3b9c73 100%);border-radius:999px;transition:width .35s ease} .pua-content-section,.pua-scenario-section,.pua-quiz-section,.pua-drill-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:22px} .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;min-width:72px;height:72px;padding:0 14px;border-radius:22px;background:linear-gradient(135deg,#155f88 0%,#2b8a68 100%);color:#fff;font-size:1.04rem;font-weight:900;letter-spacing:.02em} .pua-section-head h2{margin:4px 0 8px;color:#10283a;font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1.18;letter-spacing:-.025em} .pua-section-intro{margin:0!important;font-size:1.08rem!important;line-height:1.72!important;color:#3e5c71!important} .pua-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px;align-items:start} .pua-callout{padding:22px;border-radius:24px;border:1px solid #d8e7f0;background:#f6fbff} .pua-callout h3{margin:14px 0 10px;color:#14354d;font-size:1.35rem} .pua-callout p{margin-bottom:0} .pua-callout-blue{background:#f1f8fd;border-color:#d5e8f4} .pua-callout-amber{margin-top:22px;background:#fff9ed;border-color:#f2dfb1} .pua-callout-amber .pua-callout-label{background:#fff0cc;color:#855d00} .pua-callout-green{background:#f1fbf4;border-color:#d2ead8} .pua-callout-green .pua-callout-label{background:#ddf4e4;color:#17603a} .pua-card-grid{display:grid;gap:16px;margin-top:22px} .pua-three-cards{grid-template-columns:repeat(3,minmax(0,1fr))} .pua-info-card span,.pua-equipment-card span,.pua-good,.pua-watch{display:inline-flex;margin-bottom:10px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em} .pua-info-card span,.pua-equipment-card span{color:#0f5f88} .pua-cycle-wrap{padding:24px;border-radius:26px;background:linear-gradient(180deg,#f7fbfe 0%,#ffffff 100%);border:1px solid #e0ebf2} .pua-cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px} .pua-cycle-grid article{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;border:1px solid #dfeaf2;background:#fff} .pua-cycle-grid strong{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#16384f;color:#fff;font-size:1.2rem} .pua-cycle-grid span{display:block;color:#29485e;line-height:1.55;font-weight:700} .pua-equipment-stack{display:grid;gap:16px} .pua-equipment-card{background:#f8fbfd} .pua-best-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px} .pua-good{color:#17603a} .pua-watch{color:#8a5d00} .pua-check-panel{margin-top:22px;padding:22px;border-radius:24px;background:#f7fbfe;border:1px solid #dce9f1} .pua-check-panel h3{margin:0 0 16px;color:#14354d;font-size:1.35rem} .pua-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .pua-check-grid label,.pua-quiz-form label{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:16px;background:#fff;border:1px solid #dfeaf2;color:#29485e;line-height:1.55} .pua-check-grid input,.pua-quiz-form input{margin-top:3px;accent-color:#176f99} .pua-practice-lane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px} .pua-practice-lane article{padding:18px;border-radius:20px;background:#f7fbfe;border:1px solid #e0ebf2} .pua-practice-lane span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#dff1fb;color:#0f5f88;font-weight:900;margin-bottom:12px} .pua-practice-lane h3{margin:0 0 8px;color:#14354d} .pua-practice-lane p{margin:0;color:#314b5f;line-height:1.65} .pua-scenario-card{padding:24px} .pua-scenario-text{font-size:1.08rem;margin-bottom:18px} .pua-scenario-options{display:grid;gap:12px} .pua-scenario-options button{justify-content:flex-start;text-align:left;background:#f7fbfe;border:1px solid #dbe8f1;color:#17394f;box-shadow:none} .pua-scenario-options button:hover{transform:translateY(-1px);background:#eef7fc} .pua-feedback{display:none;margin-top:16px;padding:16px;border-radius:18px;font-weight:800;line-height:1.6} .pua-feedback.is-visible{display:block} .pua-feedback.is-correct{background:#eaf8ee;border:1px solid #c4e4ce;color:#17603a} .pua-feedback.is-incorrect{background:#fff4e8;border:1px solid #efd4ad;color:#875800} .pua-quiz-form{padding:24px} .pua-quiz-form fieldset{margin:0 0 18px;padding:18px;border:1px solid #dbe8f1;border-radius:22px;background:#f8fbfd} .pua-quiz-form legend{padding:0 8px;color:#14354d;font-weight:900;font-size:1.08rem} .pua-quiz-form label+label{margin-top:10px} .pua-drill-card{padding:24px} .pua-drill-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px} .pua-drill-header h3{font-size:1.45rem;margin:0} .pua-timer-display{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:12px 0 20px;border-radius:50%;background:#122f44;color:#fff;font-size:2.4rem;font-weight:900} .pua-drill-card ol{margin:0;padding-left:24px} .pua-drill-card li{margin:0 0 12px;color:#314b5f;line-height:1.65;font-weight:700} .pua-final-card{padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f0f8fd 55%,#f4fbf6 100%)} .pua-final-card h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:14px 0 14px} .pua-final-card>p{max-width:1000px} .pua-final-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px} .pua-next-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px;background:#122f44;color:#fff} .pua-next-footer span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em} .pua-next-footer h3{color:#fff;font-size:1.55rem;margin:14px 0 8px} .pua-next-footer p{color:#e8f3fa;margin:0} @media(max-width:1100px){ .pua-hero-grid,.pua-two-column{grid-template-columns:1fr} .pua-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pua-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pua-practice-lane{grid-template-columns:repeat(2,minmax(0,1fr))} } @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-progress-top,.pua-drill-header{flex-direction:column;align-items:flex-start} } @media(max-width:760px){ .pua-shell{width:min(100% - 20px,1280px);padding:18px 0 46px} .pua-hero,.pua-summary-card,.pua-progress-card,.pua-content-section,.pua-scenario-section,.pua-quiz-section,.pua-drill-card,.pua-final-card,.pua-next-footer{padding:20px;border-radius:22px} .pua-summary-grid,.pua-three-cards,.pua-cycle-grid,.pua-best-practice-grid,.pua-check-grid,.pua-practice-lane,.pua-final-grid{grid-template-columns:1fr} .pua-section-number{min-width:62px;height:62px;border-radius:18px} .pua-main-title{font-size:2.15rem} .pua-hero-actions,.pua-primary-link,.pua-primary-button,.pua-soft-button,.pua-refresh-button{width:100%} .pua-progress-count{white-space:normal} .pua-next-footer{align-items:flex-start} }