:root{--ink:#17201d;--muted:#68726d;--paper:#f4f2ec;--card:#fff;--line:#d9d7ce;--accent:#8c6a32;--dark:#111917;--shadow:0 24px 70px rgba(20,28,25,.09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 10%,rgba(140,106,50,.08),transparent 27%),var(--paper)}a{color:inherit}.site-header{height:92px;padding:0 clamp(24px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,32,29,.1)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;letter-spacing:.03em}.brand-mark{width:42px;height:42px;border:1px solid var(--accent);display:grid;place-items:center;font-family:Georgia,serif;color:var(--accent);font-size:15px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:18px}.brand small{text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:var(--muted);margin-top:3px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav>a:not(.button){font-size:13px;text-decoration:none;color:var(--muted)}main{flex:1}.hero{min-height:calc(100vh - 190px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);font-weight:700;font-size:11px;margin-bottom:18px}.hero h1,.auth-card h1,.dashboard-head h1,.admin-wrap h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0}.hero h1{font-size:clamp(54px,8vw,112px);line-height:.88;letter-spacing:-.055em}.hero h1 span{font-style:italic;color:var(--accent)}.tagline{font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-top:34px}.rule{width:48px;height:1px;background:var(--accent);margin:30px}.intro{max-width:620px;color:var(--muted);font-family:Georgia,serif;font-size:21px;line-height:1.65;margin:0 0 34px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;border:1px solid var(--dark);padding:14px 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;cursor:pointer}.button:hover{opacity:.9}.button-quiet{background:transparent;color:var(--ink);border-color:var(--line)}.button.full{width:100%}.privacy-note{text-align:center;padding:25px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.site-footer{padding:28px clamp(24px,6vw,88px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px;line-height:1.5}.site-footer p{margin:0}.auth-shell{min-height:calc(100vh - 190px);padding:70px 20px;display:grid;place-items:center}.auth-card{width:min(100%,450px);background:var(--card);padding:48px;box-shadow:var(--shadow);border:1px solid rgba(23,32,29,.08)}.auth-card.wide{width:min(100%,620px)}.auth-card h1{font-size:46px;margin-bottom:12px}.auth-card h2{font-family:Georgia,serif;font-weight:400;margin-top:32px}.auth-card>p{color:var(--muted);line-height:1.6}.auth-card label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin:20px 0}.auth-card input,.auth-card select{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);background:#fbfaf7;font:inherit;font-size:15px}.fine-print{font-size:11px!important;text-align:center;margin-top:22px}.notice{max-width:900px;margin:20px auto;padding:14px 18px;border:1px solid}.notice-error{background:#fff2f1;border-color:#dfb2ad;color:#7b2922}.notice-success{background:#eff8f1;border-color:#acd0b4;color:#225b30}.dashboard-wrap,.admin-wrap{max-width:1180px;margin:0 auto;padding:80px 24px 110px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:48px}.dashboard-head h1,.admin-wrap h1{font-size:52px}.status-pill,.coming{display:inline-block;border:1px solid var(--line);padding:8px 11px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:var(--card);min-height:300px;padding:32px;border:1px solid rgba(23,32,29,.08);display:flex;flex-direction:column}.feature-panel{background:var(--dark);color:#fff}.panel-number{font-family:Georgia,serif;font-size:13px;color:var(--accent)}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:50px 0 15px}.panel p{color:var(--muted);line-height:1.7}.feature-panel p{color:#aeb7b3}.panel .coming{margin-top:auto;align-self:flex-start}.member-record{margin-top:30px;color:var(--muted);font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:13px}th{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--muted)}@media(max-width:800px){.site-header{height:auto;padding:20px;align-items:flex-start}.site-header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-header nav>a:not(.button){display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column}.auth-card{padding:32px 24px}.hero h1{font-size:55px}.dashboard-head h1{font-size:42px}}
.hero-actions,.header-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.application-shell{max-width:980px;margin:0 auto;padding:60px 24px 100px}.application-progress{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.application-progress strong,.application-progress span{display:block}.progress-track{height:5px;background:var(--line);width:min(340px,45vw);overflow:hidden}.progress-track span{height:100%;background:var(--accent)}.application-card{background:var(--card);border:1px solid rgba(23,32,29,.08);box-shadow:var(--shadow);padding:clamp(28px,6vw,70px)}.application-card h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.05;margin:0 0 20px}.application-card .lead{font-family:Georgia,serif;font-size:20px;line-height:1.65;color:var(--muted);max-width:760px}.agreement-box{background:#f8f7f2;border:1px solid var(--line);padding:28px;margin:30px 0;line-height:1.75}.agreement-box h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0 0 16px}.agreement-box ul{padding-left:22px}.application-form label,.agreement-box label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:18px 0}.application-form input,.application-form textarea,.agreement-box textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full-span{grid-column:1/-1}.check-row{display:flex!important;gap:13px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:400!important;line-height:1.55}.check-row input{width:auto!important;margin:4px 0 0!important;flex:0 0 auto}.application-actions{display:flex;justify-content:flex-end;margin-top:28px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}.review-grid>div{border:1px solid var(--line);padding:18px}.review-grid span,.review-grid strong{display:block}.review-grid span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.filter-links{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.filter-links a{font-size:12px}.admin-two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.details{display:grid;grid-template-columns:120px 1fr;gap:10px 18px}.details dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.details dd{margin:0}.stacked-actions{display:grid;gap:10px;margin-top:18px}.danger{background:#7b2922;border-color:#7b2922}.agreement-box textarea{min-height:150px}.application-card .notice{margin:20px 0}@media(max-width:760px){.form-grid,.review-grid,.admin-two-col{grid-template-columns:1fr}.full-span{grid-column:auto}.application-progress{align-items:flex-start;flex-direction:column}.progress-track{width:100%}.details{grid-template-columns:1fr}.application-card{padding:30px 22px}}

/* Membership application layout gutters */
.application-shell{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding-top:60px;
  padding-right:clamp(18px,4vw,56px);
  padding-bottom:100px;
  padding-left:clamp(18px,4vw,56px);
}
.application-progress,
.application-card{
  width:100%;
}
.application-card{
  overflow-wrap:anywhere;
}
.application-card > form,
.application-card > .agreement-box,
.application-card > .notice{
  max-width:100%;
}

@media(max-width:760px){
  .application-shell{
    padding-top:34px;
    padding-right:18px;
    padding-bottom:70px;
    padding-left:18px;
  }
  .application-card{
    padding:28px 20px;
  }
  .agreement-box{
    padding:22px 18px;
    margin:24px 0;
  }
  .agreement-box ul{
    padding-left:20px;
  }
  .application-actions{
    justify-content:stretch;
  }
  .application-actions .button{
    width:100%;
  }
}

@media(max-width:420px){
  .application-shell{
    padding-right:14px;
    padding-left:14px;
  }
  .application-card{
    padding:24px 16px;
  }
  .agreement-box{
    padding:18px 14px;
  }
}
/* Step 11 signature-name reference */
.signature-reference {
    margin: 1.25rem 0 0.75rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border, #d8d3c7);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.55);
}

.signature-reference span {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    color: var(--muted, #666);
}

.signature-reference strong {
    display: block;
    font-size: 1.08rem;
    overflow-wrap: anywhere;
}


/* Member platform */
.member-platform h2,.course-hero h1,.lesson-content h1{font-family:Georgia,serif;font-weight:400}.level-badge{display:inline-flex;padding:10px 14px;border:1px solid var(--accent);color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.progress-hero{display:flex;justify-content:space-between;align-items:center;background:var(--dark);color:#fff;padding:42px;margin-bottom:22px}.progress-hero h2{font-size:42px;margin:8px 0}.progress-hero p{color:#aeb7b3}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.progress-ring{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) calc(var(--progress)*1%),#34403c 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--dark)}.progress-ring strong,.progress-ring span{position:relative}.progress-ring strong{font-size:34px;font-family:Georgia,serif}.progress-ring span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aeb7b3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 42px}.quick-card{background:#fff;border:1px solid var(--line);padding:22px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.quick-card b{font-family:Georgia,serif;font-size:21px;font-weight:400}.quick-card span{font-size:12px;color:var(--muted);line-height:1.45}.dashboard-columns{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;margin:30px 0}.dashboard-columns>section,.dashboard-columns>aside,.dashboard-feed{background:#fff;border:1px solid var(--line);padding:28px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{margin:0;font-size:28px}.section-head a,.back-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-decoration:none}.course-row{display:grid;grid-template-columns:1fr 120px 45px;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line);text-decoration:none}.course-row span,.goal-mini span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.mini-progress{height:6px;background:#e7e3da;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--accent)}.goal-mini{padding:15px 0;border-top:1px solid var(--line)}.feed-row{display:grid;grid-template-columns:160px 1fr 160px;gap:15px;padding:15px 0;border-top:1px solid var(--line);text-decoration:none}.feed-row span,.feed-row small{color:var(--muted);font-size:11px}.feature-note,.empty-state{padding:20px;border:1px solid var(--line);background:#f8f7f2;color:var(--muted);line-height:1.6;margin-top:20px}.catalog-grid,.forum-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card,.forum-category,.resource-card{background:#fff;border:1px solid var(--line);padding:28px;min-height:260px;display:flex;flex-direction:column;text-decoration:none}.catalog-card h2,.forum-category h2,.resource-card h2{font-size:29px;margin:30px 0 12px}.catalog-card p,.forum-category p,.resource-card p{color:var(--muted);line-height:1.6}.catalog-meta{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.catalog-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:11px}.button-small{padding:10px 14px}.catalog-card.locked{opacity:.62}.locked-note{margin-top:auto;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.course-hero{background:#fff;border:1px solid var(--line);padding:50px;display:grid;grid-template-columns:1fr 180px;gap:30px;margin-top:25px}.course-hero h1{font-size:56px;margin:0 0 18px}.course-hero p{color:var(--muted);line-height:1.7}.course-stat{display:flex;flex-direction:column;justify-content:center;text-align:center;border-left:1px solid var(--line)}.course-stat strong{font-size:46px;font-family:Georgia,serif}.course-stat span{font-size:11px;color:var(--muted)}.lesson-list{margin-top:25px}.lesson-row{display:grid;grid-template-columns:48px 1fr 100px;align-items:center;background:#fff;border:1px solid var(--line);border-bottom:0;padding:20px;text-decoration:none}.lesson-row:last-child{border-bottom:1px solid var(--line)}.lesson-row>span{width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center}.lesson-row.complete>span{background:var(--accent);color:#fff}.lesson-row small{display:block;color:var(--muted);margin-top:5px}.lesson-row>b{text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.lesson-shell{max-width:900px;margin:0 auto;padding:60px 24px 100px}.lesson-content{background:#fff;border:1px solid var(--line);padding:clamp(30px,7vw,80px);margin-top:25px}.lesson-content h1{font-size:clamp(42px,7vw,70px);line-height:1}.prose{font-family:Georgia,serif;font-size:20px;line-height:1.8;color:#35403c}.prose h2{font-size:34px;margin-top:45px}.reflection-box,.reply-box,.advancement-form,.form-panel{margin-top:40px;padding:28px;background:#f8f7f2;border:1px solid var(--line)}.reflection-box label,.reply-box label,.advancement-form label,.form-panel label,.review-actions label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:20px}.reflection-box textarea,.reply-box textarea,.advancement-form textarea,.form-panel input,.form-panel textarea,.review-actions textarea,.auth-card textarea,.auth-card select{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);font:inherit;background:#fff}.inline-form{display:inline-block;margin-left:15px}.forum-category>span,.resource-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.forum-category small,.resource-card small{margin-top:auto;color:var(--muted)}.thread-row{display:flex;justify-content:space-between;align-items:center;padding:22px;background:#fff;border:1px solid var(--line);border-bottom:0;text-decoration:none}.thread-row:last-child{border-bottom:1px solid var(--line)}.thread-row span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.thread-row>b{font-size:11px;color:var(--muted)}.discussion-post{background:#fff;border:1px solid var(--line);padding:30px;margin-top:16px}.discussion-post.original{padding:45px}.discussion-post header span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.discussion-post h1{font-family:Georgia,serif;font-size:46px;font-weight:400}.post-body{line-height:1.8;margin-top:25px}.goal-card{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);padding:25px;margin-bottom:12px}.goal-card span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.goal-card h2{margin:10px 0}.goal-card p,.goal-card small{color:var(--muted)}.goal-card.done{opacity:.6}.level-roadmap{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:35px}.road-level{padding:20px 10px;text-align:center;border:1px solid var(--line);background:#fff}.road-level b,.road-level span{display:block}.road-level b{font-family:Georgia,serif;font-size:30px}.road-level span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.road-level.current{background:var(--dark);color:#fff;border-color:var(--dark)}.road-level.passed{border-color:var(--accent);color:var(--accent)}.requirement-row{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.requirement-row span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.status-panel{padding:30px;background:#fff;border:1px solid var(--line)}.status-panel>span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--accent)}.status-panel h2{font-size:32px}.status-panel p{color:var(--muted);line-height:1.6}.status-panel.ready{border-color:var(--accent)}.notification-row{display:block;background:#fff;border:1px solid var(--line);padding:22px;text-decoration:none;margin-bottom:10px}.notification-row.unread{border-left:5px solid var(--accent)}.notification-row p,.notification-row small{color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.admin-stats>div{background:#fff;border:1px solid var(--line);padding:25px}.admin-stats strong,.admin-stats span{display:block}.admin-stats strong{font-family:Georgia,serif;font-size:38px}.admin-stats span{color:var(--muted);font-size:11px}.review-card{background:#fff;border:1px solid var(--line);padding:35px;margin-bottom:18px}.review-card header{display:flex;justify-content:space-between}.review-card header span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.review-card h3{font-family:Georgia,serif;margin-top:30px}.review-card p{line-height:1.7}.review-actions>div{display:flex;gap:10px;flex-wrap:wrap}.auth-card textarea{min-height:150px}.auth-card select{min-height:48px}
@media(max-width:900px){.quick-grid,.catalog-grid,.forum-grid,.resource-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.level-roadmap{grid-template-columns:repeat(3,1fr)}.course-hero{grid-template-columns:1fr}.course-stat{border-left:0;border-top:1px solid var(--line);padding-top:25px}.feed-row{grid-template-columns:1fr}.feed-row span,.feed-row small{display:none}}
@media(max-width:600px){.progress-hero{flex-direction:column;align-items:flex-start;gap:30px}.quick-grid,.catalog-grid,.forum-grid,.resource-grid,.admin-stats{grid-template-columns:1fr}.course-row{grid-template-columns:1fr 45px}.course-row .mini-progress{grid-row:2;grid-column:1/-1}.lesson-row{grid-template-columns:42px 1fr}.lesson-row>b{display:none}.level-roadmap{grid-template-columns:repeat(2,1fr)}.course-hero,.discussion-post.original{padding:28px}.course-hero h1{font-size:42px}.inline-form{display:block;margin:14px 0 0}.site-header nav a:not(.button){display:none}}


/* Business and trust module navigation */
.module-stack{display:grid;gap:1.5rem;margin-top:1.5rem}
.course-module{background:var(--surface,#fff);border:1px solid rgba(20,30,40,.12);border-radius:16px;padding:1.25rem}
.module-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.module-heading h2{margin:.2rem 0 0}
.module-progress{font-size:.9rem;font-weight:700;white-space:nowrap;opacity:.72}
@media(max-width:700px){.module-heading{align-items:flex-start;flex-direction:column}.course-module{padding:1rem}}


/* UKA primary logo header */
.brand-with-logo{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}
.brand-logo{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:block;
    object-fit:cover;
    border-radius:15px;
    box-shadow:0 8px 22px rgba(0,27,94,.16);
}
.brand-wordmark{
    display:block;
    min-width:0;
}
.brand-wordmark strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    line-height:1.05;
    letter-spacing:.015em;
    white-space:nowrap;
}
.brand-wordmark small{
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:9px;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.28em;
    white-space:nowrap;
}
.site-header{
    min-height:96px;
    height:auto;
}
@media(max-width:800px){
    .brand-logo{
        width:48px;
        height:48px;
        flex-basis:48px;
        border-radius:12px;
    }
    .brand-wordmark strong{
        font-size:16px;
    }
    .brand-wordmark small{
        font-size:8px;
        letter-spacing:.2em;
    }
}
@media(max-width:480px){
    .brand-with-logo{
        gap:10px;
    }
    .brand-logo{
        width:43px;
        height:43px;
        flex-basis:43px;
    }
    .brand-wordmark strong{
        font-size:14px;
        white-space:normal;
        max-width:150px;
    }
}
/* Course study area directory */
.course-directory-head p{
    max-width:720px;
    margin:.65rem 0 0;
}
.continue-learning-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
    margin:1.5rem 0 2rem;
    padding:1.5rem;
    border:1px solid rgba(20,30,40,.12);
    border-radius:18px;
    background:var(--surface,#fff);
}
.continue-learning-card > div{
    flex:1;
    min-width:0;
}
.continue-learning-card h2{
    margin:.3rem 0 .45rem;
}
.continue-learning-card p{
    margin:0 0 1rem;
    max-width:720px;
}
.study-area-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
}
.study-area-card{
    display:flex;
    gap:1.2rem;
    padding:1.45rem;
    border:1px solid rgba(20,30,40,.12);
    border-radius:18px;
    background:var(--surface,#fff);
    color:inherit;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.study-area-card:hover{
    transform:translateY(-2px);
    border-color:rgba(170,126,36,.48);
    box-shadow:0 14px 34px rgba(0,27,94,.08);
}
.study-area-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:14px;
    background:#071d49;
    color:#d8aa47;
    font-size:1.45rem;
    line-height:1;
}
.study-area-icon.large{
    width:72px;
    height:72px;
    flex-basis:72px;
    border-radius:18px;
    font-size:2rem;
}
.study-area-copy{
    min-width:0;
}
.study-area-copy h2{
    margin:.45rem 0 .5rem;
}
.study-area-copy p{
    margin:0 0 1rem;
}
.study-area-copy > strong{
    color:var(--accent,#9f7429);
    font-size:.92rem;
}
.study-area-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem .9rem;
    color:var(--muted);
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.study-area-hero{
    display:flex;
    align-items:flex-start;
    gap:1.25rem;
    margin:1.2rem 0 2rem;
    padding:1.6rem;
    border-radius:20px;
    background:linear-gradient(135deg,rgba(7,29,73,.98),rgba(13,45,95,.94));
    color:#fff;
}
.study-area-hero h1{
    margin:.3rem 0 .6rem;
    color:#fff;
}
.study-area-hero p{
    max-width:780px;
    margin:0;
    color:rgba(255,255,255,.82);
}
.study-area-hero .eyebrow{
    color:#d8aa47;
}
.study-area-courses{
    align-items:stretch;
}
.empty-state{
    padding:2rem;
    border:1px dashed rgba(20,30,40,.22);
    border-radius:18px;
    text-align:center;
}
@media(max-width:850px){
    .study-area-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:650px){
    .continue-learning-card{
        align-items:flex-start;
        flex-direction:column;
        gap:1.25rem;
    }
    .continue-learning-card .button{
        width:100%;
        text-align:center;
    }
    .study-area-card{
        padding:1.15rem;
    }
    .study-area-hero{
        flex-direction:column;
        padding:1.25rem;
    }
}

/* Course study areas — premium visual refresh */
.course-directory,
.study-area-page{
    --area-navy:#071a3f;
    --area-navy-2:#0d2b5f;
    --area-gold:#c79a3b;
    --area-gold-soft:#ead7a3;
    --area-ink:#172033;
    --area-muted:#6f7887;
    --area-line:#e4e8ef;
    --area-surface:#ffffff;
    --area-soft:#f6f8fb;
    --area-shadow:0 16px 40px rgba(12,28,60,.08);
    --area-shadow-hover:0 22px 48px rgba(12,28,60,.14);
}

.course-directory{
    padding-top:2rem;
    padding-bottom:4rem;
}

.course-directory-head{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:1.5rem;
    margin-bottom:1.75rem;
    padding:2rem 2rem 1.8rem;
    overflow:hidden;
    border-radius:24px;
    background:
        radial-gradient(circle at 85% 15%,rgba(199,154,59,.20),transparent 34%),
        linear-gradient(135deg,var(--area-navy),var(--area-navy-2));
    color:#fff;
    box-shadow:var(--area-shadow);
}

.course-directory-head::after{
    content:"";
    position:absolute;
    inset:auto -70px -90px auto;
    width:240px;
    height:240px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
}

.course-directory-head .eyebrow{
    color:var(--area-gold-soft);
    letter-spacing:.18em;
}

.course-directory-head h1{
    margin:.35rem 0 .5rem;
    color:#fff;
    font-size:clamp(2rem,4vw,3.25rem);
    line-height:1;
}

.course-directory-head p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:1.03rem;
    line-height:1.65;
}

.course-directory-head .level-badge{
    position:relative;
    z-index:1;
    flex:0 0 auto;
    padding:.7rem 1rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    color:#fff;
    font-size:.83rem;
    font-weight:700;
    letter-spacing:.04em;
    backdrop-filter:blur(8px);
}

.continue-learning-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:1.75rem;
    margin:0 0 2rem;
    padding:1.6rem 1.7rem 1.55rem;
    overflow:hidden;
    border:1px solid var(--area-line);
    border-radius:20px;
    background:var(--area-surface);
    box-shadow:var(--area-shadow);
}

.continue-learning-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(var(--area-gold),#e4c16b);
}

.continue-learning-card h2{
    margin:.25rem 0 .45rem;
    color:var(--area-ink);
    font-size:1.5rem;
}

.continue-learning-card p{
    margin:0 0 1rem;
    color:var(--area-muted);
    line-height:1.55;
}

.continue-learning-card small{
    display:block;
    margin-top:.5rem;
    color:var(--area-muted);
    font-weight:600;
}

.study-area-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
}

.study-area-card{
    position:relative;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:1.15rem;
    min-height:220px;
    padding:1.5rem;
    overflow:hidden;
    border:1px solid var(--area-line);
    border-radius:22px;
    background:
        linear-gradient(180deg,rgba(255,255,255,1),rgba(249,250,253,.96));
    color:inherit;
    text-decoration:none;
    box-shadow:0 10px 28px rgba(12,28,60,.055);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.study-area-card::after{
    content:"";
    position:absolute;
    right:-70px;
    bottom:-90px;
    width:190px;
    height:190px;
    border:1px solid rgba(199,154,59,.14);
    border-radius:50%;
    transition:transform .25s ease;
}

.study-area-card:hover{
    transform:translateY(-5px);
    border-color:rgba(199,154,59,.38);
    box-shadow:var(--area-shadow-hover);
}

.study-area-card:hover::after{
    transform:scale(1.08);
}

.study-area-icon{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    flex:0 0 64px;
    border-radius:18px;
    background:
        linear-gradient(145deg,var(--area-navy-2),var(--area-navy));
    color:var(--area-gold-soft);
    font-size:1.55rem;
    line-height:1;
    box-shadow:0 10px 24px rgba(7,26,63,.18);
}

.study-area-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.study-area-copy h2{
    margin:.55rem 0 .55rem;
    color:var(--area-ink);
    font-size:1.35rem;
    line-height:1.18;
}

.study-area-copy p{
    margin:0 0 1.15rem;
    color:var(--area-muted);
    line-height:1.58;
}

.study-area-copy > strong{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    color:#8b661c;
    font-size:.9rem;
    font-weight:800;
}

.study-area-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
}

.study-area-meta span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:.25rem .55rem;
    border:1px solid #e7eaf0;
    border-radius:999px;
    background:#f5f7fa;
    color:#727b89;
    font-size:.7rem;
    font-weight:700;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.study-area-page{
    padding-top:1.5rem;
    padding-bottom:4rem;
}

.study-area-page .back-link{
    display:inline-flex;
    margin-bottom:1.15rem;
    color:#6c7481;
    font-weight:700;
    text-decoration:none;
}

.study-area-page .back-link:hover{
    color:#8b661c;
}

.study-area-hero{
    position:relative;
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:1.4rem;
    align-items:center;
    margin:0 0 2rem;
    padding:2rem;
    overflow:hidden;
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 20%,rgba(199,154,59,.18),transparent 32%),
        linear-gradient(135deg,var(--area-navy),var(--area-navy-2));
    color:#fff;
    box-shadow:var(--area-shadow);
}

.study-area-hero::before{
    content:"";
    position:absolute;
    inset:auto -70px -100px auto;
    width:250px;
    height:250px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:50%;
}

.study-area-icon.large{
    position:relative;
    z-index:1;
    width:88px;
    height:88px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    background:rgba(255,255,255,.08);
    color:var(--area-gold-soft);
    font-size:2.15rem;
    box-shadow:none;
    backdrop-filter:blur(8px);
}

.study-area-hero > div{
    position:relative;
    z-index:1;
}

.study-area-hero .eyebrow{
    color:var(--area-gold-soft);
}

.study-area-hero h1{
    margin:.35rem 0 .55rem;
    color:#fff;
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.05;
}

.study-area-hero p{
    max-width:800px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:1.02rem;
    line-height:1.65;
}

.study-area-courses{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
}

.study-area-courses .catalog-card{
    display:flex;
    flex-direction:column;
    min-height:260px;
    padding:1.45rem;
    border:1px solid var(--area-line);
    border-radius:20px;
    background:var(--area-surface);
    box-shadow:0 10px 28px rgba(12,28,60,.055);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.study-area-courses .catalog-card:hover{
    transform:translateY(-4px);
    border-color:rgba(199,154,59,.35);
    box-shadow:var(--area-shadow-hover);
}

.study-area-courses .catalog-card.locked{
    background:linear-gradient(180deg,#fafbfc,#f4f6f9);
    opacity:.84;
}

.study-area-courses .catalog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-bottom:.8rem;
}

.study-area-courses .catalog-meta span{
    padding:.28rem .55rem;
    border-radius:999px;
    background:#eef2f7;
    color:#667080;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.study-area-courses .catalog-card h2{
    margin:0 0 .6rem;
    color:var(--area-ink);
    font-size:1.3rem;
    line-height:1.22;
}

.study-area-courses .catalog-card p{
    margin:0 0 1rem;
    color:var(--area-muted);
    line-height:1.58;
}

.study-area-courses .mini-progress,
.continue-learning-card .mini-progress{
    width:100%;
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:#e9edf3;
}

.study-area-courses .mini-progress i,
.continue-learning-card .mini-progress i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--area-gold),#e1bc65);
}

.study-area-courses .catalog-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:auto;
    padding-top:1rem;
}

.study-area-courses .catalog-foot span{
    color:#707988;
    font-size:.84rem;
    font-weight:700;
}

.study-area-courses .locked-note{
    margin-top:auto;
    padding:.75rem .9rem;
    border:1px solid #e2e6ec;
    border-radius:12px;
    background:#f4f6f9;
    color:#747d8a;
    font-size:.85rem;
    font-weight:700;
    text-align:center;
}

.study-area-courses .button,
.continue-learning-card .button{
    border-radius:12px;
    box-shadow:none;
}

.empty-state{
    padding:2.4rem;
    border:1px dashed #cfd5df;
    border-radius:20px;
    background:#fafbfc;
    text-align:center;
}

.empty-state h2{
    margin-top:0;
    color:var(--area-ink);
}

.empty-state p{
    margin-bottom:0;
    color:var(--area-muted);
}

@media(max-width:950px){
    .study-area-grid,
    .study-area-courses{
        grid-template-columns:1fr;
    }
}

@media(max-width:720px){
    .course-directory{
        padding-top:1rem;
    }

    .course-directory-head{
        align-items:flex-start;
        flex-direction:column;
        padding:1.55rem;
        border-radius:20px;
    }

    .course-directory-head .level-badge{
        align-self:flex-start;
    }

    .continue-learning-card{
        grid-template-columns:1fr;
        gap:1.15rem;
        padding:1.35rem;
    }

    .continue-learning-card .button{
        width:100%;
        text-align:center;
    }

    .study-area-card{
        grid-template-columns:54px minmax(0,1fr);
        min-height:auto;
        padding:1.2rem;
        border-radius:18px;
    }

    .study-area-icon{
        width:54px;
        height:54px;
        flex-basis:54px;
        border-radius:15px;
        font-size:1.3rem;
    }

    .study-area-hero{
        grid-template-columns:1fr;
        padding:1.5rem;
        border-radius:20px;
    }

    .study-area-icon.large{
        width:64px;
        height:64px;
        border-radius:17px;
        font-size:1.65rem;
    }

    .study-area-courses .catalog-card{
        min-height:auto;
        padding:1.25rem;
    }
}

@media(max-width:460px){
    .study-area-card{
        grid-template-columns:1fr;
    }

    .study-area-icon{
        width:48px;
        height:48px;
    }

    .study-area-meta{
        margin-top:.1rem;
    }

    .study-area-courses .catalog-foot{
        align-items:flex-start;
        flex-direction:column;
    }

    .study-area-courses .catalog-foot .button{
        width:100%;
        text-align:center;
    }
}

/* Course prerequisite locks */
.course-access-card{
    position:relative;
    overflow:hidden;
}

.course-access-card.course-locked{
    border-color:#253047;
    background:
        linear-gradient(180deg,rgba(19,27,44,.98),rgba(28,36,53,.98));
    color:#d4d8e0;
    box-shadow:0 12px 30px rgba(4,9,18,.20);
}

.course-access-card.course-locked:hover{
    transform:none;
    border-color:#39445a;
    box-shadow:0 12px 30px rgba(4,9,18,.20);
}

.course-access-card.course-locked h2{
    color:#f1f3f6;
}

.course-access-card.course-locked > p{
    color:#aeb5c1;
}

.course-access-card.course-locked .catalog-meta span{
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.07);
    color:#c3c9d3;
}

