* { box-sizing: border-box; margin: 0; padding: 0; }
/* tek tutarlı ağırlık: hiçbir yer 400'e (ince) düşmesin (Damla 15 Tem: "kimi kalın kimi ince") */
body, p, span, a, div, textarea, button, summary, label, li { font-weight: 500; }
b, strong, .brand, .k-ad, .hukum, .dz-title, .whois-q { font-weight: 700; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--ink-2);
  line-height: 1.65;
  font-size: 15px;
  font-weight: 500;                 /* kalın gövde — terminal karakteri */
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  min-height: 100vh;
}
.wrap { position: relative; z-index: 1; max-width: 680px; width: 100%; margin: 0 auto; padding: 32px 20px 24px; text-align: left;
  min-height: 100vh; display: flex; flex-direction: column; }
/* sonuç ekranı sayfa genişliğini alsın, ortada sıkışmasın */
body.sonuc .wrap { max-width: 1100px; }
/* başlık ortada kalır, gerisi hep aynı sol kenardan */
.site-head { text-align: center; }
/* her blok tam genişlik, tek sol kenar */
.giris, .altgrup, .reveal, .site-foot { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
/* alt grup (quota + nasıl) sayfa dibine iner, üstte boşluk kalır */
.altgrup { margin-top: auto; }
.altgrup .quota { text-align: left; }
.altgrup .nasil { text-align: left; margin: 4px 0 0; max-width: 100%; }
@media (max-width: 700px) { .wrap { padding: 20px 14px 32px; } }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }

h1, h2, h3 { font-family: var(--disp); font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; color: var(--ink); }
p { color: var(--ink-2); }
button { font-family: inherit; cursor: pointer; }
.muted { color: var(--ink-3); font-size: 0.9rem; }
.hidden { display: none !important; }

/* header — sıkışık, dip dibe (Damla: boşluktan nefret) */
.site-head {
  display: flex; flex-direction: column; align-items: center;
  gap: 4px; margin-bottom: 26px;
}
.brand { font-family: var(--mono); font-size: 22px; font-weight: 700; letter-spacing: -0.5px; color: var(--ink);
  background: none; border: 0; padding: 0; cursor: pointer; }
/* tıklanabilir olduğu belli olsun: yanında yanıp sönen terminal imleci */
.brand::after { content: "_"; color: var(--ink-3); animation: brandBlink 1.2s steps(1) infinite; margin-left: 1px; }
.brand:hover { color: #fff; }
.brand:hover::after { color: #fff; }
@keyframes brandBlink { 50% { opacity: 0; } }
.site-head .meta { font-family: var(--mono); font-size: 12.5px; color: var(--ink-3); margin: 0; }
/* isme tıklayınca açılan developer flört tavsiyeleri */
.dev-notu { margin-top: 10px; max-width: 480px; text-align: center; font-family: var(--mono); }
.dev-notu p { font-size: 13.5px; line-height: 1.5; color: var(--ink-2); margin: 0 0 4px; }
.dev-notu .dn-placeholder { color: var(--ink-4); font-size: 12px; }

/* kocaman * papatyalar — kenarlarda, sönük, süs (Damla 15 Tem) */
.papatyalar { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
.papatyalar span { position: absolute; font-family: var(--mono); font-size: 64px; line-height: 1;
  color: var(--line); opacity: 0.5; transform: translate(-50%, -50%); }
/* mobilde: küçült, sönükleştir, merkeze binenleri gizle (okunurluk) */
@media (max-width: 700px) {
  .papatyalar span { font-size: 34px; opacity: 0.35; }
  .papatyalar span:nth-child(7), .papatyalar span:nth-child(8) { display: none; }
}

/* nasıl yapıldı — tıkla-aç, SOLA align, quota ile aynı boy */
.nasil { margin: 2px auto 0; max-width: 680px; text-align: left; }
.nasil summary { font-family: var(--mono); font-size: 0.75rem; color: var(--ink-3); cursor: pointer;
  list-style: none; display: inline-block; }
.nasil summary::-webkit-details-marker { display: none; }
.nasil summary::before { content: "* "; color: var(--ink-3); }
.nasil summary:hover { color: var(--ink); text-decoration: underline; }
.nasil[open] summary { margin-bottom: 8px; color: var(--ink); }
.nasil p { font-family: var(--mono); font-size: 11.5px; line-height: 1.5; color: var(--ink-3); margin: 0 0 5px; padding-left: 20px; text-align: left; }
.nasil p:last-child { margin-bottom: 0; }

/* footer — en altta, sola yaslı, DİP DİBE (satırlar bitişik, boşluk yok) */
.site-foot { border-top: 1px solid var(--line); margin: 14px auto 0; max-width: 680px; padding: 10px 0 16px;
  color: var(--ink-4); font-size: 0.72rem; line-height: 1.15; display: block; text-align: left; }
.site-foot .links { display: flex; gap: 10px; margin: 0; flex-wrap: wrap; align-items: baseline; }
.site-foot .links .l-giz { color: var(--t-turuncu); }
.site-foot .links .l-kos { color: var(--t-mavi); }
.site-foot .links .badge-inline { color: var(--t-pembe); }
.site-foot .links .sep { color: var(--ink-4); }
.site-foot span { display: block; margin: 0; }
.site-foot .imza { color: var(--ink-3); margin: 0; }
.site-foot .imza a { color: var(--t-mor); }
.site-foot a { color: var(--ink-3); margin-right: 14px; }
.site-foot a:hover { color: var(--ink-2); }
.site-foot .disclaimer { flex-basis: auto; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}