/* Simple task-oriented surfaces, shared across the member and team experience. */
.experience-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 0.75rem; margin: 1.3rem 0 1.8rem; }
.experience-summary-card { display: flex; flex-direction: column; gap: 0.45rem; color: #203b34; text-decoration: none; background: #faf9f4; padding: 1.1rem 1.2rem; border: 1px solid #d9ded5; border-radius: 0.7rem; min-width: 0; }
.experience-summary-card:hover { border-color: #6d8b7e; }
.experience-summary-card strong { font-weight: 650; }
.experience-summary-card span:last-child { font-size: 0.88rem; color: #52665b; }
.experience-number { font: 500 clamp(1.5rem, 3vw, 2rem)/1.2 Georgia, serif; color: #264839; }
.experience-welcome { display: flex; gap: 1.4rem; align-items: end; justify-content: space-between; background: #eff2ea; border: 1px solid #d6dfd4; border-radius: 0.7rem; padding: clamp(1.1rem, 3vw, 1.8rem); margin-bottom: 1rem; }
.experience-welcome h2 { font: 500 clamp(1.35rem, 2.4vw, 1.75rem)/1.22 Georgia,serif; max-width: 27rem; margin: 0.3rem 0; }
.experience-welcome p { max-width: 39rem; }
.experience-actions { display: flex; gap: 0.55rem; align-items: center; flex-wrap: wrap; margin: 0.8rem 0 1.2rem; }
.experience-actions .button { white-space: normal; text-align: center; }
.experience-section { margin: 1.7rem 0; }
.experience-section h2 { font: 500 clamp(1.2rem,2vw,1.45rem)/1.25 Georgia,serif; }
.experience-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 0.8rem; flex-wrap: wrap; }
.experience-list-link { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; padding: 0.8rem 0; border-bottom: 1px solid #d9ded5; text-decoration: none; color: #1e3a30; }
.experience-list-link span { font-size: 0.84rem; color: #52665b; }
.experience-ops { border-top: 1px solid #dae0d5; border-bottom: 1px solid #dae0d5; padding: 0.4rem 0; }
.experience-ops p { margin: 0.7rem 0; }
.experience-audit { list-style: none; padding: 0; }
.experience-audit li { padding: 0.4rem 0; border-bottom: 1px solid #e3e4de; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.7rem; }
.experience-case-owner { padding: 0.5rem 0 0.8rem; border-top: 1px solid #e0e4dd; margin-top: 0.7rem; }
.experience-case-owner form { margin: 0; }
.experience-case-owner .button { font-size: 0.91rem; }
.draft-autosave { padding: 0.65rem 0.9rem; background: #f6f6f1; border-radius: 0.5rem; border: 1px solid #dce0d6; margin: 1rem 0; }
.draft-autosave label { display: flex; align-items: start; gap: 0.6rem; font-weight: 600; }
.draft-autosave input { flex: 0 0 auto; margin-top: 0.25rem; min-width: 1.1rem; min-height: 1.1rem; }
#autosave-status { min-height: 1.2em; font-size: .87rem; margin: .3rem 0 0; color: #355646; }
.experience-summary-card:focus-visible,.experience-list-link:focus-visible,.experience-actions a:focus-visible { outline: 3px solid #9a6a41; outline-offset: 3px; }
@media(max-width:620px) { .experience-welcome { display: block; } .experience-welcome form { margin-top: 1rem; } .experience-list-link { display: block; } .experience-list-link span { display: block; margin-top: 0.4rem; } }
.experience-case-search { display: flex; align-items: end; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.experience-case-search label { width: 100%; font-size: .9rem; font-weight: 600; }
.experience-case-search input { flex: 0 1 12rem; min-height: 2.8rem; }

/* One notification at a time, using the same quiet action language as the rest of the community. */
.notification-actions { display:flex; align-items:center; gap:0.45rem 1rem; flex-wrap:wrap; margin-top:0.45rem; }
.notification-actions form { margin:0; }
.notification-actions .text-button { min-height:2.75rem; padding:0.45rem 0.2rem; text-align:left; }
.notification-actions .text-button:focus-visible { outline:3px solid #9a6a41; outline-offset:2px; }
.flow-header { display:flex; align-items:center; justify-content:space-between; gap:0.6rem; flex-wrap:wrap; }
@media(max-width:520px){.flow-header {align-items:stretch;} .flow-header .experience-actions {width:100%;} }