.course-lock-overlay{
    position:absolute;
    top:1rem;
    right:1rem;
    z-index:2;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(0,0,0,.25);
    color:#e1bd64;
    font-size:1rem;
    backdrop-filter:blur(8px);
}

.course-unlock-panel{
    position:relative;
    z-index:1;
    margin-top:auto;
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.10);
}

.course-unlock-panel > strong{
    display:block;
    margin-bottom:.7rem;
    color:#e8c875;
    font-size:.76rem;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.course-unlock-items{
    display:grid;
    gap:.55rem;
    margin-bottom:.9rem;
}

.course-unlock-item{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:.55rem;
    align-items:start;
}

.course-unlock-item > span{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    margin-top:1px;
    border-radius:50%;
    font-size:.72rem;
    font-weight:900;
}

.course-unlock-item.met > span{
    background:rgba(81,176,121,.16);
    color:#8fddb1;
}

.course-unlock-item.unmet > span{
    background:rgba(225,189,100,.12);
    color:#e1bd64;
}

.course-unlock-item b{
    display:block;
    color:#e7eaf0;
    font-size:.84rem;
    line-height:1.25;
}

.course-unlock-item small{
    display:block;
    margin-top:.15rem;
    color:#939caa;
    font-size:.74rem;
}

.course-locked-label{
    display:block;
    padding:.7rem .85rem;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:rgba(0,0,0,.18);
    color:#aab1bd;
    font-size:.82rem;
    font-weight:800;
    text-align:center;
}

.prerequisite-button{
    width:100%;
    text-align:center;
}

.course-lock-page{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:1.4rem;
    margin-top:1.5rem;
    padding:2rem;
    border:1px solid #26314a;
    border-radius:22px;
    background:
        linear-gradient(145deg,#111a2c,#202a3e);
    color:#e8ebf1;
    box-shadow:0 20px 48px rgba(5,12,25,.20);
}

.course-lock-page h1{
    margin:.3rem 0 .55rem;
    color:#fff;
}

.course-lock-page p{
    color:#adb5c2;
}

.course-lock-symbol{
    display:grid;
    place-items:center;
    width:76px;
    height:76px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(255,255,255,.06);
    font-size:1.65rem;
}

.course-requirement-list{
    display:grid;
    gap:.75rem;
    margin-top:1.25rem;
}

.course-requirement{
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto;
    gap:.75rem;
    align-items:center;
    padding:.85rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:rgba(255,255,255,.045);
}

.course-requirement > span{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    font-weight:900;
}

.course-requirement.met > span{
    background:rgba(81,176,121,.16);
    color:#8fddb1;
}

.course-requirement.unmet > span{
    background:rgba(225,189,100,.12);
    color:#e1bd64;
}

.course-requirement strong{
    display:block;
    color:#f0f2f6;
}

.course-requirement small{
    display:block;
    margin-top:.15rem;
    color:#99a2b0;
}

@media(max-width:650px){
    .course-lock-page{
        grid-template-columns:1fr;
        padding:1.35rem;
    }

    .course-lock-symbol{
        width:58px;
        height:58px;
        border-radius:15px;
        font-size:1.25rem;
    }

    .course-requirement{
        grid-template-columns:28px minmax(0,1fr);
    }

    .course-requirement .button{
        grid-column:1 / -1;
        width:100%;
        text-align:center;
    }
}

/* Advancement Center */
.advancement-center,
.advancement-level-page,
.advancement-application-page{
    --adv-navy:#071a3f;
    --adv-navy-2:#0e2d63;
    --adv-gold:#c79a3b;
    --adv-gold-soft:#ecdcae;
    --adv-green:#5ea97a;
    --adv-ink:#172033;
    --adv-muted:#6d7787;
    --adv-line:#e2e7ef;
    --adv-surface:#fff;
    padding-top:1.5rem;
    padding-bottom:4rem;
}

.advancement-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:2rem;
    align-items:center;
    padding:2rem;
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 15%,rgba(199,154,59,.19),transparent 34%),
        linear-gradient(135deg,var(--adv-navy),var(--adv-navy-2));
    color:#fff;
}

