/* 14.09.2026: Iletisim ve acik hesaplama ust/alt alanlari. Form stilleri izoledir. */
@font-face { font-family: "Okyanus Manrope"; src: url("fonts/manrope-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Okyanus Manrope"; src: url("fonts/manrope-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Okyanus Manrope"; src: url("fonts/manrope-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }
.site-okyanus :is(.site-ust,.site-alt,.yasal-iletisim,.site-icerige-atla) {
    font-family: "Okyanus Manrope", "Segoe UI", sans-serif;
    color: #202b38; font-size: 14px; line-height: 1.55; letter-spacing: 0;
}
.site-okyanus :is(.site-ust,.site-alt,.yasal-iletisim) *,
.site-okyanus :is(.site-ust,.site-alt,.yasal-iletisim) *::before,
.site-okyanus :is(.site-ust,.site-alt,.yasal-iletisim) *::after { box-sizing: border-box; letter-spacing: 0; }
.site-okyanus .site-ust {
    position: sticky; top: 0; z-index: 40;
    display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px;
    width: 100%; min-height: 76px; margin: 0;
    padding: 12px max(24px,calc((100% - 1240px)/2));
    background: #fff; border-bottom: 1px solid #dce5ef;
    box-shadow: 0 3px 16px rgb(26 47 69 / 4%);
}
.site-okyanus :is(.site-ust,.site-alt) a { text-decoration: none; }
.site-okyanus .site-marka { display: inline-flex; align-items: center; gap: 10px; color: #202b38; font-size: 17px; font-weight: 800; line-height: 1.4; }
.site-okyanus .site-marka-isareti {
    display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px;
    background: #245ae8; box-shadow: inset 0 -5px 0 #087f8c;
    color: #fff; border-radius: 8px; font-size: 13px;
}
.site-okyanus .site-masaustu-menu { display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 13px; font-weight: 600; }
.site-okyanus :is(.site-masaustu-menu,.site-alt nav) a { color: #526176; padding-block: 12px; }
.site-okyanus .site-masaustu-menu a { white-space: nowrap; }
.site-okyanus :is(.site-ust,.site-alt) a:hover,
.site-okyanus .site-ust a[aria-current="page"] { color: #245ae8; }
.site-okyanus .site-ust-eylemler { display: flex; align-items: center; gap: 12px; }
.site-okyanus .site-giris { color: #202b38; padding: 12px 8px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.site-okyanus a.site-birincil { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 6px; background: #245ae8; color: #fff; font-size: 14px; font-weight: 800; text-align: center; white-space: nowrap; }
.site-okyanus a.site-birincil:hover { background: #1844b6; color: #fff; }
.site-okyanus :is(.site-ust,.site-alt,.yasal-iletisim) :is(a,summary):focus-visible,
.site-okyanus .site-icerige-atla:focus { outline: 3px solid #245ae8; outline-offset: 3px; }
.site-okyanus .site-icerige-atla { position: fixed; top: -100px; left: 16px; z-index: 60; padding: 12px 18px; background: #fff; color: #1844b6; }
.site-okyanus .site-icerige-atla:focus { top: 10px; }
.site-okyanus #site-ana-icerik { scroll-margin-top: 90px; }
.site-okyanus .site-mobil-menu { display: none; }
.site-okyanus .site-alt { padding: 28px 24px; background: #fff; border-top: 1px solid #dce5ef; }
.site-okyanus .site-alt-icerik { max-width: 1180px; margin: auto; display: flex; align-items: center; flex-wrap: wrap; gap: 20px 32px; }
.site-okyanus .site-alt nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin-left: auto; }
.site-okyanus .site-alt small { flex-basis: 100%; color: #526176; font-size: 12px; }
.site-okyanus .yasal-alan { min-height: 100svh; display: flex; flex-direction: column; background: #f6f8fb; }
.site-okyanus .yasal-iletisim { flex: 1; width: 100%; max-width: 1120px; margin: 0 auto; padding: 48px 28px 64px; }
.site-okyanus .yasal-giris { border-bottom: 1px solid #dce5ef; padding-bottom: 28px; margin-bottom: 32px; }
.site-okyanus .yasal-giris h1 { font-size: 32px; line-height: 1.25; margin: 0; color: #202b38; font-weight: 800; }
.site-okyanus .yasal-giris p { margin-top: 12px; color: #526176; font-size: 16px; }
.site-okyanus .yasal-iletisim-duzeni { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; }
.site-okyanus .yasal-iletisim-duzeni section { min-width: 0; }
.site-okyanus .yasal-iletisim h2 { font-size: 20px; color: #202b38; margin: 0 0 8px; line-height: 1.4; }
.site-okyanus .yasal-bilgiler > div { padding: 16px 0; border-bottom-color: #dce5ef; }
.site-okyanus .yasal-bilgiler dt { color: #526176; font-size: 13px; }
.site-okyanus .yasal-bilgiler dd { color: #202b38; font-size: 15px; line-height: 1.65; }
.site-okyanus .yasal-bilgiler dd a { display: inline-block; padding-block: 10px; color: #1844b6; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.site-okyanus .yasal-alt-bilgi { color: #526176; }
/* 14.09.2026: Acik hesaplama formu da Okyanus renklerini kullanir. */
.site-okyanus .referans-karlilik {
    --referans-ana: #fff; --referans-vurgu: #245ae8;
    --referans-arkaplan: #f6f8fb; --referans-kart: #fff;
    --referans-metin: #526176; --referans-baslik: #202b38; --referans-sinir: #cbd6e3;
    font-family: "Okyanus Manrope", "Segoe UI", sans-serif;
}
.site-okyanus .referans-karlilik.referans-karanlik {
    --referans-ana: #1e2229; --referans-vurgu: #386be9;
    --referans-arkaplan: #171a20; --referans-kart: #252a33;
    --referans-metin: #c4cbd7; --referans-baslik: #f2f5fa; --referans-sinir: #596171;
}
.site-okyanus .referans-karlilik * { letter-spacing: 0; }
.site-okyanus .referans-karlilik-sayfasi { background: #f6f8fb; }
.site-okyanus .referans-karlilik-hero { background: var(--referans-ana); border-bottom: 1px solid var(--referans-sinir); box-shadow: none; }
.site-okyanus .referans-karlilik-hero h1 { color: var(--referans-baslik); line-height: 1.35; }
.site-okyanus .referans-karlilik-hero h1 svg { color: #245ae8; }
.site-okyanus .referans-karlilik-hero p { color: var(--referans-metin); }
.site-okyanus .referans-tema-dugmesi { border-color: var(--referans-sinir); color: var(--referans-baslik); border-radius: 6px; }
.site-okyanus .referans-sekmeler { border-radius: 8px; border-color: var(--referans-sinir); box-shadow: none; }
.site-okyanus .referans-sekmeler button { border-radius: 6px; }
.site-okyanus .referans-sekmeler button.aktif { background: var(--referans-vurgu); color: #fff; box-shadow: none; }
.site-okyanus .referans-hesaplama-formu { border-color: var(--referans-sinir); border-radius: 8px; box-shadow: 0 4px 14px rgb(26 47 69 / 4%); }
.site-okyanus .referans-karlilik :is(input,select,button) { font-family: inherit; }
.site-okyanus .referans-karlilik :is(.referans-girdi input,.referans-girdi select,.referans-kanal-alani select) { background: var(--referans-kart); color: var(--referans-baslik); border-radius: 6px; min-height: 44px; }
.site-okyanus .referans-karlilik :is(.referans-girdi input,.referans-girdi select,.referans-kanal-alani select):focus { border-color: var(--referans-vurgu); box-shadow: 0 0 0 3px rgb(36 90 232 / 15%); }
.site-okyanus .referans-bilgi { color: #1844b6; background: #e8eeff; font-family: inherit; }
.site-okyanus .referans-gelismis-secenekler { border: 1px solid var(--referans-sinir); background: var(--referans-arkaplan); border-radius: 6px; }
.site-okyanus .referans-anahtar > input:checked + span { background: var(--referans-vurgu); }
.site-okyanus .referans-anahtar > input:focus-visible + span { outline: 3px solid var(--referans-vurgu); outline-offset: 3px; }
.site-okyanus .referans-hesapla-dugmesi { background: var(--referans-vurgu); color: #fff; border-radius: 6px; }
.site-okyanus .referans-hesapla-dugmesi:hover { background: #1844b6; filter: none; }
.site-okyanus .referans-karlilik :is(button,a):focus-visible { outline: 3px solid var(--referans-vurgu); outline-offset: 3px; box-shadow: none; }
.site-okyanus .referans-bos-sonuc { opacity: 1; }
.site-okyanus .referans-bos-sonuc p { color: var(--referans-metin); }
.site-okyanus .referans-karlilik input::placeholder { color: var(--referans-metin); opacity: 1; }
.site-okyanus .referans-ana-sonuc { border-radius: 8px; }
.site-okyanus :is(.referans-sonuc-yesil,.referans-sonuc-mavi) { background: #245ae8; }
/* Formdan sonraki mevcut aciklamalar. */
.site-okyanus .komisyon-seo-icerigi { max-width: 1180px; margin: 0 auto; padding: 40px 24px; color: #202b38; font-family: "Okyanus Manrope", "Segoe UI", sans-serif; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.site-okyanus .komisyon-seo-icerigi h2 { font-size: 24px; line-height: 1.35; margin: 0 0 12px; letter-spacing: 0; }
.site-okyanus .komisyon-seo-icerigi h3 { font-size: 17px; line-height: 1.4; margin: 28px 0 12px; letter-spacing: 0; }
.site-okyanus .komisyon-seo-icerigi p { color: #526176; margin: 0; }
.site-okyanus .komisyon-seo-adimlar { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 24px; }
.site-okyanus .komisyon-seo-adimlar > div { min-width: 0; }
.site-okyanus .komisyon-seo-adimlar strong { display: block; color: #087f8c; font-size: 18px; margin-bottom: 8px; }
.site-okyanus .komisyon-seo-baglantilari { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.site-okyanus .komisyon-seo-baglantilari a { color: #1844b6; padding-block: 12px; text-underline-offset: 4px; line-height: 1.5; }
.site-okyanus .komisyon-seo-baglantilari a:focus-visible { outline: 3px solid #245ae8; outline-offset: 3px; }
.site-okyanus .komisyon-seo-icerigi .komisyon-yasal-not { border-top: 1px solid #dce5ef; padding-top: 20px; margin-top: 20px; font-size: 12px; }
@media (max-width: 1100px) {
    .site-okyanus .site-ust { grid-template-columns: 1fr auto; gap: 12px; }
    .site-okyanus :is(.site-masaustu-menu,.site-ust-eylemler) { display: none; }
    .site-okyanus .site-mobil-menu { display: block; }
    .site-okyanus .site-mobil-menu summary { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #dce5ef; border-radius: 6px; cursor: pointer; list-style: none; }
    .site-okyanus .site-mobil-menu summary::-webkit-details-marker { display: none; }
    .site-okyanus .site-menu-simgesi { position: relative; display: block; width: 20px; height: 14px; border-block: 2px solid #202b38; }
    .site-okyanus .site-menu-simgesi::after { content: ""; position: absolute; top: 4px; left: 0; width: 20px; border-top: 2px solid #202b38; }
    .site-okyanus .site-mobil-menu nav { position: absolute; top: 100%; left: 0; right: 0; display: grid; padding: 16px 24px; gap: 4px; background: #fff; border-bottom: 1px solid #dce5ef; box-shadow: 0 12px 20px rgb(26 47 69 / 8%); max-height: calc(100dvh - 76px); overflow-y: auto; }
    .site-okyanus .site-mobil-menu nav a { padding: 12px 16px; min-height: 46px; color: #202b38; border-radius: 6px; font-weight: 600; }
    .site-okyanus .site-mobil-menu nav a[aria-current="page"] { background: #edf2ff; color: #1844b6; }
    .site-okyanus .site-mobil-menu nav a.site-birincil { color: #fff; margin-top: 4px; }
}
@media (max-width: 600px) {
    .site-okyanus .komisyon-seo-icerigi { padding: 28px 20px; }
    .site-okyanus .komisyon-seo-icerigi h2 { font-size: 20px; }
    .site-okyanus .komisyon-seo-adimlar { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .site-okyanus .site-ust { padding: 10px 16px; min-height: 68px; }
    .site-okyanus .site-marka { font-size: 15px; gap: 8px; }
    .site-okyanus .yasal-iletisim { padding: 28px 20px 40px; }
    .site-okyanus .yasal-giris h1 { font-size: 28px; }
    .site-okyanus .yasal-giris p { font-size: 15px; }
    .site-okyanus .yasal-iletisim-duzeni { grid-template-columns: minmax(0,1fr); gap: 32px; }
    .site-okyanus .site-alt { padding: 24px 20px; }
    .site-okyanus .site-alt-icerik { align-items: flex-start; flex-direction: column; gap: 16px; }
    .site-okyanus .site-alt nav { margin-left: 0; gap: 2px 20px; }
}