/* Vesta Klinik / blog arayuzu v5 / 2026-11-05
   SEO metinleri, URL'ler, JSON-LD, JS ve admin akisina dokunmaz. */
.blog-py-section{padding-block:3.2rem}
@media(min-width:640px){.blog-py-section{padding-block:4.8rem}}
.vesta-blog-breadcrumb{background:#f7f9f8}
.vesta-blog-landing-hero{position:relative;overflow:hidden;background:#fbfcfb;background-image:radial-gradient(circle at 90% 10%,rgba(24,110,96,.06),transparent 37%)}
.vesta-blog-landing-hero > div{position:relative;z-index:1}
.vesta-blog-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#12665a;font-size:11px;font-weight:780;letter-spacing:.15em;text-transform:uppercase}
.vesta-blog-hero-dot{width:7px;height:7px;border-radius:50%;background:#187969}
.vesta-blog-hero-title{font-size:clamp(2.15rem,4.9vw,4.15rem);font-weight:780;letter-spacing:-.058em;line-height:1.09;max-width:880px;margin-top:15px}
.vesta-blog-hero-title span{color:#107465;font-weight:650}
.vesta-blog-hero-description{font-size:clamp(.92rem,1.6vw,1.04rem);line-height:1.75;max-width:700px;margin-top:19px}
.vesta-blog-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:27px;font-size:12px;font-weight:600;color:#5b706a}
.vesta-blog-hero-meta span:not(.vesta-blog-meta-separator){display:inline-flex;align-items:center;gap:7px}
.vesta-blog-hero-meta i{color:#237b6f;font-size:12px}
.vesta-blog-meta-separator{width:1px;height:16px;background:#c9d7d0}
.vesta-blog-listing{background:#f6f8f7}
.vesta-blog-section-label{display:flex;gap:14px;align-items:center;margin:0 0 24px;color:#6a7a74;font-size:10px;font-weight:760;letter-spacing:.16em}
.vesta-blog-section-line{height:1px;flex:1;max-width:70px;background:#c3d8ce}
.blog-cards-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:19px}
@media(min-width:700px){.blog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(min-width:1060px){.blog-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}}
.vesta-blog-card{min-width:0;background:#fff;border:1px solid #dce6e1;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(26,68,55,.04);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.vesta-blog-card:hover,.vesta-blog-card:focus-within{transform:translateY(-2px);border-color:#afcfc1;box-shadow:0 17px 36px rgba(20,64,50,.1)}
.vesta-blog-card-content{height:100%;padding:27px 27px 22px;display:flex;flex-direction:column;gap:20px}
.vesta-blog-card-topline{display:flex;justify-content:space-between;gap:14px;align-items:center}
.vesta-blog-card-category{display:inline-block;font-size:10px;font-weight:760;line-height:1.45;letter-spacing:.035em;color:#126a5f;background:#edf6f1;border:1px solid #dbebe3;border-radius:7px;padding:7px 10px}
.vesta-blog-card-time{color:#6e7e79;font-size:11px;font-weight:540;white-space:nowrap}
.vesta-blog-card-time i{margin-right:3px}
.vesta-blog-card-text{flex:1;min-width:0}
.vesta-blog-card-title{font-size:clamp(1.15rem,1.6vw,1.32rem);font-weight:760;line-height:1.39;letter-spacing:-.032em;color:#172b28;text-wrap:pretty}
.vesta-blog-card-title a{display:block;text-decoration:none}
.vesta-blog-card-title a:hover,.vesta-blog-card-title a:focus-visible{color:#0a6d5e}
.vesta-blog-card-summary{font-size:13px;line-height:1.77;color:#667770;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vesta-blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-top:18px;border-top:1px solid #e8eeea}
.vesta-blog-card-doctor{display:flex;align-items:center;gap:10px;min-width:0}
.vesta-blog-card-doctor .doctor-avatar-sm{width:36px;height:36px;border:1px solid #dce8e0;border-radius:50%;object-fit:cover;flex:none}
.vesta-blog-card-doctor-name{display:block;font-size:11px;font-weight:760;color:#263d36;line-height:1.35;max-width:185px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.vesta-blog-card-doctor-role{display:block;font-size:10px;font-weight:450;color:#84928b;line-height:1.45;max-width:185px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.vesta-blog-card-read{display:inline-flex;align-items:center;gap:8px;color:#126a5f;font-size:11px;font-weight:760;white-space:nowrap}
.vesta-blog-card-read i{transition:transform .2s ease}
.vesta-blog-card-read:hover i{transform:translateX(3px)}
.vesta-blog-card--featured{grid-column:1 / -1;border-color:#cfdfd6;background:linear-gradient(110deg,#ffffff 10%,#f0f6f2 100%);display:flex;min-height:310px;position:relative}
.vesta-blog-card--featured .vesta-blog-card-content{flex:1;min-width:0;padding:34px 39px;max-width:800px;position:relative;z-index:1;gap:12px}
.vesta-blog-card--featured .vesta-blog-card-title{font-size:clamp(1.55rem,2.65vw,2.25rem);max-width:740px;line-height:1.22;letter-spacing:-.043em}
.vesta-blog-card--featured .vesta-blog-card-summary{font-size:14px;max-width:690px;-webkit-line-clamp:2;margin-top:11px}
.vesta-blog-feature-label{font-size:10px;font-weight:780;letter-spacing:.16em;color:#7f8d83;margin-top:10px}
.vesta-blog-card--featured .vesta-blog-card-footer{margin-top:auto}
.vesta-blog-feature-aside{flex:0 0 29%;min-width:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;position:relative;overflow:hidden;background:#e9f3ed;border-left:1px solid #d8e8dd;color:#2c7464}
.vesta-blog-feature-aside::before{content:"";position:absolute;inset:-80px;background:repeating-radial-gradient(circle at 80% 50%,transparent 0 27px,rgba(21,112,89,.09) 28px 29px);opacity:.75}
.vesta-blog-feature-aside i{font-size:clamp(58px,7vw,105px);position:relative;color:#448d7c;filter:drop-shadow(0 3px 0 rgba(255,255,255,.8))}
.vesta-blog-feature-aside-word{position:relative;font-size:11px;letter-spacing:.3em;font-weight:400;color:#30695e}
.vesta-blog-feature-aside-word b{font-weight:760}
@media(max-width:850px){.vesta-blog-feature-aside{flex-basis:25%;min-width:160px}.vesta-blog-card--featured .vesta-blog-card-content{padding:26px}}
@media(max-width:600px){.vesta-blog-feature-aside{display:none}.vesta-blog-card--featured .vesta-blog-card-content{padding:25px}.vesta-blog-card--featured{min-height:0}.vesta-blog-card-content{padding:23px 21px 19px}.vesta-blog-card-footer{flex-wrap:wrap}.vesta-blog-hero-meta{gap:9px}.vesta-blog-hero-title{font-size:clamp(2rem,8.6vw,2.85rem)}.vesta-blog-hero-description{margin-top:14px}}
/* Tekil makale - okunabilirlik / editorial detaylar */
.blog-layout-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:38px;align-items:start}
@media(min-width:1024px){.blog-layout-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.blog-col-main{grid-column:span 8}.blog-col-side{grid-column:span 4}}
.blog-sidebar-sticky{position:sticky;top:6rem}
.doctor-avatar-sm{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}
.doctor-avatar-lg{width:4.75rem;height:4.75rem;border-radius:1rem;object-fit:cover;flex-shrink:0}
.vesta-blog-reading{background:#fff}
.vesta-blog-reading-header{padding-bottom:24px;border-bottom:1px solid #e6eee8}
.vesta-blog-reading-kicker{letter-spacing:.09em}
.vesta-blog-reading-title{font-size:clamp(1.9rem,3.5vw,2.9rem);line-height:1.17;letter-spacing:-.044em;font-weight:790;margin:7px 0 21px;max-width:920px;text-wrap:pretty}
.vesta-blog-reading-lead{font-size:clamp(.94rem,1.7vw,1.08rem);line-height:1.8;color:#62766e;max-width:750px;margin-bottom:20px}
.vesta-blog-reading-author{border-color:#e5ece8;padding-top:17px}
.vesta-blog-toc{background:#f7faf8;border-color:#dce9e1;border-left:3px solid #1f7c6b;border-radius:12px}
.blog-article-body{color:#304740;font-size:1rem;line-height:1.92;max-width:78ch;overflow-wrap:anywhere}
@media(min-width:640px){.blog-article-body{font-size:1.04rem}}
.blog-article-body h2{font-size:clamp(1.28rem,2.1vw,1.6rem);font-weight:780;color:#14392f;margin:2.55rem 0 .95rem;letter-spacing:-.024em;line-height:1.34;scroll-margin-top:120px}
.blog-article-body h3{font-size:1.19rem;font-weight:720;color:#1d443a;margin:1.85rem 0 .65rem;line-height:1.4;scroll-margin-top:120px}
.blog-article-body p{margin:0 0 1.4rem;line-height:1.9}
.blog-article-body ul,.blog-article-body ol{margin:.5rem 0 1.5rem;padding-left:1.5rem}
.blog-article-body li{margin-bottom:.65rem;line-height:1.77}
.blog-article-body li::marker{color:#247f6c}
.blog-article-body strong{font-weight:760;color:#153a30}
.blog-article-body a{color:#087563;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}
.blog-article-body a:hover{color:#034d40}
.blog-article-body blockquote{border-left:3px solid #2c8875;margin:1.8rem 0;padding:16px 22px;background:#f4f9f5;border-radius:0 12px 12px 0}
.vesta-blog-consult{background:#f4f8f5;border-color:#dbe9de;border-radius:17px}
.vesta-blog-related{border-color:#e2eae5;border-radius:17px}
.vesta-blog-related a{line-height:1.58}
@media(prefers-reduced-motion:reduce){.vesta-blog-card,.vesta-blog-card-read i{transition:none!important}.vesta-blog-card:hover,.vesta-blog-card:focus-within{transform:none}}