.advancement-hero .eyebrow,
.advancement-level-hero .eyebrow{
    color:var(--adv-gold-soft);
}

.advancement-hero h1{
    margin:.35rem 0 .6rem;
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.5rem);
    line-height:1;
}

.advancement-hero p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.8);
    line-height:1.65;
}

.advancement-current-level{
    min-width:180px;
    padding:1.15rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    text-align:center;
}

.advancement-current-level span,
.advancement-current-level small{
    display:block;
    color:rgba(255,255,255,.7);
}

.advancement-current-level strong{
    display:block;
    margin:.3rem 0;
    color:#fff;
    font-size:1.8rem;
}

.advancement-journey-line{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    align-items:center;
    max-width:900px;
    margin:2.1rem auto;
}

.advancement-journey-line::before{
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    top:50%;
    height:3px;
    background:#dfe4ec;
    transform:translateY(-50%);
}

.advancement-journey-line span{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    margin:auto;
    border:4px solid #fff;
    border-radius:50%;
    background:#e4e8ef;
    color:#697384;
    font-weight:900;
    box-shadow:0 0 0 1px #d9dee7;
}

.advancement-journey-line span.completed{
    background:var(--adv-green);
    color:#fff;
}

.advancement-journey-line span.current{
    background:var(--adv-gold);
    color:#fff;
    box-shadow:0 0 0 5px rgba(199,154,59,.15);
}

