/* Dizgi AI tanıtım sitesi. Renk, yazı tipi, gölge ve bileşenler uygulamanın web/landing.html ve web/index.html dosyalarından birebir alındı. */
:root {
  --zemin:#f4f5f8; --yuzey:#ffffff; --yuzey-2:#eef0f5; --yuzey-3:#e3e7ef; --kagit:#fffffd;
  --cizgi:#dce0e8; --cizgi-guclu:#c2c8d3;
  --yazi:#151a24; --yazi-2:#465064; --yazi-3:#5f6a80;
  --vurgu:#2a4aae; --vurgu-hover:#203c92; --vurgu-zemin:#e7ecfa; --vurgu-yazi:#ffffff; --odak:#2a4aae;
  --ekle:#16703e; --ekle-zemin:#dcf2e5; --sil:#b42318; --sil-zemin:#fde7e4;
  --bekle:#8f4f00; --bekle-zemin:#fff0d4; --bekle-cizgi:#de8400;
  --pdf-sari:#fff176; --pdf-turuncu:#ffcc80; --pdf-zemin:#3a3d44; --pdf-kagit:#ffffff; --pdf-satir:#c9ccd3;
  --golge-1:0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .08);
  --golge-2:0 10px 28px -8px rgb(16 24 40 / .18), 0 2px 6px rgb(16 24 40 / .06);
  --golge-3:0 30px 60px -20px rgb(16 24 40 / .35);
  --r-2:10px; --r-3:14px;
  --f-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-serif:"Iowan Old Style", Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --gecis:160ms cubic-bezier(.2,.7,.3,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark) { :root[data-tema="sistem"] {
  --zemin:#0e1117; --yuzey:#161a22; --yuzey-2:#1d222c; --yuzey-3:#262c38; --kagit:#191d25;
  --cizgi:#2a303c; --cizgi-guclu:#3a4250;
  --yazi:#e7eaf0; --yazi-2:#adb5c3; --yazi-3:#8f99aa;
  --vurgu:#93abff; --vurgu-hover:#adbfff; --vurgu-zemin:#1c2542; --vurgu-yazi:#0c1122; --odak:#93abff;
  --ekle:#63cf90; --ekle-zemin:#123321; --sil:#ff8f82; --sil-zemin:#3d1814;
  --bekle:#f4b65a; --bekle-zemin:#36270c; --bekle-cizgi:#f0a43a;
  --pdf-zemin:#0a0c10; --pdf-kagit:#f4f4f2; --pdf-satir:#c4c7ce;
  --golge-1:0 1px 2px rgb(0 0 0 / .4); --golge-2:0 10px 28px -8px rgb(0 0 0 / .6); --golge-3:0 30px 60px -20px rgb(0 0 0 / .75);
  color-scheme:dark;
} }
:root[data-tema="koyu"] {
  --zemin:#0e1117; --yuzey:#161a22; --yuzey-2:#1d222c; --yuzey-3:#262c38; --kagit:#191d25;
  --cizgi:#2a303c; --cizgi-guclu:#3a4250;
  --yazi:#e7eaf0; --yazi-2:#adb5c3; --yazi-3:#8f99aa;
  --vurgu:#93abff; --vurgu-hover:#adbfff; --vurgu-zemin:#1c2542; --vurgu-yazi:#0c1122; --odak:#93abff;
  --ekle:#63cf90; --ekle-zemin:#123321; --sil:#ff8f82; --sil-zemin:#3d1814;
  --bekle:#f4b65a; --bekle-zemin:#36270c; --bekle-cizgi:#f0a43a;
  --pdf-zemin:#0a0c10; --pdf-kagit:#f4f4f2; --pdf-satir:#c4c7ce;
  --golge-1:0 1px 2px rgb(0 0 0 / .4); --golge-2:0 10px 28px -8px rgb(0 0 0 / .6); --golge-3:0 30px 60px -20px rgb(0 0 0 / .75);
  color-scheme:dark;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; background:var(--zemin); color:var(--yazi); font:16px/1.6 var(--f-ui); }
