/* CLF Core member profile styling — scoped to CLF front-end profile components. */
.clf-member-dashboard,
.clf-profile-form,
.clf-edit-profile-header{--clf-ink:#172b3d;--clf-ink-soft:#425466;--clf-gold:#c5a45b;--clf-gold-dark:#8c6c25;--clf-line:#e2e8ee;--clf-muted:#697887;--clf-panel:#fff;--clf-bg:#f5f7fa;color:var(--clf-ink);font-family:inherit}
.clf-member-dashboard{width:min(calc(100vw - 48px),1180px);max-width:1180px;position:relative;left:50%;transform:translateX(-50%);margin:24px 0 48px;display:grid;gap:22px}
.clf-member-dashboard *,.clf-profile-form *,.clf-edit-profile-header *{box-sizing:border-box}
.clf-member-dashboard .clf-member-profile{display:contents}
.clf-member-dashboard .clf-edit-profile-header{margin:0}
.clf-member-dashboard .clf-dashboard-member{position:relative;display:flex;align-items:center;gap:28px;overflow:hidden;padding:clamp(24px,4vw,42px);border-radius:18px;background:linear-gradient(120deg,#142738 0%,#213e52 68%,#2c4a5d 100%);color:#fff;box-shadow:0 12px 32px rgba(22,43,61,.13)}
.clf-member-dashboard .clf-dashboard-member:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(197,164,91,.24);border-radius:50%;right:-85px;top:-110px;box-shadow:0 0 0 28px rgba(197,164,91,.04),0 0 0 58px rgba(197,164,91,.035);pointer-events:none}
.clf-member-dashboard .clf-profile-photo{flex:0 0 116px;position:relative;z-index:1}
.clf-member-dashboard .clf-profile-avatar{width:116px;height:116px;border:4px solid rgba(255,255,255,.86);border-radius:50%;object-fit:cover;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.clf-member-dashboard .clf-dashboard-member-content{position:relative;z-index:1;min-width:0}
.clf-member-dashboard .clf-dashboard-eyebrow,.clf-profile-identity-content>span{display:block;margin:0 0 9px;color:#e2c77e;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.clf-member-dashboard .clf-dashboard-member h2{margin:0 0 10px;color:#fff;font-size:clamp(25px,3.2vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.4px}
.clf-member-dashboard .clf-dashboard-intro{max-width:650px;margin:0 0 22px;color:#e1e8ed;font-size:15px;line-height:1.7}
.clf-member-dashboard .clf-dashboard-member-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.clf-member-dashboard .clf-dashboard-meta-item{min-width:165px;padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.07)}
.clf-member-dashboard .clf-dashboard-meta-item span{display:block;margin-bottom:4px;color:#cbd6de;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}
.clf-member-dashboard .clf-dashboard-meta-item strong{display:block;color:#fff;font-size:14px;overflow-wrap:anywhere}
.clf-member-dashboard .clf-dashboard-profile-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border:1px solid var(--clf-gold);border-radius:7px;background:var(--clf-gold);color:#172b3d!important;font-size:13px;font-weight:750;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.clf-member-dashboard .clf-dashboard-profile-button:hover,.clf-member-dashboard .clf-dashboard-profile-button:focus{background:#dfc579;border-color:#dfc579;color:#172b3d!important;transform:translateY(-1px)}
.clf-member-dashboard .clf-profile-section{overflow:hidden;border:1px solid var(--clf-line);border-radius:14px;background:var(--clf-panel);box-shadow:0 4px 16px rgba(22,43,61,.035)}
.clf-member-dashboard .clf-profile-section-heading{display:flex;align-items:center;gap:12px;padding:21px 25px 18px;border-bottom:1px solid var(--clf-line);background:linear-gradient(180deg,#fff,#fbfcfd)}
.clf-member-dashboard .clf-profile-section-heading:before{content:"";align-self:stretch;width:4px;min-height:35px;border-radius:4px;background:var(--clf-gold)}
.clf-member-dashboard .clf-profile-section-heading h3{margin:0 0 4px;color:var(--clf-ink);font-size:17px;font-weight:750;line-height:1.35}
.clf-member-dashboard .clf-profile-section-heading p{margin:0;color:var(--clf-muted);font-size:13px;line-height:1.5}
.clf-member-dashboard .clf-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:7px 25px 12px}
.clf-member-dashboard .clf-profile-item{min-width:0;padding:16px 0;border-bottom:1px solid #edf0f3}
.clf-member-dashboard .clf-profile-item:nth-last-child(-n+2){border-bottom-color:transparent}
.clf-member-dashboard .clf-profile-item span{display:block;margin-bottom:6px;color:var(--clf-muted);font-size:11px;font-weight:700;letter-spacing:.55px;line-height:1.5;text-transform:uppercase}
.clf-member-dashboard .clf-profile-item strong{display:block;color:#23394a;font-size:14px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.clf-member-dashboard .clf-profile-item.clf-profile-full{grid-column:1/-1;border-bottom:0}
.clf-member-dashboard .clf-profile-bio{padding:20px 25px;color:var(--clf-ink-soft);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.clf-member-dashboard .clf-profile-bio p{margin:0 0 12px}.clf-member-dashboard .clf-profile-bio p:last-child{margin-bottom:0}
/* Profile edit page */
.clf-edit-profile-header{width:min(calc(100vw - 48px),1180px);max-width:1180px;position:relative;left:50%;transform:translateX(-50%);margin:24px 0 18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #243f53;border-radius:15px;background:linear-gradient(120deg,#142738,#28475b);color:#fff;box-shadow:0 10px 28px rgba(22,43,61,.1)}
.clf-edit-profile-header .clf-profile-identity{display:flex;align-items:center;gap:20px;min-width:0}
.clf-edit-profile-header .clf-profile-avatar{width:92px;height:92px;border:3px solid #fff;border-radius:50%;object-fit:cover}
.clf-edit-profile-header .clf-profile-identity-content h2{margin:0 0 7px;color:#fff;font-size:26px;line-height:1.25}
.clf-edit-profile-header .clf-profile-identity-content p{margin:0 0 10px;color:#e1e8ed;font-size:13px}
.clf-edit-profile-header .clf-change-photo-link{display:inline-block;color:#e2c77e;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.clf-edit-profile-header .clf-member-status{flex:0 0 auto;min-width:150px;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.07)}
.clf-edit-profile-header .clf-status-label{display:block;margin-bottom:5px;color:#cbd6de;font-size:10px;font-weight:750;letter-spacing:.8px;text-transform:uppercase}
.clf-edit-profile-header .clf-member-status strong{color:#fff;font-size:14px}
.clf-profile-form{width:min(calc(100vw - 48px),1180px);max-width:1180px;position:relative;left:50%;transform:translateX(-50%);margin:0 0 48px;display:grid;gap:18px}
.clf-profile-form .clf-edit-section{padding:24px 27px;border:1px solid var(--clf-line);border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(22,43,61,.035)}
.clf-profile-form .clf-edit-section-title{display:flex;align-items:flex-start;gap:13px;margin:0 0 22px;padding:0 0 17px;border-bottom:1px solid var(--clf-line)}
.clf-profile-form .clf-edit-section-title>span{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#f6f0e1;color:var(--clf-gold-dark);font-size:12px;font-weight:800}
.clf-profile-form .clf-edit-section-title h3{margin:1px 0 5px;color:var(--clf-ink);font-size:17px;line-height:1.4}
.clf-profile-form .clf-edit-section-title p{margin:0;color:var(--clf-muted);font-size:13px;line-height:1.55}
.clf-profile-form .clf-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}
.clf-profile-form .clf-edit-field{min-width:0}
.clf-profile-form .clf-edit-field label{display:block;margin:0 0 7px;color:#34495a;font-size:12px;font-weight:700;line-height:1.5}
.clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),.clf-profile-form .clf-edit-field select,.clf-profile-form .clf-edit-field textarea{display:block;width:100%;max-width:100%;min-height:43px;margin:0;padding:10px 12px;border:1px solid #d4dde5;border-radius:7px;background:#fff;color:#203447;font:inherit;font-size:14px;line-height:1.5;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.clf-profile-form .clf-edit-field textarea{min-height:120px;resize:vertical}
.clf-profile-form .clf-edit-field input:focus,.clf-profile-form .clf-edit-field select:focus,.clf-profile-form .clf-edit-field textarea:focus{border-color:#b79a4d;outline:0;box-shadow:0 0 0 3px rgba(197,164,91,.17)}
.clf-profile-form .clf-edit-field input[readonly],.clf-profile-form .clf-edit-field input:disabled{background:#f3f5f7;color:#657584;cursor:not-allowed}
.clf-profile-form .clf-edit-field.clf-edit-full{grid-column:1/-1}
.clf-profile-form .clf-profile-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 2px}
.clf-profile-form .clf-profile-save-button,.clf-profile-form button[type=submit],.clf-profile-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 23px;border:1px solid #c5a45b;border-radius:7px;background:#c5a45b;color:#172b3d;font-size:13px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.clf-profile-form .clf-profile-save-button:hover,.clf-profile-form button[type=submit]:hover,.clf-profile-form input[type=submit]:hover{background:#dfc579;border-color:#dfc579;color:#172b3d}
.clf-profile-notice{width:min(calc(100vw - 48px),1180px);max-width:1180px;position:relative;left:50%;transform:translateX(-50%);margin:14px 0;padding:13px 16px;border:1px solid #c8e4d0;border-left:4px solid #26834a;border-radius:7px;background:#f0faf3;color:#205a34;font-size:14px;line-height:1.6}
.clf-profile-notice.clf-profile-error{border-color:#f0c7c7;border-left-color:#b42318;background:#fff5f5;color:#8e211b}
@media(max-width:720px){.clf-member-dashboard,.clf-edit-profile-header,.clf-profile-form,.clf-profile-notice{width:calc(100vw - 28px);max-width:1180px;left:50%;transform:translateX(-50%)}.clf-member-dashboard{margin:16px 0 32px;gap:15px}.clf-member-dashboard .clf-dashboard-member{align-items:flex-start;flex-direction:column;gap:18px;padding:24px 21px}.clf-member-dashboard .clf-profile-photo{flex-basis:auto}.clf-member-dashboard .clf-profile-avatar{width:88px;height:88px}.clf-member-dashboard .clf-dashboard-member-meta{width:100%}.clf-member-dashboard .clf-dashboard-meta-item{flex:1;min-width:135px}.clf-member-dashboard .clf-profile-section-heading{padding:17px 18px 15px}.clf-member-dashboard .clf-profile-grid{grid-template-columns:1fr;padding:4px 18px 10px}.clf-member-dashboard .clf-profile-item,.clf-member-dashboard .clf-profile-item:nth-last-child(-n+2){border-bottom:1px solid #edf0f3}.clf-member-dashboard .clf-profile-item:last-child{border-bottom:0}.clf-member-dashboard .clf-profile-item.clf-profile-full{grid-column:auto}.clf-member-dashboard .clf-profile-bio{padding:17px 18px}.clf-edit-profile-header{margin:16px 0;padding:21px;align-items:flex-start;flex-direction:column}.clf-edit-profile-header .clf-profile-identity{align-items:flex-start;gap:14px}.clf-edit-profile-header .clf-profile-avatar{width:74px;height:74px}.clf-edit-profile-header .clf-profile-identity-content h2{font-size:22px}.clf-edit-profile-header .clf-member-status{width:100%}.clf-profile-form{gap:14px}.clf-profile-form .clf-edit-section{padding:20px 17px}.clf-profile-form .clf-edit-grid{grid-template-columns:1fr;gap:16px}.clf-profile-form .clf-edit-field.clf-edit-full{grid-column:auto}.clf-profile-form .clf-profile-form-actions{justify-content:stretch}.clf-profile-form .clf-profile-save-button,.clf-profile-form button[type=submit],.clf-profile-form input[type=submit]{width:100%}}
@media(prefers-reduced-motion:reduce){.clf-member-dashboard a,.clf-profile-form button,.clf-profile-form input[type=submit]{transition:none}}


/* v1.5.3 layout consistency: keep every profile card aligned to one shared container. */
.clf-member-dashboard {
    width: min(calc(100vw - 40px), 1080px) !important;
    max-width: 1080px !important;
    margin: 24px auto 48px !important;
    left: auto !important;
    transform: none !important;
}
.clf-member-dashboard > .clf-member-profile,
.clf-member-dashboard .clf-profile-section,
.clf-member-dashboard .clf-dashboard-member {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
}
/* The dashboard reuses this class for its hero; do not let it break out of the dashboard. */
.clf-member-dashboard .clf-edit-profile-header {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
}
/* On the separate edit-profile page, header, form and notices share the same viewport-aligned width. */
body .clf-edit-profile-header,
body .clf-profile-form,
body .clf-profile-notice {
    width: min(calc(100vw - 40px), 1080px) !important;
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    transform: none !important;
}
.clf-profile-form .clf-edit-section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
@media (max-width: 720px) {
    .clf-member-dashboard {
        width: calc(100vw - 28px) !important;
        margin: 16px auto 32px !important;
    }
    body .clf-edit-profile-header,
    body .clf-profile-form,
    body .clf-profile-notice {
        width: calc(100vw - 28px) !important;
    }
}


/* v1.5.4: centre profile section headings, remove the left gold rule, and keep each section visually contained. */
.clf-member-dashboard .clf-profile-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--clf-line, #e2e8ee) !important;
    border-radius: 14px !important;
}
.clf-member-dashboard .clf-profile-section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--clf-line, #e2e8ee) !important;
}
.clf-member-dashboard .clf-profile-section-heading:before {
    content: none !important;
    display: none !important;
}
.clf-member-dashboard .clf-profile-section-heading > div {
    width: 100%;
    text-align: center !important;
}
.clf-member-dashboard .clf-profile-section-heading h3,
.clf-member-dashboard .clf-profile-section-heading p {
    text-align: center !important;
}
.clf-member-dashboard .clf-profile-grid,
.clf-member-dashboard .clf-profile-bio {
    width: 100% !important;
    max-width: 100% !important;
}
/* Centre edit-form section headings without removing the enclosing section cards. */
.clf-profile-form .clf-edit-section-title {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.clf-profile-form .clf-edit-section-title > span {
    flex-shrink: 0;
}
.clf-profile-form .clf-edit-section-title > div {
    text-align: center !important;
}
.clf-profile-form .clf-edit-section-title h3,
.clf-profile-form .clf-edit-section-title p {
    text-align: center !important;
}
@media (max-width: 720px) {
    .clf-member-dashboard .clf-profile-section-heading { padding: 17px 18px !important; }
    .clf-profile-form .clf-edit-section-title { align-items: center !important; }
}


/* v1.5.5: centre all member-facing profile information, not headings alone. */
.clf-member-dashboard .clf-dashboard-member,
.clf-member-dashboard .clf-dashboard-member-meta,
.clf-member-dashboard .clf-dashboard-meta-item,
.clf-member-dashboard .clf-profile-item,
.clf-member-dashboard .clf-profile-item-label,
.clf-member-dashboard .clf-profile-item-value,
.clf-member-dashboard .clf-profile-bio,
.clf-member-dashboard .clf-profile-bio p,
.clf-member-dashboard .clf-profile-bio h3,
.clf-member-dashboard .clf-profile-identity,
.clf-member-dashboard .clf-profile-identity-content,
.clf-member-dashboard .clf-profile-identity-content h2,
.clf-member-dashboard .clf-profile-identity-content p,
.clf-member-dashboard .clf-member-status,
.clf-profile-form .clf-edit-section,
.clf-profile-form .clf-edit-field,
.clf-profile-form .clf-edit-field label,
.clf-profile-form .clf-edit-field small,
.clf-profile-form .clf-edit-section-title,
.clf-edit-profile-header,
.clf-edit-profile-header .clf-profile-identity-content,
.clf-edit-profile-header .clf-profile-identity-content h2,
.clf-edit-profile-header .clf-profile-identity-content p,
.clf-profile-notice {
    text-align: center !important;
}
.clf-member-dashboard .clf-profile-grid {
    justify-items: stretch;
}
.clf-member-dashboard .clf-profile-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
.clf-member-dashboard .clf-profile-item-label,
.clf-member-dashboard .clf-profile-item-value {
    display: block;
    width: 100%;
    overflow-wrap: anywhere;
}
.clf-member-dashboard .clf-profile-identity {
    justify-content: center !important;
    align-items: center !important;
}
.clf-member-dashboard .clf-profile-identity-content,
.clf-member-dashboard .clf-dashboard-member-meta {
    width: 100%;
}
.clf-profile-form .clf-edit-grid {
    justify-items: stretch;
}
.clf-profile-form .clf-edit-field input,
.clf-profile-form .clf-edit-field select,
.clf-profile-form .clf-edit-field textarea {
    text-align: center !important;
}
.clf-profile-form .clf-profile-form-actions {
    justify-content: center !important;
}
.clf-profile-form .clf-edit-section-title:before,
.clf-profile-form .clf-edit-section-title:after {
    content: none !important;
    display: none !important;
}
@media (max-width: 720px) {
    .clf-member-dashboard .clf-dashboard-member,
    .clf-member-dashboard .clf-profile-item,
    .clf-member-dashboard .clf-profile-bio,
    .clf-profile-form .clf-edit-field,
    .clf-profile-form .clf-edit-section-title,
    .clf-edit-profile-header {
        text-align: center !important;
    }
    .clf-member-dashboard .clf-profile-identity {
        align-items: center !important;
    }
}

/* Site-hosted member profile picture upload */
.clf-profile-picture-form{margin-top:8px;text-align:center}
.clf-profile-picture-form .clf-change-photo-link{cursor:pointer}
.clf-profile-picture-input{display:block;max-width:220px;width:100%;margin:8px auto 0;font-size:12px;color:inherit;text-align:center}
.clf-profile-picture-submit{margin-top:8px;padding:8px 14px;border:0;border-radius:4px;background:#10243a;color:#fff;cursor:pointer}

/* CLF profile header refresh: lighter, refined, and mobile-safe (v1.8.1) */
.clf-member-dashboard .clf-dashboard-member {
    background: linear-gradient(135deg, #ffffff 0%, #f8f6f0 58%, #f1ead8 100%) !important;
    color: #203447 !important;
    border: 1px solid #e6dcc4;
    box-shadow: 0 12px 30px rgba(32, 52, 71, .09);
}
.clf-member-dashboard .clf-dashboard-member:after {
    border-color: rgba(181, 143, 57, .22);
    box-shadow: 0 0 0 28px rgba(181, 143, 57, .045), 0 0 0 58px rgba(181, 143, 57, .025);
}
.clf-member-dashboard .clf-profile-avatar {
    border-color: #c5a45b;
    box-shadow: 0 4px 16px rgba(32, 52, 71, .12);
}
.clf-member-dashboard .clf-dashboard-eyebrow,
.clf-member-dashboard .clf-dashboard-member .clf-profile-identity-content > span {
    color: #8c6c25 !important;
}
.clf-member-dashboard .clf-dashboard-member h2 {
    color: #172b3d !important;
}
.clf-member-dashboard .clf-dashboard-intro {
    color: #536474 !important;
}
.clf-member-dashboard .clf-dashboard-meta-item {
    border-color: #e5dcc8;
    background: rgba(255, 255, 255, .82);
}
.clf-member-dashboard .clf-dashboard-meta-item span {
    color: #697887 !important;
}
.clf-member-dashboard .clf-dashboard-meta-item strong {
    color: #203447 !important;
}
.clf-edit-profile-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f6f0 60%, #f1ead8 100%) !important;
    color: #203447 !important;
    border: 1px solid #e6dcc4 !important;
    box-shadow: 0 10px 26px rgba(32, 52, 71, .09) !important;
}
.clf-edit-profile-header .clf-profile-identity-content h2 {
    color: #172b3d !important;
}
.clf-edit-profile-header .clf-profile-identity-content p {
    color: #536474 !important;
}
.clf-edit-profile-header .clf-profile-identity-content > span,
.clf-edit-profile-header .clf-change-photo-link {
    color: #8c6c25 !important;
}
.clf-edit-profile-header .clf-profile-avatar {
    border-color: #c5a45b !important;
    box-shadow: 0 4px 16px rgba(32, 52, 71, .12);
}
.clf-edit-profile-header .clf-member-status {
    border-color: #e5dcc8 !important;
    background: rgba(255, 255, 255, .82) !important;
}
.clf-edit-profile-header .clf-status-label {
    color: #697887 !important;
}
.clf-edit-profile-header .clf-member-status strong {
    color: #203447 !important;
    overflow-wrap: anywhere;
}
@media (max-width: 720px) {
    .clf-member-dashboard .clf-dashboard-member,
    .clf-edit-profile-header {
        padding: 20px 16px !important;
        border-radius: 14px !important;
        gap: 16px !important;
    }
    .clf-member-dashboard .clf-dashboard-member-meta {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }
    .clf-member-dashboard .clf-dashboard-meta-item {
        min-width: 0 !important;
        width: 100%;
        overflow-wrap: anywhere;
    }
    .clf-edit-profile-header .clf-profile-identity {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .clf-edit-profile-header .clf-profile-identity-content {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

/* v1.8.2 hard override: ensure both profile headers share the same light CLF treatment. */
html body .clf-member-dashboard > .clf-member-profile > .clf-edit-profile-header,
html body .clf-member-dashboard .clf-dashboard-member,
html body .clf-edit-profile-header {
    background: linear-gradient(135deg, #ffffff 0%, #faf8f2 58%, #f2ead7 100%) !important;
    background-color: #ffffff !important;
    color: #203447 !important;
    border: 1px solid #e4dac1 !important;
    box-shadow: 0 10px 28px rgba(32, 52, 71, .09) !important;
}
html body .clf-member-dashboard .clf-dashboard-member h2,
html body .clf-edit-profile-header .clf-profile-identity-content h2,
html body .clf-edit-profile-header .clf-member-status strong {
    color: #172b3d !important;
}
html body .clf-member-dashboard .clf-dashboard-intro,
html body .clf-edit-profile-header .clf-profile-identity-content p {
    color: #536474 !important;
}
html body .clf-member-dashboard .clf-dashboard-eyebrow,
html body .clf-edit-profile-header .clf-profile-identity-content > span,
html body .clf-edit-profile-header .clf-change-photo-link {
    color: #8c6c25 !important;
}
html body .clf-member-dashboard .clf-dashboard-meta-item,
html body .clf-edit-profile-header .clf-member-status {
    background: rgba(255, 255, 255, .9) !important;
    border: 1px solid #e5dcc8 !important;
    color: #203447 !important;
}
html body .clf-member-dashboard .clf-dashboard-meta-item span,
html body .clf-edit-profile-header .clf-status-label {
    color: #697887 !important;
}
html body .clf-member-dashboard .clf-dashboard-meta-item strong {
    color: #203447 !important;
}
html body .clf-member-dashboard .clf-profile-avatar,
html body .clf-edit-profile-header .clf-profile-avatar {
    border: 3px solid #c5a45b !important;
    box-shadow: 0 4px 16px rgba(32, 52, 71, .12) !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-dashboard-member,
    html body .clf-member-dashboard > .clf-member-profile > .clf-edit-profile-header,
    html body .clf-edit-profile-header {
        border-radius: 14px !important;
        padding: 20px 16px !important;
    }
}


/* v1.9.22 — member dashboard hub: quick access, latest news, and responsive cards. */
.clf-member-dashboard .clf-dashboard-hub{display:grid;gap:22px;min-width:0}
.clf-member-dashboard .clf-dashboard-hub-heading{margin:0;padding:0 2px}
.clf-member-dashboard .clf-dashboard-hub-kicker{display:block;margin:0 0 7px;color:#8c6c25;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.clf-member-dashboard .clf-dashboard-hub-heading h3,.clf-member-dashboard .clf-dashboard-news-heading h3{margin:0 0 7px;color:#203447;font-size:clamp(20px,2.4vw,26px);font-weight:750;line-height:1.3}
.clf-member-dashboard .clf-dashboard-hub-heading p{margin:0;color:#697887;font-size:14px;line-height:1.65}
.clf-member-dashboard .clf-dashboard-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.clf-member-dashboard .clf-dashboard-quick-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:205px;padding:21px 19px;border:1px solid #e4e8ec;border-radius:13px;background:#fff;color:#203447;text-decoration:none!important;box-shadow:0 4px 14px rgba(22,43,61,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.clf-member-dashboard .clf-dashboard-quick-card:hover,.clf-member-dashboard .clf-dashboard-quick-card:focus{transform:translateY(-3px);border-color:#c5a45b;box-shadow:0 10px 24px rgba(22,43,61,.09);outline:none}
.clf-member-dashboard .clf-dashboard-quick-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-bottom:16px;border-radius:11px;background:#f6f0e2;color:#8c6c25;font-size:23px}
.clf-member-dashboard .clf-dashboard-quick-title{display:block;margin-bottom:7px;color:#203447;font-size:15px;font-weight:750;line-height:1.4}
.clf-member-dashboard .clf-dashboard-quick-description{display:block;color:#6b7783;font-size:12px;line-height:1.65}
.clf-member-dashboard .clf-dashboard-quick-action{display:block;margin-top:auto;padding-top:15px;color:#896a29;font-size:12px;font-weight:750}
.clf-member-dashboard .clf-dashboard-news-block{padding:23px;border:1px solid #e4e8ec;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(22,43,61,.035)}
.clf-member-dashboard .clf-dashboard-news-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}
.clf-member-dashboard .clf-dashboard-news-heading h3{margin-bottom:0;font-size:21px}
.clf-member-dashboard .clf-dashboard-news-heading>a{flex:0 0 auto;color:#896a29;font-size:12px;font-weight:750;text-decoration:none}
.clf-member-dashboard .clf-dashboard-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.clf-member-dashboard .clf-dashboard-news-item{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #edf0f3;border-radius:10px;background:#fcfcfb}
.clf-member-dashboard .clf-dashboard-news-date{margin-bottom:9px;color:#8c6c25;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.4px}
.clf-member-dashboard .clf-dashboard-news-item h4{margin:0 0 9px;font-size:15px;line-height:1.5}
.clf-member-dashboard .clf-dashboard-news-item h4 a{color:#203447;text-decoration:none}
.clf-member-dashboard .clf-dashboard-news-item h4 a:hover,.clf-member-dashboard .clf-dashboard-news-item h4 a:focus{color:#8c6c25;text-decoration:underline}
.clf-member-dashboard .clf-dashboard-news-item p{margin:0 0 15px;color:#687683;font-size:12px;line-height:1.7}
.clf-member-dashboard .clf-dashboard-news-read{margin-top:auto;color:#896a29;font-size:12px;font-weight:750;text-decoration:none}
.clf-member-dashboard .clf-dashboard-news-empty{margin:0;padding:16px;border-radius:8px;background:#faf8f2;color:#687683;font-size:13px}
.clf-member-dashboard .clf-dashboard-engagement-note{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;border:1px solid #e8dfca;border-radius:11px;background:#faf7ef}
.clf-member-dashboard .clf-dashboard-engagement-note>.dashicons{flex:0 0 auto;color:#8c6c25;font-size:22px;width:22px;height:22px}
.clf-member-dashboard .clf-dashboard-engagement-note p{margin:0;color:#586777;font-size:13px;line-height:1.7}
.clf-member-dashboard .clf-dashboard-engagement-note strong{color:#203447}
@media(max-width:1000px){.clf-member-dashboard .clf-dashboard-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.clf-member-dashboard .clf-dashboard-quick-card{min-height:185px}}
@media(max-width:720px){.clf-member-dashboard .clf-dashboard-hub{gap:16px}.clf-member-dashboard .clf-dashboard-quick-links,.clf-member-dashboard .clf-dashboard-news-list{grid-template-columns:minmax(0,1fr)}.clf-member-dashboard .clf-dashboard-quick-card{min-height:0;padding:18px}.clf-member-dashboard .clf-dashboard-quick-icon{margin-bottom:11px}.clf-member-dashboard .clf-dashboard-quick-action{padding-top:10px}.clf-member-dashboard .clf-dashboard-news-block{padding:17px}.clf-member-dashboard .clf-dashboard-news-heading{align-items:flex-start;flex-direction:column}.clf-member-dashboard .clf-dashboard-news-item{padding:15px}}
@media(prefers-reduced-motion:reduce){.clf-member-dashboard .clf-dashboard-quick-card{transition:none}}


/* v1.9.23 — remove stray left gold rule and align/centre the Latest from CLF cards. */
html body .clf-member-dashboard .clf-profile-section-heading:before,
html body .clf-member-dashboard .clf-profile-section-heading::before,
html body .clf-member-dashboard .clf-dashboard-hub-heading:before,
html body .clf-member-dashboard .clf-dashboard-hub-heading::before,
html body .clf-member-dashboard .clf-dashboard-news-heading:before,
html body .clf-member-dashboard .clf-dashboard-news-heading::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
html body .clf-member-dashboard {
    border-left: 0 !important;
}
html body .clf-member-dashboard .clf-dashboard-news-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
}
html body .clf-member-dashboard .clf-dashboard-news-heading > div {
    width: 100%;
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-news-heading h3,
html body .clf-member-dashboard .clf-dashboard-news-heading .clf-dashboard-hub-kicker,
html body .clf-member-dashboard .clf-dashboard-news-item h4,
html body .clf-member-dashboard .clf-dashboard-news-item h4 a {
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-news-heading > a {
    align-self: center !important;
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-news-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
}
html body .clf-member-dashboard .clf-dashboard-news-item {
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
}
html body .clf-member-dashboard .clf-dashboard-news-item h4 {
    min-height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}
html body .clf-member-dashboard .clf-dashboard-news-item h4 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
html body .clf-member-dashboard .clf-dashboard-news-item p {
    min-height: 6.8em;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-dashboard-news-list {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-rows: auto !important;
    }
    html body .clf-member-dashboard .clf-dashboard-news-item {
        height: auto !important;
        min-height: 0 !important;
    }
    html body .clf-member-dashboard .clf-dashboard-news-item h4,
    html body .clf-member-dashboard .clf-dashboard-news-item p {
        min-height: 0;
    }
}


/* v1.9.24 — dashboard heading alignment, equal news cards, and left-rule removal.
   Loaded late by CLF Core; scoped only to the member dashboard. */
html body .clf-member-dashboard .clf-dashboard-hub-heading,
html body .clf-member-dashboard .clf-dashboard-hub-heading > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-hub-heading {
    padding: 0 !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}
html body .clf-member-dashboard .clf-dashboard-hub-kicker,
html body .clf-member-dashboard .clf-dashboard-hub-heading h3,
html body .clf-member-dashboard .clf-dashboard-hub-heading p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-hub-heading h3 {
    margin-top: 0 !important;
}
/* Remove the legacy gold ruler/border from dashboard containers and profile text. */
html body .clf-member-dashboard,
html body .clf-member-dashboard .clf-dashboard-hub,
html body .clf-member-dashboard .clf-dashboard-hub-heading,
html body .clf-member-dashboard .clf-dashboard-news-block,
html body .clf-member-dashboard .clf-dashboard-news-heading,
html body .clf-member-dashboard .clf-dashboard-news-item,
html body .clf-member-dashboard .clf-profile-section,
html body .clf-member-dashboard .clf-profile-bio {
    border-left: 0 !important;
}
html body .clf-member-dashboard::before,
html body .clf-member-dashboard::after,
html body .clf-member-dashboard .clf-dashboard-hub::before,
html body .clf-member-dashboard .clf-dashboard-hub::after,
html body .clf-member-dashboard .clf-dashboard-hub-heading::before,
html body .clf-member-dashboard .clf-dashboard-hub-heading::after,
html body .clf-member-dashboard .clf-dashboard-news-block::before,
html body .clf-member-dashboard .clf-dashboard-news-block::after,
html body .clf-member-dashboard .clf-dashboard-news-heading::before,
html body .clf-member-dashboard .clf-dashboard-news-heading::after,
html body .clf-member-dashboard .clf-profile-section::before,
html body .clf-member-dashboard .clf-profile-section::after,
html body .clf-member-dashboard .clf-profile-bio::before,
html body .clf-member-dashboard .clf-profile-bio::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* Every Latest from CLF card shares the same grid track and stretches to its full height. */
html body .clf-member-dashboard .clf-dashboard-news-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(340px, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}
html body .clf-member-dashboard .clf-dashboard-news-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 340px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
html body .clf-member-dashboard .clf-dashboard-news-item h4 {
    min-height: 3em !important;
    flex: 0 0 auto !important;
    text-align: center !important;
}
html body .clf-member-dashboard .clf-dashboard-news-item p {
    min-height: 6.8em !important;
    flex: 0 0 auto !important;
}
html body .clf-member-dashboard .clf-dashboard-news-read {
    margin-top: auto !important;
}
@media (max-width: 1000px) {
    html body .clf-member-dashboard .clf-dashboard-news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(320px, 1fr) !important;
    }
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-dashboard-news-list {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-rows: auto !important;
    }
    html body .clf-member-dashboard .clf-dashboard-news-item {
        height: auto !important;
        min-height: 0 !important;
    }
    html body .clf-member-dashboard .clf-dashboard-news-item h4,
    html body .clf-member-dashboard .clf-dashboard-news-item p {
        min-height: 0 !important;
    }
}


/* v1.9.25 — full-viewport member dashboard and mobile overflow correction.
   Keep the breakout limited to pages containing the CLF member dashboard. */
html body:has(.clf-member-dashboard) {
    overflow-x: clip !important;
    max-width: 100% !important;
}
html body:has(.clf-member-dashboard) #page,
html body:has(.clf-member-dashboard) #content,
html body:has(.clf-member-dashboard) .site-content,
html body:has(.clf-member-dashboard) .content-area,
html body:has(.clf-member-dashboard) .site-main,
html body:has(.clf-member-dashboard) .entry-content {
    max-width: 100% !important;
    min-width: 0 !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard {
    display: grid !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 24px 0 48px !important;
    padding: 0 clamp(14px, 2.2vw, 34px) !important;
    box-sizing: border-box !important;
    border-left: 0 !important;
    overflow: visible !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard > *,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-profile-section,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-member,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Remove legacy theme rules that can draw a vertical gold accent beside the page content. */
html body:has(.clf-member-dashboard) .clf-member-dashboard::before,
html body:has(.clf-member-dashboard) .clf-member-dashboard::after,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-profile-section-heading::before,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-heading::before,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-heading::before,
html body:has(.clf-member-dashboard) .entry-content::before,
html body:has(.clf-member-dashboard) .site-main::before,
html body:has(.clf-member-dashboard) .content-area::before,
html body:has(.clf-member-dashboard) .vc_column-inner::before,
html body:has(.clf-member-dashboard) .wpb_wrapper::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
html body:has(.clf-member-dashboard) .entry-content,
html body:has(.clf-member-dashboard) .site-main,
html body:has(.clf-member-dashboard) .content-area,
html body:has(.clf-member-dashboard) .vc_column-inner,
html body:has(.clf-member-dashboard) .wpb_wrapper {
    border-left: 0 !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-heading,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-heading > div,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-kicker,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-heading h3,
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-hub-heading p {
    text-align: center !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-quick-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-quick-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}
html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-item {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
}
@media (max-width: 1000px) {
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 720px) {
    html body:has(.clf-member-dashboard) .clf-member-dashboard {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 12px 0 28px !important;
        padding: 0 12px !important;
        gap: 16px !important;
    }
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-quick-links,
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-quick-card,
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-item {
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-item h4,
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-item p {
        min-height: 0 !important;
    }
    html body:has(.clf-member-dashboard) .clf-member-dashboard .clf-dashboard-news-heading {
        align-items: center !important;
        text-align: center !important;
    }
}

/* v1.9.26 — show each post's featured image in the member dashboard Latest from CLF cards. */
html body .clf-member-dashboard .clf-dashboard-news-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 0 14px;
    overflow: hidden;
    border-radius: 7px;
    background: #f2f3f4;
    text-decoration: none;
}
html body .clf-member-dashboard .clf-dashboard-news-image {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}
html body .clf-member-dashboard .clf-dashboard-news-image-placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #8c6c25;
    background: #f6f0e2;
}
html body .clf-member-dashboard .clf-dashboard-news-image-placeholder .dashicons {
    width: 36px;
    height: 36px;
    font-size: 36px;
}

/* v1.9.27 — clearer, richer member-information sections.
   Visual-only styling: preserves the existing profile fields, values and form behaviour. */
html body .clf-member-dashboard .clf-profile-section {
    background: #f4f7fb !important;
    border: 1px solid #d7e0ea !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(19, 43, 62, .075) !important;
    overflow: hidden !important;
    margin: 0 !important;
}
html body .clf-member-dashboard .clf-profile-section-heading {
    position: relative !important;
    display: block !important;
    padding: 22px 26px 20px !important;
    background: linear-gradient(115deg, #172d40 0%, #25475c 100%) !important;
    border: 0 !important;
    border-bottom: 3px solid #c5a45b !important;
    color: #fff !important;
}
html body .clf-member-dashboard .clf-profile-section-heading > div {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section-heading h3 {
    color: #fff !important;
    font-size: clamp(17px, 1.8vw, 20px) !important;
    font-weight: 750 !important;
    letter-spacing: .1px !important;
    margin: 0 0 5px !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section-heading p {
    color: #d9e4ec !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section-heading::before,
html body .clf-member-dashboard .clf-profile-section-heading:before {
    content: none !important;
    display: none !important;
}
html body .clf-member-dashboard .clf-profile-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 18px !important;
    background: #edf2f7 !important;
}
html body .clf-member-dashboard .clf-profile-item,
html body .clf-member-dashboard .clf-profile-item:nth-last-child(-n+2),
html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 15px 17px !important;
    margin: 0 !important;
    border: 1px solid #dfe6ee !important;
    border-bottom: 1px solid #dfe6ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(25, 48, 66, .035) !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-item span {
    display: block !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    color: #66788a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    line-height: 1.45 !important;
    text-transform: uppercase !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-item strong {
    display: block !important;
    width: 100% !important;
    color: #18364c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
    grid-column: 1 / -1 !important;
}
html body .clf-member-dashboard .clf-profile-bio {
    margin: 0 !important;
    padding: 22px 25px !important;
    background: #edf2f7 !important;
    color: #334b5e !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-bio p {
    margin: 0 0 12px !important;
    color: #334b5e !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-bio p:last-child { margin-bottom: 0 !important; }

/* Use the same contrast and section hierarchy on the editable profile page. */
html body .clf-profile-form .clf-edit-section {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d7e0ea !important;
    border-radius: 15px !important;
    background: #f4f7fb !important;
    box-shadow: 0 8px 24px rgba(19, 43, 62, .07) !important;
}
html body .clf-profile-form .clf-edit-section-title {
    display: block !important;
    margin: 0 !important;
    padding: 21px 25px 19px !important;
    background: linear-gradient(115deg, #172d40 0%, #25475c 100%) !important;
    border: 0 !important;
    border-bottom: 3px solid #c5a45b !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-section-title > div { text-align: left !important; }
html body .clf-profile-form .clf-edit-section-title h3 {
    margin: 0 0 5px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-section-title p {
    margin: 0 !important;
    color: #d9e4ec !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-grid {
    padding: 20px !important;
    gap: 17px !important;
    background: #edf2f7 !important;
}
html body .clf-profile-form .clf-edit-field {
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid #dfe6ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-field label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #40586b !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-field input,
html body .clf-profile-form .clf-edit-field select,
html body .clf-profile-form .clf-edit-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #cbd6e0 !important;
    border-radius: 7px !important;
    background: #fbfcfe !important;
    color: #18364c !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus,
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #b89543 !important;
    outline: 2px solid rgba(197, 164, 91, .2) !important;
    outline-offset: 1px !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 13px !important;
        gap: 10px !important;
    }
    html body .clf-member-dashboard .clf-profile-item,
    html body .clf-member-dashboard .clf-profile-item:nth-last-child(-n+2),
    html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
        grid-column: auto !important;
        min-height: 75px !important;
        padding: 13px 14px !important;
    }
    html body .clf-member-dashboard .clf-profile-section-heading,
    html body .clf-profile-form .clf-edit-section-title {
        padding: 18px 17px 16px !important;
    }
    html body .clf-member-dashboard .clf-profile-bio { padding: 17px !important; }
    html body .clf-profile-form .clf-edit-grid { padding: 13px !important; gap: 12px !important; }
    html body .clf-profile-form .clf-edit-field { padding: 12px !important; }
}

/* v1.9.28 — Côte d’Ivoire-inspired orange, white and green member profile palette.
   Presentation-only overrides; preserve all profile fields and workflows. */
.clf-member-dashboard,
.clf-profile-form,
.clf-edit-profile-header {
    --clf-ink: #183629;
    --clf-ink-soft: #43564b;
    --clf-gold: #f28c28;
    --clf-gold-dark: #b85b0a;
    --clf-line: #e2e9e3;
    --clf-muted: #5f7066;
    --clf-panel: #ffffff;
    --clf-bg: #fffaf4;
}
.clf-member-dashboard .clf-dashboard-member {
    background: linear-gradient(118deg, #e87516 0%, #f28c28 48%, #16834a 100%) !important;
    box-shadow: 0 12px 30px rgba(31, 91, 55, .14);
}
.clf-member-dashboard .clf-dashboard-member:after {
    border-color: rgba(255,255,255,.24);
    box-shadow: 0 0 0 28px rgba(255,255,255,.055), 0 0 0 58px rgba(255,255,255,.04);
}
.clf-member-dashboard .clf-dashboard-eyebrow,
.clf-member-dashboard .clf-profile-identity-content > span,
.clf-edit-profile-header .clf-change-photo-link {
    color: #fff4e7 !important;
}
.clf-member-dashboard .clf-dashboard-profile-button,
.clf-profile-form .clf-profile-save-button,
.clf-profile-form button[type=submit],
.clf-profile-form input[type=submit] {
    border-color: #f28c28 !important;
    background: #f28c28 !important;
    color: #26382d !important;
}
.clf-member-dashboard .clf-dashboard-profile-button:hover,
.clf-member-dashboard .clf-dashboard-profile-button:focus,
.clf-profile-form .clf-profile-save-button:hover,
.clf-profile-form button[type=submit]:hover,
.clf-profile-form input[type=submit]:hover {
    border-color: #16834a !important;
    background: #16834a !important;
    color: #fff !important;
}
.clf-member-dashboard .clf-profile-section {
    border-color: #e2e9e3 !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(24, 54, 41, .055) !important;
}
.clf-member-dashboard .clf-profile-section-heading {
    background: linear-gradient(100deg, #fff1e2 0%, #fffaf4 64%, #edf8f0 100%) !important;
    border-bottom-color: #e2e9e3 !important;
    border-top: 3px solid #f28c28 !important;
}
.clf-member-dashboard .clf-profile-section-heading:before {
    display: none !important;
    content: none !important;
}
.clf-member-dashboard .clf-profile-section-heading h3 {
    color: #183629 !important;
}
.clf-member-dashboard .clf-profile-item span,
.clf-profile-form .clf-edit-field label {
    color: #52665a !important;
}
.clf-member-dashboard .clf-profile-item strong {
    color: #183629 !important;
}
.clf-member-dashboard .clf-profile-item {
    border-bottom-color: #eaf0eb !important;
}
.clf-profile-form .clf-edit-section {
    border-color: #e2e9e3 !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(24, 54, 41, .05) !important;
}
.clf-profile-form .clf-edit-section-title {
    border-bottom-color: #e2e9e3 !important;
}
.clf-profile-form .clf-edit-section-title > span {
    background: #fff1e2 !important;
    color: #b85b0a !important;
    border: 1px solid #f8d3ad;
}
.clf-profile-form .clf-edit-section-title h3 {
    color: #183629 !important;
}
.clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
.clf-profile-form .clf-edit-field select,
.clf-profile-form .clf-edit-field textarea {
    border-color: #d7e3da !important;
    background: #fffefa !important;
    color: #183629 !important;
}
.clf-profile-form .clf-edit-field input:focus,
.clf-profile-form .clf-edit-field select:focus,
.clf-profile-form .clf-edit-field textarea:focus {
    border-color: #16834a !important;
    box-shadow: 0 0 0 3px rgba(22,131,74,.13) !important;
}
.clf-edit-profile-header {
    border-color: #16834a !important;
    background: linear-gradient(118deg, #e87516 0%, #f28c28 48%, #16834a 100%) !important;
    box-shadow: 0 10px 28px rgba(31, 91, 55, .13) !important;
}
.clf-edit-profile-header .clf-member-status {
    border-color: rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.13) !important;
}
.clf-profile-notice {
    border-color: #b9dfc5 !important;
    border-left-color: #16834a !important;
    background: #edf8f0 !important;
    color: #205c37 !important;
}


/* v1.9.29 — Match member information and profile editing to the established ivory profile header.
   Replaces the temporary Côte d’Ivoire palette without changing markup or workflows. */
html body .clf-member-dashboard,
html body .clf-profile-form,
html body .clf-edit-profile-header {
    --clf-ink: #203447;
    --clf-ink-soft: #536474;
    --clf-gold: #c5a45b;
    --clf-gold-dark: #8c6c25;
    --clf-line: #e4dac1;
    --clf-muted: #697887;
    --clf-panel: #ffffff;
    --clf-bg: #faf8f2;
}
html body .clf-member-dashboard .clf-profile-section {
    background: #ffffff !important;
    border-color: #e4dac1 !important;
    box-shadow: 0 5px 18px rgba(32, 52, 71, .055) !important;
}
html body .clf-member-dashboard .clf-profile-section-heading {
    background: linear-gradient(135deg, #ffffff 0%, #faf8f2 58%, #f2ead7 100%) !important;
    border-top: 3px solid #c5a45b !important;
    border-bottom-color: #e4dac1 !important;
}
html body .clf-member-dashboard .clf-profile-section-heading h3,
html body .clf-member-dashboard .clf-profile-item strong,
html body .clf-profile-form .clf-edit-section-title h3 {
    color: #172b3d !important;
}
html body .clf-member-dashboard .clf-profile-section-heading p,
html body .clf-member-dashboard .clf-profile-item span,
html body .clf-profile-form .clf-edit-field label {
    color: #697887 !important;
}
html body .clf-member-dashboard .clf-profile-item {
    background: #ffffff !important;
    border-bottom-color: #eee8da !important;
}
html body .clf-profile-form .clf-edit-section {
    background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%) !important;
    border-color: #e4dac1 !important;
    box-shadow: 0 5px 18px rgba(32, 52, 71, .055) !important;
}
html body .clf-profile-form .clf-edit-section-title {
    border-bottom: 1px solid #e9e0cc !important;
}
html body .clf-profile-form .clf-edit-section-title > span {
    background: #f6f0e1 !important;
    color: #8c6c25 !important;
    border: 1px solid #e4dac1 !important;
}
html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
html body .clf-profile-form .clf-edit-field select,
html body .clf-profile-form .clf-edit-field textarea {
    border-color: #d8dfe5 !important;
    background: #fffefa !important;
    color: #203447 !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus,
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #c5a45b !important;
    box-shadow: 0 0 0 3px rgba(197, 164, 91, .17) !important;
}
html body .clf-member-dashboard .clf-dashboard-profile-button,
html body .clf-profile-form .clf-profile-save-button,
html body .clf-profile-form button[type=submit],
html body .clf-profile-form input[type=submit] {
    border-color: #c5a45b !important;
    background: #c5a45b !important;
    color: #172b3d !important;
}
html body .clf-member-dashboard .clf-dashboard-profile-button:hover,
html body .clf-member-dashboard .clf-dashboard-profile-button:focus,
html body .clf-profile-form .clf-profile-save-button:hover,
html body .clf-profile-form button[type=submit]:hover,
html body .clf-profile-form input[type=submit]:hover {
    border-color: #b18d3d !important;
    background: #b18d3d !important;
    color: #172b3d !important;
}
html body .clf-profile-notice {
    border-color: #d8e5d9 !important;
    border-left-color: #c5a45b !important;
    background: #faf8f2 !important;
    color: #203447 !important;
}


/* v1.9.30 — Refine the [clf_edit_profile] form to match the ivory/navy/gold profile header.
   Keep field groups clean; avoid nested little boxes around individual fields and textareas. */
html body .clf-profile-form {
    color: #203447 !important;
    gap: 22px !important;
}
html body .clf-profile-form .clf-edit-section {
    padding: clamp(20px, 3vw, 30px) !important;
    border: 1px solid #e4dac1 !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, #fffefa 0%, #faf8f2 100%) !important;
    box-shadow: 0 6px 20px rgba(23, 43, 61, .06) !important;
}
html body .clf-profile-form .clf-edit-section-title {
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 24px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #e9e0cc !important;
}
html body .clf-profile-form .clf-edit-section-title h3 {
    color: #172b3d !important;
    font-size: 18px !important;
    font-weight: 750 !important;
}
html body .clf-profile-form .clf-edit-section-title p {
    color: #697887 !important;
    line-height: 1.65 !important;
}
html body .clf-profile-form .clf-edit-grid {
    padding: 0 !important;
    gap: 22px 26px !important;
    background: transparent !important;
}
html body .clf-profile-form .clf-edit-field {
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-field label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #34495a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}
html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
html body .clf-profile-form .clf-edit-field select,
html body .clf-profile-form .clf-edit-field textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    border: 1px solid #d8dfe5 !important;
    border-radius: 9px !important;
    background: #fffefa !important;
    color: #203447 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    box-shadow: inset 0 1px 2px rgba(23, 43, 61, .025) !important;
    box-sizing: border-box !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
html body .clf-profile-form .clf-edit-field select {
    min-height: 48px !important;
}
html body .clf-profile-form .clf-edit-field textarea {
    min-height: 150px !important;
    height: auto !important;
    resize: vertical !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}
html body .clf-profile-form #clf_office_address {
    min-height: 115px !important;
}
html body .clf-profile-form #clf_professional_bio {
    min-height: 230px !important;
    padding: 16px 17px !important;
    line-height: 1.8 !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus,
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #c5a45b !important;
    outline: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(197, 164, 91, .16) !important;
}
html body .clf-profile-form .clf-edit-field input[readonly],
html body .clf-profile-form .clf-edit-field input:disabled {
    background: #f2eee4 !important;
    color: #647383 !important;
}
html body .clf-profile-form .clf-profile-form-actions {
    padding: 2px 0 0 !important;
}
html body .clf-profile-form .clf-profile-save-button,
html body .clf-profile-form button[type=submit],
html body .clf-profile-form input[type=submit] {
    min-height: 48px !important;
    padding: 13px 26px !important;
    border-radius: 8px !important;
    background: #c5a45b !important;
    border-color: #c5a45b !important;
    color: #172b3d !important;
    font-weight: 800 !important;
}
@media (max-width: 720px) {
    html body .clf-profile-form { gap: 15px !important; }
    html body .clf-profile-form .clf-edit-section { padding: 20px 16px !important; }
    html body .clf-profile-form .clf-edit-grid { gap: 18px !important; }
    html body .clf-profile-form .clf-edit-field textarea { min-height: 140px !important; }
    html body .clf-profile-form #clf_professional_bio { min-height: 210px !important; }
    html body .clf-profile-form .clf-profile-form-actions { justify-content: stretch !important; }
    html body .clf-profile-form .clf-profile-save-button,
    html body .clf-profile-form button[type=submit],
    html body .clf-profile-form input[type=submit] { width: 100% !important; }
}


/* v1.9.31 — warm gold information panels and roomier paired member details.
   Visual-only overrides: keep labels and values readable with no blue-grey information panels. */
html body .clf-member-dashboard .clf-profile-grid {
    background: #f4ead2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(108px, auto) !important;
    align-items: stretch !important;
    gap: 16px !important;
    padding: 20px !important;
}
html body .clf-member-dashboard .clf-profile-item,
html body .clf-member-dashboard .clf-profile-item:nth-last-child(-n+2),
html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 108px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    background: linear-gradient(145deg, #fffdf7 0%, #f9f0db 100%) !important;
    border: 1px solid #dfc78e !important;
    border-bottom: 2px solid #c5a45b !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(75, 57, 20, .055) !important;
    align-self: stretch !important;
}
html body .clf-member-dashboard .clf-profile-item span {
    color: #765b25 !important;
    font-size: 11px !important;
    letter-spacing: .55px !important;
    overflow-wrap: anywhere !important;
}
html body .clf-member-dashboard .clf-profile-item strong {
    color: #203447 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
}
html body .clf-member-dashboard .clf-profile-bio {
    background: #fbf5e7 !important;
    color: #203447 !important;
    border-top: 1px solid #e7d8b4 !important;
}
html body .clf-member-dashboard .clf-profile-bio p { color: #203447 !important; }
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-rows: auto !important;
        gap: 12px !important;
        padding: 14px !important;
    }
    html body .clf-member-dashboard .clf-profile-item,
    html body .clf-member-dashboard .clf-profile-item:nth-last-child(-n+2),
    html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
        min-height: 90px !important;
        height: auto !important;
        padding: 16px !important;
    }
}

/* v1.9.32 — make [clf_edit_profile] section cards and headings mirror [clf_member_profile].
   Presentation-only: keep all form names, values, validation and submission behaviour unchanged. */
html body .clf-profile-form {
    gap: 22px !important;
}
html body .clf-profile-form .clf-edit-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e2e8ee !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(22,43,61,.045) !important;
}
html body .clf-profile-form .clf-edit-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 20px 25px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8ee !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%) !important;
    text-align: center !important;
}
html body .clf-profile-form .clf-edit-section-title > div {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
}
html body .clf-profile-form .clf-edit-section-title h3 {
    margin: 0 0 5px !important;
    color: #172b3d !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}
html body .clf-profile-form .clf-edit-section-title p {
    margin: 0 !important;
    color: #697887 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}
html body .clf-profile-form .clf-edit-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px 22px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px 25px 25px !important;
    background: #fff !important;
}
html body .clf-profile-form .clf-edit-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 17px 18px 18px !important;
    border: 1px solid #e5d7b5 !important;
    border-bottom: 2px solid #c5a45b !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, #fffdf8 0%, #fbf5e7 100%) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-field label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    color: #765b25 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
    letter-spacing: .35px !important;
    text-align: left !important;
}
html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
html body .clf-profile-form .clf-edit-field select,
html body .clf-profile-form .clf-edit-field textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 45px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #d7dce1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #203447 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
html body .clf-profile-form .clf-edit-field textarea {
    min-height: 145px !important;
    resize: vertical !important;
}
html body .clf-profile-form .clf-edit-field.clf-edit-full {
    grid-column: 1 / -1 !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus,
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #c5a45b !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(197,164,91,.18) !important;
}
html body .clf-profile-form .clf-edit-field input[readonly],
html body .clf-profile-form .clf-edit-field input:disabled {
    background: #f6f3eb !important;
    color: #425466 !important;
}
html body .clf-profile-form .clf-profile-form-actions {
    padding: 0 2px 2px !important;
}
@media (max-width: 720px) {
    html body .clf-profile-form { gap: 16px !important; }
    html body .clf-profile-form .clf-edit-section-title { padding: 18px 16px !important; }
    html body .clf-profile-form .clf-edit-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 13px !important;
        padding: 15px !important;
    }
    html body .clf-profile-form .clf-edit-field,
    html body .clf-profile-form .clf-edit-field.clf-edit-full {
        grid-column: 1 / -1 !important;
        padding: 15px !important;
    }
    html body .clf-profile-form .clf-edit-field textarea { min-height: 150px !important; }
    html body .clf-profile-form #clf_professional_bio { min-height: 210px !important; }
}



/* v1.9.33 — full-width edit profile layout, mobile overflow correction, and restrained textarea accents. */
html body:has(.clf-profile-form) {
    overflow-x: clip;
}
/* Expand only content wrappers containing the edit form; leave the site header/footer alone. */
body:has(.clf-profile-form) .site-content:has(.clf-profile-form),
body:has(.clf-profile-form) #content:has(.clf-profile-form),
body:has(.clf-profile-form) .content-area:has(.clf-profile-form),
body:has(.clf-profile-form) .site-main:has(.clf-profile-form),
body:has(.clf-profile-form) .entry-content:has(.clf-profile-form),
body:has(.clf-profile-form) .wpb_wrapper:has(.clf-profile-form),
body:has(.clf-profile-form) .container:has(.clf-profile-form),
body:has(.clf-profile-form) .vc_row:has(.clf-profile-form) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
body:has(.clf-profile-form) .vc_row:has(.clf-profile-form) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html body .clf-edit-profile-header,
html body .clf-profile-form,
html body .clf-profile-notice {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html body .clf-edit-profile-header {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}
html body .clf-profile-form {
    margin-top: 0 !important;
    margin-bottom: 36px !important;
}
/* Keep the paired fields genuinely wide and aligned. */
html body .clf-profile-form .clf-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}
html body .clf-profile-form .clf-edit-field {
    border: 1px solid #e7e8e9 !important;
    border-bottom: 1px solid #e7e8e9 !important;
    border-radius: 9px !important;
    background: #fcfbf8 !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-field textarea {
    border: 1px solid #d7dce1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #b8a16a !important;
    box-shadow: 0 0 0 2px rgba(197,164,91,.10) !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus {
    border-color: #b8a16a !important;
    box-shadow: 0 0 0 2px rgba(197,164,91,.10) !important;
}
html body .clf-profile-form .clf-edit-field label {
    color: #34495a !important;
}
@media (max-width: 720px) {
    body:has(.clf-profile-form) .site-content:has(.clf-profile-form),
    body:has(.clf-profile-form) #content:has(.clf-profile-form),
    body:has(.clf-profile-form) .content-area:has(.clf-profile-form),
    body:has(.clf-profile-form) .site-main:has(.clf-profile-form),
    body:has(.clf-profile-form) .entry-content:has(.clf-profile-form),
    body:has(.clf-profile-form) .wpb_wrapper:has(.clf-profile-form),
    body:has(.clf-profile-form) .container:has(.clf-profile-form),
    body:has(.clf-profile-form) .vc_row:has(.clf-profile-form) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: clip !important;
    }
    html body .clf-edit-profile-header,
    html body .clf-profile-form,
    html body .clf-profile-notice {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html body .clf-profile-form .clf-edit-section {
        border-radius: 10px !important;
    }
    html body .clf-profile-form .clf-edit-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 14px !important;
        gap: 12px !important;
    }
    html body .clf-profile-form .clf-edit-field,
    html body .clf-profile-form .clf-edit-field.clf-edit-full {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 13px !important;
    }
    html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
    html body .clf-profile-form .clf-edit-field select,
    html body .clf-profile-form .clf-edit-field textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    html body .clf-profile-form .clf-profile-form-actions {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* v1.9.34 — balanced wide layout with clean, non-gold textarea borders. */
html body .clf-edit-profile-header,
html body .clf-profile-form,
html body .clf-profile-notice {
    width: calc(100% - 40px) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
/* Keep the form broad without stretching edge-to-edge on large displays. */
html body .clf-profile-form .clf-edit-field textarea,
html body .clf-profile-form .clf-edit-field textarea:focus,
html body .clf-profile-form .clf-edit-field textarea:active {
    border: 1px solid #d7dce1 !important;
    outline: none !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #aeb9c4 !important;
    box-shadow: 0 0 0 2px rgba(55, 75, 95, .07) !important;
}
@media (max-width: 720px) {
    html body .clf-edit-profile-header,
    html body .clf-profile-form,
    html body .clf-profile-notice {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* v1.9.35 — neutralise the individual edit-profile information fields.
   Keep the established section cards and headers, but remove tinted/gold field boxes
   around Email, Country, City and other profile values. */
html body .clf-profile-form .clf-edit-field {
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 8px 12px !important;
}
html body .clf-profile-form .clf-edit-field input:not([type=checkbox]):not([type=radio]),
html body .clf-profile-form .clf-edit-field select,
html body .clf-profile-form .clf-edit-field textarea {
    background-color: #fff !important;
    color: #203447 !important;
    border: 1px solid #d7dce1 !important;
    box-shadow: none !important;
}
html body .clf-profile-form .clf-edit-field input[readonly],
html body .clf-profile-form .clf-edit-field input:disabled,
html body .clf-profile-form .clf-edit-field select:disabled,
html body .clf-profile-form .clf-edit-field textarea:disabled {
    background-color: #fff !important;
    color: #425466 !important;
}
html body .clf-profile-form .clf-edit-field input:focus,
html body .clf-profile-form .clf-edit-field select:focus,
html body .clf-profile-form .clf-edit-field textarea:focus {
    border-color: #aeb9c4 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(55, 75, 95, .07) !important;
}


/* v1.9.36 — apply a consistent CLF ivory-and-gold header treatment to member profile information sections. */
html body .clf-member-dashboard .clf-profile-section-heading {
    background: linear-gradient(135deg, #fbf6e9 0%, #f5ebd3 100%) !important;
    border-bottom: 1px solid #e6d5ad !important;
    padding: 20px 25px 18px !important;
}
html body .clf-member-dashboard .clf-profile-section-heading::before,
html body .clf-member-dashboard .clf-profile-section-heading:before {
    background: linear-gradient(180deg, #d2b56e 0%, #a98535 100%) !important;
    width: 5px !important;
    min-width: 5px !important;
    border-radius: 5px !important;
}
html body .clf-member-dashboard .clf-profile-section-heading h3 {
    color: #172b3d !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
}
html body .clf-member-dashboard .clf-profile-section-heading p {
    color: #5c6872 !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-section-heading {
        padding: 17px 18px 15px !important;
    }
}


/* v1.9.37 — reliable CLF ivory/gold section headers with a circular marker, not a vertical rule.
   High-specificity overrides ensure this presentation wins over earlier legacy rules. */
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 21px 25px !important;
    background: linear-gradient(135deg, #fffaf0 0%, #f3e6c6 100%) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading::before,
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading:before {
    content: "" !important;
    display: block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    align-self: center !important;
    border: 3px solid #fffaf0 !important;
    border-radius: 50% !important;
    background: #b58a32 !important;
    box-shadow: 0 0 0 2px #d8bd79 !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading > div {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading h3 {
    margin: 0 0 4px !important;
    color: #172b3d !important;
    font-size: clamp(17px, 1.8vw, 20px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .1px !important;
    text-align: left !important;
}
html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading p {
    margin: 0 !important;
    color: #5c5140 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: left !important;
}
@media (max-width: 720px) {
    html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading {
        gap: 11px !important;
        padding: 17px 18px !important;
    }
    html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading::before,
    html body .clf-member-dashboard .clf-profile-section .clf-profile-section-heading:before {
        flex-basis: 11px !important;
        width: 11px !important;
        min-width: 11px !important;
        height: 11px !important;
        min-height: 11px !important;
    }
}


/* v1.9.42 — remove the gold tint from profile-information panels.
   Keep the approved ivory/gold section headers; information cards themselves are white. */
html body .clf-member-dashboard .clf-profile-section,
html body .clf-member-dashboard .clf-profile-grid {
    background: #ffffff !important;
}
html body .clf-member-dashboard .clf-profile-item,
html body .clf-member-dashboard .clf-profile-item:nth-last-child(-n+2),
html body .clf-member-dashboard .clf-profile-item.clf-profile-full {
    background: #ffffff !important;
    border: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
    box-shadow: 0 2px 8px rgba(23, 43, 61, .035) !important;
}
html body .clf-member-dashboard .clf-profile-item span {
    color: #687582 !important;
}
html body .clf-member-dashboard .clf-profile-item strong {
    color: #203447 !important;
}
html body .clf-member-dashboard .clf-profile-bio {
    background: #ffffff !important;
    border-top: 1px solid #e3e7eb !important;
    color: #203447 !important;
}
html body .clf-member-dashboard .clf-profile-bio p {
    color: #203447 !important;
}