/* Medical navigation and update pages. */
.site-main-navigation { position:relative; z-index:1040; display:flex; align-items:center; justify-content:center; gap:.35rem; width:min(100% - 2rem,1180px); margin:0 auto; padding:.72rem 0 .92rem; }
.site-main-navigation > a, .site-tools-menu summary { display:inline-flex; align-items:center; gap:.35rem; padding:.52rem .76rem; border:1px solid #c9dce4; border-radius:.62rem; background:#fff; color:#3a5971; font-size:.84rem; font-weight:760; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; }
.site-main-navigation > a:hover, .site-tools-menu summary:hover { border-color:#c9dce4; background:#eef9fa; color:#096c79; }
.site-main-navigation i, .site-tools-menu summary i { color:#0a8290; }
.site-tools-menu { position:relative; }
.site-tools-menu summary { list-style:none; }
.site-tools-menu summary::-webkit-details-marker { display:none; }
.site-tools-menu summary i:last-child { margin-left:.08rem; font-size:.68rem; transition:transform .16s ease; }
.site-tools-menu[open] summary, .site-tools-menu:hover summary { border-color:#c9dce4; background:#eef9fa; color:#096c79; }
.site-tools-menu[open] summary i:last-child, .site-tools-menu:hover summary i:last-child { transform:rotate(180deg); }
.site-tools-menu__panel { position:absolute; top:100%; left:0; display:none; grid-template-columns:repeat(2,minmax(210px,1fr)); gap:.25rem; width:510px; padding:.7rem; border:1px solid #bfd3dd; border-radius:0 .85rem .85rem .85rem; background:#fff; box-shadow:0 16px 36px rgba(20,54,79,.18); }
.site-tools-menu:hover > .site-tools-menu__panel, .site-tools-menu[open] > .site-tools-menu__panel { display:grid; }
.site-tools-menu__panel a { display:flex; align-items:center; gap:.48rem; min-height:2.6rem; padding:.6rem .64rem; border-radius:.58rem; color:#34556e; font-size:.82rem; font-weight:720; text-decoration:none; }
.site-tools-menu__panel a:hover { background:#edf9fa; color:#087080; }
.site-tools-menu__panel .site-tools-menu__all { grid-column:1 / -1; justify-content:center; margin-top:.2rem; border-top:1px solid #dbe7ec; border-radius:0; color:#087080; }

.medical-feed-page { max-width:1180px; }
.medical-feed-hero { padding:1.35rem 1.55rem; border:1px solid #d8e7ed; border-radius:1rem; background:linear-gradient(120deg,#effafa,#fff 58%,#edf4fc); }
.medical-feed-hero .eyebrow { color:#087687; font-size:.7rem; }
.medical-feed-hero h1 { margin:.32rem 0; color:#183752; font-size:clamp(1.45rem,2.5vw,2.05rem); font-weight:800; letter-spacing:-.035em; }
.medical-feed-hero p { max-width:780px; margin:0; color:#446277; font-size:.86rem; line-height:1.45; }
.medical-specialty-tabs { display:flex; gap:.5rem; margin:1.25rem 0; overflow-x:auto; padding-bottom:.2rem; }
.medical-specialty-tabs a { flex:0 0 auto; padding:.54rem .75rem; border:1px solid #cedde5; border-radius:99px; background:#fff; color:#395a72; font-size:.8rem; font-weight:720; text-decoration:none; }
.medical-specialty-tabs a:hover, .medical-specialty-tabs a.is-active { border-color:#167b89; background:#e7f7f8; color:#075f6d; }
.medical-specialty-filter { display:inline-flex; align-items:center; gap:.45rem; margin:1rem 0 1.35rem; padding:.38rem .42rem .38rem .72rem; border:1px solid #c8dde3; border-radius:999px; background:#f3fafb; box-shadow:0 .35rem 1rem rgba(20,54,79,.05); }
.medical-specialty-filter__label { display:inline-flex; align-items:center; gap:.38rem; color:#2f5a70; font-size:.78rem; font-weight:800; white-space:nowrap; }
.medical-specialty-filter__label i { color:#087687; font-size:.95rem; }
.medical-specialty-filter__control { position:relative; display:flex; align-items:center; min-width:245px; border:1px solid #b9d3db; border-radius:999px; background:#fff; transition:border-color .16s ease,box-shadow .16s ease; }
.medical-specialty-filter__control > i { margin-right:.78rem; color:#087687; font-size:.72rem; pointer-events:none; }
.medical-specialty-filter select { width:100%; appearance:none; border:0; outline:0; background:transparent; color:#173b54; padding:.62rem .2rem .62rem .82rem; font:inherit; font-size:.84rem; font-weight:800; cursor:pointer; }
.medical-specialty-filter__control:focus-within { border-color:#087687; box-shadow:0 0 0 .2rem rgba(8,118,135,.13); }
.medical-feed-filters { margin:.7rem 0 1rem; padding:.72rem .85rem; border:1px solid #c8dfe5; border-radius:.85rem; background:linear-gradient(135deg,#f7fcfc,#edf8f9); box-shadow:0 .45rem 1.2rem rgba(20,54,79,.055); }
.medical-feed-filters__heading { display:flex; align-items:baseline; gap:.45rem; margin-bottom:.52rem; }
.medical-feed-filters__heading span { color:#163d55; font-size:.8rem; font-weight:850; }
.medical-feed-filters__heading i { color:#087687; }
.medical-feed-filters__heading p { margin:0; color:#5b7688; font-size:.72rem; }
.medical-feed-filters__fields { display:grid; grid-template-columns:minmax(180px,.85fr) minmax(250px,1.45fr) minmax(155px,.7fr); gap:.5rem; }
.medical-feed-filters label { display:grid; gap:.22rem; color:#355b71; font-size:.67rem; font-weight:800; }
.medical-feed-filters select, .medical-feed-filters input { width:100%; min-height:2.25rem; border:1px solid #c4d8df; border-radius:.62rem; outline:0; background:#fff; color:#173b54; padding:.42rem .55rem; font:inherit; font-size:.79rem; font-weight:650; }
.medical-feed-filters select:focus, .medical-feed-filters input:focus { border-color:#087687; box-shadow:0 0 0 .18rem rgba(8,118,135,.12); }
.medical-feed-filters__search div { position:relative; }
.medical-feed-filters__search i { position:absolute; top:50%; left:.75rem; transform:translateY(-50%); color:#087687; pointer-events:none; }
.medical-feed-filters__search input { padding-left:2.2rem; }
.medical-feed-filters__actions { display:flex; align-items:center; gap:.75rem; margin-top:.55rem; }
.medical-feed-filters__actions .btn { padding:.42rem .7rem; font-size:.75rem; font-weight:800; }
.medical-feed-filters__actions a { color:#096c79; font-size:.8rem; font-weight:800; text-decoration:none; }
.medical-feed-filters__actions a:hover { text-decoration:underline; text-underline-offset:.16em; }
.medical-feed-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.medical-feed-card { display:flex; flex-direction:column; min-height:250px; padding:1.3rem; border:1px solid #d5e2ea; border-radius:1rem; background:#fff; box-shadow:0 .5rem 1.4rem rgba(35,72,98,.045); }
.medical-feed-card__top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; color:#087687; font-size:.72rem; font-weight:800; }
.medical-feed-card__top small { color:#637d90; font-size:.68rem; font-weight:700; text-align:right; }
.medical-feed-card h2 { margin:.8rem 0 .35rem; color:#1e3e58; font-size:1.1rem; font-weight:790; line-height:1.36; }
.medical-feed-card h2 a { color:inherit; text-decoration:none; }
.medical-feed-card h2 a:hover { color:#087687; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.14em; }
.medical-feed-card > p { margin:0; color:#647b8e; font-size:.78rem; }
.medical-feed-card .medical-feed-card__date { color:#617d8f; font-size:.76rem; font-weight:700; }
.medical-feed-card .medical-feed-card__summary { margin-top:.85rem; color:#466277; font-size:.86rem; line-height:1.55; }
.medical-source-details { margin-top:.75rem; color:#617c8f; font-size:.73rem; }
.medical-source-details summary { color:#557285; font-weight:720; cursor:pointer; }
.medical-source-details p { margin:.38rem 0 0; line-height:1.45; }
.medical-feed-card > a { margin-top:auto; padding-top:.9rem; color:#087687; font-size:.82rem; font-weight:800; text-decoration:none; }
.medical-feed-card > a i { margin-left:.25rem; }
.medical-reader { margin-bottom:1.2rem; padding:1.65rem; border:1px solid #c8dfe5; border-radius:1rem; background:#f3fbfc; }
.medical-reader__meta { display:flex; gap:.6rem; color:#087687; font-size:.75rem; font-weight:800; }
.medical-reader h2 { margin:.65rem 0 .25rem; color:#183a54; font-size:1.45rem; font-weight:800; }
.medical-reader__preview { max-width:800px; margin:1rem 0; color:#3f5e73; font-size:.94rem; line-height:1.7; }
.medical-reader__lock { margin-top:1rem; padding:1.15rem; border-radius:.85rem; background:#18334e; color:#fff; }
.medical-reader__lock .eyebrow { color:#9de5e3; }
.medical-reader__lock h3 { margin:.3rem 0; color:#fff; font-size:1.05rem; }
.medical-reader__lock p { margin:0 0 .8rem; color:#d1e0e8; font-size:.86rem; }
.medical-reader__lock .btn { margin-right:.8rem; border:0; background:#fff; color:#153752; font-size:.8rem; font-weight:800; }
.medical-reader__lock .btn:hover, .medical-reader__lock .btn:focus-visible { background:#e4f6f7; color:#102f47; box-shadow:0 0 0 .2rem rgba(157,229,227,.28); }
.medical-reader__lock > a:not(.btn) { color:#c0eeee; font-size:.8rem; font-weight:700; }
.medical-feed-footnote { margin:1.5rem 0 0; color:#647b8e; font-size:.78rem; }
.medical-feed-footnote i { margin-right:.35rem; color:#0a8490; }
@media (max-width:700px) { .site-main-navigation { justify-content:flex-start; overflow-x:auto; padding-left:.1rem; padding-right:.1rem; } .site-tools-menu__panel { position:fixed; left:1rem; right:1rem; width:auto; grid-template-columns:1fr; max-height:calc(100vh - 9rem); overflow-y:auto; } .medical-feed-hero { padding:1.1rem; } .medical-feed-grid { grid-template-columns:1fr; } .medical-specialty-filter { display:flex; width:100%; padding:.48rem .52rem .48rem .72rem; } .medical-specialty-filter__control { flex:1; min-width:0; } .medical-feed-filters__heading { display:block; } .medical-feed-filters__heading p { margin-top:.18rem; } .medical-feed-filters__fields { grid-template-columns:1fr; } }

/* Direct specialty links for News, Research, Trials and FDA updates. */
.site-updates-menu { position: relative; }
.site-updates-menu summary { display: inline-flex; align-items: center; gap: .35rem; padding: .52rem .7rem; border: 1px solid #c9dce4; border-radius: .62rem; background:#fff; color: #3a5971; font-size: .84rem; font-weight: 760; line-height: 1; list-style: none; white-space: nowrap; cursor: pointer; }
.site-updates-menu summary::-webkit-details-marker { display: none; }
.site-updates-menu summary i { color: #0a8290; }
.site-updates-menu summary i:last-child { font-size: .65rem; transition: transform .16s ease; }
.site-updates-menu:hover summary, .site-updates-menu[open] summary, .site-updates-menu.is-active summary { border-color: #c9dce4; background: #eef9fa; color: #096c79; }
.site-updates-menu[open] summary i:last-child, .site-updates-menu:hover summary i:last-child { transform: rotate(180deg); }
.site-updates-menu__panel { position: absolute; top: 100%; left: 0; display: none; grid-template-columns:repeat(2,minmax(0,1fr)); width: 600px; max-height:min(420px,calc(100vh - 7rem)); overflow-y:auto; padding: .65rem; border: 1px solid #bfd3dd; border-radius: 0 .85rem .85rem .85rem; background: #fff; box-shadow: 0 16px 36px rgba(20, 54, 79, .18); }
.site-updates-menu:hover > .site-updates-menu__panel, .site-updates-menu[open] > .site-updates-menu__panel { display: grid; gap: .15rem; }
.site-updates-menu__panel a { display: block; padding: .55rem .6rem; border-radius: .55rem; color: #34556e; font-size: .8rem; font-weight: 700; text-decoration: none; }
.site-updates-menu__panel a:hover { background: #edf9fa; color: #087080; }
.site-updates-menu__panel .site-updates-menu__all { grid-column:1 / -1; margin-bottom: .2rem; border-bottom: 1px solid #dbe7ec; color: #087080; }
.site-main-navigation > .site-updates-menu:nth-last-child(-n+2) .site-updates-menu__panel { right:0; left:auto; border-radius:.85rem 0 .85rem .85rem; }
@media (max-width:700px) { .site-updates-menu__panel, .site-main-navigation > .site-updates-menu:nth-last-child(-n+2) .site-updates-menu__panel { position: fixed; left:1rem; right:1rem; width:auto; grid-template-columns:1fr; max-height:calc(100vh - 9rem); overflow-y:auto; border-radius:.85rem; } }