/* Personel Vardiya web sayfaları — "B · Nane" (renkler mobile/src/tema.ts ile aynı). Dışarıdan font/kod yüklenmez. */
:root {
  --zemin: #F1F5F1; --kart: #FFFFFF; --metin: #12332A; --ikincil: #4D6359; --cizgi: #DDE6DF;
  --vurgu: #17784F; --vurgu-koyu: #155C3A; --vurgu-acik: #D7F0E2;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
a { color: var(--vurgu); }
.ust { display: flex; align-items: center; gap: 10px; padding: 18px 16px; max-width: 760px; margin: 0 auto; }
.ust a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--metin); font-weight: 800; font-size: 21px; letter-spacing: -.01em; }
.ust svg { width: 40px; height: 40px; flex: none; }
main { max-width: 760px; margin: 0 auto; padding: 0 16px 48px; }
.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 28px; padding: 28px 24px; }
.kart + .kart { margin-top: 16px; }
h1 { font-size: clamp(26px, 5vw, 34px); line-height: 1.2; letter-spacing: -.02em; margin: 0 0 8px; font-weight: 800; }
h2 { font-size: 19px; margin: 28px 0 8px; font-weight: 700; }
p, li { color: var(--metin); }
.soluk { color: var(--ikincil); }
.kucuk { font-size: 14px; }
ul, ol { padding-left: 22px; }
li + li { margin-top: 4px; }
.ozet { background: var(--vurgu-acik); border-radius: 20px; padding: 16px 20px; margin: 16px 0 8px; }
.ozet ul { margin: 6px 0 0; }
table { width: 100%; border-collapse: collapse; font-size: 15px; margin-top: 8px; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-top: 1px solid var(--cizgi); }
th { width: 34%; font-weight: 600; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.dugme {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px;
  border-radius: 999px; background: var(--vurgu); color: #fff; font-weight: 700; text-decoration: none;
}
.dugme:hover { background: var(--vurgu-koyu); }
.dugme.ikinci { background: var(--kart); color: var(--metin); border: 1.5px solid #CFDBD3; }
.dugme.ikinci:hover { background: var(--zemin); }
.alt { max-width: 760px; margin: 0 auto; padding: 0 16px 40px; font-size: 14px; color: var(--ikincil); }
.alt a { color: var(--ikincil); margin-right: 16px; display: inline-block; padding: 6px 0; }
@media (max-width: 560px) {
  .kart { padding: 22px 18px; border-radius: 24px; }
  th, td { display: block; width: 100%; padding: 6px 0; border: 0; }
  tr { display: block; border-top: 1px solid var(--cizgi); padding: 8px 0; }
  .dugme { width: 100%; }
}