/* Archi-Civil — makale (uzun biçimli teknik yazı) ortak stili.
   Bütün articles/ sayfaları bu tek dosyayı kullanır; düzeltme tek
   yerden yapılır. Baskı bloğu marka kimliğini taşır. */

.art-wrap{max-width:820px;margin:0 auto;padding:40px 24px 80px}
.art-crumbs{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin-bottom:20px}
.art-crumbs a{color:var(--ink-3)}

/* ── Künye ─────────────────────────────────────────────── */
.art-head{border-bottom:var(--hairline-w) solid var(--hairline);padding-bottom:22px;margin-bottom:28px}
.art-title{font-size:30px;font-weight:500;letter-spacing:-0.015em;line-height:1.25;margin:0 0 12px}
.art-sub{font-size:16px;color:var(--ink-2);line-height:1.6;margin:0 0 18px}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}
.art-meta b{font-weight:500;color:var(--ink-2)}
.art-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:2px 7px;
  border-radius:3px;background:var(--accent);color:#fff;letter-spacing:.04em}
.art-badge.b{background:var(--warn,#b8860b)}
.art-badge.c{background:var(--danger,#b3261e)}

/* ── İçindekiler ───────────────────────────────────────── */
.art-toc{background:var(--paper-2);border:var(--hairline-w) solid var(--hairline);
  border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:32px}
.art-toc h2{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-3);margin:0 0 10px;font-weight:500}
.art-toc ol{margin:0;padding-left:20px}
.art-toc li{font-size:14px;line-height:1.9}
.art-toc a{color:var(--ink-2);text-decoration:none}
.art-toc a:hover{color:var(--accent)}

/* ── Gövde ─────────────────────────────────────────────── */
.art-body{font-size:16px;line-height:1.75;color:var(--ink)}
.art-body h2{font-size:21px;font-weight:500;letter-spacing:-0.01em;margin:44px 0 14px;
  padding-top:10px;border-top:var(--hairline-w) solid var(--hairline)}
.art-body h3{font-size:17px;font-weight:500;margin:30px 0 10px}
.art-body p{margin:0 0 16px}
.art-body ul,.art-body ol{margin:0 0 16px;padding-left:24px}
.art-body li{margin-bottom:7px}
.art-body strong{font-weight:500}

.art-formula{background:var(--paper-2);border:var(--hairline-w) solid var(--hairline);
  border-radius:var(--radius);padding:16px 20px;margin:20px 0;font-family:var(--font-mono);
  font-size:14px;line-height:1.9;overflow-x:auto;text-align:center}
.art-formula .fn{display:block;font-family:var(--font-sans,inherit);font-size:12px;
  color:var(--ink-3);margin-top:10px;text-align:left}

.art-note{border-left:3px solid var(--accent);background:var(--paper-2);
  padding:14px 18px;margin:22px 0;font-size:14.5px;line-height:1.7;border-radius:0 var(--radius) var(--radius) 0}
.art-warn{border-left-color:var(--warn,#b8860b)}
.art-key{border-left-color:var(--danger,#b3261e)}
.art-note .lbl{display:block;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-3);margin-bottom:6px}

.art-table{width:100%;border-collapse:collapse;font-size:14px;margin:22px 0}
.art-table th{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-3);text-align:left;padding:8px 10px;
  border-bottom:var(--hairline-w) solid var(--hairline);font-weight:500}
.art-table td{padding:8px 10px;border-bottom:var(--hairline-w) solid var(--hairline)}
.art-table td.num{font-family:var(--font-mono);text-align:right;white-space:nowrap}
.art-table caption{caption-side:bottom;font-size:12px;color:var(--ink-3);
  text-align:left;padding-top:10px;line-height:1.6}

.art-live{font-family:var(--font-mono);font-weight:500;color:var(--accent)}
.art-live-tag{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);
  border:var(--hairline-w) solid var(--hairline);border-radius:3px;padding:1px 5px;margin-left:6px}

.art-refs{margin-top:44px;padding-top:20px;border-top:var(--hairline-w) solid var(--hairline)}
.art-refs h2{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-3);border:0;margin:0 0 12px;padding:0}
.art-refs ol{padding-left:22px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
.art-refs li{margin-bottom:9px}

.art-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}

/* ── Baskı: marka taşıyan çıktı ─────────────────────────── */
.art-print-head{display:none}

@media print{
  @page{margin:18mm 16mm 20mm 16mm}
  .site-header,.art-actions,.art-toc,.site-footer,#theme-toggle,#lang-select{display:none!important}
  body{background:#fff;color:#000;font-size:10.5pt}
  .art-wrap{max-width:none;padding:0}
  .art-print-head{display:block;border-bottom:1.5pt solid #000;padding-bottom:8pt;margin-bottom:14pt}
  .art-print-head .brand{font-size:15pt;font-weight:600;letter-spacing:-0.01em}
  .art-print-head .url{font-family:monospace;font-size:9pt;color:#333}
  .art-print-head .line{display:flex;justify-content:space-between;align-items:baseline;gap:12pt}
  .art-print-head .meta{font-family:monospace;font-size:8pt;color:#444;margin-top:5pt;line-height:1.5}
  .art-title{font-size:18pt;margin-top:6pt}
  .art-sub{font-size:10.5pt;color:#333}
  .art-body h2{font-size:13pt;page-break-after:avoid;border-top:.5pt solid #999}
  .art-body h3{font-size:11.5pt;page-break-after:avoid}
  .art-formula,.art-note,.art-table,figure{page-break-inside:avoid}
  .art-note{border-left:2pt solid #000;background:#f5f5f5}
  .art-table th,.art-table td{border-bottom:.5pt solid #999}
  a{color:#000;text-decoration:none}
  .art-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#555}
  .art-print-foot{display:block!important;margin-top:16pt;padding-top:8pt;
    border-top:.5pt solid #999;font-family:monospace;font-size:8pt;color:#444;line-height:1.6}
}
.art-print-foot{display:none}