@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#faf8f2;--ink:#253e38;--muted:#606a60;--line:#dcded2;--sun:#edbb72;--white:#fffdf8;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0 0 1rem}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,5.5vw,5.8rem);line-height:1.04}h2{font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1.08}h3{font-size:1.25rem;letter-spacing:-.025em}em{font-weight:400;color:#9d5436}p{line-height:1.75;color:var(--muted)}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;object-fit:cover}a{text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ae6034;outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:700;letter-spacing:-1.8px;text-decoration:none;white-space:nowrap}.wordmark span{font-weight:400}.wordmark b{color:#aa573a;font-size:36px;vertical-align:middle;margin-left:6px}.site-header nav{display:flex;gap:30px;margin:auto;font-size:14px}.site-header nav a{text-decoration:none}.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 23px;border-radius:100px;text-decoration:none;border:1px solid var(--ink);font-size:14px;font-weight:600;background:none;color:var(--ink)}.pill.primary{background:var(--ink);color:var(--paper)}.pill:hover{background:#e9eadd}.pill.primary:hover{background:#3b574e}.pill span{font-size:18px}#saved-count{font-size:12px;border-radius:50%;background:var(--sun);padding:3px 7px}.hero-modern{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:2%;padding:70px 5% 60px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--ink);margin-bottom:22px}.intro{font-size:17px;margin:24px 0 28px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.text-link{font-size:14px;font-weight:600;text-decoration:none}.micro{font-size:12px;margin-top:20px}.hero-art{margin:0;position:relative}.hero-art img{width:100%;height:auto;border-radius:4px;mix-blend-mode:multiply}.hero-art figcaption{font-size:11px;text-align:center;font-style:italic;color:var(--muted);margin-top:10px}.ticker{background:#e8ecdf;border-block:1px solid #d3dcc9;display:flex;justify-content:space-around;padding:21px 4%;gap:20px;font-size:10px;font-weight:600;letter-spacing:.15em}.ticker span:before{content:'✳';margin-right:20px;color:#9d5436}.section{max-width:1440px;margin:auto;padding:72px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){font-size:14px;margin-bottom:4px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.theme-card{position:relative;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--white);text-align:left;overflow:hidden;transition:transform .2s}.theme-card:hover{transform:translateY(-4px)}.theme-card.active{outline:2px solid var(--ink)}.theme-card img{display:block;width:100%;aspect-ratio:1.6;object-position:center 40%}.theme-card .theme-label{display:flex;padding:15px 17px;align-items:center;justify-content:space-between;font-weight:600;font-size:14px}.theme-card small{display:block;padding:0 17px 15px;color:var(--muted);font-size:11px}.search-toolbar{display:flex;gap:14px;margin-top:35px;align-items:end}.search-modern{display:flex;align-items:center;gap:14px;flex:1;border:1px solid var(--line);border-radius:4px;background:var(--white);padding:4px 16px}.search-modern span{font-size:30px}.search-modern input{width:100%;border:0;background:none;min-height:45px;outline:none;font-size:14px;color:var(--ink)}.select-label{display:flex;flex-direction:column;gap:5px;font-size:11px}.select-label select{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:13px;font-size:13px;color:var(--ink);min-height:53px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter-chip{padding:7px 12px;border:1px solid var(--line);border-radius:100px;font-size:12px;color:var(--ink);background:none;min-height:36px}.filter-chip.active{background:var(--ink);color:var(--paper)}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px}.results-heading h3{font-size:16px;margin:0}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink);padding:12px;font-size:12px}.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.career-card{background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.career-card>a{text-decoration:none;display:block}.career-card img{width:100%;aspect-ratio:1.85;display:block}.card-body{padding:20px}.career-card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:27px;margin-bottom:8px;font-weight:400}.career-card p{font-size:13px;line-height:1.65;margin-bottom:0}.card-tag{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#936044;margin-bottom:10px}.card-actions{display:flex;align-items:center;justify-content:space-between;padding:0 20px 15px;margin-top:auto;gap:10px}.card-actions a{font-size:12px;text-decoration:none}.save-button{border:0;background:none;color:var(--ink);font-size:12px;padding:10px 0}.save-button[aria-pressed=true]{color:#9d5436}.center{text-align:center;margin-top:28px}.directory-link{text-align:center;font-size:12px}.discovery{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e9ecdf;border-block:1px solid var(--line)}.discovery>div>p:not(.eyebrow){max-width:440px;font-size:14px}.quiz-panel{background:var(--white);border:1px solid #d2d8c7;padding:32px;border-radius:5px;align-self:start}.quiz-panel h3{font-size:21px;line-height:1.4}.quiz-progress{font-size:11px;letter-spacing:.13em;color:#936044}.quiz-options{display:grid;gap:10px}.quiz-option{padding:14px 16px;border:1px solid var(--line);border-radius:3px;background:transparent;text-align:left;color:var(--ink);font-size:14px;min-height:50px}.quiz-option:hover{background:#edf0e5}.quiz-back{margin-top:12px}.quiz-result{padding:14px 0;border-bottom:1px solid var(--line)}.quiz-result a{font-weight:600}.quiz-result p{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:38px}.steps article{border-top:1px solid var(--ink);padding-top:20px}.steps span{font-size:10px;letter-spacing:.13em;color:#9d5436}.steps h3{margin:18px 0 10px}.steps p{font-size:14px}.community-band{background:#253e38;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.community-band .eyebrow,.community-band p{color:#d2dacb}.community-band .pill.primary{background:#edbb72;color:var(--ink);border-color:#edbb72}.community-band p{font-size:14px}.interest-map{min-height:320px;position:relative}.interest-map svg{width:100%;height:auto;overflow:visible}.interest-map text{font-size:11px;fill:var(--paper)}.map-caption{font-size:11px;text-align:center}.teachers{max-width:900px;text-align:center}.teachers p:not(.eyebrow){font-size:15px}.site-footer{border-top:1px solid var(--line);padding:42px 5%;text-align:center}.site-footer p{font-size:13px}.site-footer div{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin:20px 0;font-size:12px}.site-footer small{font-size:10px;color:var(--muted)}dialog{max-width:1000px;width:92vw;max-height:88vh;border:1px solid var(--line);padding:30px;background:var(--paper);color:var(--ink);border-radius:8px}dialog::backdrop{background:#18312bd0}.dialog-top{display:flex;justify-content:space-between;align-items:start}.dialog-top h2{font-size:35px}.icon-button{background:none;border:0;font-size:30px;color:var(--ink);padding:0 10px}.notebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.notebook-item{padding:20px;border:1px solid var(--line);background:var(--white);margin-bottom:20px}.notebook-item p{font-size:12px}.notebook-item textarea{width:100%;min-height:100px;border:1px solid var(--line);padding:10px;background:var(--paper);font-size:13px}.notebook-item label{font-size:12px}.compare-wrap{overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}th{background:#e8ecdf}.content-page{max-width:1100px;margin:auto;padding:65px 5%}.breadcrumb{font-size:12px;margin-bottom:30px}.detail-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.detail-intro img{width:100%;border-radius:4px}.detail-intro .intro{font-size:18px}.detail-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.detail-section{border-top:1px solid var(--ink);padding:22px 0}.detail-section h2{font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:0;font-weight:600}.detail-section p{font-size:14px}.activity-band{padding:30px;background:#e9ecdf;margin:25px 0}.activity-band h2{font-size:32px}.related-list{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.related-list a{border:1px solid var(--line);border-radius:50px;padding:10px 15px;font-size:13px;text-decoration:none}.article-copy{max-width:760px}.article-copy h2{font-size:32px;margin-top:35px}.article-copy h3{margin-top:25px}.article-copy li{line-height:1.8;color:var(--muted);margin-bottom:8px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.directory-grid a{padding:18px;border:1px solid var(--line);text-decoration:none;background:var(--white)}.directory-grid span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.detail-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px}.error-message{padding:20px;background:#f3e7d7}.hidden{display:none!important}@media(max-width:900px){.site-header{gap:15px;flex-wrap:wrap}.site-header nav{gap:18px;font-size:12px;order:3;width:100%;justify-content:center}.site-header>.pill{margin-left:auto}.hero-modern{padding-top:45px;grid-template-columns:1fr 1fr}.hero-modern h1{font-size:48px}.theme-grid{grid-template-columns:repeat(2,1fr)}.career-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:25px}.notebook-grid{grid-template-columns:1fr}.detail-sections{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{padding:18px 6%}.wordmark{font-size:25px}.site-header>.pill{font-size:11px;padding:9px 14px;min-height:42px}.hero-modern{grid-template-columns:1fr;padding:40px 6% 30px}.hero-modern h1{font-size:53px}.hero-art{margin-top:30px}.intro{font-size:15px}.ticker{flex-wrap:wrap;gap:15px;font-size:8px;justify-content:center}.ticker span:before{margin-right:10px}.section{padding:45px 6%}.section-heading{display:block}.section-heading>p{margin-top:18px}.theme-grid{gap:10px}.theme-card .theme-label{font-size:12px;padding:12px}.theme-card small{padding:0 12px 12px}.search-toolbar{flex-wrap:wrap}.search-modern{flex-basis:100%}.select-label{flex:1}.career-grid{gap:12px}.card-body{padding:14px}.career-card h3{font-size:23px}.career-card p{font-size:12px}.card-actions{padding:0 14px 12px;flex-wrap:wrap}.discovery,.community-band,.detail-intro{grid-template-columns:1fr;gap:30px}.quiz-panel{padding:22px}.steps{grid-template-columns:1fr;gap:24px}.interest-map{min-height:240px}.detail-intro{gap:25px}.directory-grid{grid-template-columns:1fr}.content-page{padding:40px 6%}.content-page h1{font-size:46px}dialog{padding:20px}.actions{gap:18px}.filter-row{max-height:125px;overflow:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.site-footer,.detail-controls,dialog{display:none}.content-page{padding:0}.detail-intro{display:block}.detail-intro img{max-width:250px}.detail-sections{display:block}}

