/* TASK 03K: presentation only; existing price, QR, form and ownership hooks remain. */
.premium-foundation .pf-enrollment{background:#f8f2e7;padding-block:64px;scroll-margin-top:100px}
.pf-enrollment-heading{text-align:center;max-width:760px;margin:0 auto 30px}
.pf-enrollment-heading .eyebrow{color:var(--teal-deep,#0f6f8c)}
.pf-enrollment-heading .sec{line-height:1.45;margin:12px 0}
.pf-enrollment-heading p{color:#52666f;line-height:1.75;margin:0}
.pf-enrollment-card{background:#fff;border:1px solid #e7e1d7;border-radius:28px;box-shadow:0 16px 44px rgba(56,64,60,.08);padding:40px;max-width:1080px;margin:auto}
.pf-enrollment-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.premium-foundation .pf-enrollment .buy-box{position:static;max-width:none;width:100%;padding:0;border:0;background:none;box-shadow:none;text-align:center;margin:0;min-width:0}
.pf-enrollment .js-course-cover{max-width:280px;margin-inline:auto;object-fit:contain}
.pf-enrollment-identity h3{font-size:1.55rem;color:var(--ink,#0f2a38);margin:8px 0 4px;line-height:1.4}
.pf-enrollment-course{color:#52666f;font-size:1rem;margin:0 0 12px}
.pf-enrollment .price-big{justify-content:center;flex-wrap:wrap;gap:8px 14px}
.pf-enrollment .price-big strong{font-size:clamp(2.3rem,4vw,3rem);color:#0f2a38}
.pf-enrollment .price-big del{color:#63747c}
.pf-enrollment .buy-box .save{background:#f6edda;color:#76551e;padding:4px 12px;border-radius:20px}
.pf-enrollment .buy-box .mini-note{margin-top:18px;line-height:1.75;color:#52666f}
.pf-enrollment a:not(.btn){color:#0f6f8c;text-underline-offset:4px}
.pf-enrollment-steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.pf-enrollment-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}
.pf-enrollment-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e1f3fa;color:#0f5873;font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700}
.pf-enrollment-steps h3{font-size:1.08rem;line-height:1.55;margin:4px 0 7px;color:#0f2a38}
.pf-enrollment-steps p{font-size:.96rem;line-height:1.75;color:#52666f;margin:0}
.pf-enrollment-steps .pf-enrollment-credit{font-size:.85rem;margin-top:8px;color:#5c6569}
.pf-enrollment-payment-note{background:#f4fafb;border:1px solid #dcecf0;border-radius:14px;padding:14px 16px;margin:24px 0 18px;color:#435e69;font-size:.88rem;line-height:1.8}
.pf-enrollment .pf-enrollment-primary{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;box-sizing:border-box;background:#0f7995;color:#fff;border:1px solid #0f7995;border-radius:14px;font-size:1.08rem;font-weight:700;text-align:center}
.pf-enrollment .pf-enrollment-primary:hover{background:#0f637c;border-color:#0f637c}
.pf-enrollment .pf-enrollment-student{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;line-height:1.6;margin-top:10px;font-size:.9rem;padding:4px 10px}
.pf-enrollment .order-form-panel{max-width:none;width:100%;box-sizing:border-box;margin:32px 0 0;padding:30px 0 0;border:0;border-top:1px solid #e5e8e6;border-radius:0;background:none;scroll-margin-top:100px}
.pf-enrollment-form-heading{max-width:760px;margin-bottom:22px}
.pf-enrollment-form-heading h3{font-size:1.2rem;margin:0 0 10px;line-height:1.55}
.pf-enrollment-form-heading .pf-note{margin:0;line-height:1.7}
.pf-enrollment-payment-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.pf-enrollment-qr{background:#faf8f2;border:1px solid #eee8dc;border-radius:18px;padding:22px;min-width:0}
.pf-enrollment-qr h4{font-size:1rem;line-height:1.6;margin:0 0 10px}
.pf-enrollment-qr p{font-size:.9rem;line-height:1.75;color:#52666f;margin:0}
.pf-enrollment-qr .pf-enrollment-mobile-note{font-size:.85rem;margin-top:16px;padding-top:14px;border-top:1px solid #e5dfd1}
.pf-enrollment .form-grid{min-width:0}
.pf-enrollment .form-grid input{box-sizing:border-box;max-width:100%;min-width:0}
.pf-enrollment .form-grid>div{min-width:0}
.pf-enrollment .form-grid button{min-height:48px;white-space:normal}
.pf-enrollment a:focus-visible,.pf-enrollment button:focus-visible{outline:3px solid #0f6f8c;outline-offset:4px}
.pf-enrollment #order:focus-visible{outline:3px solid #0f6f8c;outline-offset:8px}
@media(max-width:900px){
.pf-enrollment-card{padding:28px}
.pf-enrollment-overview,.pf-enrollment-payment-grid{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.pf-enrollment .js-course-cover{max-width:220px}
}
@media(max-width:680px){
.premium-foundation .pf-enrollment{padding-block:42px}
.pf-enrollment-heading{margin-bottom:24px}
.pf-enrollment-heading .sec{font-size:1.55rem;line-height:1.5}
.pf-enrollment-heading p{font-size:.96rem}
.pf-enrollment-card{padding:24px 18px;border-radius:22px}
.pf-enrollment-overview,.pf-enrollment-payment-grid{grid-template-columns:minmax(0,1fr);gap:26px}
.pf-enrollment .js-course-cover{max-width:210px}
.pf-enrollment-steps{gap:22px}
.pf-enrollment-steps li{grid-template-columns:36px minmax(0,1fr);gap:10px}
.pf-enrollment-number{width:36px;height:36px;font-size:.9rem}
.pf-enrollment-steps h3{font-size:1.02rem;margin-top:2px}
.pf-enrollment-steps p{font-size:.93rem}
.pf-enrollment-qr{padding:18px}
.pf-enrollment .order-form-panel{margin-top:26px;padding-top:26px}
}
.pf-enrollment #pf-enrollment-title{scroll-margin-top:100px}
.pf-enrollment .buy-box .js-free-trial{width:auto;min-height:44px;border:0;background:none;padding:10px 4px;font-size:.88rem;box-shadow:none;color:#0f6f8c;text-decoration:underline;text-underline-offset:4px}