/* Rehber turco — foglio unico, minimale.
   Le pagine devono caricare in fretta e leggersi bene sul telefono: chi cerca
   "italya vize" lo fa dal telefono, spesso in coda. */
:root{--sfondo:#fff;--testo:#16181d;--tenue:#5b6472;--bordo:#e3e7ec;
--accento:#2d6a4f;--accento-db:#f2f7f4;--avviso:#8a5a12;--avviso-db:#fdf6e8}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
--sfondo:#14161a;--testo:#e8eaed;--tenue:#9aa3b0;--bordo:#262b33;
--accento:#6ee7a8;--accento-db:#182420;--avviso:#e5b567;--avviso-db:#251f12}}
*{box-sizing:border-box}
body{margin:0;padding:0 1.25rem 4rem;background:var(--sfondo);color:var(--testo);
font:16.5px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:44rem;margin:0 auto}
.briciole{max-width:44rem;margin:0 auto;padding:1rem 0 0;font-size:.85rem;color:var(--tenue)}
.briciole a{color:var(--tenue)}
h1{font-size:1.85rem;line-height:1.25;margin:1.1rem 0 .7rem;letter-spacing:-.02em}
h2{font-size:1.12rem;margin:2.2rem 0 .6rem}
p{margin:0 0 .9rem}
.risposta{font-size:1.06rem;padding:.9rem 1.1rem;background:var(--accento-db);
border-left:3px solid var(--accento);border-radius:0 6px 6px 0}
.avvertenza{font-size:.9rem;padding:.85rem 1.05rem;background:var(--avviso-db);
border-left:3px solid var(--avviso);border-radius:0 6px 6px 0;color:var(--testo)}
ol.passi{padding-left:1.3rem}
ol.passi li{margin-bottom:.5rem}
.fonti{margin-top:.6rem;font-size:.84rem;color:var(--tenue)}
.fonti-et{display:inline-block;font-size:.7rem;text-transform:uppercase;
letter-spacing:.08em;font-weight:600;margin-bottom:.2rem}
.fonti ul{margin:.15rem 0 0;padding-left:1.1rem}
details{border-bottom:1px solid var(--bordo);padding:.7rem 0}
summary{cursor:pointer;font-weight:500}
details p{margin:.6rem 0 0;color:var(--tenue)}
.cta{margin-top:2.4rem;padding:1.3rem;background:var(--accento-db);border-radius:10px}
.cta h2{margin-top:0}
.bottone{display:inline-block;margin-top:.4rem;padding:.7rem 1.3rem;
background:var(--accento);color:var(--sfondo);text-decoration:none;
border-radius:8px;font-weight:600}
/* [2026-09-05] date del documento, immagini di copertina e miniature */
.tarih{font-size:.82rem;color:var(--tenue);margin-top:1.6rem;padding-top:.6rem;border-top:1px solid var(--bordo)}
figure.kapak{margin:1rem 0}
figure.kapak img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--bordo)}
figure.kapak figcaption,figure.harita-omi figcaption{font-size:.78rem;color:var(--tenue);margin-top:.35rem}
figure.harita-omi{margin:1rem 0}
figure.harita-omi img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--bordo)}
/* [2026-09-05, cantiere 6] mappa al primo tocco (harita_yukleyici): il
   segnaposto ha la stessa altezza della mappa, cosi' al tocco il layout non
   salta; `.harita[hidden]` batte il display:flex del segnaposto. Era in
   CSS_GEZI, ma la altezza serve a tutte le mappe e la scrive chi scrive il
   foglio. */
.harita{width:100%;height:24rem;border-radius:10px;border:1px solid var(--bordo);margin:1rem 0 .4rem;background:var(--accento-db)}
.harita[hidden]{display:none}
.harita-yukle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center}
.harita-yukle .nota{margin:0}
.harita-dugme{padding:.7rem 1.3rem;min-height:44px;background:var(--accento);color:var(--sfondo);
border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}
.harita-dugme:disabled{opacity:.6;cursor:wait}
.harita-dugme:focus-visible{outline:2px solid var(--testo);outline-offset:2px}
@media(max-width:32rem){.harita{height:18rem}}
img.kucuk{float:right;width:8.5rem;height:auto;margin:0 0 .5rem .8rem;border-radius:6px}
@media(max-width:32rem){img.kucuk{width:6rem}}
ul.altre,ul.indice{list-style:none;padding:0}
ul.altre li{padding:.3rem 0}
/* [2026-09-06] «Rehberin diğer adımları»: 37 voci in colonna erano alte 1393px.
   L'anchor text resta INTERO nel DOM — e' quello su cui il cluster si regge —
   e viene troncato solo a schermo, cosi' ogni voce sta su una riga. Con i
   gruppi in due colonne: 1393 -> 829 px, nessuna voce spezzata. */