.advancement-level-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
}

.advancement-level-card{
    display:flex;
    flex-direction:column;
    min-height:320px;
    padding:1.5rem;
    border:1px solid var(--adv-line);
    border-radius:22px;
    background:#fff;
    color:inherit;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(12,28,60,.06);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.advancement-level-card:hover{
    transform:translateY(-4px);
    border-color:rgba(199,154,59,.42);
    box-shadow:0 20px 42px rgba(12,28,60,.12);
}

.advancement-level-card.current{
    border:2px solid rgba(199,154,59,.58);
    background:linear-gradient(180deg,#fffdf8,#fff);
}

.advancement-level-card.completed{
    border-color:rgba(94,169,122,.34);
}

.advancement-level-card.future{
    background:linear-gradient(180deg,#f8f9fb,#f3f5f8);
}

.advancement-level-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1.2rem;
}

.advancement-level-number{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border-radius:15px;
    background:var(--adv-navy);
    color:var(--adv-gold-soft);
    font-size:1.15rem;
    font-weight:900;
}

.completed .advancement-level-number{
    background:var(--adv-green);
    color:#fff;
}

.current .advancement-level-number{
    background:var(--adv-gold);
    color:#fff;
}

.advancement-level-state{
    padding:.35rem .65rem;
    border-radius:999px;
    background:#edf1f6;
    color:#687283;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.advancement-level-card h2{
    margin:.3rem 0 .55rem;
    color:var(--adv-ink);
}

.advancement-level-card p{
    color:var(--adv-muted);
    line-height:1.55;
}

.advancement-teaser-list{
    display:grid;
    gap:.55rem;
    margin:1rem 0 1.25rem;
    padding:0;
    list-style:none;
}

.advancement-teaser-list li{
    position:relative;
    padding-left:1.25rem;
    color:#4f5969;
    font-size:.92rem;
}

.advancement-teaser-list li::before{
    content:"◇";
    position:absolute;
    left:0;
    color:var(--adv-gold);
}

.advancement-card-link{
    margin-top:auto;
    color:#8c661c;
}

.advancement-level-hero{
    display:grid;
    grid-template-columns:88px minmax(0,1fr) auto;
    gap:1.4rem;
    align-items:center;
    margin:1.2rem 0 1.5rem;
    padding:2rem;
    border-radius:24px;
    background:
        radial-gradient(circle at 88% 12%,rgba(199,154,59,.18),transparent 34%),
        linear-gradient(135deg,var(--adv-navy),var(--adv-navy-2));
    color:#fff;
}

.advancement-level-emblem{
    display:grid;
    place-items:center;
    width:88px;
    height:88px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:22px;
    background:rgba(255,255,255,.08);
    color:var(--adv-gold-soft);
    font-size:2rem;
    font-weight:900;
}

.advancement-level-hero h1{
    margin:.3rem 0 .55rem;
    color:#fff;
    font-size:clamp(2rem,4vw,3rem);
}

.advancement-level-hero p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.78);
    line-height:1.6;
}

