/* 03.11.2026 SEO rehber bölümleri (sayfa içi karşılaştırma, belirtiler, adımlar). Palet: lacivert + sarı. */
.snc-guide{padding:64px 0;background:#fff;font-family:var(--snc-font,'Montserrat',sans-serif);color:#1d2b45}
.snc-guide + .snc-guide{padding-top:0}
.snc-guide .sg-head{max-width:860px;margin:0 auto 32px;text-align:center}
.snc-guide .sg-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00215d;background:#fff6d6;border:1px solid #ffe08a;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.snc-guide h2{font-size:30px;line-height:1.25;font-weight:800;color:#0b1f44;margin:0 0 12px}
.snc-guide h3{font-size:18px;line-height:1.35;font-weight:700;color:#0b1f44;margin:0 0 8px}
.snc-guide p{font-size:15px;line-height:1.7;color:#43506a;margin:0 0 10px}
.snc-guide .sg-lead{font-size:16px}
.snc-guide a{color:#003087;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.snc-guide a:hover{color:#00246a}
.sg-table-wrap{overflow-x:auto;border:1px solid #dfe6f2;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
.sg-table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}
.sg-table th,.sg-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #edf1f8;vertical-align:top}
.sg-table thead th{background:#00215d;color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em}
.sg-table tbody tr:nth-child(even){background:#f7f9fd}
.sg-table tbody tr:last-child td{border-bottom:0}
.sg-table td strong{color:#0b1f44}
.sg-price{font-weight:800;color:#00215d;white-space:nowrap}
.sg-note{font-size:13px;color:#5b6780;margin-top:10px}
.sg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sg-grid.sg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sg-card{background:#f7f9fd;border:1px solid #e3e9f4;border-top:3px solid #00215d;border-radius:12px;padding:20px}
.sg-card p:last-child{margin-bottom:0}
.sg-card code,.snc-guide code{font-family:Consolas,Menlo,monospace;font-size:12.5px;background:#0b1f44;color:#ffe08a;border-radius:6px;padding:2px 7px;white-space:normal;overflow-wrap:anywhere}
.sg-tag{display:inline-block;font-size:11px;font-weight:700;color:#00215d;background:#ffc60b;border-radius:6px;padding:2px 8px;margin-bottom:8px}
.sg-steps{counter-reset:sgs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.sg-steps li{counter-increment:sgs;position:relative;background:#fff;border:1px solid #e3e9f4;border-radius:12px;padding:46px 18px 18px}
.sg-steps li::before{content:counter(sgs);position:absolute;top:14px;left:18px;width:26px;height:26px;border-radius:50%;background:#ffc60b;color:#00215d;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.sg-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.sg-links a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;color:#00215d;background:#fff;border:1px solid #cfd9ea;border-radius:999px;padding:8px 16px}
.sg-links a:hover{background:#00215d;color:#fff;border-color:#00215d}
.sg-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.sg-check li{position:relative;padding-left:26px;font-size:15px;line-height:1.6;color:#43506a}
.sg-check li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:3px solid #00215d;border-bottom:3px solid #00215d;transform:rotate(-45deg)}
@media (max-width:991px){.sg-grid,.sg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.snc-guide{padding:44px 0}.snc-guide h2{font-size:23px}.sg-grid,.sg-grid.sg-2,.sg-steps,.sg-check{grid-template-columns:minmax(0,1fr)}.sg-table{font-size:13px}}
body#dark-theme .snc-guide{background:#0d1526;color:#d7deeb}
body#dark-theme .snc-guide h2,body#dark-theme .snc-guide h3,body#dark-theme .sg-table td strong{color:#fff}
body#dark-theme .snc-guide p,body#dark-theme .sg-check li{color:#aab6cc}
body#dark-theme .sg-card,body#dark-theme .sg-steps li,body#dark-theme .sg-table-wrap{background:#131d33;border-color:#24304a}
body#dark-theme .sg-table tbody tr:nth-child(even){background:#162039}
body#dark-theme .sg-table th,body#dark-theme .sg-table td{border-color:#24304a}
body#dark-theme .snc-guide a{color:#ffc60b}
body#dark-theme .sg-links a{background:#131d33;border-color:#2c3a58;color:#fff}