.career-cards-space{max-width:800px;margin:0 auto}.career-cards-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.career-cards-heading h1{font-size:36px;letter-spacing:-1px}.career-cards-heading p{font-size:12px;color:var(--muted);margin-top:9px}.career-cards-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:12px;color:#8a887c}.career-mode{display:flex;padding:4px;background:#edece4;border-radius:12px;gap:4px}.mode-button{padding:9px 15px;border:0;background:transparent;color:#898479;border-radius:9px;min-height:40px;font-size:12px}.mode-button.selected{background:#fffefa;color:#736289;box-shadow:0 2px 4px #63565510}.career-memory-card{padding:30px 35px;border:1px solid #e2d9e8;border-radius:26px;background:#faf6ff;box-shadow:0 5px 0 #ece5f1;display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px 27px;align-items:center}.career-memory-card.sage{background:#f6f9ef;border-color:#dce2cf;box-shadow:0 5px 0 #e7ecdd}.career-memory-card.peach{background:#fff7ef;border-color:#eadfce;box-shadow:0 5px 0 #f2e8dc}.career-card-art{width:190px;aspect-ratio:1;background-image:url('/assets/career-memory-board.png');background-size:300% 200%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;mix-blend-mode:multiply;border-radius:20px}.career-card-text{font-size:22px;line-height:1.95;font-weight:350;color:#55564f;overflow-wrap:anywhere}.career-highlight{font-weight:650;border-radius:3px;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.career-highlight.shade-0{color:#74628d;background:linear-gradient(transparent 58%,#e9def6 58%);text-decoration:underline;text-decoration-color:#b8a0d0;text-underline-offset:5px}.career-highlight.shade-1{color:#64764f;background:linear-gradient(transparent 58%,#e4ebd0 58%)}.career-highlight.shade-2{color:#96714e;background:linear-gradient(transparent 58%,#f1dec8 58%)}.career-card-meaning{grid-column:2;font-size:11px;color:#888073;margin-top:-8px}.career-card-meaning summary,.career-whole-text summary{display:flex;align-items:center;min-height:44px;cursor:pointer}.career-card-meaning p{font-size:13px;line-height:1.85;margin-top:8px}.career-card-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.career-card-dots{display:flex;gap:8px}.card-dot{border:1px solid transparent;background:transparent;color:#a09a8d;min-height:40px;min-width:36px;font-size:11px;border-radius:11px}.card-dot.selected{border-color:#d9cde6;background:#eee7f7;color:#756388}.career-card-navigation .text-button{font-size:12px}.career-whole-text{font-size:12px;color:var(--muted);margin-top:21px}.career-whole-text>div{padding:23px 26px;border:1px solid var(--line);border-radius:18px;background:var(--white);margin-top:10px}.career-whole-text p{font-size:17px;line-height:1.95;margin-bottom:17px;overflow-wrap:anywhere}.career-whole-text p:last-child{margin-bottom:0}.career-card-cues{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.career-card-cues span{padding:10px 13px;border-radius:12px;font-size:14px;color:#756088;background:#eae0f4}.career-card-cues .shade-1{background:#e8eed8;color:#718253}.career-card-cues .shade-2{background:#f3e1cd;color:#957451}.career-recall-prompt{font-size:14px;color:#898275}.career-reveal{font-size:12px;margin-top:4px}.career-own-toolbar{max-width:760px;margin:0 auto 14px}@media(max-width:1050px){.career-memory-card{grid-template-columns:1fr;padding:25px 28px;gap:17px}.career-card-visual{display:flex;justify-content:center}.career-card-art{width:160px}.career-card-meaning{grid-column:1;margin-top:0}}@media(max-width:900px){.career-cards-heading{align-items:flex-start;margin-bottom:20px}.career-cards-heading h1{font-size:29px}.career-cards-heading>.text-button{font-size:10px;padding-top:6px;white-space:nowrap}.career-cards-heading p{font-size:11px}.career-memory-card{padding:23px 23px 17px;border-radius:22px;gap:14px}.career-card-text{font-size:19px;line-height:1.9}.career-card-art{width:140px}.career-card-navigation{gap:5px;flex-wrap:wrap}.career-card-dots{gap:2px}.card-dot{min-width:29px;min-height:40px}.career-card-navigation .text-button{font-size:11px;gap:3px}.career-card-meaning summary{min-height:36px}.career-whole-text p{font-size:16px}.career-whole-text>div{padding:18px}.career-card-cues span{font-size:13px}.career-cards-toolbar{margin-bottom:17px}.mode-button{padding:8px 13px;font-size:11px}}@media(max-width:360px){.career-cards-heading h1{font-size:26px}.career-card-text{font-size:18px}.career-memory-card{padding:20px}.career-card-art{width:125px}.career-card-navigation>.text-button{font-size:10px}.card-dot{min-width:25px}.career-card-navigation{gap:2px}.career-cards-heading{gap:10px}}
@media(max-width:900px){.career-card-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px}.career-card-dots{grid-column:1/-1;grid-row:1;justify-content:center;gap:5px}.card-dot{min-width:44px;min-height:44px}.career-card-navigation>.text-button{grid-row:2;min-height:44px}.career-card-navigation>.text-button:last-child{justify-self:end}}
.career-cards-space{max-width:1030px}
.career-memory-card{grid-template-columns:230px minmax(0,1fr);gap:20px 32px;padding:30px 32px;align-items:start}
.career-card-visual{display:flex;flex-direction:column;align-items:center;gap:24px;grid-row:1/3}
.career-card-art{width:215px;flex-shrink:0}
.career-card-content h2{font-size:29px;margin-bottom:20px;line-height:1.3;letter-spacing:-.4px}
.career-card-text{font-size:19px;line-height:1.9;white-space:normal;margin-bottom:17px;font-weight:350}
.career-prose .career-card-text:last-child{margin-bottom:0}
.career-visualisation{width:100%;min-width:0}
.career-memory-flow{display:flex;flex-direction:column;gap:16px}
.career-flow-step{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;text-align:left;border:1px solid #e0d9e8;border-radius:15px;background:#fffefa90;color:#746688;padding:11px 13px;position:relative}
.career-flow-step:not(:last-child):after{content:'↓';position:absolute;bottom:-17px;left:22px;color:#bcaecc;font-size:14px;pointer-events:none}
.career-flow-step strong{display:block;font-size:12px;font-weight:650;line-height:1.5}
.career-flow-step small{display:block;font-size:10px;color:#9a8a9f;line-height:1.6;margin-top:3px}
.flow-number{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eee6f5;color:#8d78a1;font-size:11px;flex-shrink:0}
.career-flow-step.focused{border-color:#b5a0cd;background:#eee5f8;box-shadow:0 0 0 2px #e9def380}
.paragraph-focused{background:#ffffffb0;border-radius:12px;box-shadow:0 0 0 9px #ffffffb0;outline:1px solid #cbbbdb;outline-offset:9px}
.career-card-meaning{margin-top:0;font-size:12px;grid-column:2}
.career-card-meaning p{margin-bottom:12px;line-height:1.85}
.career-comparison{margin:0 0 19px;padding:15px 14px;background:#fffef9b0;border:1px solid #e1ddce;border-radius:16px}
.career-comparison figcaption{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#7d7d68;font-size:11px;line-height:1.6}
.career-comparison figcaption strong{font-family:Georgia,serif;font-size:30px;font-weight:500;color:#748159;line-height:1.15}
.comparison-row{display:grid;grid-template-columns:35px minmax(0,1fr) 44px;gap:7px;align-items:center;margin-top:10px;font-size:9px;color:#969585}
.comparison-row b{font-size:10px;font-weight:600;text-align:right;color:#6f735c}
.comparison-track{height:9px;background:#f0f0e6;border-radius:5px;overflow:hidden}
.comparison-track i{display:block;height:100%;background:#cbc6d4;border-radius:5px;min-width:2px}
.comparison-row.after .comparison-track i{background:#9cae7f}
.comparison-period{font-size:10px;line-height:1.8;color:#888777}
.comparison-note{font-size:10px;line-height:1.8;color:#9a988c;margin-top:8px}
.whole-intro-block{margin-bottom:25px}.whole-intro-block:last-child{margin-bottom:0}.whole-intro-block h3{font-size:14px;margin-bottom:12px;color:#756587}.career-whole-text .career-card-text{font-size:17px;line-height:1.9;margin-bottom:13px}
@media(max-width:1100px) and (min-width:901px){.career-memory-card{grid-template-columns:180px minmax(0,1fr);padding:25px;column-gap:26px}.career-card-art{width:175px}.career-card-text{font-size:18px;line-height:1.85}.career-card-content h2{font-size:25px}.career-flow-step{padding:11px;gap:9px}.career-comparison{padding:13px 11px}.comparison-row{grid-template-columns:31px minmax(0,1fr) 43px;gap:5px}}
@media(max-width:900px){.career-memory-card{display:flex;flex-direction:column;padding:23px;gap:20px}.career-card-visual{display:contents}.career-card-art{width:150px;align-self:center;order:0}.career-card-content{order:1;width:100%}.career-visualisation{order:2}.career-card-meaning{order:3;width:100%;margin-top:-5px}.career-card-content h2{font-size:26px;margin-bottom:17px}.career-card-text{font-size:18px;line-height:1.9;margin-bottom:18px}.career-memory-flow{flex-direction:row;gap:8px}.career-flow-step{flex-direction:column;align-items:flex-start;flex:1;width:0;min-width:0;padding:12px 9px;gap:8px;border-radius:13px}.career-flow-step strong{font-size:11px}.career-flow-step small{font-size:9px}.career-flow-step:not(:last-child):after{content:'→';bottom:auto;top:19px;left:auto;right:-8px;z-index:1}.career-comparison{padding:17px 18px;margin-bottom:13px}.career-comparison figcaption{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.comparison-row{grid-template-columns:40px minmax(0,1fr) 55px;font-size:10px}.comparison-row b{font-size:12px}.comparison-track{height:11px}.career-cards-heading p{font-size:10px}.career-whole-text .career-card-text{font-size:16px;line-height:1.9}.paragraph-focused{box-shadow:0 0 0 6px #ffffffb0;outline-offset:6px}}
@media(max-width:360px){.career-memory-card{padding:20px}.career-card-content h2{font-size:24px}.career-card-text{font-size:17px}.career-card-art{width:135px}.career-flow-step{padding:10px 8px}.career-flow-step strong{font-size:10px}.career-comparison{padding:14px}}