:root{--sea-orange:#005246;--sea-orange-dark:#e94b14;--sea-navy:#121b49;--sea-text:#111827;--sea-muted:#64748b;--sea-border:#e8edf5;--sea-soft:#fff5ef}
.sea-course-section{width:100%;max-width:1320px;margin:0 auto;padding:10px 15px 50px;font-family:Lexend Deca ,Arial,sans-serif}.sea-course-heading{text-align:center;font-size:32px;line-height:1.08;font-weight:800;margin:0 0 18px;color:var(--sea-navy)}.sea-search-wrap{width:100%;max-width:520px;margin:0 auto 18px;position:relative;display:flex;align-items:center}.sea-search-wrap input{width:100%;height:42px;border:1px solid var(--sea-border);border-radius:50px;padding:0 55px 0 18px;font-size:13px;outline:none;background:#fff;box-shadow:0 0 0 5px rgba(255,91,34,.08);font-family:inherit}.sea-search-wrap input:focus{border-color:var(--sea-orange)}.sea-search-wrap button{position:absolute;right:4px;width:34px;height:34px;border-radius:50%;border:0;background:var(--sea-orange);color:#fff;font-size:20px;line-height:1;cursor:pointer}.sea-filter-wrap{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:26px}.sea-filter{background:#fff;border:1px solid var(--sea-border);border-radius:50px;padding:8px 13px;font-size:13px;color:var(--sea-text);cursor:pointer;transition:.25s;font-family:inherit}.sea-filter.active,.sea-filter:hover{border-color:var(--sea-orange);color:var(--sea-orange);box-shadow:0 0 0 2px rgba(255,91,34,.10)}.sea-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sea-course-card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:205px;border:1px solid #005246;border-radius:8px;background:#fff;text-decoration:none;padding:14px 15px 12px;transition:.25s}.sea-course-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,27,73,.10);border-color:var(--sea-orange)}.sea-course-img{width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.sea-course-img img{width:100%;height:100%;object-fit:contain;border-radius:26px}.sea-placeholder{width:150px;height:150px;border-radius:28px;background:linear-gradient(135deg,#263258,#050815);display:flex;align-items:center;justify-content:center;color:#fff;font-size:70px;font-weight:800}.sea-course-card h3{text-align:center;font-size:12px;line-height:1.3;font-weight:800;color:var(--sea-navy);margin:0}.sea-hidden{display:none!important}.sea-single-wrap{max-width:1140px;margin:45px auto;padding:0 15px;font-family:Poppins,Arial,sans-serif;color:var(--sea-text)}.sea-single-hero{display:grid;grid-template-columns:320px 1fr;gap:35px;align-items:center;border:1px solid var(--sea-border);border-radius:20px;padding:30px;background:#fff;box-shadow:0 10px 30px rgba(18,27,73,.07)}.sea-single-img img{width:100%;height:auto;border-radius:26px}.sea-single-img .sea-placeholder{width:260px;height:260px}.sea-kicker{margin:0 0 8px;color:var(--sea-orange);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sea-single-title{font-size:38px;line-height:1.1;margin:0 0 14px;color:var(--sea-navy);font-weight:800}.sea-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.sea-meta span{background:var(--sea-soft);color:var(--sea-orange);border:1px solid rgba(255,91,34,.18);border-radius:30px;padding:8px 14px;font-weight:800}.sea-single-intro,.sea-single-intro p{font-size:16px;line-height:1.75;color:#334155}.sea-course-btn{display:inline-block;background:var(--sea-orange);color:#fff!important;text-decoration:none;border-radius:50px;padding:13px 24px;font-weight:800;margin-top:8px}.sea-course-btn:hover{background:var(--sea-orange-dark);color:#fff!important}.sea-single-content{margin-top:28px;border:1px solid var(--sea-border);border-radius:20px;padding:30px;background:#fff}.sea-single-content h2{color:var(--sea-navy);font-size:30px;margin:0 0 18px;font-weight:800}.sea-single-content h3{color:var(--sea-navy);font-size:26px;margin:10px 0}.sea-phase-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.sea-phase-tab{background:#fff;border:1px solid var(--sea-border);border-radius:14px;padding:12px 16px;text-align:left;cursor:pointer;color:var(--sea-navy);font-weight:800;transition:.25s;font-family:inherit;max-width:230px}.sea-phase-tab small{display:block;color:var(--sea-orange);font-size:11px;margin-bottom:4px}.sea-phase-tab.active,.sea-phase-tab:hover{background:var(--sea-orange);border-color:var(--sea-orange);color:#fff;box-shadow:0 10px 24px rgba(255,91,34,.22)}.sea-phase-tab.active small,.sea-phase-tab:hover small{color:#fff}.sea-phase-panel{display:none;border:1px solid var(--sea-border);border-radius:18px;padding:24px;background:#fffaf7}.sea-phase-panel.active{display:block}.sea-phase-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.sea-phase-head span,.sea-phase-head strong{display:inline-block;background:#fff;color:var(--sea-orange);border:1px solid rgba(255,91,34,.18);border-radius:50px;padding:7px 12px;font-size:13px}.sea-phase-subtitle{font-size:17px;color:var(--sea-orange);font-weight:800;margin:0 0 16px}.sea-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;padding:0;margin:18px 0;list-style:none}.sea-check-list li{position:relative;padding-left:28px;line-height:1.55;color:#263238}.sea-check-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--sea-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.sea-outcome{margin-top:18px;padding:16px 18px;background:#fff;border-left:4px solid var(--sea-orange);border-radius:12px;color:#334155;line-height:1.65}.sea-extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.sea-extra-card{background:#fff;border:1px solid var(--sea-border);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(18,27,73,.05)}.sea-extra-card h3{margin:0 0 14px;color:var(--sea-navy);font-size:22px}.sea-extra-card ul{margin:0;padding:0;list-style:none}.sea-extra-card li{position:relative;padding:8px 0 8px 26px;color:#334155;line-height:1.5}.sea-extra-card li:before{content:'✓';position:absolute;left:0;color:var(--sea-orange);font-weight:900}@media(max-width:1024px){.sea-course-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.sea-course-heading{font-size:25px}.sea-filter-wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.sea-filter{white-space:nowrap}.sea-course-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sea-course-card{min-height:180px;padding:12px 8px}.sea-course-img{width:120px;height:120px}.sea-placeholder{width:115px;height:115px;font-size:48px}.sea-course-card h3{font-size:10px}.sea-single-hero{grid-template-columns:1fr;padding:20px}.sea-single-title{font-size:28px}.sea-single-content{padding:20px}.sea-phase-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.sea-phase-tab{min-width:190px}.sea-check-list{grid-template-columns:1fr}.sea-extra-grid{grid-template-columns:1fr}}@media(max-width:380px){.sea-course-grid{grid-template-columns:1fr}}
.sea-subcategory-area{display:none;margin-top:10px}.sea-subcategory-panel{display:none}.sea-sub-title{text-align:center;color:var(--sea-navy);font-size:24px;line-height:1.2;font-weight:800;margin:0 0 22px}.sea-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sea-sub-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:135px;background:#fff;border:1px solid #0d0c2b;border-radius:10px;text-decoration:none;padding:20px;transition:.25s;color:var(--sea-text)}.sea-sub-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,27,73,.10);border-color:var(--sea-orange)}.sea-sub-card span{display:inline-block;background:var(--sea-soft);color:var(--sea-orange);border-radius:30px;padding:6px 11px;font-size:11px;font-weight:800;margin-bottom:12px}.sea-sub-card h4{font-size:17px;line-height:1.25;color:var(--sea-navy);font-weight:800;margin:0 0 8px}.sea-sub-card p{font-size:13px;color:var(--sea-muted);margin:0;font-weight:600}.sea-cert-card{background:#fffaf7}.sea-course-card:not(a),.sea-sub-card:not(a){cursor:default}.sea-course-card[href],.sea-sub-card[href]{cursor:pointer}@media(max-width:1024px){.sea-sub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.sea-sub-title{font-size:20px}.sea-sub-grid{grid-template-columns:1fr;gap:12px}.sea-sub-card{min-height:115px;padding:16px}.sea-sub-card h4{font-size:15px}}

/* v1.3 - Image based subcategory / phase cards */
.sea-sub-grid{
    grid-template-columns:repeat(4,1fr)!important;
    gap:26px!important;
}
.sea-sub-card{
    align-items:center!important;
    text-align:center!important;
    min-height:260px!important;
    padding:26px 18px 22px!important;
    border-color:#0d0c2b!important;
    border-radius:16px!important;
    justify-content:center!important;
}
.sea-sub-card span,
.sea-sub-card p{
    display:none!important;
}
.sea-sub-img{
    width:140px;
    height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 22px;
}
.sea-sub-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:26px;
}
.sea-sub-placeholder{
    width:140px;
    height:140px;
    border-radius:28px;
    background:linear-gradient(135deg,#1f2a50,#050815);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:58px;
    font-weight:900;
    font-family:Poppins,Arial,sans-serif;
}
.sea-sub-card h4{
    text-align:center!important;
    color:var(--sea-navy)!important;
    font-size:16px!important;
    line-height:1.25!important;
    margin:0!important;
    font-weight:800!important;
}
@media(max-width:1024px){
    .sea-sub-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:767px){
    .sea-sub-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
    .sea-sub-card{min-height:190px!important;padding:18px 10px!important;}
    .sea-sub-img,.sea-sub-placeholder{width:105px!important;height:105px!important;}
    .sea-sub-placeholder{font-size:42px!important;border-radius:22px!important;}
    .sea-sub-card h4{font-size:12px!important;}
}
