/* Karakaş Hukuk Bürosu — article detail pages

   Renkler sabit hex yerine tema değişkenlerinden okunur; böylece dosya hem
   koyu hem aydınlık temada doğru kontrastı verir. Değişken tanımlı değilse
   ikinci değer eski koyu tema karşılığına düşer. */

.article-hero{padding-bottom:64px}
.article-hero .page-title{max-width:16ch}

.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;color:var(--muted-2,#8e8880);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.article-meta time{color:var(--gold-2)}
.article-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--gold-dim)}

/* Üst bant koyu lacivert olduğunda künye de o bandın üstünde okunmalı. */
.subhero .article-meta{color:rgba(255,255,255,.66)}
.subhero .article-meta time{color:var(--gold-on-dark,var(--gold-2))}

.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(44px,6vw,92px);align-items:start}
.article-content{max-width:820px}

.article-cover{margin:0 0 42px;border:1px solid var(--line);border-radius:var(--radius-sm,0);overflow:hidden;background:var(--panel-2,#111)}
.article-cover img{width:100%;aspect-ratio:3/2;object-fit:cover}

.article-intro{font-family:var(--display);font-size:clamp(23px,2vw,30px);line-height:1.45;color:var(--text,#d7d1c9);margin:0 0 34px}
.article-content h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.6vw,38px);line-height:1.16;letter-spacing:-.02em;margin:46px 0 18px;color:var(--text,#eee9e1)}
.article-content h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.25;margin:32px 0 13px;color:var(--text,#ddd7cf)}
.article-content p{margin:0 0 20px;color:var(--muted,#aaa49b);font-size:15px;line-height:1.9}
.article-content ul,.article-content ol{margin:20px 0 28px;padding:0 0 0 22px;color:var(--muted,#aaa49b);font-size:15px;line-height:1.85}
.article-content li{margin:0 0 10px;padding-left:4px}
.article-content li::marker{color:var(--gold-2)}
.article-content strong{color:var(--text,#d4cec6);font-weight:500}

.article-callout{margin:34px 0;padding:25px 28px;border-left:2px solid var(--gold);border-radius:0 var(--radius-sm,0) var(--radius-sm,0) 0;background:var(--tint,rgba(195,148,82,.06));color:var(--text,#bcb6ad);font-size:14px;line-height:1.8}

.article-note{margin-top:48px;padding-top:24px;border-top:1px solid var(--line-soft);color:var(--muted-2,#77726c);font-size:12px;line-height:1.75}

.article-sidebar{position:sticky;top:132px;border-top:1px solid var(--line);padding-top:22px}
.article-sidebar__label{margin:0 0 15px;color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.article-sidebar nav{display:grid;gap:0}
.article-sidebar a{padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--muted-2,#8f8981);font-size:12px;line-height:1.45;transition:color .25s var(--ease,ease),padding-left .25s var(--ease,ease)}
.article-sidebar a:hover{color:var(--gold-2);padding-left:5px}

/* Yazının sonundaki çağrı bandı: aydınlık temada lacivert, koyu temada
   eski siyah zemin. Metin her iki durumda da açık renk. */
.article-cta{margin-top:54px;padding:36px;border:1px solid var(--line);border-radius:var(--radius,0);background:radial-gradient(80% 130% at 100% 0%,rgba(203,174,114,.14),transparent 60%),var(--navy,#0b0b0a);box-shadow:var(--shadow-md,none)}
.article-cta h2{margin:0 0 12px;font-size:30px;color:#fff}
.article-cta p{margin:0 0 22px;max-width:54ch;color:rgba(255,255,255,.76)}
.article-cta .btn{background:#fff;border-color:#fff;color:var(--navy,#0b0b0a)}
.article-cta .btn:hover{background:var(--gold-on-dark,var(--gold));border-color:var(--gold-on-dark,var(--gold));color:var(--navy,#0b0b0a)}

.article-back{display:inline-flex;margin-bottom:24px}
.subhero .article-back{color:rgba(255,255,255,.75)}
.subhero .article-back:hover{color:var(--gold-on-dark,var(--gold))}

@media(max-width:920px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1;display:none}.article-content{max-width:none}.article-hero .page-title{max-width:18ch}}
@media(max-width:640px){.article-hero{padding-bottom:48px}.article-cover{margin-bottom:30px}.article-intro{font-size:22px}.article-content h2{margin-top:38px}.article-cta{padding:26px 22px}.article-cta h2{font-size:25px}}