/* Deneme çöz — mockup UI, scoped under .ds-page */
.ds-page{
  --ds-ink:#1B2340; --ds-graphite:#5A5850; --ds-red:#C4283D; --ds-red-dim:#C4283D1c;
  --ds-gold:#E9A93E; --ds-green:#2F8F5B; --ds-white:#FBFAF5; --ds-paper:#F1EFE4;
  font-family:Inter,system-ui,sans-serif; color:var(--ds-graphite); background:var(--ds-paper);
  margin:0; min-width:320px;
}
.ds-page h1,.ds-page h2,.ds-page h3{font-family:var(--font-display);color:var(--ds-ink);margin:0;}
.ds-mono{font-family:"JetBrains Mono",ui-monospace,monospace;}

/* Sol kenar çizgisi (body::before) — sınav + giriş; base.css'e dokunma */
body:has(.ds-page)::before,
body:has(.ds-page)::after{
  display:none !important;
}

.ds-qtext,.ds-opt-text{overflow-wrap:anywhere;}

main.ds-solve-main{
  max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;
  background:var(--ds-paper) !important;
}

.ds-subhead{
  background:var(--ds-ink); padding:0 24px; display:flex; align-items:center;
  justify-content:space-between; flex-wrap:wrap; gap:8px;
}
.ds-exam-title{color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;padding:14px 0;}
.ds-exam-title span{color:#9AA3C4;font-weight:400;}
.ds-blok-tabs{display:flex;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;min-width:0;}
.ds-blok-tab{
  padding:14px 12px;font-size:12px;font-weight:600;color:#9AA3C4;cursor:pointer;
  white-space:nowrap;border-bottom:3px solid transparent;display:flex;align-items:center;gap:6px;
  text-decoration:none;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;
}
.ds-blok-tab.active{color:#fff;border-bottom-color:var(--ds-red);}
.ds-blok-tab .bd{font-size:10px;color:#6E78A0;}
.ds-blok-tab.active .bd{color:var(--ds-gold);}
.ds-timer-box{display:flex;align-items:center;gap:10px;padding:10px 0;}
.ds-timer{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:16px;
  color:var(--ds-gold);border:1.3px solid var(--ds-gold);border-radius:6px;padding:6px 12px;
}
.ds-finish-btn{
  background:var(--ds-red);color:#fff !important;border:none;border-radius:6px;padding:9px 14px;
  font-family:var(--font-display);font-weight:700;font-size:12.5px;cursor:pointer;text-decoration:none;display:inline-block;
}

.ds-layout{display:grid;grid-template-columns:1fr 320px;gap:0;max-width:1500px;margin:0 auto;align-items:start;}
@media (max-width:1000px){.ds-layout{grid-template-columns:1fr;} .ds-aside{position:static;border-left:none;border-top:1.3px solid #1B234020;min-height:0;}}

.ds-main{padding:28px 32px 48px;}
@media (max-width:640px){.ds-main{padding:20px 16px 40px;} .ds-subhead{padding:0 14px;}}

.ds-qcard{
  background:var(--ds-white);border:1.3px solid #1B234022;border-radius:9px;
  padding:22px 24px;margin-bottom:22px;box-shadow:0 4px 14px #1B234010;
}
.ds-qn{color:var(--ds-red);font-family:var(--font-display);font-weight:700;font-size:14px;margin-bottom:8px;}
.ds-qtext{font-size:16px;line-height:1.65;color:var(--ds-ink);margin:0;max-width:74ch;}
.ds-qimg{margin-top:14px;}
.ds-qimg img{max-width:100%;border-radius:8px;border:1px solid #1B234020;}

.ds-options{display:flex;flex-direction:column;gap:11px;max-width:74ch;margin-bottom:22px;}
.ds-opt{
  display:flex;align-items:center;gap:14px;background:var(--ds-white);border:1.3px solid #1B234026;
  border-radius:7px;padding:14px 18px;cursor:pointer;transition:.12s;text-align:left;width:100%;
  font:inherit;color:inherit;
}
.ds-opt:hover{border-color:var(--ds-red);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ds-red-dim);}
.ds-opt.selected{border-color:var(--ds-ink);background:#1B234008;box-shadow:none;transform:none;}
.ds-opt input{position:absolute;opacity:0;pointer-events:none;}
.ds-bubble{
  width:27px;height:27px;min-width:27px;border-radius:50%;border:1.6px solid var(--ds-ink);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ds-ink);
}
.ds-opt.selected .ds-bubble{background:var(--ds-ink);color:#fff;box-shadow:inset 0 0 0 2px var(--ds-white);}
.ds-opt-text{font-size:14.5px;color:var(--ds-graphite);}
.ds-opt.selected .ds-opt-text{color:var(--ds-ink);font-weight:500;}

.ds-bottom{display:flex;justify-content:space-between;align-items:center;max-width:74ch;padding-top:6px;flex-wrap:wrap;gap:10px;}
.ds-bb-left,.ds-bb-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.ds-bb{
  font-family:var(--font-display);font-weight:700;font-size:13.5px;border:1.3px solid #1B234030;
  background:var(--ds-white);color:var(--ds-ink);border-radius:6px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block;
}
.ds-bb.ghost{border:none;color:var(--ds-graphite);font-weight:600;background:transparent;}
.ds-bb.ghost.is-disabled{opacity:.55;cursor:default;pointer-events:none;}
.ds-bb.mark.marked{border-color:var(--ds-gold);color:#8a6317;background:#E9A93E15;}
.ds-bb.next{background:linear-gradient(90deg,var(--ds-ink),var(--ds-red));color:#fff !important;border:none;}
.ds-skip{text-align:center;max-width:74ch;margin-top:16px;font-size:12.5px;color:var(--ds-graphite);}
.ds-skip a{color:var(--ds-red);text-decoration:none;font-weight:600;}

.ds-aside{
  background:var(--ds-white);border-left:1.3px solid #1B234020;padding:24px 20px 30px;
  min-height:calc(100vh - 120px);position:sticky;top:0;
}
.ds-aside-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.ds-aside-h h3{font-size:14px;}
.ds-aside-h .prog{font-size:11px;color:var(--ds-graphite);}

.ds-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;}
.ds-smini{text-align:center;background:var(--ds-paper);border-radius:6px;padding:8px 4px;}
.ds-smini .v{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:14px;color:var(--ds-ink);}
.ds-smini.answered .v{color:var(--ds-green);}
.ds-smini.marked .v{color:#8a6317;}
.ds-smini.empty .v{color:var(--ds-red);}
.ds-smini .l{font-size:8.5px;color:var(--ds-graphite);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;}

.ds-block-map{margin-bottom:16px;}
.ds-block-map-h{
  display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;
  color:var(--ds-ink);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em;
}
.ds-block-map-h .bc{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:400;color:var(--ds-graphite);text-transform:none;letter-spacing:0;}
.ds-cellgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;}
.ds-cell{
  aspect-ratio:1;border-radius:5px;border:1.4px solid #1B234026;display:flex;align-items:center;justify-content:center;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;color:var(--ds-graphite);cursor:pointer;
  background:var(--ds-paper);text-decoration:none;
}
.ds-cell.answered{background:var(--ds-ink);border-color:var(--ds-ink);color:#fff;}
.ds-cell.marked{border-color:var(--ds-gold);border-width:2px;color:#8a6317;background:#E9A93E18;box-shadow:0 0 0 1px var(--ds-gold);}
.ds-cell.current{border-color:var(--ds-red);border-width:2px;color:var(--ds-red);background:transparent;}

.ds-legend{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--ds-graphite);margin:14px 0 18px;}
.ds-legend span{display:inline-flex;align-items:center;gap:4px;}
.ds-dot{width:8px;height:8px;border-radius:3px;display:inline-block;box-sizing:border-box;}
.ds-dot.answered{background:var(--ds-ink);}
.ds-dot.marked{border:1.6px solid var(--ds-gold);background:transparent;}
.ds-dot.current{border:1.6px solid var(--ds-red);background:transparent;}
.ds-dot.empty{border:1.4px solid #1B234030;background:transparent;}

.ds-finish-side{
  width:100%;border:none;border-radius:7px;padding:13px;font-family:var(--font-display);
  font-weight:700;font-size:13.5px;color:#fff !important;cursor:pointer;background:var(--ds-red);text-decoration:none;display:block;text-align:center;
}

/* —— Karanlık mod: site tokenları (--ink, --paper, --accent, --muted, --a, --card, --g) —— */
html[data-theme="dark"] .ds-page,
html[data-theme="dark"] main.ds-solve-main{
  background:var(--paper) !important;
  color:var(--graphite, var(--muted));
}
html[data-theme="dark"] .ds-page h1,
html[data-theme="dark"] .ds-page h2,
html[data-theme="dark"] .ds-page h3{color:var(--ink);}

/* Üst bar koyu kalır (tema --ink light olduğu için sabit zemin) */
html[data-theme="dark"] .ds-subhead{background:#14161c;border-bottom:1px solid var(--brd, rgba(237,235,224,.1));}
html[data-theme="dark"] .ds-exam-title{color:var(--ink);}
html[data-theme="dark"] .ds-exam-title span{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-blok-tab{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-blok-tab.active{color:var(--ink);border-bottom-color:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-blok-tab .bd{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-blok-tab.active .bd{color:var(--a);}
html[data-theme="dark"] .ds-timer{color:var(--a);border-color:var(--a);}
html[data-theme="dark"] .ds-finish-btn{background:var(--a2, var(--red-note));}

html[data-theme="dark"] .ds-qcard,
html[data-theme="dark"] .ds-opt,
html[data-theme="dark"] .ds-aside,
html[data-theme="dark"] .ds-bb{
  background:var(--card);border-color:var(--brd2, rgba(237,235,224,.16));color:var(--ink);
}
html[data-theme="dark"] .ds-qn{color:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-qtext{color:var(--ink);}
html[data-theme="dark"] .ds-opt{color:var(--ink);}
html[data-theme="dark"] .ds-opt:hover{border-color:var(--a2, var(--red-note));box-shadow:3px 3px 0 var(--red-dim, rgba(232,69,90,.2));}
html[data-theme="dark"] .ds-opt.selected{border-color:var(--ink);background:var(--el, #2a2d36);box-shadow:0 0 0 1px var(--accent);}
html[data-theme="dark"] .ds-bubble{
  border-color:var(--ink);color:var(--ink);background:transparent;
}
html[data-theme="dark"] .ds-opt.selected .ds-bubble{
  background:var(--ink);color:var(--paper);border-color:var(--ink);
  box-shadow:inset 0 0 0 2px var(--card), 0 0 0 2px var(--accent);
}
html[data-theme="dark"] .ds-opt-text{color:var(--ink);}
html[data-theme="dark"] .ds-opt.selected .ds-opt-text{color:var(--ink);font-weight:600;}

html[data-theme="dark"] .ds-bb.ghost{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-bb.ghost.is-disabled{color:var(--graphite, var(--muted));opacity:.65;}
html[data-theme="dark"] .ds-bb.mark.marked{border-color:var(--a);color:var(--a);background:var(--a-bg, rgba(233,185,73,.14));}
html[data-theme="dark"] .ds-skip{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-skip a{color:var(--accent);}

html[data-theme="dark"] .ds-aside{border-left-color:var(--brd, rgba(237,235,224,.1));}
html[data-theme="dark"] .ds-aside-h h3{color:var(--ink);}
html[data-theme="dark"] .ds-aside-h .prog{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-smini{background:var(--paper);}
html[data-theme="dark"] .ds-smini .v{color:var(--ink);}
html[data-theme="dark"] .ds-smini.answered .v{color:var(--g);}
html[data-theme="dark"] .ds-smini.marked .v{color:var(--a);}
html[data-theme="dark"] .ds-smini.empty .v{color:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-smini .l{color:var(--graphite, var(--muted));font-size:9.5px;}

html[data-theme="dark"] .ds-block-map-h{color:var(--ink);}
html[data-theme="dark"] .ds-block-map-h .bc{color:var(--graphite, var(--muted));}

html[data-theme="dark"] .ds-cell{
  background:transparent;border-color:var(--brd2, rgba(237,235,224,.22));color:var(--graphite, var(--muted));
}
html[data-theme="dark"] .ds-cell.answered{
  background:var(--ink);border-color:var(--ink);color:var(--paper);
}
html[data-theme="dark"] .ds-cell.marked{
  background:var(--a-bg, rgba(233,185,73,.14));border-color:var(--a);color:var(--a);
  box-shadow:0 0 0 1px var(--a);
}
html[data-theme="dark"] .ds-cell.current{
  background:transparent;border-color:var(--a2, var(--red-note));color:var(--a2, var(--red-note));
}

html[data-theme="dark"] .ds-legend{color:var(--graphite, var(--muted));font-size:11px;}
html[data-theme="dark"] .ds-dot.answered{background:var(--ink);}
html[data-theme="dark"] .ds-dot.marked{border-color:var(--a);}
html[data-theme="dark"] .ds-dot.current{border-color:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-dot.empty{border-color:var(--brd2, rgba(237,235,224,.28));}

html[data-theme="dark"] .ds-finish-side{background:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-bb.next{background:linear-gradient(90deg, var(--ink), var(--a2, var(--red-note)));color:var(--paper) !important;}
html[data-theme="dark"] .ds-qimg img{border-color:var(--brd);}
@media (max-width:1000px){
  html[data-theme="dark"] .ds-aside{border-top-color:var(--brd);}
}

/* —— Deneme giriş ekranı (ds-intro-page): test_solve kabuğu —— */
.ds-blok-tab--static{cursor:default;}
.ds-timer--idle{opacity:.55;}
.ds-not-started{
  font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:#9AA3C4;border:1.3px solid #6E78A0;border-radius:6px;padding:6px 10px;
}
html[data-theme="dark"] .ds-not-started{color:var(--graphite, var(--muted));border-color:var(--brd2);}

.ds-intro-main{padding-bottom:56px;}
.ds-intro-h1{
  font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3.2vw,36px);
  line-height:1.15;letter-spacing:-.02em;color:var(--ds-ink);margin:6px 0 10px;
}
.ds-intro-lede{font-size:15px;line-height:1.55;color:var(--ds-graphite);margin:0 0 18px;font-style:italic;}
.ds-intro-h2{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ds-ink);margin:0 0 4px;}
.ds-intro-cap{font-size:12.5px;color:var(--ds-graphite);margin:0 0 14px;}
.ds-intro-muted{font-size:13.5px;color:var(--ds-graphite);margin:0;}
.ds-intro-muted a{color:var(--ds-red);font-weight:600;}

.ds-intro-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;
}
.ds-intro-facts-2{grid-template-columns:repeat(2,1fr);}
.ds-intro-fact{
  text-align:center;background:var(--ds-paper);border:1.3px solid #1B234020;border-radius:7px;padding:12px 8px;
}
.ds-intro-fact .v{font-weight:700;font-size:22px;color:var(--ds-ink);line-height:1;}
.ds-intro-fact .l{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-graphite);margin-top:6px;}

.ds-intro-rules{list-style:none;margin:0;padding:0;}
.ds-intro-rules li{
  display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;
  border-top:1px solid #1B234018;font-size:14px;line-height:1.6;color:var(--ds-graphite);
}
.ds-intro-rules li:last-child{border-bottom:1px solid #1B234018;}
.ds-intro-rules .no{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ds-red);}
.ds-intro-rules b{color:var(--ds-ink);font-weight:600;}
.ds-intro-rules .note{display:block;margin-top:6px;font-size:12.5px;color:var(--ds-graphite);opacity:.9;}

.ds-intro-prev-row{
  display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #1B234018;font-size:14px;color:var(--ds-ink);
}
.ds-intro-prev-row:last-of-type{border-bottom:1px solid #1B234018;}
.ds-intro-prev-row .d{color:var(--ds-graphite);font-size:12px;}

.ds-intro-ready{
  display:flex;gap:14px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.55;color:var(--ds-ink);
}
.ds-intro-ready input{position:absolute;opacity:0;width:1px;height:1px;}
.ds-intro-ready .box{
  width:22px;height:22px;border:1.6px solid var(--ds-ink);flex-shrink:0;margin-top:2px;
  border-radius:4px;background:var(--ds-white);position:relative;
}
.ds-intro-ready input:checked + .box{background:var(--ds-ink);}
.ds-intro-ready input:checked + .box::after{
  content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg);
}
.ds-intro-ready input:focus-visible + .box{outline:3px solid var(--ds-red-dim);outline-offset:2px;}

.ds-intro-foot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;
}
.ds-intro-foot form{margin:0;flex:1;display:flex;justify-content:flex-end;min-width:min(100%,220px);}
.ds-intro-start{
  display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:320px;
  font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em;
  background:var(--ds-ink);color:#fff !important;border:none;border-radius:4px;padding:14px 22px;
  cursor:pointer;text-decoration:none;box-sizing:border-box;
}
.ds-intro-start:disabled,.ds-intro-start[aria-disabled="true"]{opacity:.28;cursor:not-allowed;pointer-events:none;}
.ds-intro-start:not(:disabled):not([aria-disabled="true"]):hover{filter:brightness(1.06);}
.ds-intro-fine{margin:14px 0 0;font-size:10.5px;letter-spacing:.04em;color:var(--ds-graphite);text-align:right;}
.ds-intro-map-note{font-size:12px;line-height:1.45;color:var(--ds-graphite);margin:14px 0 0;}
.ds-intro-actions-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;}
.ds-intro-confirm{margin-top:14px;padding-top:14px;border-top:1px dashed #1B234022;}
.ds-intro-confirm[hidden]{display:none !important;}
.ds-intro-confirm p{margin:0 0 10px;font-size:14px;color:var(--ds-graphite);}
.ds-cell[aria-hidden="true"]{cursor:default;}

html[data-theme="dark"] .ds-intro-h1,
html[data-theme="dark"] .ds-intro-h2{color:var(--ink);}
html[data-theme="dark"] .ds-intro-lede,
html[data-theme="dark"] .ds-intro-cap,
html[data-theme="dark"] .ds-intro-muted,
html[data-theme="dark"] .ds-intro-fine,
html[data-theme="dark"] .ds-intro-map-note,
html[data-theme="dark"] .ds-intro-rules,
html[data-theme="dark"] .ds-intro-rules li,
html[data-theme="dark"] .ds-intro-rules .note,
html[data-theme="dark"] .ds-intro-confirm p,
html[data-theme="dark"] .ds-intro-prev-row .d{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-intro-rules b,
html[data-theme="dark"] .ds-intro-ready,
html[data-theme="dark"] .ds-intro-prev-row{color:var(--ink);}
html[data-theme="dark"] .ds-intro-rules .no{color:var(--a2, var(--red-note));}
html[data-theme="dark"] .ds-intro-fact{background:var(--paper);border-color:var(--brd);}
html[data-theme="dark"] .ds-intro-fact .v{color:var(--ink);}
html[data-theme="dark"] .ds-intro-fact .l{color:var(--graphite, var(--muted));}
html[data-theme="dark"] .ds-intro-ready .box{background:var(--card);border-color:var(--ink);}
html[data-theme="dark"] .ds-intro-start{background:var(--ink);color:var(--paper) !important;}
html[data-theme="dark"] .ds-intro-rules li,
html[data-theme="dark"] .ds-intro-prev-row{border-color:var(--brd);}

@media (max-width:640px){
  .ds-intro-foot{flex-direction:column;align-items:stretch;}
  .ds-intro-foot form{justify-content:stretch;min-width:0;}
  .ds-intro-start{max-width:none;width:100%;}
  .ds-intro-fine{text-align:center;}
  .ds-intro-facts{grid-template-columns:1fr;gap:6px;}
  .ds-intro-facts-2{grid-template-columns:1fr;}
}