/* SpeakerMatch Member Center design system */
:root{
  --sm-color-primary:#2474b5;
  --sm-color-primary-hover:#1d639b;
  --sm-color-create:#238b4f;
  --sm-color-create-hover:#1b7440;
  --sm-color-danger:#b13f3f;
  --sm-color-danger-hover:#963434;
  --sm-color-text:#24384a;
  --sm-color-muted:#718096;
  --sm-color-border:#cbd8e3;
  --sm-color-surface:#fff;
  --sm-color-soft:#f5f8fb;
  --sm-focus-ring:0 0 0 .2rem rgba(36,116,181,.2);
  --sm-radius-control:5px;
  --sm-control-height:2.5rem;
  --sm-form-max-width:74rem;
}
/* Shared list deletion and centered confirmation dialog. */
.sm-list-delete{display:inline-flex;align-items:center;gap:.3rem;margin-top:.48rem;padding:0;border:0;background:transparent;color:#a94444;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.sm-list-delete:hover{background:transparent;text-decoration:underline}.sm-list-delete:focus-visible{outline:0;box-shadow:var(--sm-focus-ring);border-radius:3px}.sm-delete-modal[hidden]{display:none!important}.sm-delete-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(20,35,48,.5)}.sm-delete-modal__panel{width:min(100%,26rem);padding:1.4rem;border-radius:8px;background:#fff;box-shadow:0 1rem 2.5rem rgba(16,30,42,.28)}.sm-delete-modal__panel h2{margin:0;color:#304861;font-size:1.15rem}.sm-delete-modal__panel p{margin:.55rem 0 1.2rem;color:#66798b;font-size:.86rem;line-height:1.5}.sm-delete-modal__panel>div{display:flex;justify-content:flex-end;gap:.65rem}

.sm-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.42rem;
  min-height:var(--sm-control-height);padding:.56rem .85rem;
  border:1px solid transparent;border-radius:var(--sm-radius-control);
  font:inherit;font-size:.82rem;font-weight:750;line-height:1.2;
  text-decoration:none;white-space:nowrap;cursor:pointer;caret-color:transparent;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.sm-button>.fa{margin:0}
.sm-button:focus-visible{outline:0;box-shadow:var(--sm-focus-ring)}
.sm-button--primary{color:#fff;background:var(--sm-color-primary);border-color:var(--sm-color-primary)}
.sm-button--primary:hover{color:#fff;background:var(--sm-color-primary-hover);border-color:var(--sm-color-primary-hover)}
.sm-button--create{color:#fff;background:var(--sm-color-create);border-color:var(--sm-color-create)}
.sm-button--create:hover{color:#fff;background:var(--sm-color-create-hover);border-color:var(--sm-color-create-hover)}
.sm-button--secondary{color:#334e68;background:#fff;border-color:var(--sm-color-border)}
.sm-button--secondary:hover{color:#1d5f91;background:#f7fafc;border-color:#9fb6c9}
.sm-button--quiet{color:#65768a;background:transparent;border-color:transparent}
.sm-button--quiet:hover{color:#334e68;background:#eef3f7}
.sm-button--remove{color:var(--sm-color-danger);background:#fff;border-color:#d9aaaa}
.sm-button--remove:hover{color:var(--sm-color-danger-hover);background:#fff5f5;border-color:#c98989}
.sm-button--danger{color:#fff;background:var(--sm-color-danger);border-color:var(--sm-color-danger)}
.sm-button--danger:hover{color:#fff;background:var(--sm-color-danger-hover);border-color:var(--sm-color-danger-hover)}
.sm-button--icon{width:var(--sm-control-height);padding:0}
.sm-button[disabled],.sm-button[aria-disabled=true]{color:#fff;background:#9aa8b5;border-color:#9aa8b5;box-shadow:none;cursor:not-allowed}
.sm-button--secondary[disabled],.sm-button--quiet[disabled]{color:#8b98a5;background:#f1f4f6;border-color:#d7dfe5}
.sm-button-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}
.sm-button-row--end{justify-content:flex-end}
.sm-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .58rem;border-radius:99px;font-size:.72rem;font-weight:750}
.sm-status--success{color:#17623a;background:#e8f6ed}
.sm-status--warning{color:#735400;background:#fff3cd}
.sm-status--info{color:#174f7a;background:#dceefb}
.sm-status--danger{color:#76242b;background:#f8dfe1}
.sm-alert{padding:.85rem 1rem;border:1px solid #d8e7f3;border-left-width:4px;border-radius:5px;background:#f2f8fc;color:#405f76;font-size:.84rem}
.sm-alert--success{border-color:#bcdcc8;border-left-color:#2d8b55;background:#eff9f3;color:#286544}
.sm-alert--warning{border-color:#ead9a8;border-left-color:#c49324;background:#fffbef;color:#735b22}
.sm-alert--danger{border-color:#e6c1c1;border-left-color:var(--sm-color-danger);background:#fff5f5;color:#854040}
.design-system-page{max-width:1180px;margin:0 auto}
.design-system-intro{max-width:52rem;color:var(--sm-color-muted)}
.design-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.design-system-section{padding:1.2rem;background:#fff;border:1px solid #dce5ed;border-radius:7px}
.design-system-section--wide{grid-column:1/-1}
.design-system-section h2{margin:0 0 .25rem;color:#304861;font-size:1.05rem}
.design-system-section>p{margin:0 0 1rem;color:#77879a;font-size:.82rem}
.design-system-stack{display:grid;gap:.75rem}
.design-token-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.design-token{overflow:hidden;border:1px solid #dce5ed;border-radius:6px;background:#fff}
.design-token span{display:block;height:3.2rem}.design-token small{display:block;padding:.45rem;color:#66798b}
.design-system-field label{display:block;margin-bottom:.35rem;color:#405369;font-size:.82rem;font-weight:750}
.design-system-field label span{color:#d94a4a}.design-system-field input{width:100%;padding:.67rem .72rem;border:1px solid #cfd9e3;border-radius:4px;font:inherit}
.design-system-field small{display:block;margin-top:.3rem;color:#8090a0;font-size:.72rem}
@media(max-width:760px){.design-system-grid{grid-template-columns:1fr}.design-system-section--wide{grid-column:auto}.design-token-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-button-row{align-items:stretch;flex-direction:column}.sm-button-row .sm-button{width:100%}}
@media(prefers-reduced-motion:reduce){.sm-button{transition:none}}

/* Semantic variants outrank legacy feature-specific button colors. */
body.member-page .sm-button.sm-button--primary{color:#fff;background:var(--sm-color-primary);border-color:var(--sm-color-primary)}
body.member-page .sm-button.sm-button--create{color:#fff;background:var(--sm-color-create);border-color:var(--sm-color-create)}
body.member-page .sm-button.sm-button--secondary{color:#334e68;background:#fff;border-color:var(--sm-color-border)}
body.member-page .sm-button.sm-button--quiet{color:#65768a;background:transparent;border-color:transparent}
body.member-page .sm-button.sm-button--remove{color:var(--sm-color-danger);background:#fff;border-color:#d9aaaa}
body.member-page .sm-button.sm-button--danger{color:#fff;background:var(--sm-color-danger);border-color:var(--sm-color-danger)}
body.member-page .sm-button.sm-button--primary[disabled],body.member-page .sm-button.sm-button--create[disabled]{color:#fff;background:#9aa8b5;border-color:#9aa8b5}

/* Final semantic enforcement while legacy feature styles are migrated. */
body.member-page .sm-button.sm-button--primary{color:#fff!important;background:var(--sm-color-primary)!important;border-color:var(--sm-color-primary)!important}
body.member-page .sm-button.sm-button--create{color:#fff!important;background:var(--sm-color-create)!important;border-color:var(--sm-color-create)!important}
body.member-page .sm-button.sm-button--secondary{color:#334e68!important;background:#fff!important;border-color:var(--sm-color-border)!important}
body.member-page .sm-button.sm-button--quiet{color:#65768a!important;background:transparent!important;border-color:transparent!important}
body.member-page .sm-button.sm-button--remove{color:var(--sm-color-danger)!important;background:#fff!important;border-color:#d9aaaa!important}
body.member-page .sm-button.sm-button--danger{color:#fff!important;background:var(--sm-color-danger)!important;border-color:var(--sm-color-danger)!important}
body.member-page .sm-button.sm-button--primary[disabled],body.member-page .sm-button.sm-button--create[disabled]{color:#fff!important;background:#9aa8b5!important;border-color:#9aa8b5!important}

/* Persistent form layout, actions, and validation. */
.sm-form-page{padding-bottom:5.5rem}
.sm-form-page>form[data-sm-form]{width:100%;max-width:var(--sm-form-max-width);margin-right:auto;margin-left:auto}
.sm-form-action-bar{position:fixed;z-index:40;right:0;bottom:0;left:15.25rem;padding:1rem clamp(1.35rem,3vw,2.8rem);background:rgb(217 226 239);border-top:2px solid var(--sm-color-primary);box-shadow:0 -.65rem 1.5rem rgba(25,45,65,.12);backdrop-filter:blur(10px)}body.member-page .audio-form-action-bar{padding:1rem clamp(1.35rem,3vw,2.8rem);background:rgb(217 226 239);border-top:2px solid var(--sm-color-primary);box-shadow:0 -.65rem 1.5rem rgba(25,45,65,.12)}.sm-form-action-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--sm-form-max-width);margin:0 auto}.sm-form-action-status{color:var(--sm-color-muted);font-size:.76rem;font-weight:650}.sm-form-action-status.is-saved{color:#27855a}.sm-form-action-status.is-saved::before{content:"\f00c";margin-right:.38rem;font-family:FontAwesome}.sm-form-action-status.is-error{color:#b24040}.sm-form-action-status.is-error::before{content:"\f071";margin-right:.38rem;font-family:FontAwesome}.sm-form-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.sm-form-action-buttons .sm-button{min-height:2.55rem}.sm-form-action-buttons .sm-button--primary:not([disabled]){box-shadow:0 .35rem .8rem rgba(39,121,187,.2)}.sm-field-label{display:inline-flex;align-items:baseline;gap:.2rem;color:#405369!important}.sm-field-label>.sm-required-marker{color:#c13f3f!important;font-size:.9em;font-weight:800}.sm-field-error .program-writing-label label,.program-form>label.sm-field-error,.sm-field-error legend{color:#a93636}.sm-field-error input:not([type=checkbox]):not([type=radio]),.sm-field-error textarea{border-color:#c94b4b!important;background:#fffafa!important;box-shadow:0 0 0 .18rem rgba(201,75,75,.1)!important}.program-topics-field.sm-field-error .topic-select-control,.picture-uploader.sm-field-error{border-color:#c94b4b!important;background:#fffafa!important;box-shadow:0 0 0 .18rem rgba(201,75,75,.1)!important}.program-form-section.sm-field-error .delivery-mode-options{padding:.65rem;border:1px solid #c94b4b;border-radius:5px;background:#fffafa;box-shadow:0 0 0 .18rem rgba(201,75,75,.1)}
@media(max-width:1050px){.sm-form-action-bar{left:13.4rem;padding:1rem 1.5rem}}@media(max-width:820px){.sm-form-action-bar{left:0;padding:.8rem 1.25rem}}@media(max-width:560px){.sm-form-page{padding-bottom:7.25rem}.sm-form-action-bar{padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom))}.sm-form-action-bar__inner{align-items:stretch;flex-direction:column;gap:.45rem}.sm-form-action-status{padding-left:.15rem}.sm-form-action-buttons{display:grid;grid-template-columns:auto minmax(0,1fr)}.sm-form-action-buttons .sm-button{justify-content:center;width:100%}}
.design-form-actions-demo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid #d7e1e9;box-shadow:0 .3rem .9rem rgba(27,55,76,.08);background:#fff}.design-form-error-demo{padding:.75rem;border:1px solid #c94b4b;border-radius:5px;background:#fffafa;color:#a93636}


/* Approved speaker-profile identity: layered flowing brand bands. */
:root{--sm-profile-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20390%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22orange%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%23ff8202%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ff8202%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcc01%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22green%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%23006d2c%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%236baf24%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23becd00%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22sky%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%230076be%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23019ee1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2343c5fa%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22navy%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%2300205c%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%2300368c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230076be%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22pink%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%23560c57%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23790c69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e40059%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22magenta%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.65%22%3E%3Cstop%20stop-color%3D%22%23790c69%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23e40059%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6699%22%2F%3E%3C%2FlinearGradient%3E%0A%3Cfilter%20id%3D%22layer%22%20x%3D%22-18%25%22%20y%3D%22-25%25%22%20width%3D%22136%25%22%20height%3D%22165%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%229%22%20stdDeviation%3D%228%22%20flood-color%3D%22%2300205c%22%20flood-opacity%3D%22.22%22%2F%3E%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%22M560%20-30H1230V300C1115%20288%201045%20292%20930%20265C815%20238%20745%20255%20660%20215C575%20175%20540%20105%20560%20-30Z%22%20fill%3D%22url(%23orange)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3Cpath%20d%3D%22M480%20-30H1230V255C1100%20245%201025%20250%20925%20225C810%20195%20750%20212%20670%20180C585%20145%20535%2082%20480%20-30Z%22%20fill%3D%22url(%23green)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3Cpath%20d%3D%22M400%20-30H1230V215C1110%20202%201010%20216%20915%20188C810%20154%20740%20172%20655%20142C560%20108%20505%2052%20400%20-30Z%22%20fill%3D%22url(%23sky)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3Cpath%20d%3D%22M330%20-30H1230V175C1090%20164%201000%20178%20900%20151C790%20117%20720%20135%20630%20103C530%2070%20460%2018%20330%20-30Z%22%20fill%3D%22url(%23navy)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3Cpath%20d%3D%22M250%20-30H1230V138C1090%20126%20990%20140%20875%20111C770%2079%20690%2096%20590%2066C480%2031%20390%20-2%20250%20-30Z%22%20fill%3D%22url(%23pink)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3Cpath%20d%3D%22M170%20-30H1230V102C1080%2088%20965%20101%20845%2073C725%2039%20650%2057%20540%2031C410%20-2%20320%20-16%20170%20-30Z%22%20fill%3D%22url(%23magenta)%22%20filter%3D%22url(%23layer)%22%2F%3E%0A%3C%2Fsvg%3E")}
.member-profile-page .member-main{background-image:var(--sm-profile-art);background-position:right top;background-size:clamp(58rem,80vw,86rem) 20rem;background-repeat:no-repeat}
.member-profile-page .member-page-heading{position:relative;display:grid;grid-template-columns:minmax(0,42rem);align-content:start;justify-items:start;gap:.85rem;min-height:11.75rem;margin:0 0 .75rem;padding:.35rem .75rem 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.member-profile-page .member-page-heading::before,.member-profile-page .member-page-heading::after{content:none}
.member-profile-page .member-breadcrumb{position:relative;padding:.45rem .75rem;border-radius:0;background:transparent}
.member-profile-page .member-page-heading>div{max-width:38rem}
.member-profile-page .member-page-heading>.sm-button,.member-profile-page .member-page-heading>.member-button{justify-self:start}
.sm-profile-heading{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,42rem);align-content:start;justify-items:start;gap:.85rem;min-height:12rem;margin-bottom:1rem;padding:1.25rem 1.5rem;overflow:hidden;border:1px solid #dce5ed;border-radius:.9rem;background-color:#fff;background-image:linear-gradient(90deg,#fff 0,#fff 42%,rgba(255,255,255,.95) 51%,rgba(255,255,255,.28) 68%,transparent 84%),var(--sm-profile-art);background-position:center,right top;background-size:100% 100%,82% 100%;background-repeat:no-repeat;box-shadow:0 .55rem 1.35rem rgba(0,32,92,.08)}
.sm-profile-heading>div{max-width:38rem}.sm-profile-heading>.sm-button{justify-self:start}
.sm-profile-heading-demo{margin-top:.5rem}.sm-profile-heading-demo .member-eyebrow{display:block;color:#0076be;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sm-profile-heading-demo h3{margin:.2rem 0;color:#00205c;font-size:2rem;font-weight:450}.sm-profile-heading-demo p{max-width:31rem;margin:.35rem 0 0;color:#4b4b4d}
@media(max-width:900px){.member-profile-page .member-main{background-size:58rem 18rem}.member-profile-page .member-page-heading{min-height:11.5rem;padding:.3rem .5rem 0}.sm-profile-heading{background-image:linear-gradient(90deg,#fff 0,#fff 48%,rgba(255,255,255,.92) 60%,rgba(255,255,255,.18) 82%,transparent 100%),var(--sm-profile-art);background-size:100% 100%,88% 100%}}
@media(max-width:620px){.member-profile-page .member-main{background-position:right 7.1rem;background-size:42rem 12rem}.member-profile-page .member-page-heading{min-height:16.25rem;padding:.25rem 0 8.25rem}.sm-profile-heading{min-height:14.25rem;padding:.75rem 1rem 6.6rem;background-image:linear-gradient(180deg,#fff 0,#fff 55%,rgba(255,255,255,.84) 69%,transparent 100%),var(--sm-profile-art);background-position:center,right bottom;background-size:100% 100%,145% 9rem}}
.program-card-actions a,.picture-card-body>div>a{display:inline-flex;align-items:center;gap:.35rem;margin-top:.45rem;padding:.4rem .6rem;border:1px solid var(--sm-color-border);border-radius:4px;background:#fff;color:#334e68!important;font-size:.74rem;font-weight:750;text-decoration:none}.program-card-actions a:hover,.picture-card-body>div>a:hover{background:#f7fafc;border-color:#9fb6c9}.program-card-actions .sm-list-delete,.picture-card-body>div .sm-list-delete{display:inline-flex;margin:.48rem 0 0;padding:0;border:0;background:transparent;color:#a94444;font-size:.72rem;font-weight:700}.program-card-actions .sm-list-delete:hover,.picture-card-body>div .sm-list-delete:hover{background:transparent;text-decoration:underline}

/* Choice cards must never inherit required/error red from legacy form-label rules. */
body.member-page .sm-choice-card,body.member-page .sm-choice-card span,body.member-page .sm-choice-card strong{color:var(--sm-color-text)!important}body.member-page .sm-choice-card small{color:var(--sm-color-muted)!important}body.member-page .sm-choice-card .sm-choice-card__icon,body.member-page .sm-choice-card .sm-choice-card__icon i{color:var(--sm-color-primary)!important}