.online-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.online-hero,.online-category,.empty-state{background:#fff;border:1px solid #cbdced;border-radius:22px;padding:clamp(24px,4vw,48px);margin:22px 0}.online-hero h1{font-size:clamp(2.3rem,6vw,4.5rem);margin:.25rem 0}.online-category h2{color:#08264a;margin-top:0}.online-course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.online-course-list article{border:1px solid #b9d0e6;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.online-course-list h3{margin:0;font-size:1.35rem}.online-price{display:flex;flex-wrap:wrap;gap:8px}.online-price span{background:#edf5fc;border-radius:999px;padding:7px 11px;font-weight:700}.online-course-promo{margin:32px auto;padding:24px;border:1px solid #b9d0e6;border-left:6px solid #f59d00;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.online-course-promo h2{margin:.2rem 0}.promo-categories{font-weight:700;color:#335879}.guided-info,.course-reviews{background:#fff;border:1px solid #cbdced;border-radius:18px;padding:clamp(22px,4vw,38px);margin:24px 0}.guided-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}.guided-flow span{background:#edf5fc;border-radius:999px;padding:8px 12px;font-weight:700}.feature-checks{columns:2;column-gap:32px;padding:0;list-style:none}.feature-checks li{break-inside:avoid;margin:9px 0;padding-left:26px;position:relative}.feature-checks li::before{content:'✓';position:absolute;left:0;color:#14804a;font-weight:900}.course-reviews [data-review-summary]{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.course-reviews [data-review-summary] strong{font-size:1.25rem;color:#9a6500}.course-reviews [data-review-list]{display:grid;gap:12px;margin-top:18px}.course-reviews article{border:1px solid #d5e2ef;border-radius:12px;padding:16px}.course-reviews article strong{color:#b87900}.review-verification{font-size:.9rem;color:#52677e}@media(max-width:650px){.online-shell{width:min(100% - 20px,1100px);padding-top:18px}.online-hero,.online-category,.empty-state{padding:22px 18px;border-radius:16px}.online-course-promo{align-items:stretch;flex-direction:column}.online-course-promo .primary{text-align:center}.feature-checks{columns:1}.guided-flow b{display:none}}
.online-course-list h3{hyphens:none;overflow-wrap:break-word}.online-course-subtitle{margin:-4px 0 0;font-size:.92rem;font-weight:700;color:#345b7d}
.operator-detail-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:center;padding:24px;background:#fff;border:1px solid #cbdced;border-radius:18px}.operator-detail-intro img{width:100%;height:auto;border-radius:14px}.operator-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding-left:20px}.operator-topic-list li span{display:block;color:#52677e;font-size:.92rem}.operator-detail-note{padding:4px 2px;font-size:.88rem;color:#607187}@media(max-width:700px){.operator-detail-intro,.operator-topic-list{grid-template-columns:1fr}}
.lesson-title-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:lesson}.lesson-title-list li{counter-increment:lesson;display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;padding:.8rem;border:1px solid #d8e4ef;border-radius:10px;background:#f8fbff}.lesson-title-list li:before{content:counter(lesson);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#e4effb;color:#075cab;font-weight:800}.lesson-title-list span{font-weight:750}.lesson-title-list small{grid-column:2;color:#64748b;margin-top:.2rem}.operator-detail-note{margin-top:1.1rem;padding-top:1rem;border-top:1px solid #d9e2ec;color:#5c6878;font-size:.88rem;line-height:1.55}.variant-buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.variant-buy-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #c8d8e8;border-radius:14px;background:#f7faff}.variant-buy-grid span{color:#53667e}.online-course-promo .promo-future{color:#64748b}
@media(max-width:700px){.lesson-title-list,.variant-buy-grid{grid-template-columns:1fr}.lesson-title-list li{padding:.7rem}.variant-buy-grid article{padding:.85rem}}
.online-shell{width:min(980px,calc(100% - 32px));padding:20px 0 48px}.online-hero,.online-category,.online-shell>.empty-state{padding:clamp(18px,2.8vw,30px);margin:14px 0;border-radius:16px}.online-hero h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}.online-category h2{font-size:clamp(1.55rem,3vw,2.15rem);margin-bottom:1rem}.online-course-list{grid-template-columns:1fr;gap:14px}.online-course-list article{display:grid;grid-template-columns:minmax(250px,36%) 1fr;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:14px}.online-course-image{width:100%;height:100%;min-height:250px;object-fit:cover;background:#e9f1f8}.online-course-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:22px}.online-course-card-copy>p{margin:.15rem 0;line-height:1.55}.online-course-list h3{font-size:1.22rem;line-height:1.3}.guided-info,.course-reviews{padding:clamp(18px,2.8vw,30px);margin:16px 0}.operator-detail-intro{gap:18px;padding:18px}.operator-detail-copy h1,.self-study-detail .shop-heading h1{font-size:clamp(1.9rem,4vw,3rem)}@media(max-width:700px){.online-course-list article{grid-template-columns:1fr}.online-course-image{height:auto;min-height:0;aspect-ratio:16/9}.online-course-card-copy{padding:18px}.online-hero h1{font-size:2rem}}.planned-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.planned-course{padding:16px;border:1px dashed #9eb3c9;border-radius:12px;background:#f6f9fc}.planned-course span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7edf4;color:#4d6075;font-size:.72rem;font-weight:900;letter-spacing:.08em}.planned-course h3{margin:.65rem 0 .35rem;font-size:1.05rem;color:#183b60}.planned-course p{margin:0;color:#64748b;font-size:.9rem;line-height:1.45}@media(max-width:650px){.planned-course-list{grid-template-columns:1fr}}.first-aid-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:center}.first-aid-hero img{width:100%;height:auto;border-radius:18px}.medical-review{font-size:.86rem;color:#526780;border-top:1px solid #d7e3ef;padding-top:12px}.memory-box{display:block;background:#eef6ff;border-left:5px solid #cf2030;padding:16px;margin:20px 0}@media(max-width:720px){.first-aid-hero{grid-template-columns:1fr}.first-aid-hero h1{font-size:clamp(2rem,9vw,3rem)}}