/* source: super-app.css */
:root{--syh-ink:#13223a;--syh-muted:#607089;--syh-line:#dfe8ef;--syh-blue:#2563eb;--syh-teal:#078f83;--syh-violet:#6d49c6;--syh-bg:#fff}
html{scroll-behavior:smooth}.syh-superapp-page{margin:0!important;background:#fff!important}.syh-app, .syh-app *{box-sizing:border-box}.syh-app{min-height:100vh;background:var(--syh-bg);color:var(--syh-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}.syh-app a{color:inherit;text-decoration:none}.syh-app button, .syh-app input{font:inherit}.syh-app button{cursor:pointer}.syh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.syh-search-shortcut{display:inline-flex;align-items:center;gap:7px;padding:10px;color:#495a71;font-size:14px;font-weight:650}.syh-search-shortcut span:first-child{font-size:24px;line-height:0;transform:rotate(-18deg)}.syh-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:0 17px;font-size:14px;font-weight:750}.syh-button-dark{background:#142541;color:#fff!important;box-shadow:0 8px 18px rgba(20,37,65,.16)}
.syh-hero{position:relative;overflow:hidden;padding:74px 0 82px;background:linear-gradient(120deg,#f7fbff 0%,#f4f9ff 55%,#eef7ff 100%)}.syh-hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#83aee0 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to right,#000,transparent 58%)}.syh-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px}.syh-kicker{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#2c58a8;font-size:14px;font-weight:780}.syh-kicker span{width:8px;height:8px;border-radius:50%;background:#3bc9b5;box-shadow:0 0 0 5px rgba(59,201,181,.14)}.syh-hero h1{margin:0;color:#15233b;font-size:clamp(45px,4.55vw,68px);font-weight:760;line-height:1.075;letter-spacing:-.045em}.syh-hero h1 span{color:var(--syh-blue)}.syh-hero-lead{max-width:620px;margin:25px 0 28px;color:#5a6d87;font-size:17px;line-height:1.75}.syh-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px 15px;margin-top:20px;color:#6e7e92;font-size:14px}.syh-quick-links a{color:#305c9b;font-weight:700}.syh-hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.syh-device{position:relative;z-index:2;width:min(430px,91%);padding:14px;border:1px solid #cfe0ef;border-radius:27px;background:rgba(255,255,255,.94);box-shadow:0 35px 75px rgba(44,88,131,.2);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.syh-device-top{display:flex;align-items:center;gap:9px;padding:4px 4px 14px;color:#65758a;font-size:14px;font-weight:700}.syh-device-top b{margin-left:auto;letter-spacing:2px;color:#aab6c4}.syh-device-logo{position:relative;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--syh-blue)}.syh-device-logo:before{content:"";width:12px;height:3px;border-radius:3px;background:#fff}.syh-device-logo:after{content:"";position:absolute;width:3px;height:12px;border-radius:3px;background:#fff}.syh-device-panel{min-height:290px;padding:23px;border-radius:20px;background:linear-gradient(145deg,#f6faff,#edf5ff)}.syh-device-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.syh-device-title div{display:flex;flex-direction:column;gap:5px}.syh-device-title small{color:#8290a2;font-size:14px}.syh-device-title strong{color:#243a59;font-size:16px}.syh-device-title>span{display:grid;place-items:center;width:56px;height:36px;border-radius:11px;background:#fff;color:var(--syh-blue);font-size:14px;font-weight:800}.syh-score-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}.syh-score-mini div{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #e1ebf5;border-radius:13px;background:#fff}.syh-score-mini b{font-size:14px}.syh-score-mini em{color:#20947e;font-size:14px;font-style:normal}.syh-chart{height:100px;display:flex;align-items:flex-end;gap:12px;margin-top:24px;padding:13px 16px 0;border-radius:14px;background:rgba(255,255,255,.65)}.syh-chart i{flex:1;min-height:12px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#3b73db,#6db4ee)}.syh-floating-chip{position:absolute;z-index:3;min-width:118px;display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;padding:14px 16px;border:1px solid #dae7f1;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 18px 42px rgba(39,76,113,.16)}.syh-floating-chip span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--syh-teal);color:#fff;font-size:14px;font-weight:800}.syh-floating-chip strong{font-size:14px}.syh-floating-chip small{color:#8794a7;font-size:14px}.syh-chip-left{left:-4px;bottom:50px}.syh-chip-right{right:-8px;top:62px}.syh-chip-right span{background:var(--syh-violet)}
.syh-section{padding:90px 0}.syh-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}.syh-eyebrow, .syh-tool-eyebrow{margin:0;color:var(--syh-blue);font-size:14px;font-weight:820;letter-spacing:.14em}.syh-section-heading h2, .syh-library-heading h2{margin:9px 0 0;color:#172740;font-size:clamp(29px,3.2vw,42px);line-height:1.17;letter-spacing:-.035em}.syh-section-heading>p{max-width:440px;margin:0;color:var(--syh-muted);font-size:14px;line-height:1.7}.syh-trial-banner{display:grid;grid-template-columns:auto minmax(240px,auto) minmax(130px,1fr) auto;align-items:center;gap:14px;margin:-7px 0 24px;padding:14px 15px;border:1px solid #d7e6f7;border-radius:18px;background:linear-gradient(105deg,#f5f9ff,#eff6ff 55%,#f3fbfa)}.syh-trial-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--syh-blue);color:#fff}.syh-trial-banner>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.syh-trial-banner small{color:#6d7e93;font-size:14px;font-weight:750;letter-spacing:.08em}.syh-trial-banner strong{color:#203958;font-size:14px}.syh-trial-banner>div>span{color:#8492a4;font-size:14px}.syh-trial-meter{height:6px;overflow:hidden;border-radius:999px;background:rgba(91,119,155,.14)}.syh-trial-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25a993,#3c78e5)}.syh-trial-banner>button{min-height:39px;padding:0 14px;border:0;border-radius:11px;background:#fff;color:#285da8;font-size:14px;font-weight:780}.syh-trial-banner.is-expired{border-color:#f1d3cd;background:#fff8f6}.syh-trial-banner.is-expired .syh-trial-icon{background:#d45747}.syh-tool-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:18px}.syh-tool-card{--tool:#2563eb;position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column;padding:28px;border:1px solid #e0e9f1;border-radius:24px;background:#fbfdff;box-shadow:0 12px 35px rgba(30,64,98,.06);transition:.22s}.syh-tool-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(30,64,98,.11)}.syh-tool-teal{--tool:#078f83}.syh-tool-violet{--tool:#6d49c6}.syh-tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;min-height:61px;margin-bottom:20px}.syh-tool-glyph{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--tool);color:#fff;font-weight:850}.syh-tool-badge{display:flex;flex-direction:column;align-items:flex-end}.syh-tool-badge strong{color:var(--tool);font-size:15px}.syh-tool-badge small{color:#8794a7;font-size:14px}.syh-tool-card h3{margin:8px 0 11px;color:#23364f;font-size:24px;line-height:1.2}.syh-tool-card>p:not(.syh-tool-eyebrow){margin:0;color:#64758b;font-size:14px;line-height:1.7}.syh-tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.syh-tool-tags span{padding:6px 8px;border-radius:8px;background:#edf3f9;color:#64758b;font-size:14px;font-weight:700}.syh-tool-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #e5ebf1;color:var(--tool)!important;font-size:14px;font-weight:800}.syh-explorer{overflow:hidden;margin-top:22px;border:1px solid #dfe8f0;border-radius:24px;background:#fff;box-shadow:0 17px 42px rgba(30,64,98,.07)}.syh-explorer-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border-bottom:1px solid #e2eaf1}.syh-explorer-head h3{margin:6px 0 0;font-size:25px}.syh-explorer-tabs{display:flex;gap:7px;padding:4px;border-radius:12px;background:#f1f5f9}.syh-explorer-tabs button{min-height:35px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#6d7d91;font-size:14px;font-weight:740}.syh-explorer-tabs button.active{background:#fff;color:#285da8;box-shadow:0 4px 12px rgba(30,64,98,.1)}.syh-explorer-body{display:grid;grid-template-columns:.92fr 1.08fr;min-height:430px}.syh-clinical-lists{min-width:0;border-right:1px solid #e2eaf1}.syh-clinical-list{display:grid;grid-template-columns:1fr 1fr;gap:0}.syh-clinical-list>button{min-height:95px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px;border:0;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fff;text-align:left}.syh-clinical-list>button.active{background:#f3f7ff}.syh-item-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e8f1ff;color:#2f65bd;font-size:14px;font-weight:850}.syh-clinical-list button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.syh-clinical-list strong{overflow:hidden;color:#31445d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.syh-clinical-list small{color:#8190a3;font-size:14px}.syh-clinical-list em{align-self:flex-start;padding:4px 6px;border-radius:7px;background:#f1f5f8;color:#8290a1;font-size:14px;font-style:normal}.syh-clinical-preview{min-width:0;display:flex;flex-direction:column;padding:32px;background:linear-gradient(145deg,#f8fbff,#f2f7fc)}.syh-preview-topline{display:flex;align-items:center;justify-content:space-between;color:#78889c;font-size:14px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.syh-preview-topline b{padding:5px 8px;border-radius:8px;background:#e8f1ff;color:#2b65c2}.syh-clinical-preview h4{margin:23px 0 9px;font-size:30px;color:#213651}.syh-clinical-preview>p{margin:0;color:#63758d;font-size:14px;line-height:1.65}.syh-preview-sample{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;margin-top:28px;padding:18px;border:1px solid #dae5ef;border-radius:17px;background:#fff}.syh-score-sample{height:90px;display:flex;align-items:flex-end;gap:8px}.syh-score-sample span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#3d75da,#84b8ec)}.syh-score-sample span:nth-child(1){height:38%}.syh-score-sample span:nth-child(2){height:67%}.syh-score-sample span:nth-child(3){height:53%}.syh-score-sample span:nth-child(4){height:82%}.syh-preview-sample p{display:flex;flex-direction:column;gap:7px;margin:0}.syh-preview-sample small{color:#8390a2;font-size:14px}.syh-preview-sample strong{color:#344961;font-size:14px;line-height:1.55}.syh-preview-sample.is-abg{grid-template-columns:repeat(3,1fr)}.syh-preview-sample.is-abg span{display:flex;flex-direction:column;gap:4px;padding:13px;border-radius:12px;background:#f4f8fc}.syh-preview-sample.is-abg small{font-size:14px}.syh-preview-sample.is-abg strong{font-size:14px}.syh-preview-sample.is-icd{display:block}.syh-icd-sample{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px}.syh-icd-sample span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#6d49c6;color:#fff}.syh-icd-sample strong{font-size:18px}.syh-icd-sample small{font-size:14px;color:#66768a}.syh-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:22px}.syh-preview-actions>small{color:#7d8c9f;font-size:14px}.syh-preview-actions a{min-height:43px;display:flex;align-items:center;gap:18px;padding:0 16px;border-radius:11px;background:#2563eb;color:#fff!important;font-size:14px;font-weight:780}
.syh-library-section{background:#f6f8fb}.syh-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.syh-library-heading>div>p:last-child{max-width:650px;margin:13px 0 0;color:var(--syh-muted);font-size:14px;line-height:1.7}.syh-member-login{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-width:210px;padding:13px 15px;border:1px solid #dce7f1;border-radius:16px;background:#fff;color:#30445f;text-align:left;box-shadow:0 10px 30px rgba(49,80,115,.07)}.syh-member-login>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8f1ff;color:var(--syh-blue);font-size:14px}.syh-member-login>span:last-child{display:flex;flex-direction:column;gap:3px}.syh-member-login small{color:#8592a5;font-size:14px}.syh-member-login strong{color:#275cac;font-size:14px}.syh-library-filters{display:flex;gap:10px;margin:31px 0 25px;overflow-x:auto;scrollbar-width:none}.syh-library-filters button{flex:0 0 auto;min-height:40px;padding:0 16px;border:1px solid #dce5ee;border-radius:999px;background:#fff;color:#65758a;font-size:14px;font-weight:700}.syh-library-filters button.active{border-color:#1f5fd7;background:#1f5fd7;color:#fff}.syh-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.syh-library-card{overflow:hidden;border:1px solid #e1e8ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(35,67,101,.06)}.syh-book-cover{position:relative;width:100%;height:265px;display:grid;place-items:center;overflow:hidden;background:#edf3f9}.syh-book-cover img{width:100%;height:100%;object-fit:contain}.syh-book-placeholder, .syh-document-cover{display:grid;place-items:center;width:100%;height:265px;background:linear-gradient(145deg,#315d9f,#18335e);color:#fff;font-size:20px;font-weight:800;letter-spacing:.08em}.syh-doc-violet{background:linear-gradient(145deg,#8465c7,#4f3a91)}.syh-doc-amber{background:linear-gradient(145deg,#da9a32,#9f6315)}.syh-cover-lock{position:absolute;display:grid;place-items:center;width:34px;height:34px;right:14px;top:14px;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.94);color:#42556e;box-shadow:0 8px 18px rgba(39,65,91,.18)}.syh-library-copy{padding:18px}.syh-library-copy>span{color:#718097;font-size:14px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.syh-library-copy h3{min-height:46px;margin:8px 0 15px;color:#273950;font-size:15px;line-height:1.45}.syh-library-copy>a, .syh-library-copy>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 0 0;border:0;border-top:1px solid #e8eef3;background:none;color:#315f9f!important;font-size:14px;font-weight:760}.syh-access-note{display:flex;align-items:center;gap:15px;margin-top:25px;padding:18px 20px;border:1px solid #dce7f2;border-radius:18px;background:#fff}.syh-access-note>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#eaf8f4;color:#118c77;font-weight:800}.syh-access-note p{margin:0;color:#718097;font-size:14px;line-height:1.55}.syh-access-note p strong{display:block;color:#33475f;font-size:14px}.syh-access-note button{margin-left:auto;min-height:40px;padding:0 15px;border:0;border-radius:11px;background:#eaf2ff;color:#2859a4;font-size:14px;font-weight:780}.syh-trust{padding:68px 0;background:#172944;color:#fff}.syh-trust-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:75px}.syh-trust h2{max-width:470px;margin:10px 0 0;font-size:clamp(28px,3.3vw,42px);line-height:1.2}.syh-trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.syh-trust-points>div{min-height:158px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.045)}.syh-trust-points>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(91,145,231,.2);color:#87b7ff;font-size:14px}.syh-trust-points p{display:flex;flex-direction:column;gap:7px;margin:22px 0 0}.syh-trust-points strong{font-size:14px}.syh-trust-points small{color:#9fb0c5;font-size:14px}
.syh-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(10,25,48,.58);backdrop-filter:blur(7px)}.syh-modal-backdrop[aria-hidden="true"]{display:none}.syh-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:35px;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(5,18,36,.36);text-align:center}.syh-login-modal{width:min(430px,100%)}.syh-modal-close{position:absolute;right:16px;top:16px;width:35px;height:35px;border:1px solid #e1e8ef;border-radius:50%;background:#f7f9fb;color:#5f7086;font-size:22px}.syh-modal-icon{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 16px;border-radius:15px;background:linear-gradient(145deg,#2868df,#194ab3);color:#fff;font-size:19px}.syh-modal h2{margin:9px 0 11px;color:#1d3049;font-size:27px;line-height:1.2}.syh-modal>p:not(.syh-eyebrow):not(.syh-register-prompt){max-width:450px;margin:0 auto 20px;color:#6e7e92;font-size:14px;line-height:1.65}.syh-status-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px;border:1px solid #dfe8f1;border-radius:16px;background:#f7faff;text-align:left}.syh-status-card div{display:flex;justify-content:space-between}.syh-status-card span{color:#748399;font-size:14px}.syh-status-card strong{font-size:14px}.syh-status-card>i{grid-column:1/-1;height:6px;border-radius:999px;background:linear-gradient(90deg,#1f9c87,#3976de)}.syh-membership-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.syh-membership-options span{display:grid;place-items:center;min-height:37px;border:1px solid #dfe7ef;border-radius:10px;color:#52657e;font-size:14px;font-weight:720}.syh-membership-options span:last-child{border-color:#b9d0f5;background:#f0f6ff;color:#275eac}.syh-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:15px}.syh-modal-actions button, .syh-modal-actions a{min-height:45px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;font-size:14px;font-weight:780}.syh-modal-actions button{border:1px solid #d8e2ec;background:#fff;color:#3c526d}.syh-modal-actions a{background:#2563eb;color:#fff!important}.syh-sepay-note{display:flex;align-items:center;gap:11px;margin:16px -35px -35px;padding:14px 35px;border-top:1px solid #e6edf3;background:#f7f9fb;text-align:left}.syh-sepay-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f7f4;color:#148b78;font-size:14px;font-weight:820}.syh-sepay-note p{display:flex;flex-direction:column;gap:2px;margin:0}.syh-sepay-note strong{font-size:14px}.syh-sepay-note small{color:#8692a3;font-size:14px}.syh-login-modal form{text-align:left}.syh-login-modal form p{margin:0 0 14px}.syh-login-modal label{display:block;margin-bottom:7px;color:#3e5066;font-size:14px;font-weight:760}.syh-login-modal input[type="text"], .syh-login-modal input[type="password"]{width:100%;height:48px;border:1px solid #dbe4ec;border-radius:12px;padding:0 14px;background:#fbfcfe}.syh-login-modal .login-remember label{display:flex;align-items:center;gap:7px}.syh-login-modal input[type="submit"]{width:100%;height:49px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:14px;font-weight:780}.syh-register-prompt{margin:19px 0 0;color:#718097;font-size:14px}.syh-register-prompt a{color:#2b62be!important;font-weight:760}.syh-content-gate{max-width:620px;margin:40px auto;padding:30px;border:1px solid #dfe8f1;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(30,64,98,.1)}.syh-content-gate h2{margin:9px 0}.syh-content-gate>p{color:#63758d;line-height:1.65}.syh-content-gate label{display:block;margin:12px 0 6px;font-weight:700}.syh-content-gate input[type="text"], .syh-content-gate input[type="password"]{width:100%;min-height:46px;border:1px solid #d9e3ed;border-radius:10px;padding:0 12px}.syh-content-gate input[type="submit"]{min-height:46px;border:0;border-radius:10px;padding:0 18px;background:#2563eb;color:#fff;font-weight:750}.syh-gate-register a{color:#2563eb;font-weight:750}
@media(max-width:980px){.syh-hero-grid{grid-template-columns:1fr 1fr;gap:32px}.syh-tool-grid{grid-template-columns:1fr 1fr}.syh-tool-card:first-child{grid-column:1/-1}.syh-trial-banner{grid-template-columns:auto minmax(220px,auto) 1fr}.syh-trial-banner>button{grid-column:3}.syh-trial-meter{grid-column:1/3;grid-row:2;margin-left:56px}.syh-explorer-body{grid-template-columns:1fr}.syh-clinical-lists{border-right:0;border-bottom:1px solid #e2eaf1}.syh-clinical-list{grid-template-columns:repeat(3,1fr)}.syh-library-grid{grid-template-columns:repeat(3,1fr)}.syh-trust-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:720px){.syh-search-shortcut span:last-child{display:none}.syh-hero{padding:42px 0 48px}.syh-hero-grid{display:flex;flex-direction:column;gap:18px}.syh-kicker{margin-bottom:16px;font-size:14px}.syh-hero h1{font-size:clamp(38px,12vw,53px)}.syh-hero-lead{margin:18px 0 22px;font-size:15px}.syh-hero-visual{width:100%;min-height:330px}.syh-device{width:91%;padding:10px;transform:none}.syh-device-panel{min-height:235px;padding:18px}.syh-chart{height:66px;margin-top:17px}.syh-floating-chip{min-width:105px;padding:10px 12px}.syh-chip-left{left:-5px;bottom:22px}.syh-chip-right{right:-4px;top:39px}.syh-section{padding:62px 0}.syh-section-heading{display:block;margin-bottom:26px}.syh-section-heading>p{margin-top:14px}.syh-trial-banner{grid-template-columns:auto 1fr;gap:11px;padding:13px}.syh-trial-meter{grid-column:1/-1;grid-row:auto;margin:1px 0 0}.syh-trial-banner>button{grid-column:1/-1;width:100%}.syh-tool-grid{display:flex;gap:12px;overflow-x:auto;margin-right:-14px;padding:1px 14px 17px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.syh-tool-card, .syh-tool-card:first-child{flex:0 0 83%;grid-column:auto;min-height:355px;padding:24px;scroll-snap-align:start}.syh-explorer{border-radius:20px}.syh-explorer-head{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.syh-explorer-tabs{width:100%;overflow-x:auto}.syh-explorer-tabs button{flex:1 0 auto}.syh-explorer-body{display:block}.syh-clinical-list{display:flex;gap:9px;overflow-x:auto;padding:14px;scroll-snap-type:x mandatory}.syh-clinical-list>button{flex:0 0 218px;min-height:78px;scroll-snap-align:start}.syh-clinical-preview{min-height:390px;padding:24px 20px}.syh-clinical-preview h4{font-size:25px}.syh-preview-sample{grid-template-columns:110px 1fr;gap:14px}.syh-preview-sample.is-abg{grid-template-columns:repeat(3,1fr)}.syh-preview-actions{align-items:stretch;flex-direction:column;margin-top:24px}.syh-preview-actions a{width:100%;justify-content:space-between}.syh-library-heading{display:block}.syh-member-login{width:100%;margin-top:20px}.syh-library-grid{display:flex;gap:12px;overflow-x:auto;margin-right:-14px;padding:1px 14px 17px 0;scroll-snap-type:x mandatory}.syh-library-card{flex:0 0 72%;scroll-snap-align:start}.syh-book-cover, .syh-book-placeholder, .syh-document-cover{height:270px}.syh-access-note{align-items:flex-start;flex-wrap:wrap}.syh-access-note p{flex:1;min-width:calc(100% - 55px)}.syh-access-note button{width:100%;margin-left:0}.syh-trust-points{grid-template-columns:1fr}.syh-trust-points>div{min-height:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px}.syh-trust-points p{margin:0}.syh-modal{padding:29px 22px;border-radius:21px}.syh-membership-options{grid-template-columns:1fr 1fr}.syh-modal-actions{grid-template-columns:1fr}.syh-sepay-note{margin:16px -22px -29px;padding:14px 22px}}
@media(max-width:390px){.syh-tool-card{flex-basis:89%}.syh-library-card{flex-basis:82%}.syh-book-cover, .syh-book-placeholder, .syh-document-cover{height:258px}.syh-preview-sample.is-abg{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.syh-app *{scroll-behavior:auto!important;transition:none!important}}

/* v0.3.0 — unified ecosystem search and Medical Dictionary */
:root{--syh-amber:#c77713}
.syh-hero{overflow:visible;z-index:3}
































.syh-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.syh-tool-card{min-height:370px;padding:24px}
.syh-tool-card h3{font-size:21px}
.syh-tool-amber{--tool:#c77713;background:linear-gradient(155deg,#fffdf8,#fffaf0)}
.syh-tool-amber .syh-tool-tags span{background:#fff2d8;color:#8d5a17}
.syh-preview-sample.is-dictionary{display:block}
.syh-dictionary-sample{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}
.syh-dictionary-sample>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#c77713;color:#fff;font-size:14px;font-weight:850}
.syh-dictionary-sample p{display:flex;flex-direction:column;gap:5px;margin:0}.syh-dictionary-sample strong{font-size:15px}.syh-dictionary-sample small{font-size:14px;line-height:1.5}

@media(max-width:1080px){
    .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .syh-tool-card, .syh-tool-card:first-child{grid-column:auto}
}
@media(max-width:720px){
    .syh-hero{z-index:4}
    
    
    
    
    
    
    
    
    
    .syh-tool-grid{display:flex}
    .syh-tool-card, .syh-tool-card:first-child{flex:0 0 83%;grid-column:auto}
}


/* v0.5.4 — mobile/tablet first layout, Search Dock dark-mode contract and ranked book tabs */
:root{
    --syh-bg:#f7f9fc;
    --syh-surface:#fff;
    --syh-surface-soft:#f1f5f9;
    --syh-ink:#15243a;
    --syh-muted:#617289;
    --syh-line:#dce5ee;
    --syh-elevated:0 14px 38px rgba(31,61,91,.08);
    color-scheme:light;
}
html.nah-sdp-night-active, html.nah-sdp-dark-mode{
    --syh-bg:var(--nah-sdp-night-bg,#0b1120);
    --syh-surface:var(--nah-sdp-night-surface,#111827);
    --syh-surface-soft:#172235;
    --syh-ink:var(--nah-sdp-night-text,#e5e7eb);
    --syh-muted:#9aa9bc;
    --syh-line:#28364a;
    --syh-blue:#60a5fa;
    --syh-teal:#35c7b5;
    --syh-violet:#a78bfa;
    --syh-elevated:0 16px 42px rgba(0,0,0,.26);
    color-scheme:dark;
}
.syh-superapp-page{background:var(--syh-bg)!important}
.syh-app{overflow-x:clip;background:var(--syh-bg);color:var(--syh-ink);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}

.syh-hero{background:linear-gradient(120deg,#f7fbff,#f2f7ff 58%,#edf7f8)}
.syh-tools-section{background:var(--syh-bg)}
.syh-library-section{background:var(--syh-surface)}
.syh-section-heading h2, .syh-library-heading h2{color:var(--syh-ink)}
.syh-section-heading>p, .syh-library-heading>div>p:last-child{color:var(--syh-muted)}

/* Search is one compact Material-style control at every width. */









/* Dense cards avoid nested horizontal scroll on touch devices. */
.syh-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.syh-tool-card, .syh-tool-card:first-child{grid-column:auto;min-width:0;min-height:350px;background:var(--syh-surface);border-color:var(--syh-line);box-shadow:var(--syh-elevated)}
.syh-tool-amber{background:var(--syh-surface)}
.syh-tool-card h3{color:var(--syh-ink)}
.syh-tool-card>p:not(.syh-tool-eyebrow){color:var(--syh-muted)}
.syh-tool-tags span{background:var(--syh-surface-soft);color:var(--syh-muted)}
.syh-tool-link{border-color:var(--syh-line)}
.syh-explorer{border-color:var(--syh-line);background:var(--syh-surface);box-shadow:var(--syh-elevated)}
.syh-explorer-head, .syh-clinical-lists{border-color:var(--syh-line)}
.syh-explorer-head h3, .syh-clinical-preview h4{color:var(--syh-ink)}
.syh-explorer-tabs{background:var(--syh-surface-soft)}
.syh-explorer-tabs button{color:var(--syh-muted)}
.syh-explorer-tabs button.active{background:var(--syh-surface);color:var(--syh-blue);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.syh-clinical-list>button{border-color:var(--syh-line);background:var(--syh-surface)}
.syh-clinical-list>button.active{background:var(--syh-surface-soft)}
.syh-clinical-list strong{color:var(--syh-ink)}
.syh-clinical-list small, .syh-clinical-list em{color:var(--syh-muted)}
.syh-clinical-list em{background:var(--syh-surface-soft)}
.syh-clinical-preview{background:var(--syh-surface-soft)}
.syh-clinical-preview>p, .syh-preview-actions>small{color:var(--syh-muted)}
.syh-preview-sample{border-color:var(--syh-line);background:var(--syh-surface)}
.syh-preview-sample strong, .syh-icd-sample strong, .syh-dictionary-sample strong{color:var(--syh-ink)}
.syh-preview-sample small, .syh-icd-sample small, .syh-dictionary-sample small{color:var(--syh-muted)}
.syh-preview-sample.is-abg span{background:var(--syh-surface-soft)}
.syh-trial-banner{border-color:var(--syh-line);background:linear-gradient(105deg,#f5f9ff,#eff6ff 55%,#f3fbfa)}
.syh-trial-banner>button{background:var(--syh-surface);color:#285da8}

/* Real cover gallery: 4 desktop, 3 tablet, 2 phone. */
.syh-library-heading{align-items:center}
.syh-library-filters{margin:28px 0 23px}
.syh-library-filters button{border-color:var(--syh-line);background:var(--syh-surface);color:var(--syh-muted)}
.syh-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible;margin:0;padding:0}
.syh-library-card{min-width:0;overflow:hidden;border-color:var(--syh-line);border-radius:18px;background:var(--syh-surface);box-shadow:var(--syh-elevated)}
.syh-book-cover{height:auto;aspect-ratio:3/4;background:var(--syh-surface-soft)}
.syh-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.syh-book-cover:hover img{transform:scale(1.025)}
.syh-book-placeholder{height:auto;aspect-ratio:3/4}
.syh-book-rank{position:absolute;left:11px;top:11px;display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(12,25,43,.82);color:#fff;font-size:14px;font-weight:850;box-shadow:0 7px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.syh-cover-lock{right:11px;top:11px;width:29px;height:29px;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.9)}
.syh-library-copy{padding:15px}
.syh-library-copy h3{display:-webkit-box;min-height:43px;overflow:hidden;color:var(--syh-ink);font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.syh-library-copy>a, .syh-library-copy>button{border-color:var(--syh-line)}
.syh-member-login, .syh-access-note{border-color:var(--syh-line);background:var(--syh-surface);color:var(--syh-ink);box-shadow:var(--syh-elevated)}
.syh-access-note p{color:var(--syh-muted)}
.syh-access-note p strong{color:var(--syh-ink)}

/* Search results and modal surfaces follow the same color contract. */








.syh-modal{background:var(--syh-surface);color:var(--syh-ink)}
.syh-modal h2, .syh-status-card strong, .syh-sepay-note strong, .syh-login-modal label{color:var(--syh-ink)}
.syh-modal>p:not(.syh-eyebrow):not(.syh-register-prompt), .syh-register-prompt{color:var(--syh-muted)}
.syh-modal-close, .syh-modal-actions button{border-color:var(--syh-line);background:var(--syh-surface-soft);color:var(--syh-muted)}
.syh-status-card, .syh-membership-options span{border-color:var(--syh-line);background:var(--syh-surface-soft);color:var(--syh-muted)}
.syh-sepay-note{border-color:var(--syh-line);background:var(--syh-surface-soft)}
.syh-login-modal input[type=text], .syh-login-modal input[type=password]{border-color:var(--syh-line)!important;background:var(--syh-surface-soft)!important;color:var(--syh-ink)!important}

/* Search Dock exposes these classes and event; the CSS class is the source of truth. */
html.nah-sdp-night-active .syh-superapp-page, html.nah-sdp-dark-mode .syh-superapp-page, html.nah-sdp-night-active body.syh-superapp-page, html.nah-sdp-dark-mode body.syh-superapp-page{background:var(--syh-bg)!important;color:var(--syh-ink)!important}


html.nah-sdp-night-active .syh-search-shortcut, html.nah-sdp-dark-mode .syh-search-shortcut{color:var(--syh-muted)}




html.nah-sdp-night-active .syh-hero, html.nah-sdp-dark-mode .syh-hero{background:linear-gradient(130deg,#0b1120,#101a2c 60%,#0e2130)}
html.nah-sdp-night-active .syh-hero:before, html.nah-sdp-dark-mode .syh-hero:before{opacity:.13}
html.nah-sdp-night-active .syh-kicker, html.nah-sdp-dark-mode .syh-kicker{color:#8ab4f8}
html.nah-sdp-night-active .syh-hero h1, html.nah-sdp-dark-mode .syh-hero h1{color:var(--syh-ink)}
html.nah-sdp-night-active .syh-hero-lead, html.nah-sdp-dark-mode .syh-hero-lead, html.nah-sdp-night-active .syh-quick-links, html.nah-sdp-dark-mode .syh-quick-links{color:var(--syh-muted)}
html.nah-sdp-night-active .syh-quick-links a, html.nah-sdp-dark-mode .syh-quick-links a{color:#7dd3fc}
html.nah-sdp-night-active .syh-device, html.nah-sdp-dark-mode .syh-device, html.nah-sdp-night-active .syh-floating-chip, html.nah-sdp-dark-mode .syh-floating-chip{border-color:var(--syh-line);background:var(--syh-surface);box-shadow:var(--syh-elevated)}
html.nah-sdp-night-active .syh-device-panel, html.nah-sdp-dark-mode .syh-device-panel{background:var(--syh-surface-soft)}
html.nah-sdp-night-active .syh-device-title strong, html.nah-sdp-dark-mode .syh-device-title strong, html.nah-sdp-night-active .syh-floating-chip strong, html.nah-sdp-dark-mode .syh-floating-chip strong{color:var(--syh-ink)}
html.nah-sdp-night-active .syh-score-mini div, html.nah-sdp-dark-mode .syh-score-mini div, html.nah-sdp-night-active .syh-device-title>span, html.nah-sdp-dark-mode .syh-device-title>span{border-color:var(--syh-line);background:var(--syh-surface)}
html.nah-sdp-night-active .syh-trial-banner, html.nah-sdp-dark-mode .syh-trial-banner{background:linear-gradient(105deg,#121d30,#15243a 55%,#102c2c)}
html.nah-sdp-night-active .syh-trial-banner strong, html.nah-sdp-dark-mode .syh-trial-banner strong{color:var(--syh-ink)}
html.nah-sdp-night-active .syh-trial-banner small, html.nah-sdp-dark-mode .syh-trial-banner small, html.nah-sdp-night-active .syh-trial-banner>div>span, html.nah-sdp-dark-mode .syh-trial-banner>div>span{color:var(--syh-muted)}
html.nah-sdp-night-active .syh-tool-amber, html.nah-sdp-dark-mode .syh-tool-amber{background:var(--syh-surface)}
html.nah-sdp-night-active .syh-member-login strong, html.nah-sdp-dark-mode .syh-member-login strong{color:#93c5fd}
html.nah-sdp-night-active .syh-library-copy>span, html.nah-sdp-dark-mode .syh-library-copy>span{color:var(--syh-muted)}
html.nah-sdp-night-active .syh-library-copy>a, html.nah-sdp-dark-mode .syh-library-copy>a{color:#93c5fd!important}
html.nah-sdp-night-active .syh-trust, html.nah-sdp-dark-mode .syh-trust{background:#09101e}



@media(min-width:721px) and (max-width:1080px){
    
    
    .syh-hero{padding:58px 0 64px}
    .syh-hero-grid{grid-template-columns:1fr;gap:34px}
    .syh-hero-copy{max-width:760px}
    .syh-hero-visual{min-height:320px}
    .syh-device{width:min(500px,72%)}
    .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .syh-tool-card{min-height:310px}
    .syh-explorer-body{grid-template-columns:1fr}
    .syh-clinical-lists{border-right:0;border-bottom:1px solid var(--syh-line)}
    .syh-clinical-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .syh-clinical-preview{min-height:330px}
    .syh-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:720px){
    .syh-app{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
    
    
    
    
    
    .syh-search-shortcut{width:40px;height:40px;justify-content:center;padding:0}
    .syh-search-shortcut span:first-child{font-size:22px}
    
    
    
    .syh-hero{padding:34px 0 38px}
    .syh-hero-grid{gap:0}
    .syh-kicker{font-size:14px}
    .syh-hero h1{font-size:clamp(34px,10.2vw,43px);line-height:1.04;letter-spacing:-.04em}
    .syh-hero-lead{margin:17px 0 20px;font-size:14px;line-height:1.65}
    
    
    
    
    
    
    .syh-quick-links{flex-wrap:nowrap;margin:16px -12px 0;padding:0 12px 4px;overflow-x:auto;scrollbar-width:none}
    .syh-quick-links>span, .syh-quick-links a{flex:0 0 auto}
    .syh-hero-visual{display:none}
    .syh-section{padding:48px 0}
    .syh-section-heading{margin-bottom:22px}
    .syh-section-heading h2, .syh-library-heading h2{font-size:29px;line-height:1.14}
    .syh-section-heading>p{margin-top:11px;font-size:14px}
    .syh-trial-banner{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;border-radius:16px}
    .syh-trial-icon{width:40px;height:40px}
    .syh-trial-banner strong{font-size:14px}
    .syh-trial-banner>button{grid-column:1/-1;min-height:41px;width:100%}
    .syh-tool-grid{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible;margin:0;padding:0}
    .syh-tool-card, .syh-tool-card:first-child{width:100%;min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:7px;padding:18px;border-radius:18px}
    .syh-tool-card-top{grid-row:1/3;display:block;min-height:0;margin:0}
    .syh-tool-glyph{width:46px;height:46px;border-radius:14px;font-size:14px}
    .syh-tool-badge{display:none}
    .syh-tool-eyebrow{grid-column:2;margin:2px 0 0;font-size:14px}
    .syh-tool-card h3{grid-column:2;margin:0;font-size:20px}
    .syh-tool-card>p:not(.syh-tool-eyebrow){grid-column:1/-1;margin-top:7px;font-size:14px;line-height:1.55}
    .syh-tool-tags{grid-column:1/-1;margin:5px 0 0}
    .syh-tool-tags span{padding:5px 7px}
    .syh-tool-link{grid-column:1/-1;margin-top:5px;padding-top:13px}
    .syh-explorer{margin-top:16px;border-radius:18px}
    .syh-explorer-head{padding:17px}
    .syh-explorer-head h3{font-size:22px}
    .syh-explorer-tabs{display:grid;grid-template-columns:repeat(3,max-content);max-width:100%;padding:3px;overflow-x:auto;scrollbar-width:none}
    .syh-explorer-tabs button{min-height:34px;padding:0 11px}
    .syh-clinical-list{display:grid;grid-template-columns:1fr;gap:0;padding:0;overflow:visible}
    .syh-clinical-list>button{width:100%;min-height:68px;grid-template-columns:38px minmax(0,1fr) auto;padding:11px 13px;border-right:0}
    .syh-item-mark{width:36px;height:36px}
    .syh-clinical-list strong{font-size:14px}
    .syh-clinical-preview{min-height:0;padding:20px 17px}
    .syh-clinical-preview h4{margin:15px 0 7px;font-size:23px}
    .syh-preview-sample{grid-template-columns:86px minmax(0,1fr);gap:12px;margin-top:18px;padding:13px}
    .syh-score-sample{height:66px}
    .syh-preview-sample.is-abg{grid-template-columns:repeat(3,minmax(0,1fr))}
    .syh-preview-sample.is-abg span{padding:9px}
    .syh-preview-actions{margin-top:15px;padding-top:15px}
    .syh-library-heading{display:block}
    .syh-library-heading>div>p:last-child{font-size:14px;line-height:1.6}
    .syh-member-login{margin-top:16px;padding:11px 13px}
    .syh-library-filters{margin:20px -12px 17px;padding:0 12px 3px}
    .syh-library-filters button{min-height:38px;padding:0 14px}
    .syh-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;overflow:visible;margin:0;padding:0}
    .syh-library-card{flex:none;width:auto;border-radius:14px}
    .syh-library-copy{padding:11px}
    .syh-library-copy>span{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
    .syh-library-copy h3{min-height:38px;margin:6px 0 10px;font-size:14px;line-height:1.45}
    .syh-library-copy>a{padding-top:9px;font-size:14px}
    .syh-book-rank{left:8px;top:8px;width:25px;height:25px;border-radius:8px;font-size:14px}
    .syh-cover-lock{right:8px;top:8px;width:25px;height:25px}
    .syh-access-note{gap:11px;margin-top:18px;padding:14px}
    .syh-access-note>span{width:34px;height:34px}
    .syh-access-note p{min-width:calc(100% - 46px);font-size:14px}
    .syh-access-note p strong{font-size:14px}
    .syh-trust{padding:48px 0}
    .syh-trust h2{font-size:29px}
    
    
    
}

@media(max-width:380px){
    
    
    
    .syh-hero h1{font-size:33px}
    
    
    .syh-clinical-list em{display:none}
    .syh-preview-sample.is-abg{grid-template-columns:1fr 1fr}
}

/* v0.4.1 — modal compositor and Search Dock night-overlay compatibility */
.syh-modal-backdrop{
    z-index:2147483400!important;
    isolation:isolate;
    overflow:hidden;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overscroll-behavior:contain;
}
.syh-modal-backdrop::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    background:rgba(5,15,31,.72);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.syh-modal-backdrop[aria-hidden="true"]{display:none!important}
.syh-modal-backdrop.is-open{display:grid!important}
.syh-modal-backdrop>.syh-modal{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translate3d(0,0,0)!important;
    will-change:transform;
}
html.nah-sdp-night-mode body.syh-superapp-modal-open::before, html.nah-sdp-night-mode body.syh-superapp-modal-open::after, html.nah-sdp-night-active body.syh-superapp-modal-open::before, html.nah-sdp-night-active body.syh-superapp-modal-open::after, html.nah-sdp-dark-mode body.syh-superapp-modal-open::before, html.nah-sdp-dark-mode body.syh-superapp-modal-open::after{
    z-index:2147481000!important;
}
body.syh-superapp-modal-open .nah-sdp-tooltip{visibility:hidden!important;opacity:0!important}
@media(max-width:720px){
    .syh-modal-backdrop{align-items:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))}
    .syh-modal-backdrop>.syh-modal{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}

/* v0.4.3 — compact clinical tools on phones */
@media(max-width:720px){
    
    .syh-tools-section{padding:38px 0 42px}
    .syh-tools-section .syh-section-heading{margin-bottom:16px}
    .syh-tools-section .syh-section-heading h2{font-size:25px}
    .syh-tools-section .syh-section-heading>p{display:none}
    .syh-tools-section .syh-trial-banner{grid-template-columns:34px minmax(0,1fr);gap:8px;margin-bottom:14px;padding:9px 10px;border-radius:14px}
    .syh-tools-section .syh-trial-icon{width:34px;height:34px;border-radius:10px}
    .syh-tools-section .syh-trial-banner>div:nth-child(2)>span{display:none}
    .syh-tools-section .syh-trial-banner small{font-size:14px}
    .syh-tools-section .syh-trial-banner strong{font-size:14px}
    .syh-tools-section .syh-trial-meter{height:4px}
    .syh-tools-section .syh-trial-banner>button{min-height:35px;font-size:14px}
    .syh-tools-section .syh-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:0}
    .syh-tools-section .syh-tool-card, .syh-tools-section .syh-tool-card:first-child{width:auto;min-height:150px;display:flex;flex-direction:column;gap:0;padding:13px;border-radius:15px}
    .syh-tools-section .syh-tool-card-top{width:100%;display:flex;grid-row:auto;align-items:flex-start;justify-content:space-between;min-height:0;margin-bottom:10px}
    .syh-tools-section .syh-tool-glyph{width:38px;height:38px;border-radius:11px;font-size:14px}
    .syh-tools-section .syh-tool-eyebrow{grid-column:auto;margin:0 0 4px;font-size:14px;letter-spacing:.09em}
    .syh-tools-section .syh-tool-card h3{grid-column:auto;margin:0;font-size:15px;line-height:1.22}
    .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow), .syh-tools-section .syh-tool-tags{display:none}
    .syh-tools-section .syh-tool-link{grid-column:auto;margin-top:auto;padding-top:9px;font-size:14px}
    .syh-tools-section .syh-explorer{margin-top:12px;border-radius:15px}
    .syh-tools-section .syh-explorer-head{gap:9px;padding:12px}
    .syh-tools-section .syh-explorer-head h3{font-size:18px}
    .syh-tools-section .syh-explorer-tabs{width:100%}
    .syh-tools-section .syh-explorer-tabs button{min-height:31px;padding:0 9px;font-size:14px}
    .syh-tools-section .syh-clinical-list{display:flex;gap:7px;padding:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
    .syh-tools-section .syh-clinical-list::-webkit-scrollbar{display:none}
    .syh-tools-section .syh-clinical-list>button{flex:0 0 156px;width:156px;min-height:54px;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px;border:1px solid var(--syh-line);border-radius:11px;scroll-snap-align:start}
    .syh-tools-section .syh-item-mark{width:30px;height:30px;border-radius:9px}
    .syh-tools-section .syh-clinical-list em{display:none}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-preview{padding:13px}
    .syh-tools-section .syh-clinical-preview h4{margin:9px 0 5px;font-size:19px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px;line-height:1.5}
    .syh-tools-section .syh-preview-sample{display:none}
    .syh-tools-section .syh-preview-actions{margin-top:11px;padding-top:11px}
    .syh-tools-section .syh-preview-actions>small{display:none}
    .syh-tools-section .syh-preview-actions a{min-height:37px;font-size:14px}
}
@media(max-width:380px){
    .syh-tools-section .syh-tool-card, .syh-tools-section .syh-tool-card:first-child{min-height:143px;padding:11px}
    .syh-tools-section .syh-tool-card h3{font-size:14px}
    
}

/* v0.10.0 — entrance to the complete library */
.syh-library-heading-actions{display:flex;align-items:stretch;gap:10px}.syh-library-open{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:0 20px;border-radius:17px;background:var(--syh-blue);color:#fff!important;font-size:14px;font-weight:820;white-space:nowrap;box-shadow:0 12px 25px rgba(36,99,212,.19)}.syh-library-open span{font-size:15px}.syh-access-note>a{display:flex;align-items:center;justify-content:center;min-height:42px;margin-left:auto;border-radius:11px;padding:0 16px;background:var(--syh-blue);color:#fff;font-size:14px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.syh-library-heading-actions{width:100%;justify-content:flex-start}.syh-library-open{min-height:58px}.syh-library-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.syh-library-heading-actions{display:grid;grid-template-columns:1fr}.syh-library-open{min-height:48px;border-radius:13px}.syh-library-heading-actions .syh-member-login{width:100%}.syh-access-note>a{width:100%;margin:0}}

/* v0.7.0 — Medipharm identity and one sticky global search */
:root{--syh-blue:#087fc2;--syh-teal:#0b9ead;--syh-ink:#10283f;--syh-bg:#f4f9fc}



.syh-button-dark{background:linear-gradient(135deg,#063d78,#087fc2)}
.syh-hero{padding-top:62px;background:radial-gradient(circle at 78% 22%,rgba(11,158,173,.12),transparent 30%),linear-gradient(135deg,#f7fcff,#eef8fb 62%,#f3fbf7)}.syh-hero h1 span{color:#087fc2}.syh-kicker{color:#063d78}.syh-kicker span{background:#39b85a}.syh-quick-links a{color:#087f9f}
.syh-trust{background:linear-gradient(135deg,#052f5f,#075a80 65%,#087f83)}.syh-trial-banner{background:linear-gradient(105deg,#f2f9ff,#eefcfa 55%,#f1fbf3)}.syh-trial-meter i, .syh-status-card>i{background:linear-gradient(90deg,#39b85a,#0b9ead,#087fc2)}


@media(max-width:720px){
    
    
    
    
    .syh-hero{padding-top:34px}.syh-hero h1{font-size:clamp(35px,10.8vw,49px)}
    
}




/* v0.10.2 — compact landscape Clinical Suite explorer on desktop */
@media(min-width:1100px){
    
    .syh-tools-section .syh-explorer{margin-top:18px;border-radius:22px}
    .syh-tools-section .syh-explorer-head{gap:18px;padding:18px 22px}
    .syh-tools-section .syh-explorer-head h3{margin-top:4px;font-size:22px}
    .syh-tools-section .syh-explorer-body{grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);min-height:0}
    .syh-tools-section .syh-clinical-list{grid-template-columns:repeat(3,minmax(0,1fr))}
    .syh-tools-section .syh-clinical-list>button{min-height:72px;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:10px 11px}
    .syh-tools-section .syh-item-mark{width:30px;height:30px;border-radius:9px;font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-list em{padding:3px 5px;font-size:14px}
    .syh-tools-section .syh-clinical-preview{padding:24px 26px}
    .syh-tools-section .syh-clinical-preview h4{margin:16px 0 7px;font-size:27px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px;line-height:1.55}
    .syh-tools-section .syh-preview-sample{grid-template-columns:112px minmax(0,1fr);gap:14px;margin-top:18px;padding:14px}
    .syh-tools-section .syh-score-sample{height:68px;gap:6px}
    .syh-tools-section .syh-preview-actions{margin-top:22px;padding-top:16px}
}

/* v0.10.3 — fluid responsive canvas from phones to large desktop/Mac displays */
:root{
    --syh-shell-max:1480px;
    --syh-shell-gutter:clamp(16px,2.35vw,40px);
}


/* Keep the content canvas fluid instead of constraining tablet/desktop to the old 940/1180px frame. */


@media(min-width:1100px){
    
    
    .syh-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:clamp(52px,5vw,92px)}
    .syh-hero-copy{max-width:720px}
    .syh-hero-lead{max-width:680px}
    
    .syh-hero-visual{min-height:410px}
    .syh-device{width:min(470px,92%)}
    .syh-section-heading>p{max-width:520px}
    .syh-library-heading>div>p:last-child{max-width:760px}
    .syh-trust-grid{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:clamp(48px,5vw,88px)}
    
}

/* Standard desktop / 13–14 inch MacBook class. */
@media(min-width:1180px) and (max-width:1379px){
    
    
    .syh-hero-grid{gap:54px}
}

/* Wide desktop and larger Mac displays: use the horizontal canvas rather than enlarging individual cards. */
@media(min-width:1380px){
    .syh-library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
    .syh-tools-section .syh-explorer-body{grid-template-columns:minmax(0,1.72fr) minmax(400px,.78fr)}
    .syh-tools-section .syh-clinical-list{grid-template-columns:repeat(4,minmax(0,1fr))}
    .syh-tools-section .syh-clinical-list>button{min-height:70px}
}

/* Ultra-wide monitors: cap line length and visual scale while retaining generous side canvas. */
@media(min-width:1680px){
    :root{--syh-shell-max:1520px}
    
    .syh-hero h1{font-size:70px}
    .syh-device{width:490px}
}

/* Mobile remains edge-efficient and touch-first. */
@media(max-width:720px){
    :root{--syh-shell-gutter:12px}
    
}


/* YHLS v0.1.0 — Medical Article Library */

.yhls-hero .syh-hero-lead{max-width:720px}
.yhls-reading-device .syh-device-panel{display:flex;flex-direction:column;gap:22px}
.yhls-reader-lines{display:grid;gap:11px;padding:16px 0 8px}
.yhls-reader-lines span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#bdd8f4,#dcecf8)}
.yhls-reader-lines span:nth-child(1){width:94%}.yhls-reader-lines span:nth-child(2){width:100%}.yhls-reader-lines span:nth-child(3){width:82%}.yhls-reader-lines span:nth-child(4){width:97%}.yhls-reader-lines span:nth-child(5){width:88%}.yhls-reader-lines span:nth-child(6){width:64%}
.yhls-articles-section{background:linear-gradient(180deg,#fff,#f7fafc)}
.yhls-articles-heading{margin-bottom:22px}
.yhls-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.yhls-article-card{overflow:hidden;border:1px solid var(--syh-line);border-radius:22px;background:var(--syh-surface);box-shadow:0 14px 36px rgba(31,63,95,.07);transition:transform .2s ease,box-shadow .2s ease}
.yhls-article-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(31,63,95,.1)}
.yhls-article-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#eaf4fc,#dff6f3)}
.yhls-article-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.yhls-article-card:hover .yhls-article-media img{transform:scale(1.025)}
.yhls-article-media>span{display:grid;place-items:center;align-content:center;width:100%;height:100%;color:#0b5794;text-align:center}.yhls-article-media>span b{font-size:30px;letter-spacing:.08em}.yhls-article-media>span small{font-size:14px;letter-spacing:.18em}
.yhls-article-media em{position:absolute;left:14px;bottom:13px;max-width:calc(100% - 28px);padding:7px 10px;border-radius:999px;background:rgba(6,61,120,.9);color:#fff;font-size:14px;font-style:normal;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px)}
.yhls-article-copy{display:flex;flex-direction:column;min-height:270px;padding:19px 19px 18px}.yhls-article-copy>p{margin:0 0 9px;color:var(--syh-muted);font-size:14px;font-weight:680;line-height:1.45}.yhls-article-copy h3{margin:0 0 10px;color:var(--syh-ink);font-size:19px;line-height:1.28}.yhls-article-copy h3 a{color:inherit}.yhls-article-copy>div{display:-webkit-box;overflow:hidden;margin-bottom:17px;color:var(--syh-muted);font-size:14px;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}.yhls-article-copy>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--syh-line);color:#0b66b2;font-size:14px;font-weight:780}
html.nah-sdp-night-active .yhls-articles-section, html.nah-sdp-dark-mode .yhls-articles-section{background:linear-gradient(180deg,#091421,#0d1b2a)}
html.nah-sdp-night-active .yhls-article-card, html.nah-sdp-dark-mode .yhls-article-card{border-color:#24364a;background:#111f31}
html.nah-sdp-night-active .yhls-reader-lines span, html.nah-sdp-dark-mode .yhls-reader-lines span{background:linear-gradient(90deg,#264761,#365a72)}
@media(max-width:1180px){.yhls-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.yhls-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.yhls-article-copy{min-height:245px;padding:16px}.yhls-article-copy h3{font-size:17px}.yhls-article-copy>div{font-size:14px}}
@media(max-width:520px){.yhls-article-grid{grid-template-columns:1fr}.yhls-article-card{display:grid;grid-template-columns:132px minmax(0,1fr);border-radius:17px}.yhls-article-media{height:100%;min-height:190px;aspect-ratio:auto}.yhls-article-media em{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:14px}.yhls-article-copy{min-height:190px;padding:14px}.yhls-article-copy>p{font-size:14px}.yhls-article-copy h3{font-size:16px}.yhls-article-copy>div{-webkit-line-clamp:2;font-size:14px}.yhls-article-copy>a{font-size:14px}}

/* v0.2.0 — YHLS editorial home: real WordPress categories + latest / all-time / 30-day views */
.yhls-home-knowledge{background:linear-gradient(180deg,#fff 0,#f7fafc 46%,#fff 100%)}
.yhls-knowledge-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px}
.yhls-knowledge-head>div{max-width:760px}.yhls-knowledge-head h2{margin:5px 0 0;color:var(--syh-ink);font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.025em}.yhls-knowledge-head>div>p:last-child{max-width:700px;margin:12px 0 0;color:var(--syh-muted);font-size:15px;line-height:1.65}
.yhls-specialty-rail{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding:12px 14px;border:1px solid var(--syh-line);border-radius:18px;background:var(--syh-surface);box-shadow:0 10px 30px rgba(31,63,95,.045)}
.yhls-specialty-label{flex:0 0 auto;padding:0 6px;color:var(--syh-ink);font-size:14px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.yhls-specialty-scroll{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.yhls-specialty-scroll::-webkit-scrollbar{display:none}.yhls-specialty-scroll a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #dfe8f1;border-radius:12px;background:#f8fafc;color:#43566f;font-size:14px;font-weight:720;white-space:nowrap;transition:border-color .18s ease,background .18s ease,transform .18s ease}.yhls-specialty-scroll a:hover{transform:translateY(-1px);border-color:#b7cce4;background:#f0f6fd}.yhls-specialty-scroll small{display:grid;place-items:center;min-width:25px;height:23px;padding:0 6px;border-radius:8px;background:#eaf1f8;color:#55708c;font-size:14px;font-weight:780}
.yhls-newsroom-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,.78fr);gap:24px;align-items:start}
.yhls-latest-block, .yhls-popular-block, .yhls-trending-block{border:1px solid var(--syh-line);border-radius:24px;background:var(--syh-surface);box-shadow:0 18px 52px rgba(30,62,94,.065)}
.yhls-latest-block{padding:23px}.yhls-popular-block{padding:23px 22px}.yhls-trending-block{margin-top:24px;padding:23px}
.yhls-block-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.yhls-block-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.yhls-block-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:13px;background:#eaf3ff;color:#1760a9;font-size:14px;font-weight:850}.yhls-block-heading p{margin:0 0 2px;color:#7690aa;font-size:14px;font-weight:800;letter-spacing:.08em}.yhls-block-heading h3{margin:0;color:var(--syh-ink);font-size:22px;line-height:1.2}.yhls-block-heading>a{flex:0 0 auto;color:#1764ad;font-size:14px;font-weight:780}.yhls-block-heading-compact{margin-bottom:12px}
.yhls-lead-story{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);overflow:hidden;border:1px solid var(--syh-line);border-radius:20px;background:#fbfdff}.yhls-lead-media{position:relative;display:block;min-height:330px;overflow:hidden;background:linear-gradient(145deg,#e6f2fb,#e1f4ee)}.yhls-lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.yhls-lead-story:hover .yhls-lead-media img{transform:scale(1.025)}.yhls-lead-media>em{position:absolute;left:15px;bottom:15px;max-width:calc(100% - 30px);padding:7px 11px;border-radius:999px;background:rgba(8,70,128,.92);color:#fff;font-size:14px;font-style:normal;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(7px)}
.yhls-media-fallback{display:grid;place-items:center;align-content:center;width:100%;height:100%;min-height:100%;color:#0c5796;text-align:center;background:linear-gradient(145deg,#edf6fd,#e7f7f2)}.yhls-media-fallback b{font-size:24px;letter-spacing:.09em}.yhls-media-fallback small{margin-top:3px;font-size:14px;letter-spacing:.18em}
.yhls-lead-copy{display:flex;flex-direction:column;padding:25px}.yhls-lead-copy>p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;color:#74879b;font-size:14px;font-weight:650}.yhls-lead-copy>p i{font-style:normal;color:#b4c0cc}.yhls-lead-copy h3{margin:0 0 12px;font-size:clamp(24px,2.05vw,31px);line-height:1.2;letter-spacing:-.018em}.yhls-lead-copy h3 a{color:var(--syh-ink)}.yhls-lead-copy>div{display:-webkit-box;overflow:hidden;color:var(--syh-muted);font-size:14px;line-height:1.68;-webkit-line-clamp:4;-webkit-box-orient:vertical}.yhls-lead-copy>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--syh-line);color:#1162ac;font-size:14px;font-weight:800}
.yhls-latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.yhls-latest-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;min-width:0;padding:10px;border:1px solid var(--syh-line);border-radius:16px;background:#fff}.yhls-latest-thumb{display:block;overflow:hidden;min-height:92px;border-radius:12px;background:#eef5fa}.yhls-latest-thumb img{width:100%;height:100%;object-fit:cover}.yhls-latest-row>div{min-width:0;padding:2px 2px 1px}.yhls-latest-row p{display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 6px;color:#8494a5;font-size:14px;line-height:1.3}.yhls-latest-row p a{max-width:60%;overflow:hidden;color:#2d6ca7;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.yhls-latest-row h4{display:-webkit-box;overflow:hidden;margin:0;color:var(--syh-ink);font-size:14px;line-height:1.42;-webkit-line-clamp:2;-webkit-box-orient:vertical}.yhls-latest-row h4 a{color:inherit}.yhls-latest-row small{display:block;margin-top:7px;color:#8190a0;font-size:14px}
.yhls-popular-list{list-style:none;margin:0;padding:0}.yhls-popular-list li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--syh-line)}.yhls-popular-list li:first-child{border-top:0}.yhls-rank{padding-top:2px;color:#c3d0dc;font-size:26px;font-weight:850;line-height:1;letter-spacing:-.04em}.yhls-popular-list li:nth-child(-n/**/+3) .yhls-rank{color:#1c6bb3}.yhls-popular-list p{margin:0 0 5px}.yhls-popular-list p a{color:#4f82ad;font-size:14px;font-weight:760}.yhls-popular-list h4{display:-webkit-box;overflow:hidden;margin:0;color:var(--syh-ink);font-size:14px;line-height:1.43;-webkit-line-clamp:2;-webkit-box-orient:vertical}.yhls-popular-list h4 a{color:inherit}.yhls-popular-list small{display:block;margin-top:7px;color:#8291a1;font-size:14px;font-weight:650}
.yhls-trending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yhls-trend-card{display:grid;grid-template-columns:145px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--syh-line);border-radius:17px;background:#fbfdff}.yhls-trend-media{display:block;min-height:135px;overflow:hidden;background:#edf5fa}.yhls-trend-media img{width:100%;height:100%;object-fit:cover}.yhls-trend-card>div{min-width:0;padding:14px}.yhls-trend-card p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px}.yhls-trend-card p a{max-width:55%;overflow:hidden;color:#3977aa;font-size:14px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.yhls-trend-card p span{flex:0 0 auto;color:#7f90a2;font-size:14px}.yhls-trend-card h4{display:-webkit-box;overflow:hidden;margin:0;color:var(--syh-ink);font-size:14px;line-height:1.45;-webkit-line-clamp:3;-webkit-box-orient:vertical}.yhls-trend-card h4 a{color:inherit}.yhls-trend-card small{display:block;margin-top:8px;color:#8493a3;font-size:14px}
.yhls-empty-state{padding:30px;border:1px dashed #cfdae5;border-radius:16px;background:#f9fbfd;color:#75879a;font-size:14px;text-align:center}.yhls-empty-state-small{margin-top:10px;padding:22px 16px}
html.nah-sdp-night-active .yhls-home-knowledge, html.nah-sdp-dark-mode .yhls-home-knowledge{background:linear-gradient(180deg,#091421 0,#0d1b2a 50%,#091421 100%)}
html.nah-sdp-night-active .yhls-specialty-scroll a, html.nah-sdp-dark-mode .yhls-specialty-scroll a, html.nah-sdp-night-active .yhls-latest-row, html.nah-sdp-dark-mode .yhls-latest-row{border-color:#273a4e;background:#142437;color:#d5e0ea}
html.nah-sdp-night-active .yhls-specialty-scroll small, html.nah-sdp-dark-mode .yhls-specialty-scroll small{background:#21364b;color:#c5d8e8}
html.nah-sdp-night-active .yhls-lead-story, html.nah-sdp-dark-mode .yhls-lead-story, html.nah-sdp-night-active .yhls-trend-card, html.nah-sdp-dark-mode .yhls-trend-card{background:#101f30}
html.nah-sdp-night-active .yhls-empty-state, html.nah-sdp-dark-mode .yhls-empty-state{border-color:#30455a;background:#112033;color:#b7c6d5}

@media(max-width:1280px){.yhls-newsroom-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr)}.yhls-lead-story{grid-template-columns:1.05fr .95fr}.yhls-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yhls-trend-card{grid-template-columns:132px minmax(0,1fr)}}
@media(max-width:1020px){.yhls-newsroom-grid{grid-template-columns:1fr}.yhls-popular-block{padding:21px}.yhls-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.yhls-popular-list li:nth-child(2){border-top:0}.yhls-lead-media{min-height:300px}.yhls-specialty-rail{align-items:flex-start;flex-direction:column;gap:9px}.yhls-specialty-label{padding-left:2px}}
@media(max-width:760px){.yhls-knowledge-head{align-items:flex-start;flex-direction:column;gap:16px}.yhls-knowledge-head h2{font-size:32px}.yhls-specialty-rail{margin-left:-4px;margin-right:-4px;padding:11px}.yhls-latest-block, .yhls-popular-block, .yhls-trending-block{border-radius:20px}.yhls-latest-block, .yhls-trending-block{padding:16px}.yhls-popular-block{padding:16px}.yhls-lead-story{grid-template-columns:1fr}.yhls-lead-media{min-height:260px;aspect-ratio:16/9}.yhls-lead-copy{padding:19px}.yhls-lead-copy h3{font-size:25px}.yhls-lead-copy>div{-webkit-line-clamp:3}.yhls-latest-list{grid-template-columns:1fr}.yhls-latest-row{grid-template-columns:118px minmax(0,1fr)}.yhls-popular-list{grid-template-columns:1fr}.yhls-popular-list li:nth-child(2){border-top:1px solid var(--syh-line)}.yhls-trending-grid{grid-template-columns:1fr}.yhls-trend-card{grid-template-columns:145px minmax(0,1fr)}.yhls-block-heading h3{font-size:20px}}
@media(max-width:480px){.yhls-home-knowledge{padding-top:42px;padding-bottom:48px}.yhls-specialty-scroll{width:100%}.yhls-specialty-scroll a{min-height:40px;font-size:14px}.yhls-block-heading{align-items:flex-start}.yhls-block-heading>a{padding-top:7px}.yhls-block-icon{width:37px;height:37px}.yhls-lead-media{min-height:210px}.yhls-lead-copy{padding:17px}.yhls-lead-copy h3{font-size:22px}.yhls-latest-row{grid-template-columns:104px minmax(0,1fr);padding:8px}.yhls-latest-thumb{min-height:88px}.yhls-rank{font-size:23px}.yhls-trend-card{grid-template-columns:116px minmax(0,1fr)}.yhls-trend-card>div{padding:12px}.yhls-trend-card p{align-items:flex-start;flex-direction:column;gap:4px}.yhls-trend-card p a{max-width:100%}.yhls-trend-card h4{font-size:14px;-webkit-line-clamp:3}}

/* v0.5.4 – spotlight illustrations and richer article visuals */
.yhls-spotlight-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;padding:18px;border:1px solid rgba(255,255,255,.48);border-radius:28px;background:rgba(255,255,255,.58);box-shadow:0 18px 50px rgba(20,63,104,.12);backdrop-filter:blur(14px)}
.yhls-spotlight-topline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.yhls-spotlight-topline small{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e8f3ff;color:#0d4f88;font-size:14px;font-weight:800;letter-spacing:.12em}.yhls-spotlight-topline small:before{content:"";width:8px;height:8px;border-radius:999px;background:#1d9bf0;box-shadow:0 0 0 6px rgba(29,155,240,.12)}.yhls-spotlight-topline span{font-size:14px;color:#55718b}
.yhls-spotlight-media{position:relative;display:block;overflow:hidden;min-height:310px;border-radius:24px;background:linear-gradient(140deg,#dff0ff,#eff8ff)}.yhls-spotlight-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .55s ease,filter .35s ease}.yhls-spotlight-card:hover .yhls-spotlight-media img{transform:scale(1.04);filter:saturate(1.05)}
.yhls-spotlight-overlay{position:absolute;inset:auto 14px 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(11,40,71,.68);backdrop-filter:blur(10px);color:#fff}.yhls-spotlight-overlay span, .yhls-spotlight-overlay strong{display:block;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.yhls-spotlight-wave{position:absolute;left:16px;right:16px;top:16px;display:flex;gap:8px;align-items:flex-end;height:64px;pointer-events:none}.yhls-spotlight-wave span{width:12px;border-radius:999px;background:rgba(255,255,255,.76);animation:yhlsWave 1.6s ease-in-out infinite}.yhls-spotlight-wave span:nth-child(1){height:22px;animation-delay:0s}.yhls-spotlight-wave span:nth-child(2){height:44px;animation-delay:.12s}.yhls-spotlight-wave span:nth-child(3){height:30px;animation-delay:.24s}.yhls-spotlight-wave span:nth-child(4){height:56px;animation-delay:.36s}.yhls-spotlight-wave span:nth-child(5){height:38px;animation-delay:.48s}
@keyframes yhlsWave{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}
.yhls-spotlight-copy{display:flex;flex-direction:column;justify-content:center;padding:6px 8px 4px 2px}.yhls-spotlight-tag{margin:0 0 10px;color:#1477a5;font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.yhls-spotlight-copy h2{margin:0;font-size:31px;line-height:1.08;letter-spacing:-.03em}.yhls-spotlight-copy h2 a{color:var(--syh-ink);text-decoration:none}.yhls-spotlight-copy>p[data-yhls-spotlight-excerpt]{margin:14px 0 0;color:#516b82;font-size:15px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.yhls-spotlight-meta{display:flex;align-items:center;gap:10px;margin-top:12px;color:#64819a;font-size:14px}.yhls-spotlight-meta i{font-style:normal;color:#9ab1c4}.yhls-spotlight-cta{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:18px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#1b75d0,#2f88ff);color:#fff;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(47,136,255,.22)}
.yhls-spotlight-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.yhls-spotlight-switcher button{padding:11px 12px;border:1px solid rgba(12,71,120,.12);border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.yhls-spotlight-switcher button strong{display:block;color:#0d5f92;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.yhls-spotlight-switcher button span{display:block;margin-top:4px;color:#20344b;font-size:14px;line-height:1.35}.yhls-spotlight-switcher button.is-active{border-color:#9bccff;box-shadow:0 10px 20px rgba(21,103,187,.12);transform:translateY(-1px);background:linear-gradient(180deg,#fff,#f4f9ff)}
.yhls-media-fallback{position:relative;overflow:hidden;display:grid;place-items:center;align-content:center;width:100%;height:100%;min-height:100%;color:#0c5796;text-align:center;background:linear-gradient(145deg,#edf6fd,#e7f7f2)}.yhls-media-fallback:before, .yhls-media-fallback:after{content:"";position:absolute;border-radius:999px;background:rgba(42,122,201,.10)}.yhls-media-fallback:before{width:180px;height:180px;right:-40px;top:-40px}.yhls-media-fallback:after{width:140px;height:140px;left:-30px;bottom:-30px}
@media(max-width:1180px){.yhls-spotlight-card{grid-template-columns:1fr}.yhls-spotlight-media{min-height:280px}.yhls-spotlight-copy h2{font-size:28px}}
@media(max-width:760px){.yhls-spotlight-card{padding:14px;border-radius:24px}.yhls-spotlight-topline{align-items:flex-start;flex-direction:column}.yhls-spotlight-media{min-height:230px}.yhls-spotlight-copy{padding:0}.yhls-spotlight-copy h2{font-size:24px}.yhls-spotlight-switcher{grid-template-columns:1fr}}
@media(max-width:480px){.yhls-spotlight-topline small, .yhls-spotlight-overlay span, .yhls-spotlight-overlay strong{font-size:14px}.yhls-spotlight-copy>p[data-yhls-spotlight-excerpt]{font-size:14px}.yhls-spotlight-cta{width:100%;justify-content:center}.yhls-spotlight-switcher button span{font-size:14px}}
html.nah-sdp-night-active .yhls-spotlight-card, html.nah-sdp-dark-mode .yhls-spotlight-card{background:rgba(12,25,39,.78);border-color:rgba(156,187,220,.18);box-shadow:0 20px 54px rgba(0,0,0,.28)}
html.nah-sdp-night-active .yhls-spotlight-switcher button, html.nah-sdp-dark-mode .yhls-spotlight-switcher button{background:#102032;border-color:#19324a}html.nah-sdp-night-active .yhls-spotlight-switcher button span, html.nah-sdp-dark-mode .yhls-spotlight-switcher button span{color:#d7e5f5}html.nah-sdp-night-active .yhls-spotlight-copy h2 a, html.nah-sdp-dark-mode .yhls-spotlight-copy h2 a{color:#f4f9ff}html.nah-sdp-night-active .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt], html.nah-sdp-dark-mode .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt], html.nah-sdp-night-active .yhls-spotlight-topline span, html.nah-sdp-dark-mode .yhls-spotlight-topline span, html.nah-sdp-night-active .yhls-spotlight-meta, html.nah-sdp-dark-mode .yhls-spotlight-meta{color:#9fb4c7}

.yhls-spotlight-note{margin:14px 0 0;color:#6f879d;font-size:14px;line-height:1.55}
html.nah-sdp-night-active .yhls-spotlight-note, html.nah-sdp-dark-mode .yhls-spotlight-note{color:#91a8bc}

/* v0.5.4 – richer spotlight placeholders and larger readable type */
.yhls-app{font-size:14px}
.yhls-app p, .yhls-app li, .yhls-app a, .yhls-app button, .yhls-app input, .yhls-app select, .yhls-app textarea, .yhls-app label{font-size:inherit}
.yhls-app small, .yhls-app .syh-eyebrow, .yhls-app .yhls-specialty-label, .yhls-app .yhls-block-heading p, .yhls-app .yhls-spotlight-topline span, .yhls-app .yhls-spotlight-note, .yhls-app .yhls-spotlight-overlay span, .yhls-app .yhls-spotlight-overlay strong, .yhls-app .yhls-spotlight-tag, .yhls-app .syh-kicker, .yhls-app .syh-tool-eyebrow, .yhls-app .syh-tool-tags span, .yhls-app .syh-clinical-item em, .yhls-app .syh-clinical-item small, .yhls-app .syh-preview-topline span, .yhls-app .syh-preview-actions small, .yhls-app .yhls-popular-list small, .yhls-app .yhls-trend-card small, .yhls-app .yhls-latest-row small{font-size:14px !important}
.yhls-app .syh-hero-lead, .yhls-app .yhls-knowledge-head>div>p, .yhls-app .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt], .yhls-app .yhls-lead-copy div, .yhls-app .syh-tool-card>p, .yhls-app .syh-trust-points p small{font-size:15px !important;line-height:1.7}
.yhls-app .yhls-specialty-scroll a span, .yhls-app .yhls-popular-list h4 a, .yhls-app .yhls-trend-card h4 a, .yhls-app .yhls-latest-row h4 a, .yhls-app .syh-tool-card h3, .yhls-app .syh-clinical-item strong, .yhls-app .syh-preview-actions a, .yhls-app .yhls-spotlight-cta{font-size:14px}
.yhls-app .yhls-specialty-scroll a small, .yhls-app .yhls-latest-row p, .yhls-app .yhls-trend-card p, .yhls-app .yhls-lead-copy p, .yhls-app .yhls-popular-list p{font-size:14px}
.yhls-app .yhls-spotlight-media img, .yhls-app .yhls-lead-media img, .yhls-app .yhls-latest-thumb img, .yhls-app .yhls-trend-media img{display:block;width:100%;height:100%;object-fit:cover;background:linear-gradient(140deg,#eff6ff,#e5f4ff)}
@media (max-width:640px){.yhls-app{font-size:14px}.yhls-app .syh-hero-lead, .yhls-app .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt], .yhls-app .yhls-knowledge-head>div>p, .yhls-app .syh-tool-card>p{font-size:14px !important}}

/* v0.5.4 – specialty-specific editorial spotlight */
.yhls-spotlight-card{position:relative;overflow:hidden}
.yhls-spotlight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.28),transparent 34%);pointer-events:none}
.yhls-spotlight-card.is-article{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.66));border-color:rgba(17,85,146,.10)}
.yhls-spotlight-card.is-tool{background:linear-gradient(180deg,rgba(236,247,255,.92),rgba(230,242,255,.82));border-color:rgba(28,101,173,.16)}
.yhls-spotlight-card.is-tool .yhls-spotlight-tag{color:#0f5fa5}.yhls-spotlight-card.is-tool .yhls-spotlight-cta{background:linear-gradient(135deg,#0f5fa5,#118ac0)}
.yhls-spotlight-card.is-tool .yhls-spotlight-overlay{background:rgba(12,54,94,.76)}
.yhls-spotlight-card.is-article .yhls-spotlight-overlay{background:rgba(14,39,66,.70)}
.yhls-spotlight-card .yhls-spotlight-topline{margin-bottom:2px}
.yhls-spotlight-card .yhls-spotlight-topline small{font-size:14px;letter-spacing:.18em}
.yhls-spotlight-card .yhls-spotlight-topline span{font-size:14px;font-weight:700;color:#4f6d87}
.yhls-spotlight-card .yhls-spotlight-media{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 18px 28px rgba(15,73,128,.12)}
.yhls-spotlight-card .yhls-spotlight-copy{padding-left:8px}
.yhls-spotlight-card .yhls-spotlight-copy h2{font-size:32px;line-height:1.06}
.yhls-spotlight-card .yhls-spotlight-meta{font-size:14px}
.yhls-spotlight-card .yhls-spotlight-note{margin:12px 0 0;color:#617b91;font-size:14px;line-height:1.65}
.yhls-spotlight-card.is-tool .yhls-spotlight-copy h2{font-size:34px}
.yhls-spotlight-card.is-tool .yhls-spotlight-media{min-height:300px}
.yhls-spotlight-card.is-article .yhls-spotlight-media{min-height:320px}
.yhls-hero-visual .syh-floating-chip{backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(20,63,104,.12)}
@media (max-width:980px){
  .yhls-hero .syh-hero-grid{gap:26px}
  .yhls-spotlight-card .yhls-spotlight-copy{padding-left:0}
}
@media (max-width:760px){
  .yhls-hero-visual{padding:0 10px 12px}
  .yhls-spotlight-card{padding:14px 14px 16px;border-radius:26px;box-shadow:0 16px 36px rgba(17,63,110,.12)}
  .yhls-spotlight-card .yhls-spotlight-topline{margin-bottom:8px}
  .yhls-spotlight-card .yhls-spotlight-topline small{font-size:14px}
  .yhls-spotlight-card .yhls-spotlight-topline span{font-size:14px}
  .yhls-spotlight-card .yhls-spotlight-media{min-height:210px;border-radius:22px}
  .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-spotlight-card.is-article .yhls-spotlight-media{min-height:210px}
  .yhls-spotlight-card .yhls-spotlight-copy h2, .yhls-spotlight-card.is-tool .yhls-spotlight-copy h2{font-size:26px;line-height:1.12;margin-top:2px}
  .yhls-spotlight-card .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt]{font-size:14px !important;line-height:1.68;-webkit-line-clamp:5}
  .yhls-spotlight-card .yhls-spotlight-meta, .yhls-spotlight-card .yhls-spotlight-note{font-size:14px}
  .yhls-spotlight-card .yhls-spotlight-cta{display:flex;width:100%;justify-content:center;margin-top:16px;padding:13px 16px;border-radius:16px}
  .yhls-hero-visual .syh-chip-right{top:82px;right:-4px}
  .yhls-hero-visual .syh-chip-left{left:-2px;bottom:-6px}
}
@media (max-width:520px){
  .yhls-hero{padding-top:20px}
  .yhls-spotlight-card .yhls-spotlight-media{min-height:196px}
  .yhls-spotlight-card .yhls-spotlight-overlay{left:10px;right:10px;bottom:10px;padding:9px 10px}
  .yhls-spotlight-card .yhls-spotlight-overlay span, .yhls-spotlight-card .yhls-spotlight-overlay strong{font-size:14px;max-width:49%}
  .yhls-hero-visual .syh-floating-chip{transform:scale(.94);transform-origin:center}
}
html.nah-sdp-night-active .yhls-spotlight-card.is-article, html.nah-sdp-dark-mode .yhls-spotlight-card.is-article{background:linear-gradient(180deg,rgba(12,25,39,.86),rgba(12,25,39,.78));border-color:rgba(156,187,220,.16)}
html.nah-sdp-night-active .yhls-spotlight-card.is-tool, html.nah-sdp-dark-mode .yhls-spotlight-card.is-tool{background:linear-gradient(180deg,rgba(11,32,52,.92),rgba(10,28,45,.84));border-color:rgba(125,182,240,.18)}
html.nah-sdp-night-active .yhls-spotlight-card .yhls-spotlight-note, html.nah-sdp-dark-mode .yhls-spotlight-card .yhls-spotlight-note, html.nah-sdp-night-active .yhls-spotlight-card .yhls-spotlight-topline span, html.nah-sdp-dark-mode .yhls-spotlight-card .yhls-spotlight-topline span{color:#9bb5cb}

/* v0.5.4 – multi-layout editorial spotlight */
.yhls-spotlight-card.layout-magazine{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
.yhls-spotlight-card.layout-compact{grid-template-columns:1fr;gap:14px;padding:16px}.yhls-spotlight-card.layout-compact .yhls-spotlight-media{min-height:220px;order:2}.yhls-spotlight-card.layout-compact .yhls-spotlight-copy{order:1;padding-left:0}.yhls-spotlight-card.layout-compact .yhls-spotlight-topline{order:0}.yhls-spotlight-card.layout-compact .yhls-spotlight-note{display:none}.yhls-spotlight-card.layout-compact .yhls-spotlight-meta{margin-top:10px}
.yhls-spotlight-card.layout-split{grid-template-columns:.92fr 1.08fr;gap:20px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(243,249,255,.72))}.yhls-spotlight-card.layout-split .yhls-spotlight-media{min-height:340px}.yhls-spotlight-card.layout-split .yhls-spotlight-copy{align-self:stretch;justify-content:space-between}.yhls-spotlight-card.layout-split .yhls-spotlight-cta{margin-top:14px}
.yhls-spotlight-card.is-tool.layout-compact .yhls-spotlight-media{min-height:210px}
.yhls-spotlight-card.layout-compact .yhls-spotlight-copy h2{font-size:29px}
.yhls-spotlight-card.layout-split.is-tool .yhls-spotlight-copy h2{font-size:36px}
@media (max-width:980px){.yhls-spotlight-card.layout-split, .yhls-spotlight-card.layout-magazine{grid-template-columns:1fr}.yhls-spotlight-card.layout-split .yhls-spotlight-media{min-height:250px}}
@media (max-width:760px){.yhls-spotlight-card.layout-compact, .yhls-spotlight-card.layout-split, .yhls-spotlight-card.layout-magazine{grid-template-columns:1fr;padding:14px}.yhls-spotlight-card.layout-compact .yhls-spotlight-note{display:block}.yhls-spotlight-card.layout-compact .yhls-spotlight-media, .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-spotlight-card.layout-magazine .yhls-spotlight-media{min-height:205px}.yhls-spotlight-card.layout-split .yhls-spotlight-copy h2, .yhls-spotlight-card.layout-compact .yhls-spotlight-copy h2{font-size:25px}}


/* v0.5.5 mobile editorial carousel */
@media(max-width:760px){
 .yhls-spotlight-card[data-carousel="true"]{touch-action:pan-y;overflow:hidden}
 .yhls-spotlight-card[data-carousel="true"] .yhls-spotlight-media{scroll-snap-align:start}
 .yhls-carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
 .yhls-carousel-dots span{width:7px;height:7px;border-radius:50%;background:#b8cde2}
 .yhls-carousel-dots span.active{width:20px;border-radius:10px;background:#1475d4}
}
.yhls-tool-visual-badge{position:absolute;right:18px;top:18px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:700;backdrop-filter:blur(8px)}
.yhls-spotlight-card.is-tool .yhls-spotlight-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.14));pointer-events:none}
@media(min-width:1200px){
 .yhls-spotlight-card{max-width:1280px;margin-left:auto;margin-right:auto}
 .yhls-spotlight-card .yhls-spotlight-copy h2{font-size:38px;letter-spacing:-.02em}
 .yhls-spotlight-card .yhls-spotlight-copy p{font-size:15px;line-height:1.75}
 .yhls-spotlight-card .yhls-spotlight-media{border-radius:30px}
}
@media(min-width:768px) and (max-width:1199px){
 .yhls-spotlight-card .yhls-spotlight-copy h2{font-size:32px}
 .yhls-spotlight-card .yhls-spotlight-meta{font-size:14px}
}


/* v0.5.6 Dynamic Editorial Engine */
.yhls-spotlight-card.dynamic-editorial{position:relative}
.yhls-spotlight-card.dynamic-editorial .yhls-editorial-indicator{display:flex;gap:6px;margin-top:12px}
.yhls-spotlight-card.dynamic-editorial .yhls-editorial-indicator span{width:6px;height:6px;border-radius:50%;background:rgba(30,90,150,.25)}
.yhls-spotlight-card.dynamic-editorial .yhls-editorial-indicator span.active{width:20px;border-radius:8px;background:#1677d2}
.yhls-spotlight-card.layout-feature{grid-template-columns:1.2fr .8fr}
.yhls-spotlight-card.layout-tool-focus{grid-template-columns:.8fr 1.2fr}
.yhls-spotlight-card.layout-clinical{background:linear-gradient(135deg,#f4fbff,#eef7ff)}
@media(max-width:760px){
 .yhls-spotlight-card[data-carousel="true"]{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
 .yhls-spotlight-card[data-carousel="true"]>*{scroll-snap-align:start}
 .yhls-spotlight-card.dynamic-editorial .yhls-editorial-indicator{justify-content:center}
}

/* v0.6.0-beta.1 — homepage editorial cleanup: show article titles in full. */
.yhls-app .syh-library-copy h3, .yhls-app .yhls-latest-row h4, .yhls-app .yhls-popular-list h4, .yhls-app .yhls-trend-card h4{
  display:block!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}


/* v0.6.0-beta.2.1 — hotfix: stable homepage geometry without altering the global shell. */
.yhls-spotlight-media{height:320px;min-height:320px;max-height:320px}
.yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-spotlight-card.layout-compact .yhls-spotlight-media{height:320px;min-height:320px;max-height:320px}
.yhls-lead-story{align-items:start}
.yhls-lead-media{height:360px;min-height:360px;max-height:360px;align-self:start}
.yhls-lead-media img, .yhls-spotlight-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.yhls-latest-thumb{height:96px;min-height:96px;max-height:96px}
.yhls-trend-media{height:145px;min-height:145px;max-height:145px}
.yhls-latest-thumb img, .yhls-trend-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:980px){.yhls-spotlight-media, .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-spotlight-card.layout-compact .yhls-spotlight-media{height:270px;min-height:270px;max-height:270px}.yhls-lead-media{height:300px;min-height:300px;max-height:300px}}
@media(max-width:760px){.yhls-spotlight-media, .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-spotlight-card.layout-compact .yhls-spotlight-media{height:220px;min-height:220px;max-height:220px}.yhls-lead-media{height:250px;min-height:250px;max-height:250px}.yhls-trend-media{height:150px;min-height:150px;max-height:150px}}
@media(max-width:480px){.yhls-spotlight-media, .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-spotlight-card.layout-compact .yhls-spotlight-media{height:200px;min-height:200px;max-height:200px}.yhls-lead-media{height:210px;min-height:210px;max-height:210px}.yhls-latest-thumb{height:88px;min-height:88px;max-height:88px}}


/* v0.6.0-beta.2.2 — preserve full Clinical Suite artwork in Today spotlight. */
.yhls-spotlight-card.is-tool .yhls-spotlight-media{background:linear-gradient(145deg,#0b6fae,#1597c3)}
.yhls-spotlight-card.is-tool .yhls-spotlight-media img{object-fit:contain !important;object-position:center center !important;transform:none !important;background:transparent !important}
.yhls-spotlight-card.is-tool:hover .yhls-spotlight-media img{transform:none !important;filter:none !important}
.yhls-spotlight-card.is-tool .yhls-spotlight-media:after{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.10))}

/* v0.6.0-beta.2.3 — editorial terminology refinement. */


/* v0.6.0-beta.2.7 — streamlined homepage section labels. */
.yhls-knowledge-head h2{margin-top:0}
.syh-tools-section .syh-section-heading>div>h2{margin-top:0}


/* v0.6.0-beta.2.8 — one semantic heading per homepage block/tool card. */
.yhls-hero .syh-hero-copy>h1{margin-top:0}
.yhls-knowledge-head>div>h2{margin-top:0}
.syh-tool-card>h3{margin:22px 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.012em}
.syh-tool-card>h3+p{margin-top:0}
.syh-explorer-head>div>h3{margin:0;font-size:22px;line-height:1.25}
@media(max-width:760px){.syh-tool-card>h3{font-size:18px}.syh-explorer-head>div>h3{font-size:20px}}

/* v0.6.0-beta.3.1 — install action must never crowd the compact header. */





/* v0.6.0-beta.3.2 — mobile header search/login readability */




/* v0.71 — compact, collision-free “Hôm nay xem gì” ------------------------- */
.yhls-hero .yhls-hero-visual{
    min-height:340px!important;
}
.yhls-hero .yhls-spotlight-card{
    width:100%!important;
    max-width:620px!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    grid-template-rows:auto 1fr!important;
    gap:14px 18px!important;
    padding:14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.yhls-hero .yhls-spotlight-card.layout-magazine, .yhls-hero .yhls-spotlight-card.layout-compact, .yhls-hero .yhls-spotlight-card.layout-split, .yhls-hero .yhls-spotlight-card.layout-feature, .yhls-hero .yhls-spotlight-card.layout-tool-focus, .yhls-hero .yhls-spotlight-card.layout-clinical{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:14px 18px!important;
    padding:14px!important;
}
.yhls-hero .yhls-spotlight-topline{
    grid-column:1/-1!important;
    min-width:0!important;
    margin:0!important;
    align-items:center!important;
    flex-direction:row!important;
}
.yhls-hero .yhls-spotlight-topline small{
    flex:0 0 auto!important;
    padding:7px 10px!important;
    font-size:14px!important;
}
.yhls-hero .yhls-spotlight-topline span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:right!important;
    font-size:14px!important;
}
.yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-compact .yhls-spotlight-media{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:245px!important;
    min-height:245px!important;
    max-height:245px!important;
    margin:0!important;
    border-radius:20px!important;
}
.yhls-hero .yhls-spotlight-media img{
    width:100%!important;
    height:100%!important;
}
.yhls-hero .yhls-spotlight-copy{
    grid-column:2!important;
    grid-row:2!important;
    min-width:0!important;
    align-self:center!important;
    justify-content:center!important;
    padding:2px 2px 2px 0!important;
}
.yhls-hero .yhls-spotlight-tag{
    margin:0 0 8px!important;
    font-size:14px!important;
    letter-spacing:.09em!important;
}
.yhls-hero .yhls-spotlight-copy h2, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-copy h2, .yhls-hero .yhls-spotlight-card.layout-compact .yhls-spotlight-copy h2, .yhls-hero .yhls-spotlight-card.layout-split.is-tool .yhls-spotlight-copy h2{
    margin:0!important;
    font-size:clamp(24px,2.1vw,30px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
}
.yhls-hero .yhls-spotlight-meta{
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    margin-top:11px!important;
    font-size:14px!important;
}
.yhls-hero .yhls-spotlight-cta{
    margin-top:14px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    font-size:14px!important;
}
.yhls-hero .yhls-spotlight-note, .yhls-hero .yhls-spotlight-copy>p[data-yhls-spotlight-excerpt], .yhls-hero .yhls-spotlight-wave, .yhls-hero .syh-floating-chip{
    display:none!important;
}

/* Tablet / foldable: compact single-column editorial card. */
@media(max-width:980px){
    .yhls-hero .yhls-hero-visual{
        min-height:0!important;
    }
    .yhls-hero .yhls-spotlight-card, .yhls-hero .yhls-spotlight-card.layout-magazine, .yhls-hero .yhls-spotlight-card.layout-compact, .yhls-hero .yhls-spotlight-card.layout-split, .yhls-hero .yhls-spotlight-card.layout-feature, .yhls-hero .yhls-spotlight-card.layout-tool-focus, .yhls-hero .yhls-spotlight-card.layout-clinical{
        max-width:700px!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto auto!important;
        gap:12px!important;
    }
    .yhls-hero .yhls-spotlight-topline{
        grid-column:1!important;
        grid-row:1!important;
    }
    .yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-compact .yhls-spotlight-media{
        grid-column:1!important;
        grid-row:2!important;
        height:205px!important;
        min-height:205px!important;
        max-height:205px!important;
    }
    .yhls-hero .yhls-spotlight-copy{
        grid-column:1!important;
        grid-row:3!important;
        padding:0 2px 2px!important;
    }
    .yhls-hero .yhls-spotlight-copy h2, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-copy h2{
        font-size:25px!important;
    }
}

/* Phone: image is deliberately shallow so the module does not dominate the hero. */
@media(max-width:560px){
    .yhls-hero .yhls-spotlight-card{
        padding:12px!important;
        border-radius:20px!important;
    }
    .yhls-hero .yhls-spotlight-topline{
        gap:8px!important;
    }
    .yhls-hero .yhls-spotlight-topline span{
        font-size:14px!important;
    }
    .yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.is-article .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-split .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.layout-compact .yhls-spotlight-media{
        height:170px!important;
        min-height:170px!important;
        max-height:170px!important;
        border-radius:17px!important;
    }
    .yhls-hero .yhls-spotlight-copy h2, .yhls-hero .yhls-spotlight-card.is-tool .yhls-spotlight-copy h2{
        font-size:22px!important;
        line-height:1.12!important;
    }
    .yhls-hero .yhls-spotlight-meta{
        margin-top:9px!important;
    }
    .yhls-hero .yhls-spotlight-cta{
        width:100%!important;
        justify-content:center!important;
        margin-top:12px!important;
    }
}


/* v0.72 — Dynamic Editorial “Hôm nay xem gì” ------------------------------- */
.yhls-hero .yhls-spotlight-card.dynamic-editorial{
    position:relative!important;
    max-width:650px!important;
    display:block!important;
    padding:14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 92% 3%,rgba(8,127,194,.12),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,253,255,.98))!important;
    box-shadow:0 24px 70px rgba(15,73,106,.14)!important;
}
.yhls-hero .yhls-spotlight-card.dynamic-editorial::before{
    content:"";
    position:absolute;
    inset:-45% auto auto -12%;
    width:240px;
    height:240px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(23,166,180,.10),transparent 68%);
    animation:yhlsSpotlightGlow 8s ease-in-out infinite alternate;
    pointer-events:none;
}
@keyframes yhlsSpotlightGlow{
    from{transform:translate3d(-8px,-5px,0) scale(.94);opacity:.55}
    to{transform:translate3d(34px,18px,0) scale(1.12);opacity:1}
}
.yhls-hero .yhls-spotlight-topline{
    position:relative;
    z-index:2;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
}
.yhls-hero .yhls-spotlight-topline small{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:#edf7ff!important;
    color:#075a91!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
}
.yhls-spotlight-refresh{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 11px;
    border:1px solid #d5e3ed;
    border-radius:10px;
    background:rgba(255,255,255,.82);
    color:#277194;
    font-size:14px;
    font-weight:760;
    cursor:pointer;
    touch-action:manipulation;
}
.yhls-spotlight-refresh:hover{background:#f4f9fc}
.yhls-spotlight-refresh span{display:inline-block}
.yhls-spotlight-refresh.is-spinning span{animation:yhlsSpotlightSpin .48s ease}
@keyframes yhlsSpotlightSpin{to{transform:rotate(360deg)}}

.yhls-hero .yhls-spotlight-stage{
    position:relative;
    z-index:1;
    display:grid!important;
    grid-template-columns:minmax(165px,.78fr) minmax(0,1.22fr)!important;
    gap:18px!important;
    align-items:center!important;
    min-height:245px;
    padding:12px!important;
    border:1px solid #dbe8f0;
    border-radius:19px;
    background:rgba(246,251,255,.84);
    transition:opacity .18s ease,transform .22s ease,filter .18s ease;
}
.yhls-hero .yhls-spotlight-stage.is-leaving{
    opacity:.18;
    transform:translateY(5px) scale(.992);
    filter:blur(1px);
}
.yhls-hero .yhls-spotlight-stage.is-entering{
    animation:yhlsSpotlightEnter .38s cubic-bezier(.2,.75,.25,1);
}
@keyframes yhlsSpotlightEnter{
    from{opacity:.1;transform:translateY(-6px) scale(.988)}
    to{opacity:1;transform:none}
}

.yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.dynamic-editorial .yhls-spotlight-media{
    position:relative!important;
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#0d67b8,#0b9ead)!important;
    text-decoration:none!important;
}
.yhls-hero .yhls-spotlight-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}
.yhls-hero .yhls-spotlight-media.is-generated{
    display:flex!important;
    flex-direction:column;
    justify-content:flex-end;
    padding:18px!important;
    box-sizing:border-box;
}
.yhls-spotlight-visual-mark, .yhls-spotlight-visual-type{
    display:none;
}
.yhls-spotlight-media.is-generated .yhls-spotlight-visual-mark{
    display:flex;
    width:72px;
    height:72px;
    align-items:center;
    justify-content:center;
    margin-bottom:auto;
    border-radius:20px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.24);
    color:#fff;
    font-size:15px;
    font-weight:900;
    letter-spacing:.04em;
}
.yhls-spotlight-media.is-generated .yhls-spotlight-visual-type{
    display:block;
    color:rgba(255,255,255,.92);
    font-size:14px;
    font-weight:820;
    letter-spacing:.08em;
}

.yhls-hero .yhls-spotlight-copy{
    grid-column:2!important;
    grid-row:auto!important;
    min-width:0!important;
    padding:2px 4px 2px 0!important;
}
.yhls-spotlight-kicker-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
}
.yhls-hero .yhls-spotlight-tag{
    margin:0!important;
    color:#0875a5!important;
    font-size:14px!important;
    font-weight:880!important;
    letter-spacing:.09em!important;
}
.yhls-spotlight-kicker-row>span{
    min-width:0;
    color:#71869a;
    font-size:14px;
    font-weight:650;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.yhls-hero .yhls-spotlight-copy h2{
    margin:0!important;
    font-size:clamp(23px,1.9vw,29px)!important;
    line-height:1.09!important;
    letter-spacing:-.025em!important;
}
.yhls-spotlight-description{
    display:-webkit-box;
    margin:10px 0 0!important;
    overflow:hidden;
    color:#64798d;
    font-size:14px!important;
    line-height:1.55!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.yhls-spotlight-description[hidden]{display:none!important}
.yhls-hero .yhls-spotlight-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px 7px!important;
    margin-top:11px!important;
    color:#778b9d!important;
    font-size:14px!important;
}
.yhls-spotlight-context{
    padding:4px 7px;
    border-radius:999px;
    background:#edf5fa;
    color:#42718a;
}
.yhls-spotlight-context[hidden]{display:none!important}
.yhls-hero .yhls-spotlight-cta{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    margin-top:14px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    font-size:14px!important;
}

.yhls-spotlight-types{
    position:relative;
    z-index:2;
    display:flex;
    gap:5px;
    margin-top:10px;
    padding:4px;
    overflow-x:auto;
    border:1px solid #e0ebf2;
    border-radius:12px;
    background:#f5f9fc;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.yhls-spotlight-types::-webkit-scrollbar{display:none}
.yhls-spotlight-types button{
    flex:0 0 auto;
    min-height:31px;
    padding:0 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#6d8194;
    font-size:14px;
    font-weight:720;
    cursor:pointer;
    white-space:nowrap;
    touch-action:manipulation;
}
.yhls-spotlight-types button::before{
    content:"";
    display:inline-block;
    width:5px;
    height:5px;
    margin-right:5px;
    border-radius:50%;
    background:#b7c9d6;
    vertical-align:middle;
}
.yhls-spotlight-types button.is-active{
    background:#fff;
    color:#08749c;
    box-shadow:0 2px 8px rgba(22,74,105,.08);
}
.yhls-spotlight-types button.is-active::before{background:#0b9ead}

/* Type accents for generated tool/reference cards. */
.yhls-spotlight-card.is-score .yhls-spotlight-media.is-generated{background:linear-gradient(145deg,#186ed0,#2c8bd8)!important}
.yhls-spotlight-card.is-algorithm .yhls-spotlight-media.is-generated{background:linear-gradient(145deg,#087d8f,#10a393)!important}
.yhls-spotlight-card.is-calculator .yhls-spotlight-media.is-generated{background:linear-gradient(145deg,#3c65b5,#7453c9)!important}
.yhls-spotlight-card.is-dictionary .yhls-spotlight-media.is-generated{background:linear-gradient(145deg,#b86b16,#d99820)!important}
.yhls-spotlight-card.is-icd .yhls-spotlight-media.is-generated{background:linear-gradient(145deg,#6441b7,#8b50c5)!important}

@media(max-width:980px){
    .yhls-hero .yhls-spotlight-card.dynamic-editorial{
        max-width:720px!important;
    }
    .yhls-hero .yhls-spotlight-stage{
        grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr)!important;
        min-height:220px;
    }
    .yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.dynamic-editorial .yhls-spotlight-media{
        height:192px!important;
        min-height:192px!important;
        max-height:192px!important;
    }
}
@media(max-width:680px){
    .yhls-hero .yhls-spotlight-card.dynamic-editorial{
        padding:12px!important;
        border-radius:20px!important;
    }
    .yhls-hero .yhls-spotlight-stage{
        grid-template-columns:1fr!important;
        gap:11px!important;
        min-height:0;
        padding:10px!important;
    }
    .yhls-hero .yhls-spotlight-media, .yhls-hero .yhls-spotlight-card.dynamic-editorial .yhls-spotlight-media{
        grid-column:1!important;
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .yhls-hero .yhls-spotlight-copy{
        grid-column:1!important;
        padding:0 2px 2px!important;
    }
    .yhls-hero .yhls-spotlight-copy h2{
        font-size:22px!important;
    }
    .yhls-spotlight-description{
        font-size:14px!important;
    }
    .yhls-spotlight-kicker-row{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
    }
    .yhls-spotlight-kicker-row>span{
        white-space:normal;
    }
    .yhls-hero .yhls-spotlight-cta{
        width:100%!important;
        justify-content:center!important;
    }
}

/* v0.75 — standalone Inspiration integration ------------------------------- */
.yhls-inspiration-integration{width:100%;min-width:0}
.yhls-inspiration-integration>.mpi-section{margin-left:0;margin-right:0}

/* v0.76 — illustrated thumbnails for “Hôm nay xem gì” ---------------------- */
.yhls-hero .yhls-spotlight-media img[hidden]{display:none!important}
.yhls-hero .yhls-spotlight-media.is-illustrated{
    isolation:isolate;
    display:block!important;
    padding:0!important;
    background:#eef5fb!important;
}
.yhls-hero .yhls-spotlight-media.is-illustrated img{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
}
.yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    position:absolute;
    z-index:2;
    left:50%;
    top:47%;
    display:flex;
    width:78px;
    height:78px;
    align-items:center;
    justify-content:center;
    transform:translate(-50%,-50%);
    border:1px solid rgba(255,255,255,.78);
    border-radius:22px;
    background:linear-gradient(145deg,#1b72da,#2467e8);
    box-shadow:0 16px 34px rgba(24,91,180,.24),inset 0 0 0 1px rgba(255,255,255,.16);
    color:#fff;
    font-size:17px;
    font-weight:900;
    letter-spacing:-.02em;
    text-align:center;
    text-shadow:0 1px 1px rgba(0,0,0,.08);
}
.yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-type{
    position:absolute;
    z-index:2;
    left:14px;
    bottom:13px;
    display:block;
    max-width:calc(100% - 28px);
    padding:6px 9px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.78);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    box-shadow:0 6px 18px rgba(42,76,112,.10);
    color:#426681;
    font-size:14px;
    font-weight:850;
    letter-spacing:.07em;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
    backdrop-filter:blur(7px);
}
.yhls-spotlight-card.is-algorithm .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    background:linear-gradient(145deg,#0a8d93,#0aa878);
    box-shadow:0 16px 34px rgba(8,126,126,.22),inset 0 0 0 1px rgba(255,255,255,.18);
}
.yhls-spotlight-card.is-calculator .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    background:linear-gradient(145deg,#4e62c9,#7655d9);
    box-shadow:0 16px 34px rgba(75,79,178,.22),inset 0 0 0 1px rgba(255,255,255,.18);
}
.yhls-spotlight-card.is-dictionary .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    background:linear-gradient(145deg,#c58a24,#ddaa3b);
    box-shadow:0 16px 34px rgba(164,111,19,.20),inset 0 0 0 1px rgba(255,255,255,.20);
}
.yhls-spotlight-card.is-icd .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    width:88px;
    background:linear-gradient(145deg,#7043c5,#8b54d7);
    box-shadow:0 16px 34px rgba(99,59,164,.22),inset 0 0 0 1px rgba(255,255,255,.18);
    font-size:15px;
}
.yhls-spotlight-card.is-calculator .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
    font-size:15px;
}
html.nah-sdp-night-active .yhls-spotlight-media.is-illustrated img, html.nah-sdp-dark-mode .yhls-spotlight-media.is-illustrated img{
    filter:brightness(.84) saturate(.88)!important;
}
html.nah-sdp-night-active .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-type, html.nah-sdp-dark-mode .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-type{
    border-color:rgba(255,255,255,.18);
    background:rgba(10,27,43,.72);
    color:#d8e6f2;
}
@media(max-width:680px){
    .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
        top:45%;
        width:64px;
        height:64px;
        border-radius:19px;
        font-size:15px;
    }
    .yhls-spotlight-card.is-icd .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-mark{
        width:78px;
        font-size:14px;
    }
    .yhls-spotlight-media.is-illustrated .yhls-spotlight-visual-type{
        left:11px;
        bottom:10px;
        max-width:calc(100% - 22px);
        padding:5px 8px;
        font-size:14px;
    }
}


/* v0.77 – richer Medical Dictionary Spotlight copy */
.yhls-spotlight-description.yhls-dictionary-description{
    display:flex!important;
    flex-direction:column;
    gap:4px;
    overflow:visible;
    -webkit-box-orient:initial;
    -webkit-line-clamp:unset;
}
.yhls-dictionary-ipa{
    display:block;
    color:#8b6b20;
    font-size:14px!important;
    font-weight:760;
    letter-spacing:.015em;
}
.yhls-dictionary-meaning{
    display:block;
    color:#3f4f5f;
    font-size:14px;
    font-weight:820;
    line-height:1.5;
}
.yhls-dictionary-meaning em{font-style:italic;font-weight:inherit}
html.nah-sdp-night-active .yhls-dictionary-ipa, html.nah-sdp-dark-mode .yhls-dictionary-ipa{color:#e6c66f}
html.nah-sdp-night-active .yhls-dictionary-meaning, html.nah-sdp-dark-mode .yhls-dictionary-meaning{color:#e5edf5}


/* v0.79 — compact header/menu controls -------------------------------------- */






.yhlsm-install-link.yhlsm-install-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:inline-grid!important;place-items:center!important;flex:0 0 40px!important;padding:0!important;border-radius:11px!important}

.yhlsm-install-link.yhlsm-install-icon:hover{border-color:#9cc8dd!important;background:#eef7fb!important;color:#063d78!important}




/* v0.80 — stable compact header, journal navigation and balanced editorial grid */


.yhlsm-install-link.yhlsm-install-icon{font-size:0!important;line-height:0!important;overflow:hidden!important;text-indent:0!important}




@media(min-width:1021px){
  .yhls-newsroom-grid{align-items:stretch!important}
  .yhls-latest-block, .yhls-popular-block{min-height:0!important}
  .yhls-popular-block{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .yhls-popular-block .yhls-block-heading{flex:0 0 auto!important}
  .yhls-popular-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:5px!important;scrollbar-width:thin;scrollbar-gutter:stable}
  .yhls-popular-list::-webkit-scrollbar{width:6px}.yhls-popular-list::-webkit-scrollbar-thumb{border-radius:999px;background:#c8d7e4}
}
.yhls-spotlines-integration{position:relative;z-index:1}
@supports(content-visibility:auto){.yhls-spotlines-integration{content-visibility:auto;contain-intrinsic-size:1px 720px}}
/* v0.86 — compact, consistent YHLS homepage */
.yhls-app .syh-hero{padding:46px 0 50px;background:linear-gradient(135deg,#f7fbff 0%,#f5f9fd 58%,#eef8f7 100%)}
.yhls-app .syh-hero-grid{gap:38px}
.yhls-app .syh-hero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.035em}
.yhls-app .syh-hero-lead{max-width:590px;margin:18px 0 20px;font-size:15px;line-height:1.62}
.yhls-app .syh-quick-links{margin-top:14px}
.yhls-app .syh-section{padding:46px 0}
.yhls-app .syh-tools-section{background:#f6f9fc}
.yhls-app .yhls-articles-section{background:#fff}
.yhls-app .yhls-inspiration-section{padding-bottom:36px;background:linear-gradient(180deg,#f6fbfa,#f8fbfd)}
.yhls-app .yhls-spotlines-integration{padding:38px 0 46px;background:#f7f9fc}
.yhls-app .yhls-single-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.yhls-app .yhls-single-heading h2{margin:0;color:#17334f;font-size:clamp(25px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em}
.yhls-app .syh-trial-banner{grid-template-columns:auto minmax(0,1fr) auto;gap:11px;margin:0 0 18px;padding:10px 12px;border-radius:15px;background:#f3f7fb}
.yhls-app .syh-trial-icon{width:36px;height:36px;border-radius:11px}
.yhls-app .syh-trial-banner small{font-size:14px;letter-spacing:.055em}
.yhls-app .syh-trial-banner strong{font-size:14px}
.yhls-app .syh-trial-banner>a{min-height:36px;display:grid;place-items:center;padding:0 12px;border-radius:10px;background:#fff;color:#245c9b;font-size:14px;font-weight:760}
.yhls-app .syh-tool-grid{gap:14px}
.yhls-app .syh-tool-card{min-height:295px;padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(28,61,93,.05)}
.yhls-app .syh-tool-card-top{min-height:48px;margin-bottom:10px}
.yhls-app .syh-tool-glyph{width:46px;height:46px;border-radius:14px}
.yhls-app .syh-tool-card h3{margin:7px 0 8px;font-size:20px}
.yhls-app .syh-tool-card>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;line-height:1.55}
.yhls-app .syh-tool-tags{display:none}
.yhls-app .syh-explorer{margin-top:18px;border-radius:20px;box-shadow:none}
.yhls-app .yhls-explorer-compact{justify-content:flex-start;padding:12px 14px}
.yhls-app .yhls-explorer-compact .syh-explorer-tabs{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
.yhls-app .syh-explorer-body{min-height:0}
.yhls-app .syh-clinical-preview{padding:20px}
.yhls-app .syh-preview-sample{min-height:58px;padding:10px}
.yhls-app .yhls-knowledge-head{margin-bottom:16px}
.yhls-app .yhls-specialty-rail{margin-bottom:18px}
.yhls-app .yhls-personalized{margin-bottom:20px}
.yhls-app .yhls-block-heading{margin-bottom:12px}
.yhls-app .yhls-trending-block{margin-top:20px}

.yhls-app .yhls-inspiration-section .mpi-section{padding:0!important;background:transparent!important}
.yhls-app .yhls-inspiration-section .mpi-section:before{display:none!important}
.yhls-app .yhls-inspiration-section .mpi-shell{width:100%!important;max-width:none!important}
.yhls-app .yhls-inspiration-section .mpi-daily-quote{margin-bottom:14px}
.yhls-app .yhls-inspiration-section .mpi-grid{gap:14px}
.yhls-app .yhls-inspiration-section .mpi-card{padding:18px;border-radius:19px;box-shadow:0 8px 24px rgba(31,68,106,.05)}
.yhls-app .yhls-spotlines-integration .mmspot-home-module{margin:0;width:100%!important;max-width:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-kicker, .yhls-app .yhls-spotlines-integration .mmspot-home-branding p, .yhls-app .yhls-spotlines-integration .mmspot-home-issue-status{display:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-head{margin-bottom:14px}
.yhls-app .yhls-spotlines-integration .mmspot-home-head h2{margin:0;font-size:clamp(25px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em}
.yhls-app .yhls-spotlines-integration .mmspot-home-brand-icon{width:38px;height:38px;border-radius:12px}
.yhls-app .yhls-spotlines-integration .mmspot-home-issues-shell{margin-bottom:14px}
.yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{min-height:46px}



html.nah-sdp-night-active .yhls-app .syh-tools-section, html.nah-sdp-dark-mode .yhls-app .syh-tools-section{background:#0d1625}
html.nah-sdp-night-active .yhls-app .yhls-articles-section, html.nah-sdp-dark-mode .yhls-app .yhls-articles-section{background:#0b1120}
html.nah-sdp-night-active .yhls-app .yhls-inspiration-section, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section{background:#0d1724}
html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration{background:#0b1320}
html.nah-sdp-night-active .yhls-app .yhls-single-heading h2, html.nah-sdp-dark-mode .yhls-app .yhls-single-heading h2{color:#e6f1fb}
html.nah-sdp-night-active .yhls-app .syh-trial-banner, html.nah-sdp-dark-mode .yhls-app .syh-trial-banner{background:#121d2c}
@media(max-width:920px){
 .yhls-app .syh-hero{padding:32px 0 36px}.yhls-app .syh-hero-grid{gap:24px}.yhls-app .syh-section{padding:36px 0}
 .yhls-app .syh-tool-card{min-height:270px}.yhls-app .yhls-spotlines-integration{padding:32px 0 38px}
}
@media(max-width:720px){
 .yhls-app .syh-hero{padding:24px 0 28px}.yhls-app .syh-hero h1{font-size:34px}.yhls-app .syh-hero-lead{font-size:14px;line-height:1.55}
 .yhls-app .syh-section{padding:30px 0}.yhls-app .yhls-single-heading{margin-bottom:14px}.yhls-app .yhls-single-heading h2{font-size:23px}
 .yhls-app .syh-trial-banner{grid-template-columns:auto minmax(0,1fr);padding:9px 10px}.yhls-app .syh-trial-banner>a{grid-column:1/-1;width:100%}
 .yhls-app .syh-tool-grid{gap:11px;padding-bottom:2px}.yhls-app .syh-tool-card{flex-basis:86%;min-height:255px;padding:17px;border-radius:18px}
 .yhls-app .syh-explorer{margin-top:14px}.yhls-app .syh-explorer-body{grid-template-columns:1fr}.yhls-app .syh-clinical-preview{display:none}
 .yhls-app .yhls-inspiration-section .mpi-shell{width:100%!important;max-width:none!important}
 .yhls-app .yhls-inspiration-section .mpi-grid{display:flex!important;overflow-x:auto;gap:11px!important;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}
 .yhls-app .yhls-inspiration-section .mpi-card{flex:0 0 86%;scroll-snap-align:start;padding:16px!important}
 .yhls-app .yhls-spotlines-integration{padding:28px 0 32px}.yhls-app .yhls-spotlines-integration .mmspot-home-module{width:100%!important;max-width:none!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-head{align-items:center}.yhls-app .yhls-spotlines-integration .mmspot-home-brand-icon{display:none}
 .yhls-app .yhls-spotlines-integration .mmspot-home-head h2{font-size:23px}
 
}


/* v0.87 — restore established hero, wider Today Spotlight and concise user-facing context */
.yhls-app .yhls-heading-copy{min-width:0}
.yhls-app .yhls-heading-copy p{max-width:720px;margin:7px 0 0;color:#667d91;font-size:14px;line-height:1.58}
.yhls-app .yhls-heading-with-intro{align-items:flex-end}
.yhls-app .yhls-knowledge-head.yhls-heading-with-intro{align-items:flex-end}
@media(min-width:1100px){
  .yhls-app .syh-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(600px,1.12fr);gap:clamp(34px,3.8vw,62px)}
  .yhls-app .syh-hero-copy{max-width:700px}
  .yhls-app .yhls-hero-visual{justify-items:stretch}
  .yhls-app .yhls-spotlight-card.dynamic-editorial{max-width:780px!important;margin-left:auto}
  .yhls-app .yhls-spotlight-stage{grid-template-columns:minmax(190px,.76fr) minmax(0,1.24fr)!important;gap:20px!important}
  .yhls-app .yhls-spotlight-media, .yhls-app .yhls-spotlight-card.dynamic-editorial .yhls-spotlight-media{height:232px!important;min-height:232px!important;max-height:232px!important}
}
@media(max-width:980px){
  .yhls-app .syh-hero-grid{grid-template-columns:1fr;gap:24px}
  .yhls-app .syh-hero-copy{max-width:760px}
  .yhls-app .yhls-hero-visual{width:100%;justify-items:center}
  .yhls-app .yhls-spotlight-card.dynamic-editorial{width:min(100%,760px)!important;max-width:760px!important}
}
@media(max-width:720px){
  .yhls-app .yhls-heading-with-intro{display:block;align-items:initial}
  .yhls-app .yhls-heading-copy p{font-size:14px;line-height:1.5}
  .yhls-app .yhls-knowledge-head.yhls-heading-with-intro>a{margin-top:12px}
}
html.nah-sdp-night-active .yhls-app .yhls-heading-copy p, html.nah-sdp-dark-mode .yhls-app .yhls-heading-copy p{color:#9fb2c5}

/* v0.89 — mobile interaction and content-completeness fixes */
.yhls-app .syh-clinical-list[hidden]{display:none!important}
.yhls-app .yhls-inspiration-section .mpi-grid{align-items:stretch!important}
.yhls-app .yhls-inspiration-section .mpi-card{height:auto!important;min-height:0!important;overflow:visible!important}
.yhls-app .yhls-inspiration-section .mpi-card .mpi-vi, .yhls-app .yhls-inspiration-section .mpi-card .mpi-en{
  display:block!important;
  overflow:visible!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  max-height:none!important;
}
@media(max-width:720px){
 .yhls-app .syh-clinical-list[hidden]{display:none!important}
 .yhls-app .yhls-inspiration-section .mpi-grid{align-items:stretch!important}
 .yhls-app .yhls-inspiration-section .mpi-card{flex:0 0 86%;align-self:stretch;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .yhls-app .yhls-inspiration-section .mpi-card :where(.mpi-vi,.mpi-en,.mpi-text,.mpi-body,.mpi-content){max-height:none!important;overflow:visible!important}
}


/* v0.91 — balanced desktop Latest / Most Read editorial pair */
@media (min-width:1021px){
  .yhls-app .yhls-newsroom-grid{align-items:stretch!important}
  .yhls-app .yhls-latest-block, .yhls-app .yhls-popular-block{height:824px!important;min-height:824px!important;max-height:824px!important;box-sizing:border-box!important}
  .yhls-app .yhls-latest-block{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .yhls-app .yhls-latest-block>.yhls-block-heading{flex:0 0 auto!important}
  .yhls-app .yhls-latest-block>.yhls-lead-story{flex:0 0 auto!important}
  .yhls-app .yhls-latest-list{flex:1 1 auto!important;min-height:0!important;grid-template-rows:repeat(3,minmax(118px,1fr))!important}
  .yhls-app .yhls-latest-row{height:118px!important;min-height:118px!important;max-height:118px!important;align-items:stretch!important}
  .yhls-app .yhls-latest-row>div{display:flex!important;min-height:0!important;flex-direction:column!important}
  .yhls-app .yhls-latest-row h4{font-size:14px!important;line-height:1.38!important;-webkit-line-clamp:3!important}
  .yhls-app .yhls-latest-row small{margin-top:auto!important;padding-top:5px!important;line-height:1.25!important}
  .yhls-app .yhls-latest-thumb{height:98px!important;min-height:98px!important;max-height:98px!important;align-self:center!important}
  .yhls-app .yhls-popular-block{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .yhls-app .yhls-popular-block>.yhls-block-heading{flex:0 0 auto!important}
  .yhls-app .yhls-popular-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:7px!important;scrollbar-width:thin!important;scrollbar-gutter:stable!important}
  .yhls-app .yhls-popular-list li{padding:11px 0!important}
  .yhls-app .yhls-popular-list h4{line-height:1.38!important;-webkit-line-clamp:2!important}
  .yhls-app .yhls-popular-list small{margin-top:5px!important}
}


/* v0.93 — balanced tool suggestion explorer and alternating visual tones */
.yhls-app .syh-tools-section .syh-explorer-body{align-items:stretch;grid-template-columns:minmax(0,1.34fr) minmax(340px,.96fr);min-height:480px}
.yhls-app .syh-tools-section .syh-clinical-lists{display:flex;min-height:100%}
.yhls-app .syh-tools-section .syh-clinical-list{flex:1;align-content:stretch;grid-auto-rows:1fr;height:100%}
.yhls-app .syh-tools-section .syh-clinical-list>button{position:relative;min-height:108px;height:100%;align-items:flex-start;padding:16px 16px 14px;transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+1){background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%)}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+2){background:linear-gradient(180deg,#fcfffd 0%,#f3fbf7 100%)}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+3){background:linear-gradient(180deg,#fffdfb 0%,#fff6ee 100%)}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+4){background:linear-gradient(180deg,#fcfbff 0%,#f5f1ff 100%)}
.yhls-app .syh-tools-section .syh-clinical-list>button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(31,68,106,.06);z-index:1}
.yhls-app .syh-tools-section .syh-clinical-list>button.active{background:linear-gradient(180deg,#eef5ff 0%,#e7f0ff 100%);box-shadow:inset 0 0 0 1px rgba(37,99,235,.14)}
.yhls-app .syh-tools-section .syh-clinical-list>button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#2d6cdf,#1a9cc4)}
.yhls-app .syh-tools-section .syh-item-mark{box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+2) .syh-item-mark{background:#eaf7f1;color:#1f8a68}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+3) .syh-item-mark{background:#fff0df;color:#b86b1d}
.yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+4) .syh-item-mark{background:#f0ebff;color:#6b46c1}
.yhls-app .syh-tools-section .syh-clinical-list>button.active .syh-item-mark{background:#dbeafe;color:#215ec6}
.yhls-app .syh-tools-section .syh-clinical-list strong{white-space:normal;line-height:1.3}
.yhls-app .syh-tools-section .syh-clinical-list small{display:block;line-height:1.45}
.yhls-app .syh-tools-section .syh-clinical-list em{align-self:flex-start;margin-left:6px}
.yhls-app .syh-tools-section .syh-clinical-preview{display:flex;justify-content:flex-start;min-height:100%;padding:24px 24px 22px;border-left:1px solid rgba(226,234,241,.9);background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)}
.yhls-app .syh-tools-section .syh-clinical-preview h4{margin:14px 0 8px;font-size:31px;line-height:1.08}
.yhls-app .syh-tools-section .syh-clinical-preview>p{max-width:32ch;font-size:14px;line-height:1.62}
.yhls-app .syh-tools-section .syh-preview-sample{margin-top:18px;padding:16px;border-radius:16px}
.yhls-app .syh-tools-section .syh-preview-actions{margin-top:auto;padding-top:18px}
@media (max-width:1180px){.yhls-app .syh-tools-section .syh-explorer-body{grid-template-columns:minmax(0,1.18fr) minmax(320px,.92fr);min-height:450px}.yhls-app .syh-tools-section .syh-clinical-list>button{min-height:100px;padding:14px}}
@media (max-width:920px){.yhls-app .syh-tools-section .syh-explorer-body{grid-template-columns:1fr;min-height:0}.yhls-app .syh-tools-section .syh-clinical-lists{display:block}.yhls-app .syh-tools-section .syh-clinical-list{height:auto}.yhls-app .syh-tools-section .syh-clinical-list>button{min-height:84px}.yhls-app .syh-tools-section .syh-clinical-preview{border-left:0;border-top:1px solid rgba(226,234,241,.9)}}
@media (max-width:720px){.yhls-app .syh-tools-section .syh-clinical-list>button{min-height:76px;padding:12px 12px 11px}.yhls-app .syh-tools-section .syh-clinical-list strong{font-size:14px}.yhls-app .syh-tools-section .syh-clinical-list small{font-size:14px}}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button, html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button{border-color:rgba(120,151,179,.12)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+1), html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+1){background:linear-gradient(180deg,#111d2c 0%,#142233 100%)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+2), html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+2){background:linear-gradient(180deg,#102224 0%,#143034 100%)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+3), html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+3){background:linear-gradient(180deg,#26202a 0%,#2c2530 100%)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+4), html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button:nth-child(4n/**/+4){background:linear-gradient(180deg,#19162b 0%,#211e34 100%)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-list>button.active, html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-list>button.active{background:linear-gradient(180deg,#17304a 0%,#1a3552 100%);box-shadow:inset 0 0 0 1px rgba(125,182,240,.16)}
html.nah-sdp-night-active .yhls-app .syh-tools-section .syh-clinical-preview, html.nah-sdp-dark-mode .yhls-app .syh-tools-section .syh-clinical-preview{background:linear-gradient(180deg,#0f1927 0%,#132132 100%);border-color:rgba(120,151,179,.14)}


/* v0.94 — expand tool suggestion sets to ~12 items and keep desktop columns balanced */
@media (min-width: 921px){
  .yhls-app .syh-tools-section .syh-explorer-body{grid-template-columns:minmax(0,1.58fr) minmax(360px,.92fr);min-height:0}
  .yhls-app .syh-tools-section .syh-clinical-lists{display:block}
  .yhls-app .syh-tools-section .syh-clinical-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(78px,1fr);height:100%}
  .yhls-app .syh-tools-section .syh-clinical-list>button{min-height:78px;height:100%;padding:12px 12px 11px}
  .yhls-app .syh-tools-section .syh-clinical-preview{min-height:100%}
}
@media (min-width: 1181px){
  .yhls-app .syh-tools-section .syh-clinical-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(82px,1fr)}
  .yhls-app .syh-tools-section .syh-clinical-list>button{min-height:82px}
}


/* v0.95 — article modules: taller read-next cards + consistent title case */
.yhls-app .yhls-personal-copy small, .yhls-app .yhls-spotlight-tag, .yhls-app .yhls-spotlight-switcher button strong{
  text-transform:none !important;
  letter-spacing:.02em !important;
}
.yhls-app .yhls-personal-copy strong{
  -webkit-line-clamp:3 !important;
  line-clamp:3;
}
@media (min-width: 621px){
  .yhls-app .yhls-personal-grid{grid-auto-rows:1fr !important}
  .yhls-app .yhls-personal-card{height:136px !important;min-height:136px !important;max-height:136px !important;align-items:stretch !important}
  .yhls-app .yhls-personal-media{width:126px !important;min-width:126px !important;min-height:136px !important;height:136px !important}
  .yhls-app .yhls-personal-copy{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;padding:14px 15px !important}
  .yhls-app .yhls-personal-copy small{font-size:14px !important}
  .yhls-app .yhls-personal-copy strong{font-size:14px !important;line-height:1.38 !important}
  .yhls-app .yhls-personal-copy span{margin-top:auto !important;padding-top:8px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
}
@media (max-width: 620px){
  .yhls-app .yhls-personal-card{flex:0 0 min(88vw,360px) !important;height:132px !important;min-height:132px !important;max-height:132px !important}
  .yhls-app .yhls-personal-media{width:118px !important;min-width:118px !important;height:132px !important;min-height:132px !important}
  .yhls-app .yhls-personal-copy{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;padding:13px 14px !important}
  .yhls-app .yhls-personal-copy span{margin-top:auto !important;padding-top:8px !important}
}


/* v0.96 — homepage article modules: taller read-next cards + title-case labels */
.yhls-app .yhls-spotlight-tag, .yhls-app .yhls-spotlight-switcher button strong, .yhls-app .yhls-personal-copy small{
  text-transform:none !important;
  letter-spacing:.02em !important;
}
.yhls-app .yhls-personal-grid{align-items:stretch !important}
.yhls-app .yhls-personal-card{align-items:stretch !important}
.yhls-app .yhls-personal-copy{display:flex !important;flex-direction:column !important;justify-content:flex-start !important}
.yhls-app .yhls-personal-copy strong{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  -webkit-line-clamp:4 !important;
  line-clamp:4 !important;
}
.yhls-app .yhls-personal-copy span{margin-top:auto !important;padding-top:8px !important}
@media (min-width: 621px){
  .yhls-app .yhls-personal-card{height:154px !important;min-height:154px !important;max-height:154px !important}
  .yhls-app .yhls-personal-media{width:132px !important;min-width:132px !important;height:154px !important;min-height:154px !important}
  .yhls-app .yhls-personal-copy{padding:14px 16px !important}
  .yhls-app .yhls-personal-copy strong{font-size:14px !important;line-height:1.42 !important}
}
@media (max-width: 620px){
  .yhls-app .yhls-personal-card{flex:0 0 min(90vw,380px) !important;height:148px !important;min-height:148px !important;max-height:148px !important}
  .yhls-app .yhls-personal-media{width:120px !important;min-width:120px !important;height:148px !important;min-height:148px !important}
  .yhls-app .yhls-personal-copy{padding:13px 14px !important}
  .yhls-app .yhls-personal-copy strong{font-size:14px !important;line-height:1.4 !important}
}


/* v0.97 — homepage reorder + compact Medical Spotlines */
.yhls-app .yhls-spotlines-integration{padding:26px 0 34px!important;background:linear-gradient(180deg,#f5f9fd 0%,#eef5fb 100%)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive{padding:20px!important;border:1px solid rgba(25,86,145,.10)!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(244,249,255,.98) 100%)!important;box-shadow:0 18px 40px rgba(26,68,122,.08)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-head h2{font-size:clamp(24px,2vw,31px)!important;line-height:1.1!important;letter-spacing:-.03em!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issues-shell{margin-bottom:16px!important;padding:0!important;background:transparent!important;border:0!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issues{display:flex;gap:10px;flex-wrap:wrap}
.yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{min-height:unset!important;padding:11px 14px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(38,100,161,.14)!important;box-shadow:0 6px 16px rgba(32,92,150,.06)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip strong{font-size:15px!important;line-height:1.15!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card{display:flex!important;flex-direction:column!important;min-height:228px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(32,92,150,.12)!important;box-shadow:0 10px 24px rgba(21,74,128,.07)!important;position:relative;overflow:hidden}
.yhls-app .yhls-spotlines-integration .mmspot-home-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#1786b1,#2e64ff,#3bbf9d)}
.yhls-app .yhls-spotlines-integration .mmspot-home-card-top{margin-bottom:9px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-type-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:12px!important;box-shadow:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-meta{gap:4px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card h3{margin:0 0 10px!important;font-size:18px!important;line-height:1.34!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card p{margin:0 0 12px!important;font-size:14px!important;line-height:1.6!important;color:#5c6f86!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-source{margin-top:auto!important;padding-top:12px!important;border-top:1px solid rgba(31,78,129,.08)!important;font-size:14px!important;color:#2d5f94!important}
@media (max-width: 980px){.yhls-app .yhls-spotlines-integration .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width: 620px){
  .yhls-app .yhls-spotlines-integration{padding:22px 0 28px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive{padding:14px!important;border-radius:20px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-head{align-items:center!important;margin-bottom:12px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-head h2{font-size:22px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-issues{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none}
  .yhls-app .yhls-spotlines-integration .mmspot-home-issues::-webkit-scrollbar{display:none}
  .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{flex:0 0 auto!important;min-width:132px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:1px 1px 6px!important;scrollbar-width:none}
  .yhls-app .yhls-spotlines-integration .mmspot-home-grid::-webkit-scrollbar{display:none}
  .yhls-app .yhls-spotlines-integration .mmspot-home-card{flex:0 0 min(86vw,330px)!important;min-height:204px!important;scroll-snap-align:start!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-card h3{font-size:16px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-card p{font-size:14px!important;line-height:1.55!important}
}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration{background:linear-gradient(180deg,#0c1825 0%,#0f2030 100%)!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive{background:linear-gradient(180deg,rgba(18,32,47,.96) 0%,rgba(14,28,42,.98) 100%)!important;border-color:rgba(128,175,225,.14)!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{background:#122437!important;border-color:rgba(126,168,214,.15)!important;color:#dce8f5!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-card, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-card, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card{background:linear-gradient(180deg,#132538 0%,#102132 100%)!important;border-color:rgba(124,171,222,.14)!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-card p, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-card p, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card p, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card p{color:#a9bdd4!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-source, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-source, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-source, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-source{border-top-color:rgba(123,171,224,.12)!important;color:#8fb6e8!important}

.yhls-app .yhls-readnext-bottom{padding-top:18px!important}


/* v0.98 — homepage module order hardening + cleaner MEDIPHARM journal */
.yhls-app .yhls-home-knowledge .yhls-trending-block{margin-top:18px!important;margin-bottom:20px!important}
.yhls-app .yhls-readnext-bottom{padding-top:26px!important;padding-bottom:8px!important}
.yhls-app .yhls-readnext-bottom .yhls-personalized{margin-top:0!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-head p, .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, .yhls-app .yhls-spotlines-integration .mmspot-home-description{max-width:760px!important;color:#61758d!important;font-size:14px!important;line-height:1.55!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-current{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border-radius:14px!important;background:rgba(24,96,162,.05)!important;border:1px solid rgba(24,96,162,.10)!important;margin:2px 0 14px!important;font-size:14px!important;color:#31597f!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-grid{margin-top:2px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card:nth-child(3n/**/+1)::before{background:linear-gradient(90deg,#1b7fb0,#26b0c9)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card:nth-child(3n/**/+2)::before{background:linear-gradient(90deg,#2d62ff,#6f8dff)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card:nth-child(3n/**/+3)::before{background:linear-gradient(90deg,#19a27d,#4cc89f)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-type{display:inline-flex!important;align-items:center!important;gap:8px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-meta .mmspot-home-date{font-size:14px!important;color:#7389a0!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-kicker, .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-type-label{display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border-radius:999px!important;background:rgba(43,104,169,.08)!important;color:#1f6ca8!important;font-size:14px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-link, .yhls-app .yhls-spotlines-integration .mmspot-home-card a[href]{text-decoration:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card:hover{transform:translateY(-2px)!important;transition:transform .18s ease, box-shadow .18s ease!important;box-shadow:0 14px 28px rgba(17,67,120,.10)!important}
@media (max-width:620px){
 .yhls-app .yhls-spotlines-integration .mmspot-home-head p, .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, .yhls-app .yhls-spotlines-integration .mmspot-home-description{font-size:14px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-current{padding:9px 12px!important;margin-bottom:12px!important;font-size:14px!important}
}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-head p, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-head p, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-head p, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-head p, html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-subtitle, html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-description, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-description, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-description, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-description{color:#a9bdd4!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-current, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-current, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-current, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-current{background:rgba(114,164,221,.08)!important;border-color:rgba(126,168,214,.14)!important;color:#c9d9ea!important}
html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-kicker, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-kicker, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-kicker, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-kicker, html.yhlsm-dark .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-type-label, html.nah-sdp-night-active .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-type-label, html.nah-sdp-dark-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-type-label, html.nah-sdp-night-mode .yhls-app .yhls-spotlines-integration .mmspot-home-card .mmspot-home-type-label{background:rgba(126,168,214,.12)!important;color:#b9d4f3!important}

/* v0.99 — compact MEDIPHARM journal refinement, built on v0.98 */
.yhls-app .yhls-spotlines-integration{padding:18px 0 20px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-module{width:100%!important;max-width:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive{padding:14px!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(26,68,122,.055)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-current{display:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issues-shell{margin-bottom:10px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issues{gap:7px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{padding:8px 11px!important;border-radius:13px!important;box-shadow:none!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip strong{font-size:14px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card{min-height:178px!important;padding:13px!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(18,55,84,.04)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card::before{height:3px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-type-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:10px!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card h3{margin:0 0 8px!important;font-size:15px!important;line-height:1.36!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card p{margin:0 0 8px!important;font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-source{padding-top:8px!important;font-size:14px!important}
@media(max-width:1080px){.yhls-app .yhls-spotlines-integration .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){
 .yhls-app .yhls-spotlines-integration{padding:12px 0 14px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-module{width:100%!important;max-width:none!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-module--interactive{padding:11px!important;border-radius:16px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-head{margin-bottom:9px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-head h2{font-size:20px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-issues{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none}
 .yhls-app .yhls-spotlines-integration .mmspot-home-issues::-webkit-scrollbar{display:none}
 .yhls-app .yhls-spotlines-integration .mmspot-home-issue-chip{flex:0 0 auto!important;min-width:0!important;padding:7px 10px!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-grid{display:flex!important;gap:9px!important;overflow-x:auto!important;padding:1px 1px 5px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}
 .yhls-app .yhls-spotlines-integration .mmspot-home-grid::-webkit-scrollbar{display:none}
 .yhls-app .yhls-spotlines-integration .mmspot-home-card{flex:0 0 min(82vw,305px)!important;height:150px!important;min-height:150px!important;max-height:150px!important;padding:11px!important;scroll-snap-align:start!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-card p{display:none!important}
 .yhls-app .yhls-spotlines-integration .mmspot-home-card h3{font-size:15px!important;-webkit-line-clamp:2!important;line-clamp:2!important}
}

/* v1.00 — Inspiration polish, equal-height cards & titleless integration ------- */
.yhls-app .yhls-inspiration-section{padding:clamp(28px,4vw,46px) 0!important;background:linear-gradient(180deg,#fbfbff 0%,#f7fafb 54%,#fbfaf6 100%)!important;position:relative;overflow:hidden}
.yhls-app .yhls-inspiration-section:before{content:"";position:absolute;width:360px;height:360px;right:2%;top:2%;border-radius:999px;background:radial-gradient(circle,rgba(103,78,167,.08),transparent 69%);pointer-events:none}
.yhls-app .yhls-inspiration-section .mpi-section{padding:0!important;background:transparent!important}
.yhls-app .yhls-inspiration-section .mpi-section:before{display:none!important}
.yhls-app .yhls-inspiration-section .mpi-head{display:none!important}
.yhls-app .yhls-inspiration-section .mpi-shell{width:100%!important;max-width:none!important;padding-top:0!important}
.yhls-app .yhls-inspiration-section .mpi-daily-quote{position:relative;margin:0 0 16px!important;padding:17px 26px!important;border:1px solid rgba(98,116,181,.24)!important;border-radius:18px!important;background:linear-gradient(125deg,rgba(79,142,196,.17) 0%,rgba(111,79,181,.14) 49%,rgba(230,174,79,.15) 100%)!important;box-shadow:0 12px 30px rgba(73,78,120,.08)!important;overflow:hidden}
.yhls-app .yhls-inspiration-section .mpi-daily-quote:after{content:"";position:absolute;right:-42px;top:-70px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.58),rgba(255,255,255,0) 68%);pointer-events:none}
.yhls-app .yhls-inspiration-section .mpi-daily-quote :where(p,blockquote,.mpi-quote-text,.mpi-vi,.mpi-en){position:relative;z-index:1}
.yhls-app .yhls-inspiration-section .mpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important;gap:12px!important}
.yhls-app .yhls-inspiration-section .mpi-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:286px!important;max-height:none!important;overflow:hidden!important;border-width:1px!important;border-style:solid!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(52,69,86,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+1){border-color:#ded9ee!important;background:linear-gradient(145deg,#ffffff 0%,#faf8ff 100%)!important}
.yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+2){border-color:#eadde5!important;background:linear-gradient(145deg,#ffffff 0%,#fff8fa 100%)!important}
.yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+3){border-color:#eadfc9!important;background:linear-gradient(145deg,#ffffff 0%,#fffbf2 100%)!important}
.yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+4){border-color:#d5e7e3!important;background:linear-gradient(145deg,#ffffff 0%,#f4fbfa 100%)!important}
.yhls-app .yhls-inspiration-section .mpi-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(52,69,86,.085)!important}
.yhls-app .yhls-inspiration-section .mpi-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
.yhls-app .yhls-inspiration-section .mpi-card .mpi-vi, .yhls-app .yhls-inspiration-section .mpi-card .mpi-en{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section{background:linear-gradient(180deg,#111923 0%,#111b20 56%,#171912 100%)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote{border-color:rgba(147,132,214,.29)!important;background:linear-gradient(125deg,rgba(44,102,147,.28),rgba(91,67,155,.25),rgba(177,127,61,.20))!important;box-shadow:0 12px 30px rgba(0,0,0,.17)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+1), html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+1), html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+1), html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+1){border-color:#393551!important;background:linear-gradient(145deg,#18222c,#201e30)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+2), html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+2), html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+2), html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+2){border-color:#49333f!important;background:linear-gradient(145deg,#18222c,#2b1d25)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+3), html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+3), html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+3), html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+3){border-color:#493f2f!important;background:linear-gradient(145deg,#18222c,#29251a)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+4), html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+4), html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+4), html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card:nth-child(4n/**/+4){border-color:#294845!important;background:linear-gradient(145deg,#18222c,#142925)!important}
@media(max-width:920px){.yhls-app .yhls-inspiration-section .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.yhls-app .yhls-inspiration-section .mpi-card{min-height:300px!important}}
@media(max-width:720px){.yhls-app .yhls-inspiration-section{padding:26px 0 28px!important}.yhls-app .yhls-inspiration-section .mpi-shell{width:100%!important;max-width:none!important}.yhls-app .yhls-inspiration-section .mpi-daily-quote{margin-bottom:12px!important;padding:15px 18px!important;border-radius:16px!important}.yhls-app .yhls-inspiration-section .mpi-grid{display:flex!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;padding:1px 2px 10px!important;scroll-snap-type:x proximity;scrollbar-width:none}.yhls-app .yhls-inspiration-section .mpi-grid::-webkit-scrollbar{display:none}.yhls-app .yhls-inspiration-section .mpi-card{flex:0 0 min(88vw,350px)!important;align-self:stretch!important;height:auto!important;min-height:310px!important;max-height:none!important;padding:15px!important;scroll-snap-align:start}}
@media(max-width:390px){.yhls-app .yhls-inspiration-section .mpi-card{flex-basis:min(91vw,350px)!important;min-height:310px!important}}


/* v1.00 — quote-card fallback for Inspiration Library variants without .mpi-daily-quote */
.yhls-app .yhls-inspiration-section .mpi-card.slot-quote{border-color:rgba(98,116,181,.24)!important;background:linear-gradient(125deg,rgba(79,142,196,.15) 0%,rgba(111,79,181,.13) 49%,rgba(230,174,79,.14) 100%)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card.slot-quote{border-color:rgba(147,132,214,.29)!important;background:linear-gradient(125deg,rgba(44,102,147,.28),rgba(91,67,155,.25),rgba(177,127,61,.20))!important}


/* v1.01 — Header search width rebalance ----------------------------------- */



/* v1.02 — authoritative desktop header rebalance.
 * IMPORTANT: homepage enqueues assets/bundles/home.css, not super-app.css. */




/* v1.03 — desktop header: preserve height/readability, reduce SEARCH WIDTH only.
 * Supersedes v1.02. Brand gets enough width for the full slogan. */




/* v1.04 — desktop header balance: horizontal allocation only. */




/* v1.05 — Inspiration quote readability + uniform card geometry. */
.yhls-app .yhls-inspiration-section .mpi-daily-quote{
  border-color:#cbddec!important;
  background:linear-gradient(120deg,#e9f5ff 0%,#edf9f5 52%,#f3efff 100%)!important;
  box-shadow:0 12px 30px rgba(43,82,117,.08)!important;
}
.yhls-app .yhls-inspiration-section .mpi-daily-quote:after{
  background:radial-gradient(circle,rgba(255,255,255,.82),rgba(255,255,255,0) 70%)!important;
}
.yhls-app .yhls-inspiration-section .mpi-daily-quote :where(.mpi-vi,.mpi-quote-text,blockquote,p){color:#17324d!important}
.yhls-app .yhls-inspiration-section .mpi-daily-quote .mpi-en{color:#53687a!important}
.yhls-app .yhls-inspiration-section .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card, .yhls-app .yhls-inspiration-section .mpi-card{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
}
.yhls-app .yhls-inspiration-section .mpi-card.slot-quote{
  border-color:#cbddec!important;
  background:linear-gradient(120deg,#e9f5ff 0%,#edf9f5 52%,#f3efff 100%)!important;
}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote, html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-card.slot-quote, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-card.slot-quote{
  border-color:#36546a!important;
  background:linear-gradient(120deg,#162a3d 0%,#183733 52%,#2a2542 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-daily-quote :where(.mpi-vi,.mpi-quote-text,blockquote,p), html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-daily-quote :where(.mpi-vi,.mpi-quote-text,blockquote,p), html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote :where(.mpi-vi,.mpi-quote-text,blockquote,p), html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote :where(.mpi-vi,.mpi-quote-text,blockquote,p){color:#f2f7fb!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-section .mpi-daily-quote .mpi-en, html.nah-sdp-night-active .yhls-app .yhls-inspiration-section .mpi-daily-quote .mpi-en, html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote .mpi-en, html.nah-sdp-night-mode .yhls-app .yhls-inspiration-section .mpi-daily-quote .mpi-en{color:#c5d5df!important}
@media(max-width:720px){
  .yhls-app .yhls-inspiration-section .mpi-grid{display:flex!important;align-items:stretch!important}
  .yhls-app .yhls-inspiration-section .mpi-card{width:min(88vw,350px)!important;flex:0 0 min(88vw,350px)!important}
}
@media(max-width:390px){
  .yhls-app .yhls-inspiration-section .mpi-card{width:min(91vw,350px)!important;flex-basis:min(91vw,350px)!important}
}



/* v1.06 — canonical Medipharm footer copy. */





/* v1.07 — tablet Inspiration 2x2 hardening + remove obsolete homepage bottom spacer. */
.yhls-app.syh-app{padding-bottom:0!important}
@media (min-width:721px){
  .yhls-app .yhls-inspiration-section .mpi-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
  }
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card{
    grid-column:auto!important;
    grid-row:auto!important;
    grid-area:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-self:stretch!important;
  }
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card:nth-child(1){grid-column:1!important;grid-row:1!important}
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card:nth-child(2){grid-column:2!important;grid-row:1!important}
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card:nth-child(3){grid-column:1!important;grid-row:2!important}
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card:nth-child(4){grid-column:2!important;grid-row:2!important}
}

/* source: personalization.css */
.yhls-personalized{margin:28px 0 34px;padding:22px;border:1px solid var(--syh-line);border-radius:24px;background:linear-gradient(145deg,#f8fbff,#f1f8ff);box-shadow:0 12px 34px rgba(31,75,118,.06)}
.yhls-personal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.yhls-personal-head p{margin:0;color:#5e7790;font-size:14px;line-height:1.55}.yhls-personal-head h3{margin:4px 0 3px;font-size:25px;line-height:1.12}.yhls-personal-actions{display:flex;align-items:center;gap:10px}.yhls-personal-actions button{border:0;background:transparent;color:#55718b;font-size:14px;font-weight:700;cursor:pointer}
.yhls-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yhls-personal-card{display:flex;min-width:0;overflow:hidden;border:1px solid rgba(25,91,153,.11);border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 20px rgba(25,74,120,.05);transition:transform .18s ease,box-shadow .18s ease}.yhls-personal-card:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(25,74,120,.09)}.yhls-personal-media{width:118px;min-width:118px;min-height:110px;background:#eaf3fb}.yhls-personal-media img{display:block;width:100%;height:100%;object-fit:cover}.yhls-personal-copy{padding:13px 14px;min-width:0}.yhls-personal-copy small{display:block;color:#1470a7;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.yhls-personal-copy strong{display:-webkit-box;margin-top:5px;color:#18324a;font-size:14px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yhls-personal-copy span{display:block;margin-top:7px;color:#698196;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yhls-learning-path{margin:30px 0;padding:22px;border-radius:22px;border:1px solid #dce8f3;background:linear-gradient(180deg,#fff,#f8fbfe)}.yhls-learning-path-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.yhls-learning-path-head p{margin:0;color:#1470a7;font-size:14px;font-weight:800;letter-spacing:.12em}.yhls-learning-path-head h2{margin:5px 0 0;font-size:23px}.yhls-learning-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.yhls-learning-step{position:relative;padding:15px;border:1px solid #e2ebf3;border-radius:17px;background:#fff;text-decoration:none;color:inherit}.yhls-learning-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;transform:translateY(-50%);color:#8da8bd;font-weight:900}.yhls-learning-step small{display:block;color:#1775a9;font-size:14px;font-weight:800;letter-spacing:.08em}.yhls-learning-step strong{display:block;margin-top:6px;font-size:14px;line-height:1.35}.yhls-learning-step span{display:block;margin-top:6px;color:#6b8398;font-size:14px;line-height:1.45}
@media(max-width:900px){.yhls-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yhls-learning-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.yhls-learning-step:nth-child(2):after{display:none}}
@media(max-width:620px){.yhls-personalized{margin-left:-4px;margin-right:-4px;padding:16px}.yhls-personal-head{align-items:flex-start;flex-direction:column}.yhls-personal-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.yhls-personal-card{min-width:84%;scroll-snap-align:start}.yhls-personal-media{width:104px;min-width:104px}.yhls-learning-chain{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.yhls-learning-step{min-width:78%;scroll-snap-align:start}.yhls-learning-step:after{display:none}.yhls-personal-head h3{font-size:22px}}
html.nah-sdp-night-active .yhls-personalized, html.nah-sdp-dark-mode .yhls-personalized, html.nah-sdp-night-active .yhls-learning-path, html.nah-sdp-dark-mode .yhls-learning-path{background:linear-gradient(145deg,#0d1b2a,#102235);border-color:#1c354d}html.nah-sdp-night-active .yhls-personal-card, html.nah-sdp-dark-mode .yhls-personal-card, html.nah-sdp-night-active .yhls-learning-step, html.nah-sdp-dark-mode .yhls-learning-step{background:#102033;border-color:#1b3852}html.nah-sdp-night-active .yhls-personal-copy strong, html.nah-sdp-dark-mode .yhls-personal-copy strong, html.nah-sdp-night-active .yhls-learning-step strong, html.nah-sdp-dark-mode .yhls-learning-step strong{color:#edf6ff}

/* v0.5.8 Knowledge Graph foundation */
.yhls-knowledge-map{margin:30px 0;padding:24px;border:1px solid var(--syh-line,#dfe5ea);border-radius:20px;background:var(--syh-surface,#fff)}
.yhls-knowledge-map-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:8px}
.yhls-knowledge-map-head p{margin:0 0 5px;font-size:14px;font-weight:800;letter-spacing:.08em}
.yhls-knowledge-map-head h2{margin:0;font-size:24px;line-height:1.25}
.yhls-knowledge-map-head>span{font-size:14px;font-weight:700;padding:7px 10px;border-radius:999px;border:1px solid var(--syh-line,#dfe5ea);white-space:nowrap}
.yhls-knowledge-map-intro, .yhls-knowledge-map-note{font-size:14px;line-height:1.65;margin:8px 0 18px;color:var(--syh-muted,#59636e)}
.yhls-knowledge-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yhls-knowledge-group{padding:14px;border:1px solid var(--syh-line,#dfe5ea);border-radius:15px;min-width:0}
.yhls-knowledge-group>strong{display:block;font-size:14px;margin-bottom:10px}
.yhls-knowledge-group>div{display:flex;flex-wrap:wrap;gap:7px}
.yhls-knowledge-group a, .yhls-knowledge-group span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:10px;font-size:14px;line-height:1.35;text-decoration:none;border:1px solid var(--syh-line,#dfe5ea);color:inherit;background:var(--syh-bg,#f7f9fb)}
.yhls-knowledge-group a:hover{text-decoration:underline}
.yhls-knowledge-map-note{margin:16px 0 0;font-size:14px}
@media(max-width:900px){.yhls-knowledge-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.yhls-knowledge-map{margin:22px 0;padding:16px;border-radius:16px}.yhls-knowledge-map-head{display:block}.yhls-knowledge-map-head>span{display:inline-flex;margin-top:10px}.yhls-knowledge-map-head h2{font-size:21px}.yhls-knowledge-map-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.yhls-knowledge-group{flex:0 0 82%;scroll-snap-align:start}.yhls-knowledge-map-intro{font-size:14px}}

/* v0.5.8-beta.2 multi-topic graph and cross-relations */
.yhls-knowledge-topics{margin:0 0 16px;padding:13px 14px;border:1px solid var(--syh-line,#dfe5ea);border-radius:14px;background:var(--syh-bg,#f7f9fb)}
.yhls-knowledge-topics>strong{display:block;margin-bottom:9px;font-size:14px}
.yhls-knowledge-topics>div{display:flex;flex-wrap:wrap;gap:8px}
.yhls-knowledge-topics span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;border-radius:999px;background:var(--syh-surface,#fff);border:1px solid var(--syh-line,#dfe5ea);font-size:14px;font-weight:700}
.yhls-knowledge-topics small{font-size:14px;font-weight:600;color:var(--syh-muted,#667684)}
.yhls-cross-relations{margin-top:16px;padding-top:16px;border-top:1px solid var(--syh-line,#dfe5ea)}
.yhls-cross-relations-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.yhls-cross-relations-head strong{font-size:14px}.yhls-cross-relations-head span{font-size:14px;color:var(--syh-muted,#667684)}
.yhls-cross-relations-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.yhls-cross-relations-rail>a{display:block;min-width:0;padding:12px;border:1px solid var(--syh-line,#dfe5ea);border-radius:13px;background:var(--syh-bg,#f7f9fb);color:inherit;text-decoration:none}
.yhls-cross-relations-rail>a:hover{text-decoration:none;border-color:#8eb7d6}
.yhls-cross-relations-rail small{display:block;margin-bottom:6px;font-size:14px;font-weight:800;color:#1470a7}
.yhls-cross-relations-rail span{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;min-width:0}
.yhls-cross-relations-rail b{font-weight:700;min-width:0}.yhls-cross-relations-rail i{font-style:normal;color:#829aac;flex:0 0 auto}
@media(max-width:900px){.yhls-cross-relations-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.yhls-knowledge-topics>div, .yhls-cross-relations-rail{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.yhls-knowledge-topics span{flex:0 0 auto;scroll-snap-align:start}.yhls-cross-relations-rail>a{flex:0 0 82%;scroll-snap-align:start}.yhls-cross-relations-head{display:block}.yhls-cross-relations-head span{display:block;margin-top:4px}}
html.nah-sdp-night-active .yhls-knowledge-topics, html.nah-sdp-dark-mode .yhls-knowledge-topics, html.nah-sdp-night-active .yhls-cross-relations-rail>a, html.nah-sdp-dark-mode .yhls-cross-relations-rail>a{background:#102033;border-color:#1b3852}

/* v0.6.0-beta.1 — personalized homepage cards keep the complete article/tool title. */
.yhls-personal-copy strong{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  overflow-wrap:anywhere;
}

/* v0.6.0-beta.2.7 — single-heading sections + stable thumbnail crops. */
.yhls-personal-head{
  align-items:center;
  margin-bottom:16px;
}
.yhls-personal-head>h3{
  margin:0;
  color:var(--syh-ink,#18324a);
  font-size:20px;
  line-height:1.25;
  font-weight:840;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.yhls-personal-card{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:start;
  min-height:122px;
}
.yhls-personal-media{
  position:relative;
  display:block;
  width:118px;
  min-width:118px;
  height:118px;
  min-height:118px;
  max-height:118px;
  overflow:hidden;
  align-self:start;
  background:linear-gradient(145deg,#eaf3fb,#e5f0f8);
}
.yhls-personal-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}
.yhls-personal-copy{align-self:start}
@media(max-width:620px){
  .yhls-personal-head{flex-direction:row;align-items:center}
  .yhls-personal-head>h3{font-size:18px}
  .yhls-personal-card{grid-template-columns:104px minmax(0,1fr);min-height:108px}
  .yhls-personal-media{width:104px;min-width:104px;height:104px;min-height:104px;max-height:104px}
}
/* source: readability.css */
/*
 * MEDIPHARM Super App v0.10.5 — Readability-first responsive typography
 * Goal: keep 100% browser zoom comfortably readable on phones, tablets,
 * MacBook-class displays and large desktop monitors without scaling the whole UI.
 */
:root{
    --syh-type-micro:12px;
    --syh-type-xs:12.5px;
    --syh-type-sm:13.5px;
    --syh-type-md:14.5px;
    --syh-type-body:15.5px;
    --syh-type-lg:16.5px;
    --syh-type-control:13.5px;
}

/* Shared shell and global search ------------------------------------------------ */
.syh-app, .syh-book-page, .syh-article-page, .syh-archive-page, .syh-member-page{font-size:var(--syh-type-body)}




.syh-button, .syh-search-shortcut{font-size:14px}














/* Home ------------------------------------------------------------------------- */
.syh-kicker{font-size:14px}
.syh-hero-lead{font-size:17px}
.syh-quick-links{font-size:14px}
.syh-device-top{font-size:14px}
.syh-device-title small{font-size:14px}
.syh-device-title strong{font-size:16px}
.syh-device-title>span{font-size:14px}
.syh-score-mini b{font-size:14px}
.syh-score-mini em{font-size:14px}
.syh-floating-chip span{font-size:14px}
.syh-floating-chip strong{font-size:14px}
.syh-floating-chip small{font-size:14px}

.syh-eyebrow, .syh-tool-eyebrow{font-size:14px;line-height:1.35}
.syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:15px;line-height:1.7}

.syh-trial-banner small{font-size:14px}
.syh-trial-banner strong{font-size:14px;line-height:1.35}
.syh-trial-banner>div>span{font-size:14px;line-height:1.4}
.syh-trial-banner>button{font-size:14px}

.syh-tool-badge strong{font-size:15px}
.syh-tool-badge small{font-size:14px}
.syh-tool-card h3{font-size:clamp(20px,1.25vw,24px)}
.syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px;line-height:1.7}
.syh-tool-tags span{font-size:14px}
.syh-tool-link{font-size:14px}

/* Clinical Suite explorer: remove the 6.5–10px desktop text from v0.10.2/0.10.3. */
.syh-explorer-head h3{font-size:24px}
.syh-explorer-tabs button{font-size:14px}
.syh-item-mark{font-size:14px}
.syh-clinical-list strong{font-size:14px;line-height:1.3}
.syh-clinical-list small{font-size:14px;line-height:1.35}
.syh-clinical-list em{font-size:14px;line-height:1.2}
.syh-preview-topline{font-size:14px}
.syh-clinical-preview h4{font-size:30px}
.syh-clinical-preview>p{font-size:14px;line-height:1.6}
.syh-preview-sample small{font-size:14px}
.syh-preview-sample strong{font-size:14px;line-height:1.5}
.syh-preview-sample.is-abg small{font-size:14px}
.syh-preview-sample.is-abg strong{font-size:14px}
.syh-icd-sample small{font-size:14px}
.syh-preview-actions>small{font-size:14px;line-height:1.4}
.syh-preview-actions a{font-size:14px}

/* Library cards and calls to action. */
.syh-member-login small{font-size:14px}
.syh-member-login strong{font-size:14px}
.syh-library-open{font-size:14px}
.syh-library-filters button{font-size:14px}
.syh-library-copy>span{font-size:14px;line-height:1.35}
.syh-library-copy h3{font-size:16px;line-height:1.45}
.syh-library-copy>a, .syh-library-copy>button{font-size:14px}
.syh-access-note p{font-size:14px;line-height:1.55}
.syh-access-note p strong{font-size:14px}
.syh-access-note button, .syh-access-note>a{font-size:14px}

/* Trust strip and footer were visually under-scaled on 1440–1920px displays. */
.syh-trust-points>div>span{font-size:14px}
.syh-trust-points strong{font-size:14px;line-height:1.35}
.syh-trust-points small{font-size:14px;line-height:1.5}





/* Modal and account/login typography. */
.syh-modal-eyebrow{font-size:14px}
.syh-modal>p:not(.syh-eyebrow):not(.syh-register-prompt), .syh-modal>p{font-size:14px;line-height:1.6}
.syh-status-card span{font-size:14px}
.syh-status-card strong{font-size:14px}
.syh-membership-options span{font-size:14px}
.syh-modal-actions button, .syh-modal-actions a{font-size:14px}
.syh-sepay-note>span{font-size:14px}
.syh-sepay-note strong{font-size:14px}
.syh-sepay-note small{font-size:14px}
.syh-login-modal label{font-size:14px}
.syh-login-modal input[type=submit]{font-size:14px}
.syh-register-prompt{font-size:14px}

/* Library browser -------------------------------------------------------------- */
.syh-library-hero p{font-size:14px}
.syh-library-search input{font-size:14px}
.syh-library-search button{font-size:14px}
.syh-library-sidebar-head small{font-size:14px}
.syh-library-all, .syh-library-tree a{font-size:14px;line-height:1.4}
.syh-library-all b, .syh-library-tree a b{font-size:14px}
.syh-library-tree ul ul a{font-size:14px}
.syh-library-login-copy p{font-size:14px;line-height:1.5}
.syh-library-login-copy small{font-size:14px}
.syh-library-fallback-login label{font-size:14px}
.syh-library-fallback-login input[type=submit]{font-size:14px}
.syh-library-login-form>p{font-size:14px}
.syh-library-mobile-nav a{font-size:14px}
.syh-library-mobile-nav a b{font-size:14px}

/* Book, article, archive and member pages ------------------------------------- */





.syh-book-breadcrumb{font-size:14px;line-height:1.45}
.syh-book-cover-fallback small{font-size:14px}
.syh-book-cover-fallback i{font-size:14px}
.syh-book-taxonomy a{font-size:14px}
.syh-book-meta small{font-size:14px}
.syh-book-meta strong{font-size:14px}
.syh-book-access strong{font-size:14px}
.syh-book-access small{font-size:14px}
.syh-book-access>b{font-size:14px}
.syh-book-article-heading p, .syh-book-article-heading span{font-size:14px}
.syh-book-disclaimer strong{font-size:14px}
.syh-book-disclaimer p{font-size:14px;line-height:1.55}
.syh-content-gate .syh-eyebrow{font-size:14px}
.syh-content-gate label{font-size:14px}
.syh-book-side-title>span{font-size:14px}
.syh-book-side-title small{font-size:14px}
.syh-file-icon{font-size:14px}
.syh-file-copy strong{font-size:14px}
.syh-file-copy small{font-size:14px}
.syh-file-card>a{font-size:14px}
.syh-book-files-empty strong{font-size:14px}
.syh-book-files-empty small{font-size:14px}
.syh-download-policy{font-size:14px;line-height:1.5}
.syh-side-lock p{font-size:14px;line-height:1.5}
.syh-side-lock a{font-size:14px}
.syh-toc-card nav a{font-size:14px;line-height:1.45}
.syh-related-heading p{font-size:14px}
.syh-related-heading>a{font-size:14px}
.syh-related-grid article>p{font-size:14px;line-height:1.45}
.syh-related-grid article>a:last-child{font-size:14px}

.syh-article-meta, .syh-article-meta span{font-size:14px}
.syh-article-member-card small{font-size:14px}
.syh-article-member-card p{font-size:14px;line-height:1.5}
.syh-article-member-card>a{font-size:14px}
.syh-archive-hero>div>p{font-size:14px}
.syh-archive-search button{font-size:14px}
.syh-archive-toolbar{font-size:14px}
.syh-archive-cover>b{font-size:14px}
.syh-archive-card-copy>p{font-size:14px}
.syh-archive-card-copy>div{font-size:14px}
.syh-archive-card-copy>a{font-size:14px}
.syh-archive-pagination a, .syh-archive-pagination span{font-size:14px}

.syh-member-hero>div:first-child>p{font-size:14px}
.syh-member-hero>div:first-child>span{font-size:14px;line-height:1.65}
.syh-member-identity small{font-size:14px}
.syh-member-identity strong{font-size:14px}
.syh-member-identity em{font-size:14px}
.syh-member-plugin-content{font-size:14px;line-height:1.65}
.syh-member-plugin-content label{font-size:14px!important}
.syh-member-plugin-content button, .syh-member-plugin-content input[type=submit], .syh-member-plugin-content .button{font-size:14px!important}
.syh-member-plugin-content th, .syh-member-plugin-content td{font-size:14px!important;line-height:1.45}
.syh-member-status-card>small, .syh-member-shortcuts>small{font-size:14px}
.syh-member-status-card>p{font-size:14px}
.syh-member-status-card>a{font-size:14px}
.syh-member-shortcuts>a strong{font-size:14px}
.syh-member-shortcuts>a em{font-size:14px}

/* Tool wrapper and safe shell -------------------------------------------------- */
.syh-tool-shell-brand strong{font-size:14px}
.syh-tool-shell-brand small{font-size:14px}
.syh-tool-shell-home, .syh-tool-shell-account, .syh-tool-shell-login, .syh-tool-shell-register{font-size:14px}
.syh-security-notice-copy strong{font-size:14px}
.syh-security-notice-copy small{font-size:14px;line-height:1.45}
.syh-safe-tool-brand{font-size:14px}


.syh-safe-tool-home, .syh-safe-tool-account, .syh-safe-tool-register, .syh-safe-tool-login{font-size:14px}

/* Desktop/MacBook: keep density, but never shrink content text to micro sizes. */
@media(min-width:1100px){
    .syh-tools-section .syh-explorer-head h3{font-size:24px}
    .syh-tools-section .syh-clinical-preview h4{font-size:30px}
    .syh-tools-section .syh-clinical-list>button{min-height:78px;padding:11px 12px}
    .syh-tools-section .syh-item-mark{width:32px;height:32px;font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-list em{font-size:14px;padding:4px 6px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px}
    .syh-tools-section .syh-preview-actions a{font-size:14px}
}

/* Very wide screens should gain whitespace, not progressively smaller type. */
@media(min-width:1680px){
    :root{--syh-type-body:15.5px}
    .syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:15.5px}
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14.5px}
    
}

/* Tablet ----------------------------------------------------------------------- */
@media(max-width:1080px){
    
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px}
    .syh-clinical-list strong{font-size:14px}
    .syh-clinical-list small{font-size:14px}
    .syh-preview-actions>small{font-size:14px}
}

/* Phone: compact spatially, not typographically. */
@media(max-width:720px){
    :root{
        --syh-type-micro:12px;
        --syh-type-xs:12px;
        --syh-type-sm:13px;
        --syh-type-md:14px;
        --syh-type-body:14.5px;
        --syh-type-lg:15.5px;
    }
    
    
    .syh-kicker{font-size:14px}
    .syh-hero-lead{font-size:15.5px}
    .syh-quick-links{font-size:14px}
    .syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:14px}
    .syh-eyebrow, .syh-tool-eyebrow{font-size:14px}
    .syh-trial-banner small{font-size:14px}
    .syh-trial-banner strong{font-size:14px}
    .syh-trial-banner>div>span{font-size:14px}
    .syh-trial-banner>button{font-size:14px}
    .syh-tools-section .syh-trial-banner small{font-size:14px}
    .syh-tools-section .syh-trial-banner strong{font-size:14px}
    .syh-tools-section .syh-trial-banner>button{font-size:14px}
    .syh-tools-section .syh-tool-eyebrow{font-size:14px}
    .syh-tool-card h3{font-size:19px}
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px}
    .syh-tool-tags span{font-size:14px}
    .syh-tool-link{font-size:14px}
    .syh-tools-section .syh-tool-link{font-size:14px}
    .syh-explorer-head h3{font-size:21px}
    .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-explorer-head h3{font-size:21px}
    .syh-tools-section .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-preview h4{font-size:23px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px;line-height:1.55}
    .syh-tools-section .syh-preview-actions a{font-size:14px}
    .syh-library-copy>span{font-size:14px}
    .syh-library-copy h3{font-size:14px}
    .syh-library-copy>a, .syh-library-copy>button{font-size:14px}
    .syh-access-note p{font-size:14px}
    .syh-access-note p strong{font-size:14px}
    .syh-trust-points strong{font-size:14px}
    .syh-trust-points small{font-size:14px}
    
    
    
    
    
    
    .syh-member-plugin-content{font-size:14px}
}

@media(max-width:390px){
    .syh-tools-section .syh-tool-card h3{font-size:17px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
}

/* Standalone protected reader -------------------------------------------------- */
.syh-reader-back{font-size:14px}
.syh-reader-brand strong{font-size:14px}
.syh-reader-brand small{font-size:14px}
.syh-reader-heading small{font-size:14px}
.syh-reader-heading strong{font-size:14px}
.syh-reader-header-actions button, .syh-reader-header-actions a{font-size:14px}
.syh-reader-loading small{font-size:14px}
.syh-reader-error p{font-size:14px;line-height:1.55}
.syh-reader-error a{font-size:14px}
.syh-reader-toc nav button{font-size:14px;line-height:1.45}
.syh-reader-toolbar button{font-size:14px}
.syh-reader-toolbar output{font-size:14px}
.syh-reader-watermark span{font-size:14px}
@media(max-width:720px){
    .syh-reader-back{font-size:14px}
    .syh-reader-brand strong{font-size:14px}
    .syh-reader-heading strong{font-size:14px}
    .syh-reader-header-actions button, .syh-reader-header-actions a{font-size:14px}
    .syh-reader-toolbar button, .syh-reader-toolbar output{font-size:14px}
}


/* v0.10.5 — full typography audit ------------------------------------------------
 * Readability floor: user-facing text is not intentionally rendered below 12px.
 * Decorative initials/glyphs are also normalized so they do not look optically tiny.
 */
.syh-member-login>span:first-child, .syh-dictionary-sample>span, .syh-book-rank, .syh-tool-glyph, .syh-tools-section .syh-tool-glyph{font-size:14px}
.syh-dictionary-sample small{font-size:14px;line-height:1.5}

/* Library taxonomy is a primary navigation surface, not micro metadata. */
.syh-library-sidebar-head small{font-size:14px;line-height:1.35}
.syh-library-sidebar-head strong{font-size:18px;line-height:1.3}
.syh-library-all, .syh-library-tree a{font-size:14px;line-height:1.45}
.syh-library-tree ul ul a{font-size:14px;line-height:1.45}
.syh-library-all b, .syh-library-tree a b{font-size:14px}
.syh-library-mobile-nav a{font-size:14px}
.syh-library-mobile-nav a b{font-size:14px}

/* Metadata, helper copy and secondary controls: retain hierarchy without tiny type. */
.syh-device-title small, .syh-trial-banner small, .syh-tool-badge small, .syh-tool-tags span, .syh-preview-topline, .syh-preview-sample small, .syh-preview-actions>small, .syh-member-login small, .syh-library-copy>span, .syh-trust-points>div>span, .syh-modal-eyebrow, .syh-status-card span, .syh-sepay-note small, .syh-book-breadcrumb, .syh-book-cover-fallback small, .syh-book-taxonomy a, .syh-book-meta small, .syh-book-access small, .syh-book-article-heading p, .syh-book-article-heading span, .syh-book-side-title small, .syh-file-copy small, .syh-book-files-empty small, .syh-download-policy, .syh-side-lock p, .syh-toc-card nav a, .syh-related-heading p, .syh-related-grid article>p, .syh-article-meta, .syh-article-meta span, .syh-article-member-card small, .syh-archive-hero>div>p, .syh-archive-cover>b, .syh-archive-card-copy>p, .syh-archive-card-copy>div, .syh-member-hero>div:first-child>p, .syh-member-identity small, .syh-member-identity em, .syh-member-status-card>small, .syh-member-shortcuts>small, .syh-member-status-card>p, .syh-member-shortcuts>a em, .syh-tool-shell-brand small, .syh-security-notice-copy small, .syh-reader-brand small, .syh-reader-heading small, .syh-reader-watermark span{font-size:14px;line-height:1.45}

.syh-score-mini em, .syh-floating-chip span, .syh-floating-chip small, .syh-item-mark, .syh-clinical-list em, .syh-preview-sample.is-abg small, .syh-membership-options span, .syh-sepay-note>span{font-size:14px}

/* Primary labels and actions should read comfortably at 100% zoom. */
.syh-clinical-list strong{font-size:14px}
.syh-clinical-list small{font-size:14px}
.syh-explorer-tabs button{font-size:14px}
.syh-preview-actions a{font-size:14px}
.syh-library-copy h3{font-size:16.5px}
.syh-library-copy>a, .syh-library-copy>button{font-size:14px}

.syh-tool-shell-home, .syh-tool-shell-account, .syh-tool-shell-login, .syh-tool-shell-register, .syh-safe-tool-home, .syh-safe-tool-account, .syh-safe-tool-register, .syh-safe-tool-login{font-size:14px}

/* Give the category tree enough physical width for the larger readable type. */
@media(min-width:961px){
    .syh-library-browser{grid-template-columns:300px minmax(0,1fr);gap:28px}
    .syh-library-sidebar{padding:20px 16px}
    .syh-library-sidebar-head{padding:5px 8px 16px}
    .syh-library-all, .syh-library-tree a{min-height:43px;padding:9px 10px}
    .syh-library-tree ul ul{margin-left:12px;padding-left:12px}
    .syh-library-tree ul ul a{min-height:38px;padding-top:8px;padding-bottom:8px}
    .syh-library-all b, .syh-library-tree a b{min-width:30px;height:24px;padding:0 6px}
}
@media(min-width:1380px){
    .syh-library-browser{grid-template-columns:320px minmax(0,1fr);gap:30px}
}

/* Tablet and phone: compact spacing instead of shrinking text. */
@media(max-width:1080px){
    .syh-clinical-list strong{font-size:14px}
    .syh-clinical-list small{font-size:14px}
    .syh-preview-actions>small{font-size:14px}
}
@media(max-width:720px){
    
    .syh-eyebrow, .syh-tool-eyebrow{font-size:14px}
    .syh-trial-banner small, .syh-trial-banner>div>span{font-size:14px}
    .syh-tools-section .syh-tool-eyebrow{font-size:14px}
    .syh-tool-tags span{font-size:14px}
    .syh-explorer-tabs button, .syh-tools-section .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-library-copy>span{font-size:14px}
    .syh-library-copy>a, .syh-library-copy>button{font-size:14px}
    
    
    .syh-reader-back, .syh-reader-heading strong, .syh-reader-header-actions button, .syh-reader-header-actions a, .syh-reader-toolbar button, .syh-reader-toolbar output{font-size:14px}
}
@media(max-width:390px){
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
}

/* v0.10.6 — End-user file access UI: simple copy, centered desktop CTA, resilient mobile forms. */
.syh-book-content .syh-file-card{
    width:min(680px,100%);
    margin:34px auto;
    padding:18px 20px;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:14px 16px;
    border:1px solid #d5e4ee;
    border-radius:18px;
    background:linear-gradient(135deg,#f8fbfe 0%,#f2f7fb 100%);
    box-shadow:0 10px 28px rgba(25,62,96,.07);
    box-sizing:border-box;
}
.syh-book-content .syh-file-icon{
    grid-row:auto;
    width:54px;
    height:54px;
    border-radius:14px;
    font-size:14px;
}
.syh-book-content .syh-file-copy{gap:5px}
.syh-book-content .syh-file-copy strong{
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
    font-size:15px;
    line-height:1.35;
}
.syh-book-content .syh-file-copy small{font-size:14px;line-height:1.45}
.syh-book-content .syh-file-card>a{
    grid-column:auto;
    width:auto;
    max-width:none;
    min-width:154px;
    min-height:46px;
    padding:0 20px;
    border-radius:12px;
    font-size:14px;
    box-shadow:0 7px 18px rgba(36,99,212,.16);
}
.syh-book-content .syh-file-card.is-locked>a{min-width:190px}

/* Sidebar variant remains compact, but no micro-copy. */
.syh-download-panel .syh-file-card{padding:14px;border-radius:14px}
.syh-download-panel .syh-file-copy strong{font-size:14px;line-height:1.35}
.syh-download-panel .syh-file-copy small{font-size:14px;line-height:1.4}
.syh-download-panel .syh-file-card>a{min-height:42px;font-size:14px}
.syh-book-files-empty strong{font-size:14px;line-height:1.4}
.syh-book-files-empty small{font-size:14px;line-height:1.5}
.syh-side-lock h3{font-size:17px;line-height:1.3}
.syh-side-lock p{font-size:14px;line-height:1.55}
.syh-side-lock a{width:100%;min-height:44px;font-size:14px;box-sizing:border-box}

/* Login/content gate: do not force third-party membership forms into a desktop grid. */
.syh-book-content .syh-content-gate{
    width:min(700px,100%);
    max-width:700px!important;
    margin:30px auto!important;
    padding:32px!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed{
    width:100%;
    min-width:0;
    max-width:100%;
    margin-top:22px;
    box-sizing:border-box;
    overflow-wrap:anywhere;
}
.syh-member-login-embed>*{max-width:100%;box-sizing:border-box}
.syh-member-login-embed form{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed form p{width:100%;max-width:100%;margin:0 0 14px!important;box-sizing:border-box}
.syh-member-login-embed label{font-size:14px!important;line-height:1.45}
.syh-member-login-embed input[type=text], .syh-member-login-embed input[type=email], .syh-member-login-embed input[type=password], .syh-member-login-embed input[type=tel], .syh-member-login-embed input[type=number], .syh-member-login-embed select, .syh-member-login-embed textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed input[type=text], .syh-member-login-embed input[type=email], .syh-member-login-embed input[type=password], .syh-member-login-embed input[type=tel], .syh-member-login-embed input[type=number], .syh-member-login-embed select{min-height:46px!important}
.syh-member-login-embed button, .syh-member-login-embed input[type=submit], .syh-member-login-embed .button{
    max-width:100%!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
}
.syh-content-gate .syh-gate-register{font-size:14px;line-height:1.55}

@media(max-width:780px){
    .syh-download-panel{width:100%;box-sizing:border-box}
    .syh-download-panel .syh-book-files, .syh-download-panel .syh-file-card{width:100%;min-width:0;box-sizing:border-box}
    .syh-book-content .syh-content-gate{width:100%;max-width:100%!important;margin:22px auto!important;padding:24px 20px!important}
}
@media(max-width:620px){
    .syh-book-content .syh-file-card{
        width:100%;
        margin:26px auto;
        padding:15px;
        grid-template-columns:48px minmax(0,1fr);
        gap:12px;
        border-radius:16px;
    }
    .syh-book-content .syh-file-icon{width:48px;height:48px;border-radius:12px}
    .syh-book-content .syh-file-copy strong{font-size:14px}
    .syh-book-content .syh-file-copy small{font-size:14px}
    .syh-book-content .syh-file-card>a, .syh-book-content .syh-file-card.is-locked>a{
        grid-column:1/-1;
        width:100%;
        min-width:0;
        max-width:100%;
        min-height:46px;
        padding:0 14px;
        box-sizing:border-box;
    }
    .syh-member-login-embed button, .syh-member-login-embed input[type=submit], .syh-member-login-embed .button{width:100%!important}
    .syh-content-gate h2{font-size:22px!important;line-height:1.22}
    .syh-content-gate>p:not(.syh-eyebrow){font-size:14px;line-height:1.6}
}

html.nah-sdp-night-active .syh-book-content .syh-file-card, html.nah-sdp-dark-mode .syh-book-content .syh-file-card{
    border-color:#2a3a4e;
    background:linear-gradient(135deg,#152235 0%,#101c2d 100%);
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
html.nah-sdp-night-active .syh-book-content .syh-file-copy strong, html.nah-sdp-dark-mode .syh-book-content .syh-file-copy strong{color:var(--syh-book-ink)}
html.nah-sdp-night-active .syh-book-content .syh-file-copy small, html.nah-sdp-dark-mode .syh-book-content .syh-file-copy small{color:var(--syh-book-muted)}

/* YHLS v0.1.0 final typography guard */
.yhls-app, .yhls-article-app, .yhls-library-app, .yhls-archive-app, .yhls-member-app{font-size:16px}
.yhls-app button, .yhls-app a, .yhls-article-app button, .yhls-article-app a, .yhls-library-app button, .yhls-library-app a, .yhls-archive-app button, .yhls-archive-app a, .yhls-member-app button, .yhls-member-app a{font-size:max(14px,1em)}
.yhls-specialty-sidebar .syh-library-sidebar-head small{font-size:14px}.yhls-specialty-sidebar .syh-library-sidebar-head strong{font-size:18px}.yhls-specialty-sidebar .syh-library-all, .yhls-specialty-sidebar .syh-library-tree a{font-size:14px;line-height:1.4}.yhls-specialty-sidebar .syh-library-tree ul ul a{font-size:14px}.yhls-specialty-sidebar .syh-library-all b, .yhls-specialty-sidebar .syh-library-tree a b{font-size:14px}


/* YHLS v0.3.0 — canonical category tree + inline Clinical Access ---------------- */
.yhls-specialty-sidebar .syh-library-sidebar-head span{
    color:var(--syh-book-muted);
    font-size:14px;
    line-height:1.45;
}
.yhls-specialty-sidebar .syh-library-tree>ul>li>a{font-weight:790}
.yhls-specialty-sidebar .syh-library-tree ul ul a{padding-left:10px}

.yhls-mobile-category-nav{display:none}
.yhls-library-mobile-subnav{display:none}

.yhls-inline-access{
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin:36px auto!important;
    padding:32px!important;
    overflow:hidden;
}
.yhls-access-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:22px 0 0;
    padding:5px;
    border:1px solid var(--syh-book-line,#d8e2ec);
    border-radius:14px;
    background:var(--syh-book-bg,#f5f8fb);
}
.yhls-access-tabs button, .yhls-access-tabs a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    border:0;
    border-radius:10px;
    padding:0 14px;
    background:transparent;
    color:var(--syh-book-muted,#586b80)!important;
    font-size:14px!important;
    font-weight:780;
    text-decoration:none!important;
    cursor:pointer;
}
.yhls-access-tabs button.is-active{
    background:var(--syh-book-paper,#fff);
    color:var(--syh-book-blue,#2463d4)!important;
    box-shadow:0 5px 16px rgba(30,62,94,.09);
}
.yhls-access-panel{margin-top:20px}
.yhls-access-panel[hidden]{display:none!important}
.yhls-access-panel.is-active{display:block}
.yhls-access-panel .syh-modal, .yhls-access-panel .yhls-access-card, .yhls-access-panel [class*="login-card"], .yhls-access-panel [class*="register-card"]{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-shadow:none!important;
}
.yhls-access-panel input, .yhls-access-panel select, .yhls-access-panel textarea, .yhls-access-panel button, .yhls-access-panel .button{max-width:100%!important;box-sizing:border-box!important}
.yhls-access-panel :is(p,li,small,label,a,button,input,select,textarea,span){font-size:14px!important;line-height:1.5}

/* Final readability floor for end-user UI. This layer is loaded last. */
.yhls-app :is(small,label), .yhls-article-app :is(small,label), .yhls-library-app :is(small,label), .yhls-archive-app :is(small,label), .yhls-member-app :is(small,label){font-size:14px!important;line-height:1.4}
.yhls-app :is(input,select,textarea,button), .yhls-article-app :is(input,select,textarea,button), .yhls-library-app :is(input,select,textarea,button), .yhls-archive-app :is(input,select,textarea,button), .yhls-member-app :is(input,select,textarea,button){font-size:14px!important}
.yhls-app .syh-eyebrow, .yhls-article-app .syh-eyebrow, .yhls-library-app .syh-eyebrow, .yhls-archive-app .syh-eyebrow, .yhls-member-app .syh-eyebrow{font-size:14px!important}

@media(max-width:960px){
    .yhls-mobile-category-nav{display:block;position:relative;z-index:24}
    .yhls-library-mobile-subnav{
        display:flex;
        gap:8px;
        margin:0 calc(50% - 50vw);
        padding:7px max(20px,calc((100vw - min(100% - 40px,1180px))/2)) 10px;
        overflow-x:auto;
        background:rgba(248,250,252,.96);
        border-bottom:1px solid var(--syh-book-line);
        scrollbar-width:none;
        overscroll-behavior-inline:contain;
    }
    .yhls-library-mobile-subnav::-webkit-scrollbar{display:none}
    .yhls-library-mobile-subnav a{
        display:flex;
        align-items:center;
        gap:7px;
        flex:0 0 auto;
        min-height:36px;
        padding:0 11px;
        border:1px solid var(--syh-book-line);
        border-radius:10px;
        background:var(--syh-book-paper);
        color:var(--syh-book-ink);
        font-size:14px!important;
        font-weight:720;
        white-space:nowrap;
    }
    .yhls-library-mobile-subnav a b{font-size:14px!important;color:var(--syh-book-muted)}
    .yhls-library-mobile-subnav a.is-active{border-color:var(--syh-book-blue);background:#edf5ff;color:var(--syh-book-blue)}
}
@media(max-width:620px){
    .yhls-inline-access{width:100%!important;margin:26px auto!important;padding:22px 16px!important;border-radius:18px!important}
    .yhls-access-tabs{grid-template-columns:1fr;margin-top:18px}
    .yhls-access-tabs button, .yhls-access-tabs a{min-height:44px;font-size:14px!important}
    .yhls-access-panel{margin-top:16px}
    .yhls-library-mobile-subnav{padding-left:14px;padding-right:14px}
}
html.nah-sdp-night-active .yhls-library-mobile-subnav, html.nah-sdp-dark-mode .yhls-library-mobile-subnav{background:rgba(9,20,33,.96);border-color:var(--syh-book-line)}
html.nah-sdp-night-active .yhls-access-tabs, html.nah-sdp-dark-mode .yhls-access-tabs{background:#0e1b2b;border-color:#2a3a4e}
html.nah-sdp-night-active .yhls-access-tabs button.is-active, html.nah-sdp-dark-mode .yhls-access-tabs button.is-active{background:#17283b;color:#8fc4ff!important}

/* v0.6.0-beta.2.5 — membership access cleanup -------------------------------- */
.yhls-inline-access, .yhls-member-plugin-content.yhls-membership-stage{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    border:1px solid #dce7f2;
    border-radius:24px;
    box-shadow:0 18px 48px rgba(22,43,73,.08);
}
.yhls-access-grid{
    display:grid;
    grid-template-columns:minmax(240px,290px) minmax(0,1fr);
    gap:24px;
    align-items:stretch;
}
.yhls-access-aside{
    padding:26px;
    border-radius:20px;
    background:linear-gradient(180deg,#0b74b7 0%,#0d8a9c 54%,#109687 100%);
    color:#fff;
}
.yhls-access-aside .syh-eyebrow, .yhls-access-aside h2, .yhls-access-aside p, .yhls-access-aside li{color:#fff!important}
.yhls-access-aside h2{margin:8px 0 12px;font-size:29px!important;line-height:1.16;font-weight:820}
.yhls-access-aside p{font-size:14px!important;line-height:1.72;margin:0}
.yhls-access-benefits{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.yhls-access-benefits li{
    position:relative;
    padding-left:18px;
    font-size:14px!important;
    line-height:1.66;
}
.yhls-access-benefits li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    font-weight:800;
}
.yhls-access-register-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin-top:20px;
    padding:0 18px;
    border-radius:14px;
    background:#fff;
    color:#0d61c7!important;
    font-size:14px!important;
    font-weight:800;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(8,33,74,.16);
}
.yhls-access-main{
    padding:24px;
    border-radius:20px;
    border:1px solid #e2ebf4;
    background:#fff;
}
.yhls-access-main .syh-eyebrow{margin:0 0 6px}
.yhls-access-title{margin:0;font-size:24px!important;line-height:1.22;font-weight:820;color:var(--syh-book-ink)}
.yhls-access-copy{margin:10px 0 0;font-size:14px!important;line-height:1.68;color:var(--syh-book-muted)}
.yhls-access-footer{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    align-items:center;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #e6eef5;
    font-size:14px!important;
    line-height:1.55;
    color:var(--syh-book-muted);
}
.yhls-access-footer a{font-size:14px!important;font-weight:770}

.yhls-member-plugin-content.yhls-membership-stage{
    padding:26px!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    width:100%;
    max-width:760px;
    margin-left:auto!important;
    margin-right:auto!important;
}
.yhls-member-plugin-content .yhls-membership-form, .yhls-access-panel .yhls-membership-form, .syh-global-login-backdrop .yhls-membership-form, .yhls-member-plugin-content form, .yhls-access-panel form, .syh-global-login-backdrop form{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.yhls-member-plugin-content :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]), .yhls-access-panel :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]), .syh-global-login-backdrop :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
    display:block!important;
    grid-template-columns:1fr!important;
    flex:none!important;
}
.yhls-member-plugin-content :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea), .yhls-access-panel :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea), .syh-global-login-backdrop :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea){
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    padding:0 15px!important;
    border:1px solid #d8e3ef!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#17324e!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    line-height:1.5!important;
}
.yhls-member-plugin-content textarea, .yhls-access-panel textarea, .syh-global-login-backdrop textarea{min-height:120px!important;padding:14px 15px!important}
.yhls-member-plugin-content :is(input,textarea)::placeholder, .yhls-access-panel :is(input,textarea)::placeholder, .syh-global-login-backdrop :is(input,textarea)::placeholder{opacity:0!important;color:transparent!important}
.yhls-member-plugin-content label, .yhls-access-panel label, .syh-global-login-backdrop label{
    display:block!important;
    margin:0 0 7px!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:730!important;
    color:var(--syh-book-ink)!important;
}
.yhls-member-plugin-content p, .yhls-access-panel p, .syh-global-login-backdrop p{font-size:14px!important;line-height:1.65!important}
.yhls-member-plugin-content small, .yhls-access-panel small, .syh-global-login-backdrop small, .yhls-member-plugin-content .description, .yhls-access-panel .description, .syh-global-login-backdrop .description, .yhls-member-plugin-content [class*="hint"], .yhls-access-panel [class*="hint"], .syh-global-login-backdrop [class*="hint"], .yhls-member-plugin-content [class*="help-text"], .yhls-access-panel [class*="help-text"], .syh-global-login-backdrop [class*="help-text"]{
    font-size:14px!important;
    line-height:1.5!important;
    color:var(--syh-book-muted)!important;
}
.yhls-member-plugin-content :is(button,input[type=submit],.button,a.button), .yhls-access-panel :is(button,input[type=submit],.button,a.button), .syh-global-login-backdrop :is(button,input[type=submit],.button,a.button){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    border:0!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}
.yhls-member-plugin-content input[type=checkbox], .yhls-access-panel input[type=checkbox], .syh-global-login-backdrop input[type=checkbox]{min-height:0!important;width:auto!important}
.yhls-member-plugin-content .login-remember, .yhls-access-panel .login-remember, .syh-global-login-backdrop .login-remember{display:flex!important;align-items:center;gap:8px}
.yhls-member-plugin-content .login-remember label, .yhls-access-panel .login-remember label, .syh-global-login-backdrop .login-remember label{margin:0!important}

@media(max-width:860px){
    .yhls-access-grid{grid-template-columns:1fr}
    .yhls-access-aside, .yhls-access-main{padding:22px}
}
@media(max-width:620px){
    .yhls-inline-access, .yhls-member-plugin-content.yhls-membership-stage{border-radius:20px!important}
    .yhls-access-aside h2{font-size:24px!important}
    .yhls-access-title{font-size:20px!important}
    .yhls-member-plugin-content.yhls-membership-stage{padding:18px!important}
}

/* v0.6.0-beta.3.1 — dedicated frontend authentication ----------------------- */
.yhls-auth-app{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f5faff 0%,#edf6fb 100%)}
.yhls-auth-main{flex:1;display:grid;align-items:center;padding:clamp(28px,5vw,72px) 0}
.yhls-auth-shell{width:min(1080px,calc(100% - clamp(28px,5vw,72px)))!important}
.yhls-auth-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid #d9e6ef;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(18,57,91,.12)}
.yhls-auth-intro{position:relative;overflow:hidden;padding:clamp(30px,4vw,54px);background:linear-gradient(145deg,#073f88 0%,#087fc2 54%,#0b9ead 100%);color:#fff}
.yhls-auth-intro:before, .yhls-auth-intro:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.yhls-auth-intro:before{width:280px;height:280px;right:-130px;top:-110px}.yhls-auth-intro:after{width:220px;height:220px;left:-120px;bottom:-130px}
.yhls-auth-icon{position:relative;z-index:1;width:64px;height:64px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.yhls-auth-icon img{width:48px;height:48px;object-fit:contain}
.yhls-auth-intro .syh-eyebrow{position:relative;z-index:1;margin:0;color:#dff7ff!important;font-size:14px!important;font-weight:850;letter-spacing:.13em}
.yhls-auth-intro h1{position:relative;z-index:1;margin:9px 0 14px;color:#fff;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.025em}
.yhls-auth-intro>p:not(.syh-eyebrow){position:relative;z-index:1;margin:0;color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}
.yhls-auth-intro ul{position:relative;z-index:1;margin:26px 0 0;padding:0;display:grid;gap:13px;list-style:none}
.yhls-auth-intro li{position:relative;padding-left:22px;color:rgba(255,255,255,.92);font-size:14px;line-height:1.6}
.yhls-auth-intro li:before{content:"✓";position:absolute;left:0;top:0;color:#fff;font-weight:900}
.yhls-auth-form-panel{min-width:0;padding:clamp(30px,5vw,60px)}
.yhls-auth-form-head{margin-bottom:24px}.yhls-auth-form-head h2{margin:0;color:#10283f;font-size:26px;line-height:1.2}.yhls-auth-form-head p{margin:8px 0 0;color:#6b7e91;font-size:14px;line-height:1.6}
.yhls-auth-form-panel form{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.yhls-auth-form-panel form p{margin:0!important}
.yhls-auth-form-panel label{display:block!important;margin:0 0 7px!important;color:#203a53!important;font-size:14px!important;font-weight:760!important}
.yhls-auth-form-panel input[type=text], .yhls-auth-form-panel input[type=email], .yhls-auth-form-panel input[type=password]{width:100%!important;height:50px!important;border:1px solid #d6e2ed!important;border-radius:13px!important;padding:0 14px!important;background:#fbfdff!important;color:#10283f!important;font-size:14px!important;box-shadow:none!important;outline:none!important}
.yhls-auth-form-panel input:focus{border-color:#2688d0!important;box-shadow:0 0 0 3px rgba(38,136,208,.12)!important}
.yhls-auth-form-panel .login-remember label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:650!important;color:#5f7183!important}
.yhls-auth-form-panel .login-remember input{width:17px!important;height:17px!important;accent-color:#087fc2}
.yhls-auth-form-panel .login-submit input, .yhls-auth-primary{width:100%!important;min-height:48px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:13px!important;padding:0 18px!important;background:linear-gradient(135deg,#063d78,#087fc2)!important;color:#fff!important;font-size:14px!important;font-weight:820!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(8,84,154,.18)!important}
.yhls-auth-form-panel .yhls-custom-login-links{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:2px 0 0!important;padding-top:4px!important;color:#8190a0!important}
.yhls-auth-form-panel .yhls-custom-login-links a{font-size:14px!important;color:#087fc2!important;font-weight:740!important}
.yhls-auth-form-panel .yhls-custom-login-links span{display:none}
.yhls-auth-register-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:22px;padding-top:20px;border-top:1px solid #e6eef5;color:#6b7e91;font-size:14px}.yhls-auth-register-cta a{font-size:14px;font-weight:780;color:#087fc2}
.yhls-auth-message{margin:0 0 20px;padding:12px 14px;border:1px solid #d9e6ee;border-radius:12px;background:#f5f9fc;color:#31506d;font-size:14px;line-height:1.55}.yhls-auth-message.is-error{border-color:#f2c2c2;background:#fff4f4;color:#8b2929}.yhls-auth-message.is-success{border-color:#bfe5d6;background:#f1fbf7;color:#17674e}
.yhls-password-note{color:#718397!important;font-size:14px!important;line-height:1.55!important}.yhls-auth-bottom-link{margin:20px 0 0!important;text-align:center}.yhls-auth-bottom-link a{font-size:14px;color:#087fc2;font-weight:750}
.yhls-auth-signed-in{text-align:center}.yhls-auth-signed-in h2{font-size:26px}.yhls-auth-signed-in p{color:#6b7e91;font-size:14px}.yhls-auth-secondary{min-height:44px;display:grid;place-items:center;margin-top:10px;border:1px solid #d8e4ed;border-radius:12px;color:#31506d!important;font-size:14px;font-weight:750}

/* Registration/payment screen: keep third-party SePay logic inside MEDIPHARM UI. */
.yhls-member-plugin-content.yhls-membership-stage{max-width:860px!important;margin-inline:auto!important}
.yhls-member-plugin-content.yhls-membership-stage form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}
.yhls-member-plugin-content.yhls-membership-stage form>p, .yhls-member-plugin-content.yhls-membership-stage form>div{min-width:0!important;max-width:100%!important}
.yhls-member-plugin-content.yhls-membership-stage form :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select){min-height:50px!important;border-radius:13px!important;font-size:14px!important}
.yhls-member-plugin-content.yhls-membership-stage form :is(input[type=submit],button,.button){min-height:48px!important;border-radius:13px!important;font-size:14px!important}
.yhls-member-plugin-content.yhls-membership-stage form>p:last-child, .yhls-member-plugin-content.yhls-membership-stage form>[class*="submit"], .yhls-member-plugin-content.yhls-membership-stage form>[class*="payment"], .yhls-member-plugin-content.yhls-membership-stage form>[class*="qr"]{grid-column:1/-1!important}

@media(max-width:900px){.yhls-auth-card{grid-template-columns:1fr}.yhls-auth-intro{padding:30px}.yhls-auth-intro ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yhls-auth-intro li{padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07)}.yhls-auth-intro li:before{display:none}.yhls-auth-form-panel{padding:32px}}
@media(max-width:680px){.yhls-auth-main{align-items:start;padding:20px 0 34px}.yhls-auth-shell{width:calc(100% - 24px)!important}.yhls-auth-card{border-radius:20px}.yhls-auth-intro{padding:24px}.yhls-auth-icon{width:54px;height:54px;margin-bottom:16px}.yhls-auth-icon img{width:42px;height:42px}.yhls-auth-intro h1{font-size:29px}.yhls-auth-intro ul{grid-template-columns:1fr;margin-top:18px}.yhls-auth-intro li{font-size:14px}.yhls-auth-form-panel{padding:24px 20px}.yhls-auth-form-head h2{font-size:22px}.yhls-auth-form-panel .yhls-custom-login-links{align-items:flex-start;flex-direction:column}.yhls-member-plugin-content.yhls-membership-stage form{grid-template-columns:1fr!important}.yhls-member-plugin-content.yhls-membership-stage form>*{grid-column:1!important}}
@media(max-width:480px){.yhls-auth-intro>p:not(.syh-eyebrow){font-size:14px}.yhls-auth-form-panel input[type=text], .yhls-auth-form-panel input[type=email], .yhls-auth-form-panel input[type=password]{height:48px!important}.yhls-auth-form-panel .login-submit input{min-height:48px!important}}


/* v0.6.0-beta.3.2.2 — single default login panel, on-demand registration ------ */
.yhls-inline-access-v2{
    width:min(1080px,100%)!important;
    max-width:1080px!important;
    margin:34px auto!important;
    padding:clamp(18px,3vw,30px)!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-main-full{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(20px,3vw,34px)!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .syh-eyebrow, .yhls-inline-access-v2 .yhls-access-title, .yhls-inline-access-v2 .yhls-access-copy, .yhls-inline-access-v2 .yhls-register-panel-head{
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-title{
    margin:7px 0 8px!important;
    font-size:clamp(22px,2.4vw,30px)!important;
    line-height:1.2!important;
}
.yhls-inline-access-v2 .yhls-access-copy{
    max-width:760px;
    margin:0 0 22px!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-inline-access-v2 .syh-member-login-embed, .yhls-inline-access-v2 .syh-member-login-embed > *, .yhls-inline-access-v2 form, .yhls-inline-access-v2 form > *, .yhls-inline-access-v2 .yhls-register-form-wrap, .yhls-inline-access-v2 .yhls-register-form-wrap > *{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 18px!important;
    align-items:end;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-username, .yhls-inline-access-v2 .yhls-custom-login-form .login-password{
    margin:0!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-remember, .yhls-inline-access-v2 .yhls-custom-login-form .login-submit, .yhls-inline-access-v2 .yhls-custom-login-form .yhls-custom-login-links{
    grid-column:1/-1;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-submit{
    margin:2px 0 0!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-submit input[type=submit]{
    width:100%!important;
    min-height:50px!important;
}
.yhls-inline-access-v2 .yhls-custom-login-links{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-footer{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-switch, .yhls-inline-access-v2 .yhls-access-back{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    padding:0 15px!important;
    background:#f3f8fc!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
.yhls-inline-access-v2 .yhls-access-back{
    margin:0 0 18px!important;
}
.yhls-inline-access-v2 .yhls-register-panel-head{
    margin-bottom:20px!important;
}
.yhls-inline-access-v2 .yhls-register-form-wrap{
    overflow:visible!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    max-width:100%!important;
}
.yhls-member-plugin-content.yhls-membership-stage, .yhls-member-plugin-content.yhls-membership-stage form, .yhls-member-plugin-content.yhls-membership-stage form > *{
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
}
.yhls-member-plugin-content.yhls-membership-stage :is(h1,h2,h3,h4,h5,h6,p,label){
    text-align:left!important;
}

@media(max-width:720px){
    .yhls-inline-access-v2{
        width:100%!important;
        margin:24px auto!important;
        padding:14px!important;
        border-radius:18px!important;
    }
    .yhls-inline-access-v2 .yhls-access-main-full{
        padding:20px 16px!important;
        border-radius:16px!important;
    }
    .yhls-inline-access-v2 .yhls-custom-login-form{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .yhls-inline-access-v2 .yhls-custom-login-form > *{
        grid-column:1!important;
    }
    .yhls-inline-access-v2 .yhls-access-title{
        font-size:22px!important;
    }
    .yhls-inline-access-v2 .yhls-access-copy{
        margin-bottom:18px!important;
    }
}


/* v0.6.0-beta.3.2.3 — Membership UI Cleanup ---------------------------------- */
.syh-book-content .yhls-membership-flat, .yhls-membership-flat{
    width:100%!important;
    max-width:none!important;
    margin:28px 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-preview-divider{display:none!important}
.yhls-membership-flat .yhls-access-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-panel[hidden]{display:none!important}
.yhls-membership-flat .syh-eyebrow, .yhls-membership-flat .yhls-access-title, .yhls-membership-flat .yhls-access-copy, .yhls-membership-flat .yhls-register-panel-head{
    text-align:left!important;
}
.yhls-membership-flat .syh-eyebrow{
    margin:0 0 8px!important;
    font-size:14px!important;
    letter-spacing:.10em!important;
}
.yhls-membership-flat .yhls-access-title{
    margin:0 0 8px!important;
    font-size:clamp(24px,3vw,32px)!important;
    line-height:1.18!important;
}
.yhls-membership-flat .yhls-access-copy{
    max-width:820px!important;
    margin:0 0 22px!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-membership-flat .yhls-custom-login-form, .yhls-membership-flat .yhls-custom-login-form > *, .yhls-membership-flat .yhls-register-form-wrap, .yhls-membership-flat .yhls-register-form-wrap > *, .yhls-membership-flat form, .yhls-membership-flat form > *{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
}
.yhls-membership-flat .yhls-custom-login-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 18px!important;
    align-items:end!important;
}
.yhls-membership-flat .yhls-custom-login-form .login-username, .yhls-membership-flat .yhls-custom-login-form .login-password{
    margin:0!important;
}
.yhls-membership-flat .yhls-custom-login-form .login-remember, .yhls-membership-flat .yhls-custom-login-form .login-submit, .yhls-membership-flat .yhls-custom-login-form .yhls-custom-login-links{
    grid-column:1/-1!important;
}
.yhls-membership-flat label{
    text-align:left!important;
}
.yhls-membership-flat input[type=text], .yhls-membership-flat input[type=email], .yhls-membership-flat input[type=password], .yhls-membership-flat input[type=tel], .yhls-membership-flat input[type=number], .yhls-membership-flat select, .yhls-membership-flat textarea{
    width:100%!important;
    max-width:none!important;
}
.yhls-membership-flat .login-submit{
    margin-top:2px!important;
}
.yhls-membership-flat .login-submit input[type=submit]{
    width:100%!important;
    min-height:50px!important;
}
.yhls-membership-flat .yhls-custom-login-links, .yhls-membership-flat .yhls-access-footer{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-footer{
    margin-top:18px!important;
    padding-top:16px!important;
}
.yhls-membership-flat .yhls-access-switch, .yhls-membership-flat .yhls-access-back{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    padding:0 15px!important;
    background:#f4f8fb!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
.yhls-membership-flat .yhls-register-panel{
    padding-top:4px!important;
}
.yhls-membership-flat .yhls-access-back{
    margin:0 0 18px!important;
}
.yhls-membership-flat .yhls-register-panel-head{
    margin:0 0 18px!important;
}
.yhls-membership-flat .yhls-register-form-wrap{
    overflow:visible!important;
}

/* Neutralize all legacy card-in-card membership styles inside this gate only. */
.yhls-membership-flat :is(.syh-member-login-embed,.yhls-access-main,.yhls-access-main-full,.yhls-membership-stage){
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Standalone membership page: use full content width and left alignment. */
.yhls-member-plugin-content.yhls-membership-stage{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}
.yhls-member-plugin-content.yhls-membership-stage :is(h1,h2,h3,h4,h5,h6,p,label){
    text-align:left!important;
}

@media(max-width:720px){
    .syh-book-content .yhls-membership-flat, .yhls-membership-flat{
        width:calc(100% + 0px)!important;
        margin:24px 0!important;
        padding:0!important;
    }
    .yhls-membership-flat .yhls-custom-login-form{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .yhls-membership-flat .yhls-custom-login-form > *{
        grid-column:1!important;
    }
    .yhls-membership-flat .yhls-access-title{
        font-size:24px!important;
    }
    .yhls-membership-flat .yhls-access-copy{
        margin-bottom:18px!important;
    }
    .yhls-membership-flat .yhls-access-footer{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:10px!important;
    }
}
@media(max-width:390px){
    .yhls-membership-flat .yhls-access-title{
        font-size:22px!important;
    }
    .yhls-membership-flat input[type=text], .yhls-membership-flat input[type=email], .yhls-membership-flat input[type=password], .yhls-membership-flat input[type=tel], .yhls-membership-flat select{
        min-height:48px!important;
    }
}


/* v0.62 — Membership gate & guest preview cleanup ---------------------------- */
.yhls-membership-flat{
    width:100%!important;
    max-width:none!important;
    margin:30px 0!important;
    padding:clamp(18px,3vw,28px)!important;
    border:1px solid #d7e3ed!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 26px rgba(24,57,88,.045)!important;
    overflow:visible!important;
    text-align:left!important;
}
.yhls-membership-flat::before, .yhls-membership-flat:before{
    content:none!important;
    display:none!important;
}
.yhls-membership-flat .syh-eyebrow{
    margin:0 0 8px!important;
    color:#2168b4!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-title, .yhls-membership-flat .yhls-access-copy{
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-title{
    margin:0 0 8px!important;
}
.yhls-membership-flat .yhls-access-copy{
    margin:0 0 20px!important;
}
.yhls-membership-flat .yhls-custom-login-links{
    justify-content:flex-start!important;
    margin-top:8px!important;
}
.yhls-membership-flat .yhls-custom-login-links span{
    display:none!important;
}
.yhls-membership-flat .yhls-access-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #e5edf3!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-footer>span{
    color:#63778a!important;
    font-size:14px!important;
}
.yhls-membership-flat .yhls-access-switch{
    min-height:42px!important;
    padding:0 16px!important;
}

/* Guest preview: deliberately readable but compact on phones/tablets. */
.yhls-longform-content.yhls-preview-content{
    font-size:14px!important;
    line-height:1.78!important;
}
.yhls-longform-content.yhls-preview-content p, .yhls-longform-content.yhls-preview-content li, .yhls-longform-content.yhls-preview-content td, .yhls-longform-content.yhls-preview-content th{
    font-size:14px!important;
    line-height:1.78!important;
}
.yhls-longform-content.yhls-preview-content p{
    margin-bottom:1.18em!important;
}

@media(max-width:540px){
    .yhls-membership-flat{
        margin:24px 0!important;
        padding:18px 16px!important;
        border-radius:16px!important;
    }
    .yhls-membership-flat .yhls-access-title{
        font-size:22px!important;
        line-height:1.2!important;
    }
    .yhls-membership-flat .yhls-access-footer{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .yhls-longform-content.yhls-preview-content, .yhls-longform-content.yhls-preview-content p, .yhls-longform-content.yhls-preview-content li, .yhls-longform-content.yhls-preview-content td, .yhls-longform-content.yhls-preview-content th{
        font-size:14px!important;
    }
}


/* v0.63 — YHLS.NET registration / SePay presentation ------------------------- */
.syh-member-layout.is-register{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:1100px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.syh-member-layout.is-register .syh-member-sidebar{
    display:none!important;
}
.syh-member-layout.is-register .syh-member-content{
    position:relative;
    overflow:hidden;
    padding:clamp(26px,4vw,46px)!important;
    border:1px solid #d7e5ef!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 94% 0%,rgba(8,127,194,.10),transparent 28%),
        radial-gradient(circle at 0% 100%,rgba(11,158,173,.08),transparent 26%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 20px 58px rgba(18,55,87,.09)!important;
}
.syh-member-layout.is-register .syh-member-content:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#0b57d0 0%,#087fc2 38%,#0b9ead 72%,#e94141 100%);
}
.syh-member-layout.is-register .yhls-member-plugin-content{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
    color:#10283f!important;
}
.yhls-register-ui .yhls-register-heading, .yhls-register-ui h1:first-child, .yhls-register-ui h2:first-child{
    margin:0 0 10px!important;
    color:#083f76!important;
    font-size:clamp(25px,3vw,34px)!important;
    line-height:1.18!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
}
.yhls-register-ui .yhls-register-intro-copy{
    max-width:820px!important;
    margin:0 0 26px!important;
    padding:14px 16px!important;
    border:1px solid #cfe5ee!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#f3f9ff,#f1fbfa)!important;
    color:#31536f!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-register-ui form{
    width:100%!important;
    max-width:840px!important;
    display:block!important;
    margin:0!important;
    padding:22px!important;
    border:1px solid #deE9f1!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 12px 34px rgba(25,62,94,.055)!important;
}
.yhls-register-ui form>p, .yhls-register-ui form>div{
    width:100%!important;
    max-width:none!important;
    margin:0 0 16px!important;
}
.yhls-register-ui form label{
    display:block!important;
    margin:0 0 7px!important;
    color:#18344e!important;
    font-size:14px!important;
    font-weight:780!important;
    line-height:1.45!important;
    text-align:left!important;
}
.yhls-register-ui form :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea){
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    border:1px solid #cfdee9!important;
    border-radius:13px!important;
    padding:0 14px!important;
    background:#fff!important;
    color:#10283f!important;
    font-size:14px!important;
    outline:0!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.yhls-register-ui form textarea{
    min-height:110px!important;
    padding:13px 14px!important;
}
.yhls-register-ui form :is(input,select,textarea):focus{
    border-color:#168ec0!important;
    box-shadow:0 0 0 4px rgba(11,158,173,.11)!important;
}
.yhls-register-ui form :is(input,select,textarea).is-invalid{
    border-color:#d74343!important;
    background:#fffafa!important;
    box-shadow:0 0 0 3px rgba(215,67,67,.08)!important;
}
.yhls-field-error{
    display:block!important;
    margin:6px 0 0!important;
    color:#b4232f!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.45!important;
}
.yhls-field-error[hidden]{display:none!important}
.yhls-register-ui form :is(button,input[type=submit],.button){
    min-height:48px!important;
    border:0!important;
    border-radius:13px!important;
    padding:0 20px!important;
    background:linear-gradient(135deg,#0752b8,#087fc2 55%,#0b9ead)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:820!important;
    box-shadow:0 10px 24px rgba(7,82,184,.16)!important;
}
.yhls-transfer-content-locked{
    cursor:not-allowed!important;
    border-color:#b9d8e2!important;
    background:#f2f8fa!important;
    color:#31536f!important;
    font-weight:760!important;
}
.yhls-transfer-lock-note{
    display:grid!important;
    gap:4px!important;
    margin:0 0 14px!important;
    padding:12px 14px!important;
    border:1px solid #bfe2d4!important;
    border-radius:12px!important;
    background:#f1fbf7!important;
    color:#17674e!important;
}
.yhls-transfer-lock-note strong{
    font-size:14px!important;
    color:#17674e!important;
}
.yhls-transfer-lock-note span{
    font-size:14px!important;
    line-height:1.5!important;
    color:#3e6d5c!important;
}
.yhls-register-ui [class*="payment"], .yhls-register-ui [class*="qr"]{
    max-width:840px!important;
}
.yhls-register-ui img.syh-payment-qr, .yhls-register-ui [class*="qr"] img{
    max-width:min(320px,100%)!important;
    height:auto!important;
    border-radius:18px!important;
    box-shadow:0 12px 32px rgba(20,58,90,.10)!important;
}

@media(max-width:680px){
    .syh-member-layout.is-register .syh-member-content{
        padding:22px 16px!important;
        border-radius:19px!important;
    }
    .syh-member-layout.is-register .yhls-member-plugin-content{
        max-width:none!important;
    }
    .yhls-register-ui form{
        max-width:none!important;
        padding:18px 14px!important;
        border-radius:16px!important;
    }
    .yhls-register-ui .yhls-register-intro-copy{
        font-size:14px!important;
    }
}


/* v0.65 — one canonical registration heading ------------------------------- */
.yhls-register-panel .yhls-register-panel-head{
    margin:0 0 12px!important;
}
.yhls-register-panel .yhls-register-panel-head:empty{
    display:none!important;
}
.yhls-register-ui .yhls-register-heading{
    display:block!important;
    margin:0 0 14px!important;
    color:#083f76!important;
    font-size:clamp(25px,3vw,34px)!important;
    line-height:1.18!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    text-align:left!important;
}
.yhls-register-ui [aria-hidden="true"][hidden]{
    display:none!important;
}


/* v0.66 — article membership gate: login only, registration opens /dangky/ */
.yhls-membership-flat .yhls-access-register-link{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    background:#f4f8fb!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.yhls-membership-flat .yhls-register-panel, .yhls-membership-flat .yhls-register-form-wrap{
    display:none!important;
}

/* v1.09.4 — MEDIPHARM Journal full-text card presentation.
 * Editorial titles and summaries are never line-clamped. Cards grow with their
 * content on desktop/tablet and remain horizontally swipeable on phones. */
.yhls-app .yhls-spotlines-integration .mmspot-home-grid{
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.yhls-app .yhls-spotlines-integration .mmspot-home-card{
  height:100%!important;
  max-height:none!important;
}
.yhls-app .yhls-spotlines-integration .mmspot-home-card h3{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.yhls-app .yhls-spotlines-integration .mmspot-home-card p{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.yhls-app .yhls-spotlines-integration .mmspot-home-source{margin-top:auto!important}
@media(max-width:1080px) and (min-width:721px){
  .yhls-app .yhls-spotlines-integration .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .yhls-app .yhls-spotlines-integration .mmspot-home-grid{
    display:flex!important;
    align-items:stretch!important;
  }
  .yhls-app .yhls-spotlines-integration .mmspot-home-card{
    flex:0 0 min(86vw,330px)!important;
    height:auto!important;
    min-height:220px!important;
    max-height:none!important;
  }
  .yhls-app .yhls-spotlines-integration .mmspot-home-card h3{font-size:15px!important}
  .yhls-app .yhls-spotlines-integration .mmspot-home-card p{display:block!important;font-size:14px!important;line-height:1.55!important}
}

/* ==========================================================================
 * v1.09.6 — Homepage Canonical Width & Alignment Normalization
 * All top-level homepage modules share the canonical host content rail.
 * Embedded Inspiration / Journal modules retain internal presentation only.
 * ========================================================================== */
.yhls-app .yhls-inspiration-shell,
.yhls-app .yhls-spotlines-shell{min-width:0}
.yhls-app .yhls-inspiration-shell .mpi-shell,
.yhls-app .yhls-spotlines-shell .mmspot-home-module{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    min-width:0;
    box-sizing:border-box!important;
}
/* Spotlines can inject event / Nobel surfaces directly after the Hero.
 * Normalize those integration points to the same YHLS canonical rail. */
.yhls-app .mmspot-site-events-shell,
.yhls-app .mmspot-site-nobel{
    width:min(var(--yhls-site-canvas),calc(100% - var(--yhls-site-gutter) - var(--yhls-site-gutter)))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-width:0;
    box-sizing:border-box;
}
@media (min-width:721px) and (max-width:1080px){
    .yhls-app .mmspot-site-events-shell,
    .yhls-app .mmspot-site-nobel{width:calc(100% - 40px)!important;max-width:none!important}
}
@media (max-width:720px){
    .yhls-app .yhls-inspiration-shell .mpi-shell,
    .yhls-app .yhls-spotlines-shell .mmspot-home-module{width:100%!important;max-width:none!important}
    .yhls-app .mmspot-site-events-shell,
    .yhls-app .mmspot-site-nobel{width:calc(100% - 24px)!important;max-width:620px!important}
}



/* ==========================================================================
 * v1.09.8 — MEDIPHARM Mobile Homepage UX Polish v1.0
 * Mobile-only presentation patch. Desktop/tablet geometry remains unchanged.
 * ========================================================================== */
@media (max-width:720px){
  /* Restore the existing “Hôm nay Xem gì” component on phone layouts. */
  #syh-app.yhls-app .yhls-hero .syh-hero-visual.yhls-hero-visual{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin-top:22px!important;
  }
  #syh-app.yhls-app .yhls-hero .yhls-spotlight-card.dynamic-editorial{
    width:100%!important;
    max-width:none!important;
  }
  #syh-app.yhls-app .yhls-hero .yhls-spotlight-topline{
    align-items:center!important;
    flex-direction:row!important;
    margin-bottom:9px!important;
  }
  #syh-app.yhls-app .yhls-hero .yhls-spotlight-topline small{
    min-width:0!important;
    white-space:normal!important;
  }

  /* MEDIPHARM Journal — full-width mobile title hierarchy. */
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(116px,42%)!important;
    grid-template-areas:"journal-kicker journal-link" "journal-title journal-title"!important;
    align-items:start!important;
    gap:6px 10px!important;
    margin-bottom:14px!important;
  }
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head>div{display:contents!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head>div>span{
    grid-area:journal-kicker!important;
    align-self:center!important;
    min-width:0!important;
    line-height:1.45!important;
    letter-spacing:.12em!important;
  }
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head h2{
    grid-area:journal-title!important;
    max-width:none!important;
    margin:2px 0 0!important;
    font-size:22px!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    text-wrap:balance;
  }
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head p{display:none!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head>a{
    grid-area:journal-link!important;
    justify-self:end!important;
    align-self:start!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.35!important;
    text-align:right!important;
    white-space:normal!important;
  }
}
@media (max-width:390px){
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head{grid-template-columns:minmax(0,1fr) minmax(108px,40%)!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head h2{font-size:21px!important}
}


/* v1.09.9 — host-owned dark mode for Dynamic Editorial “Hôm nay Xem gì”. */
html.yhlsm-dark .yhls-app .yhls-hero .yhls-spotlight-card.dynamic-editorial,
html.tvm-dark .yhls-app .yhls-hero .yhls-spotlight-card.dynamic-editorial{
  border-color:#2a3b50!important;
  background:radial-gradient(circle at 92% 3%,rgba(61,133,190,.14),transparent 28%),linear-gradient(180deg,#111f30,#0f1b2a)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
html.yhlsm-dark .yhls-app .yhls-hero .yhls-spotlight-stage,
html.tvm-dark .yhls-app .yhls-hero .yhls-spotlight-stage{border-color:#2b4055!important;background:#132235!important;}
html.yhlsm-dark .yhls-app .yhls-hero .yhls-spotlight-topline small,
html.tvm-dark .yhls-app .yhls-hero .yhls-spotlight-topline small{background:#18304a!important;color:#8ec8f3!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-refresh,
html.tvm-dark .yhls-app .yhls-spotlight-refresh{border-color:#31475c!important;background:#17283a!important;color:#9bd0f3!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-kicker-row>span,
html.tvm-dark .yhls-app .yhls-spotlight-kicker-row>span,
html.yhlsm-dark .yhls-app .yhls-spotlight-description,
html.tvm-dark .yhls-app .yhls-spotlight-description,
html.yhlsm-dark .yhls-app .yhls-hero .yhls-spotlight-meta,
html.tvm-dark .yhls-app .yhls-hero .yhls-spotlight-meta{color:#a7b9c9!important;}
html.yhlsm-dark .yhls-app .yhls-hero .yhls-spotlight-copy h2 a,
html.tvm-dark .yhls-app .yhls-hero .yhls-spotlight-copy h2 a{color:#eef6ff!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-context,
html.tvm-dark .yhls-app .yhls-spotlight-context{background:#1a3043!important;color:#9dcbe6!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-types,
html.tvm-dark .yhls-app .yhls-spotlight-types{border-color:#2a3e52!important;background:#101e2d!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-types button,
html.tvm-dark .yhls-app .yhls-spotlight-types button{color:#a7b9c9!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-types button.is-active,
html.tvm-dark .yhls-app .yhls-spotlight-types button.is-active{background:#1b3146!important;color:#83d4dc!important;box-shadow:none!important;}
html.yhlsm-dark .yhls-app .yhls-spotlight-media.is-illustrated img,
html.tvm-dark .yhls-app .yhls-spotlight-media.is-illustrated img{filter:brightness(.84) saturate(.88)!important;}


/* v1.09.18 — MEDIPHARM ABG interactive homepage module */
#syh-app .yhls-abg-interactive-section{padding-top:10px;padding-bottom:30px}
#syh-app .yhls-abg-interactive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}
#syh-app .yhls-abg-interactive-head>div{max-width:780px}
#syh-app .yhls-abg-interactive-head span:first-child{display:block;font-size:14px;font-weight:800;letter-spacing:.08em;color:#236f82;margin-bottom:6px}
#syh-app .yhls-abg-interactive-head h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.025em}
#syh-app .yhls-abg-interactive-head p{margin:8px 0 0;color:var(--syh-muted,#657285);font-size:15px;line-height:1.6}
#syh-app .yhls-abg-interactive-head>a{flex:0 0 auto;text-decoration:none;font-weight:750;padding:11px 15px;border-radius:14px;background:#e9f7f9;color:#155b68}
@media(max-width:780px){#syh-app .yhls-abg-interactive-head{align-items:flex-start;flex-direction:column;gap:12px}#syh-app .yhls-abg-interactive-head>a{width:100%;text-align:center}}
html.tvm-dark #syh-app .yhls-abg-interactive-head p{color:#a9bac8}
html.tvm-dark #syh-app .yhls-abg-interactive-head>a{background:#16303a;color:#aee5ee}

/* v1.09.19 — ABG compact single-card homepage module */
#syh-app .yhls-abg-interactive-section--compact{padding-top:8px;padding-bottom:18px}
@media(max-width:780px){#syh-app .yhls-abg-interactive-section--compact{padding-top:6px;padding-bottom:14px}}

/* ==========================================================================
 * v1.09.20 — Inspiration Compact Cards & Canonical Homepage Order
 * Homepage-only presentation layer. Inspiration Library keeps data, random
 * reservoirs, refresh behavior and deep links; Super App owns compact geometry.
 * ========================================================================== */
.yhls-app .yhls-inspiration-section{padding-block:clamp(20px,3vw,30px)!important}
.yhls-app .yhls-inspiration-section .mpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
}
.yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card{
  grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;
  display:flex!important;flex-direction:column!important;align-self:start!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:14px!important;border-radius:16px!important;overflow:hidden!important;
  box-shadow:0 7px 20px rgba(52,69,86,.05)!important;
}
.yhls-app .yhls-inspiration-section .mpi-card-top{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;gap:8px!important;margin:0 0 8px!important;
}
.yhls-app .yhls-inspiration-section .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important}
.yhls-app .yhls-inspiration-section .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important}
.yhls-app .yhls-inspiration-section .mpi-card-tools [data-mpi-refresh]{
  display:inline-flex!important;width:30px!important;height:30px!important;min-width:30px!important;
  padding:0!important;border-radius:9px!important;align-items:center!important;justify-content:center!important;
}
.yhls-app .yhls-inspiration-section .mpi-label{font-size:14px!important;line-height:1.3!important}
.yhls-app .yhls-inspiration-section .mpi-card h3{
  margin:0!important;font-size:18px!important;line-height:1.3!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;
}
.yhls-app .yhls-inspiration-section .mpi-card-body,
.yhls-app .yhls-inspiration-section .mpi-card-body.has-media,
.yhls-app .yhls-inspiration-section .mpi-card.slot-person .mpi-card-body.has-media{gap:8px!important;flex:0 1 auto!important}
.yhls-app .yhls-inspiration-section .mpi-card .mpi-vi{
  font-size:14px!important;line-height:1.52!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;
}
.yhls-app .yhls-inspiration-section .mpi-card .mpi-en-row,
.yhls-app .yhls-inspiration-section .mpi-card .mpi-en,
.yhls-app .yhls-inspiration-section .mpi-card .mpi-source{display:none!important}
.yhls-app .yhls-inspiration-section .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important}
.yhls-app .yhls-inspiration-section .mpi-card.slot-person .mpi-person-media{width:58px!important;height:72px!important;min-width:58px!important;border-radius:12px!important}
.yhls-app .yhls-inspiration-section .mpi-clinical-qa-card{
  display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:start!important;
  gap:11px!important;min-height:0!important;padding:14px!important;
}
.yhls-app .yhls-inspiration-section .mpi-clinical-qa-mark{width:48px!important;height:48px!important;border-radius:14px!important;font-size:14px!important}
.yhls-app .yhls-inspiration-section .mpi-clinical-qa-copy h3{font-size:18px!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.yhls-app .yhls-inspiration-section .mpi-clinical-qa-copy p{
  margin:5px 0 7px!important;font-size:14px!important;line-height:1.48!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;
}
.yhls-app .yhls-inspiration-section .mpi-clinical-qa-copy a{font-size:14px!important;margin-top:0!important}
@media (min-width:768px) and (max-width:1179px){
  .yhls-app .yhls-inspiration-section .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
  .yhls-app .yhls-inspiration-section{padding-block:18px 22px!important}
  .yhls-app .yhls-inspiration-section .mpi-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .yhls-app .yhls-inspiration-section .mpi-grid>.mpi-card{padding:12px!important;border-radius:15px!important}
  .yhls-app .yhls-inspiration-section .mpi-card h3{font-size:17px!important;-webkit-line-clamp:2!important;line-clamp:2!important}
  .yhls-app .yhls-inspiration-section .mpi-card .mpi-vi{-webkit-line-clamp:3!important;line-clamp:3!important}
  .yhls-app .yhls-inspiration-section .mpi-clinical-qa-card{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  .yhls-app .yhls-inspiration-section .mpi-clinical-qa-mark{width:44px!important;height:44px!important;border-radius:13px!important}
}



/* ======================================================================
 * v1.09.21 — Homepage Editorial Refresh
 * Hero-adjacent quote + featured Clinical Q&A + compact clinical tools.
 * ====================================================================== */
.yhls-app .yhls-inspiration-hero-cluster{padding:clamp(18px,2.8vw,28px) 0 clamp(28px,3.6vw,38px)!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-section{padding:0!important;background:transparent!important;display:grid!important;gap:14px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-shell{width:100%!important;max-width:none!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote{margin:0!important;padding:18px 24px!important;border:1px solid rgba(192,165,107,.22)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,250,241,.96),rgba(244,249,255,.96))!important;box-shadow:0 14px 34px rgba(39,64,98,.06)!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-vi{font-size:clamp(19px,1.8vw,24px)!important;line-height:1.42!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-en{font-size:14px!important;line-height:1.65!important;color:#5c6e81!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-source{display:none!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid{display:grid!important;grid-template-columns:minmax(0,1.28fr) repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:14px!important;overflow:visible!important;padding:0!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card{grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;border:1px solid rgba(220,228,236,.92)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(52,69,86,.055)!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa]{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;align-items:flex-start!important;gap:14px!important;padding:16px!important;min-height:0!important;background:linear-gradient(145deg,#f0fbff,#f7fbf8)!important;border-color:rgba(15,132,154,.24)!important;box-shadow:0 18px 38px rgba(20,110,126,.09)!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-mark{width:58px!important;height:58px!important;border-radius:16px!important;font-size:16px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy h3{font-size:22px!important;line-height:1.28!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy p{font-size:14px!important;line-height:1.6!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;margin:0 0 10px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card-tools [data-mpi-refresh]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;border-radius:10px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-label{font-size:14px!important;line-height:1.3!important;letter-spacing:.08em!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card h3{margin:0!important;color:#1a334d!important;font-size:19px!important;line-height:1.32!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card-body,.yhls-app .yhls-inspiration-hero-cluster .mpi-card-body.has-media,.yhls-app .yhls-inspiration-hero-cluster .mpi-card.slot-person .mpi-card-body.has-media{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:8px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-vi{font-size:14px!important;line-height:1.58!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-wrap:pretty}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-en-row,.yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-en,.yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-source{display:none!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card.slot-person .mpi-person-media{width:62px!important;height:78px!important;min-width:62px!important;border-radius:13px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-card-deep-link,.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy a{margin-top:auto!important;padding-top:10px!important;font-size:14px!important;font-weight:800!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote{border-color:rgba(139,161,214,.22)!important;background:linear-gradient(135deg,rgba(22,31,49,.96),rgba(15,37,43,.96))!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card{border-color:rgba(120,151,179,.16)!important;background:linear-gradient(145deg,#131d28,#15202b)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa],html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa],html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa]{border-color:rgba(77,189,209,.28)!important;background:linear-gradient(145deg,#102432,#102d31)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-card h3,html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-vi,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-card h3,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-vi,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-card h3,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-card .mpi-vi{color:#eaf3f8!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-en,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-en,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-en{color:#c6d4df!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy p,html.nah-sdp-night-active .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy p,html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-copy p{color:#b8ccd7!important}

.yhls-app .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.yhls-app .syh-tools-section .syh-tool-card{min-height:272px!important;padding:20px!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(30,64,98,.055)!important}
.yhls-app .syh-tools-section .syh-tool-card-top{min-height:48px!important;margin-bottom:14px!important}
.yhls-app .syh-tools-section .syh-tool-glyph{width:46px!important;height:46px!important;border-radius:14px!important;font-size:14px!important}
.yhls-app .syh-tools-section .syh-tool-card h3{margin:4px 0 8px!important;font-size:19px!important;line-height:1.26!important}
.yhls-app .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px!important;line-height:1.58!important}
.yhls-app .syh-tools-section .syh-tool-tags{gap:6px!important;margin:12px 0 14px!important}
.yhls-app .syh-tools-section .syh-tool-tags span{padding:5px 7px!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home{margin-top:16px!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(30,64,98,.055)!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-explorer-head{padding:18px 20px!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-explorer-body{grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr)!important;min-height:0!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(76px,1fr)!important;height:auto!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list>button{min-height:76px!important;padding:12px 12px 11px!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list strong{white-space:normal!important;line-height:1.28!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list small{line-height:1.35!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-preview{padding:22px 22px 20px!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-preview h4{margin:14px 0 7px!important;font-size:27px!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-preview>p{font-size:14px!important;line-height:1.58!important;max-width:30ch!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-preview-sample{display:none!important}
.yhls-app .syh-tools-section .syh-explorer--compact-home .syh-preview-actions{padding-top:14px!important}
@media (max-width:1160px){
  .yhls-app .yhls-inspiration-hero-cluster .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa]{grid-column:1/-1!important}
  .yhls-app .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-explorer-body{grid-template-columns:1fr!important}
}
@media (max-width:767px){
  .yhls-app .yhls-inspiration-hero-cluster{padding:14px 0 24px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote{padding:16px 18px!important;border-radius:16px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-daily-quote-vi{font-size:18px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card{padding:14px!important;border-radius:16px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa]{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
.yhls-app .yhls-inspiration-hero-cluster .mpi-grid>.mpi-card[data-mpi-clinical-qa] .mpi-clinical-qa-mark{width:48px!important;height:48px!important;border-radius:14px!important}
  .yhls-app .yhls-inspiration-hero-cluster .mpi-card.slot-person .mpi-person-media{width:56px!important;height:70px!important;min-width:56px!important}
  .yhls-app .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .yhls-app .syh-tools-section .syh-tool-card{min-height:0!important;padding:14px!important;border-radius:16px!important}
  .yhls-app .syh-tools-section .syh-tool-card h3{font-size:16px!important}
  .yhls-app .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow),.yhls-app .syh-tools-section .syh-tool-tags{display:none!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-explorer-head{padding:14px!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list{display:flex!important;gap:8px!important;padding:10px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list::-webkit-scrollbar{display:none!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-list>button{flex:0 0 172px!important;min-height:70px!important}
  .yhls-app .syh-tools-section .syh-explorer--compact-home .syh-clinical-preview{padding:16px!important}
}


/* ======================================================================
 * v1.09.22 — Homepage hierarchy refresh + separated Clinical Q&A.
 * Tools -> Knowledge library -> Quote/Inspiration -> Clinical Q&A -> Spotlines.
 * ====================================================================== */
.yhls-app .syh-suite-promo{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.7fr) auto auto;gap:16px;align-items:center;padding:20px 22px;border:1px solid rgba(213,223,232,.9);border-radius:22px;background:linear-gradient(135deg,#fbfdff,#f4f9ff);box-shadow:0 12px 28px rgba(30,64,98,.055)}
.yhls-app .syh-suite-promo-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.yhls-app .syh-suite-promo-kicker{font-size:14px;font-weight:900;letter-spacing:.12em;color:#17658e}
.yhls-app .syh-suite-promo h3{margin:0;font-size:22px;line-height:1.32;color:#15324b}
.yhls-app .syh-suite-promo p{margin:0;font-size:14px;line-height:1.6;color:#617386}
.yhls-app .syh-suite-promo-chips{display:flex;flex-wrap:wrap;gap:8px}
.yhls-app .syh-suite-promo-chips span{padding:7px 10px;border-radius:999px;background:#eef4fb;font-size:14px;font-weight:700;color:#35506e}
.yhls-app .syh-suite-promo-actions a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#0e7fa4,#1570d8);color:#fff;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 12px 24px rgba(16,93,162,.18)}
.yhls-app .yhls-inspiration-library-stage{padding-top:clamp(34px,4vw,44px)!important;padding-bottom:clamp(34px,4vw,44px)!important}
.yhls-app .yhls-inspiration-library-stage .mpi-daily-quote{margin-bottom:14px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-daily-quote-source{display:none!important}
.yhls-app .yhls-inspiration-library-stage .mpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;overflow:visible!important;padding:0!important}
.yhls-app .yhls-inspiration-library-stage .mpi-grid>.mpi-card[data-mpi-clinical-qa]{display:none!important}
.yhls-app .yhls-inspiration-library-stage .mpi-grid>.mpi-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:16px!important;border-radius:20px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card-tools [data-mpi-refresh]{width:31px!important;height:31px!important;min-width:31px!important;padding:0!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card h3,.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-vi{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-en-row,.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-en,.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-source{display:none!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card.slot-person .mpi-person-media{width:64px!important;height:80px!important;min-width:64px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-deep-link{margin-top:auto!important;padding-top:10px!important;font-weight:800!important}
.yhls-app .yhls-clinical-qa-section{padding-top:0!important;padding-bottom:clamp(34px,4vw,46px)!important}
.yhls-app .yhls-clinical-qa-promo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.95fr) auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid rgba(16,121,145,.18);border-radius:24px;background:linear-gradient(135deg,#eefafd,#f7fbff);box-shadow:0 16px 34px rgba(15,96,116,.08)}
.yhls-app .yhls-clinical-qa-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.yhls-app .yhls-clinical-qa-kicker{font-size:14px;font-weight:900;letter-spacing:.11em;color:#10738f}
.yhls-app .yhls-clinical-qa-promo h2{margin:0;font-size:26px;line-height:1.3;color:#18334c}
.yhls-app .yhls-clinical-qa-promo p{margin:0;font-size:14px;line-height:1.65;color:#5c7284}
.yhls-app .yhls-clinical-qa-highlights{display:flex;flex-wrap:wrap;gap:8px}
.yhls-app .yhls-clinical-qa-highlights span{padding:8px 10px;border-radius:999px;background:rgba(16,121,145,.08);font-size:14px;font-weight:700;color:#22566a}
.yhls-app .yhls-clinical-qa-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#0d7f9c,#1593a1);color:#fff;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 12px 24px rgba(14,118,150,.2)}
.yhls-app .syh-tools-section .syh-explorer,.yhls-app .yhls-abg-interactive-section{display:none!important}
@media (max-width:1160px){
  .yhls-app .syh-suite-promo,.yhls-app .yhls-clinical-qa-promo{grid-template-columns:1fr!important}
  .yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
  .yhls-app .syh-suite-promo{padding:16px!important;border-radius:18px!important}
  .yhls-app .syh-suite-promo h3{font-size:18px!important}
  .yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:1fr!important;gap:10px!important}
  .yhls-app .yhls-inspiration-library-stage .mpi-grid>.mpi-card{padding:14px!important;border-radius:16px!important}
  .yhls-app .yhls-clinical-qa-promo{padding:18px!important;border-radius:18px!important}
  .yhls-app .yhls-clinical-qa-promo h2{font-size:20px!important}
}


/* ======================================================================
 * v1.09.23 — Homepage copy polish + inspiration 3-card single-row desktop fix.
 * ====================================================================== */
.yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:1fr!important;align-items:stretch!important}
.yhls-app .yhls-inspiration-library-stage .mpi-grid>.mpi-card{grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;min-width:0!important;min-height:100%!important;max-width:none!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-body,
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-body.has-media,
.yhls-app .yhls-inspiration-library-stage .mpi-card.slot-person .mpi-card-body.has-media{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:8px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card h3{font-size:18px!important;line-height:1.34!important;margin:0!important;color:#19344c!important;text-wrap:pretty}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-vi{font-size:14px!important;line-height:1.6!important;color:#4c6176!important;text-wrap:pretty}
.yhls-app .yhls-inspiration-library-stage .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:64px minmax(0,1fr)!important;align-items:start!important;gap:10px!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card.slot-person .mpi-person-media{border-radius:13px!important;object-fit:cover!important}
.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-deep-link{margin-top:auto!important}
.yhls-app .syh-suite-promo h3,.yhls-app .yhls-clinical-qa-promo h2{text-wrap:pretty}
html.yhlsm-dark .yhls-app .yhls-inspiration-library-stage .mpi-card,
html.nah-sdp-night-active .yhls-app .yhls-inspiration-library-stage .mpi-card,
html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-library-stage .mpi-card{background:linear-gradient(145deg,#141d28,#15212d)!important;border-color:rgba(120,151,179,.16)!important}
html.yhlsm-dark .yhls-app .yhls-inspiration-library-stage .mpi-card h3,
html.yhlsm-dark .yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-vi,
html.nah-sdp-night-active .yhls-app .yhls-inspiration-library-stage .mpi-card h3,
html.nah-sdp-night-active .yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-vi,
html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-library-stage .mpi-card h3,
html.nah-sdp-dark-mode .yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-vi{color:#eaf3f8!important}
@media (max-width:1180px){
  .yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:980px){
  .yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
  .yhls-app .yhls-inspiration-library-stage .mpi-grid>.mpi-card{min-height:0!important}
}
@media (max-width:767px){
  .yhls-app .yhls-inspiration-library-stage .mpi-grid{grid-template-columns:1fr!important}
}


/* ======================================================================
 * v1.09.24 — Inspiration 3-Card Specificity + Server-Side Q&A Hotfix
 * ====================================================================== */
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;grid-auto-rows:1fr!important;align-items:stretch!important;
  gap:12px!important;overflow:visible!important;padding:0!important;
}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card,
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(1),
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(2),
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(3),
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(4){
  grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:15px!important;border-radius:17px!important;overflow:hidden!important;
}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-daily-quote{margin:0 0 14px!important;padding:16px 22px!important;border-radius:17px!important}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-daily-quote-source{display:none!important}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card h3{margin:0!important;font-size:17px!important;line-height:1.34!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-wrap:pretty}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card .mpi-vi{font-size:14px!important;line-height:1.55!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-wrap:pretty}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card .mpi-en-row,
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card .mpi-en,
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card .mpi-source{display:none!important}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important}
.yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-card .mpi-card-deep-link{margin-top:auto!important;padding-top:8px!important}

/* Keep the standalone promotional modules explicitly styled at runtime. */
.yhls-app .syh-suite-promo{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr) auto!important;gap:16px!important;align-items:center!important;padding:20px 22px!important;border:1px solid #dbe6ef!important;border-radius:20px!important;background:linear-gradient(135deg,#fbfdff,#f3f8fd)!important;box-shadow:0 10px 26px rgba(30,64,98,.055)!important}
.yhls-app .syh-suite-promo-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
.yhls-app .syh-suite-promo-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.yhls-app .syh-suite-promo-chips span{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#edf4fb!important;color:#38536d!important;font-size:14px!important;font-weight:750!important}
.yhls-app .syh-suite-promo-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 15px!important;border-radius:12px!important;background:#137ba5!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:850!important;white-space:nowrap!important}
.yhls-app .yhls-clinical-qa-promo{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr) auto!important;gap:16px!important;align-items:center!important;padding:20px 22px!important;border:1px solid #d3e7ed!important;border-radius:20px!important;background:linear-gradient(135deg,#effafd,#f8fbff)!important;box-shadow:0 10px 26px rgba(18,103,125,.06)!important}
.yhls-app .yhls-clinical-qa-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
.yhls-app .yhls-clinical-qa-highlights{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.yhls-app .yhls-clinical-qa-highlights span{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#e7f4f6!important;color:#315c69!important;font-size:14px!important;font-weight:750!important}
.yhls-app .yhls-clinical-qa-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 15px!important;border-radius:12px!important;background:#13869a!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:850!important;white-space:nowrap!important}
@media (max-width:980px){
  .yhls-app .syh-suite-promo,.yhls-app .yhls-clinical-qa-promo{grid-template-columns:1fr!important}
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card,
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(1),
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(2),
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid>.mpi-card:nth-child(3){height:auto!important;min-height:0!important}
}
@media (max-width:720px){
  .yhls-app .yhls-inspiration-section.yhls-inspiration-library-stage .mpi-grid{grid-template-columns:1fr!important}
  .yhls-app .syh-suite-promo,.yhls-app .yhls-clinical-qa-promo{padding:16px!important;border-radius:16px!important}
}


/* v1.09.26 — concise discovery controls + homepage editorial ordering/responsive polish. */
#syh-app.yhls-app .yhls-inspiration-library-stage .mpi-card-body{display:flex!important;flex-direction:column!important}
#syh-app.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-card-deep-link{order:20!important;margin-top:auto!important}
#syh-app.yhls-app .yhls-inspiration-library-stage .mpi-card .mpi-related-terms{order:30!important;margin-top:8px!important}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head>div>span,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-v15-home-head p{display:none!important}
@media (max-width:1080px){
  #syh-app.yhls-app .yhls-readnext-bottom>.syh-shell{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:clamp(12px,3vw,26px)!important;padding-right:clamp(12px,3vw,26px)!important;box-sizing:border-box!important}
  #syh-app.yhls-app .yhls-readnext-bottom .yhls-personalized{width:100%!important;max-width:none!important;box-sizing:border-box!important}
  #syh-app.yhls-app .syh-related-books{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:clamp(14px,3vw,28px)!important;padding-right:clamp(14px,3vw,28px)!important;box-sizing:border-box!important}
}

/* ======================================================================
 * v1.09.28 — Vietnamese Translated Books Homepage Catalog
 * Replaces the former homepage article newsroom with a live WordPress
 * category-tree catalog: SÁCH DỊCH TIẾNG VIỆT -> one child term per book.
 * ====================================================================== */
.yhls-app .yhls-books-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 8%,rgba(24,142,177,.10),transparent 26%),
    linear-gradient(180deg,#f7fafc 0,#eef5f9 55%,#f8fbfd 100%);
  padding-top:54px;
  padding-bottom:58px;
}
.yhls-app .yhls-books-section>.syh-shell{display:flex;flex-direction:column;gap:22px}
.yhls-app .yhls-books-masthead{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) auto auto;
  gap:20px;
  align-items:center;
  padding:26px 28px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 18%,rgba(78,212,219,.22),transparent 28%),
    linear-gradient(135deg,#0e3854 0%,#0d5f78 52%,#0b8291 100%);
  box-shadow:0 22px 50px rgba(18,65,92,.18);
}
.yhls-app .yhls-books-heading{min-width:0}
.yhls-app .yhls-books-eyebrow{display:block;margin:0 0 7px;font-size:14px!important;line-height:1.2;font-weight:850;letter-spacing:.11em;color:#bcebf0}
.yhls-app .yhls-books-heading h2{margin:0;color:#fff;font-size:clamp(27px,2.7vw,38px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.yhls-app .yhls-books-heading p{max-width:760px;margin:10px 0 0;color:#d8edf3;font-size:15px;line-height:1.62;text-wrap:pretty}
.yhls-app .yhls-books-summary{display:flex;gap:8px;align-items:stretch}
.yhls-app .yhls-books-summary>span{min-width:88px;padding:11px 13px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);text-align:center}
.yhls-app .yhls-books-summary strong{display:block;font-size:22px;line-height:1.05;color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.yhls-app .yhls-books-summary small{display:block;margin-top:5px;font-size:14px!important;line-height:1.2;color:#cde7ee;font-weight:720;text-transform:uppercase;letter-spacing:.055em}
.yhls-app .yhls-books-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:14px;background:#fff;color:#0c6176;text-decoration:none;font-size:14px;font-weight:850;white-space:nowrap;box-shadow:0 10px 24px rgba(4,37,53,.14);transition:transform .18s ease,box-shadow .18s ease}
.yhls-app .yhls-books-all:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(4,37,53,.2)}
.yhls-app .yhls-books-toolbar{display:grid;grid-template-columns:minmax(240px,420px) 1fr auto;gap:12px;align-items:center}
.yhls-app .yhls-books-search{position:relative;display:flex;align-items:center;min-width:0}
.yhls-app .yhls-books-search svg{position:absolute;left:15px;width:19px;height:19px;fill:none;stroke:#5a7183;stroke-width:1.9;pointer-events:none}
.yhls-app .yhls-books-search input{width:100%;min-height:46px;padding:0 15px 0 44px;border:1px solid #cfdae3;border-radius:14px;background:#fff;color:#18374d;font-size:15px!important;line-height:1.2;outline:none;box-shadow:0 7px 20px rgba(36,71,96,.045);transition:border-color .18s ease,box-shadow .18s ease}
.yhls-app .yhls-books-search input:focus{border-color:#2b8ca1;box-shadow:0 0 0 3px rgba(43,140,161,.12),0 7px 20px rgba(36,71,96,.06)}
.yhls-app .yhls-books-search input::placeholder{color:#7b8f9e}
.yhls-app .yhls-books-result{justify-self:start;font-size:14px;font-weight:720;color:#60798b}
.yhls-app .yhls-books-nav{display:flex;gap:8px}
.yhls-app .yhls-books-nav button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #cbd9e3;border-radius:13px;background:#fff;color:#173f57;font-size:19px!important;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(35,70,95,.05);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.yhls-app .yhls-books-nav button:hover{transform:translateY(-1px);border-color:#78aebd;background:#f8fcfd}
.yhls-app .yhls-book-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(176px,202px);
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 2px 16px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:#b6c9d4 transparent;
}
.yhls-app .yhls-book-rail:focus-visible{outline:3px solid rgba(31,134,157,.26);outline-offset:5px;border-radius:14px}
.yhls-app .yhls-book-card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #d9e3ea;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(40,74,99,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.yhls-app .yhls-book-card:hover{transform:translateY(-4px);border-color:#bfd3de;box-shadow:0 18px 38px rgba(39,75,102,.13)}
.yhls-app .yhls-book-cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(145deg,#d9e8ef,#f5f9fb);text-decoration:none}
.yhls-app .yhls-book-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.yhls-app .yhls-book-card:hover .yhls-book-cover img{transform:scale(1.025)}
.yhls-app .yhls-book-cover:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -52px 56px -46px rgba(10,34,48,.46)}
.yhls-app .yhls-book-cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 16px 20px;color:#fff;background:linear-gradient(155deg,#123d5c 0,#0e7181 62%,#2aa0a1 100%)}
.yhls-app .yhls-book-cover-fallback:before{content:"";position:absolute;right:-38px;top:35px;width:120px;height:120px;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.yhls-app .yhls-book-cover-fallback small{position:relative;font-size:14px!important;font-weight:850;letter-spacing:.13em;color:#c8eef1}
.yhls-app .yhls-book-cover-fallback b{position:relative;font-size:20px;line-height:1.15;letter-spacing:.02em}
.yhls-app .yhls-book-cover-fallback i{position:relative;width:44px;height:3px;border-radius:99px;background:#90e0dc}
.yhls-app .yhls-book-chapters{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:rgba(10,39,54,.86);color:#fff;font-size:14px!important;line-height:1;font-weight:800;backdrop-filter:blur(6px);box-shadow:0 5px 14px rgba(0,0,0,.12)}
.yhls-app .yhls-book-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:13px 13px 14px}
.yhls-app .yhls-book-copy h3{margin:0;font-size:14px;line-height:1.42;font-weight:820;color:#1d3b50;text-wrap:pretty}
.yhls-app .yhls-book-copy h3 a{color:inherit;text-decoration:none}
.yhls-app .yhls-book-copy h3 a:hover{color:#0b738c}
.yhls-app .yhls-book-open{display:inline-flex;align-items:center;gap:5px;margin-top:auto;color:#0d7890;text-decoration:none;font-size:14px;font-weight:820}
.yhls-app .yhls-book-open:hover{text-decoration:underline;text-underline-offset:3px}
.yhls-app .yhls-books-no-result,.yhls-app .yhls-books-empty{padding:20px;border:1px dashed #bdccd6;border-radius:16px;background:rgba(255,255,255,.7);color:#60798a;text-align:center;font-size:14px;line-height:1.55}
.yhls-app .yhls-book-card[hidden]{display:none!important}

html.yhlsm-dark .yhls-app .yhls-books-section,
html.nah-sdp-night-active .yhls-app .yhls-books-section,
html.nah-sdp-dark-mode .yhls-app .yhls-books-section{background:radial-gradient(circle at 8% 8%,rgba(31,151,177,.10),transparent 27%),linear-gradient(180deg,#0b151f 0,#0d1924 55%,#0a151e 100%)}
html.yhlsm-dark .yhls-app .yhls-books-masthead,
html.nah-sdp-night-active .yhls-app .yhls-books-masthead,
html.nah-sdp-dark-mode .yhls-app .yhls-books-masthead{background:radial-gradient(circle at 78% 18%,rgba(81,214,218,.16),transparent 28%),linear-gradient(135deg,#102d43 0,#0c4a5d 55%,#0a6874 100%);box-shadow:0 22px 50px rgba(0,0,0,.23)}
html.yhlsm-dark .yhls-app .yhls-books-search input,
html.yhlsm-dark .yhls-app .yhls-books-nav button,
html.yhlsm-dark .yhls-app .yhls-book-card,
html.nah-sdp-night-active .yhls-app .yhls-books-search input,
html.nah-sdp-night-active .yhls-app .yhls-books-nav button,
html.nah-sdp-night-active .yhls-app .yhls-book-card,
html.nah-sdp-dark-mode .yhls-app .yhls-books-search input,
html.nah-sdp-dark-mode .yhls-app .yhls-books-nav button,
html.nah-sdp-dark-mode .yhls-app .yhls-book-card{background:#121f2b;border-color:#263c4d;color:#e8f2f7}
html.yhlsm-dark .yhls-app .yhls-book-copy h3,
html.nah-sdp-night-active .yhls-app .yhls-book-copy h3,
html.nah-sdp-dark-mode .yhls-app .yhls-book-copy h3{color:#eaf3f7}
html.yhlsm-dark .yhls-app .yhls-books-result,
html.nah-sdp-night-active .yhls-app .yhls-books-result,
html.nah-sdp-dark-mode .yhls-app .yhls-books-result{color:#a9bdc9}
html.yhlsm-dark .yhls-app .yhls-books-search input,
html.nah-sdp-night-active .yhls-app .yhls-books-search input,
html.nah-sdp-dark-mode .yhls-app .yhls-books-search input{color:#eef6fa}
html.yhlsm-dark .yhls-app .yhls-books-nav button,
html.nah-sdp-night-active .yhls-app .yhls-books-nav button,
html.nah-sdp-dark-mode .yhls-app .yhls-books-nav button{color:#d9edf4}
html.yhlsm-dark .yhls-app .yhls-books-no-result,
html.yhlsm-dark .yhls-app .yhls-books-empty,
html.nah-sdp-night-active .yhls-app .yhls-books-no-result,
html.nah-sdp-night-active .yhls-app .yhls-books-empty,
html.nah-sdp-dark-mode .yhls-app .yhls-books-no-result,
html.nah-sdp-dark-mode .yhls-app .yhls-books-empty{background:#101d28;border-color:#314655;color:#a9bdca}

@media(max-width:1080px){
  .yhls-app .yhls-books-masthead{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .yhls-app .yhls-books-all{grid-column:1/-1;justify-self:start}
  .yhls-app .yhls-book-rail{grid-auto-columns:minmax(166px,190px)}
}
@media(max-width:760px){
  .yhls-app .yhls-books-section{padding-top:38px;padding-bottom:42px}
  .yhls-app .yhls-books-section>.syh-shell{gap:16px}
  .yhls-app .yhls-books-masthead{grid-template-columns:1fr;gap:14px;padding:20px;border-radius:20px}
  .yhls-app .yhls-books-heading h2{font-size:27px}
  .yhls-app .yhls-books-heading p{font-size:14px;line-height:1.58}
  .yhls-app .yhls-books-summary{justify-content:flex-start}
  .yhls-app .yhls-books-summary>span{min-width:84px}
  .yhls-app .yhls-books-all{grid-column:auto;justify-self:stretch}
  .yhls-app .yhls-books-toolbar{grid-template-columns:minmax(0,1fr) auto}
  .yhls-app .yhls-books-search{grid-column:1/-1}
  .yhls-app .yhls-books-search input{font-size:16px!important}
  .yhls-app .yhls-books-result{font-size:14px}
  .yhls-app .yhls-books-nav button{width:42px;height:42px}
  .yhls-app .yhls-book-rail{grid-auto-columns:minmax(148px,164px);gap:12px;margin-right:calc(-1 * var(--yhls-site-gutter,16px));padding-right:var(--yhls-site-gutter,16px);scroll-padding-inline:0 var(--yhls-site-gutter,16px)}
  .yhls-app .yhls-book-copy{padding:11px 11px 12px}
  .yhls-app .yhls-book-copy h3{font-size:14px;line-height:1.38}
}
@media(max-width:420px){
  .yhls-app .yhls-books-masthead{padding:18px 16px}
  .yhls-app .yhls-books-heading h2{font-size:25px}
  .yhls-app .yhls-books-summary{width:100%}
  .yhls-app .yhls-books-summary>span{flex:1 1 0}
  .yhls-app .yhls-book-rail{grid-auto-columns:146px}
  .yhls-app .yhls-book-chapters{left:8px;bottom:8px;padding:0 8px;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .yhls-app .yhls-book-card,.yhls-app .yhls-book-cover img,.yhls-app .yhls-books-all,.yhls-app .yhls-books-nav button{transition:none!important}
  .yhls-app .yhls-book-card:hover,.yhls-app .yhls-books-all:hover,.yhls-app .yhls-books-nav button:hover{transform:none!important}
}
.yhls-app .yhls-books-nav button:disabled{opacity:.38;cursor:default;transform:none!important;box-shadow:none}


/* v1.09.34 — Spotlines equal-size responsive carousel cards.
 * Recast the integrated Spotlines cards as an adaptive equal-size carousel so
 * desktop, tablet and mobile all share the same card grammar. */
.yhls-app .yhls-spotlines-integration .mmspot-home-grid{display:flex!important;align-items:stretch!important;gap:14px!important;grid-template-columns:none!important;grid-auto-rows:auto!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 10px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:2px!important;scrollbar-width:thin}
.yhls-app .yhls-spotlines-integration .mmspot-home-grid::-webkit-scrollbar{height:8px}
.yhls-app .yhls-spotlines-integration .mmspot-home-card{flex:0 0 clamp(268px,28vw,322px)!important;width:clamp(268px,28vw,322px)!important;min-height:262px!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;padding:18px!important;border-radius:18px!important;scroll-snap-align:start!important;box-shadow:0 14px 36px rgba(21,63,95,.08)!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card h3{display:-webkit-box!important;overflow:hidden!important;margin:0 0 10px!important;font-size:18px!important;line-height:1.38!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-card p{display:-webkit-box!important;overflow:hidden!important;margin-bottom:14px!important;font-size:14px!important;line-height:1.6!important;color:inherit!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important}
.yhls-app .yhls-spotlines-integration .mmspot-home-source{margin-top:auto!important;padding-top:12px!important}
@media (max-width:1180px){.yhls-app .yhls-spotlines-integration .mmspot-home-card{flex-basis:calc(50% - 7px)!important;width:calc(50% - 7px)!important;min-width:calc(50% - 7px)!important}}
@media (max-width:720px){.yhls-app .yhls-spotlines-integration .mmspot-home-grid{gap:12px!important;padding-bottom:8px!important}.yhls-app .yhls-spotlines-integration .mmspot-home-card{flex-basis:min(84vw,308px)!important;width:min(84vw,308px)!important;min-width:min(84vw,308px)!important;min-height:236px!important;padding:16px!important}.yhls-app .yhls-spotlines-integration .mmspot-home-card h3{font-size:17px!important}.yhls-app .yhls-spotlines-integration .mmspot-home-card p{-webkit-line-clamp:3!important}}


/* MEDIPHARM v15 Spotlines homepage carousel — real Spotlines 1.7.x DOM.
 * v0.71.21 / v1.09.37 presentation bridge. */
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"]{
  padding:clamp(14px,2vw,22px)!important;
  overflow:hidden!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{
  display:flex!important;
  position:relative!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px 16px!important;
  min-height:0!important;
  margin:0 0 14px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>div{
  display:block!important;
  flex:1 1 360px!important;
  width:auto!important;
  min-width:0!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>div>span{
  display:block!important;
  max-width:none!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(10,101,165,.20)!important;
  border-radius:13px!important;
  background:#edf7ff!important;
  color:#075f9b!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 8px!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:2px!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
  flex:0 0 calc((100% - 28px)/3)!important;
  width:calc((100% - 28px)/3)!important;
  min-width:260px!important;
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  border:1px solid rgba(17,64,105,.10)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
  box-shadow:0 12px 28px rgba(13,47,80,.07)!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-hero.med-v15-topic-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  align-items:stretch!important;
  padding:14px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{
  flex:0 0 176px!important;
  width:100%!important;
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:15px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  padding:12px 2px 0!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:8px 0 7px!important;
  font-family:inherit!important;
  font-size:20px!important;
  line-height:1.28!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3 strong{display:inline!important;font-size:inherit!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-meta{
  display:flex!important;
  gap:7px!important;
  overflow:hidden!important;
  max-height:24px!important;
  font-size:14px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured{
  margin-top:8px!important;
  padding-top:8px!important;
  overflow:hidden!important;
  max-height:74px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong{display:none!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list{margin:0!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a{padding:3px 0!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n+3){display:none!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary{
  margin-top:auto!important;
  align-self:flex-start!important;
  padding:9px 13px!important;
  font-size:14px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card.med-v15-topic-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:14px!important;
  color:#15324f!important;
  text-decoration:none!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  padding:12px 2px 0!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span small{font-size:14px!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span b{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:7px 0!important;
  font-size:18px!important;
  line-height:1.35!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span em{
  margin-top:auto!important;
  font-size:14px!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
  border-color:#29435f!important;
  background:linear-gradient(180deg,#15263a 0%,#101e2e 100%)!important;
  box-shadow:none!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{
  border-color:#315576!important;
  background:#132c44!important;
  color:#7dd3fc!important;
}
@media(max-width:1024px){
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
    flex-basis:calc((100% - 14px)/2)!important;
    width:calc((100% - 14px)/2)!important;
    min-width:290px!important;
    height:414px!important;
    min-height:414px!important;
    max-height:414px!important;
  }
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{height:164px!important;min-height:164px!important;max-height:164px!important;flex-basis:164px!important}
}
@media(max-width:640px){
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"]{padding:12px!important;border-radius:18px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>div{width:100%!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head h2{font-size:22px!important;margin-top:5px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{
    width:100%!important;
    min-height:40px!important;
    justify-content:center!important;
    padding:0 12px!important;
  }
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel{gap:11px!important;padding-bottom:6px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
    flex-basis:min(84vw,292px)!important;
    width:min(84vw,292px)!important;
    min-width:min(84vw,292px)!important;
    height:392px!important;
    min-height:392px!important;
    max-height:392px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{height:152px!important;min-height:152px!important;max-height:152px!important;flex-basis:152px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3{font-size:18px!important;-webkit-line-clamp:3!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured{max-height:58px!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n+2){display:none!important}
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span b{font-size:17px!important;-webkit-line-clamp:4!important}
}
\n\n/* MEDIPHARM Spotlines mobile issue-card correction — article list is primary content. */\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{position:relative!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card.med-v15-topic-card{height:500px!important;min-height:500px!important;max-height:500px!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;text-decoration:none!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span{display:flex!important;flex-direction:column!important;padding:10px 2px 0!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span b{display:-webkit-box!important;overflow:hidden!important;margin:6px 0!important;font-size:18px!important;line-height:1.32!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured{display:block!important;overflow:hidden!important;max-height:none!important;margin:9px 2px 0!important;padding-top:9px!important;border-top:1px solid rgba(18,59,95,.12)!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured>strong{display:block!important;margin-bottom:2px!important;font-size:14px!important;letter-spacing:.08em!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list{margin:0!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li{display:block!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;padding:5px 0!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a span{display:grid!important;width:22px!important;height:22px!important;font-size:14px!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a b{display:-webkit-box!important;overflow:hidden!important;font-size:14px!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}\n.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open{display:inline-flex!important;margin-top:auto!important;align-self:stretch!important;justify-content:center!important;padding:10px 12px!important}\n@media(max-width:767px){\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"]{padding:14px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-bottom:12px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>div{display:block!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{position:static!important;inset:auto!important;justify-self:start!important;width:auto!important;max-width:none!important;margin:0!important;padding:7px 10px!important;border-radius:10px!important;font-size:14px!important;line-height:1.25!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel{gap:12px!important;padding:0 1px 6px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{flex:0 0 min(88vw,360px)!important;width:min(88vw,360px)!important;min-width:min(88vw,360px)!important;height:520px!important;min-height:520px!important;max-height:520px!important;padding:12px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{height:138px!important;min-height:138px!important;max-height:138px!important;flex-basis:138px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy{padding-top:9px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3{font-size:18px!important;-webkit-line-clamp:2!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured{display:block!important;max-height:none!important;margin-top:7px!important;padding-top:7px!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong{display:block!important;font-size:14px!important;letter-spacing:.08em!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li:nth-child(n+4){display:none!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li:nth-child(-n+3){display:list-item!important}\n .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary{align-self:stretch!important;justify-content:center!important;margin-top:auto!important}\n}\n
/* v1.09.39 — Spotlines homepage cards show full topic titles and 5 highlights. */
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px 14px!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{
  position:static!important;
  inset:auto!important;
  justify-self:end!important;
  align-self:start!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
  height:660px!important;
  min-height:660px!important;
  max-height:660px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{
  flex:0 0 148px!important;
  height:148px!important;
  min-height:148px!important;
  max-height:148px!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:10px 2px 0!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span b{
  display:block!important;
  overflow:visible!important;
  margin:6px 0!important;
  font-size:20px!important;
  line-height:1.28!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured{
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  margin-top:8px!important;
  padding-top:8px!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured>strong{display:block!important;font-size:14px!important;letter-spacing:.08em!important}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li{display:list-item!important}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n),
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a:nth-child(n){display:grid!important}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a b,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a b{
  display:-webkit-box!important;
  overflow:hidden!important;
  font-size:14px!important;
  line-height:1.34!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary,
#syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open{
  margin-top:auto!important;
  align-self:stretch!important;
  justify-content:center!important;
}
@media(max-width:1024px){
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{height:640px!important;min-height:640px!important;max-height:640px!important}
}
@media(max-width:640px){
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{grid-template-columns:1fr!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a{justify-self:start!important;width:auto!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
    flex:0 0 min(88vw,360px)!important;
    width:min(88vw,360px)!important;
    min-width:min(88vw,360px)!important;
    height:678px!important;min-height:678px!important;max-height:678px!important;
    padding:12px!important;
  }
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover,
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large{height:136px!important;min-height:136px!important;max-height:136px!important;flex-basis:136px!important}
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3,
  #syh-app.yhls-app .yhls-spotlines-integration .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span b{font-size:18px!important;line-height:1.3!important}
}
/* safety overrides: never hide 4th/5th highlight rows inside Spotlines carousel cards */
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li:nth-child(n),
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li:nth-child(n),
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li:nth-child(n+4),
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li:nth-child(n+4){display:list-item!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n+3),
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a:nth-child(n+3){display:grid!important}

/* Compact spacing hotfix — reduce blank space above "Xem số này" in Spotlines cards. */
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
  height:590px!important;
  min-height:590px!important;
  max-height:590px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured,
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured{
  margin-top:6px!important;
  padding-top:6px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list,
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list{
  margin:6px 0 8px!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a,
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a{
  padding:4px 0!important;
}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary,
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open{
  margin-top:12px!important;
}
@media(max-width:1024px){
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }
}
@media(max-width:640px){
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary,
  .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open{
    margin-top:10px!important;
  }
}

/* v1.09.41 public editorial cleanup: hide internal Spotlines discovery metadata. */
.mmspot-home-module.mmspot-v15-home .mmspot-v15-home-meta{display:none!important}


/* 1.09.42 — Spotlines homepage card density sync: show 8 highlighted articles, remove internal meta counts, and eliminate spacer gaps above CTA. */
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel{align-items:stretch!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card.med-v15-topic-card{height:auto!important;min-height:0!important;max-height:none!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-meta,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span em,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-card>span em{display:none!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured{overflow:visible!important;max-height:none!important;margin-top:10px!important;padding-top:10px!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured>strong{display:block!important;font-size:14px!important;letter-spacing:.08em!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li{display:list-item!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;padding:5px 0!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n),.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a:nth-child(n){display:grid!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a span,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a span{width:22px!important;height:22px!important;font-size:14px!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a b,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a b{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open{margin-top:12px!important;align-self:stretch!important;justify-content:center!important}
@media(max-width:767px){
 .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card{width:min(88vw,380px)!important;min-width:min(88vw,380px)!important;flex:0 0 min(88vw,380px)!important;height:auto!important;min-height:0!important;max-height:none!important}
 .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li,.mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li{display:list-item!important}
}


/* ======================================================================
 * v1.09.44 — Homepage Promo Dark Mode Surface Hotfix.
 * Restores dark-native surfaces for Clinical Suite + Clinical Q&A promos
 * after the v1.09.23 authoritative light-surface rules.
 * ====================================================================== */
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo{
  border-color:#29445d!important;
  background:linear-gradient(135deg,#14263a 0%,#101d2d 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo-kicker{color:#75c9f3!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo h3{color:#edf5fb!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo p{color:#a9bac9!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo-chips span{
  border:1px solid rgba(125,211,252,.12)!important;
  background:#182b41!important;
  color:#c9d9e7!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .syh-suite-promo-actions a{
  background:linear-gradient(135deg,#147fa7,#166cb9)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,0,0,.20)!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-promo{
  border-color:#28505d!important;
  background:linear-gradient(135deg,#112a35 0%,#101f2d 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-kicker{color:#64d4df!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-promo h2{color:#eef7fa!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-promo p{color:#a8bec7!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-highlights span{
  border:1px solid rgba(94,234,212,.12)!important;
  background:#15343b!important;
  color:#c5e2e5!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-clinical-qa-link{
  background:linear-gradient(135deg,#137f92,#168b96)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,0,0,.20)!important;
}

/* ======================================================================
 * v1.09.47 — Most Viewed Articles Dynamic Homepage Module
 * Replaces the legacy personalized "Gợi ý đọc tiếp" homepage block.
 * Article-only, view-ranked source pool, client-side rotation, responsive
 * editorial mosaic and full dark-mode parity.
 * ====================================================================== */
#syh-app.yhls-app .yhls-most-viewed{
  position:relative;
  overflow:hidden;
  margin:28px 0 34px;
  padding:24px;
  border:1px solid rgba(40,101,151,.13);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 0%,rgba(67,149,211,.11),transparent 34%),
    linear-gradient(145deg,#fbfdff 0%,#f3f8fc 100%);
  box-shadow:0 14px 36px rgba(28,70,108,.07);
}
#syh-app.yhls-app .yhls-most-viewed:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#1d7bb5 0%,#2e9b9c 52%,#6a78d6 100%);
  opacity:.9;
}
#syh-app.yhls-app .yhls-most-viewed-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
#syh-app.yhls-app .yhls-most-viewed-head>div{min-width:0;max-width:760px}
#syh-app.yhls-app .yhls-most-viewed-kicker{
  display:block;
  margin-bottom:6px;
  color:#2778a8;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#syh-app.yhls-app .yhls-most-viewed-head h3{
  margin:0;
  color:#18324a;
  font-size:clamp(24px,2.2vw,32px);
  line-height:1.08;
  letter-spacing:-.025em;
}
#syh-app.yhls-app .yhls-most-viewed-head p{
  margin:8px 0 0;
  max-width:70ch;
  color:#60788e;
  font-size:14px;
  line-height:1.55;
}
#syh-app.yhls-app .yhls-most-viewed-refresh{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(33,111,164,.17);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#246f9d;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(33,83,125,.06);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#syh-app.yhls-app .yhls-most-viewed-refresh:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:rgba(33,111,164,.28);
  box-shadow:0 8px 18px rgba(33,83,125,.1);
}
#syh-app.yhls-app .yhls-most-viewed-refresh span{
  display:inline-block;
  font-size:19px;
  line-height:1;
  transform-origin:center;
}
#syh-app.yhls-app .yhls-most-viewed-refresh.is-rotating span{animation:yhls-most-viewed-spin .48s ease}
@keyframes yhls-most-viewed-spin{to{transform:rotate(360deg)}}

#syh-app.yhls-app .yhls-most-viewed-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:154px;
  gap:14px;
  align-items:stretch;
}
#syh-app.yhls-app .yhls-most-viewed-card{
  position:relative;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(30,89,137,.11);
  border-radius:18px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(25,70,110,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#syh-app.yhls-app .yhls-most-viewed-card[hidden]{display:none!important}
#syh-app.yhls-app .yhls-most-viewed-card:hover{
  transform:translateY(-2px);
  border-color:rgba(35,118,170,.22);
  box-shadow:0 14px 28px rgba(25,70,110,.105);
}
#syh-app.yhls-app .yhls-most-viewed-media{
  position:relative;
  display:block;
  width:112px;
  min-width:112px;
  height:100%;
  min-height:0;
  overflow:hidden;
  background:#eaf2f8;
}
#syh-app.yhls-app .yhls-most-viewed-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
#syh-app.yhls-app .yhls-most-viewed-card:hover .yhls-most-viewed-media img{transform:scale(1.035)}
#syh-app.yhls-app .yhls-most-viewed-views{
  position:absolute;
  left:8px;
  bottom:8px;
  max-width:calc(100% - 16px);
  padding:4px 7px;
  border-radius:999px;
  background:rgba(8,31,49,.78);
  color:#fff;
  font-size:14px;
  line-height:1.15;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
#syh-app.yhls-app .yhls-most-viewed-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:flex-start;
  padding:13px 14px 12px;
}
#syh-app.yhls-app .yhls-most-viewed-copy small{
  display:block;
  color:#247aa8;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#syh-app.yhls-app .yhls-most-viewed-copy strong{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:#19344c;
  font-size:14px;
  line-height:1.36;
  font-weight:800;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
}
#syh-app.yhls-app .yhls-most-viewed-copy>span{
  display:block;
  margin-top:auto;
  padding-top:7px;
  color:#6b8194;
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* The first visible randomized card becomes the editorial lead. */
@media (min-width:1181px){
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured{
    grid-column:span 2;
    grid-row:span 2;
    display:block;
    min-height:322px;
    border-color:rgba(19,91,139,.16);
    background:#153552;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,24,39,.04) 18%,rgba(7,25,41,.84) 100%);
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-views{
    top:14px;
    right:14px;
    bottom:auto;
    left:auto;
    z-index:2;
    max-width:70%;
    background:rgba(9,36,56,.72);
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy{
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    left:0;
    padding:25px 25px 23px;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy small{color:#9edcf1}
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy strong{
    margin-top:7px;
    max-width:28ch;
    color:#fff;
    font-size:24px;
    line-height:1.18;
    -webkit-line-clamp:3;
    line-clamp:3;
    text-shadow:0 2px 12px rgba(0,0,0,.2);
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy>span{
    margin-top:9px;
    padding-top:0;
    color:#d1e2ec;
  }
}

@media (max-width:1180px){
  #syh-app.yhls-app .yhls-most-viewed-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:158px}
  #syh-app.yhls-app .yhls-most-viewed-card{grid-template-columns:108px minmax(0,1fr)}
  #syh-app.yhls-app .yhls-most-viewed-media{width:108px;min-width:108px}
}
@media (max-width:900px){
  #syh-app.yhls-app .yhls-most-viewed{padding:20px}
  #syh-app.yhls-app .yhls-most-viewed-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}
  #syh-app.yhls-app .yhls-most-viewed-card{grid-template-columns:104px minmax(0,1fr)}
  #syh-app.yhls-app .yhls-most-viewed-media{width:104px;min-width:104px}
  #syh-app.yhls-app .yhls-most-viewed-head{align-items:center}
}
@media (max-width:620px){
  #syh-app.yhls-app .yhls-most-viewed-section>.syh-shell{padding-left:0!important;padding-right:0!important;max-width:none!important}
  #syh-app.yhls-app .yhls-most-viewed{
    margin:22px 0 28px;
    padding:18px 16px 17px;
    border-right:0;
    border-left:0;
    border-radius:0;
  }
  #syh-app.yhls-app .yhls-most-viewed-head{
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
    margin-bottom:15px;
  }
  #syh-app.yhls-app .yhls-most-viewed-head h3{font-size:23px;line-height:1.12}
  #syh-app.yhls-app .yhls-most-viewed-head p{font-size:14px;line-height:1.5}
  #syh-app.yhls-app .yhls-most-viewed-refresh{min-height:40px;padding:8px 13px}
  #syh-app.yhls-app .yhls-most-viewed-grid{
    display:flex;
    gap:12px;
    margin-right:-16px;
    padding:1px 16px 7px 0;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #syh-app.yhls-app .yhls-most-viewed-grid::-webkit-scrollbar{display:none}
  #syh-app.yhls-app .yhls-most-viewed-card,
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured{
    flex:0 0 min(86vw,350px);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:148px minmax(118px,auto);
    min-height:274px;
    max-height:none;
    scroll-snap-align:start;
    border-radius:18px;
    background:#fff;
  }
  #syh-app.yhls-app .yhls-most-viewed-card .yhls-most-viewed-media,
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-media{
    position:relative;
    inset:auto;
    width:100%;
    min-width:0;
    height:148px;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-media:after{display:none}
  #syh-app.yhls-app .yhls-most-viewed-card .yhls-most-viewed-views,
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-views{
    top:auto;
    right:auto;
    bottom:9px;
    left:9px;
    z-index:2;
    max-width:calc(100% - 18px);
  }
  #syh-app.yhls-app .yhls-most-viewed-card .yhls-most-viewed-copy,
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy{
    position:relative;
    inset:auto;
    padding:14px 15px 13px;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy small{color:#247aa8}
  #syh-app.yhls-app .yhls-most-viewed-card .yhls-most-viewed-copy strong,
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy strong{
    margin-top:6px;
    color:#19344c;
    font-size:15px;
    line-height:1.35;
    -webkit-line-clamp:3;
    line-clamp:3;
    text-shadow:none;
  }
  #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy>span{color:#6b8194}
}

/* Dark-mode coverage follows every shell/theme state supported by the current baseline. */
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed{
  border-color:#263d52!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(58,133,184,.13),transparent 34%),
    linear-gradient(145deg,#0d1926 0%,#101f2e 100%)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.2)!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-kicker{color:#73c7ed!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-head h3{color:#eef6fb!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-head p{color:#9fb4c5!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-refresh{
  border-color:#2b4c65!important;
  background:#14283a!important;
  color:#91d4ef!important;
  box-shadow:none!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-refresh:hover{background:#193047!important;border-color:#37637f!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card{
  border-color:#203b52!important;
  background:#112236!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card:hover{border-color:#315d7a!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-media{background:#162a3d!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-copy small{color:#79c6e9!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-copy strong{color:#eef5fb!important}
:is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-copy>span{color:#9bb0c1!important}
@media (max-width:620px){
  :is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card.is-featured{background:#112236!important}
  :is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy small{color:#79c6e9!important}
  :is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy strong{color:#eef5fb!important}
  :is(html.yhlsm-dark,html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.yhls-app .yhls-most-viewed-card.is-featured .yhls-most-viewed-copy>span{color:#9bb0c1!important}
}


/* ======================================================================
 * v1.09.48 — Homepage Recommendation Copy & Metadata Simplification
 * Single editorial heading, concise refresh action, no public view counts.
 * Keeps v1.09.47 article-only rotation, responsive geometry and dark mode.
 * ====================================================================== */
#syh-app.yhls-app .yhls-most-viewed-head{
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
#syh-app.yhls-app .yhls-most-viewed-head>h3{
  min-width:0;
  margin:0;
}
#syh-app.yhls-app .yhls-most-viewed-kicker,
#syh-app.yhls-app .yhls-most-viewed-head p,
#syh-app.yhls-app .yhls-most-viewed-views{display:none!important}
@media (max-width:620px){
  #syh-app.yhls-app .yhls-most-viewed-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    margin-bottom:14px;
  }
  #syh-app.yhls-app .yhls-most-viewed-head h3{
    font-size:clamp(20px,6.1vw,23px);
    line-height:1.12;
    white-space:nowrap;
  }
  #syh-app.yhls-app .yhls-most-viewed-refresh{
    justify-self:start;
  }
}

/* ======================================================================
 * v1.09.49 — Homepage Library Positioning & Recommendation Order
 * Titleless library masthead, broader ecosystem statistics, full article
 * library CTA, and recommendation module directly below the book catalog.
 * ====================================================================== */
#syh-app.yhls-app .yhls-books-heading p{
  max-width:900px;
  margin:0!important;
  font-size:15px;
  line-height:1.62;
}
#syh-app.yhls-app .yhls-books-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,470px);
  min-width:390px;
  gap:8px;
}
#syh-app.yhls-app .yhls-books-summary>span{
  display:flex;
  min-width:0!important;
  min-height:82px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:11px 10px;
}
#syh-app.yhls-app .yhls-books-summary strong{
  font-size:22px;
  line-height:1.05;
  white-space:nowrap;
}
#syh-app.yhls-app .yhls-books-summary small{
  margin-top:6px;
  color:#d1e9ef;
  font-size:14px!important;
  line-height:1.3;
  font-weight:720;
  text-transform:none!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
@media (min-width:1081px){
  #syh-app.yhls-app .yhls-books-masthead{
    grid-template-columns:minmax(0,1.35fr) minmax(390px,.95fr) auto;
    gap:18px;
  }
}
@media (max-width:1080px){
  #syh-app.yhls-app .yhls-books-masthead{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  #syh-app.yhls-app .yhls-books-summary{
    width:100%;
    max-width:620px;
    min-width:0;
  }
  #syh-app.yhls-app .yhls-books-all{
    grid-column:auto!important;
    justify-self:start;
  }
}
@media (max-width:760px){
  #syh-app.yhls-app .yhls-books-heading p{
    font-size:14px;
    line-height:1.58;
  }
  #syh-app.yhls-app .yhls-books-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:none;
  }
  #syh-app.yhls-app .yhls-books-summary>span{
    min-height:88px;
    padding:10px 8px;
  }
  #syh-app.yhls-app .yhls-books-summary strong{font-size:20px}
  #syh-app.yhls-app .yhls-books-summary small{font-size:14px!important;line-height:1.25}
  #syh-app.yhls-app .yhls-books-all{justify-self:stretch}
}
@media (max-width:430px){
  #syh-app.yhls-app .yhls-books-summary{
    grid-template-columns:1fr;
  }
  #syh-app.yhls-app .yhls-books-summary>span{
    min-height:0;
    flex-direction:row;
    justify-content:flex-start;
    gap:10px;
    text-align:left;
  }
  #syh-app.yhls-app .yhls-books-summary small{margin-top:0;text-align:left}
}