body { padding: 40px 24px 90px; }

.sarmal { max-width: 720px; margin: 0 auto; }

.ust { display: flex; align-items: center; gap: 14px; padding-bottom: 30px; }
.marka-bag {
  flex-grow: 1; font-family: "Fraunces", serif; font-size: 21px; font-weight: 600;
  letter-spacing: -0.3px; color: var(--yazi); text-decoration: none;
}
.marka-bag:hover { color: var(--yazi); }
.marka-bag { display: flex; align-items: center; gap: 8px; }
.marka-bag svg { width: 24px; height: 24px; flex: none; color: var(--vurgu); }
.kucuk-dugme { padding: 8px 15px; font-size: 13px; }

h1 { font-size: 33px; margin-bottom: 10px; }
h2 { font-size: 21px; margin: 40px 0 12px; }
h3 {
  font-family: "Public Sans", sans-serif; font-size: 15px; font-weight: 600;
  color: var(--yazi); margin: 24px 0 7px;
}

p, li { font-size: 15px; line-height: 1.68; color: var(--koyu); }
p { margin: 0 0 12px; }
ul, ol { padding-left: 21px; margin: 0 0 12px; }
li { margin-bottom: 7px; }

table { width: 100%; border-collapse: collapse; margin: 15px 0 18px; }
th, td {
  text-align: left; padding: 10px 12px; font-size: 14px; line-height: 1.55;
  vertical-align: top; border-bottom: 1px solid var(--cizgi); color: var(--koyu);
}
th { font-weight: 500; font-size: 12.5px; color: var(--sessiz); letter-spacing: 0.2px; }
td:first-child { width: 34%; }

.tarih { font-size: 13px; color: var(--soluk); margin-bottom: 26px; }

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86em;
  padding: 1px 5px; border-radius: 5px; background: var(--yumusak); overflow-wrap: anywhere;
}

.kutu {
  padding: 15px 17px; border-radius: 12px; background: var(--yumusak);
  margin: 20px 0; font-size: 14px; line-height: 1.62; color: var(--sessiz);
}

.doldur {
  padding: 14px 16px; border: 1px solid var(--amber-cizgi); border-radius: 11px;
  background: var(--amber-zemin); color: var(--koyu);
  font-size: 14px; line-height: 1.62; margin: 20px 0;
}

.ayak { margin-top: 42px; padding-top: 22px; border-top: 1px solid var(--cizgi); font-size: 14px; }

@media (max-width: 560px) {
  body { padding: 28px 18px 70px; }
  h1 { font-size: 27px; }
  td:first-child { width: auto; }
  th, td { padding: 9px 8px; font-size: 13.5px; }
}