/* ── Sık sorulan sorular ── (abonelikler.html alt bilgiden önce, yazilimlar.html plan çağrısından önce; tools/yama/seo.py → sss_bolumu,
   metinler assets/seo.json → sss; README → SEO). Sitenin koyu dili: solda başlık (Archivo + Instrument Serif italik vurgu) ve tek cümle,
   sağda ince çizgilerle ayrılmış sorular. Erişilebilir akordeon: <details>/<summary>; cevaplar kaynakta, betik yok. Açılış yumuşak
   (::details-content yükseklik geçişi, destekleyen tarayıcıda); hareketi azaltta anında. */
.sss { --sss-cizgi: #1D2730; --sss-metin: #A6B2BC; --sss-soluk: #7C8994; position: relative; z-index: 1; color: #F5F8FA;
  padding: clamp(80px, 9vw, 150px) 0 clamp(110px, 11vw, 180px); interpolate-size: allow-keywords; }
.sss-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 110px); align-items: start;
  width: min(1320px, calc(100% - 11vw)); margin: 0 auto; }
.sss-bas { position: sticky; top: clamp(96px, 12vh, 130px); }
.sss-bas h2 { margin: 0; font: 650 clamp(34px, 4vw, 60px)/1 'Archivo', sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.sss-bas h2 em { font: italic 400 1.1em/.8 'Instrument Serif', Georgia, serif; letter-spacing: -.01em; color: var(--turan-parlak); }
.sss-bas p { margin: 18px 0 0; max-width: 34ch; font: 400 16px/1.6 'Archivo', sans-serif; color: var(--sss-metin); text-wrap: pretty; }
.sss-liste { border-top: 1px solid var(--sss-cizgi); }
.sss-oge { border-bottom: 1px solid var(--sss-cizgi); }
.sss-oge summary { display: flex; align-items: center; gap: 22px; padding: 24px 2px; cursor: pointer; list-style: none; border-radius: 10px;
  -webkit-tap-highlight-color: transparent; }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-soru { flex: 1; min-width: 0; font: 550 clamp(17px, 1.3vw, 20px)/1.38 'Archivo', sans-serif; letter-spacing: -.008em; color: #E9EEF2; transition: color .25s ease; }
.sss-oge summary:hover .sss-soru, .sss-oge[open] .sss-soru { color: #fff; }
.sss-oge summary:focus-visible { outline: 2px solid #F5F8FA; outline-offset: 4px; }
/* artı → eksi: ince iki çizgi, açıkken Turan mavisi daire */
.sss-isaret { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(245, 248, 250, .2);
  transition: background-color .3s ease, box-shadow .3s ease; }
.sss-isaret::before, .sss-isaret::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.6px; border-radius: 1px;
  background: #F5F8FA; translate: -50% -50%; transition: rotate .35s var(--egri); }
.sss-isaret::after { rotate: 90deg; }
.sss-oge summary:hover .sss-isaret { box-shadow: inset 0 0 0 1px rgba(245, 248, 250, .45); }
.sss-oge[open] .sss-isaret { background: var(--turan); box-shadow: none; }
.sss-oge[open] .sss-isaret::after { rotate: 0deg; }
.sss-cevap { padding: 0 58px 26px 2px; }
.sss-cevap p { margin: 0; max-width: 68ch; font: 400 16px/1.68 'Archivo', sans-serif; color: var(--sss-metin); text-wrap: pretty; }
.sss-oge::details-content { block-size: 0; overflow-y: clip; transition: block-size .42s var(--egri), content-visibility .42s allow-discrete; }
.sss-oge[open]::details-content { block-size: auto; }
@media (max-width: 860px) {
  .sss-ic { grid-template-columns: minmax(0, 1fr); width: calc(100% - 36px); gap: 28px; }
  .sss-bas { position: static; }
  .sss-oge summary { gap: 16px; padding: 20px 0; }
  .sss-cevap { padding: 0 0 22px; }
  .sss-cevap p { font-size: 15.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .sss-oge::details-content, .sss-isaret, .sss-isaret::before, .sss-isaret::after, .sss-soru { transition: none; }
}
@media print {
  .sss-oge::details-content { block-size: auto; content-visibility: visible; }
  .sss-isaret { display: none; }
}
@media (forced-colors: active) { .sss-isaret::before, .sss-isaret::after { background: CanvasText; } }