.nav{width:min(1320px,calc(100% - 44px))}nav{gap:16px}nav>a:not(.button){font-size:.82rem}.brand{font-size:1.2rem}nav a[aria-current]{color:var(--blue)}.hero-footnote{font-size:.85rem;color:var(--muted);margin-top:22px}.page-hero,.workspace-head{background:linear-gradient(115deg,#f1f0ff,#faf9f5 80%);padding:58px 0 48px;border-bottom:1px solid var(--border)}h1{font-size:clamp(2.9rem,6.5vw,5.5rem);line-height:1.02;letter-spacing:-.075em;margin:0 0 20px;font-weight:850}.page-hero h1{max-width:900px}.page-hero .lede{max-width:710px;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(2.4rem,4.6vw,4rem)}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-paths .path-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.path{text-decoration:none;transition:transform .16s,box-shadow .16s;padding:23px;min-height:310px}.path:hover{transform:translateY(-4px);box-shadow:0 15px 35px #171a3914}.path p{font-size:.92rem}.card-link{margin-top:auto;font-size:.86rem}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journey{margin-top:35px}.journey h3{font-size:1.45rem}.journey p{color:var(--muted)}.journey a,.text-link{font-weight:750;color:var(--blue)}.text-link{display:block;margin-top:16px;font-size:.91rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#e9ecff;color:var(--blue);font-size:.85rem;font-weight:850;flex-shrink:0}.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:26px;min-width:0}.panel h2{font-size:2rem;letter-spacing:-.06em;line-height:1.1}.panel p{color:var(--muted)}.panel .button{margin-top:8px}.panel h3{margin-top:13px}.callout{border-radius:24px;background:#edf1d9;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.callout p{max-width:590px;color:var(--muted)}.callout h2{font-size:clamp(2.3rem,4vw,3.6rem)}.big-arrow{color:var(--blue);font-size:9rem;line-height:1;font-weight:650}.guide-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:48px;align-items:start}.guide-step{display:flex;align-items:start;gap:20px;margin-bottom:35px}.guide-step h2{font-size:1.7rem;line-height:1.16;letter-spacing:-.05em;margin-top:7px}.guide-step p{color:var(--muted);margin-bottom:0}.example-box{background:#f0f2ff;border:1px solid #dfe3fb;border-radius:14px;padding:24px;margin:24px 0}.example-box p{margin-top:8px}.example-box .eyebrow{font-size:.65rem}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:10px 0 10px 24px;color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.sticky{position:sticky;top:24px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;max-width:1120px}.auth-story{padding-top:25px}.auth-story h1{font-size:clamp(3rem,5vw,4.6rem)}.auth-benefits{display:grid;gap:15px;margin-top:30px}.auth-benefits>div{display:flex;gap:15px;align-items:center}.auth-benefits p{font-size:.95rem;color:var(--muted);margin:0}.auth-benefits strong{color:var(--ink)}.auth-panel{padding:30px}.auth-panel h2{margin-bottom:23px;font-size:2rem}.auth-panel .editor{gap:15px}.full{width:100%}.field-hint{font-size:.85rem;line-height:1.5;color:var(--muted);font-weight:400}.consent{font-size:.85rem;line-height:1.55}.consent a{color:var(--blue)}.notice,.error{margin-top:20px;margin-bottom:20px;padding:15px 20px;border-radius:10px;max-width:1180px}.notice{color:#234b3a;background:#eaf5df;border:1px solid #c4dbb0}.error{color:#8a2626;background:#fff0ec;border:1px solid #efb7aa}.panel .notice{margin:0}.muted{color:var(--muted)}.text-button{font:inherit;border:0;background:none;padding:0;color:var(--blue);font-weight:700;cursor:pointer}.footer{padding-block:30px}.footer>.footer-links{align-items:center;flex-wrap:wrap}.footer form{margin:0}.narrow{max-width:820px}.recovery-code{display:block;padding:20px;background:#eef0ff;border:1px dashed var(--blue);border-radius:10px;font-size:clamp(.85rem,3vw,1.35rem);overflow-wrap:anywhere;user-select:all}.workspace-head h1{font-size:clamp(2.5rem,5vw,4rem)}.workspace-head p:not(.eyebrow){color:var(--muted)}.badge{display:inline-block;border-radius:20px;background:#e6e9ff;color:var(--blue);padding:6px 13px;font-size:.85rem;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:25px;align-items:start}.resume-card{background:linear-gradient(120deg,white,#f2f3ff);padding:32px}.resume-card h2{max-width:510px;font-size:2.4rem}.dashboard-tools{margin-top:22px}.linked-card{display:block;text-decoration:none}.linked-card:hover{border-color:var(--blue)}.linked-card strong{color:var(--blue);font-size:.9rem}.small-heading{font-size:1.5rem!important}.task{padding:10px 0}.task input{accent-color:var(--blue)}hr{border:0;border-top:1px solid var(--border);margin:18px 0}.builder-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:27px;align-items:start}.form-section{padding-bottom:22px;margin-bottom:8px;border-bottom:1px solid var(--border);display:grid;gap:14px}.form-section h2{font-size:1.6rem}.form-section .eyebrow{margin:0}details{font-size:.85rem;background:#f4f5fd;border-radius:10px;padding:12px}summary{cursor:pointer;font-weight:750;color:var(--blue)}.save-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.save-bar p{max-width:250px}.preview-panel{background:#f0f2ff;padding:20px}.preview-panel pre{font-family:Georgia,serif;color:#262a44;font-size:.9rem;line-height:1.6;min-height:280px;margin:0;max-height:65vh;overflow:auto;background:white;padding:23px}.export-panel{margin-top:16px}.export-panel p{font-size:.88rem}.export-panel .button{width:100%;font-size:.85rem}.resume-sheet{background:white;border:1px solid var(--border);padding:48px;margin-top:25px;overflow-wrap:anywhere}.resume-sheet h1{font-family:Georgia,serif;font-size:2.3rem;letter-spacing:-.025em;border-bottom:3px solid var(--ink);padding-bottom:15px;margin-bottom:15px}.resume-contact{font-size:.85rem;margin:4px 0;overflow-wrap:anywhere}.resume-sheet h2{font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px;margin:25px 0 10px}.preserve{white-space:pre-wrap;font-size:.95rem}.messages{padding:0;list-style:none}.messages li{background:#eef1ff;border-radius:15px;padding:17px;margin:13px 0;color:var(--ink)}.policy{max-width:780px}.policy p{color:var(--muted)}.policy a{color:var(--blue)}
@media(min-width:721px) and (max-width:1100px){.nav{flex-wrap:wrap;padding-block:12px;gap:10px}.nav nav{width:100%;justify-content:space-between}.auth-layout{gap:35px}.home-paths .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.page-hero,.workspace-head{padding:38px 0}.hero h1{font-size:clamp(3.5rem,12vw,5rem)}.hero-grid{gap:30px}.hero-visual{min-height:340px}.home-paths .path-grid,.path-grid{grid-template-columns:1fr 1fr}.three-grid,.guide-layout,.auth-layout,.dashboard-grid,.builder-layout{grid-template-columns:1fr;gap:24px}.path{padding:19px;min-height:0}.path h3{font-size:1.2rem}.path p{font-size:.85rem}.section-heading{display:block}.section-heading .text-link{margin-top:20px}.callout{padding:28px}.big-arrow{display:none}.auth-story{padding-top:0}.auth-benefits{display:none}.auth-panel{padding:22px}.auth-layout{padding-top:34px}.auth-story h1{font-size:2.9rem}.auth-story .lede{margin-bottom:0}.sticky{position:static}.guide-step{gap:13px}.guide-step h2{font-size:1.5rem}.panel{padding:22px}.resume-sheet{padding:25px}.footer{align-items:start}.footer>.footer-links{gap:15px}.form-section .fields{grid-template-columns:1fr}.dashboard-tools{gap:12px}.linked-card{padding:18px}.linked-card h3{font-size:1.2rem}.linked-card p{font-size:.9rem}.section{padding-block:42px}}
@media(max-width:420px){.home-paths .path-grid,.path-grid,.two-grid{grid-template-columns:1fr}.hero-visual{min-height:300px}.guide-step .step-number{width:34px;height:34px}.guide-step{gap:12px}.auth-story h1{font-size:2.55rem}.resume-sheet h1{font-size:1.8rem}}
@media print{body{background:white;color:#111}.site-header,footer,.skip,.print-controls,.notice,.error{display:none!important}main>.section{width:100%;padding:0;margin:0;max-width:none}.resume-sheet{border:0;padding:0;margin:0}.resume-sheet h1{color:#111}.resume-sheet h2{break-after:avoid}.resume-sheet p{orphans:3;widows:3}.resume-contact{font-size:10pt}.preserve{font-size:11pt}@page{size:auto;margin:18mm}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.audience-card {
  padding: 0;
  overflow: hidden;
}
.audience-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.audience-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}
.audience-copy h3 {
  margin: 0 0 10px;
}
.audience-copy .tile {
  margin-bottom: 14px;
}
.audience-copy p {
  margin: 0 0 16px;
}
.employer-audiences {
  margin-bottom: 30px;
}
.employer-audiences .audience-copy p {
  margin-bottom: 0;
}
.guide-photo .audience-photo {
  border-radius: 18px;
  margin-bottom: 30px;
  max-height: 380px;
}
@media (min-width: 1101px) {
  .home-paths .path-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .home-paths .path-grid, .path-grid {
    grid-template-columns: 1fr;
  }
}

.teen-job-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  background: #f0f2ff;
}
.teen-job-banner p {
  margin-bottom: 0;
}
.teen-job-note {
  margin: 0 0 22px;
}
.career-directory {
  margin-bottom: 18px;
}
.career-directory-card {
  display: flex;
  flex-direction: column;
}
.career-directory-logo {
  display: grid;
  place-items: center;
  min-height: 108px;
  margin-bottom: 20px;
  border: 1px solid var(--border);
  border-radius: 12px;
}
.career-directory-logo:hover {
  border-color: var(--blue);
}
.career-directory-logo img {
  display: block;
  width: min(168px, 80%);
  height: 80px;
  object-fit: contain;
}
.career-directory-card h2 {
  font-size: 1.5rem;
}
.career-directory-card p {
  margin: 6px 0 12px;
  font-size: .9rem;
}
.career-directory-card .career-directory-role {
  margin: 8px 0 0;
  font-weight: 750;
  color: var(--ink);
}
.career-directory-links {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: auto;
}
.career-directory-links a:first-child {
  color: var(--blue);
  font-weight: 750;
}
@media (max-width: 720px) {
  .teen-job-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.career-directory-logo-dark {
  background: #16182e;
}

.workspace-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding-block: 16px;
  border-bottom: 1px solid var(--border);
}
.workspace-nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 12px;
  border-radius: 8px;
}
.workspace-nav > a[aria-current] {
  background: #e9ecff;
}
.workspace-section {
  margin-top: 24px;
}
.workspace-list {
  display: grid;
  gap: 14px;
}
.workspace-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.workspace-row h3, .job-card h3 {
  overflow-wrap: anywhere;
}
.workspace-row p, .job-card p {
  margin: 6px 0;
}
.workspace-row .actions {
  align-items: center;
}
.workspace-row .button, .workspace-list .actions .button {
  margin-top: 0;
}
.workspace-list .actions details {
  max-width: 240px;
}
.job-card {
  display: flex;
  flex-direction: column;
}
.job-card .text-link {
  margin-top: auto;
  padding-top: 10px;
}
.job-card h3 a {
  text-decoration: none;
}
.job-card h3 a:hover {
  text-decoration: underline;
}

@media (max-width: 720px) {
  .workspace-nav {
    position: static;
    background: transparent;
    box-shadow: none;
    border-width: 0 0 1px;
    border-radius: 0;
    padding-inline: 0;
  }
}
.auth-panel > .actions {
  margin: 0 0 16px;
}
.auth-panel > .actions [aria-current] {
  background: #e9ecff;
  border-color: var(--blue);
}