.altre-mappa{columns:2;column-gap:34px;margin:.2rem 0 0}
.altre-g{break-inside:avoid;margin:0 0 1.15rem}
.altre-g h3{font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted,#6b6b6b);margin:0 0 .35rem}
.altre-g ul{list-style:none;margin:0;padding:0}
.altre-g li{padding:.22rem 0}
.altre-g a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Il troncamento resta attivo anche in colonna unica: a 420px la riga e' larga
   370px, non 704, e senza troncamento le voci tornavano su due righe portando
   l'elenco da 1.982 a 2.140 px, cioe' PEGGIO di prima. */
@media (max-width:720px){.altre-mappa{columns:1}}
/* [2026-09-05] «Aynı şehirde» nella pagina monumento (genera_yer_tr):
   otto voci su due colonne, una sola sotto i 32rem */
ul.altre.ayni-sehir{columns:2}
ul.altre.ayni-sehir li{break-inside:avoid}
@media(max-width:32rem){ul.altre.ayni-sehir{columns:1}}
ul.indice li{border-bottom:1px solid var(--bordo)}
ul.indice a{display:block;padding:.85rem 0;text-decoration:none}
ul.indice strong{display:block;color:var(--accento)}
ul.indice span{display:block;font-size:.87rem;color:var(--tenue);margin-top:.15rem}
a{color:var(--accento)}
a:focus-visible{outline:2px solid var(--accento);outline-offset:2px}
.cta-nota{font-size:.92rem;padding:.7rem .9rem;background:var(--sfondo);
border:1px dashed var(--accento);border-radius:8px}
.bottone-2{display:inline-block;margin:.4rem 0 0 .5rem;padding:.7rem 1.2rem;
border:1px solid var(--accento);color:var(--accento);text-decoration:none;
border-radius:8px;font-weight:600}
@media(max-width:26rem){.bottone,.bottone-2{display:block;margin-left:0;text-align:center}}
/* [2026-09-05] tabelle comparative delle citta' (era CSS_EXTRA in
   genera_sehirler_tr.py, che riscriveva rehber.css: ora lo scrive solo questo
   file, una volta, e gli altri generatori appendono) */
.scorrevole{overflow-x:auto;margin:0 0 1rem}
/* [2026-09-05, cantiere 9] tap target: i link inline nelle celle, nelle
   fonti, nelle briciole e negli elenchi dei luoghi erano alti quanto la riga
   (19-20 px a .84rem; 171 sotto i 24 px su gezi/roma). inline-block con
   min-height li porta a 24 px senza allargare le tabelle (.scorrevole) */
td a,th a,.fonti a,.briciole a,ul.altre li a,ol.yerler a,.nota a,figcaption a{
display:inline-block;padding:4px 0;min-height:24px;line-height:1.4}
table{width:100%;border-collapse:collapse;font-size:.93rem}
thead th{text-align:left;font-size:.75rem;text-transform:uppercase;
letter-spacing:.05em;color:var(--tenue);border-bottom:1px solid var(--bordo);
padding:.5rem .65rem;white-space:nowrap}
tbody th{text-align:left;font-weight:500;padding:.55rem .65rem;
border-bottom:1px solid var(--bordo)}
tbody td{padding:.55rem .65rem;border-bottom:1px solid var(--bordo)}
td.v{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.n{text-align:right;color:var(--tenue);font-variant-numeric:tabular-nums}
td.g{color:var(--tenue);font-size:.82rem;white-space:nowrap}
tr.negativa td.v:last-child{color:var(--avviso);font-weight:600}
.nota{font-size:.87rem;color:var(--tenue)}
ul.due-sutun{columns:2}
ul.due-sutun li{break-inside:avoid;padding:.25rem 0}
ul.due-sutun .np{color:var(--tenue);font-size:.85rem}
@media(max-width:32rem){ul.due-sutun{columns:1}}
nav.temi-ic{font-size:.9rem;margin:.6rem 0 1.2rem}
nav.temi-ic a{margin-right:.7rem;white-space:nowrap}

ul.province{columns:3;list-style:none;padding:0;margin:.4rem 0 0}
ul.province li{break-inside:avoid;padding:.18rem 0;font-size:.93rem}
@media(max-width:44rem){ul.province{columns:2}}
@media(max-width:28rem){ul.province{columns:1}}
tbody tr:target{background:var(--accento-db)}

/* gezi: marcatori numerati e lista numerata (l'altezza della mappa `.harita`
   e il segnaposto del tocco stanno in genera_rehber_tr.CSS dal cantiere 6) */
.isaret{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accento);color:#fff;
font:700 .8rem/1.6rem -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:center;
border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer}
ol.yerler{padding-left:1.6rem}
ol.yerler li{margin-bottom:.6rem}
ol.yerler li.sec{background:var(--accento-db);border-radius:6px;padding:.2rem .4rem}
ol.yerler .np{color:var(--tenue);font-size:.88rem}

/* yaşam: tabelle, etichette, griglie (le classi devono stare in rehber.css: test_il_css_del_rehber_copre_le_classi) */
table.veri{width:100%;border-collapse:collapse;font-size:.93rem;margin:.6rem 0 1rem}
table.veri th,table.veri td{padding:.45rem .5rem;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:top}
table.veri th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tenue)}
table.veri td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.etichetta{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.8rem;font-weight:600}
.z1{background:#fde2e1;color:#8a1c14}.z2{background:#fdebd3;color:#8a4b12}
.z3{background:#fdf6d8;color:#6b5a0f}.z4{background:#e3f3e8;color:#1f5a35}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .z1{background:#3a1512;color:#f5b5ae}
:root:not([data-theme="light"]) .z2{background:#3a2310;color:#f3c48f}
:root:not([data-theme="light"]) .z3{background:#332c0c;color:#e9d77a}
:root:not([data-theme="light"]) .z4{background:#12291b;color:#a5dcb8}}
.griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;margin:.6rem 0 1rem}
.griglia a{display:block;padding:.6rem .7rem;border:1px solid var(--bordo);border-radius:8px;text-decoration:none}
.griglia small{display:block;color:var(--tenue);font-size:.8rem}
.temi{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 1rem}
.temi a{padding:.35rem .7rem;border:1px solid var(--accento);border-radius:999px;font-size:.85rem;text-decoration:none}