/* BioCare Lab v3.7 — article discovery and reading experience */
.articles-hero{overflow:hidden;position:relative}.articles-hero:after{content:"";position:absolute;inset-inline-end:-90px;bottom:-145px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(22,184,216,.16),transparent 68%);pointer-events:none}.articles-hero .container{position:relative;z-index:1}.articles-hero-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.articles-hero-stats span{padding:8px 14px;border:1px solid rgba(16,126,213,.18);border-radius:999px;background:rgba(255,255,255,.72);color:var(--navy);font-size:13px}.articles-hero-stats b{color:var(--blue);font-size:16px}
.articles-index{padding-top:38px}.articles-toolbar{max-width:940px;margin:0 auto 32px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(7,49,94,.08)}.article-search{position:relative;max-width:none;margin:0;gap:10px}.article-search-icon{position:absolute;inset-inline-start:17px;top:50%;translate:0 -50%;font-size:25px;color:var(--blue);line-height:1;pointer-events:none}.article-search input{min-width:0;padding-inline-start:50px;border-color:#d8e5f0;background:#f8fbfe}.article-search input:focus{outline:3px solid rgba(16,126,213,.14);border-color:var(--blue)}.article-search .btn{min-width:110px}.article-category-filters{display:flex;gap:8px;overflow-x:auto;padding:13px 2px 1px;scrollbar-width:thin}.category-chip{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff;font-size:13px;font-weight:700;transition:.2s}.category-chip:hover,.category-chip.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.articles-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:var(--muted);font-size:14px}.articles-results-head p{margin:0}.articles-results-head a{color:var(--blue);font-weight:700}
.article-card{display:flex;flex-direction:column;min-width:0;border-radius:22px;box-shadow:0 12px 34px rgba(8,55,105,.075)}.article-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(8,55,105,.14)}.article-thumb{position:relative;overflow:hidden}.article-thumb img{transition:transform .55s ease}.article-card:hover .article-thumb img{transform:scale(1.045)}.article-category-badge{position:absolute;inset-inline-start:14px;top:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 15px rgba(7,49,94,.12);color:var(--navy);font-size:11px;font-weight:800}.article-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.article-card .article-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-card h2,.article-card h3{display:-webkit-box;min-height:58px;margin:10px 0 8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45}.article-card p{display:-webkit-box;min-height:63px;margin:0 0 18px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.7}.article-read-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.article-read-link i{font-size:20px;font-style:normal;transition:transform .2s}.article-read-link:hover i{transform:translateX(-4px)}[dir=ltr] .article-read-link i{transform:rotate(180deg)}[dir=ltr] .article-read-link:hover i{transform:rotate(180deg) translateX(-4px)}.empty-articles .btn{margin-top:12px}
.article-header{background:linear-gradient(180deg,#f5fbff 0%,#fff 100%)}.article-header h1{text-wrap:balance}.article-cover img{box-shadow:0 25px 60px rgba(8,55,105,.14)}.article-content{color:#263d53}.article-content>p:first-of-type{font-size:18px;color:#324f69}.article-content h2{position:relative;padding-inline-start:17px;font-size:29px}.article-content h2:before{content:"";position:absolute;inset-inline-start:0;top:.25em;width:5px;height:1.15em;border-radius:5px;background:linear-gradient(var(--cyan),var(--blue))}.article-content h3{font-size:23px}.article-content img{height:auto;border-radius:16px}.article-content figure{margin:30px 0}.article-content figcaption{text-align:center;color:var(--muted);font-size:13px}.article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{padding:12px;border:1px solid var(--line)}.article-content th{background:var(--soft);color:var(--navy)}
.article-toc{padding:0;margin:0 0 38px;overflow:hidden;background:#f8fcff;box-shadow:0 10px 28px rgba(8,55,105,.06)}.article-toc summary{padding:17px 20px;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary:after{content:"＋";float:inline-end;color:var(--blue)}.article-toc[open] summary{border-bottom:1px solid var(--line)}.article-toc[open] summary:after{content:"−"}.article-toc ol{padding:14px 38px 17px;margin:0}.article-toc li{padding-block:3px}.article-toc a{display:block;padding:3px 9px;border-inline-start:2px solid transparent;color:#47637c}.article-toc a:hover,.article-toc a.is-active{border-color:var(--blue);color:var(--blue);font-weight:700;text-decoration:none}.side-cta{background:linear-gradient(155deg,#f7fcff,#eaf7ff);box-shadow:0 12px 34px rgba(8,55,105,.08)}.article-share{border-radius:18px}.related-articles{background:linear-gradient(180deg,#fff,#f7fbff)}
@media(max-width:700px){.articles-index{padding-top:25px}.articles-toolbar{padding:10px;border-radius:17px}.article-search{flex-direction:row}.article-search .btn{min-width:auto;padding-inline:18px}.article-category-filters{margin-inline:-2px}.articles-results-head{align-items:flex-start}.article-card h2,.article-card h3{min-height:auto}.article-card p{min-height:auto}.article-content{font-size:16px;line-height:1.9}.article-content>p:first-of-type{font-size:17px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-toc ol{padding-inline:28px}.articles-hero-stats span:last-child{display:none}}
@media(max-width:430px){.article-search{display:grid;grid-template-columns:1fr auto}.article-search-icon{inset-inline-start:13px}.article-search input{padding-inline-start:42px}.articles-results-head{font-size:12px}}
@media(prefers-reduced-motion:reduce){.article-card,.article-thumb img,.article-read-link i{transition:none}.article-card:hover{transform:none}.article-card:hover .article-thumb img{transform:none}}