/* ============================================================
   THEME 1b — "Riso El İşi"  ·  Farkındalık Rehberi
   ------------------------------------------------------------
   DROP-IN tema katmanı. home.css + article.css'ten SONRA yüklenir.
   Hiçbir class adı değişmez — tüm site (ana sayfa, blog, ~100 makale,
   rehber/araç sayfaları) tek dosyayla 1b temasına geçer.

   PRODUCTION FONT NOTU:
   Gloock + Hanken Grotesk Google Fonts'tan çekiliyor. Mevcut CSP
   bunu engeller. İki seçenek:
     1) _headers / CSP'ye ekle:
          style-src ... https://fonts.googleapis.com
          font-src  'self' data: https://fonts.gstatic.com
     2) (önerilen) woff2'leri /cf-fonts altına indirip @font-face ile
        self-host et; aşağıdaki @import'u sil.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap');

/* ---------- 1) TOKEN'LARI YENİDEN TANIMLA (her şey buradan akar) ---------- */
:root{
  /* lacivert → derin petrol/teal */
  --primary:#14504A; --primary-light:#1F6A60; --primary-deep:#0E3A35;
  /* altın/kahve → yanık turuncu (riso) */
  --accent:#D65A2F; --accent-light:#E27A4F; --accent-bright:#F2A877; --accent-deep:#B8431F;
  /* lavanta → ikincil petrol */
  --lavender:#3E726B; --lavender-light:#7FA9A3;
  --secondary:#E9D9BE;
  /* zeminler → krem kağıt */
  --bg:#FBF3E4; --bg-light:#FBF3E4; --card:#FFFFFF; --card-warm:#FDF7EA;
  --ink:#14504A; --text-dark:#1d3b38; --text-muted:#5b736f; --text-soft:#7e9591;
  --line:rgba(20,80,74,.16); --line-strong:rgba(20,80,74,.26); --line-dark:rgba(251,243,228,.16);
  /* CTA'lar tema bütünlüğü için turuncu sticker (WhatsApp ikonu yine okunur) */
  --wa:#C24E26; --wa-bright:#D65A2F;
  /* tipografi */
  --serif:'Gloock', Georgia, 'Times New Roman', serif;
  --sans:'Hanken Grotesk', system-ui, -apple-system, Segoe UI, sans-serif;
  /* daha yumuşak köşeler/yumuşak gölgeler */
  --radius-sm:12px; --radius-md:18px; --radius-lg:24px;
  --shadow-sm:0 6px 20px rgba(20,80,74,.07); --shadow-md:0 16px 36px rgba(20,80,74,.12);
  --shadow-card:0 10px 28px rgba(20,80,74,.08); --shadow-card-hover:0 20px 44px rgba(20,80,74,.15);
  --grad-primary:linear-gradient(155deg,var(--primary),var(--primary-deep));
  --grad-accent:linear-gradient(135deg,var(--accent),var(--accent-light));
  --grad-lavender:linear-gradient(135deg,var(--lavender),var(--lavender-light));
}

/* Gloock tek ağırlıktır; başlık "weight"leri normalize et */
.serif,h1,h2,h3,.logo,.footer-logo{font-weight:400!important;letter-spacing:0}

