/* FRANK · FASE 4 — EXP / strictly scoped: Hero, Featured and Catalog are untouched */
.experience-panel{padding:23px 22px 22px;scroll-margin-top:90px;background:linear-gradient(135deg,#06111e 0%,#050e1c 56%,#081424 100%);border:1px solid rgba(49,74,107,.58);border-radius:11px}
.experience-panel .experience-heading{align-items:center;margin-bottom:15px;gap:14px}
.experience-panel .experience-heading .panel-title{gap:13px}
.experience-panel .experience-heading .tiny-rule{background:linear-gradient(90deg,#c399ff,#61cafa);height:3px;width:30px}
.experience-panel .experience-heading h2{font-size:13px;letter-spacing:.2em;font-weight:800}
.experience-panel .experience-all{background:none;border:0;color:#b57dff;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:color .18s}
.experience-panel .experience-all:hover,.experience-panel .experience-all:focus-visible{color:#e0cfff}
.experience-panel .experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch}
.experience-panel .career-card{display:flex;position:relative;min-height:179px;align-items:flex-start;gap:16px;padding:17px 20px 16px;border:1px solid #233954;border-radius:10px;background:linear-gradient(115deg,#0a1525 0%,#091524 65%,#0a1625 100%);transition:border-color .2s,background .2s}
.experience-panel .career-card:hover{border-color:#495c81;background:linear-gradient(115deg,#0c182d 0%,#0b172b 100%)}
.experience-panel .career-logo-box{flex:none;width:112px;height:68px;border-radius:9px;border:1px solid #34455e;background:#fff;display:grid;place-items:center;overflow:hidden;padding:8px;box-shadow:0 8px 22px #0004}
.experience-panel .career-logo-box img{width:100%;height:100%;object-fit:contain;display:block}
.experience-panel .career-content{flex:1;min-width:0;padding-top:0}
.experience-panel .career-time{font-size:12px;line-height:1.2;font-weight:500;color:#adb9ce;margin:0 0 7px}
.experience-panel .career-content h3{font-size:18px;line-height:1.25;color:#f7f8ff;letter-spacing:-.025em;font-weight:800;margin:0 0 4px;max-width:100%}
.experience-panel .career-content h3 span{font-weight:800;color:#d6def0}
.experience-panel .career-role{font-size:12px;line-height:1.35;color:#b6a6fb;font-weight:600;margin:0 0 9px}
.experience-panel .career-summary{color:#bbc7da;font-size:12px;line-height:1.58;max-width:470px;margin:0 0 9px}
.experience-panel .career-badge{position:absolute;top:12px;right:14px;color:#5ffa9b;border:1px solid #138850;background:rgba(5,50,37,.37);font-size:10px;line-height:1;padding:6px 9px;border-radius:6px;white-space:nowrap}
.experience-panel .career-company-texops h3{padding-right:95px}
.experience-panel .career-action{padding:0;border:0;background:transparent;color:#a5c0ff;cursor:pointer;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px;text-align:left}
.experience-panel .career-action:hover,.experience-panel .career-action:focus-visible{color:#fff;text-decoration:underline}
.experience-panel .experience-details{margin-top:15px;border:1px solid #2c4265;border-radius:11px;background:linear-gradient(125deg,#0a1729,#06101f);padding:22px}
.experience-panel .experience-details[hidden]{display:none}
.experience-panel .career-detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.experience-panel .career-detail-eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:#a6b6dd}
.experience-panel .career-detail-dot{width:6px;height:6px;background:#8f5aff;border-radius:50%;box-shadow:0 0 10px #8f5aff}
.experience-panel .experience-close{background:#121b33;border:1px solid #354a70;border-radius:7px;color:#d1d9ec;padding:7px 12px;cursor:pointer}
.experience-panel .career-tabs{display:flex;gap:10px;margin:17px 0 19px;border-bottom:1px solid #233950;padding-bottom:14px}
.experience-panel .career-tab{color:#c0cee6;border:1px solid #314663;background:#0a1628;padding:11px 16px;border-radius:7px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;gap:12px;align-items:center}
.experience-panel .career-tab span{font-family:var(--mono);font-size:9px;color:#a0b1ce;font-weight:400}
.experience-panel .career-tab.selected{background:#24204e;border-color:#8e62df;color:#fff;box-shadow:0 0 14px #6225d322}
.experience-panel .career-detail-body{outline-offset:4px}
.experience-panel .career-detail-identity{display:flex;gap:15px;align-items:center;margin-bottom:17px}
.experience-panel .career-detail-logo{width:117px;height:64px;padding:7px;border-radius:8px;background:white;display:grid;place-items:center;flex:none}
.experience-panel .career-detail-logo img{width:100%;height:100%;object-fit:contain}
.experience-panel .career-detail-meta small{font-size:10px;color:#92a7cc;letter-spacing:.08em;font-family:var(--mono)}
.experience-panel .career-detail-meta h3{font-size:21px;line-height:1.15;color:#f0f5ff;margin:5px 0}
.experience-panel .career-detail-meta p{font-size:12px;color:#adbbd7;margin:0;line-height:1.5}
.experience-panel .career-detail-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}
.experience-panel .career-detail-group{border:1px solid #28405b;background:#071525;border-radius:9px;padding:18px 17px}
.experience-panel .career-detail-group h4{color:#c6b5ff;letter-spacing:.13em;font-size:11px;text-transform:uppercase;margin:0 0 13px}
.experience-panel .career-detail-group ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.experience-panel .career-detail-group li{padding-left:17px;position:relative;color:#c3d0e4;font-size:12px;line-height:1.65}
.experience-panel .career-detail-group li:before{content:'';position:absolute;top:8px;left:0;width:6px;height:6px;background:#6958e7;border-radius:2px}
.experience-panel .career-project-name{display:block;color:#f1f6ff;font-weight:800;font-size:12px;margin:0 0 4px}
.experience-panel .career-project-text{display:block;color:#adbfda;font-size:11px;line-height:1.56}
.experience-panel .career-project-list li{padding:10px 12px 10px 23px;border:1px solid #203b56;background:#0a1c30;border-radius:6px}
.experience-panel .career-project-list li:before{top:15px;left:10px}
.experience-panel .career-history-note{margin-top:15px;border-top:1px solid #293c58;padding:16px 2px 0;display:flex;align-items:center;gap:9px;color:#9db3d5;font-size:11px}
.experience-panel .career-history-note p{margin:0;line-height:1.6}
.experience-panel .career-history-mark{color:#a279ff;font-size:15px}
@media(max-width:1200px){.experience-panel .career-card{padding:18px;gap:12px}.experience-panel .career-logo-box{width:94px;height:63px}.experience-panel .career-content h3{font-size:16px}.experience-panel .career-company-texops h3{padding-right:0}.experience-panel .career-badge{position:static;margin:0;align-self:flex-start;order:3}.experience-panel .career-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:930px){.experience-panel .experience-grid{grid-template-columns:1fr}.experience-panel .career-card{padding:18px;min-height:160px}.experience-panel .career-badge{position:absolute;right:18px;top:16px}.experience-panel .career-company-texops h3{padding-right:100px}}
@media(max-width:760px){.experience-panel{padding:18px 13px 18px}.experience-panel .experience-heading h2{font-size:11px}.experience-panel .experience-all{font-size:10px}.experience-panel .career-card{padding:14px 11px;gap:11px;min-height:175px}.experience-panel .career-logo-box{width:76px;height:54px;padding:5px}.experience-panel .career-content h3{font-size:14px}.experience-panel .career-summary{font-size:11px}.experience-panel .career-badge{position:static;order:0;align-self:flex-start;display:none}.experience-panel .career-detail-columns{grid-template-columns:1fr;gap:12px}.experience-panel .experience-details{padding:14px 12px}.experience-panel .career-detail-logo{width:86px;height:54px}.experience-panel .career-detail-meta h3{font-size:16px}.experience-panel .career-detail-group{padding:13px}.experience-panel .career-tabs{margin:12px 0}.experience-panel .career-detail-eyebrow{font-size:8px}.experience-panel .career-tab{padding:9px;font-size:11px}.experience-panel .career-detail-meta small{font-size:9px}}
@media(max-width:380px){.experience-panel .experience-heading{flex-wrap:wrap}.experience-panel .experience-all{margin-left:auto}.experience-panel .career-logo-box{width:69px;height:48px}.experience-panel .career-content h3{font-size:13px}}