.sod-page { background:#f3f0e8; color:#10283a; }
.sod-hero { color:#fff; background:radial-gradient(circle at 82% 18%,rgba(201,157,61,.18),transparent 34%),linear-gradient(135deg,#071725,#102c3f); }
.sod-hero-inner { display:grid; width:min(1240px,90vw); margin:0 auto; padding:80px 0; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:64px; align-items:center; }
.sod-hero h1,.sod-method h2,.sod-viewer h2,.sod-cta h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:400; line-height:1; }
.sod-hero h1 { font-size:clamp(52px,7vw,92px); }
.sod-lead { max-width:720px; color:#d1dce3; font-size:clamp(19px,2vw,24px); }
.sod-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:28px 0; }
.sod-metrics span { padding:14px 10px; border:1px solid rgba(214,182,107,.3); color:#cdd7dd; font-size:12px; text-align:center; }
.sod-metrics strong { display:block; color:#e2bd63; font-family:Georgia,serif; font-size:34px; line-height:1; }
.sod-access-note { color:#a9b8c1; font-size:13px; }
.sod-hero-preview { margin:0; overflow:hidden; border:1px solid rgba(214,182,107,.38); background:#fff; box-shadow:0 30px 70px rgba(0,0,0,.34); }
.sod-hero-preview img { display:block; width:100%; height:auto; }
.sod-hero-preview figcaption { padding:12px 16px; color:#b8c1c8; background:#07111b; font-size:12px; }
.sod-method { display:grid; width:min(1240px,90vw); margin:0 auto; padding:86px 0; grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); gap:60px; }
.sod-method h2,.sod-viewer h2,.sod-cta h2 { font-size:clamp(40px,5vw,68px); }
.sod-method > div:first-child > p:last-child { color:#66737b; font-size:18px; }
.sod-functions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sod-functions article { padding:24px; border:1px solid #ccd2d1; background:#fff; }
.sod-functions strong { display:grid; width:44px; height:44px; place-items:center; color:#0e2638; background:#d6b66b; font-size:22px; }
.sod-functions h3 { margin:14px 0 6px; }
.sod-functions p { margin:0; color:#6b7479; }
.sod-viewer { width:min(1500px,96vw); margin:0 auto 90px; }
.sod-viewer-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:40px; color:#fff; background:#0b1f2d; }
.sod-viewer-heading > span { flex:none; padding:8px 12px; border:1px solid #d6b66b; color:#e7c876; font-size:12px; text-transform:uppercase; }
.sod-tabs { display:flex; padding:10px; gap:8px; background:#d9ddd9; }
.sod-tabs button,.sod-carousel-toolbar button { border:1px solid #b8c0be; padding:12px 18px; color:#173248; background:#f7f7f3; font:inherit; font-weight:700; cursor:pointer; }
.sod-tabs button[aria-selected="true"] { border-color:#b98e2b; color:#fff; background:#173248; }
.sod-panel { padding:28px; border:1px solid #ccd2d1; border-top:0; background:#e5e5df; }
.sod-carousel-toolbar { display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:18px; }
.sod-carousel-toolbar output { min-width:90px; text-align:center; }
.sod-slide { margin:0 auto; max-width:1160px; background:#fff; box-shadow:0 18px 55px rgba(18,35,46,.2); }
.sod-slide img { display:block; width:100%; height:auto; user-select:none; -webkit-user-drag:none; }
.sod-slide figcaption { padding:8px 12px; color:#67757d; text-align:center; font-size:12px; }
.sod-thumbnails { display:grid; max-width:1160px; margin:18px auto 0; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.sod-thumbnails button { padding:5px; border:2px solid transparent; background:#fff; cursor:pointer; }
.sod-thumbnails button.is-current { border-color:#b98e2b; }
.sod-thumbnails img { display:block; width:100%; height:auto; }
.matrix-intro { display:flex; justify-content:space-between; gap:30px; padding:22px; color:#fff; background:#173248; }
.matrix-intro p { margin:5px 0 0; color:#d3dde4; }
.matrix-intro > span { flex:none; align-self:start; padding:6px 10px; border:1px solid #d6b66b; color:#f0d181; font-size:11px; text-transform:uppercase; }
.matrix-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; background:#f7f7f3; }
.matrix-toolbar label { display:grid; gap:6px; font-size:12px; font-weight:700; }
.matrix-toolbar select,.matrix-toolbar input { min-height:44px; padding:8px 12px; border:1px solid #b9c2c3; background:#fff; font:inherit; }
.matrix-sheet-meta { display:flex; justify-content:space-between; gap:20px; padding:14px 20px; border-top:1px solid #d5d9d7; background:#fff; }
.matrix-sheet-meta span { color:#768188; font-size:12px; }
.matrix-table-wrap { overflow:auto; max-height:75vh; border:1px solid #bbc3c2; background:#fff; }
.matrix-table { border-collapse:collapse; min-width:100%; table-layout:auto; color:#172d3d; font-family:Arial,sans-serif; }
.matrix-table td { min-width:90px; max-width:440px; padding:8px 10px; border:1px solid #d5d9d7; white-space:pre-wrap; overflow-wrap:anywhere; }
.matrix-table td.is-match { outline:3px solid #d4a537; outline-offset:-3px; background:#fff3bd!important; color:#172d3d!important; }
.sod-cta { padding:80px 5vw; color:#fff; text-align:center; background:#0b1f2d; }
.sod-cta > div { width:min(820px,90vw); margin:0 auto; }
.sod-cta p:not(.seo-kicker) { color:#c7d2d9; font-size:18px; }
.sod-cta .seo-actions { justify-content:center; }
@media(max-width:960px){.sod-hero-inner,.sod-method{grid-template-columns:1fr}.sod-hero-preview{max-width:700px}.sod-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){.sod-hero-inner{padding:52px 0}.sod-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sod-functions,.matrix-toolbar{grid-template-columns:1fr}.sod-viewer{width:100%}.sod-viewer-heading{align-items:start;flex-direction:column;padding:28px 20px}.sod-viewer-heading>span{white-space:normal}.sod-tabs{overflow-x:auto}.sod-tabs button{white-space:nowrap}.sod-panel{padding:12px}.sod-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.matrix-intro{flex-direction:column}.matrix-table-wrap{max-height:68vh}}
@media print{.sod-page main,.sod-page header,.sod-page footer{display:none!important}.sod-page::before{content:"Bu çalışma yalnızca çevrimiçi inceleme için sunulmaktadır.";display:block;padding:40px;color:#000;background:#fff}}