/* MyProIdentity 5.9.1 — explicit surface and foreground pairs. Author: Otaru.
   Accent settings continue to decorate borders/art; readable UI colors are fixed. */
:root{--mpi-light-bg:#ffffff;--mpi-light-ink:#10243a;--mpi-light-copy:#40556b;--mpi-light-muted:#52657a;--mpi-light-link:#086775;--mpi-dark-bg:#071426;--mpi-dark-panel:#10243a;--mpi-dark-ink:#f5f8fc;--mpi-dark-copy:#c5d3e3;--mpi-dark-muted:#afc1d6;--mpi-dark-link:#78e4f2;--mpi-control-border:#71869d}
body{color:var(--mpi-light-ink);background:#fff}
/* Plain content pages always have a defined surface, regardless of body styles. */
main.section,.wp-entry{background:#fff;color:var(--mpi-light-ink)}
.wp-entry :is(h1,h2,h3,h4,h5,h6){color:#10243a}
.wp-entry :is(p,li,small,label){color:#40556b}
.wp-entry a:not([class]){color:#086775;text-decoration:underline;text-underline-offset:.2em}
/* Profile reading sections use paired colors, so a dark parent cannot leak through. */
body .mpi-profile-custom #work,body .mpi-profile-custom .profile-about{
 --section-bg:#071426;--section-ink:#f5f8fc;--section-copy:#c5d3e3;--section-muted:#afc1d6;--section-link:#78e4f2;
 background:var(--section-bg);color:var(--section-ink);color-scheme:dark
}
body.mpi-profile-theme-clean .mpi-profile-custom #work,body.mpi-profile-theme-clean .mpi-profile-custom .profile-about{
 --section-bg:#f3f7fa;--section-ink:#10243a;--section-copy:#40556b;--section-muted:#52657a;--section-link:#086775;color-scheme:light
}
body .mpi-profile-custom :is(#work,.profile-about) :is(h2,h3,h4){color:var(--section-ink)}
body .mpi-profile-custom :is(#work,.profile-about) :is(.section-heading p,.project-body>p,.additional-work-head>p,.about-copy p){color:var(--section-copy)}
body .mpi-profile-custom :is(#work,.profile-about) :is(.eyebrow,.project-type,.project-private-label){color:var(--section-muted)}
body .mpi-profile-custom #work .project{border-color:#71869d}
body .mpi-profile-custom #work .project-links a{color:var(--section-link);border-color:currentColor}
body .mpi-profile-custom :is(.additional-work-card,.about-points>div){background:#10243a;border:1px solid #71869d;color:#f5f8fc}
body .mpi-profile-custom :is(.additional-work-card,.about-points>div) :is(h3,strong){color:#f5f8fc}
body .mpi-profile-custom :is(.additional-work-card,.about-points>div) :is(p,small,span){color:#c5d3e3}
body .mpi-profile-custom #work .additional-work-card .project-links a{color:#78e4f2}
body .mpi-profile-custom :is(.tag-row span,.project-number,.additional-work-top>span){background:#dff5f5;color:#064f5c;border:1px solid #6c959c}
body .mpi-profile-custom .portfolio-case{background:#10243a;color:#c5d3e3;border-color:#71869d}
body .mpi-profile-custom .portfolio-case summary{color:#f5f8fc}
body .mpi-profile-custom .portfolio-case dt{color:#78e4f2}
body .mpi-profile-custom .portfolio-case dd{color:#c5d3e3}
/* Light islands: links, resume choices, contact/identity cards and printed resumes. */
body .mpi-profile-custom :is(.profile-links-section,.profile-resumes){background:#f3f7fa;color:#10243a;color-scheme:light}
body .mpi-profile-custom :is(.profile-links-section,.profile-resumes) .section-heading h2{color:#10243a}
body .mpi-profile-custom :is(.profile-links-section,.profile-resumes) .section-heading p{color:#40556b}
body :is(.profile-link-card,.public-resume-tile,.identity-card,.public-resume-card){background:#fff;color:#10243a}
body :is(.profile-link-card,.public-resume-tile,.identity-card,.public-resume-card) :is(h1,h2,h3,h4,strong,b){color:#10243a}
body :is(.profile-link-card,.public-resume-tile,.identity-card,.public-resume-card) :is(p,small,em,li,.route){color:#40556b}
body :is(.public-resume-tile,.identity-card,.public-resume-card) a{color:#086775}
body .profile-link-copy :is(em,small){color:#40556b}
body .profile-link-icon{background:#e5f3f5;color:#086775}
body .public-resume-tile>span{color:#52657a}
body .public-resume-page{color:#10243a;background:#edf2f7;color-scheme:light}
body .public-resume-card :is(.eyebrow,.resume-section-title){color:#086775}
/* Dark profile areas, navigation and footer. */
body :is(.site-header,.site-footer,.profile-hero,.section-dark,.profile-engage,.proof-strip){color:#f5f8fc;color-scheme:dark}
body :is(.site-header,.site-footer) :is(p,small,.profile-context,.footer-links a){color:#c5d3e3}
body :is(.site-header,.site-footer) :is(a,strong,b){color:#f5f8fc}
body .mpi-profile-custom :is(.profile-lead,.availability,.panel-label,.metric-grid span,.profile-member-summary,.proof-inner span,.cap-card p,.engage-copy>p){color:#c5d3e3}
body .mpi-profile-custom :is(.profile-hero h1,.metric-grid strong,.cap-card h3,.engage-copy h2){color:#f5f8fc}
body .mpi-profile-custom .profile-hero h1 span{color:#78e4f2;background:none;-webkit-text-fill-color:currentColor}
body .mpi-profile-custom :is(.section-dark,.profile-engage) .section-heading :is(h2,h3){color:#f5f8fc}
body .mpi-profile-custom :is(.section-dark,.profile-engage) .eyebrow{color:#78e4f2}
body .mpi-profile-custom .profile-panel{background:#10243a;color:#f5f8fc;border-color:#71869d}
body .mpi-profile-custom .metric-grid div{background:#071426;color:#f5f8fc}
body .mpi-profile-custom .profile-member-band{background:#10243a;color:#f5f8fc}
body .mpi-profile-custom .profile-visual-copy :is(strong,span){color:#f5f8fc;text-shadow:none}
body .mpi-profile-custom .profile-visual-copy small{color:#c5d3e3}
body.mpi-profile-theme-clean .mpi-profile-custom .profile-hero{background:#f3f7fa;color:#10243a}
body.mpi-profile-theme-clean .mpi-profile-custom .profile-hero :is(h1,.profile-lead,.availability){color:#10243a}
body.mpi-profile-theme-clean .mpi-profile-custom .profile-hero :is(.eyebrow,h1 span){color:#086775}
body .mpi-profile-custom.mpi-surface-clean .profile-panel{background:#fff;color:#10243a}
body .mpi-profile-custom.mpi-surface-clean .profile-panel :is(.panel-label,.metric-grid span){color:#40556b}
body .mpi-profile-custom.mpi-surface-clean .profile-panel .metric-grid div{background:#edf2f7;color:#10243a}
body .mpi-profile-custom.mpi-surface-clean .profile-panel .metric-grid strong{color:#10243a}
/* Homepage: all text-bearing dark panels get bright foregrounds. */
body .mpi-platform-home{background:#050a16;color:#f5f8fc;--mpi-copy:#c5d3e3}
body .mpi-platform-home :is(.section-heading h2,.section-heading h3,.section-head h2,.home-capability-grid h3,.v4-bento h3,.how-v4-grid h3,.home-final-cta h2){color:#f5f8fc}
body .mpi-platform-home :is(.section-heading p,.section-head p,.home-hero-copy>p,.home-hero-copy-v8>p,.home-capability-grid p,.home-confidence-bar p,.home-confidence-bar span,.v4-bento p,.how-v4-grid p,.home-final-cta p,.style-gallery p,.style-gallery small){color:#c5d3e3}
body .mpi-platform-home :is(.eyebrow,.section-kicker,.hero-kicker){color:#78e4f2}
body .mpi-platform-home :is(.home-hero h1 span,.home-final-cta h2 span){background:none;color:#78e4f2;-webkit-text-fill-color:currentColor}
/* The light demonstration/document cards retain dark copy. */
body .mpi-platform-home :is(.demo-card,.how-step,.role-card:not(.featured),.bento-card:not(:nth-child(2))){background:#fff;color:#10243a}
body .mpi-platform-home :is(.demo-card,.how-step,.role-card:not(.featured),.bento-card:not(:nth-child(2))) :is(h2,h3,strong){color:#10243a}
body .mpi-platform-home :is(.demo-card,.how-step,.role-card:not(.featured),.bento-card:not(:nth-child(2))) :is(p,small){color:#40556b}
/* Link Hub cards and the older Link Hub layout. */
body :is(.linkhub-page,.linkhub-v2,.linkhub-card-v2){background:#071426;color:#f5f8fc;color-scheme:dark}
body :is(.linkhub-page,.linkhub-v2) :is(h1,h2,strong){color:#f5f8fc}
body :is(.linkhub-profile p,.linkhub-profile-v2 p,.link-copy-v2 span,.linkhub-meta-row span,.linkhub-meta-row a,.linkhub-footer,.linkhub-handle){color:#c5d3e3}
body .linkhub-v2 :is(.link-button-v2,.linkhub-actions-v2 a,.linkhub-actions-v2 button){background:#10243a;color:#f5f8fc;border-color:#71869d}
body .linkhub-v2 :is(.link-icon-v2,.link-arrow-v2){color:#78e4f2}
body .linkhub-page .link-button{background:#fff;color:#10243a}
body .linkhub-page .link-button strong{color:#10243a}
body .linkhub-page .link-button span{color:#40556b}
/* Buttons use solid paired colors; variable gradients cannot wash out labels. */
body :is(.button-primary,.button-glow,.button-style-preview){background:#075e75;color:#fff;border:1px solid #075e75}
body .mpi-profile-custom .button-primary{background:#78e4f2;color:#071426;border-color:#78e4f2}
body :is(.button-primary,.button-glow,.button-style-preview):hover{background:#06495c;color:#fff}
body .mpi-profile-custom .button-primary:hover{background:#b1f1f8;color:#071426}
body .mpi-profile-custom .button-secondary{background:#10243a;color:#f5f8fc;border:1px solid #91a8bf}
body :is(.button-dark,.button-outline){background:#10243a;color:#fff;border-color:#10243a}
body .button-ghost{background:#10243a;color:#f5f8fc;border:1px solid #91a8bf}
/* Auth and public forms. Input boundaries and placeholder text remain visible. */
body :is(.mpi-core-form,.mpi-public-contact){color:#10243a}
body .mpi-core-form{background:#fff}
body .mpi-core-form :is(h1,h2,h3,label,label>span,p,small){color:#40556b}
body :is(.mpi-core-form,.mpi-public-contact) :is(input,textarea,select){background:#fff;color:#10243a;border:1px solid #71869d;color-scheme:light}
body :is(.mpi-core-form,.mpi-public-contact) :is(input,textarea)::placeholder{color:#52657a;opacity:1}
body .profile-engage .mpi-public-contact label,body .profile-engage .mpi-public-contact label>span{color:#f5f8fc}
body .profile-engage .mpi-public-contact :is(p,small){color:#c5d3e3}
body :is(.mpi-core-form,.mpi-public-contact) :is(button,.mpi-core-btn){background:#075e75;color:#fff;border:1px solid #075e75}
/* Dashboard chrome only: never recolor the user's design canvas. */
body .mpi-dashboard-app{--dash-muted:#c5d3e3;--d-muted:#c5d3e3;color:#f5f8fc}
body .mpi-dashboard-app.mpi-dashboard-v3{--d-line:#71869d}
body .mpi-dashboard-app :is(.mpi-dash-greeting p,.mpi-nav-group-label,.mpi-dash-member-copy small,.mpi-dash-sidebar-bottom a,.mpi-overview-metrics-v3 small,.mpi-overview-metrics-v3 p,.mpi-command-card>p,.mpi-quick-grid-v3 small,.mpi-overview-resume-item small,.mpi-overview-lead-list small,.mpi-mini-empty p,.mpi-route-grid small,.mpi-dash-section-head p,.mpi-list-title span,.mpi-project-list p,.mpi-resume-card-main p,.mpi-analytics-grid span,.mpi-link-create-help,.mpi-link-card-copy>span,.mpi-link-card-copy p,.mpi-link-card-copy code,.mpi-link-card-stats span,.mpi-template-tile small,.mpi-studio-toolbar span,.mpi-studio-help p,.mpi-design-library-head p,.mpi-design-library-head>b,.mpi-saved-meta small,.mpi-lab-card-head p,.mpi-file-drop small,.mpi-sticker-preview-row span,.mpi-css-lab textarea+small,.mpi-css-lab aside p){color:#c5d3e3!important}
body .mpi-dashboard-app :is(.mpi-dash-nav button,.mpi-strength-checks button,.mpi-template-filters button,.mpi-studio-side-toggle button,.mpi-link-editor-details>summary){color:#c5d3e3}
body .mpi-dashboard-app :is(.mpi-profile-form,.mpi-project-create,.mpi-inline-edit,.mpi-link-edit-form,.mpi-studio-inspector,.mpi-lab-fields,.mpi-sticker-slot) label>span{color:#c5d3e3!important}
body .mpi-dashboard-app :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),textarea,select){background:#071426!important;color:#f5f8fc!important;border:1px solid #71869d!important;color-scheme:dark}
body .mpi-dashboard-app :is(input,textarea)::placeholder{color:#afc1d6!important;opacity:1}
body .mpi-dashboard-app :is(.mpi-core-btn,.mpi-dash-primary-action,.mpi-link-edit-actions button){background:#78e4f2!important;color:#071426!important;border:1px solid #78e4f2!important}
body .mpi-dashboard-app .mpi-link-delete-form button{background:#431626;color:#ffd8e0;border-color:#d58b9c}
/***** Keyboard, selection, controls and status *****/
body :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #075e75}
body input:is([type=checkbox],[type=radio]){accent-color:#075e75}
body ::selection{background:#075e75;color:#fff}
body :is(button,input,select,textarea):disabled{opacity:1;color:#52657a;background:#edf2f7;border-color:#71869d;cursor:not-allowed}
body .mpi-dashboard-app :is(button,input,select,textarea):disabled{color:#afc1d6!important;background:#263b53!important}
body .profile-contact-notice.success{background:#e4f5e9;color:#174e2b;border:1px solid #3b8051}
body .profile-contact-notice:not(.success){background:#fff0df;color:#703408;border:1px solid #a75d26}
@media print{
 body .mpi-profile-custom :is(.profile-hero,#work,.profile-about,.section-dark,.profile-engage,.profile-links-section,.profile-resumes){background:#fff!important;color:#10243a!important;--section-ink:#10243a;--section-copy:#40556b;--section-muted:#52657a;--section-link:#086775}
 body .mpi-profile-custom :is(.project-body,.about-copy,.section-heading,.cap-card,.engage-copy) :is(h1,h2,h3,p,span){color:#10243a!important}
 body .mpi-profile-custom :is(.additional-work-card,.about-points>div,.portfolio-case,.cap-card,.profile-panel,.metric-grid div){background:#fff!important;color:#10243a!important;border-color:#71869d}
 body .mpi-profile-custom :is(.additional-work-card,.about-points>div,.portfolio-case,.cap-card,.profile-panel,.metric-grid div) :is(h3,p,span,strong,small,summary,dt,dd){color:#10243a!important}
}
/* Homepage light sections are intentional; keep their hierarchy independent. */
body .mpi-platform-home :is(.profile-product-showcase,.style-gallery-section,.how-v4-section,.roles-v4-section){background:#f3f7fa;color:#10243a;color-scheme:light}
body .mpi-platform-home :is(.profile-product-showcase,.style-gallery-section,.how-v4-section,.roles-v4-section) .platform-heading h2{color:#10243a!important}
body .mpi-platform-home :is(.profile-product-showcase,.style-gallery-section,.how-v4-section,.roles-v4-section) .platform-heading p{color:#40556b!important}
body .mpi-platform-home :is(.profile-product-showcase,.style-gallery-section,.how-v4-section,.roles-v4-section) .section-kicker{color:#086775!important}
body .mpi-platform-home :is(.how-v4-grid article,.roles-grid-v4 article:not(.featured),.style-card){background:#fff;color:#10243a}
body .mpi-platform-home :is(.how-v4-grid article,.roles-grid-v4 article:not(.featured),.style-card) :is(h3,b){color:#10243a!important}
body .mpi-platform-home :is(.how-v4-grid article,.roles-grid-v4 article:not(.featured),.style-card) :is(p,small,span){color:#40556b!important}
body .mpi-platform-home .platform-feature-section .platform-heading :is(h2,h3){color:#f5f8fc}
body .mpi-platform-home .platform-feature-section .platform-heading p{color:#c5d3e3}
body .mpi-platform-home :is(.hero-trust,.float-card span,.tool-card p,.sample-profile-head p,.sample-profile-tabs span,.sample-work-cards span,.style-card-copy-v5 .style-subtitle,.style-card-copy-v5>p:not(.style-subtitle),.linkhub-showcase .showcase-copy>p,.roles-grid-v4 .featured p,.home-confidence-grid span){color:#c5d3e3}
body .mpi-platform-home .micro-note{color:#afc1d6!important}
body .mpi-platform-home :is(.profile-product-showcase,.style-gallery-section,.how-v4-section,.roles-v4-section) .micro-note{color:#52657a!important}
body .mpi-platform-home .check-list li{color:#40556b}
body .mpi-platform-home .linkhub-showcase .check-list li{color:#c5d3e3}
body .profile-engage .profile-contact-wrap{background:#fff;color:#10243a;color-scheme:light}
body .profile-engage .profile-contact-wrap .mpi-public-contact :is(label,label>span,p,small){color:#40556b}
body .public-resume-card :is(.resume-contact-line,.public-resume-header p){color:#40556b}
/* Do not apply the older white-card text override to the current dark Link Hub. */
body .linkhub-page.linkhub-v2 .link-button-v2{background:#10243a;color:#f5f8fc}
body .linkhub-page.linkhub-v2 .link-button-v2 strong{color:#f5f8fc}
body .linkhub-page.linkhub-v2 .link-button-v2 span{color:#c5d3e3}
/* Dark project cards keep their own foreground even inside a clean profile. */
body .mpi-profile-custom #work .additional-work-card :is(h3,strong){color:#f5f8fc}
body .mpi-profile-custom .identity-card :is(h2,h3,h4,strong,b){color:#10243a}
body .mpi-profile-custom .identity-card :is(p,small,em,.route){color:#40556b}
body .mpi-profile-custom .identity-card a{color:#086775}
/* Every project uses the Selected Work presentation, including items without images. */
body .mpi-profile-custom #work .project-showcase{min-width:0;border-color:#30465e}
body .mpi-profile-custom #work .project-overview{min-width:0;min-height:330px;overflow:hidden;border:1px solid #53738c;border-radius:20px;background:linear-gradient(135deg,#123651,#10243a);box-shadow:0 20px 50px rgba(0,0,0,.2)}
body .mpi-profile-custom #work .project-overview-bar{display:flex;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid #53738c;color:#bcefff;font-size:11px;font-weight:800;letter-spacing:.12em}
body .mpi-profile-custom #work .project-overview-content{padding:34px 30px;overflow-wrap:anywhere}
body .mpi-profile-custom #work .project-overview-category{display:block;margin-bottom:18px;color:#8de9ee;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .mpi-profile-custom #work .project-overview-content>strong{display:block;color:#f5f8fc;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.025em}
body .mpi-profile-custom #work .project-overview-content>p{color:#d6e4ef;font-size:15px;line-height:1.65}
body .mpi-profile-custom #work .project-overview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
body .mpi-profile-custom #work .project-overview-tags>span{background:#071426;color:#bcefff;border:1px solid #53738c;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}
@media(max-width:980px){body .mpi-profile-custom #work .project-showcase{grid-template-columns:minmax(0,1fr);gap:28px}body .mpi-profile-custom #work .project-showcase>.project-media{order:0}body .mpi-profile-custom #work .project-showcase>.project-body{order:1}}
@media(max-width:480px){body .mpi-profile-custom #work .project-overview{min-height:280px}body .mpi-profile-custom #work .project-overview-content{padding:26px 22px}body .mpi-profile-custom #work .project-showcase h3{font-size:30px}}