/* 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} }