/* Vize Haritası — ortak stiller
   Düzen: üst gezinme çubuğu → içerik (.wrap) → alt bilgi. Pasaport kapak renkleri vurgu olarak kullanılır. */
:root{
  --bg:#f5f6f4; --surface:#ffffff; --fg:#1c2220; --muted:#5b6561; --line:#dbe1dd; --chip:#eaeeec;
  --map-none:#d9dedb; --map-tr:#1c2220; --map-stroke:#ffffff;
  --p-u:#7a1f2b; --p-h:#1f5a3c; --p-s:#4d5a66; --p-d:#1e1e22;
  --ok:#2f8f57; --ez:#d79b1c; --no:#c4473c; --sp:#5a72c4;
  --ok-bg:#dcf2e3; --ok-fg:#14562f; --ez-bg:#fdf0cf; --ez-fg:#7a5205;
  --no-bg:#fbe0dd; --no-fg:#8f1d16; --sp-bg:#e3e8f6; --sp-fg:#2b3f78;
  --f-disp:"Spectral",Georgia,serif; --f-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#131716; --surface:#1a1f1e; --fg:#e5eae7; --muted:#99a49f; --line:#2b3230; --chip:#242b29;
  --map-none:#2d3432; --map-tr:#e5eae7; --map-stroke:#131716;
  --p-u:#d77a86; --p-h:#6fc093; --p-s:#9fb0bf; --p-d:#c9c9d2;
  --ok:#4fbf7d; --ez:#e0b040; --no:#e0675b; --sp:#8199e6;
  --ok-bg:#173826; --ok-fg:#8fe0ae; --ez-bg:#3b2e0e; --ez-fg:#f2cc72;
  --no-bg:#43201c; --no-fg:#f4a39a; --sp-bg:#232c48; --sp-fg:#a9bbf0; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.55}
img{max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
main.wrap{padding-block:26px 48px;display:flex;flex-direction:column;gap:22px}
/* gezinme */
.nav{border-bottom:1px solid var(--line);background:var(--surface)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--f-disp);font-weight:700;font-size:19px}
.brand .covers{display:flex;gap:2px}
.brand .covers i{display:block;width:6px;height:16px;border-radius:1px 2px 2px 1px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.nav ul a{display:block;text-decoration:none;padding:6px 11px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted)}
.nav ul a:hover{background:var(--chip);color:var(--fg)}
.nav ul a[aria-current="page"]{background:var(--fg);color:var(--bg)}
/* tipografi */
.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
h1{font-family:var(--f-disp);font-size:clamp(26px,4.2vw,38px);line-height:1.12;margin:6px 0;text-wrap:balance}
h2{font-family:var(--f-disp);font-size:21px;margin:0;text-wrap:balance}
.lead{margin:0;color:var(--muted);max-width:68ch}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}
.sw{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pill{display:inline-block;padding:3px 8px;border-radius:6px;font-weight:600;font-size:12.5px;line-height:1.35}
.ok{background:var(--ok-bg);color:var(--ok-fg)} .ez{background:var(--ez-bg);color:var(--ez-fg)}
.no{background:var(--no-bg);color:var(--no-fg)} .sp{background:var(--sp-bg);color:var(--sp-fg)}
.tag{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--chip);color:var(--muted)}
.back{align-self:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13px;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
/* ülke sayfası */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.cards{grid-template-columns:minmax(0,1fr)}}
.card{padding:14px;display:flex;flex-direction:column;gap:8px;border-top:5px solid var(--c)}
.card h2{font-family:var(--f-body);margin:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.card .st{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.card .val{font-family:var(--f-disp);font-size:19px;line-height:1.25}
.card.ok-c .st{color:var(--ok-fg)} .card.ez-c .st{color:var(--ez-fg)} .card.no-c .st{color:var(--no-fg)} .card.sp-c .st{color:var(--sp-fg)}
.dbody{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
@media (max-width:760px){.dbody{grid-template-columns:minmax(0,1fr)}}
.box{padding:16px;display:flex;flex-direction:column;gap:10px}
.box h2{font-size:17px}
.box p{margin:0;max-width:68ch}
.links{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.links a{word-break:break-all}
.guide-box{border-left:4px solid var(--cur,var(--p-h))}
.guide-box a{font-weight:600}
.cta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;text-decoration:none;border-left:4px solid var(--p-h)}
.cta:hover{border-color:var(--muted);border-left-color:var(--p-h)}
.cta b{display:block;font-size:16px;margin-bottom:2px}
.cta span span{color:var(--muted);font-size:14px}
.cta .arrow{font-size:22px;color:var(--p-h);flex:none}
/* makale */
.article{max-width:72ch;display:flex;flex-direction:column;gap:6px}
.article .meta{color:var(--muted);font-size:13px}
.prose{font-size:16px;line-height:1.65}
.prose h2{margin:28px 0 8px;font-size:23px}
.prose h3{margin:20px 0 6px;font-size:17px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}
.prose li{margin:4px 0}
.prose table{border-collapse:collapse;width:100%;font-size:14.5px;margin:6px 0 16px;background:var(--surface)}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:var(--chip);font-weight:600}
.prose .tbl-scroll{overflow-x:auto}
.prose a{text-decoration-color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{text-decoration:none;font-size:13px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.chips a:hover{background:var(--chip)}
/* rehber listesi */
.glist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.gitem{padding:16px;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.gitem:hover{border-color:var(--muted)}
.gitem h2{font-size:19px}
.gitem p{margin:0;color:var(--muted);font-size:14px}
/* alt bilgi */
.foot{border-top:1px solid var(--line);margin-top:20px}
.foot .wrap{padding-block:22px 34px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:8px}
.foot nav{display:flex;flex-wrap:wrap;gap:14px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}