/* The guided experience flow (experience-flow.js), shared by the Experience log and onboarding. */
/* Guided add and edit flow: the CV onboarding look (see styles.css .cv-onboarding / .cvob-*). */
.experience-wizard .form-status{text-align:center}
.experience-wizard .cvob-label{font-weight:700}
.experience-wizard select.cvob-input{appearance:auto}
.experience-wizard .experience-check{margin-top:6px}
.xw-subhead{margin:14px 0 8px;font-size:.85rem;font-weight:800;color:var(--forest-deep,#173f35)}
.xw-prompts{margin:0;color:var(--muted,#66766f);font-size:.88rem;line-height:1.55}
.xw-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.xw-review>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 14px;border-radius:14px;background:rgba(23,63,53,.06)}
.xw-review>div:nth-child(7),.xw-review>div:nth-child(8){grid-column:1 / -1}
@media (max-width:560px){.xw-review{grid-template-columns:1fr}}
.xw-review dt{grid-column:1;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#66766f)}
.xw-review dd{grid-column:1;margin:0;overflow-wrap:anywhere;white-space:pre-line;font-weight:600}
.xw-review .cvob-link{grid-column:2;grid-row:1 / span 2;align-self:center}
/* While the guided flow is open the page behind it must not scroll, or show its own scrollbar. */
html.xw-open,html.xw-open body{overflow:hidden}
.experience-wizard{overflow:hidden}
.experience-wizard .cvob-stage{padding-top:clamp(12px,3.5vh,36px);scrollbar-width:thin;scrollbar-color:rgba(23,63,53,.25) transparent}
.experience-wizard .cvob-step h2{margin-bottom:8px;font-size:clamp(1.55rem,4.2vw,2.1rem)}
.experience-wizard .cvob-count{margin-bottom:8px}
.experience-wizard .cvob-hint{margin-bottom:18px}
.experience-wizard .cvob-options{gap:10px}
.experience-wizard .cvob-option{padding:14px 18px}
.experience-wizard .cvob-input{padding:14px 16px}
.experience-wizard .dp-trigger{padding:14px 16px}

/* Proof files: a button of our own, a list with Remove on each, and drag and drop. */
.xp-files{margin-top:6px;padding:2px;border-radius:18px}
.xp-files.is-over{background:rgba(57,167,123,.14)}
.xp-files-title{margin:0 0 8px;font-size:.85rem;font-weight:700}
.xp-file-list{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.xp-file-list[hidden]{display:none}
.xp-file-list li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(23,63,53,.06)}
.xp-file-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-weight:600}
.xp-file-name svg{width:18px;height:18px;flex:none;color:var(--forest,#245a4a)}
.xp-file-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xp-file-size{flex:none;color:var(--muted,#66766f);font-size:.8rem}
.xp-file-remove{flex:none;padding:6px 12px;border:1px solid rgba(165,44,65,.35);border-radius:999px;background:#fff;color:#a52c41;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.xp-file-remove:hover{background:#fbe9ec}
.xp-file-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:14px 18px;border:2px dashed rgba(23,63,53,.35);border-radius:16px;background:rgba(255,255,255,.6);color:var(--forest-deep,#173f35);font:inherit;font-size:1rem;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.xp-file-button svg{width:20px;height:20px}
.xp-file-button:hover:not(:disabled){border-color:var(--forest-deep,#173f35);background:#fff}
.xp-file-button:disabled{opacity:.5;cursor:not-allowed}
.xp-file-remove:focus-visible,.xp-file-button:focus-visible{outline:3px solid var(--forest-deep,#173f35);outline-offset:2px}
.xp-file-hint{margin:8px 0 0;color:var(--muted,#66766f);font-size:.78rem;line-height:1.5}
.xp-file-list.is-plain{margin:0}
.xp-file-list.is-plain li{padding:8px 0;border-radius:0;background:none;border-bottom:1px solid rgba(23,63,53,.1)}
.experience-wizard .experience-muted{color:var(--muted,#66766f)}