/* Proje detayları — uzun içerik, kanıt ve iç link katmanı */
.project-seo {
    padding: 88px 0;
    background: var(--white);
    border-top: 1px solid var(--line);
}

.project-seo__container { max-width: 1060px; }

.project-seo__header { max-width: 880px; margin-bottom: 34px; }
.project-seo__header h2 { font-size: clamp(2.2rem, 5vw, 4rem); max-width: 850px; }
.project-seo__lead { color: var(--muted); font-size: clamp(1.05rem, 1.8vw, 1.22rem); line-height: 1.85; }

.project-seo__byline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    padding-top: 12px;
    color: var(--muted);
    font-size: .88rem;
}
.project-seo__byline span { display: inline-flex; align-items: center; gap: 8px; }
.project-seo__byline i { color: var(--amber-dark); }

.project-seo__toc {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 28px;
    padding: 24px 28px;
    margin: 34px 0 42px;
    background: var(--bg-soft);
    border-left: 3px solid var(--amber);
}
.project-seo__toc strong { color: var(--navy); font-family: var(--ff-head); font-size: 1.25rem; }
.project-seo__toc ol { columns: 2; column-gap: 40px; margin: 0; padding-left: 20px; }
.project-seo__toc li { break-inside: avoid; margin: 0 0 8px; color: var(--muted); }
.project-seo__toc a { color: var(--ink); }
.project-seo__toc a:hover { color: var(--amber-dark); }

.project-seo__evidence {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 24px;
    margin: 0 0 54px;
    padding: 34px;
    background: var(--navy);
    color: rgba(255,255,255,.82);
    box-shadow: var(--shadow-lg);
}
.project-seo__evidence-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    color: var(--amber);
    font-size: 1.35rem;
}
.project-seo__evidence h2 { color: var(--white); font-size: clamp(1.6rem, 3vw, 2.25rem); }
.project-seo__evidence ul { padding-left: 20px; margin: 18px 0; columns: 2; column-gap: 36px; }
.project-seo__evidence li { break-inside: avoid; margin-bottom: 8px; }
.project-seo__evidence p { margin: 0; color: rgba(255,255,255,.62); font-size: .9rem; }

.project-seo__body { display: grid; gap: 0; }
.project-seo__section {
    position: relative;
    padding: 46px 0 48px 92px;
    border-top: 1px solid var(--line);
    scroll-margin-top: 100px;
}
.project-seo__section:last-child { border-bottom: 1px solid var(--line); }
.project-seo__number {
    position: absolute;
    left: 0;
    top: 47px;
    font-family: var(--ff-head);
    font-size: 2.2rem;
    color: var(--amber);
}
.project-seo__section h2 { font-size: clamp(1.8rem, 3.5vw, 2.65rem); max-width: 760px; }
.project-seo__section p { color: var(--muted); line-height: 1.9; font-size: 1.03rem; }
.project-seo__section p + p { margin-top: 1.15rem; }

.project-seo__checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 22px;
    list-style: none;
    padding: 0;
    margin: 26px 0 8px;
}
.project-seo__checklist li { display: flex; align-items: flex-start; gap: 10px; color: var(--ink); }
.project-seo__checklist i { margin-top: 5px; color: var(--amber-dark); }

.project-seo__context-link { margin-top: 24px !important; }
.project-seo__context-link a { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; }

.project-seo__sources,
.project-seo__review {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 34px 0;
    padding: 20px 24px;
    background: var(--bg-soft);
    border: 1px solid var(--line);
}
.project-seo__sources strong { color: var(--navy); }

.project-seo__faq { padding: 64px 0 24px; scroll-margin-top: 100px; }
.project-seo__faq .section-head { margin-bottom: 32px; }
.project-seo__faq details { border-top: 1px solid var(--line); }
.project-seo__faq details:last-child { border-bottom: 1px solid var(--line); }
.project-seo__faq summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 22px 4px;
    cursor: pointer;
    color: var(--navy);
    font-weight: 700;
}
.project-seo__faq summary::-webkit-details-marker { display: none; }
.project-seo__faq summary i { color: var(--amber-dark); transition: transform .2s ease; }
.project-seo__faq details[open] summary i { transform: rotate(45deg); }
.project-seo__faq details > div { padding: 0 44px 20px 4px; color: var(--muted); }

.project-seo__conclusion {
    margin: 42px 0;
    padding: 34px;
    background: var(--amber-soft);
    border-left: 3px solid var(--amber-dark);
}
.project-seo__conclusion h2 { font-size: 1.8rem; }
.project-seo__conclusion p { margin: 0; color: var(--ink); line-height: 1.85; }

.project-seo__related { padding: 28px 0 42px; }
.project-seo__related > strong { display: block; margin-bottom: 14px; color: var(--navy); }
.project-seo__related > div { display: flex; flex-wrap: wrap; gap: 10px; }
.project-seo__related a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    border: 1px solid var(--line);
    color: var(--ink);
    background: var(--white);
}
.project-seo__related a:hover { border-color: var(--amber); color: var(--amber-dark); }

.project-seo__cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 38px;
    background: var(--navy);
    color: var(--white);
}
.project-seo__cta span { color: var(--amber); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.project-seo__cta h2 { max-width: 650px; margin: 8px 0 0; color: var(--white); font-size: clamp(1.6rem, 3vw, 2.25rem); }
.project-seo__cta .btn { flex: 0 0 auto; }

@media (max-width: 760px) {
    .project-seo { padding: 62px 0; }
    .project-seo__toc { grid-template-columns: 1fr; gap: 10px; }
    .project-seo__toc ol { columns: 1; }
    .project-seo__evidence { grid-template-columns: 1fr; padding: 26px 22px; }
    .project-seo__evidence ul { columns: 1; }
    .project-seo__section { padding: 38px 0; }
    .project-seo__number { position: static; display: block; margin-bottom: 6px; font-size: 1.25rem; }
    .project-seo__checklist { grid-template-columns: 1fr; }
    .project-seo__cta { align-items: flex-start; flex-direction: column; padding: 28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .project-seo__faq summary i { transition: none; }
}