/* Andrea Yachting — uzun içerik sayfaları (ay-*). Claude, 22.10.2026.
   Kullanım: sayfa içeriği <div class="ay-sayfa"> ile sarılır.
   Panel editörü (Quill) bu sınıfları siler: bu sayfalar panelden kaydedilmemeli. */

.ay-sayfa{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:1023px){.ay-sayfa{display:block}.ay-sayfa .ay-icindekiler{display:none}}

/* İçindekiler */
.ay-sayfa .ay-icindekiler{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;border-left:2px solid #e5e7eb;padding:0 0 0 16px;font-size:14px;line-height:1.35}
.ay-sayfa .ay-icindekiler p{margin:0 0 12px!important;font-size:12px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b!important}
.ay-sayfa .ay-icindekiler ol{list-style:none!important;margin:0!important;padding:0!important}
.ay-sayfa .ay-icindekiler li{margin:0!important;padding:0!important;font-size:14px!important;font-weight:400!important}
.ay-sayfa .ay-icindekiler li:before{content:none!important}
.ay-sayfa .ay-icindekiler a{display:block;padding:6px 0;color:#475569!important;text-decoration:none!important;font-weight:400!important}
.ay-sayfa .ay-icindekiler a:hover{color:#1a365d!important}

/* Metin sütunu */
.ay-sayfa .ay-metin{max-width:760px;min-width:0}
.ay-sayfa .ay-metin p{color:#374151}
.ay-sayfa .ay-metin h2{position:relative;color:#1a365d;font-size:28px;line-height:1.25;margin-top:64px;padding-top:20px;scroll-margin-top:110px}
.ay-sayfa .ay-metin h2:before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;border-radius:4px;background:#f59e0b}
.ay-sayfa .ay-metin a{color:#1a56db;text-decoration:underline;text-decoration-color:#bfd3f6;text-underline-offset:3px;font-weight:500}
.ay-sayfa .ay-metin a:hover{text-decoration-color:#1a56db}
@media (max-width:640px){.ay-sayfa .ay-metin h2{font-size:24px;margin-top:48px}}

/* Üst etiket: güncelleme ve okuma süresi */
.ay-sayfa .ay-etiket{display:inline-flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 8px!important;padding:6px 14px;border-radius:999px;background:#f1f5f9;font-size:13px!important;line-height:1.4;color:#475569!important}
.ay-sayfa .ay-etiket span:before{font-family:"Font Awesome 6 Free";font-weight:400;margin-right:6px}
.ay-sayfa .ay-etiket .ay-tarih:before{content:"\f133"}
.ay-sayfa .ay-etiket .ay-sure:before{content:"\f017"}

/* Kısaca kutusu */
.ay-sayfa .ay-kisaca{margin:36px 0;padding:24px 28px;border:1px solid #d9e4f2;border-radius:20px;background:linear-gradient(180deg,#f3f7fc,#eef4fb)}
.ay-sayfa .ay-kisaca .ay-kisaca-baslik{margin:0 0 14px!important;font-size:13px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#1a365d!important}
.ay-sayfa .ay-kisaca ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;list-style:none!important;margin:0!important;padding:0!important}
.ay-sayfa .ay-kisaca li{position:relative;margin:0!important;padding:0 0 0 28px!important;font-size:16px!important;line-height:1.5!important;font-weight:400!important;color:#334155!important;list-style:none!important}
.ay-sayfa .ay-kisaca li:before{content:"\f00c";position:absolute;left:0;top:3px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#1a365d;color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px}
.ay-sayfa .ay-kisaca li::marker{content:""}
.ay-sayfa .ay-kisaca li strong{color:#1a365d;font-weight:600}
@media (max-width:767px){.ay-sayfa .ay-kisaca{padding:20px}.ay-sayfa .ay-kisaca ul{grid-template-columns:1fr}}

/* Tablolar */
.ay-sayfa .ay-tablo{overflow-x:auto;margin:28px 0;border:1px solid #e5e7eb;border-radius:16px;-webkit-overflow-scrolling:touch}
.ay-sayfa .ay-tablo table{width:100%;margin:0!important;border-collapse:collapse}
.ay-sayfa .ay-tablo thead th{padding:14px 16px!important;background:#1a365d;color:#fff!important;font-size:14px;font-weight:600;text-align:left;vertical-align:bottom}
.ay-sayfa .ay-tablo tbody td{padding:13px 16px!important;border-top:1px solid #eef0f3;font-size:15px;vertical-align:top}
.ay-sayfa .ay-tablo tbody tr:nth-child(even) td{background:#f8fafc}
.ay-sayfa .ay-tablo tbody td:first-child{font-weight:600;color:#1f2937}
.ay-sayfa .ay-dahil tbody td{font-weight:400!important;color:#374151}
.ay-sayfa .ay-dahil tbody td:before{font-family:"Font Awesome 6 Free";font-weight:900;margin-right:10px}
.ay-sayfa .ay-dahil tbody td:first-child:before{content:"\f00c";color:#059669}
.ay-sayfa .ay-dahil tbody td:last-child:before{content:"\f00d";color:#dc2626}

/* Gün gün rota */
.ay-sayfa ol.ay-rota{position:relative;list-style:none!important;margin:28px 0!important;padding:0!important}
.ay-sayfa ol.ay-rota:before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:#dbe5f1}
.ay-sayfa ol.ay-rota li{position:relative;margin:0!important;padding:0 0 16px 64px!important;list-style:none!important}
.ay-sayfa ol.ay-rota li::marker{content:""}
.ay-sayfa ol.ay-rota .ay-gun{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#1a365d;color:#fff;font-size:15px;font-weight:700;line-height:1.05}
.ay-sayfa ol.ay-rota .ay-gun small{font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.85}
.ay-sayfa ol.ay-rota .ay-kart{padding:12px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.ay-sayfa ol.ay-rota .ay-kart p{margin:0!important;font-size:16px;line-height:1.5;color:#1f2937;font-weight:500}
.ay-sayfa ol.ay-rota .ay-kart p.ay-gece{margin-top:4px!important;font-size:14px;font-weight:400;color:#64748b}
.ay-sayfa ol.ay-rota .ay-gece:before{content:"\f186";font-family:"Font Awesome 6 Free";font-weight:900;color:#f59e0b;margin-right:8px}

/* Rehber linki kutusu */
.ay-sayfa .ay-metin p.ay-rehber{position:relative;margin:24px 0;padding:14px 18px 14px 50px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;font-size:16px;line-height:1.6}
.ay-sayfa .ay-metin p.ay-rehber:before{content:"\f518";position:absolute;left:18px;top:16px;font-family:"Font Awesome 6 Free";font-weight:900;color:#d97706}

/* Not ve kaynak */
.ay-sayfa .ay-metin p.ay-not{margin-top:-8px;font-size:14px;color:#64748b}
.ay-sayfa .ay-metin p.ay-kaynak{margin-top:48px;padding-top:18px;border-top:1px solid #e5e7eb;font-size:13px;line-height:1.6;color:#94a3b8}

/* Mobilde metin sütunu daha geniş */
@media (max-width:640px){article:has(.ay-sayfa){padding:20px!important}}