@charset "UTF-8";
.mpi-section{position:relative;padding:56px 0;background:linear-gradient(180deg,#f7fbff 0%,#f2f8fc 100%);overflow:hidden}.mpi-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 16%,rgba(15,91,216,.07),transparent 26%),radial-gradient(circle at 84% 78%,rgba(215,38,75,.06),transparent 24%)}.mpi-shell{position:relative;z-index:1;width:min(1480px,calc(100% - 48px));margin:0 auto}.mpi-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.mpi-head>div{display:flex;align-items:flex-start;gap:14px}.mpi-head-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#0f5bd8,#0f96b8);color:#fff;font-size:19px;box-shadow:0 12px 28px rgba(15,91,216,.18)}.mpi-head-kicker{display:block;margin-bottom:6px;color:#0f7fa6;font-size:14px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.mpi-head h2{margin:0;color:#14263f;font-size:clamp(28px,2.2vw,38px);font-weight:800;line-height:1.12;letter-spacing:-.028em}.mpi-refresh,.mpi-card-top button{border:1px solid #d6e3ee;background:rgba(255,255,255,.88);color:#2b6388;font:inherit;font-size:14px;font-weight:760;cursor:pointer;box-shadow:0 8px 20px rgba(31,68,106,.06)}.mpi-refresh{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px}.mpi-refresh span{font-size:18px}.mpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mpi-card{position:relative;min-width:0;padding:24px;border:1px solid #dbe7f0;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(34,70,108,.09);overflow:hidden}.mpi-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-92px;top:-94px;pointer-events:none}.mpi-card.slot-fact:after{background:rgba(15,150,184,.08)}.mpi-card.slot-person:after{background:rgba(215,38,75,.07)}.mpi-card.slot-quote:after{background:rgba(255,179,0,.08)}.mpi-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mpi-topline{display:flex;flex-wrap:wrap;gap:8px 10px}.mpi-label{color:#0b7e9f;font-size:14px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.mpi-type-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#edf4fb;color:#466885;font-size:14px;font-weight:740}.mpi-card-top button{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:13px;font-size:19px;flex:0 0 auto}.mpi-card-body.has-media{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}.mpi-media{overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#f5fbff,#eef3fb);border:1px solid #e4edf5;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.mpi-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.mpi-theme{margin-bottom:8px;color:#1881b1;font-size:14px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.mpi-card h3{margin:0 0 12px;color:#152a45;font-size:clamp(22px,1.6vw,27px);font-weight:790;line-height:1.24;letter-spacing:-.02em}.mpi-vi,.mpi-en{color:#465e78;font-size:14px;line-height:1.75}.mpi-vi.is-quote-text{color:#1d344f;font-size:clamp(20px,1.55vw,25px);font-weight:690;line-height:1.5;letter-spacing:-.012em}.mpi-en{margin-top:0;font-style:italic}.mpi-en.is-quote-text{font-size:15px;font-style:italic;line-height:1.65}.mpi-author{margin:14px 0 0;color:#7b4a59;font-size:14px;font-weight:770}.mpi-bilingual-divider{display:flex;align-items:center;gap:10px;margin:12px 0 8px;color:#8ba0b3;font-size:14px;font-weight:790;letter-spacing:.08em}.mpi-bilingual-divider:before,.mpi-bilingual-divider:after{content:"";height:1px;background:#e0e8ef}.mpi-bilingual-divider:before{width:24px}.mpi-bilingual-divider:after{flex:1}.mpi-source{display:inline-flex;margin-top:14px;color:#216ba2!important;font-size:14px;font-weight:760;text-decoration:none!important}.mpi-source:hover{text-decoration:underline!important}.mpi-card.is-loading{opacity:.58;pointer-events:none}.mpi-card.is-loading:before{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.65) 50%,transparent 75%);background-size:220% 100%;animation:mpiShimmer 1.2s infinite}@keyframes mpiShimmer{to{background-position:-220% 0}}
html.nah-sdp-night-active .mpi-section,html.nah-sdp-dark-mode .mpi-section{background:linear-gradient(180deg,#0b1320,#0d1826)}html.nah-sdp-night-active .mpi-card,html.nah-sdp-dark-mode .mpi-card{border-color:#21374d;background:rgba(15,29,45,.94);box-shadow:none}html.nah-sdp-night-active .mpi-head h2,html.nah-sdp-dark-mode .mpi-head h2,html.nah-sdp-night-active .mpi-vi.is-quote-text,html.nah-sdp-dark-mode .mpi-vi.is-quote-text,html.nah-sdp-night-active .mpi-card h3,html.nah-sdp-dark-mode .mpi-card h3{color:#edf6ff}html.nah-sdp-night-active .mpi-vi,html.nah-sdp-night-active .mpi-en,html.nah-sdp-dark-mode .mpi-vi,html.nah-sdp-dark-mode .mpi-en{color:#b8c9da}html.nah-sdp-night-active .mpi-type-badge,html.nah-sdp-dark-mode .mpi-type-badge{background:#13304a;color:#b6d4ee}html.nah-sdp-night-active .mpi-refresh,html.nah-sdp-night-active .mpi-card-top button,html.nah-sdp-dark-mode .mpi-refresh,html.nah-sdp-dark-mode .mpi-card-top button{border-color:#2a4056;background:#112235;color:#a8d8f1}html.nah-sdp-night-active .mpi-media,html.nah-sdp-dark-mode .mpi-media{border-color:#21374d;background:#0f1e30}
@media(max-width:1100px){.mpi-shell{width:min(100% - 36px,1100px)}.mpi-grid{grid-template-columns:1fr 1fr}.mpi-grid .mpi-card:last-child{grid-column:1/-1}.mpi-head h2{font-size:31px}}
@media(max-width:760px){.mpi-section{padding:38px 0}.mpi-shell{width:calc(100% - 28px)}.mpi-head{align-items:flex-start;flex-direction:column}.mpi-head h2{font-size:26px}.mpi-head-icon{width:42px;height:42px;border-radius:14px}.mpi-refresh{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;font-size:0}.mpi-refresh span{font-size:20px}.mpi-grid{grid-template-columns:1fr;gap:14px}.mpi-card{padding:20px;border-radius:20px}.mpi-card-body.has-media{grid-template-columns:78px minmax(0,1fr);gap:14px}.mpi-card h3{font-size:22px}.mpi-vi,.mpi-en,.mpi-author,.mpi-label,.mpi-source,.mpi-bilingual-divider,.mpi-theme{font-size:14px}.mpi-vi.is-quote-text{font-size:20px;line-height:1.55}.mpi-en.is-quote-text{font-size:15px}}
@media(max-width:390px){.mpi-shell{width:calc(100% - 22px)}.mpi-section{padding:32px 0}.mpi-head h2{font-size:24px}.mpi-card{padding:18px}.mpi-card-body.has-media{grid-template-columns:1fr}.mpi-media{max-width:112px}.mpi-card h3{font-size:21px}}

/* v0.3 — Daily Medical Inspiration Engine */
.mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.mpi-card{height:100%}.mpi-quote-strip{margin-top:18px}.mpi-quote-strip .mpi-card{padding:22px 26px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,241,.96))}.mpi-quote-strip .mpi-card-body{display:block!important}.mpi-quote-strip .mpi-media{display:none}.mpi-quote-strip .mpi-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px 28px;align-items:start}.mpi-quote-strip .mpi-theme,.mpi-quote-strip .mpi-bilingual-divider,.mpi-quote-strip .mpi-source{display:none}.mpi-quote-strip .mpi-vi{grid-column:1;grid-row:1;color:#18314c;font-size:clamp(19px,1.35vw,23px);font-weight:680;line-height:1.5}.mpi-quote-strip .mpi-author{grid-column:1;grid-row:2;margin:2px 0 0}.mpi-quote-strip .mpi-en{grid-column:2;grid-row:1/3;align-self:center;color:#6d7785;font-style:italic;font-size:15px;line-height:1.65}.mpi-image-credit{display:block;padding:6px 8px;background:rgba(255,255,255,.92);color:#718297;font-size:14px;line-height:1.35}.mpi-image-credit a{color:inherit;text-decoration:none}.mpi-card.slot-person .mpi-media img{aspect-ratio:4/5;object-position:center 18%}.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:118px minmax(0,1fr)}.mpi-card.slot-onthisday .mpi-label{color:#7652b4}.mpi-card.slot-etymology .mpi-label{color:#9d6410}.mpi-card.slot-pearl .mpi-label{color:#0c8c73}.mpi-card.slot-quote .mpi-label{color:#b04e68}.mpi-card.slot-person .mpi-label{color:#c23f57}
html.nah-sdp-night-active .mpi-quote-strip .mpi-card,html.nah-sdp-dark-mode .mpi-quote-strip .mpi-card{background:linear-gradient(135deg,#112235,#171f2c)}html.nah-sdp-night-active .mpi-quote-strip .mpi-vi,html.nah-sdp-dark-mode .mpi-quote-strip .mpi-vi{color:#eef6ff}.mpi-section img{max-width:100%;height:auto}
@media(max-width:980px){.mpi-grid{grid-template-columns:1fr 1fr}.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:100px minmax(0,1fr)}.mpi-quote-strip .mpi-copy{grid-template-columns:1fr}.mpi-quote-strip .mpi-vi,.mpi-quote-strip .mpi-author,.mpi-quote-strip .mpi-en{grid-column:1;grid-row:auto}}
@media(max-width:720px){.mpi-grid{grid-template-columns:1fr}.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:88px minmax(0,1fr)}.mpi-quote-strip{margin-top:14px}.mpi-quote-strip .mpi-card{padding:20px}.mpi-image-credit{font-size:14px}}
@media(max-width:390px){.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:1fr}.mpi-card.slot-person .mpi-media{max-width:130px}.mpi-quote-strip .mpi-card{padding:18px}}

/* v0.4 — MEDIPHARM Daily Learning Feed + cross-site integration */
.mpi-section,.mpi-section *{box-sizing:border-box}.mpi-section{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif}.mpi-head-actions{display:flex;align-items:center;gap:10px}.mpi-saved-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #d6e3ee;border-radius:14px;background:rgba(255,255,255,.88);color:#2b6388;font:inherit;font-size:14px;font-weight:760;cursor:pointer;box-shadow:0 8px 20px rgba(31,68,106,.06)}.mpi-saved-open span{font-size:18px}.mpi-saved-open em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#e8f2ff;color:#1765b8;font-size:14px;font-style:normal;font-weight:800}.mpi-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5edf4}.mpi-action-icon{display:grid!important;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dce7f0;border-radius:12px;background:#f8fbfe;color:#49677f;font:inherit;font-size:14px;font-weight:720;cursor:pointer}.mpi-action-icon span{font-size:18px;line-height:1}.mpi-action-icon.active{border-color:#abd2f5;background:#eaf5ff;color:#0c6aa6}.mpi-card-actions [data-mpi-favorite].active{border-color:#f1cf93;background:#fff8e8;color:#9a6500}.mpi-related{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:14px;background:#f4f8fc}.mpi-related-item{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid #dce8f1;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.mpi-related-item span{color:#0d7ca0;font-size:14px;font-weight:760}.mpi-related-item strong{color:#21374f;font-size:14px;line-height:1.45}.mpi-related-loading,.mpi-related-empty{color:#6b7c8e;font-size:14px;line-height:1.55}.mpi-saved-panel[hidden]{display:none}.mpi-saved-panel{position:fixed;inset:0;z-index:100000}.mpi-saved-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,26,45,.48);backdrop-filter:blur(4px)}.mpi-saved-sheet{position:absolute;top:0;right:0;width:min(92vw,520px);height:100%;padding:24px;background:#fff;box-shadow:-24px 0 70px rgba(10,34,60,.22);overflow:auto}.mpi-saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.mpi-saved-head span{color:#0d7fa4;font-size:14px;font-weight:820;letter-spacing:.07em}.mpi-saved-head h3{margin:5px 0 0;color:#18304b;font-size:26px;line-height:1.2}.mpi-saved-head>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dae6ef;border-radius:13px;background:#f6f9fc;color:#294861;font-size:24px;cursor:pointer}.mpi-saved-tabs{display:flex;gap:8px;margin-bottom:16px;padding:5px;border-radius:14px;background:#edf3f8}.mpi-saved-tabs button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;color:#62768a;font:inherit;font-size:14px;font-weight:760;cursor:pointer}.mpi-saved-tabs button.active{background:#fff;color:#176aa3;box-shadow:0 5px 16px rgba(38,76,110,.09)}.mpi-saved-list{display:grid;gap:10px}.mpi-saved-item{display:grid;grid-template-columns:64px minmax(0,1fr) 36px;gap:12px;align-items:start;padding:12px;border:1px solid #e0e9f0;border-radius:16px;background:#fbfdff}.mpi-saved-item img,.mpi-saved-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:13px;object-fit:cover;background:#e8f4ff;color:#147baa;font-size:22px}.mpi-saved-item small{display:block;margin-bottom:4px;color:#1582a7;font-size:14px;font-weight:760}.mpi-saved-item strong{display:block;color:#21364e;font-size:15px;line-height:1.4}.mpi-saved-item p{margin:5px 0 0;color:#687b8d;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mpi-saved-item>button{width:34px;height:34px;border:0;border-radius:10px;background:#eef3f7;color:#64798d;font-size:20px;cursor:pointer}.mpi-saved-empty{padding:28px 18px;border:1px dashed #d5e2ec;border-radius:16px;color:#708396;font-size:14px;text-align:center}.mpi-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:100001;transform:translateX(-50%);max-width:min(90vw,480px);padding:11px 16px;border-radius:999px;background:#153755;color:#fff;font-size:14px;font-weight:720;box-shadow:0 12px 34px rgba(13,38,62,.22)}html.mpi-panel-open{overflow:hidden}
/* Exact compatibility profiles audited against YHLS Super App v0.73 and MEDIPHARM theme v1.37. */
.mpi-profile-yhoclamsang{--mpi-accent:#0e7ea4;--mpi-accent-2:#155f9e}.mpi-profile-yhoclamsang .mpi-head-icon{background:linear-gradient(135deg,#0e7ea4,#155f9e)}.mpi-profile-yhoclamsang .mpi-head-kicker,.mpi-profile-yhoclamsang .mpi-theme{color:#0d7698}.mpi-profile-sachyhoc{--mpi-accent:#0f5bd8;--mpi-accent-2:#0f96b8}.yhlsm-main>.mpi-section,.yhls-app main>.mpi-section{width:100%}.yhlsm-main .mpi-section a,.yhls-app .mpi-section a{text-decoration:none}.yhlsm-main .mpi-section button,.yhls-app .mpi-section button{font-family:inherit}.yhlsm-main .mpi-section h2,.yhlsm-main .mpi-section h3,.yhls-app .mpi-section h2,.yhls-app .mpi-section h3{font-family:inherit}
html.nah-sdp-night-active .mpi-saved-open,html.nah-sdp-dark-mode .mpi-saved-open{border-color:#2a4056;background:#112235;color:#a8d8f1}html.nah-sdp-night-active .mpi-saved-open em,html.nah-sdp-dark-mode .mpi-saved-open em{background:#173651;color:#d5ecff}html.nah-sdp-night-active .mpi-card-actions,html.nah-sdp-dark-mode .mpi-card-actions{border-color:#243b50}html.nah-sdp-night-active .mpi-card-actions button,html.nah-sdp-dark-mode .mpi-card-actions button{border-color:#29445c;background:#112235;color:#bad0e4}html.nah-sdp-night-active .mpi-related,html.nah-sdp-dark-mode .mpi-related{background:#0d1c2b}html.nah-sdp-night-active .mpi-related-item,html.nah-sdp-dark-mode .mpi-related-item{border-color:#29445c;background:#132438}html.nah-sdp-night-active .mpi-related-item strong,html.nah-sdp-dark-mode .mpi-related-item strong{color:#e9f3fb}html.nah-sdp-night-active .mpi-saved-sheet,html.nah-sdp-dark-mode .mpi-saved-sheet{background:#0d1927}html.nah-sdp-night-active .mpi-saved-head h3,html.nah-sdp-dark-mode .mpi-saved-head h3,html.nah-sdp-night-active .mpi-saved-item strong,html.nah-sdp-dark-mode .mpi-saved-item strong{color:#edf6ff}html.nah-sdp-night-active .mpi-saved-tabs,html.nah-sdp-dark-mode .mpi-saved-tabs{background:#14283b}html.nah-sdp-night-active .mpi-saved-tabs button.active,html.nah-sdp-dark-mode .mpi-saved-tabs button.active{background:#1d354b;color:#cfe9ff}html.nah-sdp-night-active .mpi-saved-item,html.nah-sdp-dark-mode .mpi-saved-item{border-color:#223b51;background:#112235}html.nah-sdp-night-active .mpi-saved-item p,html.nah-sdp-dark-mode .mpi-saved-item p{color:#aebfd0}
@media(max-width:760px){.mpi-head-actions{width:100%;justify-content:space-between}.mpi-saved-open{min-height:44px}.mpi-saved-open b{display:none}.mpi-card-actions{gap:8px}.mpi-action-icon{width:40px;height:40px}.mpi-saved-sheet{width:min(96vw,520px);padding:20px}.mpi-toast{bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-width:390px){.mpi-saved-sheet{width:100%;padding:18px}}

/* v0.6 — deeper person series, related medical terms and calendar coverage */
.mpi-aspect{display:inline-flex;align-items:center;min-height:30px;margin:0 0 12px;padding:0 10px;border-radius:999px;background:#eef5fb;color:#486b88;font-size:14px;font-weight:760}.mpi-related-terms{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px}.mpi-related-terms>span{margin-right:2px;color:#60768d;font-size:14px;font-weight:780}.mpi-related-terms em{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid #dce7f0;border-radius:999px;background:#f8fbfe;color:#315d7e;font-size:14px;font-style:normal;font-weight:690}.mpi-card.slot-person .mpi-aspect{background:#fff0f3;color:#a4455b}.mpi-card.slot-etymology .mpi-related-terms em{background:#fffaf0;border-color:#f0e0bd;color:#85631d}html.nah-sdp-night-active .mpi-aspect,html.nah-sdp-dark-mode .mpi-aspect{background:#17324a;color:#c5dff2}html.nah-sdp-night-active .mpi-related-terms>span,html.nah-sdp-dark-mode .mpi-related-terms>span{color:#aebfd0}html.nah-sdp-night-active .mpi-related-terms em,html.nah-sdp-dark-mode .mpi-related-terms em{border-color:#29445c;background:#112235;color:#c7dced}@media(max-width:760px){.mpi-related-terms{gap:6px}.mpi-related-terms em{min-height:32px}}


/* v0.7 — compact editorial cards: VI → EN + source → author, actions moved to top */
.mpi-section{padding:42px 0}
.mpi-head{margin-bottom:16px}
.mpi-grid{gap:14px}
.mpi-card{padding:18px 20px;border-radius:20px;height:auto;align-self:start}
.mpi-card-top{align-items:center;margin-bottom:12px;gap:10px}
.mpi-topline{min-width:0;flex:1}
.mpi-label{line-height:1.35}
.mpi-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}
.mpi-card-top .mpi-action-icon{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #dce7f0;border-radius:11px;background:#f8fbfe;color:#49677f;box-shadow:none;font:inherit;cursor:pointer}
.mpi-card-top .mpi-action-icon span{font-size:17px;line-height:1}
.mpi-card-top .mpi-action-icon.active{border-color:#abd2f5;background:#eaf5ff;color:#0c6aa6}
.mpi-card-top [data-mpi-favorite].active{border-color:#f1cf93;background:#fff8e8;color:#9a6500}
.mpi-card-refresh{color:#2b6388!important}
.mpi-card-body.has-media{grid-template-columns:78px minmax(0,1fr);gap:14px}
.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:92px minmax(0,1fr)}
.mpi-card h3{margin:0 0 8px;font-size:clamp(20px,1.35vw,24px);line-height:1.22}
.mpi-theme,.mpi-aspect,.mpi-bilingual-divider,.mpi-card-actions{display:none!important}
.mpi-vi{line-height:1.6}
.mpi-en-row{margin-top:7px;color:#65758a;font-size:14px;line-height:1.58;font-style:italic}
.mpi-en{display:inline;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}
.mpi-source{display:inline!important;margin:0 0 0 5px;color:#62758a!important;font-size:14px;font-weight:650;font-style:italic;text-decoration:none!important;white-space:normal}
.mpi-source:hover{text-decoration:underline!important}
.mpi-author{margin:8px 0 0;font-size:14px;line-height:1.45}
.mpi-related-terms{gap:5px;margin-top:9px}
.mpi-related-terms>span{font-size:14px}
.mpi-related-terms em{min-height:26px;padding:0 8px;font-size:14px}
.mpi-related{margin-top:9px}
.mpi-media{position:relative;border-radius:15px}
.mpi-image-credit{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:rgba(255,255,255,.88);font-size:14px;line-height:1.25;backdrop-filter:blur(4px)}
.mpi-quote-strip{margin-top:14px}
.mpi-quote-strip .mpi-card{padding:16px 20px}
.mpi-quote-strip .mpi-copy{display:block}
.mpi-quote-strip .mpi-vi{font-size:clamp(18px,1.2vw,21px);line-height:1.48}
.mpi-quote-strip .mpi-en-row{margin-top:6px}
.mpi-quote-strip .mpi-en{font-size:14px}
.mpi-quote-strip .mpi-author{margin-top:7px}
html.nah-sdp-night-active .mpi-card-top .mpi-action-icon,html.nah-sdp-dark-mode .mpi-card-top .mpi-action-icon{border-color:#29445c;background:#112235;color:#bad0e4}
html.nah-sdp-night-active .mpi-en-row,html.nah-sdp-dark-mode .mpi-en-row,html.nah-sdp-night-active .mpi-source,html.nah-sdp-dark-mode .mpi-source{color:#aebfd0!important}
@media(max-width:760px){.mpi-section{padding:32px 0}.mpi-card{padding:16px}.mpi-card-top{align-items:flex-start}.mpi-card-tools{gap:5px}.mpi-card-top .mpi-action-icon{width:40px;height:40px;min-width:40px}.mpi-card-body.has-media,.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:72px minmax(0,1fr);gap:12px}.mpi-card h3{font-size:21px}.mpi-image-credit{font-size:14px}.mpi-quote-strip .mpi-card{padding:16px}}
@media(max-width:430px){.mpi-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto}.mpi-card-tools{display:grid;grid-template-columns:repeat(5,38px);gap:4px}.mpi-card-top .mpi-action-icon{width:38px;height:38px;min-width:38px}.mpi-card-body.has-media,.mpi-card.slot-person .mpi-card-body.has-media{grid-template-columns:64px minmax(0,1fr)}.mpi-media{border-radius:13px}}


/* v0.8.1 responsive heading/body compaction */
.mpi-card-body{display:grid;gap:12px}
.mpi-heading-row{display:grid;gap:12px;align-items:start}
.mpi-heading-row.has-media{grid-template-columns:96px minmax(0,1fr)}
.mpi-heading-row h3{margin:0;align-self:center}
.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:118px minmax(0,1fr)}
.mpi-copy{display:grid;gap:12px}
.mpi-copy > *{margin-top:0!important;margin-bottom:0!important}
.mpi-en-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline}
.mpi-en-row .mpi-source{margin-top:0;display:inline}
@media(max-width:1024px){
  .mpi-head-actions{width:100%;justify-content:space-between}
  .mpi-refresh{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;font-size:0}
  .mpi-refresh span{font-size:20px}
  .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:84px minmax(0,1fr);gap:14px}
}
@media(max-width:820px){
  .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .mpi-copy{gap:10px}
}
@media(max-width:560px){
  .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:64px minmax(0,1fr);gap:12px}
}

/* v0.9 — single-heading module + inline daily quote */
.mpi-head{display:block;margin-bottom:14px}
.mpi-head>div,.mpi-head-icon,.mpi-head-kicker,.mpi-head-actions{display:none!important}
.mpi-head h2{margin:0;color:#0f789c;font-size:clamp(21px,1.65vw,27px);font-weight:820;line-height:1.2;letter-spacing:.055em;text-transform:uppercase}
.mpi-daily-quote{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin:0 0 20px;padding:0 2px;color:#243c57;font-size:15px;line-height:1.7}
.mpi-daily-quote-vi{font-weight:780}
.mpi-daily-quote-en{color:#607188;font-style:italic}
.mpi-daily-quote-author{color:#684753;font-weight:790;white-space:nowrap}
.mpi-daily-quote-source{color:#60768a!important;text-decoration:none!important;font-size:14px}
.mpi-daily-quote-source:hover{text-decoration:underline!important}
html.nah-sdp-night-active .mpi-head h2,html.nah-sdp-dark-mode .mpi-head h2{color:#73d5ef}
html.nah-sdp-night-active .mpi-daily-quote,html.nah-sdp-dark-mode .mpi-daily-quote{color:#eaf4fb}
html.nah-sdp-night-active .mpi-daily-quote-en,html.nah-sdp-dark-mode .mpi-daily-quote-en,html.nah-sdp-night-active .mpi-daily-quote-source,html.nah-sdp-dark-mode .mpi-daily-quote-source{color:#aebfd0!important}
html.nah-sdp-night-active .mpi-daily-quote-author,html.nah-sdp-dark-mode .mpi-daily-quote-author{color:#f0c6cf}
@media(max-width:760px){.mpi-head{margin-bottom:10px}.mpi-head h2{font-size:20px;letter-spacing:.045em}.mpi-daily-quote{margin-bottom:16px;font-size:14px;line-height:1.65}.mpi-daily-quote-source{font-size:14px}}


/* v0.10 Quote block separation + compact responsive polish */
.mpi-daily-quote{
 width:100%;
 margin:22px 0;
 padding:20px clamp(18px,3vw,42px);
 border-radius:20px;
 background:#f7fbff;
 color:#263b52;
 font-style:italic;
 line-height:1.7;
 text-align:center;
 position:relative;
}
.mpi-daily-quote:before{
 content:'“';
 position:absolute;
 left:16px;
 top:4px;
 font-size:56px;
 line-height:1;
 color:#b7d7ec;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
}
.mpi-daily-quote-vi,.mpi-daily-quote-en,.mpi-daily-quote-author{font-style:italic;display:inline}
.mpi-daily-quote-vi{font-size:clamp(18px,1.5vw,24px)}
.mpi-daily-quote-en{font-size:clamp(16px,1.2vw,20px);margin-left:8px}
.mpi-daily-quote-author{font-weight:800;margin-left:8px}
.mpi-daily-quote-source{display:block;font-size:14px;margin-top:6px}
.mpi-grid-first{margin-bottom:0}
.mpi-card-actions{gap:6px!important}
.mpi-action-icon{width:36px!important;height:36px!important;border-radius:10px!important}
.mpi-action-icon span{font-size:16px!important}
@media(max-width:1024px){
 .mpi-shell{width:calc(100% - 32px)}
 .mpi-grid{grid-template-columns:1fr!important}
 .mpi-card{padding:16px!important}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:70px minmax(0,1fr)!important}
 .mpi-copy{gap:8px!important}
 .mpi-daily-quote{margin:16px 0;padding:16px 28px}
}
@media(max-width:600px){
 .mpi-section{padding:28px 0!important}
 .mpi-shell{width:calc(100% - 24px)}
 .mpi-head h2{font-size:24px!important}
 .mpi-card-actions{margin-top:8px!important;padding-top:8px!important}
 .mpi-daily-quote:before{font-size:42px}
 .mpi-daily-quote{font-size:14px}
}


/* MEDIPHARM Inspiration Library v0.12 - Mobile Polish */
.mpi-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mpi-card-tools{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:5px}
.mpi-action-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center}
.mpi-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:76px minmax(0,1fr)!important;align-items:start}
.mpi-media{width:76px;height:76px;overflow:hidden;border-radius:14px}
.mpi-media img{width:100%;height:100%;object-fit:cover}
.mpi-copy{min-width:0!important}
.mpi-vi,.mpi-en,.mpi-source,.mpi-author{overflow-wrap:break-word}

@media(max-width:900px){
 .mpi-shell{width:calc(100% - 32px)}
 .mpi-card{padding:14px!important}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:68px minmax(0,1fr)!important}
 .mpi-media{width:68px;height:68px}
 .mpi-card-tools{gap:4px}
 .mpi-action-icon{width:32px!important;height:32px!important;min-width:32px!important}
}

@media(max-width:430px){
 .mpi-shell{width:calc(100% - 20px)}
 .mpi-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .mpi-card-tools{display:grid;grid-template-columns:repeat(5,30px);gap:3px}
 .mpi-action-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important}
 .mpi-action-icon span{font-size:14px!important}
 .mpi-label{font-size:14px}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:60px minmax(0,1fr)!important;gap:10px}
 .mpi-media{width:60px;height:60px;border-radius:12px}
 .mpi-card h3{font-size:19px!important}
 .mpi-copy{gap:7px!important}
 .mpi-vi,.mpi-en,.mpi-author,.mpi-source{font-size:14px!important;line-height:1.55!important}
 .mpi-daily-quote{padding:14px 14px 14px 30px!important}
}

/* v2.00.2 — authoritative responsive runtime fix */
.mpi-section{width:100%;max-width:100%;min-width:0;overflow:hidden}
.mpi-shell{width:min(1480px,calc(100% - 48px));max-width:100%;min-width:0;margin-inline:auto}
.mpi-card,.mpi-card-top,.mpi-topline,.mpi-card-body,.mpi-heading-row,.mpi-copy,.mpi-en-row{min-width:0;max-width:100%}
.mpi-card-body,.mpi-card-body.has-media,.mpi-card.slot-person .mpi-card-body.has-media{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:10px!important;align-items:start}
.mpi-heading-row,.mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{width:100%;min-width:0}
.mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:76px minmax(0,1fr)!important}
.mpi-heading-row h3,.mpi-copy,.mpi-vi,.mpi-en,.mpi-en-row,.mpi-source,.mpi-author{width:auto;min-width:0;max-width:100%;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal}
.mpi-copy{grid-column:1/-1!important;display:grid;gap:8px!important}
.mpi-card-tools{max-width:100%}
.mpi-daily-quote{max-width:100%;overflow-wrap:break-word;word-break:normal}
@media (max-width:1024px){
 .mpi-shell{width:calc(100% - 32px)!important}.mpi-grid{grid-template-columns:minmax(0,1fr)!important}.mpi-card{width:100%;min-width:0;padding:16px!important}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important}.mpi-media{width:70px;height:70px}
}
@media (max-width:600px){
 .mpi-section{padding:28px 0!important}.mpi-shell{width:calc(100% - 24px)!important}.mpi-head{margin-bottom:12px!important}.mpi-head h2{font-size:22px!important;line-height:1.25!important;letter-spacing:.035em!important}
 .mpi-card{padding:14px!important;border-radius:18px}.mpi-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;margin-bottom:12px!important}.mpi-topline{min-width:0!important}
 .mpi-label{display:block!important;max-width:100%!important;font-size:14px!important;line-height:1.28!important;overflow:visible!important;-webkit-line-clamp:unset!important;word-break:normal!important;overflow-wrap:break-word!important}
 .mpi-card-tools{display:grid!important;grid-template-columns:repeat(5,30px)!important;gap:3px!important;flex:none!important}.mpi-card-top .mpi-action-icon,.mpi-action-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important}.mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important}.mpi-media{width:60px!important;height:60px!important;border-radius:12px!important}.mpi-card.slot-person .mpi-media img{aspect-ratio:1/1;object-position:center 18%}
 .mpi-card h3{font-size:20px!important;line-height:1.28!important;margin:0!important}.mpi-vi,.mpi-en,.mpi-source,.mpi-author{font-size:14px!important;line-height:1.58!important}
 .mpi-daily-quote{margin:0 0 16px!important;padding:14px 16px 14px 32px!important;text-align:left!important}.mpi-daily-quote:before{left:9px!important;top:3px!important;font-size:40px!important}
}
@media (max-width:380px){
 .mpi-shell{width:calc(100% - 18px)!important}.mpi-card{padding:12px!important}.mpi-card-top{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}.mpi-card-tools{grid-template-columns:repeat(5,28px)!important;gap:2px!important}.mpi-card-top .mpi-action-icon,.mpi-action-icon{width:28px!important;height:28px!important;min-width:28px!important}
 .mpi-heading-row.has-media,.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:56px minmax(0,1fr)!important}.mpi-media{width:56px!important;height:56px!important}.mpi-card h3{font-size:19px!important}
}


/* v2.00.3 — figure card + compact action controls */
.mpi-card.slot-person .mpi-heading-row.has-media{
  grid-template-columns:84px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.mpi-card.slot-person .mpi-media{
  width:84px!important;
  height:104px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  align-self:start!important;
}
.mpi-card.slot-person .mpi-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  aspect-ratio:auto!important;
}
.mpi-card.slot-person .mpi-heading-row h3{
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
}
.mpi-card-tools{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  align-items:center!important;
}
.mpi-card-top .mpi-action-icon,.mpi-action-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
  border-width:1px!important;
  box-shadow:none!important;
  opacity:.92;
}
.mpi-card-top .mpi-action-icon span,.mpi-action-icon span{
  font-size:14px!important;
  line-height:1!important;
}
@media(max-width:760px){
  .mpi-card.slot-person .mpi-heading-row.has-media{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .mpi-card.slot-person .mpi-media{
    width:72px!important;
    height:90px!important;
  }
  .mpi-card-tools{gap:3px!important}
  .mpi-card-top .mpi-action-icon,.mpi-action-icon{
    width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;
  }
  .mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
}
@media(max-width:430px){
  .mpi-card.slot-person .mpi-heading-row.has-media{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .mpi-card.slot-person .mpi-media{
    width:68px!important;
    height:84px!important;
  }
  .mpi-card-tools{grid-template-columns:repeat(5,26px)!important;gap:2px!important}
  .mpi-card-top .mpi-action-icon,.mpi-action-icon{
    width:26px!important;height:26px!important;min-width:26px!important;border-radius:7px!important;
  }
  .mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
}


/* v2.00.4 — desktop 2x2 grid, safe portrait fallback, compact circular actions */
.mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.mpi-card{height:100%}
.mpi-card-tools{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;align-items:center!important}
.mpi-card-top .mpi-action-icon,.mpi-action-icon{
  width:26px!important;height:26px!important;min-width:26px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;opacity:.78;
}
.mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important;line-height:1!important}
.mpi-card-top .mpi-action-icon:hover,.mpi-action-icon:hover,.mpi-action-icon:focus-visible{background:rgba(35,111,164,.10)!important;opacity:1;outline:none!important}
html.nah-sdp-night-active .mpi-action-icon,html.nah-sdp-dark-mode .mpi-action-icon{border:0!important;background:transparent!important}
html.nah-sdp-night-active .mpi-action-icon:hover,html.nah-sdp-dark-mode .mpi-action-icon:hover{background:rgba(168,216,241,.10)!important}

.mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.mpi-card.slot-person .mpi-media{position:relative;width:88px!important;height:112px!important;min-width:88px!important;overflow:hidden!important;border-radius:14px!important;background:#f3f7fb center/44px 44px no-repeat url('illustrations/figure.svg')!important}
.mpi-card.slot-person .mpi-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;aspect-ratio:auto!important}
.mpi-card.slot-person .mpi-media.is-broken img{display:none!important}
.mpi-card.slot-person .mpi-image-credit{display:none!important}

.mpi-en-row{display:block!important;min-width:0}
.mpi-en{display:inline!important}
.mpi-source{display:inline!important;margin:0 0 0 5px!important;font-style:italic!important;font-weight:700!important;white-space:normal!important}
.mpi-author{display:none!important}

@media(max-width:1024px){
  .mpi-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
}
@media(max-width:760px){
  .mpi-card-tools{gap:2px!important}
  .mpi-card-top .mpi-action-icon,.mpi-action-icon{width:24px!important;height:24px!important;min-width:24px!important}
  .mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
  .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  .mpi-card.slot-person .mpi-media{width:72px!important;height:92px!important;min-width:72px!important;background-size:38px 38px!important}
}
@media(max-width:430px){
  .mpi-card-top{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .mpi-card-tools{display:flex!important;gap:1px!important}
  .mpi-card-top .mpi-action-icon,.mpi-action-icon{width:22px!important;height:22px!important;min-width:22px!important}
  .mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
  .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important}
  .mpi-card.slot-person .mpi-media{width:64px!important;height:82px!important;min-width:64px!important;background-size:34px 34px!important}
}

/* v2.00.5 — Quote continuity + tighter handoff from the home hero */
.mpi-section{
  padding-top:10px!important;
}
.mpi-daily-quote{
  position:relative!important;
  margin:0 0 12px!important;
  padding:0 0 0 26px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  max-width:none!important;
}
.mpi-daily-quote::before{
  left:0!important;
  top:-5px!important;
  opacity:.34!important;
}
.mpi-daily-quote-vi,.mpi-daily-quote-en,.mpi-daily-quote-author,.mpi-daily-quote-source{
  display:inline!important;
  margin:0 6px 0 0!important;
}
@media(max-width:760px){
  .mpi-section{padding-top:8px!important}
  .mpi-daily-quote{margin-bottom:10px!important;padding-left:22px!important}
}

/* v2.00.7 — Random quote + compact centered bilingual line */
.mpi-daily-quote{
  text-align:center!important;
  padding:0 26px!important;
  margin:0 auto 10px!important;
  line-height:1.5!important;
}
.mpi-daily-quote-copy{
  display:inline!important;
}
.mpi-daily-quote-vi,
.mpi-daily-quote-en-wrap,
.mpi-daily-quote-en,
.mpi-daily-quote-author,
.mpi-daily-quote-source{
  display:inline!important;
  margin:0!important;
}
.mpi-daily-quote-vi{
  font-size:clamp(14px,1.08vw,17px)!important;
  line-height:1.5!important;
}
.mpi-daily-quote-en-wrap{
  margin-left:5px!important;
  color:var(--mpi-muted,#667788)!important;
  font-size:clamp(14px,1vw,16px)!important;
  white-space:normal!important;
}
.mpi-daily-quote-en{
  font-size:inherit!important;
  line-height:inherit!important;
}
.mpi-daily-quote-author,
.mpi-daily-quote-source{
  margin-left:5px!important;
  font-size:inherit!important;
}
.mpi-daily-quote::before{
  left:2px!important;
  top:-7px!important;
}
@media(max-width:760px){
  .mpi-daily-quote{
    text-align:center!important;
    padding:0 18px!important;
    margin-bottom:8px!important;
    line-height:1.45!important;
  }
  .mpi-daily-quote-vi{font-size:14px!important}
  .mpi-daily-quote-en-wrap{font-size:14px!important;margin-left:4px!important}
  .mpi-daily-quote::before{left:0!important;top:-5px!important;font-size:34px!important}
}

/* v2.00.8 — refined quote styling + slightly larger typography */
.mpi-daily-quote{
  position:relative!important;
  margin:4px auto 16px!important;
  padding:16px 34px 15px!important;
  text-align:center!important;
  background:linear-gradient(135deg,rgba(18,114,151,.06),rgba(255,255,255,.75))!important;
  border:1px solid rgba(18,114,151,.10)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(27,61,92,.06)!important;
}
.mpi-daily-quote-copy{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:baseline!important;
  gap:4px 8px!important;
  max-width:100%!important;
}
.mpi-daily-quote-vi{
  font-size:clamp(20px,1.4vw,25px)!important;
  line-height:1.55!important;
  font-weight:800!important;
}
.mpi-daily-quote-en-wrap{
  display:inline!important;
  margin-left:2px!important;
  font-size:clamp(16px,1.1vw,20px)!important;
}
.mpi-daily-quote-en{
  font-size:inherit!important;
  line-height:1.55!important;
}
.mpi-daily-quote-author,
.mpi-daily-quote-source{
  font-size:clamp(14px,0.92vw,16px)!important;
}
.mpi-daily-quote::before{
  content:"“"!important;
  position:absolute!important;
  left:14px!important;
  top:5px!important;
  font-size:40px!important;
  line-height:1!important;
  color:rgba(18,114,151,.22)!important;
}
.mpi-daily-quote::after{
  content:"”"!important;
  position:absolute!important;
  right:16px!important;
  bottom:2px!important;
  font-size:28px!important;
  line-height:1!important;
  color:rgba(18,114,151,.16)!important;
}
html.nah-sdp-night-active .mpi-daily-quote,
html.nah-sdp-dark-mode .mpi-daily-quote{
  background:linear-gradient(135deg,rgba(34,67,95,.42),rgba(18,28,44,.72))!important;
  border-color:rgba(160,201,226,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
html.nah-sdp-night-active .mpi-daily-quote::before,
html.nah-sdp-dark-mode .mpi-daily-quote::before,
html.nah-sdp-night-active .mpi-daily-quote::after,
html.nah-sdp-dark-mode .mpi-daily-quote::after{
  color:rgba(198,223,240,.18)!important;
}
@media(max-width:760px){
  .mpi-daily-quote{
    padding:14px 20px 13px!important;
    margin:2px auto 14px!important;
  }
  .mpi-daily-quote-vi{font-size:17px!important}
  .mpi-daily-quote-en-wrap{font-size:14px!important}
  .mpi-daily-quote::before{left:8px!important;top:2px!important;font-size:30px!important}
  .mpi-daily-quote::after{right:10px!important;bottom:2px!important;font-size:22px!important}
}


/* v2.1 — Card Layout Polish: balanced 2x2 desktop grid, portrait-safe media, compact vertical rhythm */
.mpi-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
.mpi-card{
  height:100%!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
}
.mpi-card-top{margin-bottom:10px!important}
.mpi-card-body,
.mpi-card-body.has-media,
.mpi-card.slot-person .mpi-card-body.has-media{
  flex:1 1 auto!important;
  gap:8px!important;
}
.mpi-heading-row{gap:10px!important}
.mpi-copy{gap:8px!important}
.mpi-card h3{margin:0!important;line-height:1.25!important}
.mpi-vi,.mpi-en{line-height:1.62!important}
.mpi-source{line-height:1.5!important}
.mpi-related-terms{margin-top:7px!important}

/* Empty related panel used to render as the pale strip seen below every card. */
.mpi-related[hidden],
.mpi-related:empty{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  background:none!important;
}

/* Gương mặt Y học: no <img> is required, so a failed external portrait can never expose alt text/broken-image UI. */
.mpi-card.slot-person .mpi-person-media{
  position:relative!important;
  width:86px!important;
  height:108px!important;
  min-width:86px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#f3f7fb url('illustrations/figure.svg') center/42px 42px no-repeat!important;
}
.mpi-card.slot-person .mpi-media-portrait{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-image:var(--mpi-portrait),url('illustrations/figure.svg')!important;
  background-position:center 18%,center!important;
  background-size:cover,42px 42px!important;
  background-repeat:no-repeat,no-repeat!important;
}
.mpi-card.slot-person .mpi-heading-row.has-media{
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:13px!important;
}
.mpi-card.slot-person .mpi-image-credit{display:none!important}

/* Keep action icons visually quiet and aligned. */
.mpi-card-tools{gap:2px!important}
.mpi-card-top .mpi-action-icon,.mpi-action-icon{
  width:24px!important;height:24px!important;min-width:24px!important;
  border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;
}
.mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}

@media(max-width:900px){
  .mpi-grid{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:13px!important}
  .mpi-card{padding:17px!important}
}
@media(max-width:760px){
  .mpi-card{padding:15px!important}
  .mpi-card-top{margin-bottom:8px!important}
  .mpi-card-body,.mpi-card-body.has-media,.mpi-card.slot-person .mpi-card-body.has-media{gap:7px!important}
  .mpi-copy{gap:7px!important}
  .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:70px minmax(0,1fr)!important;gap:11px!important}
  .mpi-card.slot-person .mpi-person-media{width:70px!important;height:88px!important;min-width:70px!important;background-size:36px 36px!important}
  .mpi-card.slot-person .mpi-media-portrait{background-size:cover,36px 36px!important}
  .mpi-card-top .mpi-action-icon,.mpi-action-icon{width:22px!important;height:22px!important;min-width:22px!important}
  .mpi-card-top .mpi-action-icon span,.mpi-action-icon span{font-size:14px!important}
}
@media(max-width:430px){
  .mpi-card{padding:13px!important}
  .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:62px minmax(0,1fr)!important;gap:9px!important}
  .mpi-card.slot-person .mpi-person-media{width:62px!important;height:78px!important;min-width:62px!important;background-size:32px 32px!important}
  .mpi-card.slot-person .mpi-media-portrait{background-size:cover,32px 32px!important}
}

/* v3.3 — Homepage → Inspiration Hub deep links. Deliberately scoped to MPI only. */
.mpi-card-title-link{color:inherit!important;text-decoration:none!important}.mpi-card-title-link:hover,.mpi-card-title-link:focus-visible{color:#0b6fa5!important;text-decoration:underline!important;text-underline-offset:3px}.mpi-card-deep-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#1b6f9f!important;font-size:14px;font-weight:780;text-decoration:none!important}.mpi-card-deep-link:hover,.mpi-card-deep-link:focus-visible{text-decoration:underline!important;text-underline-offset:3px}.mpi-home-more{display:flex;justify-content:center;margin-top:20px}.mpi-home-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid #cfdfeb;border-radius:14px;background:rgba(255,255,255,.9);color:#176b9c!important;font-size:14px;font-weight:800;text-decoration:none!important;box-shadow:0 8px 22px rgba(31,68,106,.05)}.mpi-home-more a:hover,.mpi-home-more a:focus-visible{border-color:#98bfd8;background:#fff}.mpi-home-more a span{font-size:18px}html.nah-sdp-night-active .mpi-home-more a,html.nah-sdp-dark-mode .mpi-home-more a{border-color:#29445d;background:#112235;color:#b7dff4!important}html.nah-sdp-night-active .mpi-card-title-link:hover,html.nah-sdp-dark-mode .mpi-card-title-link:hover{color:#9edaf3!important}


/* v3.5.6 — Homepage “Một phút dừng lại”: host-proof readable quote ribbon + 15s rotation surface. */
[data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]{
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  min-height:116px!important;
  margin:0 0 16px!important;
  padding:20px 28px 20px 22px!important;
  overflow:hidden!important;
  text-align:left!important;
  border:1px solid rgba(176,157,116,.26)!important;
  border-radius:22px!important;
  background:linear-gradient(105deg,#fffdf8 0%,#fbfcfa 52%,#eef7f6 100%)!important;
  box-shadow:0 12px 30px rgba(52,68,78,.055)!important;
  color:#263a4c!important;
  line-height:1.5!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
[data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#c79a53,#79b2aa)!important;
  opacity:1!important;
}
[data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]::after{
  content:none!important;
  display:none!important;
}
[data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356].is-changing{
  opacity:.68!important;
  transform:translateY(1px)!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-mark{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  color:#bd8e49!important;
  font-family:inherit!important;
  font-size:68px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:.78!important;
  opacity:.86!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  min-width:0!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{
  display:block!important;
  margin:0 0 7px!important;
  color:#92703f!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-copy{
  display:block!important;
  max-width:1080px!important;
  margin:0!important;
  color:#263a4c!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi{
  display:block!important;
  margin:0!important;
  color:#24384a!important;
  font-size:clamp(18px,1.55vw,24px)!important;
  font-style:italic!important;
  font-weight:520!important;
  line-height:1.5!important;
  letter-spacing:-.006em!important;
  text-shadow:none!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap{
  display:block!important;
  margin:7px 0 0!important;
  color:#657786!important;
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.55!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en{
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:inherit!important;
  font-style:italic!important;
  font-weight:450!important;
  line-height:inherit!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source{
  display:inline-block!important;
  margin:8px 10px 0 0!important;
  color:#5c7180!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.45!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source strong,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source em{
  color:inherit!important;
  font-style:normal!important;
  font-weight:650!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-progress{
  position:absolute!important;
  z-index:3!important;
  left:94px!important;
  right:28px!important;
  bottom:0!important;
  display:block!important;
  height:2px!important;
  overflow:hidden!important;
  background:rgba(91,126,126,.08)!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-progress i{
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,#c69a52,#6ca8a5)!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-progress i.is-running{
  animation:mpiHomeQuoteProgress356 15s linear forwards!important;
}
@keyframes mpiHomeQuoteProgress356{to{transform:scaleX(1)}}
html.tvm-dark [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356],
html.yhlsm-dark [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356],
html.nah-sdp-night-active [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356],
html.nah-sdp-dark-mode [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356],
html.nah-sdp-night-mode [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]{
  border-color:rgba(184,166,124,.20)!important;
  background:linear-gradient(105deg,#172431 0%,#182a31 58%,#163235 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
  color:#eef3f3!important;
}
html.tvm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi,
html.yhlsm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi,
html.nah-sdp-night-active [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi,
html.nah-sdp-night-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi{color:#f0f5f4!important}
html.tvm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap,
html.yhlsm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap,
html.nah-sdp-night-active [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap,
html.nah-sdp-night-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap,
html.tvm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
html.yhlsm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
html.nah-sdp-night-active [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
html.nah-sdp-night-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
html.tvm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source,
html.yhlsm-dark [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source,
html.nah-sdp-night-active [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source,
html.nah-sdp-night-mode [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source{color:#b8c8ce!important}
@media(max-width:760px){
  [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:0!important;
    margin:0 0 13px!important;
    padding:17px 16px 18px 13px!important;
    border-radius:18px!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-mark{font-size:50px!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{margin-bottom:6px!important;font-size:14px!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-vi{font-size:16px!important;line-height:1.55!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-en-wrap{font-size:14px!important;line-height:1.5!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-author,
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-source{font-size:14px!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-progress{left:60px!important;right:16px!important}
}
@media(prefers-reduced-motion:reduce){
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356],
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] *{transition:none!important;animation:none!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-progress{display:none!important}
}

/* v3.5.7 — Canonical Vietnamese-safe UI typography, 14px visible-text floor. */
.mpi-home-inspiration,.mpi-shell{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;}

.mpi-home-inspiration,.mpi-shell{font-size:16px;line-height:1.55;}


/* v6.5 — Explicit Random quote control. Host Theme/Super App remains dark-mode owner. */
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random{
  position:absolute!important;z-index:6!important;top:12px!important;right:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(109,124,130,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 4px 14px rgba(36,56,74,.07)!important;color:#496273!important;font-size:14px!important;font-weight:750!important;line-height:1!important;cursor:pointer!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random svg{display:block!important;width:18px!important;height:18px!important}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random:hover,[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random:focus-visible{border-color:rgba(22,113,135,.38)!important;background:#fff!important;color:#0f6f82!important;outline:2px solid transparent!important;transform:translateY(-1px)!important}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.is-loading{opacity:.62!important;cursor:wait!important;transform:none!important}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{padding-right:58px!important}
html.tvm-dark [data-mpi-section] .mpi-quote-random,html.yhlsm-dark [data-mpi-section] .mpi-quote-random,html.nah-sdp-night-active [data-mpi-section] .mpi-quote-random,html.nah-sdp-dark-mode [data-mpi-section] .mpi-quote-random,html.nah-sdp-night-mode [data-mpi-section] .mpi-quote-random,html.nahmed-dark [data-mpi-section] .mpi-quote-random,body.nahmed-dark [data-mpi-section] .mpi-quote-random{border-color:rgba(159,191,198,.22)!important;background:rgba(18,40,52,.78)!important;color:#c3d9df!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important}
html.tvm-dark [data-mpi-section] .mpi-quote-random:hover,html.tvm-dark [data-mpi-section] .mpi-quote-random:focus-visible,html.yhlsm-dark [data-mpi-section] .mpi-quote-random:hover,html.yhlsm-dark [data-mpi-section] .mpi-quote-random:focus-visible,html.nah-sdp-night-active [data-mpi-section] .mpi-quote-random:hover,html.nah-sdp-night-active [data-mpi-section] .mpi-quote-random:focus-visible,html.nah-sdp-dark-mode [data-mpi-section] .mpi-quote-random:hover,html.nah-sdp-dark-mode [data-mpi-section] .mpi-quote-random:focus-visible,html.nah-sdp-night-mode [data-mpi-section] .mpi-quote-random:hover,html.nah-sdp-night-mode [data-mpi-section] .mpi-quote-random:focus-visible,html.nahmed-dark [data-mpi-section] .mpi-quote-random:hover,body.nahmed-dark [data-mpi-section] .mpi-quote-random:hover{border-color:rgba(111,205,216,.42)!important;background:#163242!important;color:#87d9e2!important}
@media(max-width:760px){[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random{top:10px!important;right:11px!important;width:34px!important;height:34px!important}[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{padding-right:56px!important}}


/* v6.5.3 — Unified Card Action Icon System.
 * Shared visual/touch contract for card actions + quote random control.
 * Host Theme/Super App remains the owner of light/dark mode.
 */
.mpi-home-inspiration,
.mpi-shell{
  --mpi-icon-control-size:40px;
  --mpi-icon-glyph-size:20px;
  --mpi-icon-control-radius:999px;
  --mpi-icon-control-border:#dce7f0;
  --mpi-icon-control-bg:rgba(248,251,254,.94);
  --mpi-icon-control-fg:#49677f;
  --mpi-icon-control-hover-bg:#edf7fb;
  --mpi-icon-control-hover-border:#9fc3d2;
  --mpi-icon-control-hover-fg:#0f6f82;
}
[data-mpi-section] .mpi-ui-icon-button,
[data-mpi-section] .mpi-card-top .mpi-action-icon.mpi-ui-icon-button,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button{
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-items:center!important;
  width:var(--mpi-icon-control-size)!important;
  height:var(--mpi-icon-control-size)!important;
  min-width:var(--mpi-icon-control-size)!important;
  min-height:var(--mpi-icon-control-size)!important;
  padding:0!important;
  border:1px solid var(--mpi-icon-control-border)!important;
  border-radius:var(--mpi-icon-control-radius)!important;
  background:var(--mpi-icon-control-bg)!important;
  color:var(--mpi-icon-control-fg)!important;
  box-shadow:0 3px 10px rgba(36,56,74,.055)!important;
  font:inherit!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease!important;
}
[data-mpi-section] .mpi-ui-icon-button > span,
[data-mpi-section] .mpi-card-top .mpi-action-icon.mpi-ui-icon-button > span,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button > span{
  display:block!important;
  font-size:var(--mpi-icon-glyph-size)!important;
  font-weight:500!important;
  line-height:1!important;
  transform:none!important;
}
[data-mpi-section] .mpi-ui-icon-button:hover,
[data-mpi-section] .mpi-ui-icon-button:focus-visible,
[data-mpi-section] .mpi-card-top .mpi-action-icon.mpi-ui-icon-button:hover,
[data-mpi-section] .mpi-card-top .mpi-action-icon.mpi-ui-icon-button:focus-visible,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button:hover,
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button:focus-visible{
  border-color:var(--mpi-icon-control-hover-border)!important;
  background:var(--mpi-icon-control-hover-bg)!important;
  color:var(--mpi-icon-control-hover-fg)!important;
  box-shadow:0 5px 14px rgba(24,91,113,.09)!important;
  outline:2px solid transparent!important;
  transform:translateY(-1px)!important;
}
[data-mpi-section] .mpi-ui-icon-button:active{transform:scale(.94)!important}
[data-mpi-section] .mpi-action-icon.mpi-ui-icon-button.active{
  border-color:#abd2f5!important;
  background:#eaf5ff!important;
  color:#0c6aa6!important;
}
[data-mpi-section] [data-mpi-favorite].mpi-ui-icon-button.active{
  border-color:#f1cf93!important;
  background:#fff8e8!important;
  color:#9a6500!important;
}
[data-mpi-section] .mpi-card-tools{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button{
  top:12px!important;
  right:14px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
[data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{padding-right:62px!important}

html.tvm-dark [data-mpi-section] .mpi-ui-icon-button,
html.yhlsm-dark [data-mpi-section] .mpi-ui-icon-button,
html.nah-sdp-night-active [data-mpi-section] .mpi-ui-icon-button,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-ui-icon-button,
html.nah-sdp-night-mode [data-mpi-section] .mpi-ui-icon-button,
html.nahmed-dark [data-mpi-section] .mpi-ui-icon-button,
body.nahmed-dark [data-mpi-section] .mpi-ui-icon-button{
  border-color:#29445c!important;
  background:#112235!important;
  color:#bad0e4!important;
  box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
}
html.tvm-dark [data-mpi-section] .mpi-ui-icon-button:hover,
html.tvm-dark [data-mpi-section] .mpi-ui-icon-button:focus-visible,
html.yhlsm-dark [data-mpi-section] .mpi-ui-icon-button:hover,
html.yhlsm-dark [data-mpi-section] .mpi-ui-icon-button:focus-visible,
html.nah-sdp-night-active [data-mpi-section] .mpi-ui-icon-button:hover,
html.nah-sdp-night-active [data-mpi-section] .mpi-ui-icon-button:focus-visible,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-ui-icon-button:hover,
html.nah-sdp-dark-mode [data-mpi-section] .mpi-ui-icon-button:focus-visible,
html.nah-sdp-night-mode [data-mpi-section] .mpi-ui-icon-button:hover,
html.nah-sdp-night-mode [data-mpi-section] .mpi-ui-icon-button:focus-visible,
html.nahmed-dark [data-mpi-section] .mpi-ui-icon-button:hover,
body.nahmed-dark [data-mpi-section] .mpi-ui-icon-button:hover{
  border-color:#3c627c!important;
  background:#173247!important;
  color:#8fdbe6!important;
}
@media(max-width:760px){
  .mpi-home-inspiration,.mpi-shell{--mpi-icon-control-size:42px;--mpi-icon-glyph-size:21px}
  [data-mpi-section] .mpi-card-tools{gap:4px!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-quote-random.mpi-ui-icon-button{top:10px!important;right:11px!important}
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{padding-right:64px!important}
}
@media(max-width:390px){
  .mpi-home-inspiration,.mpi-shell{--mpi-icon-control-size:40px;--mpi-icon-glyph-size:20px}
  [data-mpi-section] .mpi-card-tools{display:grid!important;grid-template-columns:repeat(5,40px)!important;gap:3px!important}
}
@media(prefers-reduced-motion:reduce){[data-mpi-section] .mpi-ui-icon-button{transition:none!important}}


/* v6.7.2 — Homepage quote responsive width fix.
 * On tablet/mobile the random control only reserves the small eyebrow/header zone;
 * quote copy below regains the full content width instead of losing a permanent right column.
 */
@media(max-width:1024px){
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{
    padding-right:0!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{
    box-sizing:border-box!important;
    min-height:44px!important;
    padding-right:52px!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-copy{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:760px){
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{
    min-height:46px!important;
    padding-right:50px!important;
  }
}

/* v6.8 — Balanced quote gutters on tablet/mobile.
 * Keep the random control in the eyebrow zone, while the quote copy retains a small,
 * symmetric reading gutter instead of either a 64px control column or edge-to-edge text.
 */
@media(max-width:1024px){
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{
    padding-right:52px!important;
  }
}
@media(max-width:760px){
  [data-mpi-section] .mpi-shell .mpi-daily-quote[data-mpi-home-quote-v356]{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-content{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  [data-mpi-section] .mpi-daily-quote[data-mpi-home-quote-v356] .mpi-daily-quote-eyebrow{
    padding-right:48px!important;
  }
}

/* v7.3.1 — Clinical Q&A replaces the homepage Clinical Pearls card. */
.mpi-section .mpi-clinical-qa-card{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;min-height:240px!important;padding:24px!important;border:1px solid rgba(13,128,154,.24)!important;background:linear-gradient(145deg,#f1fbfd,#eef8f6)!important;box-shadow:0 14px 34px rgba(20,105,121,.08)!important}
.mpi-section .mpi-clinical-qa-mark{display:grid;width:72px;height:72px;place-items:center;border-radius:20px;background:linear-gradient(135deg,#087da0,#14a88f);color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 28px rgba(8,125,160,.22)}
.mpi-section .mpi-clinical-qa-copy{display:flex;min-width:0;flex-direction:column;gap:8px}.mpi-section .mpi-clinical-qa-copy>span{color:#087da0;font-size:14px;font-weight:900;letter-spacing:.06em}.mpi-section .mpi-clinical-qa-copy h3{margin:0!important;color:#153953!important;font-size:22px!important;line-height:1.3!important}.mpi-section .mpi-clinical-qa-copy p{margin:0!important;color:#587080!important;font-size:14px!important;line-height:1.6!important}.mpi-section .mpi-clinical-qa-copy a{align-self:flex-start;margin-top:4px;color:#087493!important;font-size:14px;font-weight:850;text-decoration:none!important}
html.nah-sdp-night-active .mpi-section .mpi-clinical-qa-card,html.nah-sdp-dark-mode .mpi-section .mpi-clinical-qa-card,html.tvm-dark .mpi-section .mpi-clinical-qa-card,html.yhlsm-dark .mpi-section .mpi-clinical-qa-card{border-color:#294c5d!important;background:linear-gradient(145deg,#102432,#102d31)!important}.nah-sdp-night-active .mpi-section .mpi-clinical-qa-copy h3,.nah-sdp-dark-mode .mpi-section .mpi-clinical-qa-copy h3,.tvm-dark .mpi-section .mpi-clinical-qa-copy h3,.yhlsm-dark .mpi-section .mpi-clinical-qa-copy h3{color:#eff8fb!important}.nah-sdp-night-active .mpi-section .mpi-clinical-qa-copy p,.nah-sdp-dark-mode .mpi-section .mpi-clinical-qa-copy p,.tvm-dark .mpi-section .mpi-clinical-qa-copy p,.yhlsm-dark .mpi-section .mpi-clinical-qa-copy p{color:#a8bdc8!important}
@media(max-width:640px){.mpi-section .mpi-clinical-qa-card{grid-template-columns:58px minmax(0,1fr)!important;gap:13px!important;padding:18px!important}.mpi-section .mpi-clinical-qa-mark{width:54px;height:54px;border-radius:16px;font-size:16px}.mpi-section .mpi-clinical-qa-copy h3{font-size:19px!important}}
/* v7.3.1 Clinical Q&A public bridge: Clinical Pearls remain as governed source data,
   while the public practice entry point is owned by MEDIPHARM Clinical Q&A. */
.mpi-app .mpi-clinical-qa-lane{background:linear-gradient(145deg,rgba(234,250,252,.98),rgba(245,241,255,.96));border-color:rgba(19,143,171,.24)}
.mpi-app .mpi-clinical-qa-lane-icon{display:grid;place-items:center;width:100%;height:100%;min-height:44px;border-radius:14px;background:linear-gradient(135deg,#087fa4,#16a0a1);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em}
html.yhlsm-dark .mpi-app .mpi-clinical-qa-lane,html.nah-sdp-dark-mode .mpi-app .mpi-clinical-qa-lane,html.nah-sdp-night-active .mpi-app .mpi-clinical-qa-lane{background:linear-gradient(145deg,rgba(14,42,58,.98),rgba(31,35,68,.96));border-color:rgba(77,189,209,.28)}