.listing-page{background:#fff}
.listing-hero{padding:35px 0 42px;background:linear-gradient(112deg,#f5faff 0%,#e9f5ff 60%,#d8edff 100%);border-bottom:1px solid #e4effa}
.listing-hero h1{margin:0;color:#102a55;font:800 clamp(34px,4.3vw,52px)/1.12 Manrope,Inter,Arial,sans-serif;letter-spacing:-1.5px}
.listing-hero p:last-child{max-width:720px;margin:13px 0 0;color:#425e7e;font-size:17px}
.listing-section{padding-block:42px 10px}.listing-section:last-child{padding-bottom:60px}.listing-section>h2{margin:0 0 20px;color:#102a55;font:800 clamp(24px,2.5vw,32px)/1.2 Manrope,Inter,Arial,sans-serif}
.listing-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.listing-course-grid .course-card,.listing-blog-grid .blog-card,.guide-card{min-width:0;overflow:hidden;border:1px solid #dce9f6;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(31,82,137,.07)}
.listing-course-grid .course-image{height:220px;overflow:hidden;background:#e7f3ff}.listing-course-grid .course-image img{display:block;width:100%;height:100%;object-fit:cover}
.listing-course-grid .course-content{padding:25px}.listing-course-grid h3{margin:0;color:#102a55;font:800 25px/1.2 Manrope,Inter,Arial,sans-serif}.listing-course-grid p{margin:12px 0 17px;color:#4b607d}
.listing-course-grid .course-facts{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 22px;padding:0;list-style:none}.listing-course-grid .course-facts li{display:flex;align-items:center;gap:6px;color:#425e7e;font-size:13px}.listing-course-grid .course-facts svg{width:18px;height:18px;fill:none;stroke:#0873f9;stroke-width:2}
.listing-course-grid .card-actions{display:flex;flex-wrap:wrap;gap:10px}.listing-page .course-card .button{min-height:44px;border-radius:8px}.listing-page .button-outline{border-color:#cbd9e8;background:#f2f6fb;color:#173b68;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.listing-page .button-outline:hover{border-color:#a9bfd9;background:#e8f1fb;color:#12365f}
.course-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:28px 58px;padding:25px 28px;border:1px solid #d6e9fb;border-radius:16px;background:linear-gradient(110deg,#f0f8ff,#e7f4ff)}.course-help h2{margin:0;color:#102a55;font:800 22px/1.25 Manrope,Inter,Arial,sans-serif}.course-help p{margin:8px 0 0;color:#4b607d}.course-help-actions{display:flex;flex-wrap:wrap;gap:10px}.course-help-actions .button{min-height:44px;border-radius:8px}
.listing-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.listing-blog-grid .blog-card{display:flex;flex-direction:column}.listing-blog-grid .blog-image{height:170px;overflow:hidden;background:#e9f4ff}.listing-blog-grid .blog-image picture{display:block;width:100%;height:100%}.listing-blog-grid .blog-image img{display:block;width:100%;height:100%;object-fit:cover}.listing-blog-grid .blog-copy{display:flex;flex:1;flex-direction:column;padding:20px}.listing-blog-grid .blog-meta{color:#0b70db;font-size:12px;font-weight:700}.listing-blog-grid h3{margin:8px 0;color:#102a55;font:800 20px/1.3 Manrope,Inter,Arial,sans-serif}.listing-blog-grid p{margin:0 0 20px;color:#4b607d;font-size:14px}.listing-blog-grid .blog-copy>a{margin-top:auto;color:#0867cf;font-weight:700;text-decoration:none}.listing-blog-grid .blog-copy>a:hover{text-decoration:underline}
.listing-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{padding:22px;scroll-margin-top:88px}.guide-group{color:#0873f9;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-card h3{margin:8px 0;color:#102a55;font:800 20px/1.3 Manrope,Inter,Arial,sans-serif}.guide-card h3 a{text-decoration:none}.guide-card h3 a:hover{text-decoration:underline}.guide-card p{margin:0 0 14px;color:#4b607d;font-size:14px}.guide-read{color:#0867cf!important;font-weight:700;text-decoration:none}.guide-read:hover{text-decoration:underline}
@media(max-width:820px){.listing-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.listing-hero{padding-block:25px 32px}.listing-course-grid,.listing-blog-grid,.listing-guide-grid{grid-template-columns:1fr}.listing-section{padding-block:30px 4px}.listing-course-grid .course-image{height:180px}.listing-page .listing-section:last-child{padding-bottom:40px}.course-help{align-items:stretch;flex-direction:column;margin-block:24px 40px;padding:20px}.course-help-actions{flex-direction:column}.course-help-actions .button{justify-content:center;min-height:44px;border-radius:8px}}