/* Günlük Ayetler — ortak sayfa stili.
   Renkler Vird DesignSystem token'larından birebir alınmıştır
   (accent.primary #2E6B4F · bg.primary #FAF8F4 · ink.primary #1C1E1C ·
    ink.secondary #6E736E · gold.subtle #B99A5B · separator #ECE9E2). */

body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:#FAF8F4;color:#1C1E1C;
  max-width:680px;margin:0 auto;padding:56px 24px 72px;line-height:1.7;
}
h1{font-family:'New York','Iowan Old Style',Georgia,serif;font-size:34px;font-weight:400;margin:0 0 8px;letter-spacing:-0.02em;}
h2{font-family:'New York','Iowan Old Style',Georgia,serif;font-size:20px;color:#2E6B4F;font-weight:400;margin:34px 0 8px;}
h3{font-family:'New York','Iowan Old Style',Georgia,serif;font-size:16px;color:#1C1E1C;font-weight:400;margin:24px 0 4px;}
p{margin:0 0 12px;font-size:15px;}
ul{margin:0 0 14px 20px;font-size:15px;}
li{margin-bottom:6px;}
.tag{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#6E736E;margin-bottom:30px;}
.lang{text-align:right;font-size:12px;letter-spacing:0.05em;margin-bottom:22px;}
.lang a{color:#6E736E;text-decoration:none;border-bottom:0.5px solid rgba(110,115,110,0.4);}
.lang a:hover{color:#2E6B4F;border-color:#2E6B4F;}
.contact{background:rgba(46,107,79,0.05);border:0.5px solid rgba(28,30,28,0.1);border-radius:14px;padding:20px 24px;margin:22px 0;}
.contact a{font-size:18px;font-family:'New York','Iowan Old Style',Georgia,serif;}
.note{font-size:13px;color:#6E736E;margin:0;}
.callout{border-left:2px solid #B99A5B;padding:2px 0 2px 16px;margin:18px 0;color:#6E736E;font-size:14px;}
table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14px;}
th,td{text-align:left;padding:10px 12px 10px 0;border-bottom:0.5px solid #ECE9E2;vertical-align:top;}
th{font-weight:600;color:#1C1E1C;font-size:13px;letter-spacing:0.02em;}
td:first-child{white-space:nowrap;padding-right:20px;}
.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.links a{display:inline-block;padding:10px 20px;background:transparent;border:0.5px solid rgba(28,30,28,0.18);border-radius:100px;color:#1C1E1C;text-decoration:none;font-size:13px;letter-spacing:0.04em;transition:all 0.15s ease;}
.links a:hover{background:#2E6B4F;color:#FAF8F4;border-color:#2E6B4F;}
.footer{margin-top:48px;padding-top:22px;border-top:0.5px solid #ECE9E2;font-size:13px;color:#6E736E;}
a{color:#2E6B4F;}
strong{color:#1C1E1C;}

@media (prefers-color-scheme: dark){
  body{background:#101311;color:#ECEDEA;}
  h1,h3,strong,th{color:#ECEDEA;}
  h2{color:#7FB99C;}
  .tag,.note,.callout,.footer,.lang a{color:#9BA19B;}
  .callout{border-left-color:#D4B87A;}
  .contact{background:rgba(127,185,156,0.08);border-color:rgba(236,237,234,0.12);}
  th,td,.footer{border-color:#262B27;}
  .links a{color:#ECEDEA;border-color:rgba(236,237,234,0.2);}
  .links a:hover,.lang a:hover{background:#7FB99C;color:#101311;border-color:#7FB99C;}
  a{color:#7FB99C;}
}