/* One phase summary, with native disclosures for each front. */
.phase-fronts-content{--front-green:#138363;--front-blue:#2454e8;--front-yellow:#d7a617;--front-ink:#163f73}
.phase-front,.phase-focus-card,.phase-status-item{--front-tone:var(--front-blue);--front-soft:#eef4ff;--front-text:#164bbb}
.phase-fronts-content [data-state=complete]{--front-tone:var(--front-green);--front-soft:#eaf7f1;--front-text:#107151}
.phase-fronts-content [data-state=progressing]{--front-tone:var(--front-blue);--front-soft:#eef3ff;--front-text:#174bc6}
.phase-fronts-content [data-state=pending]{--front-tone:var(--front-yellow);--front-soft:#fff8df;--front-text:#866507}
.journey-experience .phase-fronts-content{padding-top:0;border:0}
.journey-experience .phase-fronts-content .phase-focus-card{border:1px solid #cbddf4;border-left:4px solid var(--front-tone);border-radius:16px;background:linear-gradient(110deg,#f3f7ff,#edf4ff);padding:24px 28px;margin:0 0 23px;overflow:hidden}
.journey-experience .phase-fronts-content .phase-inline-header{min-height:0;height:auto;align-items:flex-start;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;gap:15px;scroll-margin-top:24px;flex-wrap:nowrap}
.journey-experience .phase-fronts-content .phase-inline-header:before{display:none}
.journey-experience .phase-fronts-content .phase-inline-number{width:44px;height:44px;font-size:19px;border:1px solid #c9dcf8;border-radius:12px;background:#e7efff;color:#2454cb;box-shadow:none;flex-shrink:0}
.journey-experience .phase-fronts-content .phase-inline-header .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--front-text)}
.journey-experience .phase-fronts-content .phase-inline-header h2{font-size:25px;line-height:1.35;margin:7px 0 8px;color:#194574;letter-spacing:-.5px}
.journey-experience .phase-fronts-content .phase-inline-header p{font-size:13px;line-height:1.8;color:#536f93;margin:0}
.journey-experience .phase-fronts-content .phase-inline-header>.tag{margin:0 0 0 8px;background:var(--front-soft);color:var(--front-text);font-size:11px;border:1px solid color-mix(in srgb,var(--front-tone) 20%,white);white-space:nowrap}
.journey-experience .phase-fronts-content .phase-inline-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:20px 0 0;padding:17px 0 0;background:none;border:0;border-top:1px solid #d4e2f5;border-radius:0}
.phase-fronts-content .phase-inline-meta small{font-size:10px;color:#607c9d}
.phase-fronts-content .phase-inline-meta b{font-size:12px;line-height:1.7;color:#31567d;overflow-wrap:anywhere;margin-top:5px}
.phase-focus-card .phase-next{margin:17px 0 0;padding:13px 15px;border-left:3px solid var(--front-tone);background:#ffffff80;border-radius:8px}
.phase-focus-card .phase-next>.ico{color:var(--front-tone)}
.phase-focus-card .phase-next b{font-size:12px;color:#31557c}.phase-focus-card .phase-next p{font-size:12px;line-height:1.8;color:#5e7896}
.phase-fronts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px}
.phase-fronts-toolbar h3{font-size:23px;color:var(--front-ink);line-height:1.4;margin:0;letter-spacing:-.4px}
.phase-fronts-toolbar p{font-size:12px;line-height:1.7;color:#627d9f;margin:5px 0 0}
.phase-fronts-toolbar>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.phase-fronts-toolbar .button{font-size:11px;padding:10px 14px;min-height:37px;border-radius:9px;background:white;white-space:nowrap}
.phase-fronts-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 17px;color:#5b7392;font-size:10px;line-height:1.7}
.phase-fronts-legend>span{display:flex;align-items:center;gap:7px}.phase-fronts-legend i{display:inline-block;width:5px;height:15px;border-radius:3px}.phase-fronts-legend .complete{background:var(--front-green)}.phase-fronts-legend .progressing{background:var(--front-blue)}.phase-fronts-legend .pending{background:var(--front-yellow)}
.journey-experience .phase-front{border:1px solid #d1dff3;border-left:4px solid var(--front-tone);border-radius:13px;background:white;margin:0 0 11px;box-shadow:0 3px 10px #163c7004;scroll-margin-top:24px;overflow:hidden}
.phase-front>summary{display:flex;align-items:center;gap:15px;padding:17px 20px;min-height:78px;box-sizing:border-box;list-style:none;cursor:pointer;transition:background .18s}
.phase-front>summary::-webkit-details-marker{display:none}.phase-front>summary::marker{content:''}
.phase-front>summary:hover{background:#f5f8ff}.phase-front[open]>summary{background:linear-gradient(100deg,#f5f8ff,#eef4ff);border-bottom:1px solid #d9e4f5}
.phase-front-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:var(--front-soft);color:var(--front-text)}
.phase-front-icon .ico{width:21px;height:21px}
.phase-front-copy{min-width:0;flex:1}.phase-front-copy b{display:block;font-size:17px;line-height:1.4;color:#183e71}.phase-front-copy small{display:block;font-size:11px;line-height:1.7;color:#5c789d;margin-top:3px}
.phase-front-status{flex-shrink:0;font-size:10px;font-weight:650;line-height:1.6;color:var(--front-text);background:var(--front-soft);border-radius:6px;padding:5px 9px;max-width:135px}
.phase-front-chevron{display:grid;place-items:center;font-family:Arial,sans-serif;font-size:24px;color:#2454d8;line-height:1;width:25px;flex-shrink:0;transition:transform .18s}
.phase-front[open]>.phase-front-chevron{transform:rotate(180deg)}
.phase-front[open]>summary .phase-front-chevron{transform:rotate(180deg)}
.phase-front-body{padding:20px}
.journey-experience .phase-front-body>.phase-inline-section{border:0;border-radius:0;margin:0;padding:0;box-shadow:none;background:transparent}
.phase-front-body .phase-inline-section-title{display:none}
.phase-front-body .phase-inline-section-title:has(>.tag){display:flex;justify-content:flex-end;margin:0 0 12px}
.phase-front-body .phase-inline-section-title>.ico,.phase-front-body .phase-inline-section-title>div{display:none}
.phase-front-body .phase-inline-section-title>.tag{margin:0;font-size:10px}
.phase-fronts-content .phase-status-item{border-left:3px solid var(--front-tone)!important}
.phase-fronts-content .phase-status-item .tag{background:var(--front-soft);color:var(--front-text)}
.phase-fronts-content summary:focus-visible,.phase-fronts-content button:focus-visible{outline:3px solid #f2a45f;outline-offset:3px}
@media(max-width:900px){.journey-experience .phase-fronts-content .phase-inline-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-fronts-toolbar{align-items:flex-start}.phase-fronts-toolbar>div:last-child{justify-content:flex-end}.phase-fronts-toolbar h3{font-size:21px}}
@media(max-width:640px){.journey-experience .phase-fronts-content .phase-focus-card{padding:20px 17px;border-radius:13px}.journey-experience .phase-fronts-content .phase-inline-header{flex-wrap:wrap;gap:12px}.journey-experience .phase-fronts-content .phase-inline-header>div{flex-basis:calc(100% - 58px)}.journey-experience .phase-fronts-content .phase-inline-header h2{font-size:21px;line-height:1.4}.journey-experience .phase-fronts-content .phase-inline-header>.tag{margin:0 0 0 56px}.journey-experience .phase-fronts-content .phase-inline-meta{gap:15px 12px}.phase-fronts-content .phase-inline-meta b{font-size:11px}.phase-focus-card .phase-next{padding:11px}.phase-focus-card .phase-next p{font-size:11px}.phase-fronts-toolbar{flex-direction:column;gap:14px}.phase-fronts-toolbar>div:last-child{justify-content:flex-start}.phase-fronts-toolbar .button{font-size:11px}.phase-fronts-legend{gap:10px 14px;font-size:9px}.phase-front>summary{padding:15px 12px;gap:10px;flex-wrap:wrap;min-height:80px}.phase-front-icon{width:33px;height:33px;border-radius:9px}.phase-front-icon .ico{width:18px;height:18px}.phase-front-copy b{font-size:15px}.phase-front-copy small{font-size:10px}.phase-front-status{font-size:9px;max-width:100%;margin-left:43px;order:4}.phase-front-chevron{width:18px;font-size:22px}.phase-front-body{padding:16px 12px}.phase-front-body .phase-info-grid{grid-template-columns:1fr!important}.phase-front-body .certificate-controls{min-width:0}.phase-front-body .certificate-controls label{min-width:0}.phase-front-body select{max-width:100%}}
@media(prefers-reduced-motion:reduce){.phase-front>summary,.phase-front-chevron{transition:none}}