/* Soft card silhouettes across career discovery. */
.theme-card,.career-card{border-radius:22px;overflow:hidden}.hero-art img,.detail-intro img{border-radius:22px}.quiz-panel,.notebook-item,.activity-band{border-radius:18px}.theme-card img,.career-card img{object-position:center 35%}

/* Playful, matte, rounded design for younger and older explorers. */
:root{--paper:#fffcf5;--ink:#273b53;--muted:#526479;--line:#dae4ea;--sun:#ffd268;--white:#fff;font-family:'Nunito',ui-rounded,system-ui,sans-serif;font-size:17px}
h1,h2,.career-card h3{font-family:'Nunito',ui-rounded,system-ui,sans-serif;font-weight:900;letter-spacing:-.045em}h1{font-size:clamp(3.8rem,6.3vw,6.3rem);line-height:1.03}h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.14}h3{font-weight:800}em{font-style:normal;font-weight:900;color:#ca5141}.eyebrow{font-size:12px;letter-spacing:.075em;font-weight:900;color:#397598}.wordmark{font-weight:900;letter-spacing:-1.3px;color:#226a87}.wordmark span{font-weight:700}.wordmark b{color:#e18525}.site-header{border-bottom:2px dashed #dfe8df;padding-block:22px}.site-header nav{font-size:15px;font-weight:800}.site-header nav a:hover{color:#bf5144}.hero-modern{background:#fff9e9;max-width:none;padding-inline:max(5%,calc((100vw - 1296px)/2));padding-block:58px;gap:4%;grid-template-columns:1fr 1.1fr}.hero-copy{position:relative}.hero-copy:before{content:'✦';position:absolute;right:8%;top:-28px;font-size:55px;line-height:1;color:#ebbe55;transform:rotate(12deg);pointer-events:none}.intro{font-size:19px;font-weight:600;line-height:1.7}.hero-art img{border:3px solid white;border-radius:38px;mix-blend-mode:normal}.hero-art figcaption{font-size:13px;font-style:normal;font-weight:700;color:#62728b}.pill{font-size:15px;font-weight:900;border-width:2px;min-height:52px;padding:13px 24px}.pill.primary{background:#227b9c;border-color:#227b9c;color:white;box-shadow:0 4px 0 #17576f}.pill.primary:hover{background:#1d6c8a}.pill.outline{background:#fff;border-color:#ccdce4}.pill.outline:hover{background:#eff9ff}.text-link{font-weight:900;font-size:15px}.micro{font-size:13px}.ticker{background:#e5f3fc;border-color:#d5e8f3;padding-block:22px;font-size:11px;font-weight:900;letter-spacing:.07em}.ticker span:before{color:#e59a34;font-size:15px}.section-heading>p{font-size:16px!important}.theme-card,.career-card{border:2px solid var(--line);border-radius:25px;box-shadow:0 4px 0 #e6eceb}.theme-card .theme-label{font-size:17px;font-weight:900;padding:17px}.theme-card small{font-size:12px;font-weight:700}.theme-card.active{outline:3px solid #227b9c}.theme-card:nth-child(4n+1){background:#edf7ec}.theme-card:nth-child(4n+2){background:#f1edff}.theme-card:nth-child(4n+3){background:#fff0dd}.theme-card:nth-child(4n){background:#fff0f0}.theme-card img{aspect-ratio:1.3}.search-modern{border:2px solid #dce6ed;border-radius:18px}.search-modern input{font-size:16px}.select-label{font-size:12px;font-weight:800}.select-label select{border-radius:15px;border-width:2px;font-size:14px}.filter-chip{background:#fff;font-size:13px;font-weight:800;border-width:2px}.filter-chip.active{background:#227b9c;border-color:#227b9c}.results-heading h3{font-size:20px}.career-card img{aspect-ratio:1.5}.career-card h3{font-size:27px;font-weight:900;letter-spacing:-.035em}.career-card p{font-size:15px}.card-tag{font-size:11px;letter-spacing:.05em;font-weight:900;color:#a85446}.card-actions a,.save-button{font-size:13px;font-weight:800;min-height:42px}.discovery{background:#eef6e9;border:0;border-radius:40px;margin-inline:auto}.discovery>div>p:not(.eyebrow){font-size:16px}.quiz-panel{border:2px solid #d6e4cf;border-radius:25px;box-shadow:0 5px 0 #d9e6d0}.quiz-progress{font-size:12px;font-weight:900;color:#867020}.quiz-panel h3{font-weight:900;font-size:23px}.quiz-option{border-radius:15px;border-width:2px;font-size:16px;font-weight:700;background:#fff}.quiz-option:hover{background:#fff4d5;border-color:#e8bd5d}.steps article{border-top:3px dashed #d6dce4}.steps span{font-size:12px;font-weight:900;color:#ad6d29}.steps h3{font-size:22px}.steps p{font-size:16px}.community-band{background:#e9edff;color:var(--ink);border-radius:40px}.community-band .eyebrow{color:#63579d}.community-band p{color:#526079;font-size:16px}.community-band .pill.primary{background:#7666b2;border-color:#7666b2;color:white;box-shadow:0 4px 0 #514483}.interest-map svg text{fill:#3f4670;font-weight:800}.interest-map svg line{stroke:#b0aad4}.interest-map svg circle[fill="#506857"]{fill:#c6c0eb}.interest-map .map-caption{font-size:12px;color:#5f6780}.teachers p:not(.eyebrow){font-size:16px}.site-footer{background:#eaf5f7;border-top:2px dashed #c5dfe4}.site-footer p,.site-footer div{font-size:14px}.site-footer small{font-size:12px}.detail-section h2{font-family:'Nunito',sans-serif;font-weight:900;font-size:20px}.detail-section p{font-size:16px}.activity-band{background:#fff2ce;border-radius:25px}.activity-band h2{font-size:30px}.detail-intro .intro{font-size:18px}.directory-grid a{border-radius:20px;border-width:2px;font-weight:800}.directory-grid span{font-weight:500;font-size:13px}.article-copy h2{font-size:29px}.notebook-item{border:2px solid var(--line);border-radius:20px}.notebook-item p{font-size:14px}.notebook-item textarea{border-radius:12px}.text-button{font-size:14px;font-weight:800}.breadcrumb{font-size:14px}dialog{border-radius:28px}table{font-size:14px}
@media(max-width:900px){.hero-modern h1{font-size:64px}.hero-modern{padding-inline:5%}.site-header nav{font-size:14px}}
@media(max-width:600px){.hero-modern{padding:38px 6% 30px;grid-template-columns:1fr}.hero-modern h1{font-size:65px}.hero-copy:before{right:12%;top:0;font-size:40px}.intro{font-size:17px}.hero-art img{border-radius:28px}.theme-card .theme-label{font-size:14px;padding:13px}.theme-card small{font-size:11px}.career-card h3{font-size:23px}.career-card p{font-size:13px}.discovery,.community-band{border-radius:28px}.section-heading>p{font-size:15px!important}.site-header nav{font-size:13px}.site-header>.pill{font-size:12px}.ticker{font-size:9px}.content-page h1{font-size:42px}}