/* ---------- 2) GRENLİ KAĞIT DOKUSU (riso imzası) ---------- */
body{background:var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;
  opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

::selection{background:var(--accent);color:#FBF3E4}
:focus-visible{outline:2.5px solid var(--accent)!important;outline-offset:3px}
a{color:var(--accent)}

/* ---------- 3) NAV ---------- */
.site-header{background:rgba(251,243,228,.92);border-bottom:1.5px solid var(--line-strong)}
.site-header .logo{font-family:var(--serif);font-weight:400;letter-spacing:0;color:var(--primary)}
.site-header .logo .star{display:none}        /* ✦ kaldırıldı */
.hamburger span{background:var(--primary)}
.nav-panel > a,.nav-dd > summary{color:var(--primary);font-weight:600}
.nav-panel > a:hover,.nav-dd > summary:hover{background:rgba(20,80,74,.08)}
.nav-dd > summary::after{color:var(--accent)}
.nav-dd-menu{background:var(--card);border:1.5px solid var(--line-strong);border-radius:14px}
.nav-dd-menu a{color:var(--primary)}
.nav-dd-menu a:hover{background:rgba(20,80,74,.08)}
.nav-cta{background:var(--accent)!important;color:#FBF3E4!important;font-weight:800!important;
  border-radius:12px!important;box-shadow:3px 4px 0 rgba(14,58,53,.85)}
.nav-cta:hover{transform:translateY(-1px)}

/* ---------- 4) HERO'LAR — göksel lacivert → düz petrol panel + krem ---------- */
.article-hero,.hero,.page-hero,.page-hero-centered,.tr-hero,.oracle-hero,
.bio-hero-card,body.home-page .hero{
  background:var(--primary)!important;color:#FBF3E4}
.article-hero::after,.hero::after,.page-hero::after,.page-hero-centered::after,
.tr-hero::after,.oracle-hero::after,body.home-page .hero::after{
  background-image:none!important;opacity:0!important}
.article-hero h1,.hero h1,.page-hero h1,.page-hero-centered h1,.tr-hero h1,
.oracle-hero h1,.bio-hero-card h1,body.home-page .hero h1{
  color:#FBF3E4;text-shadow:none;font-family:var(--serif);font-weight:400;letter-spacing:0}
body.home-page .hero h1 .text-primary,.text-primary{color:var(--accent-bright)!important}
.eyebrow,.hero-tag,.page-kicker,.section-subtitle,.card-eyebrow{color:var(--accent-bright)!important}
.eyebrow::before,.hero-tag::before{content:""!important;margin:0}      /* ✦ kaldırıldı */
.hero-meta,.bio-hero-card .page-lede,.page-hero p,.tr-hero p,.oracle-hero p{color:#e7ddc9}
.hero-image-frame{border-radius:20px;box-shadow:6px 8px 0 rgba(14,58,53,.55),0 0 0 1.5px rgba(251,243,228,.3)}

/* ---------- 5) BUTONLAR → riso sticker ---------- */
.btn,.cta-button,.nav-cta,.btn-sticky,.filter-btn{font-family:var(--sans);font-weight:800}
.btn,.cta-button{border-radius:13px}
.btn-wa,.cta-button,.service-link-wa,.btn-sticky,
.cta-glass-card .btn-primary,body.home-page .hero .cta-primary,.services-cta-btn,
.tarot-preview-cta .cta-button{
  background:var(--accent)!important;color:#FBF3E4!important;
  box-shadow:3px 4px 0 rgba(14,58,53,.85)!important;border-radius:13px!important}
.btn-wa:hover,.cta-button:hover,.service-link-wa:hover,
.cta-glass-card .btn-primary:hover,body.home-page .hero .cta-primary:hover{
  transform:translate(-1px,-1px);box-shadow:4px 5px 0 rgba(14,58,53,.85)!important}
/* ikincil buton: açık zeminde petrol ghost, koyu hero içinde krem ghost */
.btn-ghost,.cta-secondary{background:transparent!important;color:#14504A!important;border:1.5px solid rgba(20,80,74,.4)!important;box-shadow:none!important}
.article-hero .cta-secondary,.hero .cta-secondary,.page-hero .cta-secondary,
.bio-hero-card .cta-secondary,.cta-glass-card .btn-ghost,.content-cta .btn-ghost,
.cta-panel .btn-ghost,.btn-ghost{color:#FBF3E4!important;border-color:rgba(251,243,228,.5)!important}
.btn-gold{background:var(--accent)!important;color:#FBF3E4!important}
.service-link{background:rgba(20,80,74,.07);color:var(--primary);border-radius:12px}
.service-link:hover{background:var(--primary);color:#FBF3E4}

/* ---------- 6) KARTLAR — üst şerit gradyanı → düz turuncu ---------- */
.blog-card,.service-card,.intent-card,.how-step-card,.testimonial-card,
.bio-link-card,.metric-card,.content-panel{border-radius:var(--radius-md)}
.blog-card::before,.service-card::before{background:var(--accent)!important;height:4px}
.service-card-featured::before{background:var(--accent)!important}
.blog-card,.service-card,.intent-card,.how-step-card{border:1.5px solid var(--line-strong)}
.blog-card:hover,.service-card:hover,.intent-card:hover{border-color:var(--accent)}
.blog-tag,.card-eyebrow{background:rgba(214,90,47,.12);color:var(--accent)}
.blog-card-footer .read-more,.intent-card::after{color:var(--accent)}
.blog-card-footer .read-more{background:var(--accent);color:#FBF3E4;border-radius:11px}
.blog-card:hover .read-more{background:var(--primary)}
.blog-card-body h3,.intent-card h3,.how-step-card h3,.service-card h3{font-family:var(--serif);font-weight:400}

/* ---------- 7) SERVİS İKONLARI → riso duotone kare ---------- */
.service-icon-wrap{background:repeating-linear-gradient(45deg,#D65A2F,#D65A2F 5px,#f0b59c 5px,#f0b59c 10px)!important;
  border-radius:13px}
.service-icon-wrap::before,
.service-card:nth-of-type(1) .service-icon-wrap::before,
.service-card:nth-of-type(2) .service-icon-wrap::before,
.service-card:nth-of-type(3) .service-icon-wrap::before,
.service-card:nth-of-type(4) .service-icon-wrap::before,
.service-card-featured .service-icon-wrap::before{content:""!important}
.service-card-featured .service-icon-wrap{
  background:repeating-linear-gradient(45deg,#14504A,#14504A 5px,#7fa9a3 5px,#7fa9a3 10px)!important}
.how-step-number{background:var(--accent);color:#FBF3E4;font-family:var(--serif);font-weight:400;
  box-shadow:3px 4px 0 rgba(14,58,53,.5)}

/* ---------- 8) TAROT MINI KARTLAR ---------- */
.tarot-card-mini{background:var(--primary)!important;border:1.5px solid rgba(251,243,228,.4)!important;color:#FBF3E4}
.tarot-card-mini::before{border-color:rgba(251,243,228,.25)!important}
.tarot-card-mini.featured{background:var(--accent)!important;color:#FBF3E4}
.tarot-preview-icon{background:var(--accent)!important}
.tarot-preview-icon::before{content:""!important}

/* ---------- 9) TRUST / KEYWORD STRIP / TESTIMONIAL ---------- */
.trust-item strong{font-family:var(--serif);font-weight:400;color:var(--accent)}
.keyword-strip{background:var(--primary)}
.keyword-strip-inner{color:#e7ddc9}
.ks-dot{color:var(--accent-bright)}
.testimonial-card .stars{color:var(--accent)}
.testimonial-card > p::before{color:var(--accent)}
.testimonial-author strong{font-family:var(--serif);font-weight:400}
.q-link{border:1.5px solid var(--line-strong);color:var(--primary);border-radius:12px}
.q-link:hover{background:var(--primary);color:#FBF3E4;border-color:var(--primary)}

/* ---------- 10) ÇİP / INFO / AEO / TABLO ---------- */
.chip,.tag-chip,.content-panel .chip-row a,.split-layout .chip-row a{
  background:rgba(20,80,74,.08)!important;color:var(--primary)!important;border-radius:999px}
.chip:hover,.tag-chip:hover,.content-panel .chip-row a:hover,.split-layout .chip-row a:hover{
  background:var(--accent)!important;color:#FBF3E4!important}
.aeo-answer,.aio-answer{background:#fbe6d8;border:0;border-left:4px solid var(--accent);
  border-radius:0 14px 14px 0}
.aeo-answer p,.aio-answer p{font-family:var(--serif);font-weight:400;color:var(--primary)}
.aeo-answer .label{color:var(--accent)}
.info-box{background:var(--card-warm);border-color:var(--line)}
.info-box.amber{background:#fbf3e0;border-color:#ecd9b4}
.info-box > strong{color:var(--primary)}
table.data thead th{background:var(--primary);font-family:var(--sans)}
table.data td:first-child{color:var(--primary);font-family:var(--serif);font-weight:400}
.pull-quote{font-family:var(--serif)!important;font-weight:400;color:var(--primary);
  border-left:3px solid var(--accent);padding-left:16px}

/* ---------- 11) GÖVDE İÇİ CTA / GLASS / PANEL — yıldız watermark kaldır ---------- */
.content-cta,.cta-panel .inner,.cta-glass-card,.sidebar-cta{background:var(--grad-primary)}
.content-cta::before,.cta-panel .inner::before,.cta-glass-card::before,
.cta-glass-card::after{content:""!important;display:none!important}
.content-cta h3,.cta-panel h2,.cta-glass-card h2,.sidebar-cta h3{font-family:var(--serif);font-weight:400;color:#FBF3E4}
.content-cta p,.cta-panel p,.cta-glass-card p,.sidebar-cta p{color:#dfead0}

/* ---------- 12) DROP-CAP / BAŞLIK ALTI ÇİZGİ ---------- */
.article-body > p:first-of-type::first-letter{font-family:var(--serif);font-weight:400;color:var(--accent)}
.article-body h2,.article-body h3,.faq-section > h2,.related > h2,.related-content > h2,
.about-h2,.section-title,.tarot-preview-h2,.lead-capture-inner h2{font-family:var(--serif);font-weight:400}
.article-body h2::after{background:linear-gradient(90deg,var(--accent),transparent)}
.article-body a{text-decoration-color:rgba(214,90,47,.4)}
.faq-item summary::after{color:var(--accent)}

/* about quote → Hanken (Gloock italik sentetik durmasın) */
.about-section-quote{font-family:var(--sans);font-style:normal;font-weight:500;
  color:var(--primary);border-left:3px solid var(--accent);background:var(--card-warm)}

/* ---------- 13) FOOTER / STICKY / FLOAT ---------- */
footer{background:var(--primary-deep);color:#cfe0d8}
footer .footer-logo{font-family:var(--serif);font-weight:400;color:#FBF3E4}
.footer-col h3{color:var(--accent-bright)}
.mobile-sticky-bar{background:rgba(14,58,53,.97)!important;border-top:1px solid rgba(251,243,228,.12)}
.btn-sticky{border-radius:11px}
.whatsapp-float{background:var(--accent)!important;box-shadow:0 8px 24px rgba(214,90,47,.4);font-size:0!important;display:flex;align-items:center;justify-content:center}
.whatsapp-float .wa-ico,.whatsapp-float .wa-tooltip{display:none!important}
.whatsapp-float::before{content:"";display:block;width:30px;height:30px;background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FBF3E4'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.1-1.3A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8 8 0 1 1 12 20Zm4.4-5.6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8.9-.3.2-.5.1a6.5 6.5 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.5l-.7-1.7c-.2-.5-.4-.4-.5-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.6 4c2 .8 2 .6 2.4.5a2.6 2.6 0 0 0 1.7-1.2 2.1 2.1 0 0 0 .1-1.2c0-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E")}
.scroll-progress{background:linear-gradient(90deg,var(--accent),var(--accent-bright))!important}
.scroll-top-btn{background:var(--primary);color:var(--accent-bright)}

/* ---------- 14) AR / RTL — Gloock latin; Arapça başlıkta Cairo kalsın ---------- */
[dir="rtl"] .aio-answer{border-left:0;border-right:4px solid var(--accent);border-radius:14px 0 0 14px}

/* ============================================================
   15) pages.css KAPSAMI — tüm alt sayfalar (rehber/araç/burç/tarot/rüya)
   ============================================================ */

/* Başlıklar Gloock tek ağırlık */
.section-title,.related-card h3,.related-card h4,.editorial-card h2,.editorial-card h3,
.why-card h3,.why-card h4,.contact-card h3,.service-detail-header h2,.service-detail-header h3,
.burc-summary h3,.burc-focus-item h4,.arkana-header h2,.arkana-header h3,.letter-heading,
.dream-type-card h3,.featured-dream-card h3,.coffee-symbol-card h4,.timeline-card h3,
.step-item h3,.method-card h3,.method-card h4,.tarot-cta-title,.blog-cta h3,.blog-cta-box h3,
.cta-section-dark h2,.cta-box-light h2,.cta-box-light h3,.highlight-card h3,.symbol-entry strong,
.tarot-faq-title,.error-panel h1,.section-related-title,.prose-lead,.lead{font-family:var(--serif);font-weight:400}

/* AEO bloğu */
.aio-answer-block{background:#fbe6d8;border:0;border-left:4px solid var(--accent);border-radius:0 14px 14px 0}
.aio-answer-block strong{color:var(--accent)}
.aio-answer-block p{font-family:var(--serif);font-weight:400;color:var(--primary)}

/* CTA kutuları — yıldız watermark kaldır */
.cta-section-dark,.cta-dark-box,.cta-center-box,.blog-cta,.tarot-cta-box,.cta-block,.blog-cta-box{}
.cta-section-dark::before{content:""!important;display:none!important}
.cta-section-dark h2,.cta-dark-box h3,.blog-cta h3,.tarot-cta-title{color:#FBF3E4}
.cta-block{background:linear-gradient(135deg,rgba(214,90,47,.1),rgba(20,80,74,.06))}
.highlight-card{background:linear-gradient(135deg,rgba(214,90,47,.08),rgba(20,80,74,.05));border-left:4px solid var(--accent)}
.blog-cta-box{border-left:4px solid var(--accent)}

/* ---- İKON KARELERİ → riso duotone (✦ kaldır) ---- */
.related-card-icon,.expertise-icon,.why-card-icon,.type-icon,.meaning-icon,
.featured-dream-icon,.ah-icon,.testimonial-avatar{
  background:repeating-linear-gradient(45deg,#D65A2F,#D65A2F 4px,#f0b59c 4px,#f0b59c 8px)!important;color:#FBF3E4}
.related-card-icon::before,.expertise-icon::before,.why-card-icon::before,
.type-icon::before,.meaning-icon::before,.ah-icon::before,.about-badge::before{content:""!important}
.testimonial-avatar::before{content:"E"!important;font-family:var(--serif)}
.featured-dream-icon::before{content:"☾"!important}     /* anlamlı: rüya */

/* Tarot suit başlıkları — çok renkli gradyan → petrol, glyph korunur */
.ah-major,.ah-cups,.ah-pents,.ah-swords,.ah-wands{
  background:repeating-linear-gradient(45deg,#14504A,#14504A 4px,#7fa9a3 4px,#7fa9a3 8px)!important;color:#FBF3E4}
.contact-icon-wa{background:var(--accent)!important}
/* contact-icon-ig instagram brand gradyanı korunur */

/* Adım/numara rozetleri */
.how-step-number,.step-num,.timeline-card::before,.method-number,.step-list li::before,
.daily-pulse-widget{}
.step-num,.step-list li::before{background:var(--accent);color:#FBF3E4;font-family:var(--serif);font-weight:400}
.timeline-card::before,.method-number,.how-step-number{background:var(--primary);color:var(--accent-bright);font-family:var(--serif);font-weight:400}
.check-list li::before{background:var(--accent)}
.week-badge{background:var(--accent)}
.burc-symbol{background:repeating-linear-gradient(45deg,#14504A,#14504A 4px,#7fa9a3 4px,#7fa9a3 8px)!important;color:#FBF3E4;font-family:var(--serif);font-weight:400}

/* lavanta/altın rgba çip & kutu zeminleri → petrol/turuncu */
.related-chip,.burc-chip,.planet-tag,.related-card-tag,.service-price-range,.about-badge{
  background:rgba(20,80,74,.08)!important;color:var(--primary)!important}
.related-chip:hover,.burc-chip:hover{background:var(--accent)!important;color:#FBF3E4!important}
.about-badge{color:var(--accent)!important}
.planet-info-box,.month-essence{border-left-color:var(--accent)!important}
.month-essence{font-family:var(--sans);font-style:normal;font-weight:500;color:var(--primary);
  background:var(--card-warm)}
.planet-list li::before{content:"·";color:var(--accent);font-weight:800}
.service-detail-features li::before,.service-detail-features span::before{color:var(--accent)}
.compat-star{color:var(--accent)}
.reading-time::before{color:var(--accent)}
.hero-tagline-accent,.hero-tagline,.hero-sub,.hero-desc,.hero-page-sub,.month-essence,
.cta-section-dark p,.cta-dark-box p,.blog-cta-desc{color:inherit}
.cta-section-dark p,.cta-dark-box p,.blog-cta-desc,.tarot-cta-desc{color:#dfead0}

/* Tarot kart kutucukları (card-item) — lacivert → petrol */
.card-item,.tarot-card-img{background:linear-gradient(160deg,var(--primary),var(--primary-deep))!important;
  border:1.5px solid rgba(251,243,228,.3)}
.card-item::before{border-color:rgba(251,243,228,.2)!important}
.ci-num{color:var(--accent-bright)}
.ci-keyword,.card-item h3,.card-item h4{color:#FBF3E4}

/* alfabe / burç nav butonları */
.alpha-btn,.burc-nav-chips a{font-family:var(--serif);font-weight:400}
.alpha-btn.active,.burc-nav-chips a.active{background:var(--accent);border-color:var(--accent)}
.alpha-btn:hover,.burc-nav-chips a:hover{background:var(--primary);border-color:var(--primary)}
.letter-heading{color:var(--accent);border-bottom-color:var(--line-strong)}

/* görsel yokken renkli fallback → krem/petrol */
.featured-img,.tarot-card-img,.hero-image-frame{
  background:linear-gradient(135deg,rgba(20,80,74,.08),rgba(214,90,47,.06))}
.featured-img .about-badge,.hero-img-badge{background:rgba(14,58,53,.88);color:var(--accent-bright);
  border:1px solid rgba(251,243,228,.3)}

/* daily-pulse / planet-info açık kutular */
.daily-pulse-widget{background:linear-gradient(135deg,rgba(20,80,74,.07),rgba(214,90,47,.05));
  border-color:var(--line-strong)}

/* trust badge (koyu hero üstünde) */
.trust-badge{background:rgba(251,243,228,.1);color:#e7ddc9;border-color:rgba(251,243,228,.25)}
.trust-badge::before{color:var(--accent-bright)}

/* form focus glow turuncu */
input[type="email"]:focus,input[type="text"]:focus,input[type="tel"]:focus,textarea:focus,
.card-search input:focus,.lead-form input[type="email"]:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(214,90,47,.16)}

/* tablo başlıkları */
.info-table thead th,.eclipse-table th,.table-th,.table-header-row{background:var(--primary)}
.info-table td:first-child{font-family:var(--serif);font-weight:400;color:var(--primary)}

/* skeleton/enerji bar */
.energy-bar > span{background:var(--accent)}

/* dış-link ok rengi */
a[target="_blank"][rel*="noopener"]::after{color:var(--accent)!important}

/* focus pages.css lavanta → turuncu */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,.q-link:focus-visible,.chip:focus-visible,
.tag-chip:focus-visible,.related-card:focus-visible,.blog-card:focus-visible,
.intent-card:focus-visible,.service-detail-link:focus-visible{outline-color:var(--accent)!important}

/* ============================================================
   16) RÜYA SÖZLÜĞÜ → kart-grid SEO hub (her sembol = ayrı sayfa)
   ============================================================ */
.letter-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;align-items:start}
.letter-heading{grid-column:1/-1;color:var(--accent);border-bottom:2px solid var(--line-strong)}
.symbol-entry{border:1.5px solid var(--line-strong)!important;border-radius:14px;background:#fff;height:100%}
.symbol-entry:hover{border-color:var(--accent)!important;transform:translateY(-2px);box-shadow:var(--shadow-card)}
.symbol-entry strong,.symbol-entry strong a{font-family:var(--serif);font-weight:400;color:var(--primary);font-size:1.1rem}
.symbol-entry strong a:hover{color:var(--accent);text-decoration:none}

/* ============================================================
   17) ZENGİN "HAKKIMDA" SAYFALARI — geniş layout düzeltmesi
   article.css'in .site-main'i metin-ölçüsüne (~806px) sıkıştırıyordu;
   featured / editorial / why-card / expertise grid'i olan sayfalarda
   (ece-kamer-kimdir, en/about) tam sayfa genişliği ver. Saf makale
   sayfaları (:has eşleşmez) dar ölçüde kalır.
   ============================================================ */
.site-main:has(.featured),
.site-main:has(.editorial-grid),
.site-main:has(.why-card-grid),
.site-main:has(.expertise-grid){max-width:var(--pages-max)!important}

/* featured (hakkımda görsel+metin) — desktop'ta görsel sütunu 0'a çökmesin,
   metin sütunu tek kolon kalsın (pages.css .featured-content,.featured
   gruplaması metni 2 kolona bölüyordu). */
@media (min-width:861px){
  .featured{grid-template-columns:minmax(320px,.9fr) 1.1fr!important}
  .featured-content{grid-template-columns:1fr!important}
}