/* SSS (iki görünüm): koyu mor üst şerit, soru grupları kart + akordeon, terim kartları, mor kapanış */
.sayfa-ust.sss-ust { background: var(--mor-koyu); }
.sss-ust .sayfa-ust-aciklama a { color: #fff; font-weight: 600; }
.sss-ust .sayfa-ust-aciklama a:hover { color: var(--sari); }

.sss-no { display: inline-flex; flex: none; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 999px; background: var(--mor); color: #fff; font: 700 .95rem/1 var(--sans); }

.sss-grup { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); }
.sss-grup-bas { display: flex; align-items: center; gap: .85rem; }
.sss-grup-bas h2 { margin: 0; }
.sss-grup-bas p { margin: .15rem 0 0; }

/* Akordeon: ana sayfadaki .sss-madde ile aynı dil (600 ağırlık, mor +) */
.sss-madde { border-bottom: 1px solid var(--cizgi); }
.sss-madde:last-child { border-bottom: 0; }
.sss-madde summary { cursor: pointer; padding: 1rem 2.2rem 1rem 0; font: 600 1.05rem/1.35 var(--sans); list-style: none; position: relative; min-height: 44px; color: var(--murekkep); }
.sss-madde summary::-webkit-details-marker { display: none; }
.sss-madde summary::after { content: '+'; position: absolute; right: .2rem; top: .85rem; font: 400 1.4rem/1 var(--sans); color: var(--mor); }
.sss-madde[open] summary::after { content: '−'; }
.sss-madde summary:hover { color: var(--mor-koyu); }
.sss-madde summary:focus-visible { outline: 2px solid var(--mor); outline-offset: 2px; border-radius: 6px; }
.sss-madde p { color: var(--murekkep-2); margin: 0 0 1.1rem; }

.sss-terim-bas .sessiz { margin: 0; }
.sss-terim-kartlar { display: grid; margin: 0; }
.sss-terim { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); }
.sss-terim dt { font-weight: 700; color: var(--murekkep); }
.sss-terim dd { margin: .35rem 0 0; color: var(--murekkep-2); }
.sss-terim:target { border-color: var(--mor); box-shadow: 0 0 0 3px rgba(107, 31, 143, .16); }

.sss-son { background: var(--mor); color: #f3eafa; border-radius: var(--kose-buyuk); }
.sss-son h2 { color: #fff; margin: 0 0 .3rem; }
.sss-son p { margin: 0; }