[hidden] { display:none !important; }
a { color:var(--vurgu); }
:focus-visible { outline:2px solid var(--odak); outline-offset:2px; }
h1, h2, h3 { margin:0; line-height:1.15; text-wrap:balance; }
p { margin:0; }
.ikon { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sprite { position:absolute; width:0; height:0; overflow:hidden; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } html { scroll-behavior:auto; } }
.sar { max-width:1160px; margin:0 auto; padding-left:max(16px, env(safe-area-inset-left)); padding-right:max(16px, env(safe-area-inset-right)); }
.atla { position:absolute; left:8px; top:-60px; z-index:30; padding:10px 14px; border-radius:9px; background:var(--yuzey); color:var(--yazi); box-shadow:var(--golge-2); }
.atla:focus { top:8px; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:9px; border:1px solid transparent;
  font:600 15px/1 var(--f-ui); cursor:pointer; text-decoration:none; transition:background var(--gecis), border-color var(--gecis); }
.btn-ana { background:var(--vurgu); color:var(--vurgu-yazi); }
.btn-ana:hover { background:var(--vurgu-hover); }
.btn-ikincil { background:var(--yuzey); color:var(--yazi); border-color:var(--cizgi-guclu); }
.btn-ikincil:hover { background:var(--yuzey-2); }
.btn-hafif { background:transparent; color:var(--yazi); min-height:36px; padding:0 12px; font-weight:500; }
.btn-hafif:hover { background:var(--yuzey-2); }

