/* Claude bağlayıcısı rehberi (/mcp-rehber/ ve /en/mcp-guide/), 8 Ekim 2026.
   Koyu tema taban, açık tema html[data-theme="light"] ile (site geneli enjekte bloklarından bağımsız). */
:root {
    --mr-kart: rgba(255, 255, 255, 0.035);
    --mr-kart-koyu: rgba(255, 255, 255, 0.06);
    --mr-cizgi: rgba(201, 169, 98, 0.22);
    --mr-metin: #F5F3EF;
    --mr-soluk: rgba(245, 243, 239, 0.74);
    --mr-altin: #C9A962;
    --mr-altin-metin: #D9BC78;
    --mr-golge: 0 10px 30px rgba(0, 0, 0, 0.28);
}
html[data-theme="light"] {
    --mr-kart: #FFFFFF;
    --mr-kart-koyu: #F7F4EE;
    --mr-cizgi: rgba(10, 22, 40, 0.11);
    --mr-metin: #0A1628;
    --mr-soluk: #3D4654;
    --mr-altin: #B8954E;
    --mr-altin-metin: #75601E;
    --mr-golge: 0 8px 26px rgba(10, 22, 40, 0.08);
}

body { padding-top: 72px; }
.mr-kirinti { max-width: 820px; margin: 0 auto; padding: 0.6rem 20px 0; font-size: 0.78rem; color: var(--mr-soluk); }
.mr-kirinti a { color: var(--mr-altin-metin); text-decoration: none; }
.mr-kirinti span[aria-hidden] { margin: 0 0.35rem; }

.mr-sayfa { max-width: 820px; margin: 0 auto; padding: 0 20px 3rem; color: var(--mr-metin); }
.mr-sayfa p, .mr-sayfa li { line-height: 1.75; color: var(--mr-soluk); font-size: 1rem; }
.mr-sayfa strong { color: var(--mr-metin); font-weight: 600; }
.mr-sayfa a { color: var(--mr-altin-metin); text-underline-offset: 3px; }
.mr-sayfa h2 {
    font-family: var(--font-display); font-weight: 400; font-size: clamp(1.7rem, 4vw, 2.2rem);
    color: var(--mr-metin); margin: 3.4rem 0 1rem; line-height: 1.2;
}
.mr-sayfa h2 em { font-style: italic; color: var(--mr-altin-metin); }
.mr-sayfa h3 { font-family: var(--font-body); font-weight: 500; font-size: 1.05rem; color: var(--mr-metin); margin: 0 0 0.4rem; }
.mr-sayfa code, .mr-kod {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92em;
    background: var(--mr-kart-koyu); border: 1px solid var(--mr-cizgi); border-radius: 6px; padding: 0.08em 0.4em;
    color: var(--mr-metin); overflow-wrap: anywhere;
}

/* ---- hero ---- */
.mr-hero { text-align: center; padding: 3.2rem 0 1.2rem; }
.mr-ust { font-size: 0.74rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--mr-altin-metin); margin-bottom: 0.9rem; }
.mr-hero h1 {
    font-family: var(--font-display); font-weight: 300; font-size: clamp(2.4rem, 7vw, 3.6rem);
    line-height: 1.1; color: var(--mr-metin); margin: 0 0 1rem;
}
.mr-hero h1 em { font-style: italic; color: var(--mr-altin-metin); }
.mr-hero .mr-giris { max-width: 600px; margin: 0 auto; font-size: 1.08rem; }

.mr-adres {
    display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; justify-content: center;
    margin: 1.8rem auto 0; padding: 0.7rem 0.8rem 0.7rem 1.1rem; max-width: 520px;
    background: var(--mr-kart); border: 1px solid var(--mr-cizgi); border-radius: 12px; box-shadow: var(--mr-golge);
}
.mr-adres-etiket { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mr-soluk); }
.mr-adres .mr-kod { font-size: 1rem; border: 0; background: transparent; padding: 0; }

