.articles-hero{background:radial-gradient(circle at 80% 20%,rgba(20,185,214,.16),transparent 25%),linear-gradient(135deg,#f5fbff,#fff)}
.article-search{display:flex;max-width:760px;margin:0 auto 45px;gap:10px}.article-search input{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px 18px;font:inherit}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(8,55,105,.07);transition:.25s}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.article-thumb{height:210px;background:linear-gradient(135deg,#d9f4ff,#edf9ff);display:grid;place-items:center;overflow:hidden;color:var(--navy);font-size:25px;font-weight:800}.article-thumb b{color:var(--cyan)}.article-thumb img{width:100%;height:100%;object-fit:cover}
.article-card-body{padding:24px}.article-card h2,.article-card h3{font-size:20px;margin:8px 0;color:var(--navy)}.article-card p{color:var(--muted);font-size:14px}.article-meta{color:#7890a6;font-size:12px}.empty-articles{grid-column:1/-1;text-align:center;padding:70px 20px;background:var(--soft);border-radius:20px}
.pagination{display:flex;justify-content:center;gap:7px;margin-top:40px}.pagination .page-numbers{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center}.pagination .current{background:var(--blue);color:#fff}
.article-header{padding:85px 0 50px;background:linear-gradient(135deg,#f5fbff,#fff)}.article-narrow{max-width:850px}.article-header h1{font-size:clamp(36px,5vw,62px);line-height:1.25;color:var(--navy);margin:15px 0}.back-link{color:var(--blue);font-weight:700}.article-lead{color:var(--muted);font-size:18px}
.article-cover{max-width:1100px;margin-top:35px}.article-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:25px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;justify-content:center;align-items:start;gap:55px;padding-top:65px;padding-bottom:95px}.article-content{font-size:17px;line-height:2}.article-content h2,.article-content h3{color:var(--navy);line-height:1.45;margin-top:35px}.article-content a{color:var(--blue);text-decoration:underline}.article-side{position:sticky;top:105px}.side-cta,.medical-disclaimer{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.side-cta .btn{width:100%}.medical-disclaimer{margin-top:45px;border-inline-start:5px solid var(--cyan)}
.article-content ul,.article-content ol{padding-inline-start:28px}.article-content blockquote{margin:30px 0;padding:20px 25px;border-inline-start:4px solid var(--cyan);background:var(--soft);border-radius:12px;color:var(--ink)}.article-content h2,.article-content h3{scroll-margin-top:110px}.article-toc{border:1px solid var(--line);background:#f7fbff;border-radius:16px;padding:18px 22px;margin-bottom:35px}.article-toc summary{cursor:pointer;font-weight:800;color:var(--navy)}.article-toc ol{margin:13px 0 0}.article-toc li{margin:5px 0}.article-toc .toc-level-3{margin-inline-start:18px;font-size:15px}.article-toc a{text-decoration:none}.article-toc a:hover{text-decoration:underline}.related-articles{border-top:1px solid var(--line)}
.latest-articles .section-head p{max-width:650px;color:var(--muted)}.faq-list{max-width:920px;margin:auto;display:grid;gap:13px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 20px}.faq-list summary{cursor:pointer;padding:18px 0;font-weight:800;color:var(--navy)}.faq-list p{margin:0;padding:0 0 20px;color:var(--muted)}
.article-progress{position:fixed;z-index:130;top:0;left:0;right:0;height:4px;background:rgba(8,121,223,.12)}.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .08s linear}.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:22px}.article-breadcrumbs a{color:var(--blue)}.article-header .article-meta{display:flex;flex-wrap:wrap;gap:8px 18px}.article-byline{display:flex;align-items:center;gap:12px;margin-top:22px}.author-avatar{border-radius:50%;object-fit:cover}.article-byline span,.article-byline small{display:block;color:var(--muted);font-size:12px}.article-byline strong{display:block;color:var(--navy)}.article-share{margin-top:45px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.article-share>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.article-share a,.article-share button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);padding:8px 13px;font:700 12px inherit;cursor:pointer;text-decoration:none}.article-author-box{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:25px;margin-top:30px}.article-author-box h3{margin:2px 0}.article-author-box span,.article-author-box b{color:var(--blue);font-size:13px}.article-author-box p{margin-bottom:0;color:var(--muted);font-size:14px}.article-next-prev{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:70px}.article-next-prev a{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--soft)}.article-next-prev a:last-child{text-align:end}.article-next-prev small,.article-next-prev strong{display:block}.article-next-prev small{color:var(--blue)}
@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-side{position:static}}
@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-search{flex-direction:column}.article-thumb{height:190px}.article-layout{padding-top:40px}.article-header{padding:55px 0 35px}.article-next-prev{grid-template-columns:1fr}.article-next-prev a:last-child{text-align:start}.article-author-box{flex-direction:column}}