.advancement-level-badge{
    padding:.6rem .9rem;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:.8rem;
    font-weight:800;
}

.advancement-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:1.4rem;
    align-items:start;
}

.advancement-section,
.advancement-requirements-card,
.advancement-application-card{
    margin-bottom:1.4rem;
    padding:1.5rem;
    border:1px solid var(--adv-line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(12,28,60,.055);
}

.section-heading h2,
.advancement-requirements-card h2{
    margin:.3rem 0 1rem;
    color:var(--adv-ink);
}

.advancement-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.9rem;
}

.advancement-feature{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:.8rem;
    padding:1rem;
    border:1px solid #e6eaf0;
    border-radius:15px;
    background:#fafbfc;
}

.advancement-feature > span{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:13px;
    background:var(--adv-navy);
    color:var(--adv-gold-soft);
}

.advancement-feature h3{
    margin:0 0 .35rem;
    color:var(--adv-ink);
    font-size:1rem;
}

.advancement-feature p{
    margin:0;
    color:var(--adv-muted);
    font-size:.9rem;
    line-height:1.5;
}

.advancement-course-preview{
    display:grid;
    gap:.8rem;
}

.advancement-course-preview article{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1rem;
    align-items:center;
    padding:1rem;
    border:1px solid #e5e9ef;
    border-radius:15px;
}

