/* 6–7. bölüm deneyleri: BJT ve MOSFET */

/* iki sütun: şema | sağ sütun (musluk + grafik, ya da MOSFET kesiti) */
.split.c6-two { grid-template-columns: 1fr 1.05fr; }
.c6-col { display: grid; grid-template-rows: 1.25fr 1fr; gap: 10px; min-height: 0; }
.c6-tap, .c6-graph, .c7-xs, .c7-vz { border-radius: 8px; background: rgba(6, 21, 15, 0.42); box-shadow: inset 0 0 0 1px rgba(239, 238, 226, 0.1); }

/* ölçüm şeridi: göstergeler + uyarı */
.c6-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 0 16px 10px; }
.c6-strip .meters { gap: 6px 8px; }
.c6-strip .meter { min-width: 0; padding: 3px 9px 4px; }
.c6-strip .meter b { font-size: 0.98rem; }
.c6-strip .flag { flex: 1 1 260px; line-height: 1.35; padding: 5px 10px; }
.c6-flags { display: flex; flex-direction: column; gap: 6px; flex: 1 1 280px; min-width: 0; }
.c6-flags .flag { flex: none; }
.c6-flags .legend { padding-left: 2px; }
.meter.c6-bad { background: #f2b9a2; border-color: #6a2a14; }
.c6-lim { font-family: var(--f-mono); font-size: 0.8rem; color: var(--muted); }

/* 6.2: şema | baz direnci hesaplayıcısı */
.split.c6-sw { grid-template-columns: 1fr minmax(214px, 0.36fr); }
.c6-calc {
  align-self: center; display: flex; flex-direction: column; gap: 7px;
  padding: 12px 14px; border-radius: 8px;
  background: rgba(6, 21, 15, 0.55); box-shadow: inset 0 0 0 1px rgba(212, 147, 90, 0.35);
  font-family: var(--f-display); font-stretch: 92%; font-size: 0.86rem; color: var(--silk-2);
  transition: opacity 0.3s;
}
.c6-calc.off { opacity: 0.35; pointer-events: none; }
.c6-calc h4 { margin: 0 0 2px; font-family: var(--f-display); font-size: 0.95rem; font-weight: 750; color: var(--copper-2); font-stretch: 100%; }
.c6-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.c6-row b { font-family: var(--f-mono); font-weight: 600; color: var(--silk); font-size: 0.9rem; white-space: nowrap; }
.c6-row b.cu { color: var(--copper-2); }
.c6-row.c6-col2 { flex-wrap: wrap; }
.c6-row label { display: flex; align-items: center; gap: 8px; width: 100%; white-space: nowrap; }
.c6-row label input[type="range"] { flex: 1; min-width: 70px; width: auto; }
.c6-calc .seg button { padding: 0.28em 0.6em; font-size: 0.82rem; }
.c6-form { margin: 2px 0; font-family: var(--f-body); font-size: 0.82rem; color: var(--silk); line-height: 1.4; }
.c6-calc .btn.primary { align-self: flex-start; margin-top: 2px; }

/* 6.3: şema üstte, osiloskop altta */
.split.c6-amp { grid-template-rows: 1.6fr 1fr; }
.c6-scope { display: flex; flex-direction: column; }
.c6-scope > .scope { flex: 1; }
.c6-scope .scope-ctl { gap: 6px 10px; font-size: 0.8rem; }
.c6-scope .scope-ctl .stepper .val { min-width: 4.2em; }
.c6-scope .scope-ctl input[type="range"] { width: 70px; }

/* 7.2: (şema | parlaklık) üstte, osiloskop altta */
.split.c7-pwm { grid-template-rows: 1.15fr 1fr; }
.c7-pwm-top { display: grid; grid-template-columns: 1.5fr 1fr; gap: 12px; min-height: 0; }
.c7-vz .pane-title { top: auto; bottom: 8px; left: 0; right: 0; text-align: center; }

/* 7.3 */
.c7-live { flex: 1; display: grid; grid-template-rows: 1fr auto; min-height: 0; }
.c7-live-sch { padding-bottom: 4px; }
.c7-live-sch .pane { min-height: 180px; }
.c7-cmp {
  display: grid; grid-template-columns: auto 1fr 1fr; gap: 5px 10px; align-items: center;
  margin: 0 16px 12px; padding: 10px 14px; border-radius: 8px;
  background: rgba(6, 21, 15, 0.42); box-shadow: inset 0 0 0 1px rgba(239, 238, 226, 0.1);
}
.c7-ch { font-family: var(--f-display); font-weight: 760; font-size: 0.95rem; color: var(--silk); text-align: center; }
.c7-lab { font-family: var(--f-display); font-stretch: 90%; font-size: 0.86rem; color: var(--silk-2); }
.c7-val {
  font-family: var(--f-mono); font-weight: 700; font-size: 0.95rem; text-align: center;
  background: var(--lcd); color: var(--lcd-ink); border: 3px solid #2a2f26; border-radius: 5px; padding: 1px 8px;
  transition: background 0.3s;
}
.c7-val.hot { background: #f2b9a2; border-color: #6a2a14; }
.c7-val.low { background: #d8c58f; }
.c7-tblwrap { flex: 1; overflow: auto; padding: 18px 22px 22px; min-height: 0; }
table.c7-tbl { border-collapse: collapse; width: 100%; font-size: 0.9rem; line-height: 1.38; }
.c7-tbl th, .c7-tbl td { text-align: left; vertical-align: top; padding: 9px 12px; border-top: 1px solid var(--line); }
.c7-tbl thead th { border-top: 0; font-family: var(--f-display); font-weight: 760; font-size: 1rem; color: var(--copper-2); padding-bottom: 6px; }
.c7-tbl tbody th { font-family: var(--f-display); font-stretch: 92%; font-weight: 650; color: var(--muted); width: 22%; }
.c7-tbl td { color: var(--silk-2); width: 39%; }
.c7-tbl tbody tr:nth-child(odd) td, .c7-tbl tbody tr:nth-child(odd) th { background: rgba(6, 21, 15, 0.28); }

.c7-quiz { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 24px clamp(18px, 4vw, 54px); min-height: 0; overflow: auto; }
.c7-qhead { display: flex; justify-content: space-between; font-family: var(--f-mono); font-size: 0.82rem; color: var(--muted); }
.c7-score { color: var(--copper-2); }
.c7-q { margin: 0; font-family: var(--f-display); font-weight: 650; font-stretch: 96%; font-size: clamp(1.15rem, 1.7vw, 1.5rem); line-height: 1.3; color: var(--silk); text-wrap: balance; }
.c7-opts { display: flex; flex-wrap: wrap; gap: 10px; }
.c7-opt { font-size: 1rem; padding: 0.6em 1.3em; }
.c7-opt.right { background: rgba(76, 134, 255, 0.22); border-color: var(--v0); color: #d6e2ff; }
.c7-opt.wrong { background: rgba(255, 79, 106, 0.18); border-color: var(--v1); color: #ffd0d7; }
.c7-opt:disabled { opacity: 0.45; }
.c7-opt.right:disabled { opacity: 1; }
.c7-why { margin: 0; min-height: 4.2em; color: var(--silk-2); line-height: 1.5; font-size: 0.95rem; max-width: 64ch; }
.c7-why b { color: var(--silk); }
.c7-why.ok b { color: #a9c4ff; }
.c7-why.no b { color: #ffb0bc; }
.c7-qfoot { display: flex; }

@media (max-width: 860px) {
  .split.c6-two, .split.c6-sw { grid-template-columns: 1fr; grid-template-rows: minmax(300px, 46vh) auto; }
  .c6-col { grid-template-rows: 250px 200px; }
  .split.c7-mos { grid-template-rows: minmax(280px, 40vh) auto; }
  .slide[data-demo^="c6"] .stage > .controls.top, .slide[data-demo^="c7"] .stage > .controls.top { padding-top: 38px; }
  .slide[data-demo="c7karsilastir"] .controls.top .seg button { font-size: 0.8rem; padding-left: 0.55em; padding-right: 0.55em; }
  .c6-calc { align-self: stretch; }
  .split.c6-amp { grid-template-rows: minmax(300px, 42vh) 300px; }
  .split.c7-pwm { grid-template-rows: auto 280px; }
  .c7-pwm-top { grid-template-columns: 1fr; grid-template-rows: minmax(280px, 40vh) 230px; }
  .c7-cmp { margin: 0 12px 10px; padding: 8px 10px; gap: 5px 6px; }
  .c7-lab { font-size: 0.78rem; }
  .c7-val { font-size: 0.85rem; padding: 1px 4px; }
  .c7-live-sch .pane { min-height: 260px; }
  .c6-strip { padding: 0 12px 10px; }
  .c7-tbl tbody th { width: 26%; }
  .c7-tblwrap { padding: 12px; }
  table.c7-tbl { font-size: 0.82rem; }
  .c7-tbl th, .c7-tbl td { padding: 7px 6px; }
}