/* Xontainer keşif turu — palet "Gece gümüş". Gümüş yalnız koyu zeminde. */
@font-face{font-family:'Archivo';font-weight:400 800;font-display:swap;src:url(/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Archivo';font-weight:400 800;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Big Shoulders';font-weight:600 900;font-display:swap;src:url(/fonts/big-shoulders-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Big Shoulders';font-weight:600 900;font-display:swap;src:url(/fonts/big-shoulders-latin-ext.woff2) format('woff2');unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
:root{
  --gece:#0e1530; --lacivert:#1b2a5c; --gumus:#c9d1e0; --zemin:#f2f3f6; --sis:#e6e8ee;
  --murekkep:#0e1530; --murekkep2:#3b4566; --cizgi:#c3c8d2; --kagit:#ffffff; --hata:#8a1c1c;
  --f-baslik:"Big Shoulders","Arial Narrow",Impact,sans-serif;
  --f-govde:"Archivo","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:16px/1.5 var(--f-govde);overflow-x:hidden}
img{max-width:100%}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-9999px;top:0;background:var(--gece);color:#fff;padding:8px 12px;z-index:5}
.atla:focus{left:16px}
:focus-visible{outline:3px solid var(--lacivert);outline-offset:2px}

.ust{background:var(--kagit);border-bottom:3px solid var(--lacivert)}
.ust-ic{max-width:820px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.marka{display:flex;align-items:center;gap:8px;color:var(--murekkep);text-decoration:none;font:800 22px/1 var(--f-baslik);text-transform:uppercase;letter-spacing:.02em}
.ust-baslik{color:var(--murekkep2);font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dil{display:flex;border:1px solid var(--lacivert)}
.dil button{font:700 13px/1 var(--f-govde);border:0;background:transparent;color:var(--lacivert);padding:8px 10px;min-width:40px;min-height:36px;cursor:pointer}
.dil button[aria-pressed="true"]{background:var(--lacivert);color:#fff}

main{max-width:820px;margin:0 auto;padding:24px 16px 64px}
main:focus{outline:none}
h1,h2{font-family:var(--f-baslik);text-transform:uppercase;letter-spacing:.015em;line-height:1.05;margin:0 0 10px}
h1{font-size:clamp(32px,6vw,48px);font-weight:800}
h2{font-size:24px;font-weight:800;color:var(--lacivert)}
h2:focus{outline:none}
p{margin:0 0 12px}
.giris-not{color:var(--murekkep2);max-width:60ch}
.kutu{background:var(--kagit);border:1px solid var(--cizgi);padding:18px;margin:0 0 18px}
.aydinlatma{background:var(--gece);color:#fff;border:0}
.aydinlatma h2{color:var(--gumus);font-size:20px}
.aydinlatma p,.aydinlatma li{font-size:14px;color:#e8ebf2}
.aydinlatma ul{margin:0 0 10px;padding-left:18px}
.aydinlatma .ph{background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(201,209,224,.25) 4px 8px);padding:0 4px;color:var(--gumus);font-style:normal;font-weight:700}
.onay-kutu{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-weight:700;color:#fff}
.onay-kutu input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--gumus)}

label.alan{display:block;font-weight:700;margin:0 0 6px}
.yardim{font-size:13px;color:var(--murekkep2);margin:4px 0 0}
input[type=text],textarea{width:100%;font:16px/1.4 var(--f-govde);color:var(--murekkep);background:var(--kagit);border:1px solid var(--murekkep2);padding:10px 12px;border-radius:0}
input.kod{font:700 20px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;max-width:280px}
textarea{min-height:120px;resize:vertical}
.alan-grup{margin:0 0 16px}

fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
legend{font-weight:700;font-size:17px;padding:0;margin:0 0 10px;max-width:100%}
.soru{background:var(--kagit);border:1px solid var(--cizgi);padding:16px 16px 6px;margin:0 0 16px}
.secenekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0 0 10px}
.secim{position:relative;display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cizgi);background:var(--zemin);padding:10px 12px;cursor:pointer;min-height:44px}
.secim input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--lacivert)}
.secim:has(input:checked){border-color:var(--lacivert);background:var(--sis);box-shadow:inset 3px 0 0 var(--lacivert)}
.secim:has(input:focus-visible){outline:3px solid var(--lacivert);outline-offset:2px}
.secim .tanim{display:block;font-size:13px;color:var(--murekkep2);font-weight:400}
.olcek{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.olcek .secim{min-width:56px;justify-content:center}
.olcek .uc{font-size:13px;color:var(--murekkep2)}
.olcek-uclar{display:flex;justify-content:space-between;font-size:13px;color:var(--murekkep2);max-width:360px;margin:-4px 0 10px}
.sayac{font-size:13px;color:var(--murekkep2);text-align:right;margin:4px 0 10px}

.sirala{list-style:none;margin:0 0 10px;padding:0;counter-reset:s}
.sirala li{display:flex;align-items:center;gap:10px;border:1px solid var(--cizgi);background:var(--zemin);padding:6px 6px 6px 12px;margin:0 0 6px}
.sirala li::before{counter-increment:s;content:counter(s);font:800 22px/1 var(--f-baslik);color:var(--lacivert);min-width:22px}
.sirala .ad{flex:1;min-width:0}
.sirala button{min-width:44px;min-height:44px;font-size:18px}

.btn{font:700 15px/1 var(--f-govde);border:2px solid var(--lacivert);background:var(--lacivert);color:#fff;padding:12px 20px;min-height:46px;cursor:pointer;border-radius:0}
.btn.ikincil{background:transparent;color:var(--lacivert)}
.btn.kucuk{padding:6px 10px;min-height:36px;font-size:13px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.gezinti{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:wrap}
.durum{font-size:13px;color:var(--murekkep2);min-height:1.5em}
.hata{color:var(--hata);font-weight:700}
.ilerleme{margin:0 0 18px}
.ilerleme .cubuk{height:6px;background:var(--cizgi)}
.ilerleme .dolu{height:6px;background:var(--lacivert);width:0}
.ilerleme .metin{font-size:13px;color:var(--murekkep2);margin-top:6px;display:flex;justify-content:space-between;gap:8px}
.temizle{margin:0 0 10px}

.yonetim table{width:100%;border-collapse:collapse;font-size:14px;background:var(--kagit)}
.yonetim th,.yonetim td{text-align:left;padding:8px;border-bottom:1px solid var(--cizgi);vertical-align:top;overflow-wrap:anywhere}
.yonetim th{white-space:nowrap;overflow-wrap:normal}
.yonetim .islemler{display:flex;gap:6px;flex-wrap:wrap}
.kod-goster{font:700 22px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em;background:var(--gece);color:var(--gumus);padding:10px 12px;display:inline-block;overflow-wrap:anywhere}

@media (max-width:560px){
  .ust-baslik{display:none}
  .secenekler{grid-template-columns:1fr}
  .gezinti .btn{flex:1}
  h2{font-size:22px}
}

/* Soru başlığı kutunun İÇİNDE (fieldset kenarına binmesin). */
.soru > legend{float:left;width:100%;margin:0 0 10px}
.soru > legend + *{clear:both}
.ok{width:18px;height:18px;display:block;margin:auto}

/* Katılım alt tablosu: kısa hücreler kelime ortasından bölünmesin. */
.yonetim td table td{overflow-wrap:normal}
.yonetim td table td:not(:last-child){white-space:nowrap}