.advancement-course-preview h3{
    margin:.35rem 0;
    color:var(--adv-ink);
}

.advancement-course-preview p{
    margin:0;
    color:var(--adv-muted);
    font-size:.9rem;
}

.preview-lock{
    color:#777f8c;
    font-size:.8rem;
    font-weight:800;
    white-space:nowrap;
}

.advancement-requirements-card{
    position:sticky;
    top:1rem;
}

.advancement-requirement-list{
    display:grid;
    gap:.75rem;
    margin:1rem 0;
}

.advancement-requirement-list > div{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:.65rem;
    align-items:start;
}

.advancement-requirement-list span{
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    border-radius:50%;
    background:#eef2f7;
    color:#8c661c;
    font-weight:900;
}

.advancement-requirement-list p{
    margin:.15rem 0 0;
    color:#525c6b;
    font-size:.9rem;
    line-height:1.45;
}

.advancement-status-callout{
    margin:1rem 0;
    padding:.9rem;
    border-radius:13px;
    font-size:.9rem;
    line-height:1.5;
}

.advancement-status-callout.current{
    background:#fff7df;
    color:#725414;
}

.advancement-status-callout.completed{
    background:#eaf7ef;
    color:#336e4a;
}

.advancement-status-callout.ready{
    background:#eaf7ef;
    color:#336e4a;
}

