/* sss: altı soru, erişilebilir <details> akordeonu. */
.bolum-sss { background: radial-gradient(50% 50% at 10% 20%, rgba(227,179,65,.05), transparent 70%), var(--gece); border-top: 1px solid var(--cizgi-soluk); }
.ss-duzen { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 112px); align-items: start; }
.ss-bas { position: sticky; top: calc(var(--ust-boy) + 40px); }
.ss-liste { border-top: 1px solid var(--cizgi); }
.ss-oge { border-bottom: 1px solid var(--cizgi-soluk); transition: background .3s; }
.ss-oge[open] { background: linear-gradient(90deg, rgba(227,179,65,.04), transparent); border-bottom-color: var(--cizgi); }
.ss-oge summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding: 20px 8px; cursor: pointer; list-style: none; font-weight: 500; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.25; letter-spacing: -.01em; transition: color .25s; }
.ss-oge summary::-webkit-details-marker { display: none; }
.ss-oge summary:hover, .ss-oge[open] summary { color: var(--altin-acik); }
.ss-oge summary i { position: relative; flex: none; width: 36px; height: 36px; border-radius: 4px; border: 1px solid var(--cizgi); transition: background .3s, border-color .3s; }
.ss-oge summary i::before, .ss-oge summary i::after { content: ''; position: absolute; inset: 0; margin: auto; width: 12px; height: 1.5px; background: var(--altin); transition: transform .35s var(--yay), background .3s; }
.ss-oge summary i::after { transform: rotate(90deg); }
.ss-oge[open] summary i { background: var(--altin); border-color: var(--altin); }
.ss-oge[open] summary i::before, .ss-oge[open] summary i::after { background: #15100A; }
.ss-oge[open] summary i::after { transform: rotate(0); }
.ss-cevap { padding: 0 72px 28px 8px; }
html[dir="rtl"] .ss-cevap { padding: 0 8px 28px 72px; }
.ss-cevap p { max-width: 36em; color: var(--metin-2); font-size: 18px; text-wrap: pretty; }
.ss-oge:not([open]) .ss-cevap { display: none; }
.ss-oge[open] .ss-cevap { animation: ss-ac .45s var(--yay); }
@keyframes ss-ac { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (max-width: 960px) {
  .ss-duzen { grid-template-columns: minmax(0, 1fr); }
  .ss-bas { position: static; }
  .ss-cevap, html[dir="rtl"] .ss-cevap { padding: 0 8px 24px; }
}
@media (prefers-reduced-motion: reduce) { .ss-oge:not([open]) .ss-cevap { display: none; }
.ss-oge[open] .ss-cevap { animation: none; } }