/* üst */
.ust { position:sticky; top:0; z-index:20; background:color-mix(in srgb, var(--zemin) 88%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid transparent; transition:border-color var(--gecis); }
.ust.kayik { border-bottom-color:var(--cizgi); }
.ust .sar { display:flex; align-items:center; gap:12px; min-height:60px; }
.logo { display:inline-flex; align-items:center; gap:8px; color:var(--yazi); text-decoration:none; font:600 18px/1 var(--f-serif); white-space:nowrap; }
.logo-isaret { width:28px; height:28px; border-radius:7px; background:var(--yazi); color:var(--zemin); display:grid; place-items:center; font:700 16px/1 var(--f-serif); }
.ust nav { margin-left:auto; display:flex; gap:4px; align-items:center; }
.ust nav a.gez { color:var(--yazi-2); text-decoration:none; font-size:15px; padding:8px 10px; border-radius:8px; }
.ust nav a.gez:hover { color:var(--yazi); background:var(--yuzey-2); }
.tema-sec { display:inline-flex; padding:2px; gap:2px; border-radius:9px; background:var(--yuzey-2); border:1px solid var(--cizgi); margin-left:6px; }
.tema-sec button { width:30px; height:28px; display:grid; place-items:center; border:0; border-radius:7px; background:transparent; color:var(--yazi-3); cursor:pointer; }
.tema-sec button:hover { color:var(--yazi); }
.tema-sec button[aria-pressed="true"] { background:var(--yuzey); color:var(--yazi); box-shadow:var(--golge-1); }
.tema-sec .ikon { width:16px; height:16px; }
@media (max-width:880px) { .ust nav a.gez { display:none; } }
@media (max-width:400px) { .ust nav .btn-hafif { padding:0 8px; } .tema-sec { margin-left:0; } .tema-sec button { width:26px; } }

/* kahraman */
.kahraman { display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:56px; align-items:center; padding-block:56px 72px; }
.ust-not { display:inline-flex; gap:8px; align-items:center; font-size:13px; font-weight:600; color:var(--yazi-2); letter-spacing:.02em; margin-bottom:18px; }
.ust-not i { width:8px; height:8px; border-radius:50%; background:var(--ekle); }
.ust-not i.b { background:var(--bekle-cizgi); }
.kahraman h1 { font:500 clamp(36px, 5vw, 56px)/1.05 var(--f-serif); letter-spacing:-.015em; }
.kahraman h1 em { font-style:italic; color:var(--vurgu); }
.kahraman .alt { margin-top:20px; font-size:18px; color:var(--yazi-2); max-width:46ch; }
.eylemler { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; }
.kucuk-not { margin-top:14px; font-size:13px; color:var(--yazi-3); max-width:52ch; }

/* ürün maketi (landing.html'deki ile aynı) */
.maket { border-radius:var(--r-3); background:var(--yuzey); border:1px solid var(--cizgi); box-shadow:var(--golge-3); overflow:hidden; font-size:12px; position:relative; }
.m-ust { display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid var(--cizgi); }
.m-ust .logo-isaret { width:22px; height:22px; font-size:13px; }
.m-ust .m-ad { font:600 13px/1.2 var(--f-serif); }
.m-ust .m-durum { font-size:10px; color:var(--yazi-3); }
.m-ust .m-surum { margin-left:auto; padding:4px 8px; border:1px solid var(--cizgi-guclu); border-radius:6px; font-size:10.5px; color:var(--yazi-2); }
.m-ust .m-btn { padding:5px 9px; border-radius:6px; background:var(--vurgu); color:var(--vurgu-yazi); font-size:10.5px; font-weight:600; }
.m-govde { display:grid; grid-template-columns:44% 56%; height:380px; }
.m-pdf { background:var(--pdf-zemin); padding:18px 16px; display:grid; place-items:start center; overflow:hidden; }
.m-sayfa { width:100%; max-width:200px; aspect-ratio:17/24; background:var(--pdf-kagit); border-radius:2px; padding:16% 12%; display:grid; gap:5px; align-content:start; box-shadow:0 6px 18px rgb(0 0 0 / .35); }
.m-sayfa i { display:block; height:4px; border-radius:1px; background:var(--pdf-satir); }
.m-sayfa i.b { height:7px; width:62%; background:#3b3f48; margin-bottom:8px; }
.m-sayfa i.sari { background:linear-gradient(90deg, var(--pdf-satir) 0 30%, var(--pdf-sari) 30% 52%, var(--pdf-satir) 52%); }
.m-sayfa i.tur { background:linear-gradient(90deg, var(--pdf-satir) 0 58%, var(--pdf-turuncu) 58% 84%, var(--pdf-satir) 84%); }
.m-sayfa i.k { width:70%; }
.m-sayfa i.p { margin-top:6px; }
.m-yan { display:flex; flex-direction:column; min-width:0; }
.m-sekme { display:flex; gap:14px; padding:9px 14px 0; border-bottom:1px solid var(--cizgi); font-weight:500; color:var(--yazi-2); }
.m-sekme span { padding-bottom:8px; }
.m-sekme span.a { color:var(--yazi); box-shadow:inset 0 -2px 0 var(--vurgu); }
.m-sekme b { display:inline-grid; place-items:center; min-width:16px; height:16px; padding:0 4px; border-radius:99px; background:var(--bekle-zemin); color:var(--bekle); font-size:9.5px; margin-left:3px; }
.m-belge { flex:1; background:var(--yuzey-2); padding:12px; overflow:hidden; position:relative; }
.m-kagit { background:var(--kagit); border-radius:3px; padding:16px 18px; font:12.5px/1.65 var(--f-serif); color:var(--yazi); box-shadow:var(--golge-1); display:grid; gap:8px; }
.m-kagit h4 { margin:0; font:600 15px/1.3 var(--f-serif); }
.m-kagit .duz { margin:0 -8px; padding:4px 8px; border-radius:5px; background:var(--vurgu-zemin); box-shadow:inset 0 0 0 1.5px var(--vurgu); }
.m-kagit .imlec { display:inline-block; width:1.5px; height:13px; background:var(--vurgu); vertical-align:-2px; animation:yanip 1.1s steps(1) infinite; }
@keyframes yanip { 50% { opacity:0; } }
.m-kagit .degisti { box-shadow:inset 2px 0 0 var(--ekle); margin-left:-8px; padding-left:8px; }
del.s { margin-right:2px; background:var(--sil-zemin); color:var(--sil); text-decoration-thickness:1.5px; }
ins.e { background:var(--ekle-zemin); color:var(--ekle); text-decoration:none; font-weight:600; }
.m-isaret { text-decoration:underline 2px var(--bekle-cizgi); text-underline-offset:3px; background:color-mix(in srgb, var(--bekle-zemin) 70%, transparent); }
.m-kart { position:absolute; right:14px; bottom:10px; width:190px; background:var(--yuzey); border:1px solid var(--cizgi-guclu); border-radius:9px; box-shadow:var(--golge-2); padding:10px; display:grid; gap:6px; font-size:11px; }
.m-kart .r { display:inline-block; padding:1px 7px; border-radius:99px; background:var(--bekle-zemin); color:var(--bekle); font-weight:700; font-size:9.5px; justify-self:start; }
.m-kart .d { font-size:12px; }
.m-kart .n { color:var(--yazi-2); font-size:10.5px; line-height:1.4; }
.m-kart .bb { display:flex; gap:5px; }
.m-kart .bb span { padding:4px 8px; border-radius:5px; font-weight:600; font-size:10px; border:1px solid var(--cizgi-guclu); }
.m-kart .bb span:first-child { background:var(--vurgu); color:var(--vurgu-yazi); border-color:var(--vurgu); }
.m-cubuk { display:flex; align-items:center; gap:6px; padding:8px 12px; border-top:1px solid var(--cizgi); background:var(--yuzey); font-size:10.5px; }
.m-cubuk span { white-space:nowrap; }
.m-cubuk .k { color:var(--bekle); font-weight:600; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.m-cubuk span.b { margin-left:auto; padding:5px 8px; border-radius:6px; border:1px solid var(--cizgi-guclu); }
.m-cubuk span.a { padding:5px 8px; border-radius:6px; background:var(--vurgu); color:var(--vurgu-yazi); font-weight:600; }
@media (max-width:960px) { .kahraman { grid-template-columns:1fr; gap:40px; padding-block:32px 48px; } .maket { max-width:640px; } }
@media (max-width:560px) {
  .m-govde { grid-template-columns:1fr; height:auto; }
  .m-pdf { display:none; }
  .m-kart { position:static; width:auto; margin-top:10px; }
  .m-belge { padding:10px; }
  .m-ust .m-surum { display:none; }
}

/* bölümler */
.bolum { scroll-margin-top:76px; padding-block:72px; border-top:1px solid var(--cizgi); }
.bolum-bas { max-width:640px; margin-bottom:40px; }
.bolum-bas .ust-not { margin-bottom:10px; }
.bolum-bas h2 { font:500 clamp(28px, 3.6vw, 40px)/1.1 var(--f-serif); letter-spacing:-.01em; }
.bolum-bas p { margin-top:12px; color:var(--yazi-2); font-size:17px; }
.adimlar { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0; counter-reset:adim; }
.adimlar li { padding:0 24px 0 0; display:grid; gap:10px; align-content:start; position:relative; }
.adimlar li::before { counter-increment:adim; content:counter(adim); font:500 40px/1 var(--f-serif); color:var(--vurgu); font-variant-numeric:oldstyle-nums; }
.adimlar li::after { content:""; position:absolute; top:22px; left:44px; right:24px; height:1px; background:var(--cizgi-guclu); }
.adimlar li:last-child::after { display:none; }
.adimlar h3 { font:600 17px/1.3 var(--f-ui); }
.adimlar p { color:var(--yazi-2); font-size:15px; }
@media (max-width:860px) { .adimlar { grid-template-columns:1fr 1fr; row-gap:36px; } .adimlar li::after { display:none; } }
@media (max-width:480px) { .adimlar { grid-template-columns:1fr; row-gap:28px; } }
.ozellikler { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1px; background:var(--cizgi); border:1px solid var(--cizgi); border-radius:var(--r-3); overflow:hidden; }
.ozellik { background:var(--yuzey); padding:28px; display:grid; gap:10px; align-content:start; }
.ozellik .ik { width:40px; height:40px; border-radius:10px; background:var(--vurgu-zemin); color:var(--vurgu); display:grid; place-items:center; }
.ozellik h3 { font:600 17px/1.3 var(--f-ui); margin-top:6px; }
.ozellik p { color:var(--yazi-2); font-size:15px; }
@media (max-width:900px) { .ozellikler { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .ozellikler { grid-template-columns:1fr; } .ozellik { padding:22px; } }
.gizlilik { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); gap:48px; align-items:start; }
.gizlilik .bolum-bas { margin:0; }
.gizlilik ul { list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.gizlilik li { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:14px; }
.gizlilik li .ikon { color:var(--ekle); margin-top:3px; }
.gizlilik li b { display:block; font-size:16px; }
.gizlilik li p { color:var(--yazi-2); font-size:15px; }
@media (max-width:860px) { .gizlilik { grid-template-columns:1fr; gap:24px; } }
.sss { display:grid; gap:0; max-width:760px; border-top:1px solid var(--cizgi); }
.sss details { border-bottom:1px solid var(--cizgi); }
.sss summary { list-style:none; cursor:pointer; padding:18px 0; display:flex; justify-content:space-between; gap:16px; font-weight:600; font-size:17px; }
.sss summary::-webkit-details-marker { display:none; }
.sss summary::after { content:"+"; font:400 22px/1 var(--f-ui); color:var(--yazi-3); transition:transform var(--gecis); }
.sss details[open] summary::after { transform:rotate(45deg); }
.sss details p { padding:0 0 18px; color:var(--yazi-2); max-width:64ch; }
.son-cagri { display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; padding:32px; border-radius:var(--r-3); background:var(--yuzey); border:1px solid var(--cizgi); }
.son-cagri h2 { font:500 28px/1.15 var(--f-serif); }
.son-cagri p { color:var(--yazi-2); margin-top:6px; }
.son-cagri .eylemler { margin-top:0; }
.son-blok { padding-block:24px 8px; }
footer { padding-block:40px 56px; color:var(--yazi-3); font-size:14px; }
footer .sar { display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between; }
footer a { color:var(--yazi-2); }

/* test sonuçları: sayı kutuları, CSS çubuk grafik, tablo, kartlar */
.kart { background:var(--yuzey); border:1px solid var(--cizgi); border-radius:var(--r-3); }
.rakamlar { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1px; background:var(--cizgi); border:1px solid var(--cizgi); border-radius:var(--r-3); overflow:hidden; }
.rakam { background:var(--yuzey); padding:22px; display:grid; gap:4px; align-content:start; }
.rakam b { font:500 34px/1.1 var(--f-serif); font-variant-numeric:lining-nums; }
.rakam span { color:var(--yazi-2); font-size:14px; }
.rakam small { color:var(--yazi-3); font-size:12px; }
@media (max-width:860px) { .rakamlar { grid-template-columns:1fr 1fr; } }
@media (max-width:400px) { .rakamlar { grid-template-columns:1fr; } }
.etiket-olc, .etiket-tah { display:inline-block; padding:1px 8px; border-radius:99px; font-size:11.5px; font-weight:700; vertical-align:2px; white-space:nowrap; }
.etiket-olc { background:var(--ekle-zemin); color:var(--ekle); }
.etiket-tah { background:var(--bekle-zemin); color:var(--bekle); }
.iki-sutun { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:24px; margin-top:24px; }
@media (max-width:860px) { .iki-sutun { grid-template-columns:1fr; } }
.grafik { padding:24px; display:grid; gap:16px; align-content:start; }
.grafik h3, .sinirlar h3 { font:600 17px/1.3 var(--f-ui); }
.cubuklar { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.cubuklar li { display:grid; gap:6px; }
.cubuklar .ust-satir { display:flex; justify-content:space-between; gap:12px; font-size:14px; color:var(--yazi-2); }
.cubuklar .ust-satir b { color:var(--yazi); font-variant-numeric:tabular-nums; white-space:nowrap; }
.cubuk { height:10px; border-radius:99px; background:var(--yuzey-3); overflow:hidden; }
.cubuk i { display:block; height:100%; border-radius:inherit; background:var(--vurgu); }
/* çubuk genişlikleri sınıfla: CSP satır içi stile izin vermez */
.w25 { width:25%; } .w26 { width:26%; } .w36 { width:36%; } .w40 { width:40%; } .w41 { width:41%; } .w53 { width:53%; } .w57 { width:57%; } .w61 { width:61%; } .w76 { width:76%; }
.dip { font-size:13px; color:var(--yazi-3); }
.sinirlar { padding:24px; display:grid; gap:12px; align-content:start; }
.sinirlar ul { margin:0; padding-left:20px; display:grid; gap:8px; color:var(--yazi-2); font-size:15px; }
.sinirlar li::marker { color:var(--bekle-cizgi); }
.tablo-sar { overflow-x:auto; border:1px solid var(--cizgi); border-radius:var(--r-3); background:var(--yuzey); }
table { width:100%; border-collapse:collapse; font-size:15px; }
caption { text-align:left; padding:14px 16px; font-weight:600; border-bottom:1px solid var(--cizgi); }
th, td { padding:11px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--cizgi); }
thead th { font-size:13px; color:var(--yazi-2); background:var(--yuzey-2); }
tbody th { font-weight:600; }
tr:last-child > * { border-bottom:0; }
td.sayi { font-variant-numeric:tabular-nums; }
/* dar ekranda tablo satırları kart gibi alt alta: başlık üstte, sonuç ve tür altta */
@media (max-width:560px) {
  .yigin thead { display:none; }
  .yigin tr { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 12px; padding:12px 16px; border-bottom:1px solid var(--cizgi); }
  .yigin tr:last-child { border-bottom:0; }
  .yigin th, .yigin td { padding:0; border:0; }
  .yigin tbody th { grid-column:1 / -1; }
}
.raporlar { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap:16px; }
.rapor-kart { display:grid; gap:10px; padding:22px; color:var(--yazi); text-decoration:none; transition:border-color var(--gecis), box-shadow var(--gecis); }
.rapor-kart:hover { border-color:var(--cizgi-guclu); box-shadow:var(--golge-2); }
.rapor-kart h3 { font:600 18px/1.3 var(--f-serif); }
.rapor-kart p { color:var(--yazi-2); font-size:15px; }
.rapor-kart .alt-satir { display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--yazi-3); }
.rapor-kart .alt-satir span:last-child { color:var(--vurgu); font-weight:600; }
.rapor-kart.bos { border-style:dashed; background:transparent; color:var(--yazi-3); }

/* rapor sayfası */
.rapor-bas { padding-block:48px 32px; max-width:760px; }
.rapor-bas h1 { font:500 clamp(32px, 4.4vw, 48px)/1.08 var(--f-serif); letter-spacing:-.015em; }
.rapor-bas .alt { margin-top:16px; font-size:18px; color:var(--yazi-2); }
.uyari-kutu { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:var(--r-2); background:var(--bekle-zemin); color:var(--yazi); font-size:15px; margin-top:20px; }
.uyari-kutu .ikon { color:var(--bekle); margin-top:2px; }
.duz-metin { max-width:760px; display:grid; gap:14px; color:var(--yazi-2); }
.duz-metin ul, .duz-metin ol { margin:0; padding-left:22px; display:grid; gap:8px; }
.duz-metin b { color:var(--yazi); }
.geri { display:flex; width:fit-content; gap:6px; align-items:center; font-size:15px; text-decoration:none; margin-bottom:16px; }