.advancement-status-callout.pending{
    background:#edf3ff;
    color:#35578c;
}

.advancement-status-callout.locked{
    background:#f0f2f5;
    color:#646d7a;
}

.advancement-mini-progress{
    margin:1rem 0;
}

.advancement-mini-progress > div{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    color:#6a7382;
    font-size:.8rem;
}

.advancement-mini-progress i{
    display:block;
    height:10px;
    margin-top:.45rem;
    overflow:hidden;
    border-radius:999px;
    background:#e6eaf0;
}

.advancement-mini-progress b{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--adv-gold),#e2bd64);
}

.advancement-application-card{
    max-width:850px;
    margin:1.25rem auto;
}

.advancement-application-card h1{
    margin:.35rem 0 .6rem;
    color:var(--adv-ink);
}

.advancement-application-card > p{
    color:var(--adv-muted);
}

@media(max-width:980px){
    .advancement-detail-grid{
        grid-template-columns:1fr;
    }

    .advancement-requirements-card{
        position:static;
    }
}

@media(max-width:820px){
    .advancement-level-grid,
    .advancement-feature-grid{
        grid-template-columns:1fr;
    }

    .advancement-level-hero{
        grid-template-columns:70px minmax(0,1fr);
    }

    .advancement-level-badge{
        grid-column:1 / -1;
        justify-self:start;
    }

    .advancement-level-emblem{
        width:70px;
        height:70px;
        border-radius:18px;
    }
}

@media(max-width:650px){
    .advancement-hero{
        grid-template-columns:1fr;
        padding:1.5rem;
    }

    .advancement-current-level{
        min-width:0;
        text-align:left;
    }

    .advancement-journey-line span{
        width:36px;
        height:36px;
        border-width:3px;
        font-size:.82rem;
    }

    .advancement-level-card{
        min-height:auto;
        padding:1.25rem;
    }

    .advancement-level-hero{
        grid-template-columns:1fr;
        padding:1.45rem;
    }

    .advancement-course-preview article{
        grid-template-columns:1fr;
    }

    .preview-lock,
    .advancement-course-preview .button{
        width:100%;
        text-align:center;
    }
}