/* SSS sayfası: numaralı, açılır sorular. Sitenin yazı tipleri ve renkleri dışına çıkmaz. */
.sss-page{max-width:920px}
.sss-head{position:relative;padding-bottom:36px;border-bottom:1px solid #2c2c36}
.sss-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;font:700 11px/1 ArenaSans,Arial,sans-serif;letter-spacing:.22em;color:#9a9aa6}
.sss-eyebrow i{font-style:normal;color:#fbbc04;font-size:8px}
.sss-page h1{font-size:clamp(44px,6.4vw,72px);line-height:1.08;margin:0 0 24px}
.sss-lead{max-width:56ch;margin:0;font-size:15px;line-height:1.75;color:#b9bbc6}
.sss-lead a{color:#fff;text-decoration:underline;text-decoration-color:#fbbc04;text-underline-offset:3px}
.sss-toggle{margin-top:26px;padding:11px 16px;background:none;border:1px solid #3a3a46;border-radius:2px;color:#d6d6de;font:700 11px/1 ArenaSans,Arial,sans-serif;letter-spacing:.16em;cursor:pointer;transition:border-color .2s ease,color .2s ease}
@media(hover:hover) and (pointer:fine){.sss-toggle:hover{border-color:#fbbc04;color:#fff}}
.sss-toggle:focus-visible{outline:2px solid #fbbc04;outline-offset:3px}

.sss-list{list-style:none;margin:0;padding:0}
.sss-list>li{border-bottom:1px solid #2c2c36;scroll-margin-top:130px;transition:background-color .6s ease}
.sss-list summary{display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:14px;padding:22px 4px;cursor:pointer;list-style:none}
.sss-list summary::-webkit-details-marker{display:none}
.sss-list summary:focus-visible{outline:2px solid #fbbc04;outline-offset:2px}
.sss-no{font:700 12px/1 ArenaSans,Arial,sans-serif;letter-spacing:.08em;color:#5d5d69;transition:color .25s ease}
.sss-q{font:600 17px/1.4 ArenaSans,Arial,sans-serif;color:#e4e4ea;transition:color .25s ease}
.sss-plus{position:relative;width:14px;height:14px;justify-self:end}
.sss-plus::before,.sss-plus::after{content:'';position:absolute;left:0;top:6px;width:14px;height:2px;background:#77777f;transition:transform .3s var(--ease,ease),background-color .25s ease}
.sss-plus::after{transform:rotate(90deg)}
.sss-list details[open] .sss-plus::after{transform:rotate(0)}
.sss-list details[open] .sss-plus::before,.sss-list details[open] .sss-plus::after{background:#fbbc04}
.sss-list details[open] .sss-no{color:#fbbc04}
.sss-list details[open] .sss-q{color:#fff}
@media(hover:hover) and (pointer:fine){.sss-list summary:hover .sss-q{color:#fff}.sss-list summary:hover .sss-no{color:#fbbc04}}
.sss-a{padding:0 40px 26px 62px}
.sss-a p{margin:0 0 14px;max-width:62ch;font-size:15px;line-height:1.8;color:#b9bbc6}
.sss-a p:last-child{margin-bottom:0}
.sss-a a{color:#fff;text-decoration:underline;text-decoration-color:#fbbc04;text-underline-offset:3px;overflow-wrap:anywhere}
.sss-odul{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:560px}
.sss-odul li{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid #2c2c36;border-radius:2px}
.sss-odul b{font:700 10px/1 ArenaSans,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fbbc04}
.sss-odul span{font:600 14px/1.35 ArenaSans,Arial,sans-serif;color:#fff}
/* Ana sayfadaki etiketten gelinen soru kısa süre vurgulanır. */
.sss-list>li.is-target{background:rgba(251,188,4,.06)}

.sss-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:56px 0 0;padding:28px 30px;border:1px solid #2c2c36;border-radius:2px}
.sss-cta p{display:flex;flex-direction:column;gap:6px;margin:0}
.sss-cta b{font:800 24px/1 ArenaDisplay,Impact,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#fff}
/* Başvuru düğmesi ana sayfadaki BAŞVURU YAP ile aynı: beyaz zemin, koyu yazı, üzerine gelince sarı. */
.sss-cta .sss-cta-button{flex:none;min-width:220px;justify-content:space-between;gap:32px;background:#f6f6fa;color:#0b0b0f;border-color:transparent}
.sss-cta .sss-cta-button span{font-size:22px;line-height:1;color:inherit}
.sss-cta .sss-cta-button:focus-visible{background:#fbbc04;color:#0b0b0f;outline:2px solid #fbbc04;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.sss-cta .sss-cta-button:hover{background:#fbbc04;color:#0b0b0f}}

html.motion .sss-list details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease,ease),content-visibility .35s allow-discrete}
html.motion .sss-list details[open]::details-content{block-size:auto}
@supports (interpolate-size:allow-keywords){html.motion .sss-page{interpolate-size:allow-keywords}}

@media(max-width:700px){
  .sss-head{padding-bottom:28px}
  .sss-lead{font-size:14px}
  .sss-list summary{grid-template-columns:30px 1fr 16px;gap:10px;padding:18px 0}
  .sss-q{font-size:15px}
  .sss-a{padding:0 0 22px 40px}
  .sss-a p{font-size:14px}
  .sss-odul{grid-template-columns:1fr}
  .sss-cta{flex-direction:column;align-items:flex-start;padding:22px 20px}
  .sss-cta b{font-size:21px}
  .sss-cta .sss-cta-button{width:100%;min-width:0}
}