/* v0.87: deterministic concatenation of v0.86 homepage styles in existing precedence order. Relative asset URLs remain under assets/. */ /* === BEGIN home-visual.css === */ /* v0.71.46 — Unified homepage visuals. Loaded only on the homepage after home.css. */ #syh-app.syh-home-v2{ --home-ink:#16364b;--home-muted:#526a78;--home-accent:#087e83; --home-line:#dce8eb;--home-paper:#fff;--home-soft:#f3f8f9; --home-shadow:0 12px 32px rgba(21,57,74,.065); color:var(--home-ink); } #syh-app.syh-home-v2 .syh-hero{ position:relative;isolation:isolate;overflow:hidden;padding:64px 0 58px; background:radial-gradient(ellipse at 88% 10%,#e2f1ee 0,transparent 53%),linear-gradient(112deg,#f8fbfc 30%,#eef6f6 100%); border-bottom:1px solid var(--home-line); } #syh-app.syh-home-v2 .syh-hero:before{ content:"";position:absolute;z-index:-1;inset:auto -100px -410px auto; width:900px;height:900px;border:1px solid rgba(8,126,131,.09);border-radius:50%;background:none;filter:none;opacity:1;pointer-events:none; box-shadow:0 0 0 64px rgba(8,126,131,.025),0 0 0 128px rgba(8,126,131,.018); } #syh-app.syh-home-v2 .syh-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px} #syh-app.syh-home-v2 .syh-hero-copy{max-width:700px} #syh-app.syh-home-v2 .syh-hero-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--home-accent);font-size:12px;font-weight:800;letter-spacing:.14em;line-height:1.5} #syh-app.syh-home-v2 .syh-hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 5px rgba(8,126,131,.07)} #syh-app.syh-home-v2 .syh-hero h1{max-width:720px;margin:0;color:var(--home-ink);font-size:clamp(32px,3.15vw,52px);font-weight:760;line-height:1.2;letter-spacing:-.045em;text-wrap:balance} #syh-app.syh-home-v2 .syh-hero h1 span{color:var(--home-accent)} #syh-app.syh-home-v2 .syh-hero-lead{max-width:570px;margin:21px 0 25px;color:var(--home-muted);font-size:16px;line-height:1.75} #syh-app.syh-home-v2 .syh-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px} #syh-app.syh-home-v2 .syh-hero-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 19px;border:1px solid var(--home-line);border-radius:12px;font-size:14px;font-weight:750;text-decoration:none;transition:background .18s,transform .18s} #syh-app.syh-home-v2 .syh-hero-actions .syh-hero-primary{color:#fff;background:var(--home-accent);border-color:var(--home-accent);box-shadow:0 6px 14px rgba(8,126,131,.12)} #syh-app.syh-home-v2 .syh-hero-actions .syh-hero-secondary{color:var(--home-ink);background:var(--home-paper)} #syh-app.syh-home-v2 .syh-hero-primary>span{width:19px;height:19px;background:currentColor;mask:url('ui/book.svg') center/contain no-repeat;-webkit-mask:url('ui/book.svg') center/contain no-repeat} #syh-app.syh-home-v2 .syh-hero-actions>a:hover{transform:translateY(-1px)} #syh-app.syh-home-v2 .syh-quick-links{display:flex;flex-wrap:wrap;gap:8px 13px;margin:22px 0 0;padding:0;overflow:visible;color:var(--home-muted);font-size:12px;line-height:1.7} #syh-app.syh-home-v2 .syh-quick-links>a{padding:0;border:0;border-radius:0;background:none;color:var(--home-muted);text-decoration:none;font-size:12px} #syh-app.syh-home-v2 .syh-quick-links>a:hover{color:var(--home-accent);text-decoration:underline} #syh-app.syh-home-v2 .syh-hero-visual{display:block;min-height:0;width:100%;margin:0} #syh-app.syh-home-v2 .syh-reco-frame{width:100%;max-width:620px;padding:22px;border:1px solid var(--home-line);border-radius:24px;background:var(--home-paper);box-shadow:0 22px 50px rgba(21,57,74,.09);backdrop-filter:none} #syh-app.syh-home-v2 .syh-reco-frame:before{display:none} #syh-app.syh-home-v2 .syh-reco-head{padding:0 0 18px} #syh-app.syh-home-v2 .syh-reco-head strong{font-size:19px;color:var(--home-ink)} #syh-app.syh-home-v2 .syh-reco-head small{font-size:10px;line-height:1.5;letter-spacing:.12em;color:var(--home-muted);font-weight:700;margin-bottom:3px} #syh-app.syh-home-v2 .syh-reco-spark{width:40px;height:40px;flex-basis:40px;border-radius:12px;background:var(--home-soft);color:var(--home-accent);box-shadow:none;font-size:20px} #syh-app.syh-home-v2 .syh-reco-head>button{width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--home-line);border-radius:12px;background:var(--home-paper);color:var(--home-accent);position:relative;text-indent:0} #syh-app.syh-home-v2 .syh-reco-head>button>span{position:static;display:block;width:20px;height:20px;margin:auto;font-size:0!important;background:currentColor;mask:url('ui/refresh.svg') center/contain no-repeat;-webkit-mask:url('ui/refresh.svg') center/contain no-repeat} #syh-app.syh-home-v2 .syh-reco-card{--reco:var(--home-accent);display:grid;grid-template-columns:136px minmax(0,1fr);gap:22px;min-height:238px;padding:18px;border:1px solid var(--home-line)!important;border-radius:16px;background:var(--home-soft)!important;box-shadow:none;align-items:center} #syh-app.syh-home-v2 .syh-reco-card:after{display:none} #syh-app.syh-home-v2 .syh-reco-visual-card{width:136px;height:184px;border-radius:10px;background:#e8f2f2;box-shadow:none;align-self:center} #syh-app.syh-home-v2 .syh-reco-visual-card img{object-fit:contain;background:transparent} #syh-app.syh-home-v2 .syh-reco-book .syh-reco-visual-card{background:#e7efef;box-shadow:0 8px 18px rgba(21,57,74,.10)} #syh-app.syh-home-v2 .syh-reco-artwork-mark,#syh-app.syh-home-v2 .syh-reco-orbit{display:none} #syh-app.syh-home-v2 .syh-reco-glyph{--home-icon:url('ui/book.svg');width:76px;height:76px;background:var(--home-paper);color:var(--home-accent);font-size:0;box-shadow:none;border:1px solid var(--home-line);border-radius:22px} #syh-app.syh-home-v2 .syh-reco-glyph:before{content:"";width:40px;height:40px;background:currentColor;mask:var(--home-icon) center/contain no-repeat;-webkit-mask:var(--home-icon) center/contain no-repeat} #syh-app.syh-home-v2 .syh-reco-score .syh-reco-glyph{--home-icon:url('ui/score.svg')} #syh-app.syh-home-v2 .syh-reco-algorithm .syh-reco-glyph{--home-icon:url('ui/algorithm.svg')} #syh-app.syh-home-v2 .syh-reco-calculator .syh-reco-glyph{--home-icon:url('ui/calculator.svg')} #syh-app.syh-home-v2 .syh-reco-dictionary .syh-reco-glyph{--home-icon:url('ui/dictionary.svg')} #syh-app.syh-home-v2 .syh-reco-icd .syh-reco-glyph{--home-icon:url('ui/icd.svg')} #syh-app.syh-home-v2 .syh-reco-label{font-size:11px;letter-spacing:.07em;margin-bottom:8px;color:var(--home-accent)} #syh-app.syh-home-v2 .syh-reco-title{font-size:22px;line-height:1.3;letter-spacing:-.025em;color:var(--home-ink)!important} #syh-app.syh-home-v2 .syh-reco-description,#syh-app.syh-home-v2 .syh-reco-meta,#syh-app.syh-home-v2 .syh-reco-ipa{color:var(--home-muted)!important;font-size:13px;line-height:1.6} #syh-app.syh-home-v2 .syh-reco-meaning{color:var(--home-ink)} #syh-app.syh-home-v2 .syh-reco-cta{font-size:13px;color:var(--home-accent);padding-top:16px} #syh-app.syh-home-v2 .syh-reco-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:14px;padding:0;background:none!important;border-radius:0;overflow:visible} #syh-app.syh-home-v2 .syh-reco-tabs button{min-height:38px;padding:6px 8px;font-size:12px;line-height:1.5;white-space:normal;color:var(--home-muted)!important;border:1px solid transparent;border-radius:9px;box-shadow:none!important} #syh-app.syh-home-v2 .syh-reco-tabs button>span{display:none} #syh-app.syh-home-v2 .syh-reco-tabs button.is-active{background:var(--home-soft)!important;color:var(--home-accent)!important;border-color:var(--home-line)} /* One section rhythm and one family of cards. Original module content stays native. */ #syh-app.syh-home-v2 .syh-section,#syh-app.syh-home-v2 .syh-home-inspiration--library-stage{padding:42px 0!important;background:var(--home-paper)!important} #syh-app.syh-home-v2 .syh-tools-section,#syh-app.syh-home-v2 .syh-clinical-qa-section{background:var(--home-soft)!important;border-block:1px solid var(--home-line)} #syh-app.syh-home-v2 .syh-library-heading h2,#syh-app.syh-home-v2 .syh-section-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.025em;color:var(--home-ink)} #syh-app.syh-home-v2 .syh-library-heading p,#syh-app.syh-home-v2 .syh-section-heading p{color:var(--home-muted);font-size:14px;line-height:1.7} #syh-app.syh-home-v2 .syh-library-filters button{border-radius:10px;box-shadow:none} #syh-app.syh-home-v2 .syh-library-filters button.active{background:var(--home-accent);border-color:var(--home-accent);color:#fff} #syh-app.syh-home-v2 .syh-library-card{border-color:var(--home-line)!important;border-radius:16px!important;box-shadow:var(--home-shadow)!important;background:var(--home-paper)!important} #syh-app.syh-home-v2 .syh-library-open,#syh-app.syh-home-v2 .syh-library-copy>a{color:var(--home-accent)} #syh-app.syh-home-v2 .syh-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible} #syh-app.syh-home-v2 .syh-tool-card{ --syh-tool-rgb:8,126,131;--syh-tool-bg-a:var(--home-paper);--syh-tool-bg-b:var(--home-paper);--syh-tool-bg-c:var(--home-soft); display:flex;flex-direction:column;grid-column:auto;min-height:310px;padding:22px;border-radius:16px!important; border-color:var(--home-line)!important;background:linear-gradient(160deg,var(--home-paper) 74%,var(--home-soft))!important;box-shadow:var(--home-shadow)!important; } #syh-app.syh-home-v2 .syh-tool-card:before{display:none} #syh-app.syh-home-v2 .syh-tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px} #syh-app.syh-home-v2 .syh-tool-glyph,#syh-app.syh-home-v2 .syh-tool-glyph--dictionary{--home-icon:url('ui/clinical.svg');display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:13px;font-size:0;color:var(--home-accent)!important;background:var(--home-soft)!important;border:1px solid var(--home-line)!important;box-shadow:none!important} #syh-app.syh-home-v2 .syh-tool-glyph:before{content:"";width:26px;height:26px;background:currentColor;mask:var(--home-icon) center/contain no-repeat;-webkit-mask:var(--home-icon) center/contain no-repeat} #syh-app.syh-home-v2 [data-syh-product="abg"] .syh-tool-glyph{--home-icon:url('ui/abg.svg')} #syh-app.syh-home-v2 [data-syh-product="icd"] .syh-tool-glyph{--home-icon:url('ui/icd.svg')} #syh-app.syh-home-v2 [data-syh-product="dictionary"] .syh-tool-glyph{--home-icon:url('ui/dictionary.svg')} #syh-app.syh-home-v2 .syh-tool-badge{display:flex;flex-direction:column;gap:3px;max-width:65%;color:var(--home-muted);background:transparent;padding:0;text-align:right} #syh-app.syh-home-v2 .syh-tool-badge strong{font-size:15px;color:var(--home-ink)} #syh-app.syh-home-v2 .syh-tool-badge small{font-size:10px;font-weight:500;line-height:1.4} #syh-app.syh-home-v2 .syh-tool-card h3{margin:0 0 10px;font-size:19px;line-height:1.35;color:var(--home-ink)!important} #syh-app.syh-home-v2 .syh-tool-card>p{margin:0;color:var(--home-muted)!important;font-size:13px;line-height:1.65} #syh-app.syh-home-v2 .syh-tool-tags{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0} #syh-app.syh-home-v2 .syh-tool-tags span{padding:4px 7px;border-radius:6px;color:var(--home-muted)!important;background:var(--home-soft)!important;border-color:var(--home-line)!important;font-size:10px;line-height:1.5} #syh-app.syh-home-v2 .syh-tool-link{margin-top:auto;border-color:var(--home-line)!important;color:var(--home-accent)!important;font-size:13px} #syh-app.syh-home-v2 .syh-suite-promo,#syh-app.syh-home-v2 .syh-clinical-qa-promo{padding:26px;border:1px solid var(--home-line)!important;border-radius:18px!important;background:var(--home-paper)!important;box-shadow:var(--home-shadow)!important;color:var(--home-ink)!important} #syh-app.syh-home-v2 .syh-suite-promo:before,#syh-app.syh-home-v2 .syh-clinical-qa-promo:before,#syh-app.syh-home-v2 .syh-suite-promo:after,#syh-app.syh-home-v2 .syh-clinical-qa-promo:after{display:none} #syh-app.syh-home-v2 .syh-suite-promo h3,#syh-app.syh-home-v2 .syh-clinical-qa-promo h2{color:var(--home-ink)!important;font-size:22px;line-height:1.4} #syh-app.syh-home-v2 .syh-suite-promo p,#syh-app.syh-home-v2 .syh-clinical-qa-promo p{color:var(--home-muted)!important} #syh-app.syh-home-v2 .syh-suite-promo-chips span,#syh-app.syh-home-v2 .syh-clinical-qa-highlights span{background:var(--home-soft)!important;border:1px solid var(--home-line)!important;color:var(--home-muted)!important;border-radius:8px!important} #syh-app.syh-home-v2 .syh-suite-promo-actions>a,#syh-app.syh-home-v2 .syh-clinical-qa-link{border-radius:10px!important;background:var(--home-accent)!important;border-color:var(--home-accent)!important;color:#fff!important;box-shadow:none!important} #syh-app.syh-home-v2 .syh-home-inspiration-feed .mpi-card{border-color:var(--home-line)!important;border-radius:16px!important;background:var(--home-paper)!important;box-shadow:var(--home-shadow)!important} #syh-app.syh-home-v2 .syh-home-inspiration-feed .mpi-card h3{color:var(--home-ink)!important} #syh-app.syh-home-v2 .syh-home-inspiration-feed .mpi-card .mpi-vi{color:var(--home-muted)!important} #syh-app.syh-home-v2 .syh-home-inspiration-feed .mpi-label,#syh-app.syh-home-v2 .syh-home-inspiration-feed .mpi-card-deep-link{color:var(--home-accent)!important} #syh-app.syh-home-v2 .syh-spotlines-section .med-v15-topic-card{border-color:var(--home-line)!important;border-radius:16px!important;box-shadow:var(--home-shadow)!important} #syh-app.syh-home-v2 :is(a,button):focus-visible{outline:3px solid var(--home-accent);outline-offset:4px} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2{ --home-ink:#e5edf3;--home-muted:#a9becb;--home-accent:#64d3ca;--home-line:#2b4251;--home-paper:#122532;--home-soft:#182e3d;--home-shadow:0 12px 32px rgba(0,0,0,.12); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-hero{background:radial-gradient(ellipse at 88% 10%,#163d40 0,transparent 53%),linear-gradient(112deg,#112430 30%,#122c35 100%)} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-hero-primary, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-suite-promo-actions>a, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-clinical-qa-link{color:#102e34!important} @media (max-width:1180px){ #syh-app.syh-home-v2 .syh-hero-grid{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #syh-app.syh-home-v2 .syh-hero h1{font-size:clamp(28px,3.65vw,42px)} #syh-app.syh-home-v2 .syh-reco-frame{padding:16px} #syh-app.syh-home-v2 .syh-reco-card{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:14px} #syh-app.syh-home-v2 .syh-reco-visual-card{width:100px;height:142px} #syh-app.syh-home-v2 .syh-reco-title{font-size:19px} #syh-app.syh-home-v2 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #syh-app.syh-home-v2 .syh-tool-card{min-height:285px} } @media (max-width:800px){ #syh-app.syh-home-v2 .syh-hero{padding:38px 0} #syh-app.syh-home-v2 .syh-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px} #syh-app.syh-home-v2 .syh-hero h1{font-size:clamp(30px,5.6vw,44px);letter-spacing:-.04em} #syh-app.syh-home-v2 .syh-hero-copy{max-width:100%} #syh-app.syh-home-v2 .syh-reco-frame{max-width:100%} #syh-app.syh-home-v2 .syh-reco-card{grid-template-columns:114px minmax(0,1fr);min-height:200px} #syh-app.syh-home-v2 .syh-reco-visual-card{width:114px;height:150px} } @media (max-width:540px){ #syh-app.syh-home-v2 .syh-hero{padding:32px 0} #syh-app.syh-home-v2 .syh-hero-eyebrow{margin-bottom:16px;font-size:10px} #syh-app.syh-home-v2 .syh-hero h1{font-size:clamp(28px,7.65vw,40px)} #syh-app.syh-home-v2 .syh-hero-lead{font-size:14px;line-height:1.7;margin:18px 0 20px} #syh-app.syh-home-v2 .syh-hero-actions{display:grid;grid-template-columns:1fr;gap:9px} #syh-app.syh-home-v2 .syh-hero-actions>a{width:100%;min-height:46px} #syh-app.syh-home-v2 .syh-quick-links{font-size:11px;gap:7px 12px;margin-top:18px} #syh-app.syh-home-v2 .syh-reco-frame{padding:14px;border-radius:18px} #syh-app.syh-home-v2 .syh-reco-head strong{font-size:17px} #syh-app.syh-home-v2 .syh-reco-card{grid-template-columns:82px minmax(0,1fr);gap:13px;padding:12px;min-height:190px;border-radius:12px} #syh-app.syh-home-v2 .syh-reco-visual-card{width:82px;height:118px;border-radius:8px} #syh-app.syh-home-v2 .syh-reco-title{font-size:18px;line-height:1.35} #syh-app.syh-home-v2 .syh-reco-label{font-size:10px!important} #syh-app.syh-home-v2 .syh-reco-tabs button{font-size:11px!important;min-height:40px} #syh-app.syh-home-v2 .syh-section,#syh-app.syh-home-v2 .syh-home-inspiration--library-stage{padding:30px 0!important} #syh-app.syh-home-v2 .syh-section-heading h2,#syh-app.syh-home-v2 .syh-library-heading h2{font-size:24px} #syh-app.syh-home-v2 .syh-tool-grid{grid-template-columns:1fr;gap:12px} #syh-app.syh-home-v2 .syh-tool-card{min-height:0;padding:20px} #syh-app.syh-home-v2 .syh-tool-card h3{font-size:19px} #syh-app.syh-home-v2 .syh-tool-card-top{margin-bottom:14px} #syh-app.syh-home-v2 .syh-suite-promo,#syh-app.syh-home-v2 .syh-clinical-qa-promo{padding:20px} #syh-app.syh-home-v2 .syh-suite-promo h3,#syh-app.syh-home-v2 .syh-clinical-qa-promo h2{font-size:20px} } @media (prefers-reduced-motion:reduce){#syh-app.syh-home-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Explicit dark selectors also outrank legacy html.tvm-dark !important rules. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-frame, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-head>button{background:var(--home-paper)!important;border-color:var(--home-line)!important;color:var(--home-accent)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-card{background:var(--home-soft)!important;border-color:var(--home-line)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-tabs{background:none!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-tabs button{color:var(--home-muted)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-reco-tabs button.is-active{background:var(--home-soft)!important;color:var(--home-accent)!important} #syh-app.syh-home-v2 .syh-library-copy>a{color:var(--home-accent)!important} #syh-app.syh-home-v2 .syh-library-open{background:var(--home-accent)!important;border-color:var(--home-accent)!important;color:#fff!important;border-radius:10px;box-shadow:none!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v2 .syh-library-open{color:#102e34!important} /* v0.71.47 — Encyclopedic Medical Library landing hero. */ #syh-app.syh-home-v3 .syh-hero{padding:64px 0 54px;background:radial-gradient(ellipse at 83% 45%,#dfefeb 0,transparent 52%),linear-gradient(112deg,#fbfcfa 25%,#f0f6f3 100%)} #syh-app.syh-home-v3 .syh-hero:before{inset:-380px -210px auto auto;width:1080px;height:1080px;border-color:rgba(8,126,131,.07);box-shadow:0 0 0 70px rgba(8,126,131,.02),0 0 0 140px rgba(8,126,131,.015)} #syh-app.syh-home-v3 .syh-hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:22px;align-items:center} #syh-app.syh-home-v3 .syh-hero-eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:22px;flex-wrap:wrap} #syh-app.syh-home-v3 .syh-hero h1{font-size:clamp(36px,4.15vw,64px);line-height:1.13;letter-spacing:-.045em;font-weight:780;max-width:720px;text-wrap:initial} #syh-app.syh-home-v3 .syh-hero h1>span{color:var(--home-accent)} #syh-app.syh-home-v3 .syh-hero-tagline{margin:20px 0 0;color:var(--home-ink);font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.015em} #syh-app.syh-home-v3 .syh-hero-lead{margin:13px 0 27px;font-size:15px;line-height:1.8;max-width:545px} #syh-app.syh-home-v3 .syh-hero-topics{display:grid;grid-template-columns:repeat(2,max-content);gap:13px 24px;margin-top:29px} #syh-app.syh-home-v3 .syh-hero-topics>a{display:flex;align-items:center;gap:8px;color:var(--home-muted);font-size:12px;line-height:1.5;text-decoration:none;font-weight:600} #syh-app.syh-home-v3 .syh-hero-topics>a:hover{color:var(--home-accent)} #syh-app.syh-home-v3 .syh-hero-topics>a>span{--topic-icon:url('ui/book.svg');display:inline-block;flex:0 0 17px;width:17px;height:17px;background:var(--home-accent);mask:var(--topic-icon) center/contain no-repeat;-webkit-mask:var(--topic-icon) center/contain no-repeat} #syh-app.syh-home-v3 .syh-hero-topics .syh-topic-reference{--topic-icon:url('ui/icd.svg')} #syh-app.syh-home-v3 .syh-hero-topics .syh-topic-evidence{--topic-icon:url('ui/score.svg')} #syh-app.syh-home-v3 .syh-hero-topics .syh-topic-language{--topic-icon:url('ui/dictionary.svg')} #syh-app.syh-home-v3 .syh-hero-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:14px 0 24px} #syh-app.syh-home-v3 .syh-hero-art-halo{position:absolute;z-index:-1;left:10%;top:8%;width:84%;height:83%;border-radius:50%;background:radial-gradient(ellipse,#f8fcf7 0,#e0eee4 55%,rgba(224,238,228,0) 72%);pointer-events:none} #syh-app.syh-home-v3 .syh-hero-art picture{display:block;width:100%;position:relative;z-index:1} #syh-app.syh-home-v3 .syh-hero-art-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(19,59,64,.10))} #syh-app.syh-home-v3 .syh-hero-art-caption{display:flex;align-items:center;gap:12px;max-width:100%;margin-top:0;padding:13px 19px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-paper);box-shadow:0 9px 24px rgba(20,60,65,.06);color:var(--home-ink)} #syh-app.syh-home-v3 .syh-hero-art-caption>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--home-soft);color:var(--home-accent);font-size:19px} #syh-app.syh-home-v3 .syh-hero-art-caption>div{display:flex;flex-direction:column;gap:3px} #syh-app.syh-home-v3 .syh-hero-art-caption strong{font-size:12px;font-weight:750;line-height:1.5} #syh-app.syh-home-v3 .syh-hero-art-caption small{font-size:10px;line-height:1.5;color:var(--home-muted)} /* The existing recommendation controls remain intact in a quieter discovery band. */ #syh-app.syh-home-v3 .syh-discovery{padding:23px 0;background:var(--home-paper);border-bottom:1px solid var(--home-line)} #syh-app.syh-home-v3 .syh-discovery .syh-reco-frame{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.6fr) minmax(220px,.85fr);align-items:center;gap:24px;max-width:none;width:100%;padding:0;background:transparent!important;border:0;box-shadow:none;border-radius:0} #syh-app.syh-home-v3 .syh-discovery .syh-reco-head{flex-wrap:wrap;align-content:center;gap:12px;padding:0} #syh-app.syh-home-v3 .syh-discovery .syh-reco-head strong{font-size:17px;line-height:1.4} #syh-app.syh-home-v3 .syh-discovery .syh-reco-head>button{margin-left:51px;width:32px;height:32px;min-height:32px;border-radius:9px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-card,#syh-app.syh-home-v3 .syh-discovery .syh-reco-card.syh-reco-book{grid-template-columns:64px minmax(0,1fr);gap:15px;min-height:136px!important;padding:12px 15px;align-items:center!important;border-radius:12px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-visual-card{width:64px;height:90px;border-radius:6px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-glyph{width:48px;height:48px;border-radius:12px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-glyph:before{width:28px;height:28px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-label{margin-bottom:5px;font-size:10px!important;letter-spacing:.03em} #syh-app.syh-home-v3 .syh-discovery .syh-reco-title{font-size:16px;line-height:1.4;-webkit-line-clamp:2} #syh-app.syh-home-v3 .syh-discovery .syh-reco-description{margin-top:4px;font-size:12px!important;line-height:1.5;-webkit-line-clamp:2} #syh-app.syh-home-v3 .syh-discovery .syh-reco-meta,#syh-app.syh-home-v3 .syh-discovery .syh-reco-ipa{display:none!important} #syh-app.syh-home-v3 .syh-discovery .syh-reco-meaning{font-size:12px;line-height:1.5} #syh-app.syh-home-v3 .syh-discovery .syh-reco-cta{padding-top:7px!important;margin-top:0!important;font-size:12px!important} #syh-app.syh-home-v3 .syh-discovery .syh-reco-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:5px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-tabs button{font-size:11px!important;min-height:35px} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v3 .syh-hero{background:radial-gradient(ellipse at 83% 45%,#244649 0,transparent 52%),linear-gradient(112deg,#10232e 25%,#18363c 100%)} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v3 .syh-hero-art-halo{background:radial-gradient(ellipse,rgba(219,239,225,.38) 0,rgba(117,172,157,.2) 55%,rgba(117,172,157,0) 72%)} @media (max-width:1180px){ #syh-app.syh-home-v3 .syh-hero-grid{gap:18px} #syh-app.syh-home-v3 .syh-hero h1{font-size:clamp(34px,4.4vw,52px)} #syh-app.syh-home-v3 .syh-hero-topics{gap:12px 16px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-frame{grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);gap:18px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-tabs{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))} } @media (max-width:800px){ #syh-app.syh-home-v3 .syh-hero{padding:37px 0 26px} #syh-app.syh-home-v3 .syh-hero-grid{grid-template-columns:minmax(0,1fr);gap:16px} #syh-app.syh-home-v3 .syh-hero h1{font-size:clamp(35px,6.7vw,52px)} #syh-app.syh-home-v3 .syh-hero-eyebrow{margin-bottom:18px} #syh-app.syh-home-v3 .syh-hero-art{width:min(100%,610px);margin:auto;padding:0 0 5px} #syh-app.syh-home-v3 .syh-hero-art-caption{padding:11px 16px;margin-top:-3px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-frame{grid-template-columns:minmax(0,1fr);gap:14px} #syh-app.syh-home-v3 .syh-discovery .syh-reco-head{flex-wrap:nowrap;justify-content:space-between} #syh-app.syh-home-v3 .syh-discovery .syh-reco-head>button{margin-left:0} #syh-app.syh-home-v3 .syh-discovery .syh-reco-tabs{grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:540px){ #syh-app.syh-home-v3 .syh-hero{padding:29px 0 24px} #syh-app.syh-home-v3 .syh-hero-eyebrow{font-size:9px;letter-spacing:.07em;gap:7px;line-height:1.7} #syh-app.syh-home-v3 .syh-hero h1{font-size:clamp(30px,8.15vw,43px);line-height:1.16} #syh-app.syh-home-v3 .syh-hero-tagline{font-size:15px;margin-top:16px;line-height:1.6} #syh-app.syh-home-v3 .syh-hero-lead{font-size:13px;line-height:1.75;margin:11px 0 22px} #syh-app.syh-home-v3 .syh-hero-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px;margin-top:22px} #syh-app.syh-home-v3 .syh-hero-topics>a{font-size:10px;gap:6px;line-height:1.6} #syh-app.syh-home-v3 .syh-hero-topics>a>span{width:15px;height:15px;flex-basis:15px} #syh-app.syh-home-v3 .syh-hero-art{margin-top:6px} #syh-app.syh-home-v3 .syh-hero-art-caption strong{font-size:11px} #syh-app.syh-home-v3 .syh-discovery{padding:20px 0} } /* v0.71.48 — Abstract vector medical evolution banner. */ #syh-app.syh-home-v4 .syh-hero{padding:50px 0 42px;background:radial-gradient(ellipse at 84% 32%,#e4f3f2 0,transparent 49%),linear-gradient(115deg,#fbfcfd 24%,#f1f7f8 100%)} #syh-app.syh-home-v4 .syh-hero:before{inset:0;width:100%;height:100%;border:0;border-radius:0;background:url('hero/medical-wave-field.svg') center/cover no-repeat;box-shadow:none;opacity:.8} #syh-app.syh-home-v4 .syh-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px} #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(36px,3.95vw,60px)} #syh-app.syh-home-v4 .syh-hero-tagline{font-size:18px;margin-top:19px} #syh-app.syh-home-v4 .syh-hero-art{width:100%;max-width:none;margin:0;padding:0;align-self:center;gap:0} #syh-app.syh-home-v4 .syh-hero-wave-art{position:relative;width:100%;isolation:isolate} #syh-app.syh-home-v4 .syh-hero-art-image{width:100%;height:auto;filter:none;max-width:100%} #syh-app.syh-home-v4 .syh-hero-vector-dark{display:none} #syh-app.syh-home-v4 .syh-hero-eras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:95%;padding:0 0 15px;margin:-1px 0 0;border-bottom:1px solid var(--home-line)} #syh-app.syh-home-v4 .syh-hero-eras>span{display:block;min-width:0;text-align:center;color:var(--home-muted);font-size:10px;line-height:1.7;font-weight:650;letter-spacing:.02em} #syh-app.syh-home-v4 .syh-hero-eras>span:first-child{color:#99754b} #syh-app.syh-home-v4 .syh-hero-eras>span:last-child{color:var(--home-accent)} #syh-app.syh-home-v4 .syh-hero-journey{width:100%;margin:14px 0 0;text-align:center;color:var(--home-muted);font-size:11px;line-height:1.6;font-weight:500;letter-spacing:.025em} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v4 .syh-hero{background:radial-gradient(ellipse at 84% 32%,#23484b 0,transparent 49%),linear-gradient(115deg,#102430 24%,#173239 100%)} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v4 .syh-hero-vector-light{display:none} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v4 .syh-hero-vector-dark{display:block} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v4 .syh-hero-eras>span:first-child{color:#d7b587} @media (max-width:1180px){ #syh-app.syh-home-v4 .syh-hero-grid{gap:22px} #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(34px,4.2vw,49px)} #syh-app.syh-home-v4 .syh-hero-eras>span{font-size:9px} } @media (max-width:800px){ #syh-app.syh-home-v4 .syh-hero{padding:33px 0 28px} #syh-app.syh-home-v4 .syh-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px} #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(35px,6.7vw,52px)} #syh-app.syh-home-v4 .syh-hero-art{width:min(100%,650px);margin:auto} #syh-app.syh-home-v4 .syh-hero-eras>span{font-size:10px} } @media (max-width:540px){ #syh-app.syh-home-v4 .syh-hero{padding:29px 0 24px} #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(30px,8.15vw,43px)} #syh-app.syh-home-v4 .syh-hero-tagline{font-size:15px;margin-top:16px} #syh-app.syh-home-v4 .syh-hero-grid{gap:18px} #syh-app.syh-home-v4 .syh-hero-eras{width:100%;gap:5px;padding-bottom:11px} #syh-app.syh-home-v4 .syh-hero-eras>span{font-size:9px;font-weight:600;line-height:1.6} #syh-app.syh-home-v4 .syh-hero-journey{font-size:10px;margin-top:12px} } /* v0.71.50 — light editorial design: one editorial module, one schedule, responsive editorial cards. */ body:has(#syh-spotlines-home) .mmspot-site-nobel, body:has(#syh-spotlines-home) .mmspot-site-events-shell[hidden], body:has(#syh-spotlines-home) .tvm-spotlines-home[hidden], #syh-app #syh-spotlines-home [hidden]{display:none!important} #syh-app #syh-spotlines-home{--ed-feature:#f5f9f8;--ed-cover:#f0f5f4;--ed-line:#e0e9e7;background:var(--home-paper)!important;border-top:1px solid var(--home-line);padding:40px 0!important} #syh-app #syh-spotlines-home .syh-editorial-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px} #syh-app #syh-spotlines-home .syh-editorial-kicker{display:block;color:var(--home-accent);font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.7} #syh-app #syh-spotlines-home .syh-editorial-heading h2{margin:7px 0 9px;color:var(--home-ink);font-size:clamp(26px,2.45vw,34px);line-height:1.2;letter-spacing:-.025em} #syh-app #syh-spotlines-home .syh-editorial-heading p{margin:0;color:var(--home-muted);font-size:14px;line-height:1.7} #syh-app #syh-spotlines-home .syh-editorial-heading>a{display:inline-flex;align-items:center;gap:18px;flex-shrink:0;padding:11px 15px;border:1px solid var(--home-line);border-radius:10px;background:var(--home-paper);color:var(--home-ink);text-decoration:none;font-size:13px;font-weight:700} #syh-app #syh-spotlines-home .mmspot-home-module{display:block!important;visibility:visible!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important} #syh-app #syh-spotlines-home :is(.mmspot-v15-home-head,.mmspot-home-head){display:none!important} #syh-app #syh-spotlines-home .syh-editorial-feature{margin:0 0 22px} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-hero{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)!important;align-items:center!important;gap:30px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:224px!important;max-height:none!important;padding:28px!important;border:1px solid var(--ed-line)!important;border-radius:16px!important;background:var(--ed-feature)!important;box-shadow:none!important;overflow:hidden!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-copy{grid-column:1!important;grid-row:1!important;display:flex!important;min-width:0!important;gap:6px!important;padding:0!important;color:var(--home-ink)!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-copy h3{margin:7px 0 9px!important;font-size:clamp(23px,2.1vw,30px)!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--home-ink)!important;-webkit-line-clamp:3!important} #syh-app #syh-spotlines-home .syh-editorial-feature :is(p,.mmspot-v15-featured-list a,.mmspot-v15-featured-list b){color:var(--home-muted)!important;font-size:13px!important;line-height:1.7!important} #syh-app #syh-spotlines-home .syh-editorial-feature :is(small,.mmspot-home-kicker){color:var(--home-accent)!important;letter-spacing:.1em!important;font-size:10px!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-primary{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;gap:14px!important;margin-top:13px!important;padding:11px 16px!important;border:1px solid var(--ed-line)!important;border-radius:9px!important;background:var(--home-paper)!important;color:var(--home-accent)!important;font-size:13px!important;text-decoration:none!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover{grid-column:2!important;grid-row:1!important;width:100%!important;height:168px!important;min-height:0!important;max-height:168px!important;padding:0!important;border:0!important;border-radius:18px!important;background:var(--ed-cover)!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover :is(img,svg){max-width:100%!important;max-height:100%!important;object-fit:contain!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-featured{border-color:var(--ed-line)!important} #syh-app #syh-spotlines-home .syh-editorial-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;width:100%!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.med-v15-topic-card,.mmspot-home-card){display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;width:100%!important;height:auto!important;min-height:270px!important;max-height:none!important;padding:14px!important;border:1px solid var(--home-line)!important;border-radius:14px!important;background:var(--home-paper)!important;box-shadow:none!important;text-decoration:none!important;color:var(--home-ink)!important;transition:transform .18s,box-shadow .18s} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.med-v15-topic-card,.mmspot-home-card):hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a3e4b09!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover{width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;flex:0 0 112px!important;border:0!important;border-radius:11px!important;background:var(--ed-cover)!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover :is(img,svg){max-width:100%!important;max-height:100%!important;object-fit:contain!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.mmspot-v15-home-copy,.mmspot-v15-home-recent-card>span){display:flex!important;flex:1!important;flex-direction:column!important;gap:7px!important;padding:14px 2px 2px!important;min-width:0!important;color:var(--home-ink)!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(h3,.mmspot-v15-home-recent-card>span b){display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;margin:0!important;color:var(--home-ink)!important;font-size:16px!important;line-height:1.4!important;letter-spacing:-.015em!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(p,em,.mmspot-home-source){color:var(--home-muted)!important;font-size:12px!important;line-height:1.6!important} #syh-app #syh-spotlines-home .syh-editorial-cards small{color:var(--home-accent)!important;font-size:10px!important;font-style:normal!important;font-weight:700!important;letter-spacing:.06em!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.mmspot-v15-home-primary,.mmspot-v15-home-recent-open){margin-top:auto!important;background:var(--home-soft)!important;border:1px solid var(--home-line)!important;border-radius:9px!important;color:var(--home-accent)!important;font-size:12px!important;text-decoration:none!important} #syh-app #syh-spotlines-home .syh-editorial-events{margin-top:26px;padding-top:24px;border-top:1px solid var(--home-line)} #syh-app #syh-spotlines-home .syh-editorial-schedule{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--home-ink)!important} #syh-app #syh-spotlines-home .syh-editorial-schedule :is(h2,h3,h4){margin:0 0 14px!important;color:var(--home-ink)!important;font-size:20px!important;line-height:1.4!important} #syh-app #syh-spotlines-home .syh-editorial-schedule :is(a,article){border-radius:12px!important;color:var(--home-ink)!important} #syh-app #syh-spotlines-home .syh-editorial-schedule a{font-size:13px!important;line-height:1.5!important;text-decoration:none!important} #syh-app #syh-spotlines-home .syh-editorial-schedule small{color:var(--home-muted)!important} @media(max-width:1180px){#syh-app #syh-spotlines-home .syh-editorial-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){ #syh-app #syh-spotlines-home{padding:32px 0!important} #syh-app #syh-spotlines-home .syh-editorial-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:20px} #syh-app #syh-spotlines-home .syh-editorial-heading p{font-size:13px} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-hero{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:22px!important;border-radius:18px!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover{grid-column:1!important;grid-row:2!important;height:130px!important;max-height:130px!important} #syh-app #syh-spotlines-home .syh-editorial-cards{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.med-v15-topic-card,.mmspot-home-card){min-height:0!important;padding:14px!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover{height:145px!important;min-height:145px!important;max-height:145px!important;flex-basis:145px!important} } @media(prefers-reduced-motion:reduce){#syh-app #syh-spotlines-home .syh-editorial-cards :is(.med-v15-topic-card,.mmspot-home-card){transition:none;transform:none}} #syh-app #syh-spotlines-home .syh-editorial-event-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important} #syh-app #syh-spotlines-home .syh-editorial-event-card{display:flex!important;flex-direction:column!important;gap:8px!important;width:auto!important;min-width:0!important;padding:16px!important;border:1px solid var(--home-line)!important;border-radius:10px!important;background:var(--home-paper)!important;box-shadow:none!important} @media(max-width:1180px){#syh-app #syh-spotlines-home .syh-editorial-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:540px){#syh-app #syh-spotlines-home .syh-editorial-event-grid{grid-template-columns:minmax(0,1fr)!important}} /* Suppress the separate event strip before the footer adapter runs. */ body:has(#syh-spotlines-home) .mmspot-site-events-shell:not(.syh-editorial-schedule){display:none!important} /* Native vector fallback for decorative covers; actual cover images are retained. */ #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover:not(:has(img)){background:var(--ed-cover) url('editorial/journal.svg') center/contain no-repeat!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover:not(:has(img)){background:var(--ed-cover) url('editorial/journal.svg') center/contain no-repeat!important} #syh-app #syh-spotlines-home :is(.syh-editorial-feature,.syh-editorial-cards) .mmspot-v15-cover:not(:has(img))>svg{display:none!important} #syh-app #syh-spotlines-home .syh-editorial-schedule>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important} #syh-app #syh-spotlines-home .syh-editorial-schedule>header h3{margin:0!important} @media(max-width:540px){#syh-app #syh-spotlines-home .syh-editorial-schedule>header{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}} /* Quiet palette and compact news rows on phones. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app #syh-spotlines-home{--ed-feature:#172c36;--ed-cover:#203640;--ed-line:var(--home-line)} #syh-app #syh-spotlines-home .syh-editorial-heading h2{font-weight:700} #syh-app #syh-spotlines-home .syh-editorial-cards small{font-size:11px!important;letter-spacing:.035em!important} #syh-app #syh-spotlines-home .syh-editorial-event-card{border-left:2px solid #8eb5ae!important} @media(max-width:640px){ #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-hero{padding:20px!important;gap:14px!important;min-height:0!important;border-radius:14px!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover{height:108px!important;max-height:108px!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.med-v15-topic-card,.mmspot-home-card){display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;align-items:start!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover{grid-column:1!important;grid-row:1!important;height:98px!important;min-height:98px!important;max-height:98px!important;flex-basis:98px!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(.mmspot-v15-home-copy,.mmspot-v15-home-recent-card>span){grid-column:2!important;grid-row:1!important;padding:0!important} #syh-app #syh-spotlines-home .syh-editorial-cards :is(h3,.mmspot-v15-home-recent-card>span b){font-size:15px!important} } /* v0.71.51 — corner gradients and alternating editorial tones. */ #syh-app #syh-spotlines-home{ --ed-mint-glow:#c5e8df;--ed-blue-glow:#cedff5;--ed-sand-glow:#f2e1c5; --ed-mint-base:#f9fcfb;--ed-blue-base:#f9fbfe;--ed-sand-base:#fefcf8; --ed-mint-line:#cde2da;--ed-blue-line:#d4e0ef;--ed-sand-line:#e9dfcf; } #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-home-hero{ background:radial-gradient(ellipse at 100% 0%,var(--ed-mint-glow) 0%,transparent 63%),var(--ed-mint-base)!important; border-color:var(--ed-mint-line)!important;box-shadow:0 8px 24px #183f4a05!important; } #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover{background:transparent!important} #syh-app #syh-spotlines-home .syh-editorial-feature .mmspot-v15-cover:not(:has(img)){background:transparent url('editorial/journal.svg') center/contain no-repeat!important} #syh-app #syh-spotlines-home .syh-editorial-cards>:is(.med-v15-topic-card,.mmspot-home-card), #syh-app #syh-spotlines-home .syh-editorial-event-card{ --ed-glow:var(--ed-mint-glow);--ed-base:var(--ed-mint-base);--ed-edge:var(--ed-mint-line); background:radial-gradient(ellipse 210px 150px at 100% 0%,var(--ed-glow) 0%,transparent 76%),var(--ed-base)!important; border-color:var(--ed-edge)!important; } #syh-app #syh-spotlines-home .syh-editorial-cards>:is(.med-v15-topic-card,.mmspot-home-card):nth-child(3n+2), #syh-app #syh-spotlines-home .syh-editorial-event-card:nth-child(3n+2){--ed-glow:var(--ed-blue-glow);--ed-base:var(--ed-blue-base);--ed-edge:var(--ed-blue-line)} #syh-app #syh-spotlines-home .syh-editorial-cards>:is(.med-v15-topic-card,.mmspot-home-card):nth-child(3n), #syh-app #syh-spotlines-home .syh-editorial-event-card:nth-child(3n){--ed-glow:var(--ed-sand-glow);--ed-base:var(--ed-sand-base);--ed-edge:var(--ed-sand-line)} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover{background:radial-gradient(ellipse at 100% 0%,var(--ed-glow) 0%,transparent 84%),var(--ed-base)!important} #syh-app #syh-spotlines-home .syh-editorial-cards .mmspot-v15-cover:not(:has(img)){background:url('editorial/journal.svg') center/contain no-repeat,radial-gradient(ellipse at 100% 0%,var(--ed-glow) 0%,transparent 84%),var(--ed-base)!important} #syh-app #syh-spotlines-home .syh-editorial-event-card{border-left-color:var(--ed-edge)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app #syh-spotlines-home{ --ed-mint-glow:#25554f;--ed-blue-glow:#28465e;--ed-sand-glow:#514733; --ed-mint-base:#152c30;--ed-blue-base:#162936;--ed-sand-base:#282c2b; --ed-mint-line:#34554e;--ed-blue-line:#364e64;--ed-sand-line:#555044; } /* v0.71.52 — Editorial copy hierarchy: one title and one functional description per homepage section. */ #syh-app.syh-home-v4 .syh-hero-lead{margin:22px 0 26px;max-width:555px} #syh-app.syh-home-v4 .syh-reco-head p{margin:0} #syh-app.syh-home-v4 .syh-hero h1{overflow-wrap:normal;hyphens:none} @media (max-width:540px){ #syh-app.syh-home-v4 .syh-hero-lead{margin:15px 0 22px;font-size:14px;line-height:1.7} #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(29px,8.15vw,42px)} } /* v0.71.53 — One complete encyclopedia heading; no repeated editorial slogan. */ #syh-app.syh-home-v4 .syh-hero h1{ max-width:720px;font-size:clamp(34px,3.5vw,53px);line-height:1.16; letter-spacing:-.037em;text-wrap:balance;overflow-wrap:normal;hyphens:none; } #syh-app.syh-home-v4 .syh-hero h1>span{ display:block;margin-top:7px;font-size:.73em;font-weight:710; line-height:1.26;letter-spacing:-.028em;text-wrap:balance; } @media (min-width:801px) and (max-width:1080px){ #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(31px,3.8vw,44px)} } @media (max-width:800px){ #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(32px,6.2vw,44px)} #syh-app.syh-home-v4 .syh-hero h1>span{font-size:.76em} } @media (max-width:540px){ #syh-app.syh-home-v4 .syh-hero h1{font-size:clamp(29px,7.6vw,39px);line-height:1.18} #syh-app.syh-home-v4 .syh-hero h1>span{margin-top:5px;font-size:.76em;line-height:1.30} } /* === END home-visual.css === */ /* === BEGIN home-source-cards.css === */ /* v0.71.54: Data-source-aligned homepage cards; loaded on homepage only. */ #syh-app.syh-home-v2 .syh-parent-category-section, #syh-app.syh-home-v2 .syh-learning-entry-section{background:var(--home-paper)!important;padding:28px 0 34px!important} #syh-app.syh-home-v2 .syh-parent-category-section{border-bottom:1px solid var(--home-line)} #syh-app.syh-home-v2 .syh-source-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:17px} #syh-app.syh-home-v2 .syh-source-heading h2{margin:0;color:var(--home-ink);font-size:clamp(20px,2vw,27px);font-weight:750;line-height:1.3} #syh-app.syh-home-v2 .syh-source-heading p{margin:0;color:var(--home-muted);font-size:13px;line-height:1.5} #syh-app.syh-home-v2 .syh-parent-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px} #syh-app.syh-home-v2 .syh-parent-category-card{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-paper);color:var(--home-ink);box-shadow:var(--home-shadow);text-decoration:none;min-width:0;transition:transform .18s ease,border-color .18s ease} #syh-app.syh-home-v2 .syh-parent-category-card:hover{transform:translateY(-2px);border-color:var(--home-accent)} #syh-app.syh-home-v2 .syh-parent-category-card-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--home-soft);color:var(--home-accent);font-size:18px;font-weight:800;text-transform:uppercase} #syh-app.syh-home-v2 .syh-parent-category-card-label{flex:1;min-width:0;font-size:14px;font-weight:720;line-height:1.4;overflow-wrap:anywhere} #syh-app.syh-home-v2 .syh-parent-category-arrow{flex:none;color:var(--home-accent);font-weight:800} #syh-app.syh-home-v2 .syh-learning-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} #syh-app.syh-home-v2 .syh-learning-entry-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--home-line);border-radius:15px;background:var(--home-paper);color:var(--home-ink);box-shadow:var(--home-shadow);text-decoration:none;min-width:0} #syh-app.syh-home-v2 .syh-learning-entry-card>span:nth-child(2){flex:1;min-width:0;display:grid;gap:6px} #syh-app.syh-home-v2 .syh-learning-entry-card strong{font-size:15px;line-height:1.3} #syh-app.syh-home-v2 .syh-learning-entry-card small{color:var(--home-muted);font-size:12px;line-height:1.4} #syh-app.syh-home-v2 .syh-learning-entry-icon{flex:none;display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:var(--home-soft);color:var(--home-accent);font-weight:800} #syh-app.syh-home-v2 .syh-learning-entry-icon--case{color:#357cba} #syh-app.syh-home-v2 .syh-learning-entry-card>span:last-child{color:var(--home-accent);font-weight:800} @media(max-width:1000px){#syh-app.syh-home-v2 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#syh-app.syh-home-v2 .syh-source-heading{display:block}#syh-app.syh-home-v2 .syh-source-heading p{margin-top:7px}#syh-app.syh-home-v2 .syh-parent-category-grid{gap:9px}#syh-app.syh-home-v2 .syh-parent-category-card{min-height:65px;gap:8px;padding:9px}#syh-app.syh-home-v2 .syh-parent-category-card-icon{width:34px;height:34px;font-size:16px}#syh-app.syh-home-v2 .syh-parent-category-card-label{font-size:12px}#syh-app.syh-home-v2 .syh-learning-entry-grid{grid-template-columns:1fr}#syh-app.syh-home-v2 .syh-learning-entry-card{padding:12px}} /* v0.71.55: compact cards from cached PUBLIC provider records only. */ #syh-app.syh-home-v2 .syh-source-mini-feeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:15px} #syh-app.syh-home-v2 .syh-source-mini-feed{min-width:0} #syh-app.syh-home-v2 .syh-source-mini-feed h3{font-size:15px;margin:0 0 9px;color:var(--home-ink)} #syh-app.syh-home-v2 .syh-source-mini-feed a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;margin-bottom:6px;border:1px solid var(--home-line);border-radius:10px;background:var(--home-paper);text-decoration:none;color:var(--home-ink)} #syh-app.syh-home-v2 .syh-source-mini-feed a strong{font-weight:650;font-size:13px;flex:1;min-width:0} #syh-app.syh-home-v2 .syh-source-mini-feed a small{font-size:11px;color:var(--home-muted);max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #syh-app.syh-home-v2 .syh-source-mini-feed a span{color:var(--home-accent)} #syh-app.syh-home-v2 .syh-source-story-grid,#syh-app.syh-home-v2 .syh-source-spotlines-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #syh-app.syh-home-v2 .syh-source-story-grid a,#syh-app.syh-home-v2 .syh-source-spotlines-grid a{display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px 16px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-paper);color:var(--home-ink);text-decoration:none;box-shadow:var(--home-shadow)} #syh-app.syh-home-v2 .syh-source-story-grid small,#syh-app.syh-home-v2 .syh-source-spotlines-grid small{font-size:11px;color:var(--home-muted)} #syh-app.syh-home-v2 .syh-source-story-grid strong,#syh-app.syh-home-v2 .syh-source-spotlines-grid strong{font-size:14px;line-height:1.45;font-weight:680;overflow-wrap:anywhere} #syh-app.syh-home-v2 .syh-source-story-grid a span,#syh-app.syh-home-v2 .syh-source-spotlines-grid a span{font-size:12px;color:var(--home-accent);margin-top:auto} #syh-app.syh-home-v2 .syh-source-open{display:inline-flex;padding:11px 15px;border-radius:11px;background:var(--home-paper);border:1px solid var(--home-line);color:var(--home-accent);text-decoration:none} @media(max-width:1000px){#syh-app.syh-home-v2 .syh-source-story-grid,#syh-app.syh-home-v2 .syh-source-spotlines-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#syh-app.syh-home-v2 .syh-source-mini-feeds{grid-template-columns:1fr}#syh-app.syh-home-v2 .syh-source-story-grid,#syh-app.syh-home-v2 .syh-source-spotlines-grid{gap:9px}#syh-app.syh-home-v2 .syh-source-story-grid a,#syh-app.syh-home-v2 .syh-source-spotlines-grid a{padding:11px;font-size:12px}} /* === END home-source-cards.css === */ /* === BEGIN home-webapp-v56.css === */ /* MEDIPHARM v0.71.56: homepage-only adaptive WebApp design layer. Keeps the canonical logo, header/search, menus and source-backed module content. */ #syh-app.syh-home-v5 { --home-ink:#132e51; --home-muted:#506781; --home-accent:#126cb9; --home-line:#dce6f1; --home-paper:#fff; --home-soft:#f1f6fc; --home-shadow:0 6px 20px rgba(19,52,86,.055); --syh-ui-focus:#126cb9; background:#f9fbfe; color:var(--home-ink); color-scheme:light; } #syh-app.syh-home-v5 main{min-width:0;overflow:clip} #syh-app.syh-home-v5 .syh-hero.syh-hero-compact{ position:relative; padding:clamp(30px,3vw,45px) 0 clamp(36px,3vw,50px)!important; min-height:0!important; isolation:isolate; overflow:hidden; border-bottom:1px solid #d4e5f4; background: radial-gradient(ellipse at 96% 20%,rgba(69,170,210,.19),transparent 52%), radial-gradient(ellipse at 5% 100%,rgba(29,105,191,.075),transparent 48%), linear-gradient(112deg,#fff 9%,#f6faff 54%,#e9f6f9 100%)!important; } #syh-app.syh-home-v5 .syh-hero.syh-hero-compact::before, #syh-app.syh-home-v5 .syh-hero.syh-hero-compact::after{content:none!important;display:none!important} #syh-app.syh-home-v5 .syh-hero-grid{ display:grid!important; grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important; gap:clamp(18px,3vw,54px)!important; align-items:center!important; width:min(1400px,calc(100% - 2 * clamp(16px,3vw,44px)))!important; margin-inline:auto; } #syh-app.syh-home-v5 .syh-hero-copy{min-width:0;max-width:none!important;position:relative;z-index:2} #syh-app.syh-home-v5 .syh-hero h1{ max-width:820px!important; margin:0 0 12px!important; color:#112e54!important; font-size:clamp(28px,2.85vw,46px)!important; font-weight:780!important; line-height:1.15!important; letter-spacing:-.035em!important; text-wrap:balance; } #syh-app.syh-home-v5 .syh-hero h1 span{display:block;color:#166ab5!important} #syh-app.syh-home-v5 .syh-hero-lead{ margin:0 0 18px!important; max-width:710px!important; font-size:clamp(13px,1vw,15px)!important; line-height:1.6!important; color:#48627e!important; } #syh-app.syh-home-v5 .syh-hero-cta-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:9px!important; padding:0!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; } #syh-app.syh-home-v5 .syh-hero-cta{ display:flex;align-items:center;gap:8px;min-width:0; min-height:68px;padding:10px 9px; border:1px solid rgba(164,192,219,.65); border-radius:13px; background:rgba(255,255,255,.87); box-shadow:0 3px 10px rgba(21,56,99,.045); color:#183759;text-decoration:none!important; font-size:clamp(10px,.85vw,12px);font-weight:680; line-height:1.3;overflow-wrap:anywhere; transition:border-color .18s,box-shadow .18s,transform .18s; } #syh-app.syh-home-v5 .syh-hero-cta:hover{transform:translateY(-2px);border-color:#7eb5d9;box-shadow:0 8px 18px rgba(16,72,121,.09)} #syh-app.syh-home-v5 .syh-hero-cta>span:nth-child(2){min-width:0;flex:1} #syh-app.syh-home-v5 .syh-hero-cta>b{font-size:13px;font-weight:600;color:#6587a7;opacity:.8} #syh-app.syh-home-v5 .syh-cta-icon{ display:grid;place-items:center;flex:none; width:33px;height:33px;border-radius:10px; background:#e7f0ff;color:#126cb9;font-size:13px;font-weight:790; } #syh-app.syh-home-v5 .syh-cta-icon img{display:block;width:20px;height:20px;object-fit:contain;max-width:100%} #syh-app.syh-home-v5 .syh-cta-teal{background:#dff5f2;color:#047f80} #syh-app.syh-home-v5 .syh-cta-violet{background:#ece9fc;color:#5745b8} #syh-app.syh-home-v5 .syh-cta-amber{background:#fff1da;color:#955a12} #syh-app.syh-home-v5 .syh-cta-rose{background:#fce8ec;color:#aa455c} /* The seven tiny user-provided Vietnamese covers form a fan, never full-size book posters. */ #syh-app.syh-home-v5 .syh-book-deck{ position:relative;display:block!important; min-height:0!important;height:282px!important; max-width:100%!important;width:100%!important; padding:0!important;margin:0!important; overflow:visible;align-self:center;isolation:isolate; } #syh-app.syh-home-v5 .syh-book-deck-glow{ position:absolute;inset:3% 4% 1%;border-radius:50%; background:radial-gradient(ellipse at 50% 56%,rgba(27,112,191,.16),transparent 69%); } #syh-app.syh-home-v5 .syh-book-deck-stack{position:relative;width:100%;height:100%;perspective:900px} #syh-app.syh-home-v5 .syh-deck-cover{ display:block!important;position:absolute!important; left:50%;top:50%;width:clamp(108px,10.6vw,154px)!important; height:clamp(151px,14.8vw,211px)!important; object-fit:cover;object-position:top; border-radius:7px;border:2px solid rgba(255,255,255,.87); background:#d8e7f3; box-shadow:0 13px 26px rgba(22,55,93,.2),1px 2px 3px rgba(29,64,106,.08); transform-origin:50% 100%; } #syh-app.syh-home-v5 .syh-deck-cover--1{z-index:4;transform:translate(-144%,-55%) rotate(-16deg)} #syh-app.syh-home-v5 .syh-deck-cover--2{z-index:5;transform:translate(-102%,-60%) rotate(-9deg)} #syh-app.syh-home-v5 .syh-deck-cover--3{z-index:6;transform:translate(-58%,-64%) rotate(-2deg)} #syh-app.syh-home-v5 .syh-deck-cover--4{z-index:3;transform:translate(-14%,-62%) rotate(6deg)} #syh-app.syh-home-v5 .syh-deck-cover--5{z-index:7;transform:translate(25%,-57%) rotate(12deg)} #syh-app.syh-home-v5 .syh-deck-cover--6{z-index:2;transform:translate(-75%,-34%) rotate(-7deg)} #syh-app.syh-home-v5 .syh-deck-cover--7{z-index:1;transform:translate(13%,-30%) rotate(13deg)} #syh-app.syh-home-v5 .syh-hero-wave{ pointer-events:none;position:absolute;bottom:-1px;left:0;right:0; height:31px;opacity:.65; background:linear-gradient(100deg,rgba(100,199,233,.32),rgba(21,105,196,.24) 55%,rgba(43,181,175,.31)); clip-path:polygon(0 62%,8% 48%,20% 69%,33% 30%,47% 55%,62% 28%,75% 65%,91% 38%,100% 51%,100% 100%,0 100%); } /* Consistent compact product cards, not marketing-heavy information panes. */ #syh-app.syh-home-v5 .syh-section,#syh-app.syh-home-v5 .syh-home-inspiration--library-stage{ padding:clamp(24px,3vw,38px) 0!important; } #syh-app.syh-home-v5 .syh-source-heading h2,#syh-app.syh-home-v5 .syh-section-heading h2, #syh-app.syh-home-v5 .syh-library-heading h2{font-size:clamp(20px,2vw,26px)!important;letter-spacing:-.022em} #syh-app.syh-home-v5 .syh-parent-category-card, #syh-app.syh-home-v5 .syh-source-story-grid a, #syh-app.syh-home-v5 .syh-source-spotlines-grid a, #syh-app.syh-home-v5 .syh-learning-entry-card{ border-radius:13px!important;box-shadow:var(--home-shadow)!important; } #syh-app.syh-home-v5 .syh-tool-card{min-height:250px!important;padding:18px!important;border-radius:13px!important} #syh-app.syh-home-v5 .syh-tool-card h3{font-size:17px!important} #syh-app.syh-home-v5 .syh-hero-cta:focus-visible, #syh-app.syh-home-v5 a:focus-visible, #syh-app.syh-home-v5 button:focus-visible{outline:3px solid var(--syh-ui-focus)!important;outline-offset:3px!important} /* Dark mode is driven by the existing canonical MEDIPHARM toggle. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5{ --home-ink:#e8f2fd;--home-muted:#b1c6db;--home-accent:#7fcaef; --home-line:#2c4663;--home-paper:#14273d;--home-soft:#182f48; --home-shadow:0 6px 20px rgba(0,0,0,.13); --syh-ui-focus:#85d2ff; background:#091b2d!important;color-scheme:dark; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero.syh-hero-compact{ border-bottom-color:#244461; background:radial-gradient(ellipse at 89% 7%,rgba(30,115,153,.38),transparent 54%),linear-gradient(115deg,#0c1e34,#112b45 59%,#173f4b 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero h1{color:#f5faff!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero h1 span{color:#75d1e7!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero-lead{color:#c0d2e5!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero-cta{ color:#f0f7ff!important;background:rgba(21,46,70,.9)!important;border-color:#38536c!important; box-shadow:0 4px 15px rgba(0,0,0,.12)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-hero-cta>b{color:#a3d6f7} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-book-deck-glow{background:radial-gradient(ellipse at 50% 56%,rgba(36,153,203,.20),transparent 70%)} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-deck-cover{border-color:#38546a;box-shadow:0 14px 24px rgba(0,0,0,.48)} @media(min-width:1600px){#syh-app.syh-home-v5 .syh-hero-grid{gap:70px!important}} /* Laptop / foldable landscape: keep the entire hero readable within viewport. */ @media(max-width:1150px){ #syh-app.syh-home-v5 .syh-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:12px!important} #syh-app.syh-home-v5 .syh-hero-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-hero-cta{min-height:47px;font-size:12px} #syh-app.syh-home-v5 .syh-book-deck{height:235px!important} #syh-app.syh-home-v5 .syh-deck-cover{width:clamp(85px,9.2vw,120px)!important;height:clamp(121px,13vw,169px)!important} #syh-app.syh-home-v5 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Tablet / foldable portrait: side art stays small; content never clips. */ @media(max-width:820px){ #syh-app.syh-home-v5 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:2px!important} #syh-app.syh-home-v5 .syh-hero h1{font-size:clamp(29px,5vw,42px)!important} #syh-app.syh-home-v5 .syh-hero-cta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-hero-cta{min-height:58px;font-size:11px} #syh-app.syh-home-v5 .syh-book-deck{height:180px!important;width:min(100%,590px)!important;margin:0 auto!important} #syh-app.syh-home-v5 .syh-deck-cover{width:120px!important;height:168px!important} #syh-app.syh-home-v5 .syh-hero{padding-top:30px!important} } @media(max-width:600px){ #syh-app.syh-home-v5 .syh-hero-grid{width:calc(100% - 28px)!important} #syh-app.syh-home-v5 .syh-hero h1{font-size:clamp(25px,6.35vw,36px)!important;margin-bottom:8px!important} #syh-app.syh-home-v5 .syh-hero-lead{font-size:13px!important;line-height:1.5!important;margin-bottom:14px!important} #syh-app.syh-home-v5 .syh-hero-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} #syh-app.syh-home-v5 .syh-hero-cta{min-height:47px!important;padding:7px 8px;font-size:11.5px} #syh-app.syh-home-v5 .syh-cta-icon{width:29px;height:29px;border-radius:9px} #syh-app.syh-home-v5 .syh-cta-icon img{width:18px;height:18px} #syh-app.syh-home-v5 .syh-hero-cta>b{font-size:11px} #syh-app.syh-home-v5 .syh-book-deck{height:125px!important;width:min(100%,365px)!important;margin:3px auto 0!important} #syh-app.syh-home-v5 .syh-deck-cover{width:87px!important;height:122px!important;border-width:1px} #syh-app.syh-home-v5 .syh-hero-wave{height:20px} #syh-app.syh-home-v5 .syh-hero.syh-hero-compact{padding-top:23px!important;padding-bottom:22px!important} #syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-source-story-grid,#syh-app.syh-home-v5 .syh-source-spotlines-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-tool-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v5 .syh-tool-card{min-height:0!important} } @media(max-width:360px){ #syh-app.syh-home-v5 .syh-hero h1{font-size:24px!important} #syh-app.syh-home-v5 .syh-hero-cta{font-size:10.5px;gap:5px} #syh-app.syh-home-v5 .syh-cta-icon{width:26px;height:26px} #syh-app.syh-home-v5 .syh-hero-cta>b{display:none} } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v5 .syh-hero-cta{transition:none}} /* === END home-webapp-v56.css === */ /* === BEGIN home-cards-v072.css === */ /* MEDIPHARM v0.72: unified WebApp surface tokens. Homepage-only; no header mutations. */ #syh-app.syh-home-v5 { --med-card-border:#dce7f1;--med-card-bg:#ffffff;--med-card-hover:#fafdff; --med-card-elev:0 3px 9px rgba(20,54,89,.035),0 16px 38px rgba(20,54,89,.055); --med-card-elev-hover:0 8px 18px rgba(20,54,89,.065),0 22px 42px rgba(20,54,89,.095); --med-card-radius:17px;--med-card-ink:#173451;--med-card-dim:#526982; } #syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a,.syh-reco-frame){ background:var(--med-card-bg)!important; border:1px solid var(--med-card-border)!important; border-radius:var(--med-card-radius)!important; box-shadow:var(--med-card-elev)!important; color:var(--med-card-ink); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease; } #syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a):is(:hover,:focus-visible){ transform:translateY(-2px);background:var(--med-card-hover)!important; border-color:#aacde7!important;box-shadow:var(--med-card-elev-hover)!important; } #syh-app.syh-home-v5 :is(.syh-library-card,.syh-tool-card):hover{border-color:#bbd4e8!important;box-shadow:var(--med-card-elev-hover)!important} #syh-app.syh-home-v5 .syh-parent-category-grid{gap:clamp(10px,1.15vw,17px)!important} #syh-app.syh-home-v5 .syh-parent-category-card{padding:14px!important;min-height:82px!important;gap:13px!important} #syh-app.syh-home-v5 .syh-parent-category-card-icon{border-radius:13px!important;width:50px;height:50px;background:linear-gradient(145deg,#edf6fc,#e1f1f8)!important;color:#156d9e!important} #syh-app.syh-home-v5 .syh-parent-category-card-label{font-size:clamp(13px,1vw,15px)!important;font-weight:720;letter-spacing:-.015em} #syh-app.syh-home-v5 .syh-parent-category-arrow{font-size:17px;opacity:.84} #syh-app.syh-home-v5 .syh-hero-cta{box-shadow:0 2px 12px rgba(20,54,89,.038)!important;min-height:64px!important;padding:9px 11px!important} #syh-app.syh-home-v5 .syh-cta-icon{border-radius:12px!important;width:37px;height:37px} #syh-app.syh-home-v5 :is(.syh-source-heading,.syh-library-heading,.syh-section-heading){margin-bottom:clamp(12px,1.6vw,22px)} #syh-app.syh-home-v5 :is(.syh-source-heading h2,.syh-library-heading h2,.syh-section-heading h2){font-weight:770!important;letter-spacing:-.027em!important} #syh-app.syh-home-v5 .syh-source-heading p{font-size:13px;line-height:1.55} #syh-app.syh-home-v5 :is(.syh-library-card,.syh-tool-card){overflow:hidden} #syh-app.syh-home-v5 .syh-library-card:focus-within{border-color:#91c1e6!important} #syh-app.syh-home-v5 .syh-tool-card{min-height:246px!important;box-shadow:var(--med-card-elev)!important} #syh-app.syh-home-v5 .syh-source-story-grid>a,#syh-app.syh-home-v5 .syh-source-spotlines-grid>a{min-height:116px;gap:8px!important;padding:16px!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid strong,.syh-source-spotlines-grid strong){font-size:14px;line-height:1.48} #syh-app.syh-home-v5 .syh-reco-frame{border-radius:20px!important} #syh-app.syh-home-v5 .syh-source-mini-feed>a{margin-bottom:8px!important} #syh-app.syh-home-v5 .syh-parent-category-section{background:radial-gradient(ellipse at 6% 0%,rgba(37,145,191,.075),transparent 45%),#f8fbff!important;border-bottom:0!important} #syh-app.syh-home-v5 :is(.syh-library-section,.syh-learning-entry-section,.syh-home-inspiration){background:#fff!important} #syh-app.syh-home-v5 :is(.syh-tools-section,.syh-clinical-qa-section){background:linear-gradient(105deg,#f0f7fd,#f6fafc)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-parent-category-section{background:linear-gradient(120deg,#0d2136,#0f293e)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-library-section,.syh-learning-entry-section,.syh-home-inspiration){background:#091b2d!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-tools-section,.syh-clinical-qa-section){background:#0e2237!important} @media(min-width:821px){#syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(min-width:601px) and (max-width:820px){#syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){ #syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #syh-app.syh-home-v5 .syh-parent-category-card{min-height:68px!important;padding:9px!important;gap:9px!important} #syh-app.syh-home-v5 .syh-parent-category-card-icon{width:39px;height:39px} #syh-app.syh-home-v5 .syh-hero-cta{min-height:49px!important;padding:8px!important} #syh-app.syh-home-v5 .syh-cta-icon{width:31px;height:31px} #syh-app.syh-home-v5 .syh-source-story-grid>a,#syh-app.syh-home-v5 .syh-source-spotlines-grid>a{min-height:102px;padding:12px!important} #syh-app.syh-home-v5 .syh-source-heading h2{font-size:20px!important} } @media(max-width:350px){#syh-app.syh-home-v5 .syh-parent-category-card{min-height:66px!important}#syh-app.syh-home-v5 .syh-parent-category-card-label{font-size:12px!important}} /* Match existing light/dark toggle rather than creating a second theme state. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5{ --med-card-border:#284665;--med-card-bg:#12283f;--med-card-hover:#193550; --med-card-elev:0 6px 18px rgba(0,0,0,.12);--med-card-elev-hover:0 12px 27px rgba(0,0,0,.22); --med-card-ink:#e9f4fe;--med-card-dim:#b9cde0; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-parent-category-card-label,.syh-learning-entry-card strong,.syh-source-story-grid strong,.syh-source-spotlines-grid strong){color:var(--med-card-ink)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-parent-category-card-icon,.syh-cta-icon){background:#1a3b57!important;color:#9bdaf5!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-source-heading p,.syh-source-story-grid small,.syh-source-spotlines-grid small){color:var(--med-card-dim)!important} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a){transition:none!important;transform:none!important}} /* === END home-cards-v072.css === */ /* === BEGIN home-categories-v073.css === */ /* MEDIPHARM v0.73 — original category illustration deck, optimized local SVG assets. */ #syh-app.syh-home-v5 .syh-parent-category-grid{align-items:stretch!important;grid-auto-rows:1fr;gap:clamp(11px,1.2vw,18px)!important} #syh-app.syh-home-v5 .syh-parent-category-card{ display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important; min-height:0!important;padding:0!important;overflow:hidden!important;isolation:isolate; border-radius:17px!important;position:relative; } #syh-app.syh-home-v5 .syh-parent-category-card-media{ display:block;position:relative;width:100%;aspect-ratio:1.92/1; overflow:hidden;background:#e7f2fa;flex:none; } #syh-app.syh-home-v5 .syh-parent-category-card-media img{ display:block;width:100%;height:100%;object-fit:cover; transform:scale(1.005);transition:transform .27s ease; } #syh-app.syh-home-v5 .syh-parent-category-card:hover .syh-parent-category-card-media img{transform:scale(1.045)} #syh-app.syh-home-v5 .syh-parent-category-card-footer{ display:flex;align-items:center;justify-content:space-between;gap:10px; min-height:59px;padding:13px 15px;background:var(--med-card-bg); } #syh-app.syh-home-v5 .syh-parent-category-card-label{ color:var(--med-card-ink)!important;font-size:clamp(13px,1vw,15px)!important; line-height:1.4!important;font-weight:730!important; } #syh-app.syh-home-v5 .syh-parent-category-arrow{font-size:19px;color:#23749f!important;flex:none;font-weight:600} #syh-app.syh-home-v5 .syh-parent-category-card:focus-visible{outline-offset:4px} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-learning-entry-card){border-radius:16px!important} #syh-app.syh-home-v5 .syh-hero-cta-grid{gap:10px!important} #syh-app.syh-home-v5 .syh-library-card{border-radius:17px!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-parent-category-card-footer{background:var(--med-card-bg)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 .syh-parent-category-arrow{color:#86d1ee!important} @media(max-width:1000px){#syh-app.syh-home-v5 .syh-parent-category-card-footer{padding:11px 12px;min-height:57px}} @media(max-width:600px){ #syh-app.syh-home-v5 .syh-parent-category-grid{gap:9px!important} #syh-app.syh-home-v5 .syh-parent-category-card-footer{min-height:54px;padding:10px!important;gap:6px!important} #syh-app.syh-home-v5 .syh-parent-category-card-label{font-size:12.5px!important} #syh-app.syh-home-v5 .syh-parent-category-card-media{aspect-ratio:1.65/1} } @media(max-width:350px){#syh-app.syh-home-v5 .syh-parent-category-card-label{font-size:12px!important}} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v5 .syh-parent-category-card-media img{transition:none!important}#syh-app.syh-home-v5 .syh-parent-category-card:hover .syh-parent-category-card-media img{transform:none!important}} /* === END home-categories-v073.css === */ /* === BEGIN home-modules-v074.css === */ /* MEDIPHARM v0.74: single component system for all homepage modules. Intentional scope: home only. Header, theme toggle and other WebApps untouched. */ #syh-app.syh-home-v5{ --med-panel:#fff;--med-panel-alt:#f7fafc;--med-border:#dbe6ed; --med-ink:#16344d;--med-muted:#5c7284;--med-accent:#147ba1; --med-radius:16px;--med-gap:clamp(10px,1.1vw,16px); --med-shadow:0 3px 10px rgba(24,56,79,.025),0 14px 32px rgba(24,56,79,.045); } /* Consistent section rhythm, no unnecessary decorative section backgrounds. */ #syh-app.syh-home-v5 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-home-inspiration,.syh-clinical-qa-section,.syh-spotlines-section){ background:transparent!important;border-block:0!important;padding-block:clamp(22px,3vw,42px)!important; } #syh-app.syh-home-v5 :is(.syh-source-heading,.syh-section-heading,.syh-library-heading,.syh-editorial-heading){ display:flex;align-items:flex-end;justify-content:space-between;gap:14px; margin:0 0 clamp(14px,1.8vw,24px)!important;padding:0!important; } #syh-app.syh-home-v5 :is(.syh-source-heading h2,.syh-section-heading h2,.syh-library-heading h2,.syh-editorial-heading h2){ color:var(--med-ink)!important;letter-spacing:-.025em!important;font-size:clamp(19px,1.65vw,25px)!important;line-height:1.28!important;font-weight:760!important; } #syh-app.syh-home-v5 :is(.syh-source-heading p,.syh-section-heading p,.syh-library-heading p,.syh-editorial-heading p){ margin:5px 0 0!important;max-width:720px;color:var(--med-muted)!important;font-size:13px!important;line-height:1.5!important; } #syh-app.syh-home-v5 :is(.syh-parent-category-grid,.syh-hero-cta-grid,.syh-tool-grid,.syh-learning-entry-grid,.syh-source-story-grid,.syh-source-spotlines-grid,.syh-source-mini-feeds){gap:var(--med-gap)!important} /* Shared surfaces with the same ink, geometry and behavior. */ #syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a,.syh-suite-promo,.syh-clinical-qa-promo,.syh-reco-frame){ background:var(--med-panel)!important;border:1px solid var(--med-border)!important; border-radius:var(--med-radius)!important;box-shadow:var(--med-shadow)!important; color:var(--med-ink)!important;min-width:0;overflow-wrap:anywhere; } #syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-library-card a,.syh-tool-link,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a):focus-visible{ outline:2px solid #2084bf!important;outline-offset:3px!important; } #syh-app.syh-home-v5 :is(.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a,.syh-hero-cta,.syh-parent-category-card):is(:hover,:focus-visible){ border-color:#9bc6dd!important;box-shadow:0 9px 28px rgba(14,65,105,.10)!important;transform:translateY(-2px); } /* Hero CTAs: compact and identical, not 8 competing brightly colored boxes. */ #syh-app.syh-home-v5 .syh-hero-cta{min-height:65px!important;padding:10px 12px!important;gap:10px!important;align-items:center!important} #syh-app.syh-home-v5 .syh-hero-cta>span:nth-child(2){font-size:clamp(12px,1vw,14px)!important;font-weight:700!important;line-height:1.3!important} #syh-app.syh-home-v5 .syh-hero-cta>b{color:var(--med-accent)!important;font-weight:500!important} #syh-app.syh-home-v5 .syh-cta-icon{width:39px!important;height:39px!important;border-radius:12px!important;flex:none} /* Categories: consistently proportioned local illustrations. */ #syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important} #syh-app.syh-home-v5 .syh-parent-category-card-media{aspect-ratio:1.95/1!important} #syh-app.syh-home-v5 .syh-parent-category-card-media img{width:100%;height:100%;object-fit:cover} #syh-app.syh-home-v5 .syh-parent-category-card-footer{min-height:58px;padding:11px 13px!important} /* Make tool and lesson cards visually related, preserving data and actions. */ #syh-app.syh-home-v5 .syh-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-tool-card{padding:17px!important;min-height:216px!important;display:flex;flex-direction:column;gap:9px!important} #syh-app.syh-home-v5 .syh-tool-card h3{font-size:16px!important;line-height:1.4!important;margin:0!important;color:var(--med-ink)!important} #syh-app.syh-home-v5 .syh-tool-card p{color:var(--med-muted)!important;font-size:12px!important;line-height:1.55!important;margin:0!important} #syh-app.syh-home-v5 .syh-tool-card .syh-tool-link{margin-top:auto!important;min-height:36px} #syh-app.syh-home-v5 .syh-tool-badge{max-width:55%;overflow-wrap:anywhere} #syh-app.syh-home-v5 .syh-learning-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-learning-entry-card{display:flex!important;align-items:center!important;min-height:104px!important;padding:18px!important;gap:15px!important} #syh-app.syh-home-v5 .syh-learning-entry-card>span:nth-child(2){min-width:0;flex:1} #syh-app.syh-home-v5 .syh-learning-entry-card strong{font-size:15px!important;line-height:1.4!important;color:var(--med-ink)!important} #syh-app.syh-home-v5 .syh-learning-entry-card small{font-size:12px!important;line-height:1.5!important;color:var(--med-muted)!important} #syh-app.syh-home-v5 .syh-source-mini-feeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--med-gap)!important} #syh-app.syh-home-v5 .syh-source-mini-feed{min-width:0} #syh-app.syh-home-v5 .syh-source-mini-feed h3{font-size:14px!important;color:var(--med-ink)!important;margin:0 0 9px!important} #syh-app.syh-home-v5 .syh-source-mini-feed>a{min-height:72px;display:flex!important;align-items:center;gap:10px;padding:12px 14px!important;margin:0 0 9px!important} #syh-app.syh-home-v5 .syh-source-mini-feed>a strong{font-size:13px!important;line-height:1.45!important;min-width:0;flex:1} #syh-app.syh-home-v5 .syh-source-mini-feed>a small{font-size:11px;color:var(--med-muted)!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid,.syh-source-spotlines-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a){display:flex!important;flex-direction:column!important;padding:16px!important;min-height:138px!important;gap:8px!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a) strong{color:var(--med-ink)!important;font-size:14px!important;line-height:1.47!important;flex:1} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a) small{color:var(--med-muted)!important;font-size:11px!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a)>span:last-child{color:var(--med-accent)!important;font-size:12px!important;font-weight:650!important} #syh-app.syh-home-v5 :is(.syh-suite-promo,.syh-clinical-qa-promo){padding:clamp(17px,2vw,24px)!important} #syh-app.syh-home-v5 .syh-discovery{background:transparent!important;border:0!important} /* Theme follows the existing site light/dark state. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5{ --med-panel:#122b40;--med-panel-alt:#0b2236;--med-border:#2a4b63; --med-ink:#eff7fc;--med-muted:#b9cddd;--med-accent:#89d3e4; --med-shadow:0 10px 26px rgba(0,0,0,.14); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v5 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-home-inspiration,.syh-clinical-qa-section,.syh-spotlines-section){background:transparent!important} @media (max-width:1100px){ #syh-app.syh-home-v5 :is(.syh-tool-grid,.syh-source-story-grid,.syh-source-spotlines-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:820px){ #syh-app.syh-home-v5 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-hero-cta{min-height:58px!important} } @media (max-width:600px){ #syh-app.syh-home-v5 :is(.syh-source-heading,.syh-section-heading,.syh-library-heading,.syh-editorial-heading){align-items:flex-start;flex-wrap:wrap} #syh-app.syh-home-v5 .syh-hero-cta{padding:9px!important;min-height:62px!important} #syh-app.syh-home-v5 .syh-cta-icon{width:33px!important;height:33px!important} #syh-app.syh-home-v5 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 .syh-tool-card{min-height:226px!important;padding:12px!important} #syh-app.syh-home-v5 .syh-tool-card h3{font-size:14px!important} #syh-app.syh-home-v5 .syh-tool-tags{display:none!important} #syh-app.syh-home-v5 .syh-learning-entry-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v5 .syh-learning-entry-card{min-height:80px!important;padding:12px 14px!important} #syh-app.syh-home-v5 .syh-source-mini-feeds{grid-template-columns:1fr!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid,.syh-source-spotlines-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a){min-height:150px!important;padding:12px!important} } @media (max-width:370px){ #syh-app.syh-home-v5 .syh-tool-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v5 .syh-tool-card{min-height:0!important} #syh-app.syh-home-v5 :is(.syh-source-story-grid,.syh-source-spotlines-grid){grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v5 *{scroll-behavior:auto!important}#syh-app.syh-home-v5 :is(.syh-hero-cta,.syh-parent-category-card,.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotlines-grid>a){transition:none!important;transform:none!important}} /* === END home-modules-v074.css === */ /* === BEGIN home-v075.css === */ /* MEDIPHARM v0.75 — Book Cover Categories & Refined Responsive UI. Homepage-only progressive layer. Canonical website Header/Search/Logo and source-plugin navigation stay untouched. */ #syh-app.syh-home-v5.syh-home-v075{ --v75-ink:#173650;--v75-muted:#5d7184;--v75-border:#deebf1; --v75-card:#fff;--v75-shadow:0 3px 10px rgba(19,61,95,.025),0 10px 25px rgba(19,61,95,.065); background:#f8fbfd!important; } #syh-app.syh-home-v075 main{min-width:0;overflow-x:clip} /* Editorial hero: compact horizontal banner, rather than a vertical CTA wall. */ #syh-app.syh-home-v075 .syh-hero.syh-hero-compact{ width:min(1480px,calc(100% - 2 * clamp(12px,2.5vw,42px)))!important; margin:clamp(10px,1.4vw,20px) auto 0!important; border:1px solid rgba(157,201,221,.32)!important; border-radius:clamp(15px,1.7vw,24px)!important; padding:clamp(20px,2vw,30px) 0 clamp(26px,2vw,32px)!important; min-height:0!important;overflow:hidden!important; background:radial-gradient(ellipse at 92% 13%,rgba(72,177,205,.18),transparent 45%), linear-gradient(113deg,#fafdff 7%,#f0f8ff 52%,#d9eef9 100%)!important; } #syh-app.syh-home-v075 .syh-hero-grid{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important; width:calc(100% - 2 * clamp(18px,3vw,42px))!important; gap:clamp(12px,2.5vw,34px)!important;align-items:center!important; } #syh-app.syh-home-v075 .syh-hero-copy{display:flex;flex-direction:column;justify-content:center} #syh-app.syh-home-v075 .syh-hero h1{ max-width:730px!important;margin:0 0 12px!important; font-size:clamp(26px,2.65vw,43px)!important; line-height:1.15!important;letter-spacing:-.035em!important; } #syh-app.syh-home-v075 .syh-hero-lead{ font-size:clamp(13px,1vw,15px)!important;line-height:1.55!important; max-width:580px!important;margin:0!important; } #syh-app.syh-home-v075 .syh-book-deck{height:228px!important;max-width:100%!important} #syh-app.syh-home-v075 .syh-deck-cover{ width:clamp(85px,8.2vw,119px)!important; height:clamp(119px,11.5vw,167px)!important; border-radius:6px;box-shadow:0 10px 20px rgba(30,73,103,.17); } #syh-app.syh-home-v075 .syh-hero-wave{ height:22px!important;opacity:.55!important; background:linear-gradient(100deg,rgba(57,153,219,.26),rgba(48,144,197,.20),rgba(29,162,159,.25))!important; } /* Eight simple module cards, separated from the hero for readable mobile layout. */ #syh-app.syh-home-v075 .syh-home-quick-actions{padding:clamp(12px,1.6vw,22px) 0 4px!important;background:transparent!important} #syh-app.syh-home-v075 .syh-home-quick-actions .syh-shell{width:min(1400px,calc(100% - 2 * clamp(12px,3vw,44px)))!important} #syh-app.syh-home-v075 .syh-hero-cta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(8px,1vw,14px)!important} #syh-app.syh-home-v075 .syh-hero-cta{ min-height:72px!important;padding:11px 13px!important; gap:11px!important;border-radius:16px!important; background:#fff!important;border:1px solid var(--v75-border)!important; box-shadow:var(--v75-shadow)!important;white-space:normal; } #syh-app.syh-home-v075 .syh-hero-cta>span:nth-child(2){font-size:clamp(12px,1vw,14px)!important;font-weight:720!important;line-height:1.35!important} #syh-app.syh-home-v075 .syh-cta-icon{width:42px!important;height:42px!important;border-radius:13px!important} #syh-app.syh-home-v075 .syh-cta-icon img{height:24px!important;width:24px!important} #syh-app.syh-home-v075 .syh-hero-cta>b{margin-left:auto;opacity:.52} /* Source-backed book covers: show an actual small upright book over a restrained speciality illustration; never stretch the book jacket or substitute AI text. */ #syh-app.syh-home-v075 .syh-parent-category-section{padding-top:clamp(16px,2.5vw,28px)!important} #syh-app.syh-home-v075 .syh-parent-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.3vw,18px)!important} #syh-app.syh-home-v075 .syh-parent-category-card{ padding:0!important;gap:0!important; background:var(--v75-card)!important;border:1px solid var(--v75-border)!important; border-radius:17px!important;box-shadow:var(--v75-shadow)!important; overflow:hidden!important; } #syh-app.syh-home-v075 .syh-parent-category-card-media{ position:relative;display:block;aspect-ratio:1.8/1!important; min-height:112px;overflow:hidden!important; background:radial-gradient(circle at 92% 23%,rgba(115,203,220,.28),transparent 50%), linear-gradient(130deg,#f2f8fd 8%,#e2f0fa 62%,#e0f4f2 100%)!important; } #syh-app.syh-home-v075 .syh-parent-category-card:nth-child(3n+2) .syh-parent-category-card-media{background:linear-gradient(120deg,#e9f7f2,#e2eff8)!important} #syh-app.syh-home-v075 .syh-parent-category-card:nth-child(3n+3) .syh-parent-category-card-media{background:linear-gradient(120deg,#f2f0fb,#e9f5f8)!important} #syh-app.syh-home-v075 .syh-parent-category-card-media img{transition:transform .25s ease!important} #syh-app.syh-home-v075 .syh-parent-category-card-media .syh-category-ambient{ position:absolute;right:-15%;top:-12%;left:auto;width:90%!important;height:125%!important; object-fit:cover;opacity:.16!important;filter:grayscale(.25);pointer-events:none; } #syh-app.syh-home-v075 .syh-parent-category-card-media .syh-category-cover{ position:absolute;left:15%;bottom:6%;top:auto; display:block;width:auto!important;max-width:49%!important; height:87%!important;object-fit:contain!important;object-position:bottom left; filter:drop-shadow(7px 10px 6px rgba(12,48,83,.22)); transform:rotate(-3deg)!important;transform-origin:bottom center; } #syh-app.syh-home-v075 .syh-parent-category-card:hover .syh-category-cover{transform:rotate(-2deg) translateY(-3px)!important} #syh-app.syh-home-v075 .syh-parent-category-card-media .syh-category-placeholder{ display:block;width:100%;height:100%;object-fit:cover; opacity:.78; } #syh-app.syh-home-v075 .syh-parent-category-card-footer{ min-height:55px!important;display:flex;align-items:center; background:var(--v75-card)!important;padding:12px 14px!important; } #syh-app.syh-home-v075 .syh-parent-category-card-label{ font-size:clamp(13px,.95vw,15px)!important;font-weight:730!important; line-height:1.34!important;color:var(--v75-ink)!important; } #syh-app.syh-home-v075 .syh-parent-category-arrow{color:#147bb2!important;font-size:20px!important} #syh-app.syh-home-v075 :is(.syh-learning-entry-card,.syh-tool-card,.syh-library-card,.syh-source-spotline,.syh-source-story-grid>a){border-radius:16px!important;box-shadow:var(--v75-shadow)!important} /* Protect light/dark contrast with the site's existing theme switch. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075{ --v75-ink:#f0f7fb;--v75-muted:#b3c9db;--v75-border:#2c4b64; --v75-card:#122c40;--v75-shadow:0 7px 20px rgba(0,0,0,.16); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-hero.syh-hero-compact{ background:radial-gradient(ellipse at 95% 2%,rgba(41,137,151,.27),transparent 52%),linear-gradient(112deg,#101f35,#153450 72%,#164851)!important; border-color:#30536a!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-hero-cta{background:var(--v75-card)!important;border-color:var(--v75-border)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-parent-category-card-media{ background:linear-gradient(130deg,#183f59,#1c4352)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-parent-category-card:nth-child(3n+2) .syh-parent-category-card-media{background:linear-gradient(130deg,#18354a,#24485a)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-parent-category-card:nth-child(3n+3) .syh-parent-category-card-media{background:linear-gradient(130deg,#24344f,#193d52)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-parent-category-card-media .syh-category-ambient{opacity:.25!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v075 .syh-parent-category-arrow{color:#84d6e8!important} /* Landscape phone, foldable, tablets: tune cards to available inline width. */ @media(min-width:1290px){#syh-app.syh-home-v075 .syh-hero-cta-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}#syh-app.syh-home-v075 .syh-hero-cta{flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:5px!important;min-height:110px!important}#syh-app.syh-home-v075 .syh-hero-cta>b{display:none!important}} @media(max-width:1050px){#syh-app.syh-home-v075 .syh-book-deck{height:205px!important}#syh-app.syh-home-v075 .syh-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important}} @media(max-width:820px){ #syh-app.syh-home-v075 .syh-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)!important;gap:10px!important} #syh-app.syh-home-v075 .syh-hero h1{font-size:clamp(24px,3.6vw,31px)!important} #syh-app.syh-home-v075 .syh-book-deck{height:176px!important} #syh-app.syh-home-v075 .syh-deck-cover{width:75px!important;height:105px!important} #syh-app.syh-home-v075 .syh-hero-cta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #syh-app.syh-home-v075 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ #syh-app.syh-home-v075 .syh-hero.syh-hero-compact{width:calc(100% - 20px)!important;margin:8px auto 0!important;padding:18px 0 21px!important;border-radius:17px!important} #syh-app.syh-home-v075 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:calc(100% - 30px)!important} #syh-app.syh-home-v075 .syh-hero h1{font-size:clamp(24px,6vw,33px)!important;line-height:1.19!important} #syh-app.syh-home-v075 .syh-hero-lead{font-size:13px!important;line-height:1.48!important} #syh-app.syh-home-v075 .syh-book-deck{width:min(100%,370px)!important;height:132px!important;margin:3px auto 0!important} #syh-app.syh-home-v075 .syh-deck-cover{width:90px!important;height:125px!important} #syh-app.syh-home-v075 .syh-deck-cover--5,#syh-app.syh-home-v075 .syh-deck-cover--6,#syh-app.syh-home-v075 .syh-deck-cover--7{display:none!important} #syh-app.syh-home-v075 .syh-hero-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} #syh-app.syh-home-v075 .syh-hero-cta{min-height:73px!important;padding:10px!important;border-radius:15px!important} #syh-app.syh-home-v075 .syh-hero-cta>span:nth-child(2){font-size:12px!important} #syh-app.syh-home-v075 .syh-cta-icon{height:39px!important;width:39px!important} #syh-app.syh-home-v075 .syh-parent-category-card-media{aspect-ratio:1.48/1!important;min-height:104px} #syh-app.syh-home-v075 .syh-parent-category-card-footer{padding:10px 11px!important;min-height:54px!important} #syh-app.syh-home-v075 .syh-parent-category-card-label{font-size:12.5px!important} } @media(max-width:359px){ #syh-app.syh-home-v075 .syh-hero h1{font-size:23px!important} #syh-app.syh-home-v075 .syh-hero-cta{gap:7px!important;padding:7px!important} #syh-app.syh-home-v075 .syh-cta-icon{height:34px!important;width:34px!important} #syh-app.syh-home-v075 .syh-parent-category-card-media{min-height:90px} } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v075 .syh-category-cover{transition:none!important;transform:none!important}} /* === END home-v075.css === */ /* === BEGIN home-v076.css === */ /* MEDIPHARM Super App v0.76 — home-only corrective layer. Preserve canonical header/Theme; repair categories, Inspiration and library. */ #syh-app.syh-home-v076 .syh-parent-category-card:focus-visible, #syh-app.syh-home-v076 .syh-library-card a:focus-visible{outline:2px solid #126a96;outline-offset:3px} /* 8 book entries only on mobile/tablet; keep all 16 on desktop. */ @media(max-width:1180px){ #syh-app.syh-home-v076 .syh-library-section .syh-library-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important; scroll-snap-type:none!important;align-items:stretch!important; } #syh-app.syh-home-v076 .syh-library-section .syh-library-card:not([hidden]){ display:grid!important;grid-template-columns:clamp(78px,10vw,96px) minmax(0,1fr)!important; align-items:center!important;gap:12px!important;min-height:118px!important; height:auto!important;max-width:100%!important;min-width:0!important; padding:10px!important;border-radius:15px!important;overflow:hidden!important; } #syh-app.syh-home-v076 .syh-library-section .syh-library-card[hidden], #syh-app.syh-home-v076 .syh-library-section .syh-library-card.syh-library-card--desktop-extra{ display:none!important; } #syh-app.syh-home-v076 .syh-library-card .syh-book-cover{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;height:110px!important;min-height:0!important; margin:0!important;overflow:hidden!important;border-radius:9px!important; background:var(--med-panel-alt,#f0f6f9)!important; } #syh-app.syh-home-v076 .syh-library-card .syh-book-cover img{ display:block!important;max-height:106px!important;max-width:100%!important; width:auto!important;height:auto!important;object-fit:contain!important; } #syh-app.syh-home-v076 .syh-library-card .syh-book-placeholder{width:100%!important;height:100%!important;font-size:11px!important} #syh-app.syh-home-v076 .syh-library-card .syh-book-rank{top:4px!important;left:4px!important;width:20px!important;height:20px!important;font-size:11px!important} #syh-app.syh-home-v076 .syh-library-card .syh-library-copy{ display:flex!important;flex-direction:column!important;align-items:flex-start!important; justify-content:center!important;min-width:0!important;height:100%!important; padding:0!important;margin:0!important;gap:5px!important; } #syh-app.syh-home-v076 .syh-library-card .syh-library-copy>span{ font-size:11px!important;line-height:1.35!important;margin:0!important; white-space:normal!important;display:-webkit-box!important; -webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important; } #syh-app.syh-home-v076 .syh-library-card .syh-library-copy h3{ font-size:clamp(12px,1.35vw,15px)!important;line-height:1.38!important; font-weight:730!important;margin:0!important;min-height:0!important; display:-webkit-box!important;-webkit-line-clamp:2!important; -webkit-box-orient:vertical!important;overflow:hidden!important; } #syh-app.syh-home-v076 .syh-library-card .syh-library-copy>a{ margin-top:auto!important;padding:2px 0 0!important;min-height:28px!important; align-items:center!important;font-size:12px!important; border-top:0!important;color:var(--med-accent,#147ba1)!important; } } @media(max-width:680px){ #syh-app.syh-home-v076 .syh-library-section .syh-library-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #syh-app.syh-home-v076 .syh-library-section .syh-library-card:not([hidden]){grid-template-columns:84px minmax(0,1fr)!important;min-height:118px!important;padding:9px!important} #syh-app.syh-home-v076 .syh-library-card .syh-book-cover{height:106px!important} #syh-app.syh-home-v076 .syh-library-card .syh-library-copy h3{font-size:14px!important} } @media(max-width:360px){ #syh-app.syh-home-v076 .syh-library-section .syh-library-card:not([hidden]){grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important} #syh-app.syh-home-v076 .syh-library-card .syh-book-cover{height:98px!important} } /* Inspiration Library: compact Vietnamese-only previews, keep provider article detail fully bilingual. The Theme may render its MPI module outside #syh-app, so scope it to the canonical home-page body class. */ body.syh-v076-home .mpi-section .mpi-card .mpi-en, body.syh-v076-home .mpi-section .mpi-card .mpi-en-row, body.syh-v076-home .mpi-section .mpi-card .mpi-english, body.syh-v076-home .mpi-section .mpi-card .mpi-related-terms, body.syh-v076-home .mpi-section .mpi-card .mpi-source, body.syh-v076-home .mpi-section .mpi-daily-quote-en, body.syh-v076-home .mpi-section .mpi-daily-quote-en-wrap{ display:none!important; } body.syh-v076-home .mpi-section .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]), body.syh-v076-home .mpi-section .mpi-card-tools button:not([data-mpi-refresh]){ display:none!important; } body.syh-v076-home .mpi-section .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important} body.syh-v076-home .mpi-section .mpi-card-tools [data-mpi-refresh]{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-width:52px!important;min-height:34px!important;width:auto!important; border-radius:10px!important;padding:5px 12px!important; color:#146e8e!important;background:#e6f4f8!important; font-size:0!important;line-height:1!important; } body.syh-v076-home .mpi-section .mpi-card-tools [data-mpi-refresh]>*{display:none!important} body.syh-v076-home .mpi-section .mpi-card-tools [data-mpi-refresh]::after{ content:'Đổi';font-size:13px!important;line-height:1.3!important;font-weight:700!important; } body.syh-v076-home .mpi-section .mpi-card .mpi-vi{ display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important; overflow:hidden!important;font-size:clamp(13px,1.3vw,15px)!important;line-height:1.55!important; } body.syh-v076-home .mpi-section .mpi-card h3{font-size:clamp(17px,1.65vw,21px)!important;line-height:1.35!important} body.syh-v076-home .mpi-section .mpi-card{min-height:0!important;height:auto!important;max-height:none!important} /* Same treatment for inspiration variants explicitly hosted inside Super App. */ #syh-app.syh-home-v076 .syh-home-inspiration-feed .mpi-en, #syh-app.syh-home-v076 .syh-home-inspiration-feed .mpi-en-row, #syh-app.syh-home-v076 .syh-home-inspiration-feed .mpi-daily-quote-en-wrap, #syh-app.syh-home-v076 .syh-home-inspiration-feed .mpi-daily-quote-en{ display:none!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) body.syh-v076-home .mpi-section .mpi-card-tools [data-mpi-refresh]{ background:#193d51!important;color:#b1e7ef!important;border-color:#346479!important; } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v076 .syh-library-card{transition:none!important}} /* === END home-v076.css === */ /* === BEGIN home-v077.css === */ /* MEDIPHARM Super App v0.77 — compact learning/editorial/inspiration refinements */ #syh-app.syh-home-v077 :is(.syh-learning-entry-section,.syh-home-inspiration,.syh-spotlines-section){padding-top:22px!important;padding-bottom:22px!important} #syh-app.syh-home-v077 :is(.syh-learning-entry-section,.syh-home-inspiration,.syh-spotlines-section) .syh-source-heading, #syh-app.syh-home-v077 .syh-editorial-heading{margin-bottom:14px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important} #syh-app.syh-home-v077 :is(.syh-learning-entry-section,.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading h2,.syh-editorial-heading h2){font-size:clamp(22px,2.1vw,28px)!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:0!important} #syh-app.syh-home-v077 :is(.syh-learning-entry-section,.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading p,.syh-editorial-heading p){font-size:13px!important;line-height:1.55!important;max-width:56ch!important;margin:6px 0 0!important;color:var(--med-muted)!important} /* Learning module */ #syh-app.syh-home-v077 .syh-learning-entry-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #syh-app.syh-home-v077 .syh-learning-entry-card{min-height:88px!important;padding:14px 15px!important;border-radius:18px!important;gap:12px!important;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;border:1px solid rgba(18,106,150,.12)!important;box-shadow:0 10px 24px rgba(18,45,77,.06)!important} #syh-app.syh-home-v077 .syh-learning-entry-card>span:nth-child(2){display:grid!important;gap:4px!important} #syh-app.syh-home-v077 .syh-learning-entry-card strong{font-size:15px!important;line-height:1.35!important} #syh-app.syh-home-v077 .syh-learning-entry-card small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12px!important;line-height:1.45!important} #syh-app.syh-home-v077 .syh-learning-entry-card>span:last-child{font-size:16px!important;opacity:.8} #syh-app.syh-home-v077 .syh-source-mini-feeds{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important} #syh-app.syh-home-v077 .syh-source-mini-feed{min-width:0!important;background:var(--med-card-bg,#fff)!important;border:1px solid rgba(18,106,150,.1)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 22px rgba(18,45,77,.05)!important} #syh-app.syh-home-v077 .syh-source-mini-feed h3{font-size:13px!important;line-height:1.3!important;margin:0 0 8px!important;color:var(--med-ink)!important} #syh-app.syh-home-v077 .syh-source-mini-feed>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:56px!important;margin:0 0 8px!important;padding:10px 12px!important;border-radius:14px!important;background:var(--med-panel-alt,#f4f8fb)!important;border:1px solid rgba(18,106,150,.08)!important;text-decoration:none!important} #syh-app.syh-home-v077 .syh-source-mini-feed>a:last-child{margin-bottom:0!important} #syh-app.syh-home-v077 .syh-source-mini-feed>a strong{display:block!important;font-size:13px!important;line-height:1.42!important} #syh-app.syh-home-v077 .syh-source-mini-feed>a small{display:block!important;font-size:11px!important;line-height:1.35!important;color:var(--med-muted)!important;margin-top:2px!important} #syh-app.syh-home-v077 .syh-source-mini-feed>a span{font-size:14px!important;color:var(--med-accent)!important} /* Custom inspiration & spotlines grids */ #syh-app.syh-home-v077 :is(.syh-source-story-grid,.syh-source-spotlines-grid){gap:12px!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid>a,.syh-source-spotline){border-radius:18px!important;padding:14px 15px!important;min-height:120px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;border:1px solid rgba(18,106,150,.1)!important;box-shadow:0 10px 24px rgba(18,45,77,.06)!important;gap:7px!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid>a,.syh-source-spotline) small{font-size:11px!important;line-height:1.3!important;letter-spacing:.01em!important;color:var(--med-muted)!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid>a,.syh-source-spotline) strong{font-size:14px!important;line-height:1.45!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid>a,.syh-source-spotline)>span:last-child{font-size:12px!important;font-weight:650!important} #syh-app.syh-home-v077 .syh-editorial-heading>a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 12px!important;border-radius:999px!important;font-size:12px!important;background:var(--med-panel-alt,#f4f8fb)!important;border:1px solid rgba(18,106,150,.12)!important} /* Provider Inspiration module on homepage */ body.syh-v077-home .mpi-section .mpi-card, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card{border-radius:22px!important;box-shadow:0 12px 28px rgba(18,45,77,.06)!important;border:1px solid rgba(18,106,150,.1)!important;padding:18px!important} body.syh-v077-home .mpi-section .mpi-card .mpi-en, body.syh-v077-home .mpi-section .mpi-card .mpi-en-row, body.syh-v077-home .mpi-section .mpi-card .mpi-english, body.syh-v077-home .mpi-section .mpi-card .mpi-related-terms, body.syh-v077-home .mpi-section .mpi-card .mpi-source, body.syh-v077-home .mpi-section .mpi-daily-quote-en, body.syh-v077-home .mpi-section .mpi-daily-quote-en-wrap, #syh-app.syh-home-v077 .syh-home-inspiration-feed :is(.mpi-en,.mpi-en-row,.mpi-daily-quote-en,.mpi-daily-quote-en-wrap){display:none!important} body.syh-v077-home .mpi-section .mpi-card-tools .mpi-action-icon:not([data-mpi-refresh]), body.syh-v077-home .mpi-section .mpi-card-tools button:not([data-mpi-refresh]){display:none!important} body.syh-v077-home .mpi-section .mpi-card-tools, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card-tools{display:flex!important;justify-content:flex-end!important;gap:0!important} body.syh-v077-home .mpi-section .mpi-card-tools [data-mpi-refresh], #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card-tools [data-mpi-refresh]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:999px!important;background:#eef7fb!important;color:#1f7091!important;font-size:0!important;border:1px solid rgba(18,106,150,.14)!important;box-shadow:none!important} body.syh-v077-home .mpi-section .mpi-card-tools [data-mpi-refresh]>* , #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card-tools [data-mpi-refresh]>*{display:none!important} body.syh-v077-home .mpi-section .mpi-card-tools [data-mpi-refresh]::after, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card-tools [data-mpi-refresh]::after{content:'↻';font-size:22px!important;line-height:1!important;font-weight:500!important} body.syh-v077-home .mpi-section .mpi-card h3, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card h3{font-size:clamp(18px,1.8vw,24px)!important;line-height:1.25!important;margin:0 0 10px!important} body.syh-v077-home .mpi-section .mpi-card .mpi-vi, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card .mpi-vi{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important;font-size:15px!important;line-height:1.58!important;color:var(--med-ink)!important} body.syh-v077-home .mpi-section .mpi-card :is(.mpi-meta,.mpi-subtitle,.mpi-kind), #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card :is(.mpi-meta,.mpi-subtitle,.mpi-kind){font-size:11px!important;line-height:1.3!important;color:var(--med-muted)!important} body.syh-v077-home .mpi-section .mpi-card .mpi-section-title, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card .mpi-section-title{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.05!important;letter-spacing:.04em!important} /* Responsive */ @media(max-width:980px){ #syh-app.syh-home-v077 .syh-source-mini-feeds{grid-template-columns:1fr!important} #syh-app.syh-home-v077 :is(.syh-learning-entry-section,.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading,.syh-editorial-heading){align-items:flex-start!important;flex-direction:column!important} } @media(max-width:760px){ #syh-app.syh-home-v077 .syh-learning-entry-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v077 .syh-learning-entry-card{min-height:78px!important;padding:12px 14px!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid,.syh-source-spotlines-grid){grid-template-columns:1fr!important} #syh-app.syh-home-v077 :is(.syh-source-story-grid>a,.syh-source-spotline){min-height:104px!important;padding:12px!important} body.syh-v077-home .mpi-section .mpi-card, #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card{padding:16px!important;border-radius:20px!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v077 :is(.syh-learning-entry-card,.syh-source-mini-feed,.syh-source-mini-feed>a,.syh-source-story-grid>a,.syh-source-spotline){background:linear-gradient(180deg,#102235 0%,#0c1c2d 100%)!important;border-color:rgba(93,173,216,.16)!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v077 :is(.syh-learning-entry-card strong,.syh-source-mini-feed h3,.syh-source-mini-feed>a strong,.syh-source-story-grid>a strong,.syh-source-spotline strong){color:var(--med-card-ink,#f4f8fc)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) body.syh-v077-home .mpi-section .mpi-card-tools [data-mpi-refresh], :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v077 .syh-home-inspiration-feed .mpi-card-tools [data-mpi-refresh]{background:#18374a!important;color:#bfe7ef!important;border-color:#32556a!important} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v077 *{transition:none!important;scroll-behavior:auto!important}} /* === END home-v077.css === */ /* === BEGIN home-v078.css === */ /* MEDIPHARM Super App v0.78 — compact hero, source-backed magazine, matching clinical-learning visuals and unified card rhythm. Scoped to the homepage only. No changes to canonical site header. */ #syh-app.syh-home-v078{ --v78-paper:#fff;--v78-ink:#173650;--v78-muted:#62768a; --v78-border:#dceaf1;--v78-blue:#176ea6; --v78-ra:18px;--v78-elevation:0 3px 7px rgba(20,61,93,.025),0 12px 28px rgba(20,61,93,.058); --v78-text-card:116px; } #syh-app.syh-home-v078 :is(.syh-hero-cta,.syh-learning-entry-card,.syh-source-mini-feed>a,.syh-source-story-grid>a,.syh-source-spotline):focus-visible{ outline:3px solid #247faf!important;outline-offset:3px!important; } /* A more balanced banner: restrained white-blue field with one soft corner gradient, a shallow wave, and FIVE real covers rather than a book wall. */ #syh-app.syh-home-v078 .syh-hero.syh-hero-compact{ background: radial-gradient(ellipse 58% 85% at 94% 26%,rgba(60,166,185,.22),transparent 78%), linear-gradient(110deg,#fff 2%,#f4faff 50%,#e4f1f8 100%)!important; border-color:rgba(127,183,212,.34)!important; border-radius:23px!important; padding:20px 0 25px!important; box-shadow:0 14px 36px rgba(19,66,108,.055)!important; } #syh-app.syh-home-v078 .syh-hero-grid{ grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important; width:calc(100% - 2 * clamp(20px,3vw,46px))!important; align-items:center!important;gap:clamp(14px,2.3vw,32px)!important; } #syh-app.syh-home-v078 .syh-hero h1{ max-width:700px!important;font-size:clamp(26px,2.55vw,41px)!important; line-height:1.17!important;letter-spacing:-.028em!important;margin:0 0 10px!important; } #syh-app.syh-home-v078 .syh-hero h1 span{color:#1675b6!important} #syh-app.syh-home-v078 .syh-hero-lead{ max-width:52ch!important;margin:0!important;font-size:clamp(13px,1.05vw,15px)!important; line-height:1.58!important;color:#526a81!important; } #syh-app.syh-home-v078 .syh-book-deck{ width:min(100%,410px)!important;height:178px!important; margin:0 auto!important;align-self:center!important;overflow:visible!important; } #syh-app.syh-home-v078 .syh-book-deck-glow{inset:5% 8% 5%!important;opacity:.45!important} #syh-app.syh-home-v078 .syh-deck-cover{ width:clamp(77px,8.1vw,112px)!important;height:clamp(108px,11.25vw,155px)!important; border-radius:5px!important;border:1px solid rgba(255,255,255,.9)!important; box-shadow:0 10px 19px rgba(25,72,99,.15),0 2px 5px rgba(25,72,99,.09)!important; } #syh-app.syh-home-v078 .syh-deck-cover--1{z-index:2;transform:translate(-161%,-49%) rotate(-13deg)!important} #syh-app.syh-home-v078 .syh-deck-cover--2{z-index:3;transform:translate(-116%,-54%) rotate(-7deg)!important} #syh-app.syh-home-v078 .syh-deck-cover--3{z-index:5;transform:translate(-68%,-60%) rotate(-1deg)!important} #syh-app.syh-home-v078 .syh-deck-cover--5{z-index:4;transform:translate(-19%,-54%) rotate(7deg)!important} #syh-app.syh-home-v078 .syh-deck-cover--6{z-index:1;transform:translate(25%,-48%) rotate(14deg)!important} #syh-app.syh-home-v078 .syh-hero-wave{ height:19px!important;opacity:.62!important; background:linear-gradient(100deg,rgba(89,178,218,.24),rgba(55,146,205,.20) 52%,rgba(52,177,171,.22))!important; clip-path:polygon(0 47%,15% 61%,32% 33%,50% 59%,69% 37%,83% 56%,100% 34%,100% 100%,0 100%)!important; } #syh-app.syh-home-v078 .syh-home-quick-actions{padding-top:12px!important} #syh-app.syh-home-v078 .syh-hero-cta{ border-radius:var(--v78-ra)!important;border-color:var(--v78-border)!important; box-shadow:var(--v78-elevation)!important; } /* Shared editorial system. Cards fill their row rather than growing randomly with description length. Content clips after a controlled number of lines. */ #syh-app.syh-home-v078 :is(.syh-learning-entry-grid,.syh-source-story-grid,.syh-source-spotlines-grid){align-items:stretch!important;grid-auto-rows:minmax(0,auto)!important} #syh-app.syh-home-v078 :is(.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotline){ min-height:var(--v78-text-card)!important;height:100%!important;min-width:0!important; border-radius:var(--v78-ra)!important;box-shadow:var(--v78-elevation)!important; border-color:var(--v78-border)!important; } #syh-app.syh-home-v078 :is(.syh-learning-entry-card,.syh-source-story-grid>a,.syh-source-spotline):hover{ border-color:#b2d1e1!important;box-shadow:0 16px 33px rgba(19,66,108,.095)!important; } #syh-app.syh-home-v078 :is(.syh-source-story-grid>a strong,.syh-source-spotline strong){ display:-webkit-box!important;-webkit-box-orient:vertical!important; -webkit-line-clamp:3!important;overflow:hidden!important; } /* Learning: two quiet illustrations with a common geometry and no emoji glyphs. */ #syh-app.syh-home-v078 .syh-learning-entry-card{ display:flex!important;gap:13px!important;padding:16px!important; background:linear-gradient(135deg,#fff 24%,#f4f9fd 100%)!important; } #syh-app.syh-home-v078 .syh-learning-entry-icon{ flex:0 0 60px!important;width:60px!important;height:60px!important; border-radius:18px!important;display:grid!important;place-items:center!important; background:transparent!important;box-shadow:none!important; } #syh-app.syh-home-v078 .syh-learning-entry-icon img{width:60px!important;height:60px!important;display:block!important;object-fit:contain!important} #syh-app.syh-home-v078 .syh-learning-entry-card strong{ font-size:15px!important;line-height:1.35!important;font-weight:740!important; } #syh-app.syh-home-v078 .syh-learning-entry-card small{ font-size:12px!important;line-height:1.45!important;-webkit-line-clamp:2!important; } #syh-app.syh-home-v078 .syh-source-mini-feed{height:100%!important} #syh-app.syh-home-v078 .syh-source-mini-feed>a{ min-height:66px!important;align-content:center!important; border-radius:13px!important; } #syh-app.syh-home-v078 .syh-source-mini-feed>a strong{ display:-webkit-box!important;-webkit-box-orient:vertical!important; -webkit-line-clamp:2!important;overflow:hidden!important; } /* True magazine presentation for WordPress-published Spotlines articles. First story gets a larger picture only when >=4 articles are available. */ #syh-app.syh-home-v078 .syh-source-spotlines-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-flow:row!important;grid-auto-rows:minmax(var(--v78-text-card),auto)!important; gap:12px!important; } #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important; grid-template-rows:repeat(3,minmax(116px,auto))!important; } #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ grid-row:span 3!important;display:flex!important;flex-direction:column!important; padding:0!important;overflow:hidden!important;gap:0!important; } #syh-app.syh-home-v078 .syh-source-spotline{ display:grid!important;grid-template-columns:clamp(96px,10vw,148px) minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important; padding:8px!important;gap:12px!important; background:var(--v78-paper)!important; } #syh-app.syh-home-v078 .syh-magazine-media{ display:block!important;overflow:hidden!important;min-width:0!important; border-radius:12px!important;align-self:stretch!important; background:linear-gradient(135deg,#e7f2fa,#d9efee)!important; } #syh-app.syh-home-v078 .syh-magazine-media img{ width:100%!important;height:100%!important;display:block!important; min-height:0!important;object-fit:cover!important;aspect-ratio:5/4!important; } #syh-app.syh-home-v078 .syh-magazine-copy{ min-width:0!important;display:flex!important;flex-direction:column!important; align-items:flex-start!important;justify-content:center!important; padding:4px 4px 4px 0!important;gap:6px!important; } #syh-app.syh-home-v078 .syh-magazine-copy small{ color:var(--v78-muted)!important;font-size:11px!important;line-height:1.35!important; } #syh-app.syh-home-v078 .syh-magazine-copy strong{ color:var(--v78-ink)!important;font-size:14px!important;line-height:1.48!important; display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important; } #syh-app.syh-home-v078 .syh-magazine-read{ margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important; color:var(--v78-blue)!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important; } #syh-app.syh-home-v078 .syh-magazine-read>span{font-size:17px!important} #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-media{ width:100%!important;flex:1 1 57%!important;border-radius:16px 16px 0 0!important; } #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-media img{aspect-ratio:16/8.5!important} #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-copy{ width:100%!important;padding:16px 19px 18px!important;flex:1 0 auto!important;min-height:130px!important; } #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child strong{ font-size:clamp(16px,1.5vw,20px)!important;line-height:1.38!important;-webkit-line-clamp:3!important; } /* Maintain one text-card rhythm for learning, stories, magazine and tools; story/feature cards may grow vertically where editorial emphasis requires. */ #syh-app.syh-home-v078 .syh-source-story-grid>a{min-height:var(--v78-text-card)!important} #syh-app.syh-home-v078 .syh-source-story-grid>a strong{-webkit-line-clamp:3!important} #syh-app.syh-home-v078 .syh-tool-grid{align-items:stretch!important;grid-auto-rows:minmax(0,1fr)!important} #syh-app.syh-home-v078 .syh-tool-card{height:100%!important;min-height:230px!important} #syh-app.syh-home-v078 .syh-tool-card .syh-tool-link{margin-top:auto!important} /* Dark: reduced saturation, opaque panels, no neon glow. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078{ --v78-paper:#11293c;--v78-ink:#f3f8fb;--v78-muted:#b9ccdc; --v78-border:#29495d;--v78-blue:#8ccfe7; --v78-elevation:0 12px 26px rgba(0,0,0,.17); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-hero.syh-hero-compact{ background:radial-gradient(ellipse 58% 85% at 94% 26%,rgba(30,123,140,.22),transparent 78%),linear-gradient(110deg,#101f2e 2%,#142e43 64%,#183c4c 100%)!important; border-color:#305269!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-hero h1{color:#eff7fd!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-hero h1 span{color:#8acde5!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-hero-lead{color:#c1d7e5!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 :is(.syh-learning-entry-card,.syh-source-spotline){background:#12283c!important;border-color:var(--v78-border)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-magazine-copy strong{color:#f3f8fb!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v078 .syh-magazine-copy small{color:#b7cddb!important} /* Foldable, tablet and handheld styles; avoid tall hero and horizontal overflow. */ @media(max-width:1180px){ #syh-app.syh-home-v078 .syh-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important} #syh-app.syh-home-v078 .syh-tool-card{min-height:220px!important} } @media(max-width:820px){ #syh-app.syh-home-v078 .syh-hero.syh-hero-compact{padding:18px 0 23px!important} #syh-app.syh-home-v078 .syh-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.62fr)!important} #syh-app.syh-home-v078 .syh-hero h1{font-size:clamp(24px,3.6vw,31px)!important} #syh-app.syh-home-v078 .syh-book-deck{height:152px!important} #syh-app.syh-home-v078 .syh-deck-cover{width:76px!important;height:105px!important} #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured{ grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important;grid-auto-rows:minmax(var(--v78-text-card),auto)!important; } #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ grid-row:auto!important;grid-column:span 2!important;display:grid!important; grid-template-columns:40% minmax(0,1fr)!important;min-height:160px!important; } #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-media{height:100%!important;border-radius:16px 0 0 16px!important} #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-copy{min-height:0!important;justify-content:center!important} } @media(max-width:640px){ #syh-app.syh-home-v078 .syh-hero.syh-hero-compact{ width:calc(100% - 18px)!important;margin:9px auto 0!important; padding:16px 0 21px!important;border-radius:18px!important; } #syh-app.syh-home-v078 .syh-hero-grid{ grid-template-columns:minmax(0,1fr)!important;gap:0!important; width:calc(100% - 32px)!important; } #syh-app.syh-home-v078 .syh-hero h1{font-size:clamp(24px,6vw,33px)!important;margin-bottom:8px!important;line-height:1.18!important} #syh-app.syh-home-v078 .syh-hero-lead{font-size:13px!important;line-height:1.5!important;max-width:48ch!important} #syh-app.syh-home-v078 .syh-book-deck{width:min(100%,340px)!important;height:118px!important;margin:6px auto 0!important} #syh-app.syh-home-v078 .syh-deck-cover{width:74px!important;height:102px!important} #syh-app.syh-home-v078 .syh-deck-cover--6{display:none!important} #syh-app.syh-home-v078 .syh-learning-entry-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v078 .syh-learning-entry-card{min-height:104px!important;padding:11px 12px!important;gap:11px!important} #syh-app.syh-home-v078 .syh-learning-entry-icon{width:52px!important;height:52px!important;flex-basis:52px!important} #syh-app.syh-home-v078 .syh-learning-entry-icon img{width:52px!important;height:52px!important} #syh-app.syh-home-v078 .syh-source-spotlines-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured{grid-template-columns:1fr!important} #syh-app.syh-home-v078 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ grid-column:auto!important;display:flex!important;min-height:0!important; flex-direction:column!important; } #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-media{ max-height:170px!important;border-radius:16px 16px 0 0!important; } #syh-app.syh-home-v078 .syh-source-spotline{ grid-template-columns:100px minmax(0,1fr)!important;min-height:104px!important; gap:11px!important;padding:8px!important; } #syh-app.syh-home-v078 .syh-magazine-grid--featured>a:first-child .syh-magazine-copy{ padding:13px 15px 16px!important;min-height:110px!important; } #syh-app.syh-home-v078 .syh-source-story-grid>a{min-height:104px!important} #syh-app.syh-home-v078 .syh-tool-card{min-height:0!important} } @media(max-width:359px){ #syh-app.syh-home-v078 .syh-hero h1{font-size:23px!important} #syh-app.syh-home-v078 .syh-source-spotline{grid-template-columns:86px minmax(0,1fr)!important;gap:8px!important} #syh-app.syh-home-v078 .syh-magazine-copy strong{font-size:12.5px!important} } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v078 :is(.syh-source-spotline,.syh-learning-entry-card,.syh-deck-cover){transition:none!important} } /* === END home-v078.css === */ /* === BEGIN home-v079.css === */ /* MEDIPHARM Super App v0.79 — mobile/tablet hero alignment and swipe editorial rows */ #syh-app.syh-home-v079 .syh-hero.syh-hero-compact{overflow:hidden!important} #syh-app.syh-home-v079 .syh-book-deck{overflow:visible!important} /* Tablet and smaller: editorial sections become one-row swipe blocks */ @media(max-width:980px){ #syh-app.syh-home-v079 :is(.syh-source-story-grid,.syh-source-spotlines-grid,.syh-source-spotlines-grid.syh-magazine-grid--featured){ display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-rows:auto!important; overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:2px 2px 8px!important;margin-right:-2px!important; scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important; } #syh-app.syh-home-v079 :is(.syh-source-story-grid,.syh-source-spotlines-grid,.syh-source-spotlines-grid.syh-magazine-grid--featured)::-webkit-scrollbar{display:none!important} #syh-app.syh-home-v079 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex:0 0 clamp(290px,72vw,360px)!important;max-width:clamp(290px,72vw,360px)!important;min-width:0!important; scroll-snap-align:start!important;min-height:128px!important;height:auto!important; } #syh-app.syh-home-v079 .syh-source-story-grid>a{display:flex!important;flex-direction:column!important;padding:14px 15px!important} #syh-app.syh-home-v079 .syh-source-story-grid>a strong{-webkit-line-clamp:3!important} #syh-app.syh-home-v079 .syh-source-spotline, #syh-app.syh-home-v079 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;padding:8px!important; } #syh-app.syh-home-v079 .syh-magazine-grid--featured>a:first-child .syh-magazine-media, #syh-app.syh-home-v079 .syh-source-spotline .syh-magazine-media{ max-height:none!important;height:100%!important;border-radius:14px!important; } #syh-app.syh-home-v079 .syh-magazine-grid--featured>a:first-child .syh-magazine-copy, #syh-app.syh-home-v079 .syh-source-spotline .syh-magazine-copy{ padding:4px 4px 4px 0!important;min-height:0!important;justify-content:center!important; } #syh-app.syh-home-v079 .syh-magazine-grid--featured>a:first-child .syh-magazine-media img, #syh-app.syh-home-v079 .syh-source-spotline .syh-magazine-media img{aspect-ratio:4/5!important} } /* Handheld: keep five covers visible and balanced like tablet */ @media(max-width:640px){ #syh-app.syh-home-v079 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important} #syh-app.syh-home-v079 .syh-book-deck{ width:min(100%,318px)!important;height:126px!important;margin:8px auto 0!important; } #syh-app.syh-home-v079 .syh-deck-cover{width:60px!important;height:85px!important} #syh-app.syh-home-v079 .syh-deck-cover--1{display:block!important;transform:translate(-128%,-35%) rotate(-13deg)!important;z-index:2!important} #syh-app.syh-home-v079 .syh-deck-cover--2{transform:translate(-88%,-39%) rotate(-7deg)!important;z-index:3!important} #syh-app.syh-home-v079 .syh-deck-cover--3{transform:translate(-48%,-43%) rotate(-1deg)!important;z-index:5!important} #syh-app.syh-home-v079 .syh-deck-cover--5{transform:translate(-7%,-39%) rotate(7deg)!important;z-index:4!important} #syh-app.syh-home-v079 .syh-deck-cover--6{display:block!important;transform:translate(34%,-34%) rotate(14deg)!important;z-index:1!important} #syh-app.syh-home-v079 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex-basis:86vw!important;max-width:86vw!important;min-height:118px!important; } #syh-app.syh-home-v079 .syh-source-spotline, #syh-app.syh-home-v079 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important; } } @media(max-width:359px){ #syh-app.syh-home-v079 .syh-book-deck{width:min(100%,292px)!important;height:120px!important} #syh-app.syh-home-v079 .syh-deck-cover{width:56px!important;height:80px!important} #syh-app.syh-home-v079 .syh-deck-cover--1{transform:translate(-126%,-33%) rotate(-13deg)!important} #syh-app.syh-home-v079 .syh-deck-cover--2{transform:translate(-88%,-37%) rotate(-7deg)!important} #syh-app.syh-home-v079 .syh-deck-cover--3{transform:translate(-50%,-40%) rotate(-1deg)!important} #syh-app.syh-home-v079 .syh-deck-cover--5{transform:translate(-10%,-37%) rotate(7deg)!important} #syh-app.syh-home-v079 .syh-deck-cover--6{transform:translate(30%,-32%) rotate(14deg)!important} } /* Dark mode support for swipe cards */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v079 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ background:#12283c!important;border-color:rgba(93,173,216,.16)!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important; } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v079 :is(.syh-source-story-grid,.syh-source-spotlines-grid){scroll-behavior:auto!important} } /* === END home-v079.css === */ /* === BEGIN home-v080.css === */ /* MEDIPHARM Super App v0.80 — proportionate Hero, native-swipe editorial rows, harmonized category/library/tool geometry. Home only: no Header, Theme or data changes. */ #syh-app.syh-home-v080{ --v80-gap:clamp(10px,1.15vw,16px); --v80-card-shadow:0 3px 10px rgba(20,59,88,.035),0 12px 26px rgba(20,59,88,.058); --v80-card-radius:17px; } /* One restrained, responsive hero. Five genuine local book covers everywhere. Percent-based centers keep the full fan inside the card on narrow foldables. */ #syh-app.syh-home-v080 .syh-hero.syh-hero-compact{ padding:clamp(17px,2vw,25px) 0 clamp(24px,2.1vw,31px)!important; margin-top:clamp(9px,1.2vw,17px)!important; border-radius:clamp(17px,1.55vw,22px)!important; } #syh-app.syh-home-v080 .syh-hero-grid{ grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important; gap:clamp(12px,2.1vw,28px)!important; align-items:center!important; } #syh-app.syh-home-v080 .syh-hero-copy{min-width:0!important} #syh-app.syh-home-v080 .syh-hero h1{ font-size:clamp(27px,2.7vw,40px)!important; line-height:1.16!important;letter-spacing:-.029em!important; margin-bottom:clamp(8px,1vw,12px)!important; } #syh-app.syh-home-v080 .syh-hero-lead{ font-size:clamp(13px,1.05vw,15px)!important; line-height:1.55!important;max-width:55ch!important; } #syh-app.syh-home-v080 .syh-book-deck{ width:min(100%,440px)!important;height:176px!important; margin:0 auto!important;overflow:visible!important; } #syh-app.syh-home-v080 .syh-book-deck-stack{ position:relative!important;width:100%!important;height:100%!important; } #syh-app.syh-home-v080 .syh-deck-cover{ display:block!important;position:absolute!important; top:50%!important;width:clamp(76px,7.3vw,104px)!important; height:auto!important;aspect-ratio:230/310!important; object-fit:cover!important;object-position:top!important; transform-origin:center center!important; border-radius:5px!important; box-shadow:0 9px 21px rgba(23,66,95,.16),0 2px 5px rgba(23,66,95,.08)!important; } #syh-app.syh-home-v080 .syh-deck-cover--1{left:16%!important;z-index:2!important;transform:translate(-50%,-50%) rotate(-12deg)!important} #syh-app.syh-home-v080 .syh-deck-cover--2{left:33%!important;z-index:3!important;transform:translate(-50%,-50%) rotate(-6deg)!important} #syh-app.syh-home-v080 .syh-deck-cover--3{left:50%!important;z-index:5!important;transform:translate(-50%,-50%) rotate(0deg)!important} #syh-app.syh-home-v080 .syh-deck-cover--5{left:67%!important;z-index:4!important;transform:translate(-50%,-50%) rotate(6deg)!important} #syh-app.syh-home-v080 .syh-deck-cover--6{display:block!important;left:84%!important;z-index:2!important;transform:translate(-50%,-50%) rotate(12deg)!important} #syh-app.syh-home-v080 .syh-hero-wave{height:14px!important;opacity:.48!important} #syh-app.syh-home-v080 .syh-home-quick-actions{padding-top:clamp(9px,1.35vw,15px)!important} /* Equal row geometry: category artwork uses a common frame; footer provides a safe 2-line label area without shortening the real WordPress category. */ #syh-app.syh-home-v080 .syh-parent-category-grid{ align-items:stretch!important;grid-auto-rows:minmax(0,1fr)!important; gap:var(--v80-gap)!important; } #syh-app.syh-home-v080 .syh-parent-category-card{ width:100%!important;height:100%!important;min-width:0!important; display:flex!important;flex-direction:column!important; border-radius:var(--v80-card-radius)!important; box-shadow:var(--v80-card-shadow)!important; } #syh-app.syh-home-v080 .syh-parent-category-card-media{ width:100%!important;aspect-ratio:1.82/1!important; min-height:0!important;flex:0 0 auto!important; } #syh-app.syh-home-v080 .syh-parent-category-card-footer{ width:100%!important;min-height:65px!important; padding:11px 14px!important;margin-top:auto!important; display:flex!important;align-items:center!important; } #syh-app.syh-home-v080 .syh-parent-category-card-label{ display:block!important;overflow-wrap:anywhere!important; min-width:0!important;line-height:1.35!important; } /* Books retain 16 on desktop, 8 landscape rows on tablet/phone (v0.76). Stretch only visible cards and align metadata/title/CTA within each row. */ #syh-app.syh-home-v080 .syh-library-section .syh-library-grid{ align-items:stretch!important;grid-auto-rows:minmax(0,1fr)!important; gap:var(--v80-gap)!important; } @media(min-width:1181px){ #syh-app.syh-home-v080 .syh-library-section .syh-library-card:not([hidden]){ display:flex!important;flex-direction:column!important; min-width:0!important;height:100%!important; } #syh-app.syh-home-v080 .syh-library-card .syh-book-cover{ flex:0 0 auto!important;aspect-ratio:3/3.65!important; height:auto!important;max-height:225px!important; } #syh-app.syh-home-v080 .syh-library-card .syh-library-copy{ flex:1!important;display:flex!important;flex-direction:column!important; padding:13px!important;min-height:130px!important; } #syh-app.syh-home-v080 .syh-library-card .syh-library-copy h3{ min-height:0!important;display:-webkit-box!important; -webkit-box-orient:vertical!important;-webkit-line-clamp:3!important; overflow:hidden!important;font-size:14px!important;line-height:1.42!important; } #syh-app.syh-home-v080 .syh-library-card .syh-library-copy>a{margin-top:auto!important} } /* Clinical Suite / ABG / Protocol / Dictionary all share equal card geometry while preserving natural content and the bottom-anchored primary action. */ #syh-app.syh-home-v080 .syh-tools-section .syh-tool-grid{ display:grid!important;grid-auto-rows:minmax(0,1fr)!important; align-items:stretch!important;gap:var(--v80-gap)!important; } #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card{ width:100%!important;min-width:0!important;height:100%!important; min-height:226px!important;display:flex!important;flex-direction:column!important; gap:9px!important;border-radius:var(--v80-card-radius)!important; box-shadow:var(--v80-card-shadow)!important; } #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card h3{ display:block!important;min-height:0!important;overflow-wrap:anywhere!important; } #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card .syh-tool-link{ margin-top:auto!important;flex-shrink:0!important; } /* Horizontally scrolling article rails. Native momentum (no scroll/resize JS) plus snap/overscroll containment; slight next-card peek advertises swiping. */ @media(max-width:1180px){ #syh-app.syh-home-v080 :is(.syh-source-story-grid,.syh-source-spotlines-grid,.syh-source-spotlines-grid.syh-magazine-grid--featured){ display:flex!important;flex-wrap:nowrap!important; grid-template-columns:none!important;grid-template-rows:none!important; width:100%!important;min-width:0!important; gap:clamp(10px,1.5vw,14px)!important; overflow-x:auto!important;overflow-y:hidden!important; padding:2px 2px 10px!important;margin:0!important; scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important; scroll-behavior:smooth!important;overscroll-behavior-x:contain!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; } #syh-app.syh-home-v080 :is(.syh-source-story-grid,.syh-source-spotlines-grid)::-webkit-scrollbar{display:none!important} #syh-app.syh-home-v080 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex:0 0 clamp(260px,80%,370px)!important; width:clamp(260px,80%,370px)!important; max-width:calc(100% - 8px)!important; min-width:0!important;height:146px!important; min-height:146px!important;max-height:146px!important; scroll-snap-align:start!important;scroll-snap-stop:normal!important; align-self:stretch!important;overflow:hidden!important; border-radius:var(--v80-card-radius)!important; } #syh-app.syh-home-v080 .syh-source-story-grid>a{ display:flex!important;flex-direction:column!important; padding:14px 15px!important;justify-content:flex-start!important; } #syh-app.syh-home-v080 .syh-source-story-grid>a strong{ display:-webkit-box!important;-webkit-line-clamp:3!important; -webkit-box-orient:vertical!important;overflow:hidden!important; } #syh-app.syh-home-v080 .syh-source-spotline, #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ display:grid!important;grid-template-columns:104px minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:10px!important;padding:8px!important; } #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-media, #syh-app.syh-home-v080 .syh-source-spotline .syh-magazine-media{ width:100%!important;height:100%!important;min-height:0!important; max-height:none!important;border-radius:12px!important; } #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-media img, #syh-app.syh-home-v080 .syh-source-spotline .syh-magazine-media img{ width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important; } #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-copy, #syh-app.syh-home-v080 .syh-source-spotline .syh-magazine-copy{ width:100%!important;min-height:0!important;padding:5px 4px 4px 0!important; align-items:flex-start!important;justify-content:center!important;gap:5px!important; } #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-copy strong, #syh-app.syh-home-v080 .syh-source-spotline .syh-magazine-copy strong{ font-size:13px!important;line-height:1.4!important;-webkit-line-clamp:3!important; } #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-copy .syh-magazine-read{ margin-top:0!important; } #syh-app.syh-home-v080 :is(.syh-source-story-grid,.syh-source-spotlines-grid):focus-visible{ outline:2px solid #2587b0!important;outline-offset:3px!important;border-radius:10px!important; } /* Library remains a horizontal card layout without losing the 8-book rule. */ #syh-app.syh-home-v080 .syh-library-section .syh-library-card:not([hidden]):not(.syh-library-card--desktop-extra){ height:128px!important;min-height:128px!important;max-height:128px!important; display:grid!important;align-content:center!important; grid-template-columns:clamp(72px,8vw,96px) minmax(0,1fr)!important; gap:12px!important;padding:10px!important; } #syh-app.syh-home-v080 .syh-library-section .syh-library-card .syh-library-copy{ justify-content:center!important;height:100%!important; } #syh-app.syh-home-v080 .syh-library-section .syh-library-card .syh-library-copy h3{ -webkit-line-clamp:2!important; } #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card{min-height:204px!important} } /* Foldable/tablet hero: two balanced columns, no vertical book wall. */ @media(min-width:701px) and (max-width:1180px){ #syh-app.syh-home-v080 .syh-hero-grid{ grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)!important; gap:clamp(10px,1.75vw,20px)!important; } #syh-app.syh-home-v080 .syh-hero h1{font-size:clamp(25px,3.35vw,34px)!important} #syh-app.syh-home-v080 .syh-book-deck{width:min(100%,340px)!important;height:152px!important} #syh-app.syh-home-v080 .syh-deck-cover{width:clamp(55px,8vw,83px)!important} } /* Handheld layouts keep the five book jackets and concise 2-column cards. */ @media(max-width:700px){ #syh-app.syh-home-v080 .syh-hero.syh-hero-compact{ padding:clamp(14px,3.7vw,19px) 0 20px!important; margin-top:9px!important; } #syh-app.syh-home-v080 .syh-hero-grid{ grid-template-columns:minmax(0,1fr)!important; gap:0!important;width:calc(100% - 2 * clamp(14px,4.5vw,25px))!important; } #syh-app.syh-home-v080 .syh-hero h1{ font-size:clamp(23px,5.85vw,33px)!important; line-height:1.2!important;margin-bottom:8px!important; } #syh-app.syh-home-v080 .syh-hero-lead{font-size:13px!important;line-height:1.48!important} #syh-app.syh-home-v080 .syh-book-deck{ width:min(100%,360px)!important;height:122px!important; margin:8px auto 0!important; } #syh-app.syh-home-v080 .syh-deck-cover{width:clamp(56px,17.5vw,74px)!important} #syh-app.syh-home-v080 .syh-parent-category-card-media{aspect-ratio:1.7/1!important} #syh-app.syh-home-v080 .syh-parent-category-card-footer{ min-height:60px!important;padding:10px 11px!important; } #syh-app.syh-home-v080 .syh-parent-category-card-label{font-size:12.5px!important} #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card{ min-height:172px!important;padding:12px!important;gap:7px!important; } #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card h3{font-size:14.5px!important;line-height:1.35!important} #syh-app.syh-home-v080 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex-basis:86%!important;width:86%!important;max-width:calc(100% - 12px)!important; min-height:136px!important;height:136px!important;max-height:136px!important; } #syh-app.syh-home-v080 .syh-source-spotline, #syh-app.syh-home-v080 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ grid-template-columns:clamp(83px,26%,98px) minmax(0,1fr)!important;gap:9px!important; } #syh-app.syh-home-v080 .syh-library-section .syh-library-card:not([hidden]):not(.syh-library-card--desktop-extra){ grid-template-columns:84px minmax(0,1fr)!important; } } @media(max-width:360px){ #syh-app.syh-home-v080 .syh-book-deck{width:min(100%,292px)!important;height:110px!important} #syh-app.syh-home-v080 .syh-deck-cover{width:55px!important} #syh-app.syh-home-v080 .syh-parent-category-card-footer{min-height:63px!important;padding:9px!important} #syh-app.syh-home-v080 .syh-tools-section .syh-tool-card{min-height:180px!important} #syh-app.syh-home-v080 .syh-library-section .syh-library-card:not([hidden]):not(.syh-library-card--desktop-extra){ grid-template-columns:74px minmax(0,1fr)!important;gap:9px!important; } } /* Match dark surfaces to current theme state, without touching the site header. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v080{ --v80-card-shadow:0 8px 22px rgba(0,0,0,.21); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v080 .syh-source-story-grid>a{ border-color:rgba(93,173,216,.18)!important;background:#12283c!important; } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v080 :is(.syh-source-story-grid,.syh-source-spotlines-grid){scroll-behavior:auto!important} #syh-app.syh-home-v080 :is(.syh-deck-cover,.syh-parent-category-card,.syh-library-card,.syh-tool-card){transition:none!important} } /* === END home-v080.css === */ /* === BEGIN home-v081.css === */ /* MEDIPHARM Super App v0.81 — softer post-style editorial cards with corner-fade gradients */ #syh-app.syh-home-v081{--v81-surface:#ffffff;--v81-ink:#19354d;--v81-muted:#677c91;--v81-line:#dbe9f0;--v81-accent:#2a86ad;--v81-radius:20px;--v81-shadow:0 8px 22px rgba(16,54,85,.06),0 18px 38px rgba(16,54,85,.05)} #syh-app.syh-home-v081 :is(.syh-home-inspiration,.syh-spotlines-section) .syh-shell{position:relative} #syh-app.syh-home-v081 :is(.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading,.syh-editorial-heading){margin-bottom:14px!important} #syh-app.syh-home-v081 :is(.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading h2,.syh-editorial-heading h2){letter-spacing:-.02em!important} #syh-app.syh-home-v081 :is(.syh-home-inspiration,.syh-spotlines-section) :is(.syh-source-heading p,.syh-editorial-heading p){color:var(--v81-muted)!important;max-width:58ch!important} /* Shared post-like cards with soft corner fades */ #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline){ position:relative!important;overflow:hidden!important;border-radius:var(--v81-radius)!important; border:1px solid var(--v81-line)!important;box-shadow:var(--v81-shadow)!important; background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; isolation:isolate; } #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline)::before, #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline)::after{ content:"";position:absolute;pointer-events:none;z-index:0;border-radius:999px;filter:blur(0.3px); } #syh-app.syh-home-v081 .syh-source-story-grid>a::before, #syh-app.syh-home-v081 .syh-source-spotline::before{ width:164px;height:164px;top:-72px;right:-58px; background:radial-gradient(circle at center,rgba(94,176,201,.18) 0%,rgba(94,176,201,.10) 38%,rgba(94,176,201,0) 72%); } #syh-app.syh-home-v081 .syh-source-story-grid>a::after, #syh-app.syh-home-v081 .syh-source-spotline::after{ width:132px;height:132px;left:-52px;bottom:-54px; background:radial-gradient(circle at center,rgba(171,207,222,.20) 0%,rgba(171,207,222,.08) 42%,rgba(171,207,222,0) 74%); } #syh-app.syh-home-v081 .syh-source-story-grid>a > *, #syh-app.syh-home-v081 .syh-source-spotline > *{position:relative;z-index:1} #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline):hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(16,54,85,.08),0 22px 44px rgba(16,54,85,.08)!important;border-color:#c9dde7!important} /* Story cards: simpler post tiles */ #syh-app.syh-home-v081 .syh-source-story-grid>a{ padding:15px 16px 16px!important;display:flex!important;flex-direction:column!important;gap:9px!important;min-height:132px!important; } #syh-app.syh-home-v081 .syh-source-story-grid>a small{ display:inline-flex!important;align-items:center!important;align-self:flex-start!important;max-width:fit-content; padding:5px 10px!important;border-radius:999px!important;font-size:11px!important;line-height:1!important;font-weight:700!important; color:#3f7593!important;background:rgba(230,242,248,.92)!important;border:1px solid rgba(124,180,205,.25)!important;letter-spacing:.02em!important; } #syh-app.syh-home-v081 .syh-source-story-grid>a strong{ font-size:15px!important;line-height:1.45!important;font-weight:760!important;color:var(--v81-ink)!important; -webkit-line-clamp:3!important; } #syh-app.syh-home-v081 .syh-source-story-grid>a span{ margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important; font-size:12.5px!important;font-weight:700!important;color:var(--v81-accent)!important; } /* Spotlines posts: media + editorial body with subtle magazine feel */ #syh-app.syh-home-v081 .syh-source-spotline{ padding:10px!important;gap:12px!important;background:linear-gradient(180deg,#ffffff 0%,#fafdff 100%)!important; } #syh-app.syh-home-v081 .syh-magazine-media{ border-radius:14px!important;overflow:hidden!important;border:1px solid rgba(202,220,232,.5)!important; background: radial-gradient(circle at 90% 12%,rgba(125,203,214,.26),transparent 38%), linear-gradient(135deg,#eef7fb,#e4f2f6 70%,#eef7f5)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important; } #syh-app.syh-home-v081 .syh-magazine-copy{gap:7px!important;padding:4px 4px 4px 0!important} #syh-app.syh-home-v081 .syh-magazine-copy small{ display:inline-flex!important;align-items:center!important;align-self:flex-start!important;max-width:fit-content; padding:5px 10px!important;border-radius:999px!important;font-size:10.5px!important;line-height:1!important;font-weight:700!important; color:#4b7994!important;background:rgba(233,243,248,.92)!important;border:1px solid rgba(124,180,205,.24)!important; } #syh-app.syh-home-v081 .syh-magazine-copy strong{ font-size:14.5px!important;line-height:1.42!important;font-weight:760!important;color:var(--v81-ink)!important; display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important; } #syh-app.syh-home-v081 .syh-magazine-read{ margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important; font-size:12.5px!important;font-weight:700!important;color:var(--v81-accent)!important; } #syh-app.syh-home-v081 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{ box-shadow:0 10px 26px rgba(16,54,85,.075),0 24px 48px rgba(16,54,85,.065)!important; } #syh-app.syh-home-v081 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child::before{width:196px;height:196px;top:-84px;right:-72px} #syh-app.syh-home-v081 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child .syh-magazine-copy strong{font-size:16px!important;line-height:1.4!important;-webkit-line-clamp:4!important} /* Swipe rows feel more like posts stream */ @media(max-width:980px){ #syh-app.syh-home-v081 :is(.syh-source-story-grid,.syh-source-spotlines-grid,.syh-source-spotlines-grid.syh-magazine-grid--featured){padding:4px 2px 10px!important;gap:13px!important} #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex:0 0 clamp(294px,74vw,368px)!important;max-width:clamp(294px,74vw,368px)!important;min-height:136px!important; } } @media(max-width:640px){ #syh-app.syh-home-v081 .syh-source-story-grid>a{padding:14px 14px 15px!important;min-height:124px!important} #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline,.syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child){ flex-basis:87vw!important;max-width:87vw!important; } #syh-app.syh-home-v081 .syh-source-spotline, #syh-app.syh-home-v081 .syh-source-spotlines-grid.syh-magazine-grid--featured>a:first-child{grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important;padding:8px!important} #syh-app.syh-home-v081 .syh-magazine-copy strong{font-size:14px!important} } /* Dark mode */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081{ --v81-surface:#11263a;--v81-ink:#edf5fb;--v81-muted:#bdd0dd;--v81-line:rgba(109,171,204,.18);--v81-accent:#8ed2e5; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline){ background:linear-gradient(180deg,#11263a 0%,#0e2132 100%)!important;border-color:var(--v81-line)!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 .syh-source-story-grid>a::before, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 .syh-source-spotline::before{ background:radial-gradient(circle at center,rgba(78,143,173,.28) 0%,rgba(78,143,173,.12) 38%,rgba(78,143,173,0) 72%); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 .syh-source-story-grid>a::after, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 .syh-source-spotline::after{ background:radial-gradient(circle at center,rgba(103,154,189,.18) 0%,rgba(103,154,189,.08) 42%,rgba(103,154,189,0) 74%); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 :is(.syh-source-story-grid>a small,.syh-magazine-copy small){ color:#bfe1ec!important;background:rgba(27,56,79,.92)!important;border-color:rgba(118,177,203,.22)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v081 .syh-magazine-media{ background:radial-gradient(circle at 90% 12%,rgba(75,145,167,.28),transparent 38%),linear-gradient(135deg,#1a3348,#163244 70%,#18383c)!important;border-color:rgba(118,177,203,.18)!important; } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v081 :is(.syh-source-story-grid>a,.syh-source-spotline){transition:none!important}} /* === END home-v081.css === */ /* === BEGIN home-v082.css === */ /* MEDIPHARM Super App v0.82 — unified canvas, cleaner homepage, gradient tools & learning */ #syh-app.syh-home-v082{--v82-max:1320px;--v82-gutter:clamp(12px,2.3vw,28px);--v82-right-rail-space:0px;--v82-line:#d8e7f0;--v82-shadow:0 10px 28px rgba(17,55,88,.05)} #syh-app.syh-home-v082 .syh-shell{width:min(var(--v82-max),calc(100% - 2 * var(--v82-gutter) - var(--v82-right-rail-space)))!important;max-width:none!important;margin-inline:auto!important;min-width:0!important} #syh-app.syh-home-v082 :is(.syh-hero,.syh-home-quick-actions,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){overflow:clip} #syh-app.syh-home-v082 .syh-home-quick-actions{padding-top:12px!important;padding-bottom:8px!important} #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){padding-top:clamp(20px,2vw,28px)!important;padding-bottom:clamp(20px,2vw,28px)!important} /* More consistent canvas on desktop to avoid Right Rail overlap */ @media(min-width:1180px){ #syh-app.syh-home-v082{--v82-right-rail-space:72px;--v82-max:1280px} #syh-app.syh-home-v082 .syh-hero-grid{gap:clamp(34px,3.8vw,60px)!important} } @media(min-width:1440px){#syh-app.syh-home-v082{--v82-right-rail-space:82px;--v82-max:1340px}} @media(max-width:1179px){#syh-app.syh-home-v082{--v82-right-rail-space:0px}} /* Hero rhythm */ #syh-app.syh-home-v082 .syh-hero.syh-hero-compact{padding-block:clamp(18px,2.3vw,28px)!important} #syh-app.syh-home-v082 .syh-hero-grid{align-items:center!important} #syh-app.syh-home-v082 .syh-hero-copy{padding-right:0!important} #syh-app.syh-home-v082 .syh-hero-lead{max-width:58ch!important} #syh-app.syh-home-v082 .syh-home-quick-actions .syh-hero-cta{min-height:92px!important} /* Consistent module canvases */ #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) .syh-shell{ border-radius:24px!important;padding-inline:clamp(14px,1.8vw,22px)!important;padding-block:clamp(16px,1.9vw,20px)!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;border:1px solid rgba(204,222,234,.6)!important;box-shadow:var(--v82-shadow)!important; } #syh-app.syh-home-v082 .syh-section-heading--compact{margin-bottom:12px!important} #syh-app.syh-home-v082 .syh-section-heading h2{margin-bottom:4px!important} #syh-app.syh-home-v082 .syh-section-heading p{max-width:60ch!important;color:#62768a!important} /* Parent categories & library keep balanced heights */ #syh-app.syh-home-v082 .syh-parent-category-card, #syh-app.syh-home-v082 .syh-library-card, #syh-app.syh-home-v082 .syh-tool-card{height:100%!important} #syh-app.syh-home-v082 .syh-parent-category-grid, #syh-app.syh-home-v082 .syh-library-grid, #syh-app.syh-home-v082 .syh-tool-grid{align-items:stretch!important} #syh-app.syh-home-v082 .syh-parent-category-card-footer{min-height:70px!important} #syh-app.syh-home-v082 .syh-library-card .syh-library-copy h3{min-height:3.1em!important} #syh-app.syh-home-v082 .syh-tool-card h3{min-height:2.8em!important} /* Clinical Tools module: alternating gradient cards */ #syh-app.syh-home-v082 .syh-tools-section .syh-shell{ background: radial-gradient(circle at 12% 10%,rgba(102,198,202,.12),transparent 30%), radial-gradient(circle at 100% 0%,rgba(151,187,243,.12),transparent 28%), linear-gradient(135deg,#f4fbfd 0%,#f8fcff 52%,#f8fbff 100%)!important; } #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card{ border-radius:20px!important;border:1px solid rgba(168,207,224,.28)!important;box-shadow:0 12px 28px rgba(17,55,88,.055)!important; background:linear-gradient(145deg,#ffffff 0%,#f8fcfd 100%)!important;overflow:hidden!important;position:relative!important; } #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card::before{content:"";position:absolute;inset:auto -24px -36px auto;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle,rgba(101,186,196,.14) 0%,rgba(101,186,196,0) 70%);pointer-events:none} #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+1){background:linear-gradient(145deg,#ffffff 0%,#f1fbfb 100%)!important} #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+2){background:linear-gradient(145deg,#ffffff 0%,#f3f8ff 100%)!important} #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+3){background:linear-gradient(145deg,#ffffff 0%,#f7f5ff 100%)!important} #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+4){background:linear-gradient(145deg,#ffffff 0%,#fff8f1 100%)!important} #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card .syh-tool-link{margin-top:auto!important;display:inline-flex!important;align-items:center!important} /* Medical English module: softer alternating gradients */ #syh-app.syh-home-v082 .syh-learning-entry-section .syh-shell{ background: radial-gradient(circle at 92% 10%,rgba(255,201,112,.12),transparent 26%), radial-gradient(circle at 0% 100%,rgba(130,175,231,.12),transparent 28%), linear-gradient(135deg,#fffaf2 0%,#fbfdff 46%,#f6fbff 100%)!important; } #syh-app.syh-home-v082 .syh-learning-entry-grid{align-items:stretch!important} #syh-app.syh-home-v082 .syh-learning-entry-card, #syh-app.syh-home-v082 .syh-source-mini-feed{ border-radius:20px!important;border:1px solid rgba(205,220,232,.68)!important;box-shadow:0 10px 24px rgba(17,55,88,.05)!important;overflow:hidden!important; } #syh-app.syh-home-v082 .syh-learning-entry-card{position:relative!important;min-height:98px!important} #syh-app.syh-home-v082 .syh-learning-entry-card::after{content:"";position:absolute;right:-26px;top:-32px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(252,212,121,.15) 0%,rgba(252,212,121,0) 72%);pointer-events:none} #syh-app.syh-home-v082 .syh-learning-entry-card:nth-child(2n+1){background:linear-gradient(145deg,#ffffff 0%,#fff8ec 100%)!important} #syh-app.syh-home-v082 .syh-learning-entry-card:nth-child(2n){background:linear-gradient(145deg,#ffffff 0%,#f3f8ff 100%)!important} #syh-app.syh-home-v082 .syh-source-mini-feed:nth-child(2n+1){background:linear-gradient(145deg,#ffffff 0%,#f5fbff 100%)!important} #syh-app.syh-home-v082 .syh-source-mini-feed:nth-child(2n){background:linear-gradient(145deg,#ffffff 0%,#fff9f0 100%)!important} #syh-app.syh-home-v082 .syh-source-mini-feed>a{background:rgba(255,255,255,.72)!important} /* Preserve compact library rows on tablet/mobile */ @media(max-width:980px){ #syh-app.syh-home-v082 .syh-shell{width:calc(100% - 2 * var(--v82-gutter))!important} #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) .syh-shell{padding-inline:14px!important} } @media(max-width:760px){ #syh-app.syh-home-v082 .syh-home-quick-actions{padding-top:10px!important} #syh-app.syh-home-v082 .syh-home-quick-actions .syh-hero-cta{min-height:84px!important} #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){padding-top:16px!important;padding-bottom:16px!important} #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) .syh-shell{border-radius:20px!important;padding-inline:12px!important;padding-block:14px!important} #syh-app.syh-home-v082 .syh-parent-category-card-footer{min-height:62px!important} #syh-app.syh-home-v082 .syh-tool-card h3{min-height:0!important} #syh-app.syh-home-v082 .syh-library-card .syh-library-copy h3{min-height:0!important} } /* Dark mode */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) .syh-shell{ background:linear-gradient(180deg,#102235 0%,#0d1e2f 100%)!important;border-color:rgba(97,160,194,.18)!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-tools-section .syh-shell{ background:radial-gradient(circle at 12% 10%,rgba(57,128,135,.20),transparent 30%),radial-gradient(circle at 100% 0%,rgba(77,108,164,.18),transparent 28%),linear-gradient(135deg,#10263a 0%,#0d2032 52%,#0d2031 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-learning-entry-section .syh-shell{ background:radial-gradient(circle at 92% 10%,rgba(173,132,63,.20),transparent 26%),radial-gradient(circle at 0% 100%,rgba(78,115,168,.18),transparent 28%),linear-gradient(135deg,#142232 0%,#101e2f 46%,#102437 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 :is(.syh-tool-card,.syh-learning-entry-card,.syh-source-mini-feed){border-color:rgba(110,167,199,.18)!important;box-shadow:0 12px 26px rgba(0,0,0,.18)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+1){background:linear-gradient(145deg,#112637 0%,#103036 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+2){background:linear-gradient(145deg,#112637 0%,#12283c 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+3){background:linear-gradient(145deg,#132436 0%,#1b2441 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-tools-section .syh-tool-card:nth-child(4n+4){background:linear-gradient(145deg,#132436 0%,#2b281f 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-learning-entry-card:nth-child(2n+1){background:linear-gradient(145deg,#182231 0%,#2d2a20 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-learning-entry-card:nth-child(2n){background:linear-gradient(145deg,#122537 0%,#142a3f 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-source-mini-feed:nth-child(2n+1){background:linear-gradient(145deg,#122638 0%,#142b3e 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v082 .syh-source-mini-feed:nth-child(2n){background:linear-gradient(145deg,#172436 0%,#2a261f 100%)!important} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v082 *{transition:none!important;scroll-behavior:auto!important}} /* === END home-v082.css === */ /* === BEGIN home-v083.css === */ /* v0.83 — Hero / card geometry / responsive Search Dock Right Rail compatibility. All rules apply only to Super App homepage, not the canonical Header or other tools. */ #syh-app.syh-home-v083{ --v82-right-rail-space:0px!important; --syh-v83-rail-space:0px; --syh-v83-gutter:clamp(12px,2.1vw,28px); --syh-v83-shell-max:1320px; --syh-v83-elevation:0 6px 22px rgba(27,73,104,.055); } /* Single content budget: measured right rail reduces the whole MAIN, not separate shell widths. Canonical Header, global Search and Dock are untouched. */ #syh-app.syh-home-v083 main{ width:calc(100% - var(--syh-v83-rail-space,0px))!important; max-width:100%!important;min-width:0!important; margin:0 auto 0 0!important;box-sizing:border-box!important; container-type:inline-size;container-name:syh-home; transition:width .18s ease; } #syh-app.syh-home-v083 main :is(.syh-shell,.syh-home-quick-actions .syh-shell){ width:min(var(--syh-v83-shell-max),calc(100% - 2 * var(--syh-v83-gutter)))!important; max-width:none!important;min-width:0!important; margin-inline:auto!important;box-sizing:border-box!important; } #syh-app.syh-home-v083 main :is(.syh-parent-category-grid,.syh-library-grid,.syh-tool-grid,.syh-learning-entry-grid,.syh-source-mini-feeds){min-width:0!important} #syh-app.syh-home-v083 main :is(.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-mini-feed){min-width:0!important;box-sizing:border-box!important} /* HERO: proportionate 5-cover fan, one typographic scale, no huge empty gap. */ #syh-app.syh-home-v083 .syh-hero.syh-hero-compact{ padding:clamp(19px,2.4vw,30px) 0 clamp(23px,2vw,28px)!important; border-radius:clamp(16px,1.5vw,23px)!important; min-width:0!important; } #syh-app.syh-home-v083 .syh-hero-grid{ grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr)!important; align-items:center!important;gap:clamp(14px,2.6vw,40px)!important; } #syh-app.syh-home-v083 .syh-hero-copy{max-width:680px!important} #syh-app.syh-home-v083 .syh-hero h1{ font-size:clamp(26px,2.55vw,39px)!important; line-height:1.15!important;letter-spacing:-.029em!important; margin:0 0 clamp(8px,.9vw,12px)!important; } #syh-app.syh-home-v083 .syh-hero-lead{ font-size:clamp(13px,1.05vw,15px)!important; line-height:1.52!important;max-width:55ch!important;margin:0!important; } #syh-app.syh-home-v083 .syh-book-deck{width:min(100%,420px)!important;height:178px!important;margin-inline:auto!important} #syh-app.syh-home-v083 .syh-deck-cover{ width:clamp(72px,7.1vw,102px)!important;height:auto!important; aspect-ratio:230/310!important;max-height:none!important; } #syh-app.syh-home-v083 .syh-hero-wave{height:13px!important;opacity:.47!important} /* Cards: equal footprint per module, but expand rather than clipping titles. */ #syh-app.syh-home-v083 :is(.syh-parent-category-grid,.syh-tool-grid,.syh-library-grid,.syh-learning-entry-grid){align-items:stretch!important;grid-auto-rows:minmax(0,1fr)!important} #syh-app.syh-home-v083 .syh-parent-category-card{display:flex!important;flex-direction:column!important;height:100%!important;border-radius:17px!important;box-shadow:var(--syh-v83-elevation)!important} #syh-app.syh-home-v083 .syh-parent-category-card-media{width:100%!important;aspect-ratio:1.82!important;height:auto!important;flex:0 0 auto!important} #syh-app.syh-home-v083 .syh-parent-category-card-footer{ display:flex!important;align-items:center!important;min-height:72px!important; flex:1 0 auto!important;margin-top:auto!important;padding:10px 13px!important; } #syh-app.syh-home-v083 .syh-parent-category-card-label{line-height:1.36!important;min-width:0!important;overflow-wrap:anywhere!important} #syh-app.syh-home-v083 .syh-library-card{height:100%!important;min-width:0!important} #syh-app.syh-home-v083 .syh-library-copy{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important} #syh-app.syh-home-v083 .syh-library-copy h3{min-height:0!important;line-height:1.42!important;overflow-wrap:anywhere!important} #syh-app.syh-home-v083 .syh-library-copy>a{margin-top:auto!important} #syh-app.syh-home-v083 .syh-tool-card{ width:100%!important;height:100%!important;min-height:220px!important; display:flex!important;flex-direction:column!important;gap:9px!important; } #syh-app.syh-home-v083 .syh-tool-card h3{min-height:0!important;line-height:1.34!important;overflow-wrap:anywhere!important} #syh-app.syh-home-v083 .syh-tool-card>p{line-height:1.48!important} #syh-app.syh-home-v083 .syh-tool-card .syh-tool-link{margin-top:auto!important;flex-shrink:0!important} #syh-app.syh-home-v083 .syh-learning-entry-card{ min-height:106px!important;height:100%!important; align-items:center!important;gap:12px!important; } #syh-app.syh-home-v083 .syh-learning-entry-card strong{line-height:1.38!important} #syh-app.syh-home-v083 .syh-learning-entry-card small{line-height:1.46!important} #syh-app.syh-home-v083 .syh-source-mini-feed{height:100%!important;display:flex!important;flex-direction:column!important} #syh-app.syh-home-v083 .syh-source-mini-feed>a{min-height:56px!important;flex:1 0 auto!important} /* Main container queries respond also to expanded search rail. */ @container syh-home (max-width:1020px){ #syh-app.syh-home-v083 .syh-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:16px!important} #syh-app.syh-home-v083 .syh-book-deck{width:min(100%,345px)!important;height:154px!important} #syh-app.syh-home-v083 .syh-deck-cover{width:clamp(64px,7.4vw,82px)!important} #syh-app.syh-home-v083 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v083 .syh-parent-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #syh-app.syh-home-v083 .syh-learning-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @container syh-home (max-width:770px){ #syh-app.syh-home-v083 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:7px!important} #syh-app.syh-home-v083 .syh-hero.syh-hero-compact{padding:17px 0 22px!important} #syh-app.syh-home-v083 .syh-hero h1{font-size:clamp(24px,5.4vw,32px)!important} #syh-app.syh-home-v083 .syh-hero-lead{font-size:13px!important;line-height:1.48!important} #syh-app.syh-home-v083 .syh-book-deck{width:min(100%,340px)!important;height:130px!important;margin:7px auto 0!important} #syh-app.syh-home-v083 .syh-deck-cover{width:clamp(56px,14vw,76px)!important} #syh-app.syh-home-v083 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v083 .syh-learning-entry-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v083 .syh-source-mini-feeds{grid-template-columns:1fr!important} #syh-app.syh-home-v083 .syh-learning-entry-card{min-height:88px!important} } @container syh-home (max-width:430px){ #syh-app.syh-home-v083 .syh-hero h1{font-size:clamp(23px,6vw,29px)!important} #syh-app.syh-home-v083 .syh-book-deck{width:min(100%,300px)!important;height:118px!important} #syh-app.syh-home-v083 .syh-deck-cover{width:clamp(49px,13.5vw,65px)!important} #syh-app.syh-home-v083 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v083 .syh-tool-card{min-height:186px!important;gap:7px!important} #syh-app.syh-home-v083 .syh-parent-category-card-footer{min-height:66px!important} } /* Desktop books are consistent; mobile/tablet preserve 8 horizontal books. */ @media(min-width:1181px){ #syh-app.syh-home-v083 .syh-library-card:not([hidden]){min-height:326px!important;display:flex!important;flex-direction:column!important} #syh-app.syh-home-v083 .syh-book-cover{max-height:220px!important} #syh-app.syh-home-v083 .syh-library-copy{min-height:126px!important} } @media(max-width:1180px){ #syh-app.syh-home-v083 .syh-library-card:not([hidden]):not(.syh-library-card--desktop-extra){min-height:120px!important} #syh-app.syh-home-v083 .syh-library-card .syh-library-copy{justify-content:center!important} } @media(max-width:680px){ #syh-app.syh-home-v083 main{transition:none!important} #syh-app.syh-home-v083 .syh-parent-category-card-footer{min-height:64px!important} #syh-app.syh-home-v083 .syh-tool-card{min-height:182px!important} #syh-app.syh-home-v083 .syh-learning-entry-card{min-height:84px!important} } @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v083 main{transition:none!important}} /* === END home-v083.css === */ /* === BEGIN home-v085.css === */ /* MEDIPHARM Super App v0.85 — single canvas, sticky recovery and genuine book-deck categories. * 0.84 right-rail CSS and both earlier right-rail JS adapters are NOT enqueued. * Only the homepage is affected. Site logo / search / navigation unchanged. */ #syh-app.syh-home-v085{ --syh-v85-max:1320px; --syh-v85-gutter:clamp(12px,2.15vw,30px); --syh-v85-radius-panel:24px; --syh-v85-radius-card:18px; --syh-v85-rail-space:0px; --v82-right-rail-space:0px; --syh-v83-rail-space:0px; width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; /* no scroll container above sticky header */ box-sizing:border-box!important; } #syh-app.syh-home-v085 > .syh-header[data-syh-site-header]{ position:sticky!important;top:0!important; z-index:2147480000!important; width:100%!important; overflow:visible!important; transform:none!important; isolation:auto!important; } body.admin-bar #syh-app.syh-home-v085 > .syh-header[data-syh-site-header]{top:var(--syh-wp-admin-offset,32px)!important} @media(max-width:782px){body.admin-bar #syh-app.syh-home-v085 > .syh-header[data-syh-site-header]{top:var(--syh-wp-admin-offset,46px)!important}} @media(max-width:600px){body.admin-bar #syh-app.syh-home-v085 > .syh-header[data-syh-site-header]{top:0!important}} /* One physical budget for all homepage sections and footer. The header remains full-width. */ #syh-app.syh-home-v085 > main, #syh-app.syh-home-v085 > footer.syh-footer{ width:calc(100% - var(--syh-v85-rail-space))!important; min-width:0!important;max-width:100%!important; margin:0 auto 0 0!important; overflow:visible!important; box-sizing:border-box!important; transition:width .18s ease!important; } #syh-app.syh-home-v085 > main{container:syh-home / inline-size} #syh-app.syh-home-v085 > main > :is(.syh-hero,.syh-home-quick-actions,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){ min-width:0!important;max-width:100%!important;box-sizing:border-box!important; } #syh-app.syh-home-v085 > main > .syh-hero, #syh-app.syh-home-v085 > main > :is(.syh-home-quick-actions,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v085 > footer.syh-footer > .syh-shell{ width:min(var(--syh-v85-max),calc(100% - 2 * var(--syh-v85-gutter)))!important; max-width:none!important;min-width:0!important; margin-inline:auto!important; box-sizing:border-box!important; } /* Cancel nested 0.75 hero and 0.82 shell-width budgets. */ #syh-app.syh-home-v085 > main > .syh-hero > .syh-shell{ width:calc(100% - 2 * clamp(18px,2.6vw,42px))!important; max-width:none!important;margin-inline:auto!important; } #syh-app.syh-home-v085 > main > .syh-hero{ border-radius:var(--syh-v85-radius-panel)!important; padding:clamp(22px,2.7vw,38px) 0 clamp(26px,2.7vw,38px)!important; margin-top:clamp(12px,1.6vw,20px)!important; min-height:0!important; overflow:hidden!important; isolation:isolate!important; position:relative!important; border:1px solid rgba(141,194,219,.45)!important; background: radial-gradient(ellipse at 11% 7%,rgba(87,165,212,.23),transparent 49%), radial-gradient(ellipse at 90% 86%,rgba(56,195,182,.24),transparent 42%), linear-gradient(116deg,#f7fbff 5%,#eef8fd 52%,#d7f0f4 100%)!important; box-shadow:0 15px 34px rgba(12,70,113,.07)!important; } /* medical-future graphics with airy concentric arcs / no images or characters */ #syh-app.syh-home-v085 > main > .syh-hero::before{ content:"";position:absolute;pointer-events:none; inset:-52% -22% -32% 34%;z-index:0;opacity:.64; border-radius:50%; background: repeating-radial-gradient(ellipse at 70% 49%, transparent 0 33px, rgba(36,126,170,.09) 34px 35px, transparent 36px 62px), radial-gradient(ellipse at 64% 48%,rgba(59,164,193,.17),transparent 55%); transform:rotate(-12deg); } #syh-app.syh-home-v085 > main > .syh-hero::after{ content:"";position:absolute;pointer-events:none; left:-5%;right:-4%;bottom:-40px;height:106px;z-index:0; background: radial-gradient(105% 96% at 34% 0%,transparent 57%,rgba(64,171,194,.21) 58%,rgba(64,171,194,.06) 75%,transparent 76%), radial-gradient(90% 90% at 70% 0%,transparent 58%,rgba(42,113,190,.12) 60%,transparent 76%); transform:rotate(-1.5deg); } #syh-app.syh-home-v085 .syh-hero-grid{position:relative!important;z-index:2!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:clamp(12px,2.5vw,40px)!important;align-items:center!important} #syh-app.syh-home-v085 .syh-hero-copy{max-width:670px!important} #syh-app.syh-home-v085 .syh-hero h1{max-width:none!important;font-size:clamp(25px,2.8vw,40px)!important;line-height:1.16!important;letter-spacing:-.026em!important} #syh-app.syh-home-v085 .syh-hero-lead{max-width:56ch!important;font-size:clamp(13px,1.12vw,16px)!important;line-height:1.58!important} #syh-app.syh-home-v085 .syh-book-deck{width:min(100%,445px)!important;height:186px!important;margin-inline:auto!important;position:relative!important;z-index:3!important;overflow:visible!important} #syh-app.syh-home-v085 .syh-deck-cover{width:clamp(75px,7.7vw,106px)!important;height:auto!important;aspect-ratio:230/310!important;filter:drop-shadow(0 12px 14px rgba(13,64,89,.22))!important} #syh-app.syh-home-v085 .syh-hero-wave{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:18px!important;background:linear-gradient(90deg,rgba(20,132,190,.04),rgba(48,157,186,.15),rgba(30,155,140,.08))!important;opacity:.9!important;pointer-events:none!important;z-index:1!important} /* shared 24px modules and 18px cards */ #syh-app.syh-home-v085 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell{ border-radius:var(--syh-v85-radius-panel)!important; padding:clamp(15px,1.8vw,24px)!important; box-shadow:0 9px 27px rgba(18,57,85,.045)!important; border:1px solid rgba(201,223,232,.58)!important; } #syh-app.syh-home-v085 .syh-home-quick-actions{padding-top:12px!important;padding-bottom:4px!important} #syh-app.syh-home-v085 :is(.syh-hero-cta,.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-mini-feed,.syh-clinical-qa-promo){border-radius:var(--syh-v85-radius-card)!important} #syh-app.syh-home-v085 :is(.syh-parent-category-grid,.syh-library-grid,.syh-tool-grid,.syh-learning-entry-grid,.syh-source-mini-feeds){align-items:stretch!important;min-width:0!important} #syh-app.syh-home-v085 :is(.syh-parent-category-card,.syh-library-card,.syh-tool-card,.syh-learning-entry-card,.syh-source-mini-feed){min-width:0!important;box-sizing:border-box!important} /* category jackets: 1–3 real covers, compact fan, no duplicate/fake placeholders */ #syh-app.syh-home-v085 .syh-parent-category-card-media{position:relative!important;display:block!important;overflow:hidden!important;aspect-ratio:1.78!important;min-height:92px!important} #syh-app.syh-home-v085 .syh-category-deck{position:absolute!important;inset:4% 8% 1%!important;display:block!important;z-index:2!important;pointer-events:none!important;isolation:isolate!important} #syh-app.syh-home-v085 .syh-category-deck-cover{ position:absolute!important;display:block!important; height:86%!important;width:auto!important;max-width:51%!important; top:auto!important;bottom:5%!important;left:50%!important; object-fit:contain!important;object-position:center bottom!important; border-radius:4px!important; box-shadow:4px 7px 11px rgba(9,35,72,.18)!important; transform-origin:bottom center!important; transition:transform .2s ease!important; } #syh-app.syh-home-v085 .syh-category-deck-cover:only-child{transform:translateX(-50%) rotate(-3deg)!important;z-index:2!important} #syh-app.syh-home-v085 .syh-category-deck-cover:first-child:nth-last-child(2){transform:translateX(-67%) rotate(-9deg)!important;z-index:1!important} #syh-app.syh-home-v085 .syh-category-deck-cover:last-child:nth-child(2){transform:translateX(-27%) rotate(9deg)!important;z-index:2!important} #syh-app.syh-home-v085 .syh-category-deck-cover--1{transform:translateX(-62%) rotate(-12deg)!important;z-index:1!important} #syh-app.syh-home-v085 .syh-category-deck-cover--2{transform:translateX(-38%) rotate(2deg)!important;z-index:3!important} #syh-app.syh-home-v085 .syh-category-deck-cover--3{transform:translateX(-12%) rotate(13deg)!important;z-index:2!important} #syh-app.syh-home-v085 .syh-parent-category-card:hover .syh-category-deck-cover--1{transform:translateX(-68%) rotate(-14deg) translateY(-3px)!important} #syh-app.syh-home-v085 .syh-parent-category-card:hover .syh-category-deck-cover--3{transform:translateX(-7%) rotate(15deg) translateY(-3px)!important} #syh-app.syh-home-v085 .syh-parent-category-card-footer{min-height:60px!important;padding:10px 13px!important;display:flex!important;align-items:center!important} #syh-app.syh-home-v085 .syh-parent-category-card-label{overflow-wrap:anywhere!important;line-height:1.35!important} /* WordPress search header is untouched visually but sticky again while scrolling */ #syh-app.syh-home-v085 > .syh-header .syh-shell{box-sizing:border-box!important} @container syh-home (max-width:990px){ #syh-app.syh-home-v085 .syh-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:14px!important} #syh-app.syh-home-v085 .syh-book-deck{width:min(100%,365px)!important;height:152px!important} #syh-app.syh-home-v085 .syh-deck-cover{width:clamp(63px,7.5vw,83px)!important} } @container syh-home (max-width:740px){ #syh-app.syh-home-v085 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important} #syh-app.syh-home-v085 .syh-book-deck{width:min(100%,350px)!important;height:132px!important;margin:8px auto 0!important} #syh-app.syh-home-v085 .syh-hero h1{font-size:clamp(24px,5.5vw,31px)!important} #syh-app.syh-home-v085 .syh-deck-cover{width:clamp(55px,13.9vw,76px)!important} #syh-app.syh-home-v085 .syh-parent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v085 .syh-learning-entry-grid{grid-template-columns:1fr!important} } @container syh-home (max-width:420px){ #syh-app.syh-home-v085 .syh-book-deck{width:min(100%,304px)!important;height:115px!important} #syh-app.syh-home-v085 .syh-deck-cover{width:clamp(50px,13.6vw,65px)!important} #syh-app.syh-home-v085 .syh-hero h1{font-size:clamp(23px,6.1vw,28px)!important} #syh-app.syh-home-v085 .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(min-width:1000px){#syh-app.syh-home-v085{--syh-v85-rail-space:88px}} @media(max-width:999px){ #syh-app.syh-home-v085{--syh-v85-rail-space:0px} #syh-app.syh-home-v085 > :is(main,footer.syh-footer){width:100%!important;transition:none!important} } @media(max-width:600px){ #syh-app.syh-home-v085{--syh-v85-gutter:12px} #syh-app.syh-home-v085 > main > .syh-hero{border-radius:20px!important;padding:18px 0 24px!important} #syh-app.syh-home-v085 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell{border-radius:20px!important;padding:14px!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v085 > main > .syh-hero{ border-color:#34596b!important; background:radial-gradient(ellipse at 11% 7%,rgba(44,112,156,.24),transparent 49%),radial-gradient(ellipse at 90% 86%,rgba(46,137,121,.2),transparent 42%),linear-gradient(116deg,#102333,#142e40 52%,#174449 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v085 > main > .syh-hero::before{opacity:.25} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v085 > :is(main,footer.syh-footer),#syh-app.syh-home-v085 .syh-category-deck-cover{transition:none!important}} /* External editorial/inspiration plugins can append homepage widgets outside Super App. Respect the previously accepted homepage scope: only conference/event notices remain. */ body.syh-v085-home :is(.mmspot-site-nobel,.mmspot-site-special,.mpi-daily-quote,.mpi-home,.mpi-home-section,.mpi-section[data-mpi-home],.syh-discovery){display:none!important} body.syh-v085-home .mmspot-site-events-shell:not([hidden]){ max-width:min(var(--syh-v85-max,1320px),calc(100% - 2 * clamp(12px,2.15vw,30px)))!important; box-sizing:border-box!important; border-radius:24px!important; } /* === END home-v085.css === */ /* === BEGIN home-v086.css === */ /* v0.86 — deeper hero graphics, unified canvas widths, events below CTA, refined tool-card visuals */ #syh-app.syh-home-v086{ --syh-v86-max:1320px; --syh-v86-gutter:clamp(12px,2.15vw,30px); --syh-v86-panel-radius:24px; --syh-v86-card-radius:18px; } /* single canvas language across hero, CTA, moved events and all content shells */ #syh-app.syh-home-v086 > main > .syh-hero, #syh-app.syh-home-v086 > main > .syh-home-quick-actions > .syh-shell, #syh-app.syh-home-v086 > main > .syh-home-events > .syh-shell, #syh-app.syh-home-v086 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v086 > footer.syh-footer > .syh-shell{ width:min(var(--syh-v86-max),calc(100% - 2 * var(--syh-v86-gutter)))!important; max-width:none!important;min-width:0!important;box-sizing:border-box!important; margin-inline:auto!important; } #syh-app.syh-home-v086 > main > .syh-home-events{padding-top:8px!important;padding-bottom:4px!important} #syh-app.syh-home-v086 > main > .syh-home-events[hidden]{display:none!important} #syh-app.syh-home-v086 .syh-home-events-slot{display:block!important} #syh-app.syh-home-v086 .syh-home-events-slot > .mmspot-site-events-shell{ width:100%!important;max-width:none!important;box-sizing:border-box!important; border-radius:var(--syh-v86-panel-radius)!important; } /* hero redesign for desktop */ #syh-app.syh-home-v086 > main > .syh-hero{ min-height:236px!important; padding:clamp(28px,3.1vw,42px) 0 clamp(34px,3.2vw,48px)!important; background: radial-gradient(88% 115% at 8% 0%, rgba(112,177,219,.24) 0%, rgba(112,177,219,0) 46%), radial-gradient(62% 90% at 92% 10%, rgba(91,196,191,.18) 0%, rgba(91,196,191,0) 46%), linear-gradient(126deg,#f7fbff 0%,#eef8fd 48%,#daf1f6 100%)!important; } #syh-app.syh-home-v086 > main > .syh-hero::before{ inset:-58% -20% -28% 38%!important; opacity:.72!important; background: repeating-radial-gradient(ellipse at 70% 49%, transparent 0 34px, rgba(22,119,168,.09) 35px 36px, transparent 37px 64px), radial-gradient(ellipse at 67% 50%,rgba(79,171,194,.18),transparent 54%), radial-gradient(circle at 66% 32%, rgba(255,255,255,.72) 0 3px, transparent 4px 100%), radial-gradient(circle at 58% 62%, rgba(255,255,255,.58) 0 3px, transparent 4px 100%)!important; } #syh-app.syh-home-v086 > main > .syh-hero::after{ content:"";position:absolute;left:-2%;right:-2%;bottom:-1px;height:58px;z-index:1;pointer-events:none; background: radial-gradient(56px 24px at 28px 0, rgba(236,248,252,.98) 98%, transparent 100%) 0 100%/96px 58px repeat-x, radial-gradient(72px 28px at 36px 0, rgba(211,236,245,.95) 98%, transparent 100%) 0 100%/124px 58px repeat-x, linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(220,241,247,.55) 50%, rgba(205,234,243,.98) 100%)!important; } #syh-app.syh-home-v086 .syh-hero-wave{display:none!important} #syh-app.syh-home-v086 .syh-hero-grid{gap:clamp(18px,2.7vw,44px)!important;align-items:center!important} #syh-app.syh-home-v086 .syh-book-deck{width:min(100%,470px)!important;height:198px!important} #syh-app.syh-home-v086 .syh-deck-cover{filter:drop-shadow(0 14px 18px rgba(13,64,89,.24))!important} /* CTA spacing then events below */ #syh-app.syh-home-v086 .syh-home-quick-actions{padding-top:12px!important;padding-bottom:2px!important} #syh-app.syh-home-v086 .syh-home-quick-actions .syh-shell{padding-inline:0!important} /* uniform section shells */ #syh-app.syh-home-v086 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v086 > main > .syh-home-events > .syh-shell{ border-radius:var(--syh-v86-panel-radius)!important; } /* Clinical tools cards: softer gradients + subtle graphics */ #syh-app.syh-home-v086 .syh-tools-section > .syh-shell{ background: radial-gradient(circle at 2% 0%, rgba(90,191,199,.10), transparent 23%), radial-gradient(circle at 100% 100%, rgba(137,174,236,.10), transparent 24%), linear-gradient(180deg,#fbfdff 0%,#f7fbfd 100%)!important; } #syh-app.syh-home-v086 .syh-tools-section .syh-tool-grid{align-items:stretch!important} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card{ position:relative!important;overflow:hidden!important;isolation:isolate!important; border:1px solid rgba(192,216,230,.72)!important; background:linear-gradient(145deg,#ffffff 0%,#f8fcfd 100%)!important; } #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card::before{ content:"";position:absolute;right:-24px;top:-20px;width:124px;height:124px;border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, rgba(123,196,219,.18) 0%, rgba(123,196,219,0) 68%); } #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card::after{ content:"";position:absolute;left:-10px;bottom:-18px;width:130px;height:72px;border-radius:999px;pointer-events:none;z-index:0; background:linear-gradient(135deg, rgba(125,206,200,.12) 0%, rgba(125,206,200,0) 85%); } #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card > *{position:relative;z-index:1} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+1){background:linear-gradient(145deg,#ffffff 0%,#f2fbfb 100%)!important} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+1)::before{background:radial-gradient(circle, rgba(97,197,200,.20) 0%, rgba(97,197,200,0) 68%)} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+2){background:linear-gradient(145deg,#ffffff 0%,#f4f8ff 100%)!important} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+2)::before{background:radial-gradient(circle, rgba(116,162,228,.18) 0%, rgba(116,162,228,0) 68%)} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+3){background:linear-gradient(145deg,#ffffff 0%,#fff8ef 100%)!important} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+3)::before{background:radial-gradient(circle, rgba(240,190,95,.17) 0%, rgba(240,190,95,0) 68%)} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+4){background:linear-gradient(145deg,#ffffff 0%,#f6f6ff 100%)!important} #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+4)::before{background:radial-gradient(circle, rgba(149,137,230,.17) 0%, rgba(149,137,230,0) 68%)} /* Học tiếng Anh Y khoa: remove stray tiny category text and balance widths */ #syh-app.syh-home-v086 .syh-learning-entry-section .syh-source-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,360px)!important;gap:18px!important;align-items:start!important} #syh-app.syh-home-v086 .syh-learning-entry-section .syh-source-heading h2{margin-bottom:0!important} #syh-app.syh-home-v086 .syh-learning-entry-section .syh-source-heading p{margin:4px 0 0!important;justify-self:end!important;max-width:360px!important;text-align:left!important} #syh-app.syh-home-v086 .syh-source-mini-feed a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important} #syh-app.syh-home-v086 .syh-source-mini-feed a strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #syh-app.syh-home-v086 .syh-source-mini-feed a small{display:none!important} #syh-app.syh-home-v086 .syh-source-mini-feed a span[aria-hidden="true"]{font-size:14px!important;opacity:.72!important} @container syh-home (max-width:980px){ #syh-app.syh-home-v086 .syh-book-deck{width:min(100%,378px)!important;height:160px!important} #syh-app.syh-home-v086 .syh-home-events{padding-top:6px!important} #syh-app.syh-home-v086 .syh-learning-entry-section .syh-source-heading{grid-template-columns:1fr!important;gap:8px!important} #syh-app.syh-home-v086 .syh-learning-entry-section .syh-source-heading p{justify-self:start!important;max-width:56ch!important} } @container syh-home (max-width:740px){ #syh-app.syh-home-v086 > main > .syh-hero{min-height:0!important;padding:22px 0 28px!important} #syh-app.syh-home-v086 .syh-book-deck{width:min(100%,350px)!important;height:132px!important} #syh-app.syh-home-v086 > main > .syh-home-events{padding-top:4px!important} } @media(max-width:600px){ #syh-app.syh-home-v086 > main > .syh-home-events > .syh-shell, #syh-app.syh-home-v086 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell{border-radius:20px!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 > main > .syh-hero{ background: radial-gradient(88% 115% at 8% 0%, rgba(69,131,171,.28) 0%, rgba(69,131,171,0) 46%), radial-gradient(62% 90% at 92% 10%, rgba(54,147,139,.22) 0%, rgba(54,147,139,0) 46%), linear-gradient(126deg,#112638 0%,#163247 48%,#18454a 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 .syh-tools-section > .syh-shell{ background:radial-gradient(circle at 2% 0%, rgba(55,126,141,.14), transparent 23%), radial-gradient(circle at 100% 100%, rgba(79,105,162,.16), transparent 24%), linear-gradient(180deg,#102234 0%,#10202f 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+1){background:linear-gradient(145deg,#142637 0%,#103033 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+2){background:linear-gradient(145deg,#12253a 0%,#182942 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+3){background:linear-gradient(145deg,#182434 0%,#2a281f 100%)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v086 .syh-tools-section .syh-tool-card:nth-child(4n+4){background:linear-gradient(145deg,#162435 0%,#1f2140 100%)!important} /* === END home-v086.css === */ /* v0.88: one outer geometry for all Super App homepage modules. The viewport/Right Rail budget is computed by the existing v0.85 bridge ONCE on main; descendants use only the remaining main content width. */ #syh-app.syh-home-v088 { --syh-v88-canvas-max:1320px; --syh-v88-canvas-gutter:clamp(12px,2.15vw,30px); --syh-v88-panel-pad:clamp(14px,1.8vw,24px); --syh-v88-panel-radius:24px; } /* Do not apply width rules to Header, the Right Rail, or nested book cards. These exact elements are the OUTER canvas boundaries. */ #syh-app.syh-home-v088 > main > .syh-hero, #syh-app.syh-home-v088 > main > .syh-home-quick-actions > .syh-shell, #syh-app.syh-home-v088 > main > .syh-home-events > .syh-shell, #syh-app.syh-home-v088 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v088 > footer.syh-footer > .syh-shell { width:min(var(--syh-v88-canvas-max),calc(100% - 2 * var(--syh-v88-canvas-gutter)))!important; max-width:none!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; float:none!important; } /* Outer sections must never reserve a second independent horizontal budget. */ #syh-app.syh-home-v088 > main > :is(.syh-home-quick-actions,.syh-home-events,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){ width:100%!important;max-width:100%!important; margin-left:0!important;margin-right:0!important; padding-left:0!important;padding-right:0!important; min-width:0!important;box-sizing:border-box!important; } /* Events root uses the same panel boundary as the category/library/tools shells. Reset the Spotlines provider's additional width and margins ONLY inside this slot. */ #syh-app.syh-home-v088 > main > .syh-home-events > .syh-home-events-slot { display:block!important; padding:var(--syh-v88-panel-pad)!important; border:1px solid rgba(201,223,232,.58)!important; border-radius:var(--syh-v88-panel-radius)!important; background:linear-gradient(180deg,#ffffff,#fbfdff)!important; box-shadow:0 9px 27px rgba(18,57,85,.045)!important; overflow:visible!important; } #syh-app.syh-home-v088 .syh-home-events-slot > .mmspot-site-events-shell { position:static!important; display:block!important; width:100%!important;max-width:100%!important; min-width:0!important;box-sizing:border-box!important; margin:0!important;padding:0!important; left:auto!important;right:auto!important; transform:none!important; float:none!important; background:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; } #syh-app.syh-home-v088 .syh-home-events-slot > .mmspot-site-events-shell > * { max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } /* Keep the internal event cards in bounds rather than extending a provider grid. */ #syh-app.syh-home-v088 .syh-home-events-slot :is(.mmspot-site-events-grid,.mmspot-events-grid,.syh-editorial-event-grid){ width:100%!important;max-width:100%!important; min-width:0!important;box-sizing:border-box!important; } #syh-app.syh-home-v088 .syh-home-events-slot :is(.mmspot-site-events-grid,.mmspot-events-grid,.syh-editorial-event-grid) > *{ min-width:0!important;max-width:100%!important;box-sizing:border-box!important; } /* Align the shape/radius of the other panel outlines without altering their internals. */ #syh-app.syh-home-v088 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v088 > main > .syh-hero { border-radius:var(--syh-v88-panel-radius)!important; } @media (max-width:600px){ #syh-app.syh-home-v088 {--syh-v88-canvas-gutter:12px;--syh-v88-panel-pad:14px;--syh-v88-panel-radius:20px} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v088 .syh-home-events-slot{ background:linear-gradient(180deg,#102235,#0d1e2f)!important; border-color:rgba(97,160,194,.18)!important; } /* === BEGIN v0.89 hero / CTA / event header / tool-card refinements === */ #syh-app.syh-home-v089{ --syh-v89-panel-radius:24px; --syh-v89-card-radius:18px; } /* Hero: taller desktop, very light blue-to-yellow pastel fade, vector wavy footer lines */ #syh-app.syh-home-v089 > main > .syh-hero{ min-height:288px!important; padding:clamp(36px,4vw,52px) 0 clamp(52px,5vw,72px)!important; background: radial-gradient(70% 120% at 8% 8%, rgba(159,214,230,.18) 0%, rgba(159,214,230,0) 52%), radial-gradient(58% 88% at 82% 16%, rgba(247,231,169,.16) 0%, rgba(247,231,169,0) 48%), linear-gradient(90deg,#f8fbff 0%, #eef8fb 42%, #f7f8ea 100%)!important; overflow:hidden!important; } #syh-app.syh-home-v089 > main > .syh-hero::before{ content:"";position:absolute;inset:-12% 4% auto auto;width:48%;height:118%;pointer-events:none;opacity:.78; background: radial-gradient(circle at 34% 22%, rgba(255,255,255,.96) 0 2px, transparent 3px 100%), radial-gradient(circle at 58% 30%, rgba(255,255,255,.7) 0 2px, transparent 3px 100%), radial-gradient(circle at 72% 54%, rgba(255,255,255,.55) 0 2px, transparent 3px 100%), radial-gradient(ellipse at 56% 42%, rgba(122,187,208,.16) 0%, rgba(122,187,208,0) 55%), repeating-radial-gradient(circle at 62% 50%, transparent 0 28px, rgba(52,140,171,.08) 29px 30px, transparent 31px 54px); } #syh-app.syh-home-v089 > main > .syh-hero::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:82px;pointer-events:none;z-index:1; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(237,247,249,.25) 45%, rgba(229,243,246,.82) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath d='M0 75 C130 48 235 112 370 85 S640 42 790 72 S1060 110 1210 76 S1445 45 1600 66' fill='none' stroke='%23c7e2e9' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M0 93 C150 70 265 128 410 102 S700 56 860 90 S1140 126 1295 92 S1480 58 1600 82' fill='none' stroke='%23d7ebc6' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M0 104 C140 88 286 132 432 110 S720 76 892 107 S1210 132 1390 104 S1510 88 1600 98' fill='none' stroke='%23d2e7f0' stroke-width='1.7' stroke-linecap='round' opacity='.95'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat; } #syh-app.syh-home-v089 .syh-hero-wave{display:none!important} #syh-app.syh-home-v089 .syh-hero-grid{align-items:center!important;gap:clamp(24px,3vw,48px)!important} #syh-app.syh-home-v089 .syh-book-deck{width:min(100%,500px)!important;height:214px!important} #syh-app.syh-home-v089 .syh-deck-cover{filter:drop-shadow(0 16px 22px rgba(15,66,95,.26))!important} #syh-app.syh-home-v089 .syh-hero-copy{padding-bottom:8px!important} /* CTA deduplicated: use 6 columns on large desktop */ @media(min-width:1290px){ #syh-app.syh-home-v089 .syh-hero-cta-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } /* Custom event heading; provider heading hidden by JS. */ #syh-app.syh-home-v089 > main > .syh-home-events > .syh-shell{display:block!important} #syh-app.syh-home-v089 .syh-home-events-head{ display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important; margin-bottom:12px!important;padding-inline:2px!important; } #syh-app.syh-home-v089 .syh-home-events-title-wrap{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important} #syh-app.syh-home-v089 .syh-home-events-title-wrap strong{text-transform:uppercase!important;letter-spacing:.08em!important;font-size:12px!important;color:#1c6984!important} #syh-app.syh-home-v089 .syh-home-events-title-wrap span{font-size:20px!important;line-height:1.25!important;font-weight:760!important;color:#173a50!important} #syh-app.syh-home-v089 .syh-home-events-link{font-size:14px!important;font-weight:700!important;color:#1d7a92!important;text-decoration:none!important;white-space:nowrap!important} #syh-app.syh-home-v089 .syh-home-events-link span{margin-left:4px} #syh-app.syh-home-v089 .syh-home-events-slot{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important} #syh-app.syh-home-v089 .syh-home-events-slot > .mmspot-site-events-shell{padding:0!important} /* Tools intro description: stop awkward wrap caused by compact heading width. */ #syh-app.syh-home-v089 .syh-tools-section .syh-section-heading--compact{display:block!important;margin-bottom:14px!important} #syh-app.syh-home-v089 .syh-tools-section .syh-section-heading--compact > div{max-width:none!important;width:100%!important} #syh-app.syh-home-v089 .syh-tools-section .syh-section-heading--compact p{max-width:74ch!important;width:100%!important;white-space:normal!important;text-wrap:pretty!important} /* Clinical tools module shell and cards: richer pastel gradients + vector motifs. */ #syh-app.syh-home-v089 .syh-tools-section > .syh-shell{ background: radial-gradient(circle at 0% 0%, rgba(117,199,206,.12) 0%, rgba(117,199,206,0) 22%), radial-gradient(circle at 100% 100%, rgba(148,177,237,.10) 0%, rgba(148,177,237,0) 23%), linear-gradient(180deg,#fcfeff 0%, #f8fbfd 100%)!important; } #syh-app.syh-home-v089 .syh-tools-section .syh-tool-grid{gap:18px!important;align-items:stretch!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card{ position:relative!important;overflow:hidden!important;isolation:isolate!important; border:1px solid rgba(196,218,231,.82)!important; border-radius:20px!important; box-shadow:0 12px 32px rgba(17,59,83,.08)!important; } #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card::before, #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card::after{content:"";position:absolute;pointer-events:none;z-index:0} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card::before{ right:-28px;top:-30px;width:146px;height:146px;border-radius:50%; background:radial-gradient(circle, rgba(88,176,205,.18) 0%, rgba(88,176,205,0) 72%); } #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card::after{ left:-12px;bottom:-16px;width:160px;height:76px;border-radius:999px; background:linear-gradient(135deg, rgba(136,203,196,.18) 0%, rgba(136,203,196,0) 86%); } #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card > *{position:relative;z-index:1} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+1){background:linear-gradient(150deg,#ffffff 0%,#f0fbfb 64%,#ecf7f8 100%)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+1)::before{background:radial-gradient(circle, rgba(80,187,195,.22) 0%, rgba(80,187,195,0) 72%)} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+1) .syh-tool-glyph{box-shadow:0 0 0 1px rgba(93,188,196,.14), 0 12px 22px rgba(93,188,196,.14)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+2){background:linear-gradient(150deg,#ffffff 0%,#f3f8ff 64%,#edf3fe 100%)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+2)::before{background:radial-gradient(circle, rgba(110,160,228,.20) 0%, rgba(110,160,228,0) 72%)} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+2) .syh-tool-glyph{box-shadow:0 0 0 1px rgba(110,160,228,.12), 0 12px 22px rgba(110,160,228,.14)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+3){background:linear-gradient(150deg,#ffffff 0%,#fff8ef 64%,#fff5e8 100%)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+3)::before{background:radial-gradient(circle, rgba(241,189,87,.18) 0%, rgba(241,189,87,0) 72%)} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+3) .syh-tool-glyph{box-shadow:0 0 0 1px rgba(241,189,87,.13), 0 12px 22px rgba(241,189,87,.14)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+4){background:linear-gradient(150deg,#ffffff 0%,#f7f4ff 64%,#f1effd 100%)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+4)::before{background:radial-gradient(circle, rgba(160,145,231,.18) 0%, rgba(160,145,231,0) 72%)} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card:nth-child(4n+4) .syh-tool-glyph{box-shadow:0 0 0 1px rgba(160,145,231,.12), 0 12px 22px rgba(160,145,231,.14)!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card .syh-tool-link{margin-top:auto!important} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card .syh-tool-tags{position:relative} #syh-app.syh-home-v089 .syh-tools-section .syh-tool-card .syh-tool-tags::after{ content:"";position:absolute;right:0;top:-6px;width:64px;height:40px;opacity:.25; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40'%3E%3Cpath d='M2 28 C16 8 30 8 44 28' fill='none' stroke='%2395c1d8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 34 C32 14 46 14 62 34' fill='none' stroke='%23b0d1b0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; } /* Dark mode harmony */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v089 > main > .syh-hero{ background: radial-gradient(70% 120% at 8% 8%, rgba(77,132,159,.26) 0%, rgba(77,132,159,0) 52%), radial-gradient(58% 88% at 82% 16%, rgba(154,132,61,.18) 0%, rgba(154,132,61,0) 48%), linear-gradient(90deg,#102235 0%, #143246 42%, #283523 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v089 .syh-home-events-title-wrap strong{color:#8fd0e3!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v089 .syh-home-events-title-wrap span{color:#e7f4ff!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v089 .syh-home-events-link{color:#9adbee!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v089 .syh-tools-section > .syh-shell{ background: radial-gradient(circle at 0% 0%, rgba(46,116,128,.22) 0%, rgba(46,116,128,0) 22%), radial-gradient(circle at 100% 100%, rgba(82,101,151,.18) 0%, rgba(82,101,151,0) 23%), linear-gradient(180deg,#102335 0%, #10212f 100%)!important; } @media(max-width:900px){ #syh-app.syh-home-v089 .syh-home-events-head{align-items:flex-start!important;flex-direction:column!important} } @media(max-width:740px){ #syh-app.syh-home-v089 > main > .syh-hero{min-height:0!important;padding:22px 0 34px!important} #syh-app.syh-home-v089 .syh-book-deck{width:min(100%,360px)!important;height:136px!important} #syh-app.syh-home-v089 .syh-home-events-title-wrap span{font-size:18px!important} } /* === END v0.89 hero / CTA / event header / tool-card refinements === */ /* === v0.90 — single-track homepage canvas, sticky recovery & offscreen efficiency === */ #syh-app.syh-home-v090 { --syh-v90-canvas-max:1320px; --syh-v90-canvas-gutter:clamp(12px,2.15vw,30px); --syh-v90-radius:24px; overflow:visible!important; contain:none!important; transform:none!important; } /* Neutralize clipping only on theme wrappers that actually contain this homepage. Do not touch unrelated posts, tools or theme elements. */ body.syh-v090-home :is(.site,.site-content,.site-main,.wp-site-blocks,.entry-content,#page,#content):has(#syh-app.syh-home-v090) { overflow:visible!important; } /* Header remains outside the main grid and never inherits the Right Rail width. */ #syh-app.syh-home-v090 > .syh-header[data-syh-site-header] { position:sticky!important; top:0!important; z-index:2147480000!important; display:block!important; width:100%!important; max-width:100%!important; overflow:visible!important; transform:none!important; filter:none!important; contain:none!important; } body.admin-bar #syh-app.syh-home-v090 > .syh-header[data-syh-site-header] { top:var(--syh-wp-admin-offset,32px)!important; } @media(max-width:782px){body.admin-bar #syh-app.syh-home-v090 > .syh-header[data-syh-site-header]{top:var(--syh-wp-admin-offset,46px)!important}} @media(max-width:600px){body.admin-bar #syh-app.syh-home-v090 > .syh-header[data-syh-site-header]{top:0!important}} /* Right Rail remains owned by the one bridge: width shrinks at main only. A CSS grid determines ONE physical track, including when the rail expands. */ #syh-app.syh-home-v090 > main { display:grid!important; grid-template-columns:minmax(var(--syh-v90-canvas-gutter),1fr) minmax(0,var(--syh-v90-canvas-max)) minmax(var(--syh-v90-canvas-gutter),1fr)!important; grid-auto-flow:row!important; column-gap:0!important; width:calc(100% - var(--syh-v85-rail-space,0px))!important; max-width:100%!important; margin:0!important; padding:0!important; min-width:0!important; overflow:visible!important; transition:none!important; } /* Every section receives the identical middle grid track; no nested width budgets. */ #syh-app.syh-home-v090 > main > section { grid-column:2!important; width:100%!important; max-width:none!important; min-width:0!important; margin-inline:0!important; padding-inline:0!important; box-sizing:border-box!important; justify-self:stretch!important; } #syh-app.syh-home-v090 > main > section > .syh-shell { width:100%!important; max-width:100%!important; min-width:0!important; margin-inline:0!important; box-sizing:border-box!important; } /* Hero inner grid is padding INSIDE the same outer boundary. */ #syh-app.syh-home-v090 > main > .syh-hero > .syh-shell { width:calc(100% - 2 * clamp(18px,2.6vw,42px))!important; margin-inline:auto!important; } /* Events provider fills its slot without adding a second gutter. */ #syh-app.syh-home-v090 .syh-home-events > .syh-shell, #syh-app.syh-home-v090 .syh-home-events .syh-home-events-slot, #syh-app.syh-home-v090 .syh-home-events .mmspot-site-events-shell { max-width:100%!important; box-sizing:border-box!important; } #syh-app.syh-home-v090 .syh-home-events .mmspot-site-events-shell { width:100%!important; margin:0!important; } /* Footer uses the same max/gutter equation as the main grid; no rail deduction twice. */ #syh-app.syh-home-v090 > footer.syh-footer { width:calc(100% - var(--syh-v85-rail-space,0px))!important; max-width:100%!important; margin:0!important; box-sizing:border-box!important; transition:none!important; } #syh-app.syh-home-v090 > footer.syh-footer > .syh-shell { width:min(var(--syh-v90-canvas-max),calc(100% - 2 * var(--syh-v90-canvas-gutter)))!important; max-width:none!important; margin-inline:auto!important; box-sizing:border-box!important; } /* Panel silhouettes, separate from the internal grid/card spacing. */ #syh-app.syh-home-v090 > main > :is(.syh-hero,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell, #syh-app.syh-home-v090 > main > .syh-hero, #syh-app.syh-home-v090 > main > .syh-home-events > .syh-shell { border-radius:var(--syh-v90-radius)!important; } /* Below-the-fold sections can skip expensive layout/paint until near viewport. This is deliberately NOT applied to hero, CTA, event notices or the header. */ @supports(content-visibility:auto){ #syh-app.syh-home-v090 > main > :is(.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){ content-visibility:auto; contain-intrinsic-size:auto 660px; } } @media(max-width:999px){ #syh-app.syh-home-v090 > main, #syh-app.syh-home-v090 > footer.syh-footer {width:100%!important} } @media(max-width:600px){#syh-app.syh-home-v090{--syh-v90-canvas-gutter:12px;--syh-v90-radius:20px}} /* Avoid unnecessary transitions of the entire page as the rail opens/closes. */ @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v090 > main *,#syh-app.syh-home-v090 > footer.syh-footer *{scroll-behavior:auto!important}} /* === end v0.90 === */ /* Mobile header: avoid costly backdrop blur every time the page scrolls. */ @media(max-width:760px){ #syh-app.syh-home-v090 > .syh-header[data-syh-site-header]{ backdrop-filter:none!important;-webkit-backdrop-filter:none!important; background:rgba(255,255,255,.985)!important; } } @media(max-width:760px){ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 > .syh-header[data-syh-site-header]{ background:#102338!important; } } /* === v0.90 final: editorial hero redesign and feature-only Medical English === */ #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact { min-height:clamp(398px,29.5vw,478px)!important; padding:clamp(24px,3vw,46px) 0 clamp(85px,6.4vw,105px)!important; position:relative!important; isolation:isolate!important; border:1px solid rgba(192,221,229,.66)!important; background: radial-gradient(76% 106% at 97% 18%,rgba(246,229,148,.15) 0%,rgba(246,229,148,0) 74%), radial-gradient(82% 118% at 62% 8%,rgba(180,224,239,.18) 0%,rgba(180,224,239,0) 70%), linear-gradient(100deg,#ffffff 0%,#ffffff 30%,#f8fcfd 52%,#edf9f6 76%,#faf7e8 100%)!important; box-shadow:0 14px 42px rgba(20,66,89,.06)!important; overflow:hidden!important; } #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact::before { content:""!important; position:absolute!important; inset:0 0 auto auto!important; width:48%!important;height:100%!important; opacity:.68!important;transform:none!important;border:none!important;border-radius:0!important; pointer-events:none!important;z-index:0!important; background: radial-gradient(ellipse at 65% 45%, rgba(144,210,218,.16),rgba(144,210,218,0) 55%), repeating-radial-gradient(ellipse at 75% 49%,transparent 0 52px,rgba(84,168,182,.07) 53px 54px,transparent 55px 96px)!important; } #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact::after{content:none!important;display:none!important} #syh-app.syh-home-v090 .syh-hero-grid{ position:relative!important;z-index:2!important; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important; gap:clamp(22px,2.6vw,54px)!important; align-items:center!important; } #syh-app.syh-home-v090 .syh-hero-copy{position:relative!important;z-index:2!important;padding-block:10px!important} #syh-app.syh-home-v090 .syh-hero-copy h1{font-size:clamp(28px,2.8vw,44px)!important;line-height:1.17!important} #syh-app.syh-home-v090 .syh-hero-copy .syh-hero-lead{max-width:54ch!important;font-size:clamp(14px,1.06vw,16px)!important;line-height:1.65!important} #syh-app.syh-home-v090 .syh-hero-art.syh-book-deck{ width:min(100%,620px)!important; height:clamp(304px,24vw,358px)!important; margin:0 0 0 auto!important; align-self:center!important; overflow:visible!important; } #syh-app.syh-home-v090 .syh-book-deck-glow{background:radial-gradient(ellipse at 56% 60%,rgba(91,166,177,.12),transparent 66%)!important} #syh-app.syh-home-v090 .syh-deck-cover{ top:50%!important; width:clamp(135px,12.8vw,191px)!important; height:auto!important;aspect-ratio:230/310!important; object-fit:cover!important;object-position:center top!important; border:1.5px solid rgba(255,255,255,.88)!important; box-shadow:0 20px 35px rgba(17,67,90,.17),0 3px 8px rgba(17,67,90,.1)!important; filter:none!important; } #syh-app.syh-home-v090 .syh-deck-cover--1{left:14%!important;transform:translate(-50%,-50%) rotate(-12deg)!important;z-index:2!important} #syh-app.syh-home-v090 .syh-deck-cover--2{left:32%!important;transform:translate(-50%,-50%) rotate(-6deg)!important;z-index:3!important} #syh-app.syh-home-v090 .syh-deck-cover--3{left:50%!important;transform:translate(-50%,-50%) rotate(0deg)!important;z-index:5!important} #syh-app.syh-home-v090 .syh-deck-cover--5{left:68%!important;transform:translate(-50%,-50%) rotate(6deg)!important;z-index:4!important} #syh-app.syh-home-v090 .syh-deck-cover--6{left:86%!important;display:block!important;transform:translate(-50%,-50%) rotate(12deg)!important;z-index:2!important} #syh-app.syh-home-v090 > main > .syh-hero .syh-hero-wave{ position:absolute!important;left:0!important;right:0!important;bottom:-1px!important; display:block!important;height:clamp(108px,9.6vw,148px)!important;opacity:1!important; background:none!important;clip-path:none!important; z-index:3!important;pointer-events:none!important; } #syh-app.syh-home-v090 .syh-hero-wave-svg{display:block!important;width:100%!important;height:100%!important} /* Replace learning feed with 4 functional cards. No content queries or lesson lists in this area. */ #syh-app.syh-home-v090 .syh-learning-entry-section .syh-shell{ background: radial-gradient(ellipse at 94% 0%,rgba(239,210,144,.13),transparent 35%), radial-gradient(ellipse at 0% 96%,rgba(140,197,218,.15),transparent 38%), linear-gradient(155deg,#ffffff,#f9fcfe 58%,#fcfcf7)!important; } #syh-app.syh-home-v090 .syh-learning-feature-grid{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:stretch!important;gap:clamp(10px,1.1vw,16px)!important; min-width:0!important; } #syh-app.syh-home-v090 .syh-learning-feature{ --feature-glow:rgba(98,185,216,.16); position:relative!important;isolation:isolate!important;overflow:hidden!important; display:flex!important;flex-direction:column!important;align-items:flex-start!important; min-width:0!important;min-height:224px!important;gap:14px!important; padding:clamp(16px,1.3vw,22px)!important; border:1px solid rgba(190,217,227,.65)!important; border-radius:20px!important; background:linear-gradient(154deg,#ffffff 0%,#f5fbfd 100%)!important; box-shadow:0 12px 28px rgba(17,57,86,.055)!important; color:#173951!important;text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #syh-app.syh-home-v090 .syh-learning-feature::before{ content:"";position:absolute;pointer-events:none;z-index:0; width:160px;height:160px;right:-56px;top:-72px; background:radial-gradient(circle,var(--feature-glow),transparent 72%); } #syh-app.syh-home-v090 .syh-learning-feature--topics{--feature-glow:rgba(100,191,178,.18);background:linear-gradient(154deg,#ffffff 0%,#f1faf7 100%)!important} #syh-app.syh-home-v090 .syh-learning-feature--reading{--feature-glow:rgba(180,166,229,.19);background:linear-gradient(154deg,#ffffff 0%,#f9f6ff 100%)!important} #syh-app.syh-home-v090 .syh-learning-feature--practice{--feature-glow:rgba(236,189,117,.18);background:linear-gradient(154deg,#ffffff 0%,#fff9f1 100%)!important} #syh-app.syh-home-v090 .syh-learning-feature>*{position:relative!important;z-index:1!important} #syh-app.syh-home-v090 .syh-learning-feature-visual{ display:grid!important;place-items:center!important; width:68px!important;height:68px!important; border-radius:18px!important; background:rgba(227,241,249,.76)!important; border:1px solid rgba(138,193,219,.18)!important; } #syh-app.syh-home-v090 .syh-learning-feature--topics .syh-learning-feature-visual{background:#e7f7f1!important} #syh-app.syh-home-v090 .syh-learning-feature--reading .syh-learning-feature-visual{background:#f0eaff!important} #syh-app.syh-home-v090 .syh-learning-feature--practice .syh-learning-feature-visual{background:#fff0dd!important} #syh-app.syh-home-v090 .syh-learning-feature-visual img{width:44px!important;height:44px!important;object-fit:contain!important} #syh-app.syh-home-v090 .syh-learning-feature-copy{display:grid!important;gap:9px!important;min-width:0!important} #syh-app.syh-home-v090 .syh-learning-feature-copy strong{font-size:clamp(14px,1.08vw,17px)!important;line-height:1.37!important;letter-spacing:-.015em!important} #syh-app.syh-home-v090 .syh-learning-feature-copy small{font-size:12.5px!important;line-height:1.55!important;color:#607789!important} #syh-app.syh-home-v090 .syh-learning-feature-arrow{margin-top:auto!important;align-self:flex-end!important;font-size:18px!important;color:#287e9d!important} #syh-app.syh-home-v090 .syh-learning-feature:hover, #syh-app.syh-home-v090 .syh-learning-feature:focus-visible{ transform:translateY(-3px)!important;border-color:rgba(97,164,190,.45)!important; box-shadow:0 15px 34px rgba(17,57,86,.10)!important; } #syh-app.syh-home-v090 .syh-learning-feature:focus-visible{outline:3px solid #438cb1!important;outline-offset:3px!important} /* Actual available main-track responsive size, including Right Rail when expanded. */ @container syh-home (max-width:1160px){ #syh-app.syh-home-v090 .syh-learning-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v090 .syh-learning-feature{min-height:178px!important} #syh-app.syh-home-v090 .syh-hero-art.syh-book-deck{height:clamp(238px,26vw,300px)!important} #syh-app.syh-home-v090 .syh-deck-cover{width:clamp(110px,13vw,158px)!important} } @container syh-home (max-width:990px){ #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact{min-height:0!important;padding:26px 0 82px!important} #syh-app.syh-home-v090 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} #syh-app.syh-home-v090 .syh-hero-art.syh-book-deck{width:min(100%,520px)!important;height:220px!important;margin:0 auto!important} #syh-app.syh-home-v090 .syh-deck-cover{width:clamp(90px,15vw,146px)!important} #syh-app.syh-home-v090 > main > .syh-hero .syh-hero-wave{height:110px!important} } @container syh-home (max-width:600px){ #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact{padding:22px 0 50px!important;border-radius:20px!important} #syh-app.syh-home-v090 .syh-hero-art.syh-book-deck{width:min(100%,360px)!important;height:150px!important;margin:4px auto 0!important} #syh-app.syh-home-v090 .syh-deck-cover{width:clamp(58px,14.6vw,81px)!important} #syh-app.syh-home-v090 > main > .syh-hero .syh-hero-wave{height:70px!important} #syh-app.syh-home-v090 .syh-learning-feature-grid{grid-template-columns:1fr!important} #syh-app.syh-home-v090 .syh-learning-feature{min-height:112px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important;padding:14px!important} #syh-app.syh-home-v090 .syh-learning-feature-visual{width:56px!important;height:56px!important;border-radius:15px!important} #syh-app.syh-home-v090 .syh-learning-feature-visual img{width:35px!important;height:35px!important} #syh-app.syh-home-v090 .syh-learning-feature-copy{gap:4px!important} #syh-app.syh-home-v090 .syh-learning-feature-copy strong{font-size:14px!important} #syh-app.syh-home-v090 .syh-learning-feature-copy small{font-size:11.5px!important} #syh-app.syh-home-v090 .syh-learning-feature-arrow{align-self:center!important;margin:0!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 > main > .syh-hero.syh-hero-compact{ border-color:rgba(92,148,177,.27)!important; background:radial-gradient(76% 106% at 97% 18%,rgba(158,125,48,.14),transparent 74%),radial-gradient(82% 118% at 62% 8%,rgba(54,127,157,.18),transparent 70%),linear-gradient(100deg,#101f2f,#112336 34%,#17343b 76%,#272c22)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 .syh-learning-feature{ color:#edf6fb!important;border-color:rgba(100,156,185,.2)!important; background:linear-gradient(150deg,#142a3a,#123240)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 .syh-learning-feature--topics{background:linear-gradient(150deg,#142a3a,#153630)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 .syh-learning-feature--reading{background:linear-gradient(150deg,#142a3a,#272741)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 .syh-learning-feature--practice{background:linear-gradient(150deg,#142a3a,#382e20)!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v090 .syh-learning-feature-copy small{color:#b6ccda!important} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v090 .syh-learning-feature{transition:none!important}#syh-app.syh-home-v090 .syh-learning-feature:hover{transform:none!important}} /* Estimation for new compact learning module, reduces below-fold scroll-jump. */ @supports(content-visibility:auto){ #syh-app.syh-home-v090 > main > .syh-learning-entry-section{contain-intrinsic-size:auto 380px} } /* === MEDIPHARM v0.91: compact eight-book library + full titles + reader-oriented copy === */ /* Home book collections are limited to 8 in PHP. These rules also defeat historical desktop-extra/mobile fixed-height declarations from v0.76–v0.83. */ #syh-app.syh-home-v091 .syh-library-section .syh-library-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-auto-rows:auto!important; align-items:stretch!important; gap:clamp(10px,1.2vw,17px)!important; margin:0!important;padding:0!important; overflow:visible!important; scroll-snap-type:none!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-card:not([hidden]) { display:flex!important;flex-direction:column!important; height:auto!important;min-height:0!important;max-height:none!important; width:100%!important;max-width:100%!important;min-width:0!important; padding:0!important;gap:0!important; overflow:hidden!important; border-radius:18px!important; background:var(--med-card-bg,#ffffff)!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-card[hidden] {display:none!important} #syh-app.syh-home-v091 .syh-library-section .syh-book-cover { position:relative!important;flex:0 0 150px!important; display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;height:150px!important;min-height:0!important;max-height:150px!important; aspect-ratio:auto!important;margin:0!important;padding:9px!important; overflow:hidden!important;border-radius:0!important; background:linear-gradient(145deg,#f5f9fc,#eaf3f7)!important; } #syh-app.syh-home-v091 .syh-library-section .syh-book-cover img { display:block!important;flex:none!important; width:auto!important;height:auto!important; max-width:100%!important;max-height:130px!important; object-fit:contain!important;object-position:center!important; transform:none!important; filter:drop-shadow(0 5px 8px rgba(23,65,82,.10)); } #syh-app.syh-home-v091 .syh-library-section .syh-book-placeholder { width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important; padding:9px!important;font-size:11px!important;line-height:1.5!important;text-align:center!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-copy { display:flex!important;flex-direction:column!important; flex:1!important;justify-content:flex-start!important;align-items:stretch!important; min-width:0!important;min-height:0!important;height:auto!important; padding:12px 13px 11px!important;gap:6px!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-copy>span { display:block!important;min-height:0!important;max-height:none!important; font-size:10.5px!important;line-height:1.4!important; white-space:normal!important;overflow:visible!important;text-overflow:clip!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-copy h3 { display:block!important;min-height:0!important;max-height:none!important; height:auto!important;margin:2px 0 8px!important; padding:0!important;line-height:1.43!important;font-size:13.5px!important; white-space:normal!important;overflow:visible!important;text-overflow:clip!important; overflow-wrap:break-word!important;word-break:normal!important; -webkit-line-clamp:unset!important;line-clamp:unset!important; -webkit-box-orient:initial!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-copy>a { margin-top:auto!important;padding-top:9px!important; font-size:12.5px!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-heading { gap:clamp(10px,2vw,22px)!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-filters { margin:15px 0 15px!important; } /* Long requested hero copy: allow natural height without cutting the book stack or wave. */ #syh-app.syh-home-v091 .syh-hero-copy .syh-hero-lead { max-width:61ch!important;margin:14px 0 0!important; text-wrap:pretty!important;overflow:visible!important; line-height:1.65!important; } @container syh-home (max-width:1020px) { #syh-app.syh-home-v091 .syh-library-section .syh-library-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-card:not([hidden]) { display:grid!important;grid-template-columns:82px minmax(0,1fr)!important; align-items:stretch!important;min-height:122px!important; padding:9px!important;gap:10px!important; } #syh-app.syh-home-v091 .syh-library-section .syh-book-cover { width:82px!important;height:106px!important;max-height:106px!important; flex:0 0 auto!important;padding:5px!important;border-radius:10px!important; } #syh-app.syh-home-v091 .syh-library-section .syh-book-cover img {max-height:96px!important} #syh-app.syh-home-v091 .syh-library-section .syh-library-copy { padding:2px 1px!important;min-height:0!important;justify-content:center!important; } #syh-app.syh-home-v091 .syh-library-section .syh-library-copy h3 {font-size:13px!important;margin:0 0 4px!important} } @container syh-home (max-width:620px) { #syh-app.syh-home-v091 .syh-library-section .syh-library-grid {grid-template-columns:minmax(0,1fr)!important;gap:9px!important} #syh-app.syh-home-v091 .syh-library-section .syh-library-card:not([hidden]) { grid-template-columns:76px minmax(0,1fr)!important; min-height:112px!important;max-height:none!important; height:auto!important;padding:8px!important;gap:10px!important; } #syh-app.syh-home-v091 .syh-library-section .syh-book-cover {width:76px!important;height:98px!important;max-height:98px!important} #syh-app.syh-home-v091 .syh-library-section .syh-book-cover img {max-height:90px!important} #syh-app.syh-home-v091 .syh-library-section .syh-library-copy h3 {font-size:13px!important} #syh-app.syh-home-v091 .syh-library-section .syh-library-copy>a {font-size:12px!important;padding-top:6px!important} } @container syh-home (max-width:380px) { #syh-app.syh-home-v091 .syh-library-section .syh-library-card:not([hidden]) {grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important} #syh-app.syh-home-v091 .syh-library-section .syh-book-cover {width:68px!important;height:90px!important;max-height:90px!important} #syh-app.syh-home-v091 .syh-library-section .syh-book-cover img {max-height:84px!important} } /* Color & contrast in dark theme. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v091 .syh-library-section .syh-book-cover { background:linear-gradient(145deg,#1c3246,#162c3b)!important; } /* === END v0.91 === */ /* MEDIPHARM Super App v0.92 — Fluid Desktop Canvas & Airy Book Deck. This overrides ONLY v0.91 layout budgets. It does not alter data or interactions. The Search Dock bridge owns --syh-v85-rail-space and is not modified. */ #syh-app.syh-home-v092{ --syh-v92-canvas-gutter:clamp(16px,5vw,160px); --syh-v90-canvas-gutter:var(--syh-v92-canvas-gutter); --syh-v90-canvas-max:100%; --syh-v88-canvas-max:100%; --syh-v82-max:100%; --syh-v85-max:100%; --syh-v86-max:100%; } /* Grid: one full-width flexible middle column with a 5%-per-side breathing zone. Do not subtract Search Dock twice: v0.90 bridge already reduces main width. */ #syh-app.syh-home-v092 > main{ grid-template-columns:var(--syh-v92-canvas-gutter) minmax(0,1fr) var(--syh-v92-canvas-gutter)!important; min-width:0!important; max-width:100%!important; } #syh-app.syh-home-v092 > main > section{ grid-column:2!important; width:100%!important;max-width:100%!important; margin-left:0!important;margin-right:0!important; justify-self:stretch!important; min-width:0!important; } /* These must defeat the inherited min(1320px,...) declarations from v0.75–v0.88. The outer card boundary is the actual shared grid track, not the padded inside. */ #syh-app.syh-home-v092 > main > .syh-hero, #syh-app.syh-home-v092 > main > :is(.syh-home-quick-actions,.syh-home-events,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){ width:100%!important;max-width:100%!important; margin-left:0!important;margin-right:0!important; padding-inline:0!important; min-width:0!important;box-sizing:border-box!important; } #syh-app.syh-home-v092 > main > :is(.syh-home-quick-actions,.syh-home-events,.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell{ width:100%!important;max-width:100%!important; margin-inline:0!important;min-width:0!important; box-sizing:border-box!important; } #syh-app.syh-home-v092 > main > .syh-hero > .syh-shell{ width:calc(100% - 2 * clamp(18px,2.4vw,48px))!important; max-width:none!important;margin-inline:auto!important; min-width:0!important;box-sizing:border-box!important; } #syh-app.syh-home-v092 > footer.syh-footer > .syh-shell{ width:calc(100% - 2 * var(--syh-v92-canvas-gutter))!important; max-width:none!important;margin-inline:auto!important; min-width:0!important;box-sizing:border-box!important; } /* Airy right side, preserving five existing book covers and the hero's waves. */ @container syh-home (min-width:991px){ #syh-app.syh-home-v092 .syh-hero-grid{ grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important; gap:clamp(18px,2.2vw,52px)!important; align-items:center!important; } #syh-app.syh-home-v092 .syh-hero-copy{ max-width:830px!important; } #syh-app.syh-home-v092 .syh-hero-copy h1{ font-size:clamp(37px,2.1vw,54px)!important; } #syh-app.syh-home-v092 .syh-hero-copy .syh-hero-lead{ max-width:68ch!important;font-size:clamp(14px,.78vw,17px)!important; line-height:1.62!important; } #syh-app.syh-home-v092 .syh-hero-art.syh-book-deck{ width:min(calc(100% - clamp(20px,4vw,110px)),clamp(340px,28vw,490px))!important; height:clamp(258px,20vw,315px)!important; margin:0 clamp(20px,4vw,110px) 0 auto!important; min-width:0!important; } #syh-app.syh-home-v092 .syh-deck-cover{ width:clamp(100px,10.3vw,160px)!important; max-width:none!important; height:auto!important; filter:drop-shadow(0 12px 18px rgba(17,67,90,.15))!important; } #syh-app.syh-home-v092 .syh-deck-cover--1{left:18%!important} #syh-app.syh-home-v092 .syh-deck-cover--2{left:33%!important} #syh-app.syh-home-v092 .syh-deck-cover--3{left:48%!important} #syh-app.syh-home-v092 .syh-deck-cover--5{left:63%!important} #syh-app.syh-home-v092 .syh-deck-cover--6{left:78%!important} } /* Container breakpoints not viewport breakpoints: small windows and panel-expanded rail still use familiar tablet/mobile rules with the same safe gutter. */ @media(max-width:999px){ #syh-app.syh-home-v092{--syh-v92-canvas-gutter:clamp(12px,3vw,24px)} } @media(max-width:600px){ #syh-app.syh-home-v092{--syh-v92-canvas-gutter:12px} } /* v0.75 used a more specific two-class selector capped at 1480px; defeat that cap as well as v0.85/v0.88 width rules. */ #syh-app.syh-home-v092 > main > .syh-hero.syh-hero-compact { width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } /* === v0.93: Compact Mobile/Foldable Hero & Natural Typography === Responsive-only corrective layer. Retains full copy, five covers, SVG wave, v0.92 fluid desktop canvas, Search Dock rail and WordPress Header. */ #syh-app.syh-home-v093{ --syh-v93-text:#173951; } /* Avoid arbitrary breaks across content cards without suppressing long book titles. */ #syh-app.syh-home-v093 :is(.syh-hero-copy h1,.syh-section-heading h2,.syh-source-heading h2,.syh-library-heading h2, .syh-learning-feature-copy strong,.syh-parent-category-card-label,.syh-tool-card h3,.syh-tool-badge small){ overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important; white-space:normal!important;text-wrap:balance!important; } #syh-app.syh-home-v093 :is(.syh-hero-lead,.syh-tool-card>p,.syh-learning-feature-copy small,.syh-source-heading p, .syh-section-heading p,.syh-library-heading p){ overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important; text-wrap:pretty!important; } /* A tool statistic must stay beside its glyph, not become a column of isolated words. */ #syh-app.syh-home-v093 .syh-tool-card-top{display:flex!important;align-items:flex-start!important;gap:12px!important;justify-content:space-between!important} #syh-app.syh-home-v093 .syh-tool-badge{ flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 54px)!important; overflow-wrap:normal!important;word-break:normal!important;text-align:right!important; } #syh-app.syh-home-v093 .syh-tool-badge strong{font-variant-numeric:tabular-nums!important;line-height:1.15!important} #syh-app.syh-home-v093 .syh-tool-badge small{display:block!important;max-width:150px!important;line-height:1.3!important;margin-left:auto!important} #syh-app.syh-home-v093 .syh-tool-card h3{min-width:0!important;line-height:1.35!important} #syh-app.syh-home-v093 .syh-tool-card>p{line-height:1.5!important} /* Keep the decorative wave behind the book covers (not across the jacket titles). */ #syh-app.syh-home-v093 > main > .syh-hero .syh-hero-wave{z-index:1!important;} #syh-app.syh-home-v093 > main > .syh-hero .syh-hero-grid{position:relative!important;z-index:2!important;} /* Foldable landscape / compact tablet: avoid legacy stacked 500px-tall hero. */ @container syh-home (min-width:791px) and (max-width:1100px){ #syh-app.syh-home-v093 > main > .syh-hero.syh-hero-compact{ min-height:0!important;height:auto!important; padding:clamp(22px,2.6vw,32px) 0 clamp(52px,5vw,60px)!important; } #syh-app.syh-home-v093 .syh-hero-grid{ display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important; gap:clamp(15px,1.7vw,24px)!important;align-items:center!important; } #syh-app.syh-home-v093 .syh-hero-copy{max-width:none!important;padding:0!important;} #syh-app.syh-home-v093 .syh-hero-copy h1{ font-size:clamp(26px,2.9vw,33px)!important;line-height:1.14!important;margin:0 0 9px!important; } #syh-app.syh-home-v093 .syh-hero-copy h1>span{ display:block!important;font-size:.73em!important;line-height:1.22!important; text-wrap:balance!important;max-width:32ch!important; } #syh-app.syh-home-v093 .syh-hero-copy .syh-hero-lead{ font-size:clamp(12.6px,1.35vw,14px)!important; line-height:1.48!important;margin:10px 0 0!important; max-width:56ch!important; } #syh-app.syh-home-v093 .syh-hero-art.syh-book-deck{ width:min(100%,330px)!important;height:clamp(175px,21vw,224px)!important; margin:0 clamp(12px,2vw,24px) 0 auto!important; } #syh-app.syh-home-v093 .syh-deck-cover{width:clamp(75px,8.4vw,104px)!important;} #syh-app.syh-home-v093 > main > .syh-hero .syh-hero-wave{height:60px!important;} } /* Width-dependent adjustments use the syh-home container (main), including foldables, split windows and an expanded Right Rail. */ @container syh-home (max-width:790px){ #syh-app.syh-home-v093 > main > .syh-hero.syh-hero-compact{ min-height:0!important;height:auto!important; padding:clamp(16px,2.6vw,24px) 0 clamp(38px,5.5vw,46px)!important; } #syh-app.syh-home-v093 .syh-hero-grid{ display:grid!important;grid-template-columns:minmax(0,1fr)!important; align-items:start!important;gap:clamp(4px,1.3vw,10px)!important; } #syh-app.syh-home-v093 .syh-hero-copy{ padding:0!important;max-width:none!important;min-width:0!important; } #syh-app.syh-home-v093 .syh-hero-copy h1{ font-size:clamp(25px,3.9vw,32px)!important;line-height:1.13!important; letter-spacing:-.025em!important;margin:0 0 10px!important; } #syh-app.syh-home-v093 .syh-hero-copy h1>span{ display:block!important;font-size:.78em!important; line-height:1.18!important;letter-spacing:-.016em!important; max-width:34ch!important;margin-top:3px!important; } #syh-app.syh-home-v093 .syh-hero-copy .syh-hero-lead{ max-width:74ch!important;margin:8px 0 0!important; font-size:clamp(13px,1.88vw,14px)!important; line-height:1.49!important;letter-spacing:0!important; } #syh-app.syh-home-v093 .syh-hero-art.syh-book-deck{ width:min(100%,365px)!important;height:clamp(112px,18vw,144px)!important; margin:0 auto!important;align-self:center!important; } #syh-app.syh-home-v093 .syh-deck-cover{width:clamp(61px,10vw,86px)!important} #syh-app.syh-home-v093 > main > .syh-hero .syh-hero-wave{height:clamp(44px,8vw,64px)!important} #syh-app.syh-home-v093 .syh-hero-wave-svg{width:100%!important;height:100%!important} /* Two-up tools on foldables/tablets; easier to read at available width. */ #syh-app.syh-home-v093 .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v093 .syh-tools-section .syh-tool-card{ min-width:0!important;min-height:0!important;gap:9px!important;padding:clamp(14px,2vw,18px)!important; } #syh-app.syh-home-v093 .syh-tool-badge strong{font-size:clamp(15px,2.4vw,19px)!important} #syh-app.syh-home-v093 .syh-tool-badge small{font-size:11px!important;max-width:140px!important} #syh-app.syh-home-v093 .syh-tool-card h3{font-size:clamp(15px,2.2vw,17px)!important} #syh-app.syh-home-v093 .syh-tool-card>p{font-size:12.5px!important} #syh-app.syh-home-v093 .syh-tool-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important} #syh-app.syh-home-v093 .syh-tool-tags>span{font-size:11px!important;white-space:normal!important;line-height:1.35!important} } /* Actual handheld portrait: shorter copy, compact book fan, single-column tools. */ @container syh-home (max-width:520px){ #syh-app.syh-home-v093 > main > .syh-hero.syh-hero-compact{ padding:clamp(13px,4vw,19px) 0 22px!important; } #syh-app.syh-home-v093 > main > .syh-hero > .syh-shell{ width:calc(100% - 2 * clamp(14px,4vw,22px))!important; } #syh-app.syh-home-v093 .syh-hero-grid{gap:2px!important} #syh-app.syh-home-v093 .syh-hero-copy h1{ font-size:clamp(24px,6.7vw,28px)!important;line-height:1.12!important; margin-bottom:9px!important; } #syh-app.syh-home-v093 .syh-hero-copy h1>span{ font-size:.78em!important;line-height:1.17!important; max-width:24ch!important;margin-top:4px!important; } #syh-app.syh-home-v093 .syh-hero-copy .syh-hero-lead{ font-size:clamp(12.75px,3.48vw,13.5px)!important; line-height:1.45!important;letter-spacing:-.006em!important; margin:8px 0 0!important;max-width:none!important; } #syh-app.syh-home-v093 .syh-hero-art.syh-book-deck{ width:min(100%,318px)!important;height:109px!important;margin:3px auto 0!important; } #syh-app.syh-home-v093 .syh-deck-cover{width:clamp(56px,15.2vw,69px)!important} #syh-app.syh-home-v093 > main > .syh-hero .syh-hero-wave{height:46px!important} #syh-app.syh-home-v093 .syh-tools-section .syh-tool-grid{grid-template-columns:minmax(0,1fr)!important} #syh-app.syh-home-v093 .syh-tools-section .syh-tool-card{padding:16px!important} #syh-app.syh-home-v093 .syh-tool-badge small{max-width:160px!important} #syh-app.syh-home-v093 .syh-learning-feature-copy strong{line-height:1.33!important} } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v093 .syh-hero *,#syh-app.syh-home-v093 .syh-tool-card *{transition:none!important;animation:none!important} } /* === END v0.93 === */ /* === v0.94: Hero Copy Correction & Softer Balanced Hero === Goal: correct hero title hierarchy, soften color treatment, reduce mobile height, keep five-book deck and wave footer, and improve natural wrapping in tool cards. */ #syh-app.syh-home-v094{ --syh-v94-ink:#163854; --syh-v94-accent:#1d79ba; --syh-v94-muted:#5e7386; --syh-v94-border:rgba(193,221,228,.78); } #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact{ min-height:clamp(410px,30vw,500px)!important; padding:clamp(24px,2.7vw,42px) 0 clamp(76px,5.8vw,96px)!important; border:1px solid var(--syh-v94-border)!important; background: radial-gradient(62% 92% at 83% 18%,rgba(246,235,178,.12) 0%,rgba(246,235,178,0) 72%), radial-gradient(54% 88% at 58% 16%,rgba(185,223,237,.16) 0%,rgba(185,223,237,0) 70%), linear-gradient(92deg,#ffffff 0%,#ffffff 30%,#f7fbfc 61%,#f2faf8 82%,#fbf9ee 100%)!important; box-shadow:0 14px 36px rgba(17,58,84,.045)!important; } #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact::before{ content:""!important;position:absolute!important;inset:0 0 auto auto!important; width:46%!important;height:100%!important;pointer-events:none!important;z-index:0!important; opacity:.54!important;border:none!important;border-radius:0!important; background: radial-gradient(ellipse at 66% 36%,rgba(144,208,219,.12),rgba(144,208,219,0) 56%), radial-gradient(ellipse at 84% 12%,rgba(240,225,159,.10),rgba(240,225,159,0) 50%)!important; } #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact::after{content:none!important;display:none!important} #syh-app.syh-home-v094 .syh-hero-grid{ position:relative!important;z-index:2!important; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important; gap:clamp(22px,2.6vw,46px)!important;align-items:center!important; } #syh-app.syh-home-v094 .syh-hero-copy{padding-block:8px!important;max-width:none!important} #syh-app.syh-home-v094 .syh-hero-copy h1{ max-width:11.8ch!important;margin:0 0 14px!important;color:var(--syh-v94-ink)!important; font-size:clamp(32px,2.7vw,48px)!important;line-height:1.1!important;letter-spacing:-.03em!important; } #syh-app.syh-home-v094 .syh-hero-copy h1>span{ display:block!important;margin-top:8px!important;max-width:15ch!important; color:var(--syh-v94-accent)!important;font-size:.68em!important;line-height:1.16!important; letter-spacing:-.018em!important;text-wrap:balance!important; } #syh-app.syh-home-v094 .syh-hero-copy .syh-hero-lead{ max-width:59ch!important;margin:0!important;color:var(--syh-v94-muted)!important; font-size:clamp(14.2px,.92vw,16px)!important;line-height:1.67!important;text-wrap:pretty!important; } #syh-app.syh-home-v094 .syh-hero-art.syh-book-deck{ width:min(100%,540px)!important;height:clamp(270px,22vw,332px)!important; margin:2px clamp(26px,4.5vw,86px) 0 auto!important;align-self:center!important;overflow:visible!important; } #syh-app.syh-home-v094 .syh-book-deck-glow{ background:radial-gradient(ellipse at 56% 58%,rgba(113,186,191,.10),transparent 67%)!important; } #syh-app.syh-home-v094 .syh-deck-cover{ top:50%!important;width:clamp(118px,10.8vw,170px)!important; border:1.5px solid rgba(255,255,255,.92)!important; box-shadow:0 16px 28px rgba(20,67,90,.13),0 2px 6px rgba(20,67,90,.08)!important; } #syh-app.syh-home-v094 .syh-deck-cover--1{left:16%!important;transform:translate(-50%,-50%) rotate(-10deg)!important} #syh-app.syh-home-v094 .syh-deck-cover--2{left:32%!important;transform:translate(-50%,-50%) rotate(-5deg)!important} #syh-app.syh-home-v094 .syh-deck-cover--3{left:48%!important;transform:translate(-50%,-50%) rotate(0deg)!important} #syh-app.syh-home-v094 .syh-deck-cover--5{left:64%!important;transform:translate(-50%,-50%) rotate(5deg)!important} #syh-app.syh-home-v094 .syh-deck-cover--6{left:80%!important;transform:translate(-50%,-50%) rotate(10deg)!important} #syh-app.syh-home-v094 > main > .syh-hero .syh-hero-wave{ bottom:-1px!important;height:clamp(84px,7.4vw,118px)!important;z-index:3!important;opacity:.9!important; } #syh-app.syh-home-v094 .syh-hero-wave-svg path:nth-of-type(1){opacity:.82!important} #syh-app.syh-home-v094 .syh-hero-wave-svg path:nth-of-type(2){opacity:.70!important} #syh-app.syh-home-v094 .syh-hero-wave-svg path:nth-of-type(3), #syh-app.syh-home-v094 .syh-hero-wave-svg path:nth-of-type(4), #syh-app.syh-home-v094 .syh-hero-wave-svg path:nth-of-type(5){opacity:.58!important} /* Improve natural wrapping in feature and tool cards on compact widths. */ #syh-app.syh-home-v094 .syh-learning-feature-copy strong, #syh-app.syh-home-v094 .syh-tool-card h3{ overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important; } #syh-app.syh-home-v094 .syh-learning-feature-copy small, #syh-app.syh-home-v094 .syh-tool-card>p{ overflow-wrap:normal!important;word-break:normal!important;text-wrap:pretty!important; } #syh-app.syh-home-v094 .syh-tool-card-top{gap:11px!important;align-items:flex-start!important} #syh-app.syh-home-v094 .syh-tool-badge{max-width:calc(100% - 50px)!important} #syh-app.syh-home-v094 .syh-tool-badge strong{font-size:clamp(17px,1.25vw,20px)!important} #syh-app.syh-home-v094 .syh-tool-badge small{ max-width:124px!important;line-height:1.25!important;font-size:11.6px!important; white-space:normal!important;text-wrap:balance!important; } @container syh-home (min-width:791px) and (max-width:1100px){ #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact{ min-height:0!important;padding:24px 0 64px!important; } #syh-app.syh-home-v094 .syh-hero-grid{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:18px!important; } #syh-app.syh-home-v094 .syh-hero-copy h1{font-size:clamp(28px,3vw,36px)!important;max-width:12.2ch!important} #syh-app.syh-home-v094 .syh-hero-copy h1>span{font-size:.7em!important;max-width:16ch!important} #syh-app.syh-home-v094 .syh-hero-copy .syh-hero-lead{font-size:13.2px!important;line-height:1.57!important;max-width:60ch!important} #syh-app.syh-home-v094 .syh-hero-art.syh-book-deck{width:min(100%,390px)!important;height:210px!important;margin-right:20px!important} #syh-app.syh-home-v094 .syh-deck-cover{width:clamp(86px,10vw,114px)!important} #syh-app.syh-home-v094 > main > .syh-hero .syh-hero-wave{height:72px!important} } @container syh-home (max-width:790px){ #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact{ min-height:0!important;padding:16px 0 34px!important;border-radius:22px!important; } #syh-app.syh-home-v094 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important} #syh-app.syh-home-v094 .syh-hero-copy h1{ max-width:12.4ch!important;font-size:clamp(24px,6vw,33px)!important; line-height:1.09!important;margin:0 0 10px!important; } #syh-app.syh-home-v094 .syh-hero-copy h1>span{ margin-top:6px!important;font-size:.7em!important;max-width:16ch!important;line-height:1.15!important; } #syh-app.syh-home-v094 .syh-hero-copy .syh-hero-lead{ max-width:none!important;font-size:clamp(12.8px,1.95vw,14px)!important;line-height:1.52!important; } #syh-app.syh-home-v094 .syh-hero-art.syh-book-deck{ width:min(100%,345px)!important;height:130px!important;margin:6px auto 0!important; } #syh-app.syh-home-v094 .syh-deck-cover{width:clamp(60px,11.2vw,81px)!important} #syh-app.syh-home-v094 > main > .syh-hero .syh-hero-wave{height:54px!important} #syh-app.syh-home-v094 .syh-tool-badge small{max-width:112px!important} #syh-app.syh-home-v094 .syh-learning-feature-copy strong{font-size:clamp(15px,2.1vw,18px)!important} #syh-app.syh-home-v094 .syh-learning-feature-copy small{font-size:13px!important;line-height:1.52!important} } @container syh-home (max-width:520px){ #syh-app.syh-home-v094 > main > .syh-hero.syh-hero-compact{ padding:14px 0 24px!important;border-radius:20px!important; } #syh-app.syh-home-v094 > main > .syh-hero > .syh-shell{width:calc(100% - 2 * 14px)!important} #syh-app.syh-home-v094 .syh-hero-copy h1{ max-width:10.6ch!important;font-size:clamp(22px,6.9vw,26px)!important; margin-bottom:8px!important; } #syh-app.syh-home-v094 .syh-hero-copy h1>span{max-width:14ch!important;font-size:.72em!important;margin-top:5px!important} #syh-app.syh-home-v094 .syh-hero-copy .syh-hero-lead{ font-size:clamp(12.5px,3.6vw,13.2px)!important;line-height:1.47!important; } #syh-app.syh-home-v094 .syh-hero-art.syh-book-deck{ width:min(100%,296px)!important;height:112px!important;margin-top:4px!important; } #syh-app.syh-home-v094 .syh-deck-cover{width:clamp(55px,15vw,67px)!important} #syh-app.syh-home-v094 > main > .syh-hero .syh-hero-wave{height:44px!important} #syh-app.syh-home-v094 .syh-tool-badge small{max-width:108px!important;font-size:11px!important} } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v094 .syh-hero *,#syh-app.syh-home-v094 .syh-tool-card *,#syh-app.syh-home-v094 .syh-learning-feature *{transition:none!important;animation:none!important} } /* === END v0.94 === */ /* MEDIPHARM Super App v0.95 — responsive shell and typographic rhythm refinement. Scoped to homepage; no additional front-end requests or observers. */ #syh-app.syh-home-v095 { --v95-ink:#173951; --v95-muted:#60768a; --v95-border:rgba(185,214,227,.74); --v95-shadow:0 9px 28px rgba(25,71,100,.058); --v95-panel-radius:24px; --v95-card-radius:20px; } #syh-app.syh-home-v095 > main > section {min-width:0!important;box-sizing:border-box!important;} #syh-app.syh-home-v095 > main > section > .syh-shell {min-width:0!important;box-sizing:border-box!important;} /* A single heading/body scale throughout the homepage. */ #syh-app.syh-home-v095 > main :is(.syh-source-heading,.syh-section-heading,.syh-library-heading) { margin-bottom:clamp(12px,1.35vw,19px)!important; gap:clamp(5px,.85vw,12px)!important; } #syh-app.syh-home-v095 > main :is(.syh-source-heading h2,.syh-section-heading h2,.syh-library-heading h2) { font-size:clamp(22px,1.75vw,29px)!important; line-height:1.19!important;letter-spacing:-.022em!important; margin:0!important;color:var(--v95-ink)!important; overflow-wrap:normal!important;word-break:normal!important; } #syh-app.syh-home-v095 > main :is(.syh-source-heading p,.syh-section-heading p,.syh-library-heading p,.syh-module-intro) { color:var(--v95-muted)!important;font-size:clamp(13px,.95vw,15px)!important; line-height:1.55!important;letter-spacing:0!important; text-wrap:pretty!important;max-width:66ch!important; } #syh-app.syh-home-v095 > main :is(.syh-parent-category-card-label,.syh-library-copy h3,.syh-learning-feature-copy strong,.syh-tool-card h3){ line-height:1.36!important;letter-spacing:-.009em!important;word-break:normal!important;overflow-wrap:normal!important; } #syh-app.syh-home-v095 > main :is(.syh-library-copy h3,.syh-parent-category-card-label){ text-overflow:clip!important;white-space:normal!important;display:block!important;-webkit-line-clamp:unset!important; } /* Hero title and book deck are responsive to the usable content track (not viewport). The line break is between the title and subtitle as in the approved copy. */ #syh-app.syh-home-v095 .syh-hero-copy h1 { max-width:none!important; overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important; font-size:clamp(31px,2.65vw,47px)!important;line-height:1.13!important; } #syh-app.syh-home-v095 .syh-hero-copy h1>span{ display:block!important;max-width:none!important;margin-top:7px!important; line-height:1.2!important;text-wrap:balance!important; } #syh-app.syh-home-v095 .syh-hero-copy .syh-hero-lead{ max-width:63ch!important;line-height:1.6!important;text-wrap:pretty!important; } #syh-app.syh-home-v095 .syh-hero-wave {pointer-events:none!important} /* Clinical tools: consistent anatomy and restrained premium gradient surface. */ #syh-app.syh-home-v095 .syh-tools-section .syh-tool-grid{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:clamp(12px,1.25vw,20px)!important;align-items:stretch!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card{ --v95-c1:rgba(84,178,182,.15);--v95-c2:#eff9f9; display:flex!important;flex-direction:column!important; min-width:0!important;min-height:300px!important; padding:clamp(15px,1.3vw,21px)!important;gap:0!important; border:1px solid var(--v95-border)!important;border-radius:var(--v95-card-radius)!important; background:radial-gradient(ellipse 85% 70% at 100% 0%,var(--v95-c1),transparent 72%),linear-gradient(158deg,#fff 0%,#fff 43%,var(--v95-c2) 100%)!important; box-shadow:var(--v95-shadow)!important;isolation:isolate!important; transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:nth-child(4n+1){--v95-c1:rgba(78,177,185,.18);--v95-c2:#f1fbfa} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:nth-child(4n+2){--v95-c1:rgba(95,152,219,.17);--v95-c2:#f2f7ff} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:nth-child(4n+3){--v95-c1:rgba(226,178,102,.15);--v95-c2:#fef9f0} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:nth-child(4n+4){--v95-c1:rgba(155,144,214,.17);--v95-c2:#f8f6ff} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card::before{ content:""!important;position:absolute!important;z-index:0!important; width:128px!important;height:128px!important;top:-56px!important;right:-48px!important; border-radius:50%!important;pointer-events:none!important; background:repeating-radial-gradient(circle at center,transparent 0 20px,rgba(58,130,161,.115) 21px 22px,transparent 23px 37px)!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card::after{ content:""!important;position:absolute!important;z-index:0!important; right:-42px!important;left:auto!important;bottom:-52px!important; width:158px!important;height:114px!important;border-radius:50%!important; pointer-events:none!important;background:radial-gradient(ellipse,var(--v95-c1),transparent 70%)!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card>*{position:relative!important;z-index:1!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card-top{ display:flex!important;align-items:flex-start!important;justify-content:space-between!important; min-height:60px!important;gap:14px!important;margin-bottom:13px!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-glyph{ display:grid!important;place-items:center!important;flex:0 0 48px!important; width:48px!important;height:48px!important;border-radius:15px!important; background:rgba(239,247,252,.96)!important;border:1px solid rgba(171,203,218,.65)!important; color:#14739c!important;box-shadow:0 6px 14px rgba(24,92,120,.07)!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-badge{min-width:0!important;max-width:calc(100% - 60px)!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-badge strong{ color:#153d5d!important;font-size:clamp(17px,1.25vw,22px)!important;line-height:1.1!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-badge small{ display:block!important;max-width:100%!important;color:#667a8b!important; font-size:clamp(11px,.85vw,13px)!important;line-height:1.3!important; text-align:right!important;text-wrap:balance!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card h3{ font-size:clamp(15px,1.15vw,18px)!important;margin:5px 0 8px!important; min-height:0!important;text-wrap:balance!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card>p{ color:#60778b!important;font-size:clamp(12.5px,.93vw,14px)!important; line-height:1.58!important;min-height:0!important;text-wrap:pretty!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-tags{ display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:15px 0 17px!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-tags span{ font-size:clamp(11px,.78vw,12px)!important;line-height:1.38!important; padding:5px 8px!important;border:1px solid rgba(198,218,228,.66)!important; border-radius:8px!important;background:rgba(255,255,255,.76)!important; color:#577086!important;white-space:normal!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-link{ margin-top:auto!important;padding-top:14px!important; border-color:rgba(181,209,224,.60)!important; color:#126995!important;min-height:36px!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:hover{ transform:translateY(-2px)!important;box-shadow:0 15px 32px rgba(22,65,96,.10)!important; border-color:rgba(105,165,190,.45)!important; } #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card:focus-within{ outline:2px solid rgba(34,120,163,.57)!important;outline-offset:2px!important; } /* Shared panel curvature and module rhythm (outer width controlled by v0.92). */ #syh-app.syh-home-v095 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell { border-radius:var(--v95-panel-radius)!important; } #syh-app.syh-home-v095 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section){ padding-top:clamp(15px,2vw,28px)!important;padding-bottom:clamp(15px,2vw,28px)!important; } /* At split-screen / foldable width, avoid narrow copy + huge right-side blank in Hero. */ @container syh-home (min-width:941px) and (max-width:1100px){ #syh-app.syh-home-v095 .syh-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:20px!important} #syh-app.syh-home-v095 .syh-hero-copy h1{font-size:clamp(29px,3vw,36px)!important} #syh-app.syh-home-v095 .syh-hero-copy h1>span{font-size:.68em!important} #syh-app.syh-home-v095 .syh-hero-copy .syh-hero-lead{font-size:13.2px!important;line-height:1.55!important} #syh-app.syh-home-v095 .syh-hero-art.syh-book-deck{width:min(100%,325px)!important;height:212px!important;margin:0 20px 0 auto!important} #syh-app.syh-home-v095 .syh-deck-cover{width:clamp(80px,9.7vw,115px)!important} } @container syh-home (max-width:1160px){ #syh-app.syh-home-v095 .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card{min-height:260px!important} } @container syh-home (min-width:521px) and (max-width:940px){ #syh-app.syh-home-v095 > main > .syh-hero.syh-hero-compact{ min-height:0!important;height:auto!important;padding:20px 0 43px!important; } #syh-app.syh-home-v095 .syh-hero-grid{ display:grid!important;grid-template-columns:minmax(0,1fr)!important; align-items:start!important;gap:8px!important; } #syh-app.syh-home-v095 .syh-hero-copy{padding:0!important} #syh-app.syh-home-v095 .syh-hero-copy h1{ font-size:clamp(28px,4.1vw,36px)!important;line-height:1.13!important;margin-bottom:11px!important; } #syh-app.syh-home-v095 .syh-hero-copy h1>span{font-size:.73em!important;margin-top:5px!important} #syh-app.syh-home-v095 .syh-hero-copy .syh-hero-lead{ font-size:clamp(13.1px,1.75vw,14.4px)!important;line-height:1.51!important; max-width:78ch!important; } #syh-app.syh-home-v095 .syh-hero-art.syh-book-deck{ width:min(100%,345px)!important;height:137px!important;margin:4px auto 0!important; } #syh-app.syh-home-v095 .syh-deck-cover{width:clamp(64px,10.5vw,84px)!important} #syh-app.syh-home-v095 > main > .syh-hero .syh-hero-wave{height:48px!important} } /* Mobile-first full width: safe physical gutters only, never double reserve right rail. */ @media (max-width:700px){ #syh-app.syh-home-v095 {--syh-v92-canvas-gutter:clamp(8px,2.1vw,14px)!important;--syh-v90-canvas-gutter:var(--syh-v92-canvas-gutter)!important} #syh-app.syh-home-v095 > main {width:100%!important;min-width:0!important; grid-template-columns:var(--syh-v92-canvas-gutter) minmax(0,1fr) var(--syh-v92-canvas-gutter)!important;} #syh-app.syh-home-v095 > main > section {width:100%!important;max-width:100%!important;min-width:0!important;} #syh-app.syh-home-v095 > main > section > .syh-shell {width:100%!important;max-width:100%!important;margin-inline:0!important;min-width:0!important;} #syh-app.syh-home-v095 > main > .syh-hero > .syh-shell{ width:calc(100% - 2 * clamp(12px,3.2vw,18px))!important;margin-inline:auto!important; } #syh-app.syh-home-v095 > main > :is(.syh-parent-category-section,.syh-library-section,.syh-tools-section,.syh-learning-entry-section,.syh-clinical-qa-section) > .syh-shell { padding:clamp(12px,3vw,16px)!important;border-radius:19px!important; } #syh-app.syh-home-v095 > main :is(.syh-source-heading,.syh-section-heading,.syh-library-heading){margin-bottom:12px!important;gap:5px!important} #syh-app.syh-home-v095 > main :is(.syh-source-heading h2,.syh-section-heading h2,.syh-library-heading h2){font-size:clamp(21px,4.9vw,25px)!important} #syh-app.syh-home-v095 > main :is(.syh-source-heading p,.syh-section-heading p,.syh-library-heading p,.syh-module-intro){font-size:13px!important;line-height:1.5!important} #syh-app.syh-home-v095 .syh-parent-category-grid, #syh-app.syh-home-v095 .syh-learning-feature-grid{gap:9px!important} } @container syh-home (max-width:520px){ #syh-app.syh-home-v095 > main > .syh-hero.syh-hero-compact{padding:14px 0 26px!important;min-height:0!important} #syh-app.syh-home-v095 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:3px!important} #syh-app.syh-home-v095 .syh-hero-copy h1{ font-size:clamp(23px,6vw,27px)!important;line-height:1.13!important; margin-bottom:8px!important; } #syh-app.syh-home-v095 .syh-hero-copy h1>span{font-size:.74em!important;line-height:1.18!important;margin-top:4px!important} #syh-app.syh-home-v095 .syh-hero-copy .syh-hero-lead{ max-width:none!important;font-size:clamp(12.4px,3.5vw,13.5px)!important; line-height:1.49!important; } #syh-app.syh-home-v095 .syh-hero-art.syh-book-deck{ width:min(100%,310px)!important;height:114px!important;margin:4px auto 0!important; } #syh-app.syh-home-v095 .syh-deck-cover{width:clamp(55px,15vw,69px)!important} #syh-app.syh-home-v095 > main > .syh-hero .syh-hero-wave{height:42px!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card{min-height:0!important;padding:15px!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card h3{font-size:16px!important} #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card>p{font-size:13px!important} } /* Dark: clear contrast, preserve gradient accents without bleaching text. */ :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095{ --v95-ink:#e8f4fc;--v95-muted:#bbd0dd;--v95-border:rgba(103,164,199,.24); --v95-shadow:0 10px 28px rgba(0,0,0,.19); } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card{ background:radial-gradient(ellipse 90% 70% at 100% 0%,rgba(66,128,149,.19),transparent 72%),linear-gradient(158deg,#142a3c 0%,#132438 48%,#142c3d 100%)!important; border-color:var(--v95-border)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card :is(h3,.syh-tool-badge strong){color:#eef8ff!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-card :is(p,.syh-tool-badge small){color:#b7d0dd!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-glyph {background:#1c3a4e!important;border-color:#38647b!important;color:#a4dbe9!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-tags span {background:rgba(34,63,79,.84)!important;border-color:#3a5a70!important;color:#d4e9f2!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v095 .syh-tools-section .syh-tool-link{border-color:rgba(116,158,184,.26)!important;color:#9adceb!important} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v095 .syh-tool-card{transition:none!important;transform:none!important}} /* === end v0.95 === */ /* === v0.96: Natural book-card height and 3-up tablet/foldable grids === */ /* Root-cause fix: legacy v0.80 capped horizontal cards at 128px while * newer versions intentionally render the FULL title. Allow growth. */ @container syh-home (max-width:1020px) { #syh-app.syh-home-v096 .syh-library-section .syh-library-grid { grid-auto-rows:auto!important; align-items:stretch!important; overflow:visible!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-grid > .syh-library-card:not([hidden]) { display:grid!important; grid-template-columns:clamp(72px,10vw,92px) minmax(0,1fr)!important; grid-template-rows:auto!important; align-content:start!important;align-items:start!important; height:auto!important;max-height:none!important; min-height:126px!important; min-width:0!important;width:100%!important; padding:10px!important;gap:12px!important; overflow:visible!important; box-sizing:border-box!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-book-cover { align-self:start!important; width:100%!important;height:clamp(94px,13vw,116px)!important; max-height:none!important;min-height:0!important; padding:5px!important;margin:0!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-book-cover img { max-height:100%!important;height:100%!important;width:100%!important; object-fit:contain!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-copy { display:flex!important;flex-direction:column!important; justify-content:flex-start!important;align-items:stretch!important; flex:1 1 auto!important;min-width:0!important; min-height:0!important;height:auto!important;max-height:none!important; overflow:visible!important;padding:2px 2px 4px 0!important;gap:5px!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-copy > span { flex:0 0 auto!important;height:auto!important;overflow-wrap:break-word!important; white-space:normal!important;text-overflow:clip!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-copy h3 { display:block!important;position:static!important; flex:0 0 auto!important;height:auto!important;max-height:none!important; min-height:0!important;margin:0!important;padding:0!important; overflow:visible!important;text-overflow:clip!important; white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important; -webkit-line-clamp:unset!important;line-clamp:unset!important; -webkit-box-orient:initial!important; font-size:clamp(13px,1.6vw,14px)!important;line-height:1.46!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-card-action { display:flex!important;position:static!important;inset:auto!important; flex:0 0 auto!important;align-self:stretch!important; justify-content:space-between!important;align-items:center!important; width:100%!important;min-height:36px!important; height:auto!important;margin:9px 0 0!important;padding:9px 0 0!important; border-top:1px solid rgba(199,221,230,.72)!important; white-space:normal!important;line-height:1.3!important; text-decoration:none!important;font-size:13px!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-card-action b { flex:0 0 auto!important;margin-left:8px!important; } } /* 320–620px: full-width horizontal book card with independent CTA row. */ @container syh-home (max-width:620px) { #syh-app.syh-home-v096 .syh-library-section .syh-library-grid { grid-template-columns:minmax(0,1fr)!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-grid > .syh-library-card:not([hidden]) { grid-template-columns:clamp(68px,19vw,84px) minmax(0,1fr)!important; min-height:118px!important;padding:10px!important;gap:12px!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-book-cover { height:104px!important; } #syh-app.syh-home-v096 .syh-library-section .syh-library-card .syh-library-copy h3 { font-size:clamp(13px,3.55vw,14px)!important; } } /* Three functional cards per row on tablets/foldables (starting 561px). Responsive to actual * available content width, including an expanded Search Dock Pro rail. */ @container syh-home (min-width:561px) and (max-width:1240px) { #syh-app.syh-home-v096 .syh-home-quick-actions .syh-hero-cta-grid, #syh-app.syh-home-v096 .syh-parent-category-section .syh-parent-category-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(10px,1.45vw,16px)!important; align-items:stretch!important; } #syh-app.syh-home-v096 .syh-home-quick-actions .syh-hero-cta { min-width:0!important;width:100%!important;height:100%!important; min-height:94px!important;padding:clamp(12px,1.6vw,16px)!important; } #syh-app.syh-home-v096 .syh-parent-category-card {min-width:0!important} } @container syh-home (min-width:561px) and (max-width:850px) { #syh-app.syh-home-v096 .syh-parent-category-card-media{min-height:90px!important} #syh-app.syh-home-v096 .syh-parent-category-card-footer{padding:9px 11px!important} } /* At compact phone width retain two CTA/category cards; avoid crammed 3-up rows. */ @container syh-home (max-width:560px) { #syh-app.syh-home-v096 .syh-home-quick-actions .syh-hero-cta-grid, #syh-app.syh-home-v096 .syh-parent-category-section .syh-parent-category-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* Avoid legacy 128px cap on viewport-limited desktop widths even when the * inner track remains just over the 1020px horizontal-card breakpoint. */ @media (min-width:1021px) and (max-width:1180px) { #syh-app.syh-home-v096 .syh-library-section .syh-library-grid > .syh-library-card:not([hidden]) { height:auto!important;max-height:none!important;min-height:0!important; } } /* Preserve contrast and keyboard focus without adding runtime work. */ #syh-app.syh-home-v096 .syh-library-card-action:focus-visible { outline:2px solid #247ca4!important;outline-offset:3px!important;border-radius:4px!important; } @media (prefers-reduced-motion:reduce) { #syh-app.syh-home-v096 .syh-library-card{transition:none!important;} } /* === END v0.96 === */ /* v0.99 — One Medical Book Library module, concise section headers. */ #syh-app.syh-home-v099 > main > .syh-library-suite{min-width:0!important;} #syh-app.syh-home-v099 .syh-library-suite > .syh-shell{ display:block!important;min-width:0!important;overflow:visible!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-heading{ display:flex!important;align-items:center!important;justify-content:space-between!important; flex-wrap:wrap!important;gap:10px 18px!important;margin-bottom:clamp(14px,1.7vw,24px)!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-heading h2{ margin:0!important;font-size:clamp(22px,1.75vw,29px)!important;line-height:1.22!important; font-weight:750!important;letter-spacing:-.025em!important;text-wrap:balance!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-categories{ display:block!important;position:relative!important;min-width:0!important; width:100%!important;max-width:none!important;margin:0!important;padding:0!important; border:0!important;background:none!important;box-shadow:none!important; overflow:visible!important;contain:none!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-categories .syh-source-heading{ display:block!important;margin:0 0 clamp(10px,1.2vw,16px)!important;padding:0!important; border:0!important;background:transparent!important;box-shadow:none!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-categories .syh-source-heading h3{ margin:0!important;padding:0!important; font-size:clamp(17px,1.24vw,21px)!important;line-height:1.3!important; font-weight:700!important;letter-spacing:-.015em!important;text-wrap:balance!important; color:var(--v95-ink,#173951)!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-parent-category-grid{ min-width:0!important;margin:0!important;padding:0!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-catalog{ width:100%!important;min-width:0!important;max-width:none!important; margin-top:clamp(20px,2.2vw,30px)!important; padding-top:clamp(14px,1.6vw,22px)!important; border-top:1px solid rgba(184,210,225,.5)!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-filters{ margin:0 0 clamp(12px,1.3vw,18px)!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-grid{ min-width:0!important; } /* Heading-only modules, without secondary editorial lines. */ #syh-app.syh-home-v099 .syh-tools-section .syh-section-heading--compact, #syh-app.syh-home-v099 .syh-learning-entry-section .syh-source-heading{ display:block!important;min-width:0!important;margin:0 0 clamp(12px,1.3vw,18px)!important; } #syh-app.syh-home-v099 .syh-tools-section .syh-section-heading--compact h2, #syh-app.syh-home-v099 .syh-learning-entry-section .syh-source-heading h2{ margin:0!important;line-height:1.2!important; } @container syh-home (max-width:620px){ #syh-app.syh-home-v099 .syh-library-suite .syh-library-heading{ align-items:flex-start!important;gap:10px!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-categories .syh-source-heading h3{ font-size:17px!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-catalog{ margin-top:18px!important;padding-top:14px!important; } } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v099 .syh-library-suite .syh-library-catalog{ border-top-color:rgba(112,169,194,.24)!important; } #syh-app.syh-home-v099 .syh-library-suite .syh-library-heading + .syh-library-catalog{ margin-top:0!important;padding-top:0!important;border-top:0!important; } /* ===== v1.00: data-driven medical-library dashboard, low-cost static art ===== */ #syh-app.syh-home-v100 > main > .syh-hero.syh-hero-compact { position:relative!important; min-height:clamp(450px,32vw,540px)!important; padding:clamp(28px,3vw,46px) 0 clamp(72px,6vw,104px)!important; background: radial-gradient(ellipse 52% 72% at 82% 28%,rgba(186,226,221,.19),transparent 76%), radial-gradient(ellipse 38% 65% at 99% 89%,rgba(243,230,182,.18),transparent 72%), linear-gradient(102deg,#ffffff 0%,#ffffff 40%,#f6fbfd 76%,#f9f9ed 100%)!important; border-color:rgba(193,220,230,.8)!important; box-shadow:0 14px 38px rgba(25,71,95,.055)!important; } #syh-app.syh-home-v100 .syh-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important; align-items:center!important; gap:clamp(18px,2.3vw,42px)!important; } #syh-app.syh-home-v100 .syh-hero-copy {max-width:none!important;min-width:0!important;} #syh-app.syh-home-v100 .syh-hero-copy h1{font-size:clamp(34px,2.2vw,51px)!important;line-height:1.1!important;max-width:18ch!important;} #syh-app.syh-home-v100 .syh-hero-copy h1 span{font-size:.7em!important;max-width:none!important;line-height:1.2!important;} #syh-app.syh-home-v100 .syh-hero-copy .syh-hero-lead {margin:14px 0 0!important;max-width:65ch!important;font-size:clamp(13px,.9vw,16px)!important;line-height:1.58!important;} #syh-app.syh-home-v100 .syh-hero-art.syh-book-deck {width:min(100%,540px)!important;height:clamp(255px,20vw,332px)!important;margin-inline:auto!important;} #syh-app.syh-home-v100 .syh-hero-wave{opacity:.73!important;} /* Two compact, real-content preview tiles. No autoplay or live polling. */ #syh-app.syh-home-v100 .syh-hero-live {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:22px!important;max-width:690px!important;} #syh-app.syh-home-v100 .syh-hero-live-item{ position:relative;min-width:0!important;display:flex;align-items:center;gap:10px; min-height:74px;padding:12px;border:1px solid rgba(157,199,214,.53); border-radius:17px;background:rgba(255,255,255,.94); color:#193d53;text-decoration:none;box-shadow:0 9px 25px rgba(26,74,101,.055); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; } #syh-app.syh-home-v100 .syh-hero-live-item:hover,#syh-app.syh-home-v100 .syh-hero-live-item:focus-visible{transform:translateY(-2px);border-color:rgba(63,143,175,.5);box-shadow:0 11px 26px rgba(26,74,101,.12);} #syh-app.syh-home-v100 .syh-hero-live-icon{flex:0 0 30px;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#e8f4f7;color:#267b98;font-weight:750;} #syh-app.syh-home-v100 .syh-hero-live-category .syh-hero-live-icon{background:#eef6ed;color:#427e68;} #syh-app.syh-home-v100 .syh-hero-live-copy{min-width:0;display:grid;gap:4px;flex:1;} #syh-app.syh-home-v100 .syh-hero-live-copy small{font-size:10px!important;letter-spacing:.045em;font-weight:730;color:#537e91;line-height:1.25;} #syh-app.syh-home-v100 .syh-hero-live-copy strong{font-size:12px!important;line-height:1.4;font-weight:745;color:#193d53;overflow-wrap:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #syh-app.syh-home-v100 .syh-hero-live-arrow{font-size:15px;color:#2a819c;margin-left:auto;flex-shrink:0;} #syh-app.syh-home-v100 .syh-hero-live-item:focus-visible{outline:2px solid #287fa1;outline-offset:2px;} @container syh-home (max-width:1120px){ #syh-app.syh-home-v100 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;} #syh-app.syh-home-v100 > main > .syh-hero.syh-hero-compact{min-height:0!important;padding:22px 0 62px!important;} #syh-app.syh-home-v100 .syh-hero-art.syh-book-deck{width:min(100%,430px)!important;height:210px!important;} #syh-app.syh-home-v100 .syh-hero-live{max-width:none!important;margin-top:14px!important;} } @container syh-home (max-width:620px){ #syh-app.syh-home-v100 > main > .syh-hero.syh-hero-compact{padding:16px 0 32px!important;} #syh-app.syh-home-v100 .syh-hero-grid{gap:6px!important;} #syh-app.syh-home-v100 .syh-hero-copy h1{font-size:clamp(23px,5.6vw,30px)!important;max-width:100%!important;margin-bottom:8px!important;} #syh-app.syh-home-v100 .syh-hero-copy h1>span{font-size:.72em!important;} #syh-app.syh-home-v100 .syh-hero-copy .syh-hero-lead{font-size:12.8px!important;line-height:1.48!important;} #syh-app.syh-home-v100 .syh-hero-live{grid-template-columns:1fr!important;margin-top:10px!important;} #syh-app.syh-home-v100 .syh-hero-live-category{display:none!important;} #syh-app.syh-home-v100 .syh-hero-live-item{min-height:52px!important;padding:9px 11px!important;border-radius:13px;} #syh-app.syh-home-v100 .syh-hero-live-copy strong{-webkit-line-clamp:1;} #syh-app.syh-home-v100 .syh-hero-art.syh-book-deck{height:126px!important;width:min(100%,330px)!important;margin:0 auto!important;} #syh-app.syh-home-v100 .syh-hero-wave{height:42px!important;} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v100 > main > .syh-hero.syh-hero-compact{ background:radial-gradient(ellipse 52% 72% at 82% 28%,rgba(49,123,132,.22),transparent 76%),linear-gradient(102deg,#102334 0%,#132b3c 70%,#2a3027 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v100 .syh-hero-live-item{background:rgba(18,42,57,.91);border-color:rgba(115,172,193,.27);} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v100 .syh-hero-live-copy strong{color:#f0f7fd;} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v100 .syh-hero-live-copy small{color:#a5cddb;} @media(prefers-reduced-motion:reduce){#syh-app.syh-home-v100 .syh-hero-live-item{transition:none!important}} /* ===== v1.01 — MEDIPHARM ecosystem hero (pure CSS + inline SVG, no dynamic data) ===== */ #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact { min-height: clamp(420px, 31vw, 520px)!important; padding: clamp(28px, 2.8vw, 44px) 0 clamp(66px, 5vw, 88px)!important; background: radial-gradient(ellipse 54% 76% at 83% 38%,rgba(133,202,214,.13) 0%,transparent 70%), radial-gradient(ellipse 37% 75% at 98% 91%,rgba(229,216,158,.13) 0%,transparent 70%), linear-gradient(104deg,#fff 0%,#fff 39%,#f7fbfc 70%,#f8fbf3 100%)!important; overflow:hidden!important; isolation:isolate!important; } #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact::before { content:""!important;position:absolute!important;inset:0 0 0 49%!important; opacity:.55!important;pointer-events:none!important; background:radial-gradient(ellipse at 42% 46%,rgba(142,212,217,.12) 0%,transparent 66%)!important; } #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact::after{display:none!important;content:none!important} #syh-app.syh-home-v101 .syh-hero-grid { grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important; gap:clamp(28px,2.3vw,48px)!important; align-items:center!important;position:relative!important;z-index:2!important; } #syh-app.syh-home-v101 .syh-hero-copy{min-width:0!important;padding-block:clamp(8px,1.1vw,20px)!important} #syh-app.syh-home-v101 .syh-hero-copy h1{max-width:17.5ch!important;line-height:1.11!important} #syh-app.syh-home-v101 .syh-hero-copy h1 > span{max-width:none!important;line-height:1.19!important} #syh-app.syh-home-v101 .syh-hero-copy .syh-hero-lead{ max-width:62ch!important;line-height:1.6!important;text-wrap:pretty!important; } #syh-app.syh-home-v101 .syh-ecosystem-visual { position:relative!important;height:clamp(350px,28vw,440px)!important; min-width:0!important;width:100%!important;max-width:650px!important; margin:0 auto!important;isolation:isolate!important; background:radial-gradient(ellipse 49% 41% at 50% 52%,rgba(178,217,217,.22) 0%,transparent 79%); } #syh-app.syh-home-v101 .syh-ecosystem-symbols {position:absolute!important;width:0!important;height:0!important;overflow:hidden!important} #syh-app.syh-home-v101 .syh-ecosystem-field { position:absolute!important;inset:0!important;width:100%!important;height:100%!important; pointer-events:none!important;z-index:0!important; } #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-hero-art.syh-book-deck { position:absolute!important;left:50%!important;top:51%!important; transform:translate(-50%,-50%)!important; width:min(76%,495px)!important;height:230px!important; margin:0!important;z-index:2!important; } #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-deck-cover { width:clamp(84px,8.3vw,124px)!important;height:auto!important;aspect-ratio:230/310!important; box-shadow:0 13px 28px rgba(15,56,81,.14)!important; filter:none!important;border:1px solid rgba(255,255,255,.94)!important; } #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-book-deck-glow{ background:radial-gradient(ellipse at 50% 57%,rgba(125,198,201,.14),transparent 70%)!important; } #syh-app.syh-home-v101 .syh-eco-node{ position:absolute!important;z-index:3!important; display:inline-flex!important;align-items:center!important;gap:8px!important; padding:7px 11px 7px 7px!important;border:1px solid rgba(188,213,224,.82)!important; background:rgba(255,255,255,.92)!important;box-shadow:0 9px 24px rgba(26,76,97,.065)!important; border-radius:999px!important;font-size:11px!important;line-height:1.1!important; font-weight:690!important;letter-spacing:.005em!important;color:#46667a!important; white-space:nowrap!important;pointer-events:none!important; } #syh-app.syh-home-v101 .syh-eco-icon{ width:28px!important;height:28px!important;display:grid!important;place-items:center!important; flex:0 0 28px!important;border-radius:50%!important; background:#edf7f9!important;color:#29819b!important; } #syh-app.syh-home-v101 .syh-eco-icon svg{ width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important; stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important; } #syh-app.syh-home-v101 .syh-eco-node--dictionary{left:2%!important;top:11%!important} #syh-app.syh-home-v101 .syh-eco-node--clinical{left:4%!important;bottom:12%!important} #syh-app.syh-home-v101 .syh-eco-node--protocol{left:39%!important;top:2%!important} #syh-app.syh-home-v101 .syh-eco-node--abg{right:0!important;top:13%!important} #syh-app.syh-home-v101 .syh-eco-node--learning{left:33%!important;bottom:3%!important} #syh-app.syh-home-v101 .syh-eco-node--media{right:1%!important;bottom:13%!important} #syh-app.syh-home-v101 .syh-eco-node--protocol .syh-eco-icon{color:#6b829f;background:#f0f3fa!important} #syh-app.syh-home-v101 .syh-eco-node--abg .syh-eco-icon{color:#388c88;background:#eaf7f2!important} #syh-app.syh-home-v101 .syh-eco-node--learning .syh-eco-icon{color:#876f9d;background:#f5f1fb!important} #syh-app.syh-home-v101 .syh-eco-node--media .syh-eco-icon{color:#927745;background:#fbf5e8!important} #syh-app.syh-home-v101 .syh-hero-wave{opacity:.65!important} @media (hover:hover) and (prefers-reduced-motion:no-preference) { #syh-app.syh-home-v101 .syh-eco-node{transition:transform .22s ease,box-shadow .22s ease!important} #syh-app.syh-home-v101 .syh-ecosystem-visual:hover .syh-eco-node--dictionary, #syh-app.syh-home-v101 .syh-ecosystem-visual:hover .syh-eco-node--abg{transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(26,76,97,.1)!important} #syh-app.syh-home-v101 .syh-ecosystem-visual:hover .syh-eco-node--learning{transform:translateY(2px)!important} } @container syh-home (max-width:1120px) { #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact{min-height:0!important;padding:22px 0 52px!important} #syh-app.syh-home-v101 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #syh-app.syh-home-v101 .syh-hero-copy{padding-block:0!important} #syh-app.syh-home-v101 .syh-hero-copy h1{max-width:100%!important} #syh-app.syh-home-v101 .syh-hero-copy .syh-hero-lead{max-width:85ch!important} #syh-app.syh-home-v101 .syh-ecosystem-visual{height:252px!important;max-width:570px!important} #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{width:min(70%,430px)!important;height:170px!important} #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-deck-cover{width:clamp(79px,10.8vw,106px)!important} #syh-app.syh-home-v101 .syh-eco-node{font-size:10px!important;padding:5px 9px 5px 5px!important;gap:6px!important} #syh-app.syh-home-v101 .syh-eco-icon{width:24px!important;height:24px!important;flex-basis:24px!important} #syh-app.syh-home-v101 .syh-eco-icon svg{width:15px!important;height:15px!important} } @container syh-home (max-width:620px){ #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact{padding:16px 0 32px!important} #syh-app.syh-home-v101 .syh-hero-grid{gap:4px!important} #syh-app.syh-home-v101 .syh-hero-copy h1{font-size:clamp(23px,5.6vw,30px)!important;max-width:100%!important;margin-bottom:8px!important} #syh-app.syh-home-v101 .syh-hero-copy h1>span{font-size:.72em!important} #syh-app.syh-home-v101 .syh-hero-copy .syh-hero-lead{font-size:12.8px!important;line-height:1.48!important} #syh-app.syh-home-v101 .syh-ecosystem-visual{height:165px!important;max-width:390px!important;margin:5px auto 0!important} #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{height:112px!important;width:min(88%,335px)!important;top:52%!important} #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-deck-cover{width:clamp(56px,15vw,74px)!important} #syh-app.syh-home-v101 .syh-eco-node{padding:4px!important;border-radius:12px!important} #syh-app.syh-home-v101 .syh-eco-node>span:last-child{display:none!important} #syh-app.syh-home-v101 .syh-eco-icon{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:9px!important} #syh-app.syh-home-v101 .syh-eco-node--clinical, #syh-app.syh-home-v101 .syh-eco-node--protocol, #syh-app.syh-home-v101 .syh-eco-node--media{display:none!important} #syh-app.syh-home-v101 .syh-eco-node--dictionary{left:7%!important;top:15%!important} #syh-app.syh-home-v101 .syh-eco-node--abg{right:5%!important;top:12%!important} #syh-app.syh-home-v101 .syh-eco-node--learning{left:52%!important;bottom:0!important} #syh-app.syh-home-v101 .syh-hero-wave{height:40px!important} } @container syh-home (max-width:360px){ #syh-app.syh-home-v101 .syh-ecosystem-visual{height:147px!important} #syh-app.syh-home-v101 .syh-ecosystem-visual .syh-deck-cover{width:54px!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v101 > main > .syh-hero.syh-hero-compact{ background:radial-gradient(ellipse 56% 78% at 80% 32%,rgba(62,131,142,.17),transparent 75%),linear-gradient(104deg,#112536 0%,#132b3d 64%,#1d3130 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v101 .syh-eco-node{ background:rgba(22,47,61,.94)!important;border-color:rgba(132,181,192,.26)!important;color:#d8edf5!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v101 .syh-eco-node .syh-eco-icon{ background:rgba(45,79,92,.85)!important;color:#b9e8ef!important; } @media (prefers-reduced-motion:reduce){#syh-app.syh-home-v101 .syh-eco-node{transition:none!important}} /* Preserve the full first-line phrase wherever desktop text width allows. */ @container syh-home (min-width:1121px){ #syh-app.syh-home-v101 .syh-hero-copy h1{ max-width:100%!important; font-size:clamp(31px,2.12vw,46px)!important; text-wrap:balance!important; } } /* === BEGIN v1.02 Visual Hero & Clinical Cards Polish === */ #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact{ padding:clamp(32px,3.3vw,54px) 0 clamp(38px,3.3vw,54px)!important; border:1px solid rgba(173,209,230,.62); border-radius:30px; margin:18px clamp(12px,2vw,22px) 0; box-shadow:0 18px 42px rgba(24,73,118,.07), inset 0 1px 0 rgba(255,255,255,.85); background: radial-gradient(circle at 7% 16%,rgba(54,125,220,.12),transparent 22%), radial-gradient(circle at 88% 18%,rgba(25,175,174,.13),transparent 24%), radial-gradient(circle at 82% 83%,rgba(245,195,75,.11),transparent 21%), linear-gradient(138deg,rgba(255,255,255,.97) 0%,rgba(244,249,255,.98) 50%,rgba(234,247,244,.95) 100%)!important; } #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact::before, #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact::after{ content:"";position:absolute;pointer-events:none;inset:auto; } #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact::before{ width:460px;height:460px;right:-120px;top:-150px;border-radius:50%; background:radial-gradient(circle,rgba(85,177,221,.16) 0%,rgba(85,177,221,.05) 38%,transparent 70%); } #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact::after{ left:-140px;bottom:-180px;width:420px;height:420px;border-radius:50%; background:radial-gradient(circle,rgba(41,122,193,.09) 0%,rgba(41,122,193,.03) 44%,transparent 72%); } #syh-app.syh-home-v1021 .syh-hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;gap:clamp(24px,3vw,44px)!important} #syh-app.syh-home-v1021 .syh-hero-copy{padding-block:8px 2px} #syh-app.syh-home-v1021 .syh-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(84,146,191,.22);background:rgba(255,255,255,.82);box-shadow:0 8px 18px rgba(21,72,120,.06);margin:0 0 16px;color:#2f6e96;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} #syh-app.syh-home-v1021 .syh-hero-eyebrow > span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#43c8d1,#1f73d0);box-shadow:0 0 0 6px rgba(72,160,214,.12)} #syh-app.syh-home-v1021 .syh-hero h1{font-size:clamp(32px,3.15vw,52px)!important;line-height:1.08!important;letter-spacing:-.042em!important;max-width:11.5ch!important;margin-bottom:14px!important} #syh-app.syh-home-v1021 .syh-hero h1 span{color:#1770bf!important;text-shadow:0 10px 28px rgba(45,127,199,.14)} #syh-app.syh-home-v1021 .syh-hero-lead{max-width:62ch!important;font-size:clamp(14px,1.08vw,17px)!important;line-height:1.72!important;color:#4b6883!important;margin-bottom:22px!important} #syh-app.syh-home-v1021 .syh-hero-cta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important} #syh-app.syh-home-v1021 .syh-hero-cta{position:relative;min-height:74px!important;padding:12px 13px!important;border:1px solid rgba(161,196,221,.72)!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.9))!important;box-shadow:0 8px 22px rgba(21,72,120,.06)!important} #syh-app.syh-home-v1021 .syh-hero-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,rgba(40,126,201,.2),rgba(54,193,181,.45),rgba(241,187,87,.28));opacity:.78} #syh-app.syh-home-v1021 .syh-hero-cta:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(21,72,120,.09)!important;border-color:#87bbdf!important} #syh-app.syh-home-v1021 .syh-cta-icon{width:38px!important;height:38px!important;border-radius:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px rgba(21,72,120,.08)} #syh-app.syh-home-v1021 .syh-ecosystem-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;padding:12px 0 16px} #syh-app.syh-home-v1021 .syh-ecosystem-visual::before{content:"";position:absolute;inset:12% 10% 12%;border-radius:34px;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.58) 0%,rgba(239,248,254,.56) 56%,rgba(228,243,240,.18) 80%,transparent 100%);border:1px solid rgba(201,225,237,.55)} #syh-app.syh-home-v1021 .syh-ecosystem-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.96} #syh-app.syh-home-v1021 .syh-book-deck{z-index:2;height:320px!important} #syh-app.syh-home-v1021 .syh-book-deck-glow{inset:6% 5% 6%;background:radial-gradient(ellipse at 50% 56%,rgba(33,116,191,.19) 0%,rgba(59,196,192,.14) 34%,rgba(248,198,91,.08) 60%,transparent 78%)} #syh-app.syh-home-v1021 .syh-deck-cover{border-width:2px;border-color:rgba(255,255,255,.92);box-shadow:0 22px 32px rgba(17,54,93,.16),0 8px 16px rgba(24,73,118,.08)} #syh-app.syh-home-v1021 .syh-eco-node{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(166,197,219,.64);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(22,74,121,.08);font-size:14px;font-weight:700;color:#234566;letter-spacing:-.015em} #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#f0f8ff,#e6faf7);color:#1770bf;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #syh-app.syh-home-v1021 .syh-eco-node--dictionary{left:3%;top:18%} #syh-app.syh-home-v1021 .syh-eco-node--clinical{left:10%;bottom:14%} #syh-app.syh-home-v1021 .syh-eco-node--protocol{left:39%;top:3%} #syh-app.syh-home-v1021 .syh-eco-node--abg{right:2%;top:20%} #syh-app.syh-home-v1021 .syh-eco-node--learning{left:34%;bottom:1%} #syh-app.syh-home-v1021 .syh-eco-node--media{right:3%;bottom:14%} #syh-app.syh-home-v1021 .syh-hero-wave{height:42px;opacity:.85;background:linear-gradient(90deg,rgba(81,192,228,.32),rgba(39,123,206,.24) 34%,rgba(48,196,182,.28) 70%,rgba(244,191,101,.24));clip-path:polygon(0 56%,9% 43%,20% 66%,33% 31%,47% 57%,61% 27%,76% 61%,90% 38%,100% 53%,100% 100%,0 100%)} #syh-app.syh-home-v1021 .syh-tools-section{background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 48%,#f7fbff 100%)!important} #syh-app.syh-home-v1021 .syh-tool-grid{gap:16px!important} #syh-app.syh-home-v1021 .syh-tool-card{position:relative;min-height:272px!important;padding:22px 22px 18px!important;border-radius:22px!important;border:1px solid rgba(169,201,223,.68)!important;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,251,255,.97) 100%)!important;box-shadow:0 12px 30px rgba(21,72,120,.07)!important;overflow:hidden!important} #syh-app.syh-home-v1021 .syh-tool-card::before{content:""!important;display:block!important;position:absolute;inset:0 0 auto 0;height:118px;background:linear-gradient(135deg,rgba(61,153,216,.10),rgba(74,198,180,.12) 60%,rgba(255,203,121,.08));border-radius:22px 22px 30px 30px;pointer-events:none} #syh-app.syh-home-v1021 .syh-tool-card::after{content:"";position:absolute;right:-26px;bottom:-36px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(67,189,188,.18),rgba(67,189,188,.04) 52%,transparent 68%);pointer-events:none} #syh-app.syh-home-v1021 .syh-tool-card > *{position:relative;z-index:1} #syh-app.syh-home-v1021 .syh-tool-card-top{margin-bottom:18px!important;align-items:flex-start!important} #syh-app.syh-home-v1021 .syh-tool-glyph{width:60px!important;height:60px!important;border-radius:18px!important;background:linear-gradient(145deg,#f7fbff,#eef8ff)!important;color:#1770bf!important;border:1px solid rgba(156,195,221,.78)!important;box-shadow:0 8px 18px rgba(22,74,121,.09), inset 0 1px 0 rgba(255,255,255,.82)!important;font-size:31px!important} #syh-app.syh-home-v1021 .syh-tool-glyph--dictionary{background:linear-gradient(145deg,#fff6e8,#fff0d1)!important;color:#a66a12!important} #syh-app.syh-home-v1021 .syh-tool-badge{padding:4px 0 0 14px!important;text-align:right} #syh-app.syh-home-v1021 .syh-tool-badge strong{display:block;font-size:clamp(26px,2vw,38px)!important;line-height:1!important;color:#163a62!important;letter-spacing:-.03em} #syh-app.syh-home-v1021 .syh-tool-badge small{font-size:12px!important;color:#68819a!important;line-height:1.4} #syh-app.syh-home-v1021 .syh-tool-card h3{font-size:clamp(20px,1.45vw,24px)!important;line-height:1.3!important;margin:0 0 10px!important;color:#173b62!important} #syh-app.syh-home-v1021 .syh-tool-card > p{font-size:14px!important;line-height:1.7!important;color:#587189!important;margin-bottom:18px!important;max-width:42ch} #syh-app.syh-home-v1021 .syh-tool-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px!important} #syh-app.syh-home-v1021 .syh-tool-tags span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.88)!important;border:1px solid rgba(176,203,222,.7)!important;color:#5f7790!important;font-size:12px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(22,74,121,.04)} #syh-app.syh-home-v1021 .syh-tool-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(176,203,222,.68)!important;color:#126ca8!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important} #syh-app.syh-home-v1021 .syh-tool-link span{font-size:20px!important;line-height:1;color:inherit!important} #syh-app.syh-home-v1021 .syh-tool-card:is(:hover,:focus-within){transform:translateY(-3px);box-shadow:0 18px 34px rgba(21,72,120,.10)!important;border-color:#90c1de!important} #syh-app.syh-home-v1021 .syh-tool-card[data-syh-product="clinical"]::before{background:linear-gradient(135deg,rgba(64,148,220,.14),rgba(73,201,186,.16) 60%,rgba(255,212,116,.10))} #syh-app.syh-home-v1021 .syh-tool-card[data-syh-product="abg"]::before{background:linear-gradient(135deg,rgba(73,204,198,.12),rgba(83,154,227,.12) 54%,rgba(255,211,128,.09))} #syh-app.syh-home-v1021 .syh-tool-card[data-syh-product="icd"]::before{background:linear-gradient(135deg,rgba(255,196,124,.14),rgba(250,157,183,.12) 54%,rgba(136,190,241,.08))} #syh-app.syh-home-v1021 .syh-tool-card[data-syh-product="dictionary"]::before{background:linear-gradient(135deg,rgba(255,220,152,.18),rgba(255,191,110,.11) 50%,rgba(255,238,206,.08))} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card, #syh-app.syh-home-v1021 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a){position:relative;overflow:hidden;border-radius:22px!important;border:1px solid rgba(176,205,222,.68)!important;box-shadow:0 12px 30px rgba(21,72,120,.06)!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card::before, #syh-app.syh-home-v1021 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a)::before{content:"";position:absolute;inset:0 0 auto 0;height:86px;background:linear-gradient(135deg,rgba(255,222,152,.20),rgba(120,195,241,.10) 52%,rgba(102,211,188,.10));pointer-events:none} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-section-title{color:#a56b16!important;letter-spacing:.08em!important} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card h3, #syh-app.syh-home-v1021 :is(.syh-source-story-grid strong,.syh-source-spotlines-grid strong){color:#173a61!important} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card .mpi-vi, #syh-app.syh-home-v1021 :is(.syh-source-story-grid small,.syh-source-spotlines-grid small){color:#5f7790!important} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card .mpi-card-deep-link, #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-label, #syh-app.syh-home-v1021 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a)>span:last-child{color:#126ea8!important;font-weight:750!important} #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card-tools [data-mpi-refresh]{background:linear-gradient(145deg,#eef9ff,#f6fcff)!important;border-color:rgba(169,201,223,.68)!important;color:#2172a0!important;box-shadow:0 8px 18px rgba(20,72,120,.06)!important} @media(max-width:1180px){ #syh-app.syh-home-v1021 .syh-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.84fr)!important;gap:18px!important} #syh-app.syh-home-v1021 .syh-hero-cta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual{min-height:390px} #syh-app.syh-home-v1021 .syh-book-deck{height:280px!important} } @media(max-width:820px){ #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact{margin-inline:12px;border-radius:24px;padding-top:30px!important} #syh-app.syh-home-v1021 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important} #syh-app.syh-home-v1021 .syh-hero h1{max-width:14ch!important;font-size:clamp(31px,5.8vw,44px)!important} #syh-app.syh-home-v1021 .syh-hero-lead{font-size:14px!important;line-height:1.68!important} #syh-app.syh-home-v1021 .syh-hero-cta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #syh-app.syh-home-v1021 .syh-hero-cta{min-height:64px!important;font-size:11px!important;padding:10px 10px!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual{min-height:360px;padding-bottom:8px} #syh-app.syh-home-v1021 .syh-book-deck{height:240px!important;width:min(100%,560px)!important} #syh-app.syh-home-v1021 .syh-eco-node{font-size:13px;padding:9px 12px} #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon{width:29px;height:29px} } @media(max-width:600px){ #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact{margin-inline:8px;padding-top:22px!important;padding-bottom:24px!important;border-radius:22px} #syh-app.syh-home-v1021 .syh-hero-grid{width:calc(100% - 26px)!important} #syh-app.syh-home-v1021 .syh-hero-eyebrow{font-size:9.5px;letter-spacing:.08em;padding:7px 10px;margin-bottom:12px} #syh-app.syh-home-v1021 .syh-hero h1{font-size:clamp(28px,8vw,39px)!important;max-width:12ch!important} #syh-app.syh-home-v1021 .syh-hero-lead{font-size:13px!important;line-height:1.65!important;margin-bottom:16px!important} #syh-app.syh-home-v1021 .syh-hero-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #syh-app.syh-home-v1021 .syh-hero-cta{min-height:54px!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual{min-height:264px;padding-top:4px} #syh-app.syh-home-v1021 .syh-ecosystem-visual::before{inset:12% 3% 14%;border-radius:22px} #syh-app.syh-home-v1021 .syh-book-deck{height:150px!important;width:min(100%,356px)!important} #syh-app.syh-home-v1021 .syh-deck-cover{width:90px!important;height:126px!important} #syh-app.syh-home-v1021 .syh-eco-node{gap:7px;padding:7px 10px;font-size:11px;box-shadow:0 10px 22px rgba(22,74,121,.06)} #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon{width:25px;height:25px;border-radius:9px} #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon svg{width:15px;height:15px} #syh-app.syh-home-v1021 .syh-eco-node--dictionary{left:0;top:12%} #syh-app.syh-home-v1021 .syh-eco-node--clinical{left:2%;bottom:11%} #syh-app.syh-home-v1021 .syh-eco-node--protocol{left:32%;top:0} #syh-app.syh-home-v1021 .syh-eco-node--abg{right:0;top:12%} #syh-app.syh-home-v1021 .syh-eco-node--learning{left:29%;bottom:0} #syh-app.syh-home-v1021 .syh-eco-node--media{right:1%;bottom:10%} #syh-app.syh-home-v1021 .syh-tool-card{padding:18px 18px 16px!important;border-radius:20px!important;min-height:0!important} #syh-app.syh-home-v1021 .syh-tool-card::before{height:98px} #syh-app.syh-home-v1021 .syh-tool-glyph{width:52px!important;height:52px!important;font-size:26px!important} #syh-app.syh-home-v1021 .syh-tool-badge strong{font-size:32px!important} #syh-app.syh-home-v1021 .syh-tool-card h3{font-size:19px!important} #syh-app.syh-home-v1021 .syh-tool-card > p{font-size:13px!important;line-height:1.62!important} #syh-app.syh-home-v1021 .syh-tool-tags span{min-height:31px;padding:0 10px;font-size:11px!important} #syh-app.syh-home-v1021 .syh-tool-link{font-size:15px!important;padding-top:14px} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero.syh-hero-compact{ border-color:#264761; background: radial-gradient(circle at 12% 16%,rgba(46,110,197,.22),transparent 24%), radial-gradient(circle at 88% 18%,rgba(38,171,170,.18),transparent 25%), radial-gradient(circle at 82% 84%,rgba(209,167,79,.16),transparent 20%), linear-gradient(142deg,#0d2035 0%,#11283f 50%,#12323c 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero-eyebrow, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero-cta, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-eco-node, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tool-card, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 :is(.syh-source-story-grid>a,.syh-source-spotlines-grid>a,.syh-source-mini-feed>a){ background:linear-gradient(180deg,rgba(19,39,60,.98),rgba(16,33,51,.98))!important;border-color:#2b4963!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important;color:#eaf5ff!important } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero h1{color:#f2f8ff!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero h1 span{color:#81d7f3!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero-lead, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tool-card > p, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-home-inspiration-feed .mpi-card .mpi-vi, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 :is(.syh-source-story-grid small,.syh-source-spotlines-grid small){color:#b4cbdd!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tool-card::before{opacity:.95} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-eco-node .syh-eco-icon, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tool-glyph{background:linear-gradient(145deg,#15344d,#1a4460)!important;border-color:#355774!important;color:#93dbf5!important} /* === END v1.02 Visual Hero & Clinical Cards Polish === */ /* === v1.02.1 CANONICAL RESPONSIVE & CASCADE RESOLUTION === * One public-facing CTA link, no search/replace JavaScript. * Container width, not viewport width, governs columns when Search Dock Pro panel changes. */ #syh-app.syh-home-v1021 > main > .syh-hero.syh-hero-compact{ width:100%!important;max-width:100%!important;margin:0!important; min-height:0!important; padding:clamp(28px,3vw,46px) 0 clamp(52px,4.5vw,76px)!important; border-radius:clamp(18px,2.2vw,28px)!important; border:1px solid rgba(174,207,225,.72)!important; background:radial-gradient(ellipse at 84% 21%,rgba(61,169,183,.13),transparent 47%), radial-gradient(ellipse at 97% 82%,rgba(232,190,104,.10),transparent 42%), linear-gradient(110deg,#fff 0%,#f9fcfd 48%,#f1f8fa 78%,#fbf9ec 100%)!important; box-shadow:0 12px 32px rgba(21,70,105,.065)!important; } #syh-app.syh-home-v1021 > main > .syh-hero.syh-hero-compact::before{ display:block!important;content:""!important;position:absolute!important; inset:0 0 0 49%!important;width:auto!important;height:auto!important; background:radial-gradient(ellipse at 62% 43%,rgba(74,184,201,.12),transparent 69%)!important; opacity:.8!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important; } #syh-app.syh-home-v1021 > main > .syh-hero.syh-hero-compact::after{content:none!important;display:none!important} #syh-app.syh-home-v1021 .syh-hero-grid{ display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important; gap:clamp(18px,2.4vw,42px)!important;align-items:center!important; width:calc(100% - 2 * clamp(18px,2.4vw,48px))!important;min-width:0!important; } #syh-app.syh-home-v1021 .syh-hero-copy{min-width:0!important} #syh-app.syh-home-v1021 .syh-hero-copy h1{ max-width:none!important;margin:0 0 12px!important; font-size:clamp(30px,2.3vw,47px)!important;line-height:1.11!important; letter-spacing:-.035em!important;text-wrap:balance!important;overflow-wrap:normal!important; } #syh-app.syh-home-v1021 .syh-hero-copy h1>span{ display:block!important;max-width:none!important;margin-top:6px!important; font-size:.72em!important;line-height:1.2!important;text-wrap:balance!important; } #syh-app.syh-home-v1021 .syh-hero-copy .syh-hero-lead{ max-width:61ch!important;margin:0 0 15px!important; font-size:clamp(13.5px,.96vw,16px)!important;line-height:1.58!important; overflow-wrap:normal!important;word-break:normal!important;text-wrap:pretty!important; } #syh-app.syh-home-v1021 .syh-hero-history-cta{ display:inline-flex;align-items:center;justify-content:space-between;gap:12px; max-width:100%;min-height:38px;padding:8px 14px; border-radius:999px;border:1px solid rgba(114,174,199,.56); background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(236,249,251,.84)); box-shadow:0 7px 17px rgba(18,74,107,.06); color:#126b98!important;font-size:13px;font-weight:750;text-decoration:none!important; } #syh-app.syh-home-v1021 .syh-hero-history-cta:hover{background:#edf8fc;box-shadow:0 8px 22px rgba(18,74,107,.11)} #syh-app.syh-home-v1021 .syh-hero-history-cta:focus-visible{outline:3px solid #2683ac;outline-offset:3px} #syh-app.syh-home-v1021 .syh-ecosystem-visual{ position:relative!important;min-width:0!important;width:100%!important; min-height:0!important;height:clamp(320px,27vw,430px)!important; max-width:650px!important;margin:0 auto!important;padding:0!important; } #syh-app.syh-home-v1021 .syh-ecosystem-visual::before{ content:""!important;position:absolute!important;inset:13% 8% 13%!important; background:radial-gradient(ellipse,rgba(224,246,245,.45),rgba(245,250,255,.20) 62%,transparent 80%)!important; border:1px solid rgba(188,220,227,.38)!important;border-radius:50%!important; } #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{ position:absolute!important;left:50%!important;top:52%!important; transform:translate(-50%,-50%)!important; width:min(77%,490px)!important;height:clamp(175px,16vw,228px)!important; max-width:none!important;margin:0!important;min-height:0!important;z-index:2!important; } #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-deck-cover{ width:clamp(82px,8.5vw,126px)!important;height:auto!important; max-width:none!important;aspect-ratio:230 / 310!important; box-shadow:0 16px 29px rgba(20,64,90,.17)!important; } #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-book-deck-glow{ background:radial-gradient(ellipse,rgba(78,167,191,.17) 0%,rgba(102,209,177,.10) 40%,transparent 72%)!important; } #syh-app.syh-home-v1021 .syh-eco-node{ z-index:3!important;position:absolute!important; display:inline-flex!important;align-items:center!important;gap:7px!important; padding:6px 10px 6px 6px!important;white-space:nowrap!important; border-radius:999px!important;border:1px solid rgba(165,205,221,.65)!important; background:rgba(255,255,255,.93)!important;backdrop-filter:none!important; font-size:11px!important;line-height:1.2!important;color:#385d74!important; box-shadow:0 8px 21px rgba(25,74,103,.075)!important; } #syh-app.syh-home-v1021 .syh-eco-icon{ flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:50%!important; background:#e9f7fa!important;color:#237d99!important; } #syh-app.syh-home-v1021 .syh-eco-icon svg{width:16px!important;height:16px!important} #syh-app.syh-home-v1021 .syh-eco-node--dictionary{left:2%!important;top:11%!important} #syh-app.syh-home-v1021 .syh-eco-node--clinical{left:4%!important;bottom:12%!important} #syh-app.syh-home-v1021 .syh-eco-node--protocol{left:38%!important;top:2%!important} #syh-app.syh-home-v1021 .syh-eco-node--abg{right:0!important;top:13%!important} #syh-app.syh-home-v1021 .syh-eco-node--learning{left:32%!important;bottom:2%!important} #syh-app.syh-home-v1021 .syh-eco-node--media{right:0!important;bottom:13%!important} #syh-app.syh-home-v1021 > main > .syh-hero .syh-hero-wave{ bottom:-1px!important;height:clamp(50px,6vw,86px)!important;opacity:.68!important;z-index:1!important; } /* Premium clinical card proportions, defeating v0.95 important declarations. */ #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-grid{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:clamp(12px,1.25vw,18px)!important;align-items:stretch!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card{ display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important; height:auto!important;min-height:288px!important;overflow:hidden!important;position:relative!important; padding:clamp(16px,1.4vw,23px)!important;border-radius:21px!important; border:1px solid rgba(169,201,223,.70)!important; background:radial-gradient(ellipse at 94% 5%,var(--v95-c1,rgba(85,185,194,.15)),transparent 57%),linear-gradient(160deg,#fff 0%,#fafdff 58%,var(--v95-c2,#eff9f9) 100%)!important; box-shadow:0 12px 27px rgba(23,75,109,.075)!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card::before{ content:""!important;position:absolute!important;left:auto!important;right:-40px!important;top:-60px!important;bottom:auto!important; width:164px!important;height:164px!important;border-radius:50%!important;z-index:0!important; background:repeating-radial-gradient(circle at center,transparent 0 19px,rgba(60,142,173,.1) 20px 21px,transparent 22px 36px)!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card::after{ content:""!important;position:absolute!important;right:-42px!important;left:auto!important;bottom:-48px!important;top:auto!important; width:160px!important;height:130px!important;border-radius:50%!important;z-index:0!important; background:radial-gradient(ellipse,var(--v95-c1,rgba(84,178,182,.15)),transparent 70%)!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card > *{position:relative!important;z-index:1!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card-top{min-height:62px!important;gap:12px!important;margin-bottom:14px!important;align-items:flex-start!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-glyph{ display:grid!important;place-items:center!important;flex:0 0 52px!important; width:52px!important;height:52px!important;border-radius:16px!important; background:linear-gradient(140deg,#f4fbff,#e4f3fa)!important;color:#1676a2!important; box-shadow:0 7px 17px rgba(20,76,104,.09)!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-badge{ min-width:0!important;max-width:calc(100% - 64px)!important;text-align:right!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-badge strong{ font-size:clamp(19px,1.4vw,27px)!important;line-height:1.12!important;color:#153d5d!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-badge small{ max-width:100%!important;font-size:clamp(11px,.8vw,13px)!important;line-height:1.3!important; color:#60788b!important;white-space:normal!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card h3{ margin:4px 0 9px!important;min-height:0!important; font-size:clamp(16px,1.18vw,21px)!important;line-height:1.34!important; overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card>p{ margin:0 0 14px!important;font-size:clamp(12.5px,.92vw,14px)!important;line-height:1.58!important; color:#5b7388!important;text-wrap:pretty!important;overflow-wrap:break-word!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-tags{margin:0 0 14px!important;gap:6px!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-tags span{ font-size:clamp(11px,.78vw,12px)!important;line-height:1.35!important; padding:5px 9px!important;min-height:0!important; background:rgba(255,255,255,.88)!important;border:1px solid rgba(185,210,220,.7)!important; border-radius:9px!important;white-space:normal!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-link{ margin-top:auto!important;padding:14px 0 0!important;min-height:40px!important; border-top:1px solid rgba(181,209,224,.66)!important; color:#116c9b!important;font-size:14px!important; } #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card:is(:hover,:focus-within){ transform:translateY(-2px)!important;box-shadow:0 16px 30px rgba(23,75,109,.11)!important; } #syh-app.syh-home-v1021 .syh-tool-card .syh-tool-link:focus-visible{outline:2px solid #2985af;outline-offset:3px} /* On foldable/tablet change at the actual content width after Right Rail subtraction. */ @container syh-home (max-width:1160px){ #syh-app.syh-home-v1021 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:6px!important} #syh-app.syh-home-v1021 .syh-hero-copy h1{font-size:clamp(28px,3.8vw,40px)!important} #syh-app.syh-home-v1021 .syh-hero-copy .syh-hero-lead{max-width:80ch!important;font-size:13.5px!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual{height:clamp(220px,23vw,290px)!important;max-width:600px!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{height:175px!important;width:min(75%,430px)!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-deck-cover{width:clamp(80px,10vw,106px)!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card{min-height:260px!important} } @container syh-home (max-width:620px){ #syh-app.syh-home-v1021 > main > .syh-hero.syh-hero-compact{padding:17px 0 30px!important;border-radius:19px!important} #syh-app.syh-home-v1021 .syh-hero-grid{width:calc(100% - 2 * 13px)!important;gap:4px!important} #syh-app.syh-home-v1021 .syh-hero-copy h1{font-size:clamp(24px,5.8vw,30px)!important;line-height:1.14!important;max-width:100%!important} #syh-app.syh-home-v1021 .syh-hero-copy h1>span{font-size:.73em!important} #syh-app.syh-home-v1021 .syh-hero-copy .syh-hero-lead{font-size:12.7px!important;line-height:1.49!important;margin-bottom:10px!important} #syh-app.syh-home-v1021 .syh-hero-history-cta{font-size:12px;min-height:34px;padding:6px 12px} #syh-app.syh-home-v1021 .syh-ecosystem-visual{height:170px!important;max-width:370px!important;margin:0 auto!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{height:112px!important;width:min(87%,336px)!important} #syh-app.syh-home-v1021 .syh-ecosystem-visual .syh-deck-cover{width:clamp(55px,14.7vw,72px)!important} #syh-app.syh-home-v1021 .syh-eco-node{font-size:0!important;padding:4px!important;border-radius:11px!important} #syh-app.syh-home-v1021 .syh-eco-node>span:last-child{display:none!important} #syh-app.syh-home-v1021 .syh-eco-icon{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:9px!important} #syh-app.syh-home-v1021 .syh-eco-node--clinical, #syh-app.syh-home-v1021 .syh-eco-node--protocol, #syh-app.syh-home-v1021 .syh-eco-node--media{display:none!important} #syh-app.syh-home-v1021 .syh-eco-node--dictionary{left:7%!important;top:13%!important} #syh-app.syh-home-v1021 .syh-eco-node--abg{right:6%!important;top:13%!important} #syh-app.syh-home-v1021 .syh-eco-node--learning{left:52%!important;bottom:0!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-grid{grid-template-columns:minmax(0,1fr)!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card{min-height:0!important;padding:18px!important} #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card h3{font-size:18px!important} } @container syh-home (min-width:621px) and (max-width:880px){ #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 > main > .syh-hero.syh-hero-compact{ border-color:#294a62!important;background:radial-gradient(ellipse at 86% 20%,rgba(37,139,151,.18),transparent 49%),linear-gradient(110deg,#102239,#132d41 60%,#173c3d 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-hero-history-cta, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-eco-node{ background:#19364d!important;border-color:#3b617b!important;color:#d9f2fa!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card{ background:radial-gradient(ellipse at 94% 5%,rgba(37,132,149,.18),transparent 58%),linear-gradient(155deg,#172e40,#142839 80%,#192f3d)!important; border-color:#36556c!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card h3, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-badge strong{color:#eff9ff!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-card>p, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-badge small{color:#b4d0e1!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-glyph{background:#1e4155!important;color:#b2e5f7!important;border-color:#456c81!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-tags span{background:#1f3a4e!important;border-color:#456479!important;color:#d9ecf4!important} :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1021 .syh-tools-section .syh-tool-link{color:#9ee0f1!important} @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v1021 .syh-tool-card, #syh-app.syh-home-v1021 .syh-eco-node{animation:none!important;transition:none!important;transform:none!important} } /* Match the shared canvas and preserve narrow-screen usable width despite v0.92 !important. */ #syh-app.syh-home-v1021 > main > .syh-hero > .syh-shell{ width:calc(100% - 2 * clamp(16px,2.4vw,40px))!important; max-width:none!important;margin-inline:auto!important;min-width:0!important; } @container syh-home (max-width:620px){ #syh-app.syh-home-v1021 > main > .syh-hero > .syh-shell{ width:calc(100% - 26px)!important; } } /* === END v1.02.1 === */ /* === v1.02.2: single-source clinical SVG icon rendering === Legacy pseudo icons and raw text must never coexist with inline SVG. */ #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-glyph { display:flex!important;align-items:center!important;justify-content:center!important; flex:0 0 52px!important;width:52px!important;height:52px!important; min-width:52px!important;min-height:52px!important;max-width:52px!important; font-size:0!important;line-height:0!important;text-indent:0!important; overflow:hidden!important;white-space:nowrap!important; } #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-glyph::before, #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-glyph::after { content:none!important;display:none!important; } #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-icon-svg { position:static!important;display:block!important;flex:0 0 28px!important; width:28px!important;height:28px!important;max-width:28px!important; fill:none!important;stroke:currentColor!important;stroke-width:1.8!important; overflow:visible!important;transform:none!important; } #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card-top { display:flex!important;align-items:flex-start!important;justify-content:space-between!important; min-height:62px!important;gap:12px!important; } #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-badge { flex:0 1 auto!important;max-width:calc(100% - 64px)!important; min-width:0!important;overflow-wrap:normal!important;word-break:normal!important; } @container syh-home (max-width:620px) { #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-glyph{ flex-basis:48px!important;width:48px!important;height:48px!important; min-width:48px!important;min-height:48px!important;max-width:48px!important; } #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-card .syh-tool-icon-svg{ flex-basis:25px!important;width:25px!important;height:25px!important;max-width:25px!important; } } @media (prefers-reduced-motion:reduce) { #syh-app.syh-home-v1022 .syh-tools-section .syh-tool-icon-svg{animation:none!important;transition:none!important} } /* === end v1.02.2 === */ /* v1.02.3 — Unified Ecosystem Hero & Mobile Inspiration Slider Overrides previous cascade only within the homepage. No font/network assets. */ #syh-app.syh-home-v1023{--v1023-ink:#163650;--v1023-accent:#207eaa;--v1023-gutter:clamp(10px,2vw,26px)} #syh-app.syh-home-v1023 .syh-hero-lead--compact{display:none!important} #syh-app.syh-home-v1023 > main > .syh-hero.syh-hero-compact{ isolation:isolate!important;overflow:hidden!important; background:radial-gradient(ellipse at 82% 19%,rgba(151,218,226,.22),transparent 45%), radial-gradient(ellipse at 92% 78%,rgba(248,226,149,.17),transparent 40%), linear-gradient(112deg,#fff 8%,#f8fcff 57%,#f3fbf8 100%)!important; border-color:#cfe4ea!important;box-shadow:0 10px 30px rgba(22,81,112,.06)!important; } #syh-app.syh-home-v1023 .syh-hero-copy h1{ font-size:clamp(29px,2.5vw,47px)!important;line-height:1.13!important; max-width:22ch!important;text-wrap:balance!important; } #syh-app.syh-home-v1023 .syh-hero-copy h1>span{ font-size:.72em!important;line-height:1.26!important;max-width:none!important; } #syh-app.syh-home-v1023 .syh-hero-grid{ grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important; gap:clamp(12px,2.3vw,38px)!important;align-items:center!important; width:calc(100% - 2 * clamp(16px,2.5vw,42px))!important; } #syh-app.syh-home-v1023 .syh-hero-copy .syh-hero-lead--full{ max-width:64ch!important;line-height:1.57!important; font-size:clamp(13.3px,.99vw,16px)!important;margin-bottom:15px!important; } #syh-app.syh-home-v1023 .syh-hero-history-cta{ width:max-content!important;max-width:100%!important;min-height:38px!important; font-size:13px!important;padding:8px 15px!important; } #syh-app.syh-home-v1023 .syh-ecosystem-visual{ width:100%!important;max-width:650px!important; min-height:0!important;height:clamp(270px,28vw,420px)!important; margin:0 auto!important;padding:0!important; } #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{ width:min(78%,490px)!important;height:clamp(200px,20vw,305px)!important; top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important; margin:0!important;position:absolute!important; } #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-deck-cover{ width:clamp(85px,9vw,135px)!important;height:auto!important;aspect-ratio:230/310!important; } #syh-app.syh-home-v1023 .syh-eco-node{ font-size:clamp(11px,.85vw,13px)!important; padding:7px 11px!important;gap:7px!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important; box-shadow:0 6px 18px rgba(21,75,105,.06)!important; } #syh-app.syh-home-v1023 .syh-eco-icon{width:25px!important;height:25px!important;flex:0 0 25px!important} #syh-app.syh-home-v1023 > main > .syh-hero .syh-hero-wave{height:clamp(42px,5.5vw,82px)!important;opacity:.68!important} /* Fluid reflow uses the content container size after the right rail takes space. */ @container syh-home (max-width:1079px){ #syh-app.syh-home-v1023 .syh-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:4px!important} #syh-app.syh-home-v1023 .syh-hero-copy{width:100%!important} #syh-app.syh-home-v1023 .syh-hero-copy h1{max-width:26ch!important;font-size:clamp(27px,3.4vw,41px)!important} #syh-app.syh-home-v1023 .syh-hero-copy .syh-hero-lead--full{max-width:85ch!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual{height:clamp(202px,24vw,285px)!important;max-width:590px!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{height:clamp(155px,17vw,214px)!important;width:min(78%,420px)!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-deck-cover{width:clamp(76px,10vw,108px)!important} } @container syh-home (max-width:700px){ #syh-app.syh-home-v1023 > main > .syh-hero.syh-hero-compact{padding:18px 0 24px!important;margin:8px 8px 0!important;border-radius:22px!important} #syh-app.syh-home-v1023 .syh-hero-grid{width:calc(100% - 24px)!important;gap:4px!important} #syh-app.syh-home-v1023 .syh-hero-copy h1{max-width:100%!important;font-size:clamp(24px,5.9vw,32px)!important;line-height:1.12!important;margin-bottom:10px!important} #syh-app.syh-home-v1023 .syh-hero-copy h1>span{font-size:.73em!important;margin-top:4px!important} #syh-app.syh-home-v1023 .syh-hero-lead--full{display:none!important} #syh-app.syh-home-v1023 .syh-hero-copy .syh-hero-lead--compact{display:block!important;font-size:clamp(12.5px,2.75vw,14px)!important;line-height:1.52!important;margin:0 0 11px!important;color:#566f7d!important} #syh-app.syh-home-v1023 .syh-hero-history-cta{min-height:34px!important;padding:7px 12px!important;font-size:12px!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual{height:clamp(158px,27vw,208px)!important;max-width:400px!important;margin:2px auto 0!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-hero-art.syh-book-deck{height:125px!important;width:min(83%,336px)!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-deck-cover{width:clamp(55px,13vw,75px)!important} #syh-app.syh-home-v1023 .syh-eco-node{padding:4px!important;border-radius:12px!important;font-size:0!important} #syh-app.syh-home-v1023 .syh-eco-node>span:last-child{display:none!important} #syh-app.syh-home-v1023 .syh-eco-icon{width:26px!important;height:26px!important;flex:0 0 26px!important} #syh-app.syh-home-v1023 .syh-eco-node--dictionary{display:flex!important;left:5%!important;top:15%!important} #syh-app.syh-home-v1023 .syh-eco-node--abg{display:flex!important;right:5%!important;top:15%!important} #syh-app.syh-home-v1023 .syh-eco-node--learning{display:flex!important;left:calc(50% - 18px)!important;bottom:1%!important} #syh-app.syh-home-v1023 .syh-eco-node--clinical,#syh-app.syh-home-v1023 .syh-eco-node--protocol,#syh-app.syh-home-v1023 .syh-eco-node--media{display:none!important} #syh-app.syh-home-v1023 > main > .syh-hero .syh-hero-wave{height:38px!important} } @container syh-home (max-width:420px){ #syh-app.syh-home-v1023 .syh-hero-copy h1{font-size:clamp(23px,6.1vw,27px)!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual{height:165px!important} #syh-app.syh-home-v1023 .syh-ecosystem-visual .syh-deck-cover{width:clamp(53px,15vw,64px)!important} } /* Inspiration lives in a separate provider plugin. CSS operates on existing markup, never duplicates stories or starts a recurring query. */ @media(max-width:700px){ body.syh-v1023-home .mpi-section,body.syh-v1023-home .syh-home-inspiration{min-width:0!important} body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid{ display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important; gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important; scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain; scroll-padding-inline:8px;padding:5px 8px 16px!important; -webkit-overflow-scrolling:touch;scrollbar-width:none; scroll-behavior:smooth; } body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid::-webkit-scrollbar{display:none} body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid>.mpi-card:not([aria-hidden="true"]){ display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:9px!important;flex:0 0 min(77vw,310px)!important; width:min(77vw,310px)!important;min-width:0!important;max-width:310px!important; min-height:184px!important;height:auto!important;max-height:none!important; scroll-snap-align:start!important;padding:14px!important; box-sizing:border-box!important;overflow:hidden!important; } body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid>.mpi-card[aria-hidden="true"]{display:none!important} body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-card .mpi-vi{ font-size:13px!important;line-height:1.5!important;-webkit-line-clamp:3!important; } body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-card h3{font-size:16px!important;line-height:1.28!important;overflow-wrap:break-word!important} body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-card .mpi-section-title{font-size:17px!important} body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-daily-quote, body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .syh-inspiration-quote-slot{ width:100%!important;max-width:none!important;min-height:0!important; margin:0 0 12px!important;border-radius:19px!important; } body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-daily-quote-en, body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-daily-quote-en-wrap{display:none!important} body.syh-v1023-home .syh-inspiration-quote-slot>.mpi-card{ display:block!important;width:100%!important;max-width:none!important; min-height:0!important;height:auto!important;margin:0!important; padding:17px!important;border-radius:19px!important; } } @media(max-width:380px){ body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid>.mpi-card:not([aria-hidden="true"]){flex-basis:82vw!important;width:82vw!important} } @media(prefers-reduced-motion:reduce){ body.syh-v1023-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid{scroll-behavior:auto!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1023 > main > .syh-hero.syh-hero-compact{ background:radial-gradient(ellipse at 83% 22%,rgba(34,129,153,.23),transparent 49%),linear-gradient(116deg,#112538,#142d3f 60%,#1e393a 100%)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1023 .syh-hero-copy .syh-hero-lead--compact{color:#b7ccde!important} /* === END v1.02.3 === */ /* === v1.02.5 — Mobile Equal-Height Cards Hotfix === */ @media(max-width:700px){ body.syh-v1025-home :is(.mpi-section,.syh-home-inspiration){padding-left:0!important;padding-right:0!important} body.syh-v1025-home :is(.mpi-section,.syh-home-inspiration) .mpi-shell{width:100%!important;max-width:none!important} body.syh-v1025-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid{padding:5px 6px 16px!important;scroll-padding-inline:6px!important} body.syh-v1025-home :is(.mpi-section,.syh-home-inspiration) .mpi-grid>.mpi-card:not([aria-hidden="true"]){height:auto;min-height:184px!important;align-self:stretch!important} body.syh-v1025-home .syh-inspiration-quote-slot>.mpi-card{padding:17px 15px!important} } /* === END v1.02.5 === */ /* === v1.02.6 — Clinical Cards Visual Refresh === Remove compact descriptive copy and present cleaner editorial cards with stronger gradients while preserving equal-height geometry across breakpoints. */ #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-grid{ align-items:stretch!important; grid-auto-rows:minmax(0,1fr)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{ --v1026-accent:rgba(78,177,185,.20); --v1026-soft:#eef9fa; position:relative!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; gap:0!important; min-width:0!important; height:100%!important; min-height:278px!important; padding:clamp(16px,1.45vw,23px)!important; border-radius:22px!important; border:1px solid rgba(173,203,220,.82)!important; background: radial-gradient(115px 115px at 100% 0%,rgba(255,255,255,.72),transparent 60%), radial-gradient(170px 130px at 100% 100%,var(--v1026-accent),transparent 70%), linear-gradient(152deg,#ffffff 0%,#fbfdff 48%,var(--v1026-soft) 100%)!important; box-shadow:0 14px 34px rgba(19,75,107,.08)!important; overflow:hidden!important; isolation:isolate!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card::before{ content:""!important; position:absolute!important; inset:auto -34px -38px auto!important; width:156px!important; height:124px!important; border-radius:50%!important; background:radial-gradient(ellipse,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 72%)!important; pointer-events:none!important; z-index:0!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card::after{ content:""!important; position:absolute!important; top:-58px!important; right:-46px!important; width:154px!important; height:154px!important; border-radius:50%!important; background:repeating-radial-gradient(circle at center,transparent 0 19px,rgba(54,132,160,.10) 20px 21px,transparent 22px 36px)!important; pointer-events:none!important; z-index:0!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card>*{position:relative!important;z-index:1!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:nth-child(4n+1){--v1026-accent:rgba(88,191,197,.22);--v1026-soft:#eefaf8} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:nth-child(4n+2){--v1026-accent:rgba(104,161,231,.18);--v1026-soft:#f1f7ff} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:nth-child(4n+3){--v1026-accent:rgba(163,145,221,.18);--v1026-soft:#f7f5ff} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:nth-child(4n+4){--v1026-accent:rgba(235,186,98,.16);--v1026-soft:#fff9ef} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:hover, #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card:focus-within{ border-color:rgba(99,161,194,.92)!important; box-shadow:0 18px 40px rgba(18,74,106,.12)!important; transform:translateY(-1px)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card-top{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; margin-bottom:16px!important; min-height:62px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-glyph{ width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important; border-radius:17px!important; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,247,251,.9))!important; border:1px solid rgba(157,197,216,.88)!important; box-shadow:0 10px 20px rgba(39,98,132,.08)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge{ align-self:flex-start!important; min-width:92px!important; padding:8px 10px!important; border-radius:999px!important; background:rgba(255,255,255,.72)!important; border:1px solid rgba(180,205,220,.88)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important; backdrop-filter:blur(6px)!important; -webkit-backdrop-filter:blur(6px)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge strong{font-size:clamp(18px,1.55vw,24px)!important;line-height:1.04!important;color:#153d62!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge small{display:block!important;font-size:11px!important;line-height:1.25!important;color:#627e92!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card h3{ margin:0 0 15px!important; min-height:2.72em!important; font-size:clamp(20px,1.5vw,24px)!important; line-height:1.36!important; letter-spacing:-.01em!important; color:#1a4165!important; text-wrap:balance!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card>p{display:none!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:0 0 18px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags span{ padding:7px 11px!important; border-radius:999px!important; font-size:12px!important; line-height:1.3!important; color:#566f84!important; border:1px solid rgba(179,204,219,.92)!important; background:rgba(255,255,255,.72)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-link{ margin-top:auto!important; padding-top:18px!important; border-top:1px solid rgba(181,209,222,.9)!important; font-size:18px!important; line-height:1.3!important; font-weight:700!important; color:#12739c!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-link span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:28px!important;height:28px!important; border-radius:999px!important; background:rgba(18,115,156,.08)!important; } @container syh-home (max-width:1080px){ #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{ min-height:254px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card h3{ font-size:clamp(18px,2vw,22px)!important; min-height:2.9em!important; } } @container syh-home (max-width:820px){ #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{min-height:242px!important;padding:15px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags span{font-size:11px!important;padding:6px 10px!important} } @container syh-home (max-width:700px){ #syh-app.syh-home-v1026 .syh-tools-section>.syh-shell{ border-radius:22px!important; padding:14px 12px 15px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{ min-height:0!important; padding:14px!important; border-radius:20px!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card-top{margin-bottom:14px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-glyph{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge{min-width:86px!important;padding:7px 9px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge strong{font-size:18px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card h3{ min-height:0!important; margin-bottom:14px!important; font-size:clamp(18px,4.7vw,22px)!important; } #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags{gap:7px!important;margin-bottom:16px!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-link{font-size:17px!important;padding-top:15px!important} } @container syh-home (max-width:420px){ #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card h3{font-size:17px!important;line-height:1.34!important} #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags span{font-size:10.5px!important} } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{ border-color:#35566c!important; background: radial-gradient(170px 130px at 100% 100%,rgba(39,111,132,.22),transparent 70%), linear-gradient(154deg,#13283a 0%,#152d40 52%,#173445 100%)!important; box-shadow:0 16px 34px rgba(0,0,0,.24)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card::after{ background:repeating-radial-gradient(circle at center,transparent 0 19px,rgba(120,180,204,.12) 20px 21px,transparent 22px 36px)!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-glyph{ background:linear-gradient(145deg,#18384e,#163146)!important; border-color:#47718a!important; color:#bce2f3!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge{ background:rgba(19,44,60,.72)!important; border-color:#45677f!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge strong, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card h3{ color:#edf7ff!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-badge small, :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags span{ color:#c6dcec!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-tags span{ background:rgba(24,48,64,.74)!important; border-color:#456278!important; } :is(html.tvm-dark,html.yhlsm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html.nah-sdp-night-mode,html[data-theme="dark"]) #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-link{ border-top-color:#345266!important; color:#91d8f0!important; } @media(prefers-reduced-motion:reduce){ #syh-app.syh-home-v1026 .syh-tools-section .syh-tool-card{transition:none!important;transform:none!important} } /* === END v1.02.6 === */