.mr-kopyala {
    font: inherit; font-size: 0.78rem; font-weight: 500; cursor: pointer; white-space: nowrap;
    padding: 0.38rem 0.8rem; border-radius: 999px; border: 1px solid var(--mr-cizgi);
    background: transparent; color: var(--mr-altin-metin); transition: background 0.2s, border-color 0.2s;
}
.mr-kopyala:hover { border-color: var(--mr-altin); background: rgba(201, 169, 98, 0.1); }
.mr-kopyala:focus-visible, .mr-video-oynat:focus-visible, .mr-dugme:focus-visible { outline: 2px solid var(--mr-altin); outline-offset: 2px; }
.mr-kopyala.tamam { color: #2E7D51; border-color: rgba(46, 125, 81, 0.45); }
html:not([data-theme="light"]) .mr-kopyala.tamam { color: #8FC9A6; border-color: rgba(143, 201, 166, 0.45); }

/* ---- beta kutusu ---- */
.mr-beta {
    margin: 2.4rem 0 0; padding: 1.4rem 1.5rem; border-radius: 14px;
    border: 1px solid rgba(201, 169, 98, 0.45); background: rgba(201, 169, 98, 0.08);
}
html[data-theme="light"] .mr-beta { background: #FBF6EA; border-color: rgba(184, 149, 78, 0.45); }
.mr-beta h2 { margin: 0 0 0.5rem; font-size: 1.5rem; }
.mr-beta p { margin: 0 0 0.9rem; }

.mr-dugmeler { display: flex; gap: 0.7rem; flex-wrap: wrap; }
.mr-dugme {
    display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none !important; font-weight: 500; font-size: 0.95rem;
    padding: 0.75rem 1.4rem; border-radius: 999px; border: 1px solid transparent; transition: filter 0.2s, background 0.2s;
}
.mr-dugme svg { width: 18px; height: 18px; flex: none; }
.mr-dugme-wa { background: #25D366; color: #0A1628 !important; }
.mr-dugme-wa:hover { filter: brightness(1.06); }
.mr-dugme-ikincil { border-color: var(--mr-cizgi); color: var(--mr-metin) !important; background: var(--mr-kart); }
.mr-dugme-ikincil:hover { border-color: var(--mr-altin); }

/* ---- özellik kartları ---- */
.mr-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 1.4rem 0 0; }
.mr-kart { background: var(--mr-kart); border: 1px solid var(--mr-cizgi); border-radius: 12px; padding: 1.1rem 1.1rem 1rem; }
.mr-kart p { font-size: 0.94rem; margin: 0; line-height: 1.65; }
.mr-kart-ikon { font-family: var(--font-display); font-size: 1.5rem; color: var(--mr-altin-metin); line-height: 1; margin-bottom: 0.55rem; }

/* ---- görseller ---- */
.mr-gorsel { margin: 1.6rem 0 0; }
.mr-gorsel img {
    display: block; width: 100%; height: auto; border-radius: 12px; background: #FDFCFA;
    border: 1px solid var(--mr-cizgi); box-shadow: var(--mr-golge);
}
.mr-gorsel figcaption { font-size: 0.86rem; color: var(--mr-soluk); margin-top: 0.6rem; text-align: center; line-height: 1.55; }
.mr-gorsel.dar img { max-width: 520px; margin: 0 auto; }
.mr-gorsel.daha-dar img { max-width: 380px; margin: 0 auto; }

.mr-gerekler { list-style: none; padding: 0; margin: 1rem 0 0; }
.mr-gerekler li { position: relative; padding: 0.55rem 0 0.55rem 1.8rem; border-bottom: 1px solid var(--mr-cizgi); }
.mr-gerekler li:last-child { border-bottom: 0; }
.mr-gerekler li::before { content: "\2727"; position: absolute; left: 0.2rem; top: 0.55rem; color: var(--mr-altin-metin); }

/* ---- video ---- */
.mr-video { margin: 1.2rem 0 0; }
.mr-video-cerceve {
    position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden;
    background: #0A1628; border: 1px solid var(--mr-cizgi); box-shadow: var(--mr-golge);
}
.mr-video-cerceve iframe, .mr-video-oynat, .mr-video-oynat img { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mr-video-oynat { padding: 0; margin: 0; background: #0A1628; cursor: pointer; display: block; }
.mr-video-oynat img { object-fit: cover; }
.mr-oynat-ikon {
    /* kapaktaki logo halkasının tam üstüne oturur (kapak 1280x720, halka merkezi %50 / %29,4, çapı %12,5) */
    position: absolute; left: 50%; top: 29.4%; transform: translate(-50%, -50%); width: 13.4%; aspect-ratio: 1; border-radius: 50%;
    background: #0A1628; border: 2px solid #C9A962; display: flex; align-items: center; justify-content: center;
    transition: transform 0.2s, background 0.2s;
}
.mr-oynat-ikon svg { width: 40%; height: 40%; margin-left: 8%; fill: #E8D5A3; }
.mr-video-oynat:hover .mr-oynat-ikon { transform: translate(-50%, -50%) scale(1.06); background: #12203A; }
.mr-video-yakinda {
    display: none; position: absolute; left: 50%; bottom: 9%; transform: translateX(-50%);
    padding: 0.45rem 1.1rem; border-radius: 999px; background: rgba(10, 22, 40, 0.8); border: 1px solid rgba(201, 169, 98, 0.55);
    color: #F5F0E8; font-size: 0.82rem; letter-spacing: 0.08em; white-space: nowrap;
}
.mr-video.yakinda .mr-video-oynat { cursor: default; }
.mr-video.yakinda .mr-oynat-ikon { display: none; }
.mr-video.yakinda .mr-video-yakinda { display: block; }
.mr-video-not { font-size: 0.82rem !important; text-align: center; margin: 0.6rem 0 0; }

/* ---- adımlar ---- */
.mr-adimlar { list-style: none; padding: 0; margin: 1.4rem 0 0; counter-reset: adim; }
.mr-adim { position: relative; padding: 0 0 2.4rem 3.4rem; counter-increment: adim; }
.mr-adim::before {
    content: counter(adim); position: absolute; left: 0; top: -0.1rem; width: 2.3rem; height: 2.3rem; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 1.25rem;
    color: #0A1628; background: #C9A962;
}
.mr-adim::after { content: ""; position: absolute; left: 1.13rem; top: 2.5rem; bottom: 0.4rem; width: 1px; background: var(--mr-cizgi); }
.mr-adim:last-child::after { display: none; }
.mr-adim h3 { font-size: 1.12rem; margin-top: 0.2rem; }
.mr-adim p { margin: 0 0 0.6rem; }
.mr-adim .mr-gorsel { margin-top: 1rem; }
.mr-alanlar { display: grid; gap: 0.5rem; margin: 0.7rem 0 0.4rem; }
.mr-alan { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; padding: 0.55rem 0.7rem; border: 1px solid var(--mr-cizgi); border-radius: 10px; background: var(--mr-kart); }
.mr-alan-ad { font-size: 0.78rem; color: var(--mr-soluk); min-width: 3.6rem; }
.mr-alan .mr-kod { border: 0; background: transparent; padding: 0; flex: 1; min-width: 12rem; }

/* ---- örnek istekler ---- */
.mr-ornekler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 1.2rem 0 0; padding: 0; list-style: none; }
.mr-ornek {
    display: flex; flex-direction: column; justify-content: space-between; gap: 0.7rem;
    background: var(--mr-kart); border: 1px solid var(--mr-cizgi); border-radius: 12px; padding: 1rem 1.05rem;
}
.mr-ornek q { quotes: none; font-family: var(--font-display); font-size: 1.14rem; line-height: 1.45; color: var(--mr-metin); }
.mr-ornek .mr-kopyala { align-self: flex-start; }

.mr-gizlilik { padding-left: 1.2rem; margin: 0.8rem 0 0; }
.mr-gizlilik li { margin: 0.35rem 0; }

/* ---- kapanış ---- */
.mr-son { text-align: center; margin: 3.4rem 0 0; padding: 2rem 1.4rem; border-radius: 16px; background: var(--mr-kart); border: 1px solid var(--mr-cizgi); }
.mr-son h2 { margin-top: 0; }
.mr-son .mr-dugmeler { justify-content: center; }

.mr-sayfa .faq-section { max-width: none; margin: 1rem 0 0; padding: 0; }

@media (max-width: 720px) {
    .mr-kartlar { grid-template-columns: 1fr; }
    .mr-ornekler { grid-template-columns: 1fr; }
    .mr-hero { padding-top: 2rem; }
    .mr-adim { padding-left: 2.9rem; }
    .mr-adim::before { width: 2rem; height: 2rem; font-size: 1.1rem; }
    .mr-adim::after { left: 0.98rem; top: 2.2rem; }
    .mr-sayfa h2 { margin-top: 2.8rem; }
    .mr-beta { padding: 1.2rem 1.1rem; }
}
.mr-sayfa .faq-item .faq-answer p { color: var(--mr-soluk); margin: 0; }
.mr-sayfa .faq-item .faq-answer a { color: var(--mr-altin-metin); border-bottom-color: currentColor; }
.mr-gorsel picture { display: block; }
@media (max-width: 600px) {
    .mr-alan { padding: 0.5rem 0.6rem; }
    .mr-alan-ad { flex-basis: 100%; min-width: 0; }
    .mr-alan .mr-kod { min-width: 0; white-space: nowrap; font-size: 0.86rem; }
    .mr-adres .mr-kod { font-size: 0.9rem; }
}

/* ---- iş akışı kartları (8 Ekim 2026 v2): verdiğiniz → yaptığı → sonuç ---- */
.mr-grup { margin: 2.2rem 0 0; }
.mr-grup > h3 { font-family: var(--font-display); font-weight: 400; font-size: 1.45rem; margin: 0 0 0.3rem; }
.mr-grup > p { margin: 0 0 0.2rem; font-size: 0.96rem; }
.mr-isler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 1rem 0 0; padding: 0; list-style: none; }
.mr-is {
    display: flex; flex-direction: column; gap: 0.75rem;
    background: var(--mr-kart); border: 1px solid var(--mr-cizgi); border-radius: 12px; padding: 1rem 1.05rem;
}
.mr-is-one { grid-column: 1 / -1; border-color: var(--mr-altin); box-shadow: var(--mr-golge); padding: 1.3rem 1.3rem 1.15rem; }
.mr-is-etiket { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mr-altin-metin); margin: 0; }
.mr-is q { quotes: none; font-family: var(--font-display); font-size: 1.14rem; line-height: 1.45; color: var(--mr-metin); }
.mr-is-one q { font-size: 1.32rem; }
.mr-is-kisa { font-size: 0.9rem !important; margin: -0.3rem 0 0; }
.mr-akis { display: grid; gap: 0.45rem; margin: 0; }
.mr-akis > div { display: grid; grid-template-columns: 6.6rem 1fr; gap: 0.6rem; align-items: baseline; }
.mr-akis dt { font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mr-altin-metin); }
.mr-akis dt::after { content: ' \2192\FE0E'; }
.mr-akis > div:last-child dt::after { content: ''; }
.mr-akis dd { margin: 0; font-size: 0.92rem; line-height: 1.6; color: var(--mr-soluk); }
.mr-is .mr-kopyala { align-self: flex-start; margin-top: auto; }
.mr-uyari { font-size: 0.9rem !important; margin: 0.9rem 0 0; }
@media (max-width: 680px) {
    .mr-isler { grid-template-columns: 1fr; }
    .mr-akis > div { grid-template-columns: 1fr; gap: 0.1rem; }
    .mr-akis dt::after { content: ''; }
}