/* 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-hero-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:min(100%,620px);padding:6px;border:1px solid #dbe6f0;border-radius:17px;background:#fff;box-shadow:0 15px 40px rgba(47,86,127,.12)}.syh-hero-search>span{padding-left:16px;color:#72829a;font-size:27px}.syh-hero-search input{min-width:0;height:48px;border:0;outline:0;padding:0 13px;color:#26374e;background:transparent;font-size:14px}.syh-hero-search button{height:46px;border:0;border-radius:12px;padding:0 20px;background:var(--syh-blue);color:#fff;font-size:14px;font-weight:760;box-shadow:0 8px 18px rgba(37,99,235,.22)}.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-app-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-app-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-app-modal h2{margin:9px 0 11px;color:#1d3049;font-size:27px;line-height:1.2}.syh-app-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-search{grid-template-columns:auto 1fr}.syh-hero-search button{grid-column:1/-1;width:100%;margin-top:4px}.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-app-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-search-coverage{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0 4px} .syh-search-coverage span{padding:5px 8px;border:1px solid rgba(75,111,151,.13);border-radius:999px;background:rgba(255,255,255,.58);color:#60738d;font-size:14px;font-weight:720} .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-search-coverage{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.syh-search-coverage span{flex:0 0 auto}.syh-tool-grid{display:flex}.syh-tool-card,.syh-tool-card:first-child{flex:0 0 83%;grid-column:auto}} /* v0.4.0 — 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. */ .syh-hero-search{ grid-template-columns:42px minmax(0,1fr) auto; gap:0; min-height:60px; padding:6px; border-color:var(--syh-line); border-radius:19px; background:var(--syh-surface); box-shadow:var(--syh-elevated); } .syh-search-field-icon{display:grid;place-items:center!important;padding:0!important;color:var(--syh-muted)!important} .syh-search-field-icon svg,.syh-hero-search button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .syh-hero-search input[type=search]{ width:100%!important; min-width:0!important; height:48px!important; margin:0!important; border:0!important; border-radius:0!important; outline:0!important; padding:0 12px 0 4px!important; background:transparent!important; color:var(--syh-ink)!important; box-shadow:none!important; -webkit-appearance:none; } .syh-hero-search input[type=search]::placeholder{color:var(--syh-muted)!important;opacity:.82} .syh-hero-search button{ display:inline-flex; align-items:center; justify-content:center; gap:9px; width:auto; height:48px; margin:0; border-radius:14px; padding:0 18px; background:#2563eb; color:#fff; } .syh-hero-search button svg{display:none} .syh-search-coverage span{border-color:var(--syh-line);background:var(--syh-surface);color:var(--syh-muted)} /* 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-app-modal{background:var(--syh-surface);color:var(--syh-ink)} .syh-app-modal h2,.syh-status-card strong,.syh-sepay-note strong,.syh-login-modal label{color:var(--syh-ink)} .syh-app-modal>p:not(.syh-eyebrow):not(.syh-register-prompt),.syh-register-prompt{color:var(--syh-muted)} .syh-app-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-hero-search{grid-template-columns:38px minmax(0,1fr) 46px;min-height:56px;padding:5px;border-radius:17px}.syh-hero-search input[type=search]{height:46px!important;padding-right:7px!important;font-size:14px!important}.syh-hero-search button{grid-column:auto;width:46px;height:46px;margin:0;padding:0;border-radius:13px}.syh-hero-search button span{display:none}.syh-hero-search button svg{display:block}.syh-search-coverage{margin-top:8px;padding-inline:0}.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-hero-search{grid-template-columns:34px minmax(0,1fr) 44px}.syh-hero-search input[type=search]{font-size:14px!important}.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-app-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-app-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-shell{width:min(1380px,calc(100% - 56px))}.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-tools-section .syh-shell{width:min(var(--syh-shell-max),calc(100% - var(--syh-shell-gutter) - var(--syh-shell-gutter)))}.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-search{width:min(100%,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}} /* v0.10.7 — personalized editorial recommendations in the homepage hero */ .syh-hero-visual{min-width:0} .syh-reco-frame{position:relative;width:min(100%,540px);margin-inline:auto;padding:18px;border:1px solid rgba(190,212,229,.86);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 30px 72px rgba(27,76,112,.16);backdrop-filter:blur(18px)} .syh-reco-frame:before{content:"";position:absolute;z-index:-1;inset:12% -8% -10% 12%;border-radius:45%;background:radial-gradient(circle,rgba(11,158,173,.2),rgba(8,127,194,.08) 45%,transparent 72%);filter:blur(18px)} .syh-reco-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 16px} .syh-reco-head>div{display:flex;align-items:center;gap:11px;min-width:0} .syh-reco-spark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:linear-gradient(145deg,#087fc2,#0b9ead);color:#fff;font-size:17px;box-shadow:0 8px 20px rgba(8,127,194,.22)} .syh-reco-head p{display:flex;min-width:0;flex-direction:column;gap:2px;margin:0} .syh-reco-head small{color:#65809a;font-size:14px;font-weight:820;letter-spacing:.11em} .syh-reco-head strong{color:#16324d;font-size:18px;line-height:1.2} .syh-reco-head>button{display:flex;align-items:center;gap:7px;min-height:38px;flex:0 0 auto;border:1px solid #dce8f1;border-radius:11px;padding:0 12px;background:#f8fbfd;color:#357096;font-size:14px;font-weight:760;cursor:pointer} .syh-reco-head>button:hover{border-color:#bfd9e8;background:#f1f9fc} .syh-reco-head>button span{font-size:16px} .syh-reco-stage{position:relative} .syh-reco-card{--reco:#087fc2;position:relative;display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;min-height:276px;padding:18px;border:1px solid #e2edf4;border-radius:21px;background:linear-gradient(140deg,#fbfdff,#f2f8fc);color:#16324d!important;text-decoration:none!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .syh-reco-card[hidden]{display:none!important} .syh-reco-card:after{content:"";position:absolute;width:180px;height:180px;right:-92px;top:-94px;border-radius:50%;background:color-mix(in srgb,var(--reco) 12%,transparent)} .syh-reco-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--reco) 30%,#dce8f1);box-shadow:0 16px 34px rgba(26,70,103,.09)} .syh-reco-score{--reco:#2563eb}.syh-reco-algorithm{--reco:#0b9ead}.syh-reco-calculator{--reco:#078f83}.syh-reco-dictionary{--reco:#b87311}.syh-reco-book{--reco:#087fc2} .syh-reco-visual-card{position:relative;display:grid;place-items:center;width:145px;height:196px;align-self:center;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--reco) 14%,#fff),color-mix(in srgb,var(--reco) 7%,#eef7fb));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--reco) 10%,#dce9f1)} .syh-reco-book .syh-reco-visual-card{background:#e8eff5;box-shadow:0 11px 26px rgba(25,59,88,.16)} .syh-reco-visual-card img{width:100%;height:100%;object-fit:cover;display:block} .syh-reco-glyph{position:relative;z-index:2;display:grid;place-items:center;width:74px;height:74px;border-radius:23px;background:var(--reco);color:#fff;font-size:23px;font-weight:860;letter-spacing:-.03em;box-shadow:0 15px 28px color-mix(in srgb,var(--reco) 26%,transparent)} .syh-reco-orbit{position:absolute;inset:0;opacity:.65} .syh-reco-orbit i{position:absolute;border:1px solid color-mix(in srgb,var(--reco) 24%,transparent);border-radius:50%} .syh-reco-orbit i:nth-child(1){width:118px;height:118px;left:13px;top:38px}.syh-reco-orbit i:nth-child(2){width:86px;height:86px;left:29px;top:54px}.syh-reco-orbit i:nth-child(3){width:10px;height:10px;right:26px;top:37px;background:color-mix(in srgb,var(--reco) 35%,#fff)} .syh-reco-copy{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center} .syh-reco-label{margin-bottom:8px;color:var(--reco);font-size:14px;font-weight:850;letter-spacing:.105em} .syh-reco-title{display:-webkit-box;overflow:hidden;color:#132d48;font-size:24px;line-height:1.16;letter-spacing:-.025em;-webkit-line-clamp:3;-webkit-box-orient:vertical} .syh-reco-description{display:-webkit-box;overflow:hidden;margin-top:10px;color:#5d7187;font-size:14px;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical} .syh-reco-meta{display:block;max-width:100%;overflow:hidden;margin-top:10px;color:#7c8c9d;font-size:14px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap} .syh-reco-cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:13px;color:var(--reco);font-size:14px;font-weight:820} .syh-reco-cta b{font-size:16px;transition:transform .2s ease}.syh-reco-card:hover .syh-reco-cta b{transform:translateX(3px)} .syh-reco-tabs{display:flex;gap:6px;margin-top:12px;padding:5px;border-radius:14px;background:#f1f6f9;overflow-x:auto;scrollbar-width:none} .syh-reco-tabs::-webkit-scrollbar{display:none} .syh-reco-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;flex:1 0 auto;border:0;border-radius:10px;padding:0 9px;background:transparent;color:#687c90;font-size:14px;font-weight:720;white-space:nowrap;cursor:pointer} .syh-reco-tabs button>span{width:6px;height:6px;border-radius:50%;background:#b9c8d4} .syh-reco-tabs button.is-active{background:#fff;color:#135c8d;box-shadow:0 4px 13px rgba(35,77,108,.09)} .syh-reco-tabs button.is-active>span{background:#0b9ead;box-shadow:0 0 0 4px rgba(11,158,173,.1)} .syh-reco-note{margin:10px 4px 1px;color:#8997a5;font-size:14px;line-height:1.45;text-align:center} html.nah-sdp-night-active .syh-reco-frame,html.nah-sdp-dark-mode .syh-reco-frame{border-color:var(--syh-line);background:rgba(15,29,45,.94);box-shadow:0 30px 72px rgba(0,0,0,.3)} html.nah-sdp-night-active .syh-reco-head strong,html.nah-sdp-dark-mode .syh-reco-head strong,html.nah-sdp-night-active .syh-reco-title,html.nah-sdp-dark-mode .syh-reco-title{color:var(--syh-ink)} html.nah-sdp-night-active .syh-reco-head small,html.nah-sdp-dark-mode .syh-reco-head small,html.nah-sdp-night-active .syh-reco-description,html.nah-sdp-dark-mode .syh-reco-description,html.nah-sdp-night-active .syh-reco-meta,html.nah-sdp-dark-mode .syh-reco-meta,html.nah-sdp-night-active .syh-reco-note,html.nah-sdp-dark-mode .syh-reco-note{color:var(--syh-muted)} html.nah-sdp-night-active .syh-reco-card,html.nah-sdp-dark-mode .syh-reco-card{border-color:var(--syh-line);background:var(--syh-surface-soft)} html.nah-sdp-night-active .syh-reco-tabs,html.nah-sdp-dark-mode .syh-reco-tabs{background:rgba(255,255,255,.045)} html.nah-sdp-night-active .syh-reco-tabs button.is-active,html.nah-sdp-dark-mode .syh-reco-tabs button.is-active{background:var(--syh-surface);color:#7dd3fc} html.nah-sdp-night-active .syh-reco-head>button,html.nah-sdp-dark-mode .syh-reco-head>button{border-color:var(--syh-line);background:var(--syh-surface-soft);color:#7dd3fc} @media (min-width:721px) and (max-width:1080px){.syh-hero-visual{min-height:0}.syh-reco-frame{width:min(100%,760px);margin-left:0}.syh-reco-card{grid-template-columns:150px minmax(0,1fr);min-height:250px}.syh-reco-visual-card{width:150px;height:190px}} @media (min-width:1100px){.syh-reco-frame{width:min(100%,545px)}} @media (min-width:1680px){.syh-reco-frame{width:min(100%,570px)}.syh-reco-card{grid-template-columns:154px minmax(0,1fr);min-height:292px}.syh-reco-visual-card{width:154px;height:208px}.syh-reco-title{font-size:26px}} @media (max-width:720px){.syh-hero-grid{gap:24px}.syh-hero-visual{display:block;width:100%;min-height:0;margin-top:4px}.syh-reco-frame{width:100%;padding:13px;border-radius:22px;box-shadow:0 18px 44px rgba(27,76,112,.13)}.syh-reco-head{padding:1px 1px 12px}.syh-reco-spark{width:33px;height:33px;flex-basis:33px;border-radius:10px;font-size:15px}.syh-reco-head strong{font-size:16px}.syh-reco-head small{font-size:14px}.syh-reco-head>button{min-height:34px;padding:0 10px;font-size:14px}.syh-reco-card{grid-template-columns:92px minmax(0,1fr);gap:14px;min-height:210px;padding:14px;border-radius:17px}.syh-reco-visual-card{width:92px;height:128px;border-radius:14px}.syh-reco-glyph{width:56px;height:56px;border-radius:18px;font-size:18px}.syh-reco-orbit i:nth-child(1){width:76px;height:76px;left:8px;top:25px}.syh-reco-orbit i:nth-child(2){width:54px;height:54px;left:19px;top:36px}.syh-reco-orbit i:nth-child(3){right:14px;top:22px}.syh-reco-label{margin-bottom:5px;font-size:14px}.syh-reco-title{font-size:19px;-webkit-line-clamp:3}.syh-reco-description{margin-top:7px;font-size:14px;line-height:1.5;-webkit-line-clamp:3}.syh-reco-meta{margin-top:7px;font-size:14px}.syh-reco-cta{padding-top:9px;font-size:14px}.syh-reco-tabs{margin-top:9px;padding:4px}.syh-reco-tabs button{min-height:36px;padding:0 9px;font-size:14px}.syh-reco-note{font-size:14px}} @media (max-width:420px){.syh-reco-head>button{width:36px;padding:0;font-size:0}.syh-reco-head>button span{font-size:17px}.syh-reco-card{grid-template-columns:80px minmax(0,1fr);gap:12px;min-height:202px;padding:12px}.syh-reco-visual-card{width:80px;height:112px}.syh-reco-title{font-size:18px}.syh-reco-description{-webkit-line-clamp:3}} /* v0.11.0 — install CTA */ .syh-button-soft{background:linear-gradient(135deg,#fff,#f4f8ff);color:#1f4f9a!important;box-shadow:0 10px 24px rgba(31,79,154,.08)} .syh-install-row{display:flex;align-items:center;gap:12px;margin-top:18px}.syh-install-hero{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:14px 16px;border:1px solid #d9e6f2;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 16px 36px rgba(35,78,122,.1);text-align:left}.syh-install-hero span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0f5bd8,#1491b2);color:#fff;font-size:18px;font-weight:800}.syh-install-hero b{color:#18304a;font-size:15px}.syh-install-hero small{color:#667991;font-size:14px;line-height:1.5}@media (max-width:900px){.syh-install-row{margin-top:16px}}@media (max-width:720px){.syh-install-hero{width:100%}.syh-install-row{display:block}} /* v0.14 — editorial book recommendations: complete intro sentences + reading maxim */ .syh-reco-book .syh-reco-description{ display:block; overflow:visible; -webkit-line-clamp:unset; -webkit-box-orient:initial; text-wrap:pretty; } .syh-reco-book .syh-reco-quote{ display:block; max-width:100%; overflow:visible; margin-top:12px; color:#61758a; font-style:italic; font-weight:560; line-height:1.55; text-overflow:clip; white-space:normal; text-wrap:pretty; } @media (max-width:720px){.syh-reco-book .syh-reco-description{line-height:1.55}.syh-reco-book .syh-reco-quote{margin-top:10px;line-height:1.5}} /* MEDIPHARM Medical Spotlines integration v0.15 */ .syh-spotlines-section{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(24px,4vw,48px);background:color-mix(in srgb,var(--syh-bg,#f4f8fb) 96%,transparent)} @media (max-width:640px){.syh-spotlines-section{padding-top:18px;padding-bottom:18px}} /* v0.17 — 30-item “Hôm nay Xem gì” pools, illustrated tools, IPA vocabulary. */ .syh-reco-article{--reco:#087fc2}.syh-reco-icd{--reco:#7c3aed} .syh-reco-visual-card.is-illustrated{background:linear-gradient(145deg,color-mix(in srgb,var(--reco) 9%,#fff),color-mix(in srgb,var(--reco) 4%,#f5f9fc))} .syh-reco-visual-card.is-illustrated img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transform:none!important;filter:none!important} .syh-reco-artwork-mark{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;min-width:58px;max-width:82%;height:58px;padding:0 13px;border-radius:18px;background:var(--reco);color:#fff;font-size:16px;font-weight:880;letter-spacing:-.02em;line-height:1;white-space:nowrap;box-shadow:0 12px 28px color-mix(in srgb,var(--reco) 25%,transparent);transform:translate(-50%,-50%)} .syh-reco-icd .syh-reco-artwork-mark{font-size:14px} .syh-reco-ipa{display:block;margin-top:9px;color:#546b82;font-size:14px;font-weight:760;letter-spacing:.015em} .syh-reco-meaning{display:block;margin-top:7px;color:#354c63;font-size:14px;line-height:1.58} .syh-reco-meaning strong,.syh-reco-meaning em{font-weight:820;font-style:italic} .syh-reco-dictionary .syh-reco-meta{margin-top:8px;white-space:normal;line-height:1.45} html.nah-sdp-night-active .syh-reco-ipa,html.nah-sdp-dark-mode .syh-reco-ipa{color:#9db2c7} html.nah-sdp-night-active .syh-reco-meaning,html.nah-sdp-dark-mode .syh-reco-meaning{color:#d8e5ef} @media (max-width:760px){.syh-reco-artwork-mark{min-width:48px;height:48px;border-radius:15px;padding:0 9px;font-size:14px}.syh-reco-ipa{margin-top:6px;font-size:14px}.syh-reco-meaning{margin-top:5px;font-size:14px;line-height:1.45}} /* v0.33 — Tạp chí MEDIPHARM: compact editorial homepage module -------------- */ .syh-spotlines-section{ padding-top:clamp(22px,3vw,34px); padding-bottom:clamp(22px,3vw,34px); } .syh-spotlines-section .mmspot-home-module--interactive{ --msh-feature:color-mix(in srgb,var(--msh-brand) 6%,var(--msh-card)); padding:clamp(18px,2.2vw,28px); border:1px solid var(--msh-line); border-radius:24px; background:color-mix(in srgb,var(--msh-card) 94%,var(--msh-bg)); box-shadow:0 16px 42px rgba(19,64,96,.055); } .syh-spotlines-section .mmspot-home-head{ align-items:center; gap:20px; margin-bottom:12px; } .syh-spotlines-section .mmspot-home-branding{gap:12px;max-width:760px} .syh-spotlines-section .mmspot-home-brand-icon{ width:42px;height:42px;flex-basis:42px;border-radius:13px; } .syh-spotlines-section .mmspot-home-brand-icon svg{width:22px;height:22px} .syh-spotlines-section .mmspot-home-module--interactive .mmspot-home-kicker{ margin-bottom:3px;font-size:14px;letter-spacing:.16em; } .syh-spotlines-section .mmspot-home-module--interactive .mmspot-home-head h2{ font-size:clamp(28px,3vw,38px)!important; line-height:1.05!important; letter-spacing:-.035em!important; } .syh-spotlines-section .mmspot-home-module--interactive .mmspot-home-head p{ display:-webkit-box; max-width:690px; overflow:hidden; margin-top:6px!important; font-size:14px!important; line-height:1.55!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .syh-spotlines-section .mmspot-home-open{ min-height:38px; padding:0 13px; border:1px solid color-mix(in srgb,var(--msh-brand) 24%,var(--msh-line)); border-radius:12px; background:color-mix(in srgb,var(--msh-brand) 7%,var(--msh-card)); text-decoration:none!important; } .syh-spotlines-section .mmspot-home-open:hover{ background:color-mix(in srgb,var(--msh-brand) 11%,var(--msh-card)); text-decoration:none!important; } .syh-spotlines-section .mmspot-home-issues-shell{margin:0 0 12px;gap:6px} .syh-spotlines-section .mmspot-home-issues-track{gap:7px;padding:2px 1px 5px} .syh-spotlines-section .mmspot-home-issue-chip{ flex:0 0 clamp(132px,17vw,188px); min-width:132px; max-width:188px; min-height:48px; gap:1px; padding:7px 10px; border-radius:12px; box-shadow:none; } .syh-spotlines-section .mmspot-home-issue-chip:hover{transform:none;box-shadow:none} .syh-spotlines-section .mmspot-home-issue-chip.is-active{ border-color:color-mix(in srgb,var(--msh-brand) 44%,var(--msh-line)); box-shadow:inset 3px 0 0 var(--msh-brand); } .syh-spotlines-section .mmspot-home-issue-chip-label{ -webkit-line-clamp:1; font-size:14px; line-height:1.3; } .syh-spotlines-section .mmspot-home-issue-chip small{font-size:14px} .syh-spotlines-section .mmspot-home-scroll{width:30px;height:30px;font-size:20px;box-shadow:none} /* Active chip already communicates the selected issue; remove the redundant status bar. */ .syh-spotlines-section .mmspot-home-issue-status{display:none!important} /* Editorial hierarchy: one lead story + four compact supporting stories. */ .syh-spotlines-section .mmspot-home-grid{ grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:minmax(128px,auto); gap:10px; } .syh-spotlines-section .mmspot-home-card{ grid-column:span 3; min-height:0; padding:14px; border-radius:15px; box-shadow:none; } .syh-spotlines-section .mmspot-home-card:first-child{ grid-column:span 6; grid-row:span 2; padding:20px; background:linear-gradient(145deg,var(--msh-feature),var(--msh-card)); border-color:color-mix(in srgb,var(--msh-brand) 24%,var(--msh-line)); } .syh-spotlines-section .mmspot-home-meta{margin-bottom:6px;font-size:14px} .syh-spotlines-section .mmspot-home-meta span{padding:2px 6px;font-size:14px} .syh-spotlines-section .mmspot-home-card h3{ margin:0 0 7px!important; font-size:14.5px!important; line-height:1.38!important; } .syh-spotlines-section .mmspot-home-card:first-child h3{ margin-bottom:10px!important; font-size:clamp(19px,1.6vw,23px)!important; line-height:1.3!important; } .syh-spotlines-section .mmspot-home-card p{ display:none; } .syh-spotlines-section .mmspot-home-card:first-child p{ display:-webkit-box; overflow:hidden; margin-bottom:14px!important; font-size:14px!important; line-height:1.6!important; -webkit-line-clamp:4; -webkit-box-orient:vertical; } .syh-spotlines-section .mmspot-home-source{ margin-top:auto; padding-top:8px; font-size:14px; } @media (max-width:1100px){.syh-spotlines-section .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{grid-column:auto;grid-row:auto}.syh-spotlines-section .mmspot-home-card:first-child{grid-column:1/-1;min-height:190px}.syh-spotlines-section .mmspot-home-card:not(:first-child){min-height:128px}} @media (max-width:640px){.syh-spotlines-section{padding-top:16px;padding-bottom:16px}.syh-spotlines-section .mmspot-home-module--interactive{ padding:15px; border-radius:20px; box-shadow:none; }.syh-spotlines-section .mmspot-home-head{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:10px}.syh-spotlines-section .mmspot-home-branding{gap:10px}.syh-spotlines-section .mmspot-home-brand-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}.syh-spotlines-section .mmspot-home-brand-icon svg{width:20px;height:20px}.syh-spotlines-section .mmspot-home-module--interactive .mmspot-home-head h2{font-size:24px!important}.syh-spotlines-section .mmspot-home-module--interactive .mmspot-home-head p{display:none}.syh-spotlines-section .mmspot-home-open{ min-height:34px; margin:0 0 0 auto; padding:0 9px; font-size:0!important; }.syh-spotlines-section .mmspot-home-open::before{content:"Mở Tạp chí";font-size:14px;font-weight:850}.syh-spotlines-section .mmspot-home-open span{display:none}.syh-spotlines-section .mmspot-home-issues-shell{margin-bottom:9px}.syh-spotlines-section .mmspot-home-issues-track{gap:6px;padding-bottom:3px}.syh-spotlines-section .mmspot-home-issue-chip{ flex-basis:126px;min-width:126px;max-width:154px;min-height:42px; padding:6px 9px;border-radius:11px; }.syh-spotlines-section .mmspot-home-issue-chip-label{font-size:14px}.syh-spotlines-section .mmspot-home-issue-chip small{font-size:14px}.syh-spotlines-section .mmspot-home-grid{grid-template-columns:1fr;gap:8px}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{ grid-column:auto;grid-row:auto;min-height:0;padding:12px;border-radius:13px; }.syh-spotlines-section .mmspot-home-card:first-child{padding:15px}.syh-spotlines-section .mmspot-home-card h3{font-size:14px!important;line-height:1.36!important}.syh-spotlines-section .mmspot-home-card:first-child h3{font-size:17px!important}.syh-spotlines-section .mmspot-home-card:first-child p{-webkit-line-clamp:2;font-size:14px!important;line-height:1.5!important}.syh-spotlines-section .mmspot-home-card:nth-child(n/**/+4){display:none}.syh-spotlines-section .mmspot-home-source{padding-top:6px;font-size:14px}} /* v0.34 — Book-first homepage hierarchy & balanced module tones ------------- */ .syh-library-section,.syh-tools-section,.syh-home-inspiration,.syh-spotlines-section{position:relative;isolation:isolate} .syh-library-section{padding-top:clamp(54px,6vw,78px);padding-bottom:clamp(54px,6vw,76px);background:linear-gradient(180deg,#fbfcfd 0%,#f4f8fb 100%);border-top:1px solid #edf2f6;border-bottom:1px solid #e8eef3} .syh-tools-section{padding-top:clamp(58px,6.5vw,82px);padding-bottom:clamp(58px,6.5vw,82px);background:linear-gradient(180deg,#f8fbfe 0%,#f2f7fb 100%);border-bottom:1px solid #e7eef4} .syh-home-inspiration{padding:clamp(54px,6vw,76px) 0;background:linear-gradient(180deg,#fdfcf9 0%,#f7faf9 100%);border-bottom:1px solid #eceee9} .syh-spotlines-section{background:linear-gradient(180deg,#f5fafb 0%,#eff6f8 100%);border-bottom:1px solid #e3edf0} .syh-library-section:before,.syh-tools-section:before,.syh-home-inspiration:before,.syh-spotlines-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:999px;filter:blur(2px);opacity:.52} .syh-library-section:before{width:320px;height:320px;right:4%;top:10%;background:radial-gradient(circle,rgba(47,126,166,.08),transparent 68%)} .syh-tools-section:before{width:300px;height:300px;left:3%;top:8%;background:radial-gradient(circle,rgba(37,99,235,.07),transparent 68%)} .syh-home-inspiration:before{width:320px;height:320px;right:3%;top:7%;background:radial-gradient(circle,rgba(190,143,66,.07),transparent 68%)} .syh-spotlines-section:before{width:280px;height:280px;left:4%;top:10%;background:radial-gradient(circle,rgba(15,126,164,.07),transparent 68%)} .syh-library-heading{align-items:center;margin-bottom:24px} .syh-library-heading .syh-eyebrow,.syh-section-heading .syh-eyebrow,.syh-home-inspiration-heading .syh-eyebrow{margin:0 0 7px;color:#177b91;font-size:14px;letter-spacing:.16em} .syh-library-heading h2{margin:0;color:#16324b;font-size:clamp(30px,3.2vw,42px);letter-spacing:-.035em} .syh-library-heading .syh-library-intro{max-width:620px!important;margin-top:10px!important;color:#65798b!important;font-size:14px!important;line-height:1.65!important} .syh-library-heading-actions{align-items:center} .syh-library-open{min-height:50px;border-radius:14px;background:linear-gradient(135deg,#0f718c,#0e8b91);box-shadow:0 10px 24px rgba(15,113,140,.16)} .syh-library-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .syh-library-card:hover{transform:translateY(-3px);border-color:#cadde7;box-shadow:0 16px 34px rgba(38,76,103,.09)} .syh-tools-section .syh-section-heading{margin-bottom:28px} .syh-tools-section .syh-section-heading h2{margin-top:0;color:#19324f} .syh-tools-section .syh-tool-card{background:rgba(255,255,255,.86);backdrop-filter:blur(4px)} .syh-tools-section .syh-explorer{background:rgba(255,255,255,.92)} .syh-home-inspiration-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:20px} .syh-home-inspiration-heading h2{margin:0;color:#20364a;font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.03em} .syh-home-inspiration-heading>p{max-width:470px;margin:0;color:#6a7a86;font-size:14px;line-height:1.65} .syh-home-inspiration-feed .mpi-section{padding:0!important;background:transparent!important;overflow:visible} .syh-home-inspiration-feed .mpi-section:before{display:none!important} .syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important} .syh-home-inspiration-feed .mpi-daily-quote{margin:0 0 16px!important;padding:15px 30px!important;border:1px solid #e6e5dc;border-radius:17px!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important} .syh-home-inspiration-feed .mpi-daily-quote:before{color:#d7c8a8!important} .syh-home-inspiration-feed .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .syh-home-inspiration-feed .mpi-card{border-color:#e5e7e2!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 9px 24px rgba(61,72,72,.045)!important} .syh-home-inspiration-feed .mpi-card:hover{border-color:#d7ddd7!important;box-shadow:0 13px 28px rgba(61,72,72,.07)!important} .syh-spotlines-section{padding-top:clamp(46px,5vw,62px);padding-bottom:clamp(46px,5vw,62px)} .syh-spotlines-section .mmspot-home-module--interactive{background:rgba(255,255,255,.76);box-shadow:0 12px 32px rgba(25,68,84,.045)} html.nah-sdp-night-active .syh-library-section,html.nah-sdp-dark-mode .syh-library-section{background:linear-gradient(180deg,#0e1823,#101b27);border-color:#20303e} html.nah-sdp-night-active .syh-tools-section,html.nah-sdp-dark-mode .syh-tools-section{background:linear-gradient(180deg,#0c1722,#0e1b28);border-color:#20303e} html.nah-sdp-night-active .syh-home-inspiration,html.nah-sdp-dark-mode .syh-home-inspiration{background:linear-gradient(180deg,#121915,#101a1c);border-color:#26322e} html.nah-sdp-night-active .syh-spotlines-section,html.nah-sdp-dark-mode .syh-spotlines-section{background:linear-gradient(180deg,#0d1922,#0c1720);border-color:#20303e} html.nah-sdp-night-active .syh-library-heading h2,html.nah-sdp-dark-mode .syh-library-heading h2,html.nah-sdp-night-active .syh-home-inspiration-heading h2,html.nah-sdp-dark-mode .syh-home-inspiration-heading h2{color:#e9f3f8} html.nah-sdp-night-active .syh-library-heading .syh-library-intro,html.nah-sdp-dark-mode .syh-library-heading .syh-library-intro,html.nah-sdp-night-active .syh-home-inspiration-heading>p,html.nah-sdp-dark-mode .syh-home-inspiration-heading>p{color:#aebfcb!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-daily-quote,html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-daily-quote{border-color:#293a3d;background:rgba(17,34,39,.8)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-card,html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-card{border-color:#293a3d!important;background:rgba(15,30,35,.9)!important} @media (max-width:900px){.syh-home-inspiration-heading{align-items:flex-start;flex-direction:column;gap:8px}.syh-home-inspiration-heading>p{max-width:680px}.syh-home-inspiration-feed .mpi-grid{grid-template-columns:1fr 1fr!important}} @media (max-width:720px){.syh-library-section,.syh-tools-section,.syh-home-inspiration,.syh-spotlines-section{padding-top:40px;padding-bottom:40px}.syh-library-heading{margin-bottom:16px}.syh-library-heading h2{font-size:27px}.syh-library-heading .syh-library-intro{font-size:14px!important;line-height:1.55!important}.syh-library-heading-actions{margin-top:16px!important}.syh-library-open{min-height:44px}.syh-tools-section .syh-section-heading{margin-bottom:18px}.syh-home-inspiration-heading{margin-bottom:15px}.syh-home-inspiration-heading h2{font-size:26px}.syh-home-inspiration-heading>p{font-size:14px;line-height:1.55}.syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important}.syh-home-inspiration-feed .mpi-daily-quote{margin-bottom:12px!important;padding:14px 22px!important;border-radius:15px!important;text-align:left!important}.syh-home-inspiration-feed .mpi-grid{display:flex!important;gap:10px!important;overflow-x:auto;padding:1px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.syh-home-inspiration-feed .mpi-grid::-webkit-scrollbar{display:none}.syh-home-inspiration-feed .mpi-card{flex:0 0 86%;min-width:0;padding:15px!important;border-radius:16px!important;scroll-snap-align:start}.syh-spotlines-section .mmspot-home-module--interactive{border-radius:18px}} @media (max-width:390px){.syh-library-section,.syh-tools-section,.syh-home-inspiration,.syh-spotlines-section{padding-top:34px;padding-bottom:34px}.syh-home-inspiration-feed .mpi-card{flex-basis:91%}} /* v0.35 — Clean homepage copy & tools-first hierarchy ----------------------- */ .syh-hero-copy h1{max-width:680px} .syh-library-heading,.syh-tools-section .syh-section-heading,.syh-home-inspiration-heading{display:flex;align-items:center;justify-content:space-between;gap:20px} .syh-library-heading h2,.syh-tools-section .syh-section-heading h2,.syh-home-inspiration-heading h2{margin:0;color:#17344d;font-size:clamp(28px,3vw,39px);line-height:1.12;letter-spacing:-.03em} .syh-tools-section .syh-section-heading{margin-bottom:22px} .syh-library-heading{margin-bottom:20px} .syh-home-inspiration-heading{margin-bottom:16px} .syh-trial-banner--compact{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;margin:0 0 16px;border-radius:14px;background:rgba(255,255,255,.74);box-shadow:none} .syh-trial-banner--compact strong{font-size:14px;line-height:1.35;color:#385168} .syh-trial-banner--compact button{min-height:38px;padding:0 14px;white-space:nowrap} .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .syh-explorer-head h3{margin:0} .syh-clinical-preview .syh-preview-topline{justify-content:flex-end} .syh-clinical-preview .syh-preview-actions{margin-top:16px;justify-content:flex-end} .syh-spotlines-section .mmspot-home-kicker,.syh-spotlines-section .mmspot-home-branding p{display:none!important} .syh-spotlines-section .mmspot-home-branding>div{display:flex;align-items:center} .syh-spotlines-section .mmspot-home-head{align-items:center!important} html.nah-sdp-night-active .syh-library-heading h2,html.nah-sdp-dark-mode .syh-library-heading h2,html.nah-sdp-night-active .syh-tools-section .syh-section-heading h2,html.nah-sdp-dark-mode .syh-tools-section .syh-section-heading h2,html.nah-sdp-night-active .syh-home-inspiration-heading h2,html.nah-sdp-dark-mode .syh-home-inspiration-heading h2{color:#e9f3f8} html.nah-sdp-night-active .syh-trial-banner--compact,html.nah-sdp-dark-mode .syh-trial-banner--compact{background:rgba(20,35,47,.78);border-color:#294052} html.nah-sdp-night-active .syh-trial-banner--compact strong,html.nah-sdp-dark-mode .syh-trial-banner--compact strong{color:#c7d8e4} @media (max-width:720px){.syh-library-heading,.syh-tools-section .syh-section-heading,.syh-home-inspiration-heading{gap:12px;margin-bottom:15px}.syh-library-heading h2,.syh-tools-section .syh-section-heading h2,.syh-home-inspiration-heading h2{font-size:25px}.syh-library-open{min-height:40px;padding-inline:13px;font-size:14px}.syh-trial-banner--compact{padding:10px 11px}.syh-trial-banner--compact strong{font-size:14px}.syh-trial-banner--compact button{min-height:36px;padding-inline:12px;font-size:14px}.syh-spotlines-section .mmspot-home-branding>div{display:block}} @media (max-width:430px){.syh-library-heading{align-items:flex-start;flex-direction:column}.syh-library-open{width:auto}.syh-trial-banner--compact{align-items:stretch;flex-direction:column}.syh-trial-banner--compact button{width:100%}} /* v0.36 — Restore polished hero, widen Spotlight, concise user-facing context */ @media (min-width:1100px){.syh-hero-grid{grid-template-columns:minmax(0,.90fr) minmax(560px,1.10fr);gap:clamp(44px,4vw,68px)}.syh-hero-copy{max-width:660px}.syh-hero-visual{justify-items:stretch}.syh-reco-frame{width:min(100%,650px)}.syh-reco-card{grid-template-columns:160px minmax(0,1fr);gap:22px;min-height:286px;padding:20px}.syh-reco-visual-card{width:160px;height:208px}} .syh-section-heading--compact{display:block!important} .syh-section-heading--compact h2{margin-bottom:8px!important} .syh-section-heading--compact p,.syh-module-intro{max-width:720px;margin:7px 0 0;color:#667d91;font-size:14px;line-height:1.58} .syh-library-heading>div,.syh-home-inspiration-heading>div{min-width:0} html.nah-sdp-night-active .syh-section-heading--compact p,html.nah-sdp-dark-mode .syh-section-heading--compact p,html.nah-sdp-night-active .syh-module-intro,html.nah-sdp-dark-mode .syh-module-intro{color:#a9bfcd} @media (max-width:1099px){.syh-reco-frame{width:min(100%,590px)}} @media (max-width:720px){.syh-hero-lead{max-width:560px;margin:15px 0 18px;font-size:14px;line-height:1.58}.syh-section-heading--compact p,.syh-module-intro{font-size:14px;line-height:1.5}.syh-library-heading>div{width:100%}} /* v0.38 — Library tabs and Inspiration mobile content integrity ---------------- */ /* The v0.37 card display rule could override the HTML hidden attribute. */ .syh-app [data-syh-library-item][hidden]{display:none!important} /* Keep Inspiration cards visually aligned without cropping their medical/history text. */ .syh-home-inspiration-feed .mpi-grid{align-items:stretch!important} .syh-home-inspiration-feed .mpi-card{display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;overflow:hidden!important} .syh-home-inspiration-feed .mpi-card-body{flex:1 1 auto!important} .syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important} @media (max-width:720px){.syh-home-inspiration-feed .mpi-grid{align-items:stretch!important}.syh-home-inspiration-feed .mpi-card{flex:0 0 min(88vw,350px)!important;height:auto!important;min-height:310px!important;max-height:none!important;overflow:hidden!important}.syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}} @media (max-width:390px){.syh-home-inspiration-feed .mpi-card{flex-basis:min(91vw,350px)!important;min-height:300px!important}} /* v0.39 — Compact MEDIPHARM journal homepage integration */ .syh-spotlines-section{padding-top:18px!important;padding-bottom:20px!important} .syh-spotlines-section:before{display:none!important} .syh-spotlines-section .mmspot-home-module--interactive{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .syh-spotlines-section .mmspot-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} .syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{grid-column:auto!important;grid-row:auto!important;min-height:0!important;height:auto!important;padding:12px!important} .syh-spotlines-section .mmspot-home-card:first-child h3{font-size:15px!important} .syh-spotlines-section .mmspot-home-card:first-child p{font-size:14px!important;line-height:1.48!important;-webkit-line-clamp:2!important} @media (max-width:1080px){.syh-spotlines-section .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:720px){.syh-spotlines-section{padding-top:12px!important;padding-bottom:14px!important}.syh-spotlines-section .mmspot-home-grid{display:flex!important;gap:9px!important;overflow-x:auto!important;padding:1px 1px 5px!important;scroll-snap-type:x mandatory}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{display:flex!important;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}.syh-spotlines-section .mmspot-home-card p,.syh-spotlines-section .mmspot-home-card:first-child p{display:none!important}.syh-spotlines-section .mmspot-home-card h3,.syh-spotlines-section .mmspot-home-card:first-child h3{font-size:14.5px!important;line-height:1.35!important}} /* v0.40 — Inspiration polish + equal-height cards ---------------------------- */ .syh-home-inspiration{padding:clamp(30px,4vw,48px) 0!important;background:linear-gradient(180deg,#fbfbff 0%,#f7fafb 54%,#fbfaf6 100%)!important} .syh-home-inspiration:before{width:360px;height:360px;right:2%;top:2%;background:radial-gradient(circle,rgba(103,78,167,.08),transparent 69%)!important} .syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important} .syh-home-inspiration-feed .mpi-daily-quote{position:relative;margin:0 0 16px!important;padding:17px 26px!important;border:1px solid rgba(112,94,181,.20)!important;border-radius:18px!important;background:linear-gradient(125deg,rgba(102,79,179,.14) 0%,rgba(54,142,174,.12) 48%,rgba(231,175,84,.12) 100%)!important;box-shadow:0 12px 30px rgba(73,78,120,.075)!important;overflow:hidden} .syh-home-inspiration-feed .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,.56),rgba(255,255,255,0) 68%);pointer-events:none} .syh-home-inspiration-feed .mpi-daily-quote:before{color:#7868b7!important} .syh-home-inspiration-feed .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important;gap:12px!important} .syh-home-inspiration-feed .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} .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+1){border-color:#ded9ee!important;background:linear-gradient(145deg,#ffffff 0%,#faf8ff 100%)!important} .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+2){border-color:#eadde5!important;background:linear-gradient(145deg,#ffffff 0%,#fff8fa 100%)!important} .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+3){border-color:#eadfc9!important;background:linear-gradient(145deg,#ffffff 0%,#fffbf2 100%)!important} .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+4){border-color:#d5e7e3!important;background:linear-gradient(145deg,#ffffff 0%,#f4fbfa 100%)!important} .syh-home-inspiration-feed .mpi-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(52,69,86,.085)!important} .syh-home-inspiration-feed .mpi-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important} .syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important} html.nah-sdp-night-active .syh-home-inspiration,html.nah-sdp-dark-mode .syh-home-inspiration{background:linear-gradient(180deg,#111923 0%,#111b20 56%,#171912 100%)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-daily-quote,html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-daily-quote{border-color:rgba(147,132,214,.27)!important;background:linear-gradient(125deg,rgba(97,79,165,.23),rgba(35,115,142,.20),rgba(177,127,61,.18))!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+1),html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+1){border-color:#393551!important;background:linear-gradient(145deg,#18222c,#201e30)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+2),html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+2){border-color:#49333f!important;background:linear-gradient(145deg,#18222c,#2b1d25)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+3),html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+3){border-color:#493f2f!important;background:linear-gradient(145deg,#18222c,#29251a)!important} html.nah-sdp-night-active .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+4),html.nah-sdp-dark-mode .syh-home-inspiration-feed .mpi-card:nth-child(4n/**/+4){border-color:#294845!important;background:linear-gradient(145deg,#18222c,#142925)!important} @media (max-width:900px){.syh-home-inspiration-feed .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.syh-home-inspiration-feed .mpi-card{min-height:300px!important}} @media (max-width:720px){.syh-home-inspiration{padding:26px 0 28px!important}.syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important}.syh-home-inspiration-feed .mpi-daily-quote{margin-bottom:12px!important;padding:15px 18px!important;border-radius:16px!important}.syh-home-inspiration-feed .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}.syh-home-inspiration-feed .mpi-grid::-webkit-scrollbar{display:none}.syh-home-inspiration-feed .mpi-card{flex:0 0 min(88vw,350px)!important;height:auto!important;min-height:310px!important;max-height:none!important;padding:15px!important;scroll-snap-align:start}} @media (max-width:390px){.syh-home-inspiration-feed .mpi-card{flex-basis:min(91vw,350px)!important;min-height:310px!important}} /* v0.41 — Mobile/tablet 2x2 Inspiration + balanced Journal grid + footer spacing */ /* Inspiration: four cards stay a true 2 × 2 matrix on tablets and phones. */ @media (max-width:1080px){.syh-home-inspiration-feed .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; overflow:visible!important; padding:0!important; scroll-snap-type:none!important; }.syh-home-inspiration-feed .mpi-card{ width:auto!important; min-width:0!important; max-width:none!important; flex:none!important; height:100%!important; min-height:300px!important; max-height:none!important; margin:0!important; scroll-snap-align:none!important; }} @media (max-width:720px){.syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important}.syh-home-inspiration-feed .mpi-grid{gap:10px!important}.syh-home-inspiration-feed .mpi-card{min-height:330px!important;padding:12px!important;border-radius:15px!important}.syh-home-inspiration-feed .mpi-card-top{margin-bottom:7px!important;gap:5px!important}.syh-home-inspiration-feed .mpi-card-body,.syh-home-inspiration-feed .mpi-card-body.has-media,.syh-home-inspiration-feed .mpi-card.slot-person .mpi-card-body.has-media{gap:6px!important}.syh-home-inspiration-feed .mpi-card h3{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.28!important;overflow-wrap:anywhere}.syh-home-inspiration-feed .mpi-card .mpi-label,.syh-home-inspiration-feed .mpi-card .mpi-type-badge{font-size:14px!important}.syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en{font-size:14px!important;line-height:1.52!important;overflow-wrap:anywhere}.syh-home-inspiration-feed .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important}.syh-home-inspiration-feed .mpi-card.slot-person .mpi-person-media{width:56px!important;height:72px!important;min-width:56px!important}} @media (max-width:390px){.syh-home-inspiration-feed .mpi-grid{gap:8px!important}.syh-home-inspiration-feed .mpi-card{min-height:340px!important;padding:10px!important}} /* Journal: 8 cards on desktop (4 × 2), first 6 on tablet/mobile (2 × 3). */ .syh-spotlines-section .mmspot-home-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-auto-rows:1fr!important; align-items:stretch!important; gap:12px!important; overflow:visible!important; } .syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{ display:flex!important; flex-direction:column!important; width:auto!important; min-width:0!important; max-width:none!important; height:100%!important; min-height:188px!important; max-height:none!important; padding:15px!important; border:1px solid #dbe6f2!important; border-radius:18px!important; box-shadow:0 10px 28px rgba(36,67,99,.065)!important; scroll-snap-align:none!important; } .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+1){background:linear-gradient(145deg,#ffffff 0%,#eef5ff 100%)!important;border-color:#d5e4fa!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+2){background:linear-gradient(145deg,#ffffff 0%,#edf9f7 100%)!important;border-color:#d4ebe6!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+3){background:linear-gradient(145deg,#ffffff 0%,#f4efff 100%)!important;border-color:#e0d7f5!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+4){background:linear-gradient(145deg,#ffffff 0%,#fff6e8 100%)!important;border-color:#f0dfc2!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+5){background:linear-gradient(145deg,#ffffff 0%,#fff0f4 100%)!important;border-color:#eed8df!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+6){background:linear-gradient(145deg,#ffffff 0%,#ebf8fc 100%)!important;border-color:#cfe8f0!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+7){background:linear-gradient(145deg,#ffffff 0%,#f0f8eb 100%)!important;border-color:#d9e9cf!important} .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+8){background:linear-gradient(145deg,#ffffff 0%,#f1f3f9 100%)!important;border-color:#dce0eb!important} .syh-spotlines-section .mmspot-home-card h3,.syh-spotlines-section .mmspot-home-card:first-child h3{font-size:15px!important;line-height:1.38!important;overflow-wrap:anywhere} .syh-spotlines-section .mmspot-home-card p,.syh-spotlines-section .mmspot-home-card:first-child p{display:-webkit-box!important;font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+1),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+1){background:linear-gradient(145deg,#182331,#16263c)!important;border-color:#294565!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+2),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+2){background:linear-gradient(145deg,#182331,#142d2a)!important;border-color:#28504a!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+3),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+3){background:linear-gradient(145deg,#182331,#29223c)!important;border-color:#4a3d67!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+4),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+4){background:linear-gradient(145deg,#182331,#302819)!important;border-color:#54452b!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+5),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+5){background:linear-gradient(145deg,#182331,#302028)!important;border-color:#563846!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+6),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+6){background:linear-gradient(145deg,#182331,#14303a)!important;border-color:#275565!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+7),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+7){background:linear-gradient(145deg,#182331,#20301c)!important;border-color:#405738!important} html.nah-sdp-night-active .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+8),html.nah-sdp-dark-mode .syh-spotlines-section .mmspot-home-card:nth-child(8n/**/+8){background:linear-gradient(145deg,#182331,#222737)!important;border-color:#3e465b!important} @media (max-width:1080px){.syh-spotlines-section .mmspot-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:11px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}.syh-spotlines-section .mmspot-home-grid>.mmspot-home-card:nth-child(n/**/+7){display:none!important}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{height:100%!important;min-height:190px!important;max-height:none!important;flex:none!important}} @media (max-width:720px){.syh-spotlines-section .mmspot-home-grid{gap:9px!important}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{min-height:184px!important;padding:11px!important;border-radius:15px!important}.syh-spotlines-section .mmspot-home-card h3,.syh-spotlines-section .mmspot-home-card:first-child h3{font-size:14px!important;line-height:1.36!important}.syh-spotlines-section .mmspot-home-card p,.syh-spotlines-section .mmspot-home-card:first-child p{font-size:14px!important;-webkit-line-clamp:2!important;line-clamp:2!important}} /* Remove obsolete mobile/tablet bottom reserve while retaining device safe-area. */ @media (max-width:1080px){.syh-app{padding-bottom:0!important}} /* v0.42 — resilient homepage tabs + 10-book desktop shelf */ .syh-library-filters,.syh-reco-tabs{position:relative!important;z-index:12!important;pointer-events:auto!important} .syh-library-filters button,.syh-reco-tabs button{position:relative!important;z-index:13!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation} @media (min-width:1180px){.syh-library-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}} /* v0.43 — Mobile Inspiration single-column readability fix ------------------ */ /* * Phones need a full-width reading card. v0.41 intentionally kept a 2x2 * matrix through 1080px, but that left only ~150px per card on 360–430px * screens and forced long Vietnamese labels into near-vertical text. * Tablets (>=768px) retain the balanced 2x2 matrix; phones return to one card * per row with natural content height and normal word wrapping. */ @media (max-width:767px){.syh-home-inspiration-feed .mpi-shell{ width:100%!important; max-width:none!important; }.syh-home-inspiration-feed .mpi-grid{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-auto-rows:auto!important; align-items:stretch!important; gap:12px!important; overflow:visible!important; padding:0!important; scroll-snap-type:none!important; }.syh-home-inspiration-feed .mpi-card{ display:flex!important; flex:none!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:15px!important; border-radius:17px!important; overflow:hidden!important; scroll-snap-align:none!important; }.syh-home-inspiration-feed .mpi-card-top{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:start!important; gap:7px!important; margin-bottom:9px!important; }.syh-home-inspiration-feed .mpi-topline{ min-width:0!important; max-width:100%!important; }.syh-home-inspiration-feed .mpi-card-tools{ justify-self:end!important; max-width:100%!important; }.syh-home-inspiration-feed .mpi-label,.syh-home-inspiration-feed .mpi-type-badge,.syh-home-inspiration-feed .mpi-card h3,.syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en,.syh-home-inspiration-feed .mpi-card .mpi-author,.syh-home-inspiration-feed .mpi-card .mpi-source{ min-width:0!important; max-width:100%!important; word-break:normal!important; overflow-wrap:break-word!important; white-space:normal!important; }.syh-home-inspiration-feed .mpi-label{ display:block!important; font-size:14px!important; line-height:1.32!important; }.syh-home-inspiration-feed .mpi-card h3{ font-size:clamp(20px,5.6vw,23px)!important; line-height:1.28!important; }.syh-home-inspiration-feed .mpi-card .mpi-vi,.syh-home-inspiration-feed .mpi-card .mpi-en{ font-size:14px!important; line-height:1.62!important; }.syh-home-inspiration-feed .mpi-card-body,.syh-home-inspiration-feed .mpi-card-body.has-media,.syh-home-inspiration-feed .mpi-card.slot-person .mpi-card-body.has-media{ width:100%!important; min-width:0!important; gap:8px!important; }.syh-home-inspiration-feed .mpi-card.slot-person .mpi-heading-row.has-media{ grid-template-columns:70px minmax(0,1fr)!important; gap:11px!important; }.syh-home-inspiration-feed .mpi-card.slot-person .mpi-person-media{ width:70px!important; height:88px!important; min-width:70px!important; }} @media (max-width:430px){.syh-home-inspiration-feed .mpi-shell{width:100%!important;max-width:none!important}.syh-home-inspiration-feed .mpi-grid{gap:10px!important}.syh-home-inspiration-feed .mpi-card{padding:13px!important;border-radius:16px!important}.syh-home-inspiration-feed .mpi-card.slot-person .mpi-heading-row.has-media{ grid-template-columns:62px minmax(0,1fr)!important; gap:9px!important; }.syh-home-inspiration-feed .mpi-card.slot-person .mpi-person-media{ width:62px!important; height:78px!important; min-width:62px!important; }} /* v0.54 — Clinical Tool Card Statistics */ .syh-tools-section .syh-tool-badge{display:flex!important;min-width:78px;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:3px;text-align:right} .syh-tools-section .syh-tool-badge strong{display:block;color:var(--tool);font-size:21px!important;font-weight:850;line-height:1;letter-spacing:-.03em} .syh-tools-section .syh-tool-badge small{display:block;max-width:104px;color:#708096;font-size:14px!important;font-weight:760;line-height:1.15;letter-spacing:.01em} @media (max-width:1024px){.syh-tools-section .syh-tool-card-top{min-height:58px;margin-bottom:16px}.syh-tools-section .syh-tool-badge{display:flex!important;min-width:72px}.syh-tools-section .syh-tool-badge strong{font-size:20px!important}.syh-tools-section .syh-tool-badge small{max-width:92px;font-size:14px!important}} @media (max-width:720px){.syh-tools-section .syh-tool-badge{display:flex!important;min-width:70px}.syh-tools-section .syh-tool-badge strong{font-size:19px!important}.syh-tools-section .syh-tool-badge small{font-size:14px!important}} html[data-theme="dark"] .syh-tools-section .syh-tool-badge small,body.syh-dark .syh-tools-section .syh-tool-badge small{color:#aebed0} /* v0.55 — MEDIPHARM Journal airy editorial cards: full title/summary, equal height */ #syh-app .syh-spotlines-section .mmspot-home-grid{ grid-auto-rows:1fr!important; align-items:stretch!important; gap:16px!important; } #syh-app .syh-spotlines-section .mmspot-home-card,#syh-app .syh-spotlines-section .mmspot-home-card:first-child{ height:100%!important; min-height:0!important; padding:18px!important; gap:0!important; overflow:visible!important; } #syh-app .syh-spotlines-section .mmspot-home-card h3,#syh-app .syh-spotlines-section .mmspot-home-card:first-child h3{ display:block!important; margin:4px 0 10px!important; font-size:16px!important; line-height:1.42!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; line-clamp:unset!important; -webkit-box-orient:initial!important; overflow-wrap:break-word!important; } #syh-app .syh-spotlines-section .mmspot-home-card p,#syh-app .syh-spotlines-section .mmspot-home-card:first-child p{ display:block!important; margin:0 0 12px!important; font-size:14px!important; line-height:1.62!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; line-clamp:unset!important; -webkit-box-orient:initial!important; overflow-wrap:break-word!important; } #syh-app .syh-spotlines-section .mmspot-home-source{ margin-top:auto!important; padding-top:12px!important; } @media (max-width:1080px){#syh-app .syh-spotlines-section .mmspot-home-grid{gap:14px!important;grid-auto-rows:1fr!important}#syh-app .syh-spotlines-section .mmspot-home-card,#syh-app .syh-spotlines-section .mmspot-home-card:first-child{padding:17px!important;min-height:0!important}#syh-app .syh-spotlines-section .mmspot-home-card h3,#syh-app .syh-spotlines-section .mmspot-home-card:first-child h3{font-size:16px!important;line-height:1.44!important}#syh-app .syh-spotlines-section .mmspot-home-card p,#syh-app .syh-spotlines-section .mmspot-home-card:first-child p{font-size:14px!important;line-height:1.62!important}} @media (max-width:640px){#syh-app .syh-spotlines-section .mmspot-home-grid{grid-template-columns:1fr!important;gap:14px!important;grid-auto-rows:1fr!important}#syh-app .syh-spotlines-section .mmspot-home-card,#syh-app .syh-spotlines-section .mmspot-home-card:first-child{padding:18px!important;border-radius:18px!important;min-height:0!important}#syh-app .syh-spotlines-section .mmspot-home-card h3,#syh-app .syh-spotlines-section .mmspot-home-card:first-child h3{font-size:18px!important;line-height:1.4!important}#syh-app .syh-spotlines-section .mmspot-home-card p,#syh-app .syh-spotlines-section .mmspot-home-card:first-child p{font-size:15px!important;line-height:1.65!important}} /* 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} .syh-hero-search input[type=search]{font-size:14.5px!important} .syh-hero-search button{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-app-modal>p:not(.syh-eyebrow):not(.syh-register-prompt),.syh-app-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-search-coverage span,.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)} /* v0.10.7 — recommendation typography */ .syh-reco-head small,.syh-reco-label,.syh-reco-meta,.syh-reco-tabs button,.syh-reco-note{font-size:14px} .syh-reco-head strong{font-size:18px} .syh-reco-title{font-size:24px} .syh-reco-description{font-size:14px} .syh-reco-cta{font-size:14px} @media (max-width:720px){.syh-reco-head strong{font-size:16px}.syh-reco-title{font-size:19px}.syh-reco-description{font-size:14px}.syh-reco-cta{font-size:14px}} @media (max-width:420px){.syh-reco-title{font-size:18px}} /* v0.10.8 — single-heading sections + resilient in-article sign-in */ .syh-section-heading h2,.syh-library-heading h2{margin-top:0} .syh-explorer-head h3{margin-top:0} .syh-reco-head p{justify-content:center} .syh-reco-head p>strong{font-size:19px;line-height:1.25} .syh-content-gate{ width:min(620px,100%)!important; max-width:620px!important; margin:30px auto!important; padding:30px!important; overflow:hidden!important; border:1px solid #d9e4ee!important; border-radius:22px!important; background:linear-gradient(145deg,#f9fbfe,#fff)!important; box-shadow:0 14px 35px rgba(30,64,98,.07)!important; text-align:left!important; } .syh-content-gate h2{ margin:0 0 9px!important; font-size:28px!important; line-height:1.18!important; letter-spacing:-.02em; } .syh-content-gate>p:not(.syh-gate-register){ margin:0!important; font-size:14px!important; line-height:1.6!important; } .syh-member-login-embed{margin-top:22px!important} .syh-native-login{ width:100%; max-width:520px; min-width:0; margin:0 auto; padding:22px; border:1px solid #dce6ef; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(32,67,101,.055); box-sizing:border-box; } .syh-native-login form,.syh-native-login #syh-article-login-form{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } .syh-native-login form p{width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:0!important} .syh-native-login label{ display:block!important; margin:0 0 7px!important; color:#24384f!important; font-size:14px!important; font-weight:760!important; line-height:1.4!important; } .syh-native-login input[type=text],.syh-native-login input[type=email],.syh-native-login input[type=password]{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; min-height:50px!important; margin:0!important; padding:0 14px!important; border:1px solid #ccd9e5!important; border-radius:12px!important; background:#fff!important; color:#18304a!important; box-shadow:none!important; font:inherit!important; font-size:16px!important; line-height:1.2!important; box-sizing:border-box!important; } .syh-native-login .login-remember{margin:2px 0 16px!important} .syh-native-login .login-remember label{ display:flex!important; align-items:center!important; gap:9px!important; margin:0!important; font-size:14px!important; font-weight:650!important; } .syh-native-login input[type=checkbox]{ flex:0 0 auto!important; width:18px!important; height:18px!important; margin:0!important; accent-color:#167f9d; } .syh-native-login .login-submit{margin:0!important} .syh-native-login input[type=submit]{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; min-height:50px!important; margin:0!important; padding:0 18px!important; border:0!important; border-radius:12px!important; background:linear-gradient(135deg,#1685a8,#0d6f93)!important; color:#fff!important; font-size:14px!important; font-weight:800!important; box-shadow:0 9px 20px rgba(18,121,154,.18)!important; cursor:pointer!important; box-sizing:border-box!important; } .syh-login-help{margin:14px 0 0!important;text-align:center!important;font-size:14px!important;line-height:1.45!important} .syh-login-help a{color:#187d79!important;font-weight:750!important;text-decoration:none!important} .syh-content-gate .syh-gate-register{ margin:18px 0 0!important; padding-top:17px!important; border-top:1px solid #e4ebf1; text-align:center!important; font-size:14px!important; line-height:1.5!important; } @media (max-width:720px){.syh-reco-head p>strong{font-size:17px}.syh-content-gate{ width:100%!important; max-width:100%!important; margin:18px 0!important; padding:20px 16px!important; border-radius:18px!important; box-shadow:none!important; }.syh-content-gate h2{font-size:23px!important;line-height:1.22!important}.syh-content-gate>p:not(.syh-gate-register){font-size:14px!important;line-height:1.55!important}.syh-member-login-embed{margin-top:18px!important}.syh-native-login{max-width:100%;padding:17px 14px;border-radius:15px}.syh-native-login input[type=text],.syh-native-login input[type=email],.syh-native-login input[type=password]{min-height:50px!important;font-size:16px!important}.syh-native-login input[type=submit]{min-height:50px!important;font-size:14px!important}} @media (max-width:390px){.syh-content-gate{padding:18px 13px!important}.syh-native-login{padding:15px 12px}} html.nah-sdp-night-active .syh-native-login,html.nah-sdp-dark-mode .syh-native-login{ border-color:var(--syh-book-line)!important; background:#111f31!important; } html.nah-sdp-night-active .syh-native-login label,html.nah-sdp-dark-mode .syh-native-login label{color:var(--syh-book-ink)!important} html.nah-sdp-night-active .syh-native-login input[type=text],html.nah-sdp-night-active .syh-native-login input[type=email],html.nah-sdp-night-active .syh-native-login input[type=password],html.nah-sdp-dark-mode .syh-native-login input[type=text],html.nah-sdp-dark-mode .syh-native-login input[type=email],html.nah-sdp-dark-mode .syh-native-login input[type=password]{ border-color:var(--syh-book-line)!important; background:#0d1928!important; color:var(--syh-book-ink)!important; } /* v0.10.9 — first-party authentication UI and calmer editorial spacing */ .syh-library-intro{ max-width:760px; margin:0; color:var(--syh-muted); font-size:15px; line-height:1.65; } .syh-native-login .login-submit button,.syh-auth-form .login-submit button{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; min-height:50px!important; margin:0!important; padding:0 18px!important; border:0!important; border-radius:12px!important; background:linear-gradient(135deg,#1685a8,#0d6f93)!important; color:#fff!important; font-size:14px!important; font-weight:800!important; line-height:1.2!important; box-shadow:0 9px 20px rgba(18,121,154,.18)!important; cursor:pointer!important; box-sizing:border-box!important; } .syh-auth-message{ margin:0 0 16px!important; padding:12px 14px!important; border-radius:12px!important; font-size:14px!important; line-height:1.55!important; } .syh-auth-message.is-error{border:1px solid #f1c8c8;background:#fff5f5;color:#a33b3b} .syh-auth-message.is-success{border:1px solid #bde5d9;background:#f1fbf7;color:#176b57} .syh-member-auth-layout{ display:block!important; width:min(680px,100%); margin:0 auto; } .syh-member-auth-layout .syh-member-content{ width:100%; max-width:680px; margin:0 auto; padding:clamp(22px,3vw,34px)!important; } .syh-member-auth-content{ width:100%; max-width:100%; margin:0 auto; } .syh-auth-panel{ width:100%; max-width:560px; margin:0 auto; text-align:left; } .syh-auth-panel>h2{ margin:0 0 10px; color:var(--syh-book-ink,#18304a); font-size:clamp(24px,3vw,30px); line-height:1.2; letter-spacing:-.02em; } .syh-auth-panel>p:not(.syh-login-help):not(.syh-gate-register):not(.syh-auth-message){ margin:0 0 20px; color:var(--syh-book-muted,#687b90); font-size:14px; line-height:1.65; } .syh-auth-panel .syh-native-login{ max-width:100%; margin-top:18px; box-shadow:none; } .syh-auth-panel>.syh-auth-form{ width:100%; margin-top:20px; padding:22px; border:1px solid #dce6ef; border-radius:18px; background:#fff; box-sizing:border-box; } .syh-auth-form p{width:100%;margin:0 0 16px;padding:0} .syh-auth-form label{ display:block; margin:0 0 7px; color:#24384f; font-size:14px; font-weight:760; line-height:1.4; } .syh-auth-form input[type=text],.syh-auth-form input[type=email],.syh-auth-form input[type=password]{ display:block; width:100%; min-width:0; max-width:100%; min-height:50px; margin:0; padding:0 14px; border:1px solid #ccd9e5; border-radius:12px; background:#fff; color:#18304a; font-size:16px; line-height:1.2; box-sizing:border-box; } .syh-auth-primary-link{ display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; margin-top:20px; border-radius:12px; background:linear-gradient(135deg,#1685a8,#0d6f93); color:#fff!important; font-size:14px; font-weight:800; text-decoration:none!important; } @media (max-width:720px){.syh-library-intro{font-size:14px;line-height:1.6}.syh-member-auth-layout{width:100%}.syh-member-auth-layout .syh-member-content{padding:18px 14px!important;border-radius:18px!important}.syh-auth-panel{max-width:100%}.syh-auth-panel>.syh-auth-form{padding:17px 14px;border-radius:15px}.syh-auth-panel .syh-native-login{margin-top:16px}} @media (max-width:390px){.syh-member-auth-layout .syh-member-content{padding:15px 11px!important}.syh-auth-panel>.syh-auth-form{padding:15px 12px}} html.nah-sdp-night-active .syh-auth-panel>.syh-auth-form,html.nah-sdp-dark-mode .syh-auth-panel>.syh-auth-form{ border-color:var(--syh-book-line)!important; background:#111f31!important; } html.nah-sdp-night-active .syh-auth-form label,html.nah-sdp-dark-mode .syh-auth-form label{color:var(--syh-book-ink)!important} html.nah-sdp-night-active .syh-auth-form input[type=text],html.nah-sdp-night-active .syh-auth-form input[type=email],html.nah-sdp-night-active .syh-auth-form input[type=password],html.nah-sdp-dark-mode .syh-auth-form input[type=text],html.nah-sdp-dark-mode .syh-auth-form input[type=email],html.nah-sdp-dark-mode .syh-auth-form input[type=password]{ border-color:var(--syh-book-line)!important; background:#0d1928!important; color:var(--syh-book-ink)!important; } /* v0.10.10 — 14px readability baseline, richer recommendations and footer cleanup */ .syh-reco-head>button,.syh-reco-label,.syh-reco-meta,.syh-reco-description,.syh-reco-cta,.syh-reco-tabs button,.syh-reco-note,.syh-quick-links,.syh-trust-points small,.syh-library-copy>span,.syh-library-copy>a,.syh-library-copy>button,.syh-clinical-list small,.syh-clinical-list em,.syh-preview-actions>small,.syh-tool-tags span,.syh-tool-link,.syh-member-login small,.syh-member-login strong{ font-size:14px!important; } .syh-reco-definition{ display:block; margin-top:10px; color:#29475f!important; font-size:15px!important; font-weight:760; line-height:1.5!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .syh-reco-dictionary .syh-reco-description{ margin-top:8px; color:#718296; } .syh-app{padding-bottom:0!important} @media (max-width:720px){.syh-reco-head>button,.syh-reco-label,.syh-reco-meta,.syh-reco-description,.syh-reco-cta,.syh-reco-tabs button,.syh-reco-note{font-size:14px!important}} @media (max-width:420px){.syh-reco-head>button{position:relative;width:40px;padding:0!important;font-size:14px!important;text-indent:-999px;overflow:hidden}.syh-reco-head>button span{position:absolute;inset:0;display:grid;place-items:center;font-size:20px!important;text-indent:0}} html.nah-sdp-night-active .syh-reco-definition,html.nah-sdp-dark-mode .syh-reco-definition{color:#d7e7f3!important} /* source: responsive-qa.css */ /* MEDIPHARM v0.11.2-beta.1 — cross-device responsive QA layer. Loaded last. */ html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{max-width:100%;overflow-x:clip}.syh-app,.syh-book-app,.syh-auth-app,.syh-reader,.syh-tool-template,.syh-generic-page-app{max-width:100%;overflow-x:clip}.syh-app *,.syh-book-app *,.syh-auth-app *,.syh-reader *,.syh-tool-shell *,.syh-safe-tool-nav *,.syh-tool-template *,.syh-generic-page-app *{box-sizing:border-box}.syh-auth-shell,.syh-tool-shell-inner{max-width:100%}.syh-app img,.syh-book-app img,.syh-auth-app img,.syh-reader img,.syh-tool-template img,.syh-generic-page-app img{max-width:100%}.syh-app :is(h1,h2,h3,h4,p,span,a,strong,small,em,button,label,input,select,textarea),.syh-book-app :is(h1,h2,h3,h4,p,span,a,strong,small,em,button,label,input,select,textarea),.syh-auth-app :is(h1,h2,h3,h4,p,span,a,strong,small,em,button,label,input,select,textarea){overflow-wrap:anywhere} .syh-tool-shell-brand strong,.syh-tool-shell-login,.syh-tool-shell-register,.syh-tool-shell-account,.syh-safe-tool-brand,.syh-safe-tool-home,.syh-safe-tool-account,.syh-safe-tool-register,.syh-safe-tool-login{font-size:14px!important}.syh-tool-shell-brand small{font-size:14px!important}.syh-tool-shell-login,.syh-tool-shell-register,.syh-tool-shell-account,.syh-safe-tool-home,.syh-safe-tool-account,.syh-safe-tool-register,.syh-safe-tool-login{min-height:44px!important} @media (max-width:900px){.syh-app button,.syh-app a.syh-button,.syh-book-app button,.syh-book-app a.syh-auth-primary-link,.syh-auth-app button,.syh-reader button{min-height:44px}.syh-app input,.syh-app select,.syh-app textarea,.syh-book-app input,.syh-book-app select,.syh-book-app textarea,.syh-auth-app input,.syh-auth-app select,.syh-auth-app textarea{font-size:16px!important}} @media (max-width:420px){.syh-button-dark{padding-inline:13px!important}} @media (max-width:900px){.syh-tool-shell-inner{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand search actions"!important;gap:8px!important}.syh-tool-shell-home{display:none!important}.syh-tool-shell-brand small{display:none!important}.syh-tool-shell-actions{gap:6px!important}.syh-safe-tool-nav{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:7px!important}.syh-safe-tool-brand span{display:none!important}} @media (max-width:680px){.syh-tool-shell-inner{width:calc(100% - 14px)!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand actions actions" "search search search"!important;padding:7px 0 9px!important}.syh-tool-shell-brand{grid-area:brand!important}.syh-tool-shell-actions{grid-area:actions!important}.syh-tool-shell-search{grid-area:search!important}.syh-tool-shell-mark{width:40px!important;height:40px!important;flex-basis:40px!important}.syh-tool-shell-brand>span:last-child{display:none!important}.syh-tool-shell-login,.syh-tool-shell-register,.syh-tool-shell-account{padding:0 11px!important;font-size:14px!important}.syh-safe-tool-nav{top:7px!important;right:7px!important;width:calc(100vw - 14px)!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand account register" "search search search"!important;gap:6px!important;padding:6px!important}.syh-safe-tool-brand{grid-area:brand!important}.syh-safe-tool-home{display:none!important}.syh-safe-tool-account,.syh-safe-tool-login{grid-area:account!important}.syh-safe-tool-register{grid-area:register!important}.syh-safe-tool-search{grid-area:search!important}.syh-safe-tool-home,.syh-safe-tool-account,.syh-safe-tool-register,.syh-safe-tool-login{font-size:14px!important;padding:0 10px!important;min-height:44px!important}} @media (max-width:390px){.syh-tool-shell-login,.syh-tool-shell-register{font-size:14px!important;padding:0 9px!important}.syh-safe-tool-account,.syh-safe-tool-login,.syh-safe-tool-register{font-size:14px!important;padding:0 9px!important}} .syh-tool-grid>*,.syh-clinical-list>*,.syh-library-grid>*,.syh-archive-grid>*,.syh-library-browser>*,.syh-member-layout>*,.syh-book-layout>*,.syh-trust-grid>*,.syh-hero-grid>*{min-width:0}.syh-clinical-list strong,.syh-library-card h3,.syh-archive-card h2,.syh-book-title,.syh-reco-title{overflow-wrap:anywhere;word-break:normal} @media (min-width:721px) and (max-width:1080px){.syh-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:34px}.syh-library-browser{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.syh-member-layout,.syh-book-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:24px}} @media (max-width:540px){.syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.syh-tool-card{min-width:0}.syh-tool-card h3{font-size:clamp(20px,5.7vw,25px)!important}.syh-tool-card p{display:none}.syh-tool-card .syh-tool-tags{display:none}.syh-trust-grid{grid-template-columns:1fr!important}.syh-trust-points{grid-template-columns:1fr!important}} @media (max-width:360px){.syh-tool-grid{grid-template-columns:1fr!important}} @media (display-mode:standalone),(display-mode:fullscreen){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.syh-reader-toolbar{padding-bottom:max(16px,env(safe-area-inset-bottom))}} /* Close the remaining typography gaps found by the cross-file audit. */ .syh-library-hero>div>span,.syh-login-modal input[type="submit"],.syh-book-content table,.syh-book-deck,.syh-archive-hero>div>div,.syh-archive-search input,.syh-archive-toolbar strong,.syh-article-hero-copy>p,.syh-archive-card-copy h2{font-size:14px!important} /* MEDIPHARM v0.12 — compact mobile header actions + sitewide discovery polish. */ .syh-account-action{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important} .syh-install-row{display:none!important} /* v0.41 — remove obsolete footer reserve on tablet/mobile. */ @media (max-width:1080px){.syh-app{padding-bottom:0!important}} /* ========================================================================== * v0.68 — Homepage Canonical Width & Alignment Normalization * The Super App owns the homepage rail. Embedded editorial plugins keep their * internal card geometry but surrender independent outer-canvas sizing. * ========================================================================== */ .syh-home-inspiration-shell, .syh-spotlines-shell{min-width:0} .syh-home-inspiration-feed, .syh-home-inspiration-feed .mpi-section, .syh-home-inspiration-feed .mpi-shell, .syh-spotlines-shell .mmspot-home-module{min-width:0;box-sizing:border-box} .syh-home-inspiration-feed .mpi-shell, .syh-spotlines-shell .mmspot-home-module{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } /* Spotlines may inject these cross-site modules immediately after the Hero. * Their content rail follows exactly the same responsive budget as .syh-shell. */ .syh-app .mmspot-site-events-shell, .syh-app .mmspot-site-nobel{ width:min(var(--syh-shell-max),calc(100% - var(--syh-shell-gutter) - var(--syh-shell-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){ .syh-app .mmspot-site-events-shell, .syh-app .mmspot-site-nobel{width:calc(100% - 40px)!important;max-width:none!important} } @media (min-width:1180px) and (max-width:1379px){ .syh-app .mmspot-site-events-shell, .syh-app .mmspot-site-nobel{width:calc(100% - 56px)!important} } @media (max-width:720px){ .syh-home-inspiration-feed .mpi-shell, .syh-spotlines-shell .mmspot-home-module{width:100%!important;max-width:none!important} .syh-app .mmspot-site-events-shell, .syh-app .mmspot-site-nobel{width:calc(100% - 24px)!important;max-width:none!important} } /* ========================================================================== * v0.70.1 — MEDIPHARM Mobile Homepage UX Polish + Spotlines visibility hotfix * Direct baseline: v0.69 Canonical Typography. * Phone-only presentation patch; tablet/desktop geometry remains unchanged. * ========================================================================== */ @media (max-width:720px){ /* “Hôm nay Xem gì” — compact Book recommendation while retaining CTA. */ #syh-app .syh-reco-card.syh-reco-book{min-height:0!important;align-items:start!important} #syh-app .syh-reco-book .syh-reco-copy{justify-content:flex-start!important} #syh-app .syh-reco-book .syh-reco-description{ display:-webkit-box!important; overflow:hidden!important; max-height:calc(1.55em * 3)!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; line-clamp:3!important; text-overflow:ellipsis!important; } #syh-app .syh-reco-book .syh-reco-quote{ display:-webkit-box!important; overflow:hidden!important; max-height:calc(1.5em * 2)!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; line-clamp:2!important; } #syh-app .syh-reco-book .syh-reco-cta{margin-top:9px!important;padding-top:0!important} /* MEDIPHARM Journal — safe heading treatment. * Preserve the Spotlines plugin DOM box model; no display:contents. */ #syh-app .syh-spotlines-section, #syh-app .syh-spotlines-shell, #syh-app .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home{ display:block!important; visibility:visible!important; } #syh-app .syh-spotlines-section .mmspot-v15-home-head{ display:block!important; position:relative!important; margin-bottom:14px!important; min-height:0!important; } #syh-app .syh-spotlines-section .mmspot-v15-home-head>div{ display:block!important; min-width:0!important; width:100%!important; } #syh-app .syh-spotlines-section .mmspot-v15-home-head>div>span{ display:block!important; max-width:calc(100% - 150px)!important; min-width:0!important; line-height:1.45!important; letter-spacing:.12em!important; } #syh-app .syh-spotlines-section .mmspot-v15-home-head h2{ display:block!important; width:100%!important; max-width:none!important; margin:8px 0 0!important; font-size:22px!important; line-height:1.2!important; letter-spacing:-.025em!important; text-wrap:balance; } #syh-app .syh-spotlines-section .mmspot-v15-home-head p{display:none!important} #syh-app .syh-spotlines-section .mmspot-v15-home-head>a{ position:absolute!important; top:0!important; right:0!important; z-index:1!important; width:auto!important; max-width:145px!important; font-size:14px!important; line-height:1.35!important; text-align:right!important; white-space:normal!important; } } @media (max-width:390px){ #syh-app .syh-spotlines-section .mmspot-v15-home-head>div>span{max-width:calc(100% - 138px)!important} #syh-app .syh-spotlines-section .mmspot-v15-home-head>a{max-width:134px!important} #syh-app .syh-spotlines-section .mmspot-v15-home-head h2{font-size:21px!important} } /* v0.70.2 — host-owned dark mode for Hôm nay Xem gì. */ html.tvm-dark #syh-app .syh-reco-frame{ border-color:#28364a!important;background:rgba(15,29,45,.96)!important;box-shadow:0 30px 72px rgba(0,0,0,.30)!important; } html.tvm-dark #syh-app .syh-reco-card{border-color:#28364a!important;background:#172235!important;} html.tvm-dark #syh-app .syh-reco-head strong,html.tvm-dark #syh-app .syh-reco-title{color:#e7eef6!important;} html.tvm-dark #syh-app .syh-reco-head small,html.tvm-dark #syh-app .syh-reco-description,html.tvm-dark #syh-app .syh-reco-meta,html.tvm-dark #syh-app .syh-reco-note,html.tvm-dark #syh-app .syh-reco-ipa{color:#9fb1c3!important;} html.tvm-dark #syh-app .syh-reco-meaning{color:#d8e5ef!important;} html.tvm-dark #syh-app .syh-reco-tabs{background:rgba(255,255,255,.045)!important;} html.tvm-dark #syh-app .syh-reco-tabs button{color:#a8b9c8!important;} html.tvm-dark #syh-app .syh-reco-tabs button.is-active{background:#223147!important;color:#7dd3fc!important;box-shadow:none!important;} html.tvm-dark #syh-app .syh-reco-head>button{border-color:#314258!important;background:#172235!important;color:#7dd3fc!important;} /* v0.70.3 — host-owned dark mode: Clinical Tools module completion. */ html.tvm-dark #syh-app .syh-tools-section .syh-tool-card{ background:linear-gradient(155deg,#152235 0%,#111d2c 100%)!important; border-color:#2c3d52!important; box-shadow:0 14px 38px rgba(0,0,0,.22)!important; } html.tvm-dark #syh-app .syh-tools-section .syh-tool-card h3, html.tvm-dark #syh-app .syh-tools-section .syh-tool-link{color:#eef6fb!important} html.tvm-dark #syh-app .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow), html.tvm-dark #syh-app .syh-tools-section .syh-tool-badge small{color:#9fb1c3!important} html.tvm-dark #syh-app .syh-tools-section .syh-tool-tags span{ background:#223149!important;color:#c6d4df!important } html.tvm-dark #syh-app .syh-tools-section .syh-tool-link{border-top-color:#304258!important} html.tvm-dark #syh-app .syh-tools-section .syh-explorer{ background:#111c2b!important;border-color:#2c3d52!important;box-shadow:0 18px 46px rgba(0,0,0,.24)!important } html.tvm-dark #syh-app .syh-tools-section .syh-explorer-head{ background:#152235!important;border-bottom-color:#2c3d52!important;color:#eef6fb!important } html.tvm-dark #syh-app .syh-tools-section .syh-explorer-head h3{color:#eef6fb!important} html.tvm-dark #syh-app .syh-tools-section .syh-explorer-tabs{background:#0f1b2a!important} html.tvm-dark #syh-app .syh-tools-section .syh-explorer-tabs button{color:#9fb1c3!important} html.tvm-dark #syh-app .syh-tools-section .syh-explorer-tabs button.active{ background:#223149!important;color:#8dc8ff!important;box-shadow:none!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-lists{ background:#111c2b!important;border-color:#2c3d52!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-list>button{ background:#111c2b!important;border-color:#29394c!important;color:#e7eef6!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-list>button.active{ background:#1a2b42!important } html.tvm-dark #syh-app .syh-tools-section .syh-item-mark{ background:#243a59!important;color:#a9ccff!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-list strong{color:#e7eef6!important} html.tvm-dark #syh-app .syh-tools-section .syh-clinical-list small{color:#9fb1c3!important} html.tvm-dark #syh-app .syh-tools-section .syh-clinical-list em{ background:#1b293b!important;color:#9fb1c3!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-preview{ background:linear-gradient(145deg,#17263b,#111c2b)!important;color:#eef6fb!important } html.tvm-dark #syh-app .syh-tools-section .syh-preview-topline{color:#9fb1c3!important} html.tvm-dark #syh-app .syh-tools-section .syh-preview-topline b{ background:#243a59!important;color:#a9ccff!important } html.tvm-dark #syh-app .syh-tools-section .syh-clinical-preview h4{color:#eef6fb!important} html.tvm-dark #syh-app .syh-tools-section .syh-clinical-preview>p{color:#a9bac8!important} html.tvm-dark #syh-app .syh-tools-section .syh-preview-sample{ background:#101a28!important;border-color:#304258!important } html.tvm-dark #syh-app .syh-tools-section .syh-preview-sample small, html.tvm-dark #syh-app .syh-tools-section .syh-preview-actions>small{color:#9fb1c3!important} html.tvm-dark #syh-app .syh-tools-section .syh-preview-sample strong{color:#e3edf6!important} html.tvm-dark #syh-app .syh-tools-section .syh-preview-sample.is-abg span{background:#1b293b!important} html.tvm-dark #syh-app .syh-tools-section .syh-icd-sample small{color:#a9bac8!important} /* v0.71.2 — MEDIPHARM ABG interactive homepage module */ #syh-app .syh-abg-interactive-section{padding-top:10px;padding-bottom:28px} #syh-app .syh-abg-interactive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px} #syh-app .syh-abg-interactive-head>div{max-width:760px} #syh-app .syh-abg-interactive-head span:first-child{display:block;font-size:14px;font-weight:800;letter-spacing:.08em;color:#236f82;margin-bottom:6px} #syh-app .syh-abg-interactive-head h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.025em} #syh-app .syh-abg-interactive-head p{margin:8px 0 0;color:var(--syh-muted,#657285);font-size:15px;line-height:1.6} #syh-app .syh-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 .syh-abg-interactive-head{align-items:flex-start;flex-direction:column;gap:12px}#syh-app .syh-abg-interactive-head>a{width:100%;text-align:center}} html.tvm-dark #syh-app .syh-abg-interactive-head p{color:#a9bac8} html.tvm-dark #syh-app .syh-abg-interactive-head>a{background:#16303a;color:#aee5ee} /* v0.71.3 — ABG compact single-card homepage module */ #syh-app .syh-abg-interactive-section--compact{padding-top:8px;padding-bottom:18px} @media(max-width:780px){#syh-app .syh-abg-interactive-section--compact{padding-top:6px;padding-bottom:14px}} /* ========================================================================== * v0.71.4 — 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. * ========================================================================== */ #syh-app .syh-home-inspiration{padding-block:clamp(20px,3vw,30px)!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important} #syh-app .syh-home-inspiration-feed .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-label{font-size:14px!important;line-height:1.3!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-card-body, #syh-app .syh-home-inspiration-feed .mpi-card-body.has-media, #syh-app .syh-home-inspiration-feed .mpi-card.slot-person .mpi-card-body.has-media{gap:8px!important;flex:0 1 auto!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-card .mpi-en-row, #syh-app .syh-home-inspiration-feed .mpi-card .mpi-en, #syh-app .syh-home-inspiration-feed .mpi-card .mpi-source{display:none!important} #syh-app .syh-home-inspiration-feed .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important} #syh-app .syh-home-inspiration-feed .mpi-card.slot-person .mpi-person-media{width:58px!important;height:72px!important;min-width:58px!important;border-radius:12px!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-clinical-qa-mark{width:48px!important;height:48px!important;border-radius:14px!important;font-size:14px!important} #syh-app .syh-home-inspiration-feed .mpi-clinical-qa-copy h3{font-size:18px!important;-webkit-line-clamp:2!important;line-clamp:2!important} #syh-app .syh-home-inspiration-feed .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; } #syh-app .syh-home-inspiration-feed .mpi-clinical-qa-copy a{font-size:14px!important;margin-top:0!important} @media (min-width:768px) and (max-width:1179px){ #syh-app .syh-home-inspiration-feed .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:767px){ #syh-app .syh-home-inspiration{padding-block:18px 22px!important} #syh-app .syh-home-inspiration-feed .mpi-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #syh-app .syh-home-inspiration-feed .mpi-grid>.mpi-card{padding:12px!important;border-radius:15px!important} #syh-app .syh-home-inspiration-feed .mpi-card h3{font-size:17px!important;-webkit-line-clamp:2!important;line-clamp:2!important} #syh-app .syh-home-inspiration-feed .mpi-card .mpi-vi{-webkit-line-clamp:3!important;line-clamp:3!important} #syh-app .syh-home-inspiration-feed .mpi-clinical-qa-card{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;padding:12px!important} #syh-app .syh-home-inspiration-feed .mpi-clinical-qa-mark{width:44px!important;height:44px!important;border-radius:13px!important} } /* ====================================================================== * v0.71.8 — Runtime Home Bundle Hotfix * Fixes the previous regression where homepage-only CSS was written to * super-app.css while the runtime actually enqueues bundles/home.css. * ====================================================================== */ #syh-app .syh-suite-promo{ margin-top:16px!important;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; } #syh-app .syh-suite-promo-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important} #syh-app .syh-suite-promo-kicker{font-size:12px!important;font-weight:900!important;letter-spacing:.11em!important;color:#17658e!important} #syh-app .syh-suite-promo h3{margin:0!important;font-size:20px!important;line-height:1.32!important;color:#16334c!important;text-wrap:pretty} #syh-app .syh-suite-promo p{margin:0!important;font-size:14px!important;line-height:1.58!important;color:#617386!important} #syh-app .syh-suite-promo-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important} #syh-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:13px!important;font-weight:750!important} #syh-app .syh-suite-promo-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!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} #syh-app .syh-home-inspiration--library-stage{padding:34px 0 38px!important} #syh-app .syh-home-inspiration--library-stage .mpi-section{padding:0!important;background:transparent!important;overflow:visible!important} #syh-app .syh-home-inspiration--library-stage .mpi-shell{width:100%!important;max-width:none!important} #syh-app .syh-home-inspiration--library-stage .mpi-daily-quote{margin:0 0 14px!important;padding:16px 22px!important;border-radius:17px!important} #syh-app .syh-home-inspiration--library-stage .mpi-daily-quote-source{display:none!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid{ display:grid!important;grid-template-columns:repeat(4,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; } #syh-app .syh-home-inspiration--library-stage .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: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; } #syh-app .syh-home-inspiration--library-stage .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} #syh-app .syh-home-inspiration--library-stage .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important} #syh-app .syh-home-inspiration--library-stage .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]){display:none!important} #syh-app .syh-home-inspiration--library-stage .mpi-card-tools [data-mpi-refresh]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:9px!important} #syh-app .syh-home-inspiration--library-stage .mpi-label{font-size:12px!important;line-height:1.3!important;letter-spacing:.07em!important} #syh-app .syh-home-inspiration--library-stage .mpi-card h3{margin:0!important;font-size:17px!important;line-height:1.34!important;color:#1a344c!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-wrap:pretty} #syh-app .syh-home-inspiration--library-stage .mpi-card-body, #syh-app .syh-home-inspiration--library-stage .mpi-card-body.has-media, #syh-app .syh-home-inspiration--library-stage .mpi-card.slot-person .mpi-card-body.has-media{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:7px!important} #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-vi{font-size:14px!important;line-height:1.55!important;color:#52677a!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-wrap:pretty} #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-en-row, #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-en, #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-source{display:none!important} #syh-app .syh-home-inspiration--library-stage .mpi-card.slot-person .mpi-heading-row.has-media{grid-template-columns:58px minmax(0,1fr)!important;gap:9px!important} #syh-app .syh-home-inspiration--library-stage .mpi-card.slot-person .mpi-person-media{width:58px!important;height:72px!important;min-width:58px!important;border-radius:12px!important} #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link{margin-top:auto!important;padding-top:8px!important;font-size:13px!important;font-weight:800!important} #syh-app .syh-home-inspiration--library-stage .mpi-related-terms{margin-top:auto!important} #syh-app .syh-clinical-qa-section{padding:0 0 38px!important} #syh-app .syh-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; } #syh-app .syh-clinical-qa-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important} #syh-app .syh-clinical-qa-kicker{font-size:12px!important;font-weight:900!important;letter-spacing:.1em!important;color:#14758d!important} #syh-app .syh-clinical-qa-promo h2{margin:0!important;font-size:20px!important;line-height:1.32!important;color:#17364d!important;text-wrap:pretty} #syh-app .syh-clinical-qa-promo p{margin:0!important;font-size:14px!important;line-height:1.58!important;color:#5d7285!important} #syh-app .syh-clinical-qa-highlights{display:flex!important;flex-wrap:wrap!important;gap:7px!important} #syh-app .syh-clinical-qa-highlights span{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#e7f4f6!important;color:#315c69!important;font-size:13px!important;font-weight:750!important} #syh-app .syh-clinical-qa-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!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){ #syh-app .syh-suite-promo,#syh-app .syh-clinical-qa-promo{grid-template-columns:1fr!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid>.mpi-card{height:auto!important;min-height:0!important} } @media (max-width:720px){ #syh-app .syh-suite-promo,#syh-app .syh-clinical-qa-promo{padding:16px!important;border-radius:16px!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid{grid-template-columns:1fr!important;gap:10px!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid>.mpi-card{padding:14px!important;border-radius:15px!important} } /* v0.71.10 — concise discovery controls + homepage editorial ordering/responsive polish. */ #syh-app .syh-home-inspiration-feed .mpi-card-body, #syh-app .syh-home-inspiration--library-stage .mpi-card-body{display:flex!important;flex-direction:column!important} #syh-app .syh-home-inspiration-feed .mpi-card .mpi-card-deep-link, #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link{order:20!important;margin-top:auto!important} #syh-app .syh-home-inspiration-feed .mpi-card .mpi-related-terms, #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-related-terms{order:30!important;margin-top:8px!important} #syh-app .syh-spotlines-section .mmspot-v15-home-head>div>span, #syh-app .syh-spotlines-section .mmspot-v15-home-head p{display:none!important} @media (max-width:1080px){ #syh-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} } /* ====================================================================== * v0.71.13 — Clinical discovery promos dark-mode compatibility. * Covers the canonical Theme dark class and Search Dock night/dark classes. * ====================================================================== */ html.tvm-dark #syh-app .syh-suite-promo, html.nah-sdp-night-active #syh-app .syh-suite-promo, html.nah-sdp-night-mode #syh-app .syh-suite-promo, html.nah-sdp-dark-mode #syh-app .syh-suite-promo{ border-color:#2b4054!important; background:linear-gradient(135deg,#0e1b29,#122536)!important; box-shadow:0 12px 28px rgba(0,0,0,.16)!important; } html.tvm-dark #syh-app .syh-suite-promo h3, html.nah-sdp-night-active #syh-app .syh-suite-promo h3, html.nah-sdp-night-mode #syh-app .syh-suite-promo h3, html.nah-sdp-dark-mode #syh-app .syh-suite-promo h3{color:#eef6fb!important} html.tvm-dark #syh-app .syh-suite-promo p, html.nah-sdp-night-active #syh-app .syh-suite-promo p, html.nah-sdp-night-mode #syh-app .syh-suite-promo p, html.nah-sdp-dark-mode #syh-app .syh-suite-promo p{color:#a9bac8!important} html.tvm-dark #syh-app .syh-suite-promo-kicker, html.nah-sdp-night-active #syh-app .syh-suite-promo-kicker, html.nah-sdp-night-mode #syh-app .syh-suite-promo-kicker, html.nah-sdp-dark-mode #syh-app .syh-suite-promo-kicker{color:#7dd3fc!important} html.tvm-dark #syh-app .syh-suite-promo-chips span, html.nah-sdp-night-active #syh-app .syh-suite-promo-chips span, html.nah-sdp-night-mode #syh-app .syh-suite-promo-chips span, html.nah-sdp-dark-mode #syh-app .syh-suite-promo-chips span{ border:1px solid #31465a!important;background:#17283a!important;color:#c6d6e4!important; } html.tvm-dark #syh-app .syh-clinical-qa-promo, html.nah-sdp-night-active #syh-app .syh-clinical-qa-promo, html.nah-sdp-night-mode #syh-app .syh-clinical-qa-promo, html.nah-sdp-dark-mode #syh-app .syh-clinical-qa-promo{ border-color:#274751!important; background:linear-gradient(135deg,#0e2029,#102b32)!important; box-shadow:0 12px 28px rgba(0,0,0,.16)!important; } html.tvm-dark #syh-app .syh-clinical-qa-promo h2, html.nah-sdp-night-active #syh-app .syh-clinical-qa-promo h2, html.nah-sdp-night-mode #syh-app .syh-clinical-qa-promo h2, html.nah-sdp-dark-mode #syh-app .syh-clinical-qa-promo h2{color:#eef7fa!important} html.tvm-dark #syh-app .syh-clinical-qa-promo p, html.nah-sdp-night-active #syh-app .syh-clinical-qa-promo p, html.nah-sdp-night-mode #syh-app .syh-clinical-qa-promo p, html.nah-sdp-dark-mode #syh-app .syh-clinical-qa-promo p{color:#a9c0ca!important} html.tvm-dark #syh-app .syh-clinical-qa-kicker, html.nah-sdp-night-active #syh-app .syh-clinical-qa-kicker, html.nah-sdp-night-mode #syh-app .syh-clinical-qa-kicker, html.nah-sdp-dark-mode #syh-app .syh-clinical-qa-kicker{color:#67d4e7!important} html.tvm-dark #syh-app .syh-clinical-qa-highlights span, html.nah-sdp-night-active #syh-app .syh-clinical-qa-highlights span, html.nah-sdp-night-mode #syh-app .syh-clinical-qa-highlights span, html.nah-sdp-dark-mode #syh-app .syh-clinical-qa-highlights span{ border:1px solid #2a5058!important;background:#153039!important;color:#c2dce2!important; } /* ====================================================================== * v0.71.14 — Inspiration Library dark-mode text contrast hotfix. * The library-stage layout hard-codes light-mode title/body colors later * in the cascade; override them for every canonical dark-mode class. * ====================================================================== */ html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-card h3, html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-card h3, html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-card h3, html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-card h3{ color:#e9f2f7!important; } html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-vi, html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-vi, html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-vi, html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-vi{ color:#aebfcb!important; } html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link, html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link, html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link, html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-card .mpi-card-deep-link{ color:#4fc3f7!important; } html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-related-terms, html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-related-terms strong, html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-related-terms, html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-related-terms strong, html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-related-terms, html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-related-terms strong, html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-related-terms, html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-related-terms strong{ color:#cbd8df!important; } html.tvm-dark #syh-app .syh-home-inspiration--library-stage .mpi-card-tools [data-mpi-refresh], html.nah-sdp-night-active #syh-app .syh-home-inspiration--library-stage .mpi-card-tools [data-mpi-refresh], html.nah-sdp-night-mode #syh-app .syh-home-inspiration--library-stage .mpi-card-tools [data-mpi-refresh], html.nah-sdp-dark-mode #syh-app .syh-home-inspiration--library-stage .mpi-card-tools [data-mpi-refresh]{ border-color:#3a4d57!important; background:#1b2b35!important; color:#d6e5ed!important; } /* v0.71.18 — Spotlines equal-size responsive carousel cards. * Normalize the embedded Spotlines homepage cards into a single equal-height, * equal-width horizontal carousel across desktop, tablet and mobile. */ .syh-spotlines-section .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} .syh-spotlines-section .mmspot-home-grid::-webkit-scrollbar{height:8px} .syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{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;grid-column:auto!important;grid-row:auto!important;padding:18px!important;border-radius:18px!important;scroll-snap-align:start!important;box-shadow:0 14px 36px rgba(21,63,95,.08)!important} .syh-spotlines-section .mmspot-home-card h3,.syh-spotlines-section .mmspot-home-card:first-child 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} .syh-spotlines-section .mmspot-home-card p,.syh-spotlines-section .mmspot-home-card:first-child 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} .syh-spotlines-section .mmspot-home-source{margin-top:auto!important;padding-top:12px!important} @media (max-width:1180px){.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{flex-basis:calc(50% - 7px)!important;width:calc(50% - 7px)!important;min-width:calc(50% - 7px)!important}} @media (max-width:720px){.syh-spotlines-section .mmspot-home-grid{gap:12px!important;padding-bottom:8px!important}.syh-spotlines-section .mmspot-home-card,.syh-spotlines-section .mmspot-home-card:first-child{flex-basis:min(84vw,308px)!important;width:min(84vw,308px)!important;min-width:min(84vw,308px)!important;min-height:236px!important;padding:16px!important}.syh-spotlines-section .mmspot-home-card h3,.syh-spotlines-section .mmspot-home-card:first-child h3{font-size:17px!important}.syh-spotlines-section .mmspot-home-card p,.syh-spotlines-section .mmspot-home-card:first-child 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 /* v0.71.23 — Spotlines homepage cards show full topic titles and 5 highlights. */ #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-carousel{ align-items:stretch!important; } #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span b, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured>strong, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured>strong, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list li, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list li, .syh-spotlines-shell .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 .syh-spotlines-section .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a:nth-child(n), .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a:nth-child(n), .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a b, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-featured .mmspot-v15-featured-list a b, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-featured .mmspot-v15-featured-list a b, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-open, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-primary, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head{grid-template-columns:1fr!important} #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-head>a, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover.is-large, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .med-v15-topic-card .mmspot-v15-cover, .syh-spotlines-shell .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 .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3, #syh-app .syh-spotlines-section .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-recent-lead>span b, .syh-spotlines-shell .mmspot-home-module.mmspot-v15-home[data-med-v15-carousel="1"] .mmspot-v15-home-copy h3, .syh-spotlines-shell .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; } } /* Unified public-home editorial cleanup: internal Spotlines random-discovery metadata is not end-user copy. */ .mmspot-home-module.mmspot-v15-home .mmspot-v15-home-meta{display:none!important} /* 0.71.28 — 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:13px!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} } /* ========================================================================== * v0.71.30 — Desktop Fullscreen Host Geometry + NAH Dock Right-Rail Safe Area * Canonical outer canvas for homepage sections and injected MEDIPHARM modules. * NAH Search Dock Pro v2.16/v2.17 uses a 48 px collapsed / 132 px expanded rail at * right:16px; runtime JS publishes the matching safe-area token. * ========================================================================== */ :root{ --med-host-right-rail-safe:0px; --med-host-canvas-max:clamp(1480px,90vw,3000px); --med-host-gutter:clamp(20px,2.35vw,48px); --syh-shell-max:var(--med-host-canvas-max); --syh-shell-gutter:var(--med-host-gutter); } @media (min-width:1200px){ .syh-shell, .syh-app .mmspot-site-events-shell, .syh-app .mmspot-site-nobel{ width:min(var(--med-host-canvas-max),calc(100% - var(--med-host-right-rail-safe) - var(--med-host-gutter) - var(--med-host-gutter)))!important; max-width:none!important; margin-left:max(var(--med-host-gutter),calc((100% - var(--med-host-right-rail-safe) - var(--med-host-canvas-max))/2))!important; margin-right:auto!important; box-sizing:border-box!important; min-width:0!important; } #syh-app .syh-home-inspiration-feed, #syh-app .syh-home-inspiration-feed .mpi-section, #syh-app .syh-home-inspiration-feed .mpi-shell, #syh-app .syh-spotlines-shell .mmspot-home-module{ width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; } } /* 2026-09-12 — Clinical tool card copy must be complete, never ellipsized. */ .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow), .yhls-app .syh-tools-section .syh-tool-card>p:not(.syh-tool-eyebrow){ display:block!important; overflow:visible!important; max-height:none!important; -webkit-box-orient:initial!important; -webkit-line-clamp:unset!important; line-clamp:unset!important; text-overflow:clip!important; white-space:normal!important; } /* Stable canonical homepage Inspiration: exactly one visible card per topic. */ #syh-app .syh-home-inspiration--library-stage .mpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid>.mpi-card[data-home-inspiration-topic]:not([aria-hidden="true"]){display:flex!important;min-width:0!important} #syh-app .syh-home-inspiration--library-stage .mpi-grid>.mpi-card[aria-hidden="true"]{display:none!important} @media (max-width:1180px), (max-width:1366px) and (pointer:coarse), (max-width:1366px) and (hover:none){#syh-app .syh-home-inspiration--library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:720px){#syh-app .syh-home-inspiration--library-stage .mpi-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important}#syh-app .syh-home-inspiration--library-stage .mpi-grid>.mpi-card[data-home-inspiration-topic]:not([aria-hidden="true"]){flex:0 0 min(88vw,350px)!important;width:min(88vw,350px)!important}} /* v0.71.40 — Inspiration desktop 4-up canonical grid. * Fine-pointer desktop: exactly four cards in one row. * Touch/foldable <=1366 CSS px: 2x2. Mobile keeps the horizontal rail. * CSS Grid owns equal height; no JavaScript measurement/reflow. */ #syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:1fr!important;align-items:stretch!important} #syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid>.mpi-card[data-home-inspiration-topic]:not([aria-hidden="true"]){display:flex!important;align-self:stretch!important;height:100%!important;min-width:0!important;max-width:none!important} #syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid>.mpi-card[aria-hidden="true"]{display:none!important} @media (max-width:1180px), (max-width:1366px) and (pointer:coarse), (max-width:1366px) and (hover:none){#syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}} @media (max-width:720px){#syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important}#syh-app .syh-home-inspiration.syh-home-inspiration--library-stage .mpi-grid>.mpi-card[data-home-inspiration-topic]:not([aria-hidden="true"]){height:auto!important;flex:0 0 min(88vw,350px)!important;width:min(88vw,350px)!important}}