/* Accepted career proposal, shared structure with variant-specific visual tokens. */
.experience-interactive{--c-bg:var(--paper,#f4f6f9);--c-surface:var(--card,#fff);--c-text:var(--pfg,#051a30);--c-muted:var(--pmu,#526478);--c-rule:var(--ln,#d5dfe9);--c-match:#d8e9fa;--c-hover:#edf3f9;--c-accent:#174d8f;--c-question:#eef4fa;color:var(--c-text);min-width:0}
body:not([data-variant="2"]) .experience-interactive{--c-bg:#f5f4f0;--c-surface:#fff;--c-text:#10182e;--c-muted:#596275;--c-rule:#d9ddea;--c-match:#e1e6ff;--c-hover:#f0f2ff;--c-accent:#2444f7;--c-question:#edf0ff}
.experience-interactive *{box-sizing:border-box}
.experience-interactive .career-icon{flex:none;color:var(--c-accent)}
.experience-interactive p{color:var(--c-muted);line-height:1.65}
.experience-interactive .career-intro-copy{font-size:21px;max-width:42ch}
.experience-interactive .career-profile{padding:12px 0 28px}
.experience-interactive .career-linkedin{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--c-text);font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;padding:7px 0}
.experience-interactive .career-linkedin .career-icon:first-child{width:17px;height:17px}
.experience-interactive .career-linkedin .career-icon:last-child{width:14px;height:14px}
.experience-interactive .career-development{border-block:1px solid var(--c-rule);padding:24px 0;margin-bottom:32px}
.experience-interactive .career-development h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}
.experience-interactive .career-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.experience-interactive .career-stages button{cursor:pointer;text-align:left;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-rule);border-radius:10px;padding:16px 12px;font:inherit;min-width:0}
.experience-interactive .career-stages button:hover{background:var(--c-hover);border-color:var(--c-accent)}
.experience-interactive .career-stages button[aria-pressed="true"]{background:var(--c-accent);border-color:var(--c-accent);color:white}
.experience-interactive .career-stages button[aria-pressed="true"] svg{color:inherit}
.experience-interactive .career-stages button strong{display:block;font-weight:500;font-size:15px;margin:12px 0 5px}
.experience-interactive .career-stages button>span{display:block;font-size:12px;line-height:1.45}
.experience-interactive .career-stage-hint{font-size:14px;margin:14px 0 0;min-height:3.3em}
.experience-interactive .career-axis{list-style:none;padding:0;margin:0;position:relative}
.experience-interactive .career-axis:before{content:'';position:absolute;left:149px;top:28px;bottom:58px;width:1px;background:var(--c-rule)}
.experience-interactive .career-axis>li{position:relative;margin:0 0 16px;padding:0}
.experience-interactive .career-role{scroll-margin-top:140px}
.experience-interactive .career-role>summary{cursor:pointer;display:grid;grid-template-columns:125px 24px minmax(0,1fr);column-gap:12px;align-items:start;list-style:none;padding:0}
.experience-interactive summary::-webkit-details-marker{display:none}
.experience-interactive .career-date{font-size:14px;line-height:1.55;color:var(--c-muted);text-align:right;padding-top:24px}
.experience-interactive .career-date>span{display:block}
.experience-interactive .career-node{width:13px;height:13px;margin:28px auto 0;background:var(--c-bg);border:2px solid var(--c-muted);border-radius:50%;z-index:1}
.experience-interactive .career-summary{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-rule);border-radius:12px;padding:22px 24px}
.experience-interactive .career-sector{font-size:12px;line-height:1.5;color:var(--c-muted);margin-bottom:7px}
.experience-interactive .career-summary strong{font-size:25px;line-height:1.25;letter-spacing:-.025em;font-weight:500}
.experience-interactive .career-teaser{font-size:15px;line-height:1.5;color:var(--c-muted);margin-top:10px}
.experience-interactive .career-open-label,.experience-interactive .career-close-label{font-size:14px;margin-top:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--c-accent)}
.experience-interactive .career-open-label>span,.experience-interactive .career-close-label>span{font-size:25px;font-weight:300;line-height:1}
.experience-interactive .career-close-label{display:none}
.experience-interactive details[open] .career-open-label{display:none}
.experience-interactive details[open] .career-close-label{display:flex}
.experience-interactive details[open] .career-node{background:var(--c-accent);border-color:var(--c-accent)}
.experience-interactive details[open] .career-summary{border-color:var(--c-accent);border-radius:12px 12px 0 0}
.experience-interactive .career-role>summary:hover .career-summary{background:var(--c-hover);border-color:var(--c-accent)}
.experience-interactive .career-detail{margin-left:173px;background:var(--c-surface);border:1px solid var(--c-accent);border-top:0;border-radius:0 0 12px 12px;padding:0 24px 24px}
.experience-interactive .career-detail h3{font-size:17px;font-weight:500;letter-spacing:-.01em;margin:0 0 10px}
.experience-interactive .career-detail p{font-size:17px;margin:0}
.experience-interactive .career-responsibilities{border-top:1px solid var(--c-rule);padding-top:22px}
.experience-interactive .career-role-graphic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--c-rule);padding:20px 0}
.experience-interactive .career-role-graphic>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.experience-interactive .career-role-graphic strong{font-size:18px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}
.experience-interactive .career-role-graphic span{font-size:13px;line-height:1.4;color:var(--c-muted)}
.experience-interactive .career-conversation{padding:16px 18px;background:var(--c-question);border-left:2px solid var(--c-accent);margin-top:22px}
.experience-interactive .career-conversation>span{display:block;font-size:13px;letter-spacing:.02em;color:var(--c-muted);margin-bottom:7px}
.experience-interactive .career-conversation p{color:var(--c-text)}
.experience-interactive .career-matched .career-node{background:var(--c-accent);border-color:var(--c-accent);box-shadow:0 0 0 5px var(--c-match)}
.experience-interactive .career-matched .career-summary,.experience-interactive .career-matched>summary:hover .career-summary{border-color:var(--c-accent);background:var(--c-match);box-shadow:inset 4px 0 0 var(--c-accent)}
.experience-interactive .career-match-label{align-self:flex-start;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.02em;color:var(--c-accent);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--c-accent)}
.experience-interactive [hidden]{display:none!important}
.experience-interactive .career-task-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.experience-interactive .career-task-list details{background:var(--c-surface);border:1px solid var(--c-rule);border-radius:12px;padding:22px}
.experience-interactive .career-task-list summary{cursor:pointer;display:flex;flex-direction:column;list-style:none;gap:10px}
.experience-interactive .career-task-list summary>span:first-child{font-size:12px;letter-spacing:.06em;color:var(--c-muted)}
.experience-interactive .career-task-list strong{font-size:23px;font-weight:500;line-height:1.35}
.experience-interactive .career-task-list em{font-size:14px;font-style:normal;line-height:1.5;color:var(--c-muted)}
.experience-interactive .career-task-action .career-open-label,.experience-interactive .career-task-action .career-close-label{margin-top:4px}
.experience-interactive .career-task-copy{border-top:1px solid var(--c-rule);padding-top:16px;margin-top:16px}
.experience-interactive .career-task-copy p{font-size:17px;margin:0}
.experience-interactive .career-task-list details:hover,.experience-interactive .career-task-list details[open]{border-color:var(--c-accent)}
.experience-interactive .career-skills{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.experience-interactive .career-skills:has(>article:only-child){grid-template-columns:1fr}
.experience-interactive .career-skills article{background:var(--c-surface);border:1px solid var(--c-rule);border-radius:12px;padding:24px}
.experience-interactive .career-skills h3{font-size:23px;font-weight:500;margin:14px 0 10px}
.experience-interactive .career-skills p{font-size:17px;margin:0}
.experience-interactive .career-skills ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:16px 0 0}
.experience-interactive .career-skills li{font-size:13px;line-height:1.5;border:1px solid var(--c-rule);padding:4px 9px;border-radius:20px;background:var(--c-question);margin:0}
.experience-interactive .career-original-copy{margin-top:24px;font-size:18px}
.experience-interactive .career-learning{display:grid;gap:20px}
.experience-interactive .career-learning article{border-left:2px solid var(--c-accent);background:var(--c-surface);padding:22px;border-radius:0 12px 12px 0}
.experience-interactive .career-learning h3{font-size:20px;font-weight:500;margin:12px 0 10px}
.experience-interactive .career-learning p{font-size:18px;margin:12px 0 0}
.experience-interactive summary:focus-visible,.experience-interactive button:focus-visible,.experience-interactive a:focus-visible{outline:3px solid var(--c-accent);outline-offset:5px;border-radius:8px}
body:not([data-variant="2"]) .experience-interactive .career-summary,body:not([data-variant="2"]) .experience-interactive .career-task-list details,body:not([data-variant="2"]) .experience-interactive .career-skills article{border-radius:22px}
body:not([data-variant="2"]) .experience-interactive details[open] .career-summary{border-radius:22px 22px 0 0}
body:not([data-variant="2"]) .experience-interactive .career-detail{border-radius:0 0 22px 22px}
@media(prefers-color-scheme:dark){.experience-interactive{--c-match:#203c58;--c-hover:#192b40;--c-accent:#a8cdf2;--c-question:#152a40}.experience-interactive .career-stages button[aria-pressed="true"]{color:#051a30}body:not([data-variant="2"]) .experience-interactive{--c-bg:#0b1025;--c-surface:#121a35;--c-text:#f4f5ff;--c-muted:#b4beda;--c-rule:#33405f;--c-match:#283574;--c-hover:#1c2854;--c-accent:#a6f3d0;--c-question:#1c2854}}
@media(max-width:1100px){.experience-interactive .career-axis:before{left:9px;top:23px;bottom:45px}.experience-interactive .career-role>summary{grid-template-columns:20px minmax(0,1fr);column-gap:12px}.experience-interactive .career-date{grid-column:2;text-align:left;padding:0 0 9px;display:flex;gap:7px;flex-wrap:wrap}.experience-interactive .career-date>span:before{content:'— '}.experience-interactive .career-node{grid-column:1;grid-row:1 / span 2;margin:21px auto 0}.experience-interactive .career-summary{grid-column:2}.experience-interactive .career-detail{margin-left:32px}}
@media(max-width:580px){.experience-interactive .career-intro-copy{font-size:19px}.experience-interactive .career-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-interactive .career-stages button:last-child{grid-column:1 / -1}.experience-interactive .career-summary{padding:18px}.experience-interactive .career-summary strong{font-size:23px}.experience-interactive .career-detail{padding:0 18px 18px}.experience-interactive .career-role-graphic{grid-template-columns:1fr;gap:17px}.experience-interactive .career-role-graphic>div{display:grid;grid-template-columns:24px 1fr;gap:3px 10px}.experience-interactive .career-role-graphic svg{grid-row:1 / span 2}.experience-interactive .career-role-graphic span{grid-column:2}.experience-interactive .career-task-list,.experience-interactive .career-skills{grid-template-columns:1fr}.experience-interactive .career-task-list details{padding:20px}}
@media(prefers-reduced-motion:no-preference){.experience-interactive details[open] .career-detail,.experience-interactive details[open] .career-task-copy{animation:career-open .24s ease-out}.experience-interactive .career-summary,.experience-interactive button{transition:background .2s,border-color .2s}@keyframes career-open{from{transform:translateY(-5px);opacity:.4}to{transform:none;opacity:1}}}