/* İznik rehber sayfası — site.css üzerine */
.phero{position:relative;min-height:min(78svh,720px);display:flex;align-items:flex-end;overflow:clip;background:#070E17;color:#F6FAFF}
.phero__bg{position:absolute;inset:0}
.phero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.phero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,14,23,.55) 0%,rgba(7,14,23,.12) 34%,rgba(7,14,23,.62) 72%,rgba(7,14,23,.94) 100%)}
.phero .topbar{position:absolute}
.phero .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.phero .topbar a.back{color:#C6D8EC;font-size:.86rem;font-weight:600;text-decoration:none;
  padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.phero .topbar a.back:hover{background:rgba(255,255,255,.16)}
.phero__in{position:relative;z-index:2;width:100%;padding-block:0 clamp(40px,7vw,80px)}
.crumb{font-size:.8rem;color:#9FC6EE;margin-bottom:16px}
.crumb a{color:#C6D8EC;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.phero h1{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.06;max-width:17ch;
  text-shadow:0 2px 40px rgba(0,0,0,.45)}
.phero p{margin-top:18px;max-width:58ch;color:#D3E2F2;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.6}
.phero .credit{position:absolute;right:14px;bottom:10px;z-index:2;font-size:.68rem;color:rgba(214,228,242,.7)}
.phero .credit a{color:inherit}

.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.toc a{font-size:.84rem;font-weight:600;text-decoration:none;color:var(--fg);padding:9px 15px;border-radius:999px;background:var(--g1);
  box-shadow:4px 5px 12px -7px var(--sh-d),-3px -3px 9px -7px var(--sh-l)}
.toc a:hover{color:var(--cobalt)}

.facts{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:8px}
.facts th,.facts td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.facts th{width:38%;font-weight:600;color:var(--fg2);padding-right:16px}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:none}

.prose{max-width:70ch}
.prose p{color:var(--fg2);font-size:1.02rem;margin-top:16px;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.prose p:first-of-type{margin-top:20px}
.prose h3{font-family:var(--sans);font-size:1.12rem;font-weight:700;margin-top:30px;letter-spacing:-.01em}

.fig{margin:0}
.fig img{width:100%;height:auto;border-radius:var(--r-s);box-shadow:10px 12px 28px -16px var(--sh-d)}
.fig figcaption{font-size:.76rem;color:var(--fg3);margin-top:8px;line-height:1.45}
.fig figcaption a{color:inherit}

.tline{list-style:none;margin:26px 0 0;padding:0;position:relative}
.tline::before{content:"";position:absolute;left:92px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tline li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:26px;padding:12px 0;position:relative}
.tline li::before{content:"";position:absolute;left:87px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--cobalt);
  box-shadow:0 0 0 4px var(--g0)}
.tline b{font-variant-numeric:tabular-nums;font-weight:800;color:var(--cobalt);text-align:right;font-size:.95rem;padding-top:1px}
.tline span{color:var(--fg2);font-size:.97rem;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.tline span strong{color:var(--fg)}
@media (max-width:560px){
  .tline::before{left:6px}.tline li{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:28px}
  .tline li::before{left:1px}.tline b{text-align:left}}

.sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
@media (max-width:980px){.sites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.sites{grid-template-columns:minmax(0,1fr)}}
.site{overflow:hidden;display:flex;flex-direction:column}
.site img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.site .b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.site h3{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.2}
.site p{color:var(--fg2);font-size:.93rem;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.site small{font-size:.72rem;color:var(--fg3);line-height:1.4}
.site small a{color:inherit}
.site .tag{font-size:.74rem;font-weight:700;color:var(--cobalt)}

.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:start}
@media (max-width:860px){.duo{grid-template-columns:minmax(0,1fr)}}

.cta{padding:clamp(28px,4.5vw,56px);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.credits{font-size:.8rem;color:var(--fg3);columns:2 320px;column-gap:32px;margin-top:18px}
.credits li{break-inside:avoid;margin-bottom:8px;line-height:1.45}
.credits a{color:var(--fg2)}
.srcs{font-size:.8rem;color:var(--fg3);margin-top:14px;line-height:1.6}
.srcs a{color:var(--fg2)}