/* Ausgeology · Should it be mined?: styles for this lesson's decisions, drill section, value calculator, monitoring chart,
   settling pond and report, and the pit model shared with the Ore deposits lessons. */
:root {
  --g-old: #c3b29d; --g-old-2: #ad9a83; --g-old-line: #8f7d68; --g-cover: #e8d8b6; --g-pit: #ddd1bf; --g-ink: #1a2124;
  --g-sulfide: #d9b23a; --g-fluid: #2a8fc0;
  --dr-ore: #7a2d22; --dr-body: rgba(122, 45, 34, 0.26);
  --mon-up: #1f5f8b; --mon-down: #c2601e; --pond-silt: #a8701f; --pond-clay: #7a4fa0; --sim-ok: #1f6f3f;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --g-old: #5b5246; --g-old-2: #4d453b; --g-old-line: #8a7b69; --g-cover: #6e6250; --g-pit: #6f6557; --g-ink: #e6ebeb;
    --g-sulfide: #cfa83a; --g-fluid: #5ab0dc;
    --dr-ore: #e07a5f; --dr-body: rgba(224, 122, 95, 0.3);
    --mon-up: #7fb9e4; --mon-down: #f0a04a; --pond-silt: #e0b060; --pond-clay: #c4aef0; --sim-ok: #6fd0a7;
  }
}
:root[data-theme="dark"] {
  --g-old: #5b5246; --g-old-2: #4d453b; --g-old-line: #8a7b69; --g-cover: #6e6250; --g-pit: #6f6557; --g-ink: #e6ebeb;
  --g-sulfide: #cfa83a; --g-fluid: #5ab0dc;
  --dr-ore: #e07a5f; --dr-body: rgba(224, 122, 95, 0.3);
  --mon-up: #7fb9e4; --mon-down: #f0a04a; --pond-silt: #e0b060; --pond-clay: #c4aef0; --sim-ok: #6fd0a7;
}

/* labels in this lesson's drawings and charts */
.g-lab-s { font-family: var(--font-body); font-size: 12px; fill: var(--ink-2); }
.mon-trig-l { font-size: 12px; paint-order: stroke; stroke: var(--surface); stroke-width: 4px; stroke-linejoin: round; }

/* team decisions */
.decide { max-width: 76ch; display: grid; gap: 12px; padding: 16px 18px; border-radius: var(--radius); border: 2px solid var(--accent); background: var(--surface); }
.decide > .label { margin: 0; }
.decide fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; min-width: 0; }
.decide legend { font-weight: 700; font-size: 1.08rem; line-height: 1.35; margin: 0 0 6px; padding: 0; }
.dec-opt { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; background: var(--surface-2); cursor: pointer; line-height: 1.45; }
.dec-opt input { flex: none; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--accent); }
.dec-opt:has(input:checked) { background: var(--accent-soft); box-shadow: inset 0 0 0 2px var(--accent); }
.dec-opt:has(input:focus-visible) { outline: 3px solid var(--accent); outline-offset: 2px; }
.decide .note { margin: 0; }

/* screen 1 */
.need-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.need-list label { display: flex; gap: 10px; align-items: flex-start; line-height: 1.45; cursor: pointer; }
.need-list input { flex: none; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--accent); }
.ucards.roles, .ucards.methods, .ucards.cases { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ucards.roles .ucard h4 { margin-bottom: 4px; }
details.reveal > summary { font-weight: 700; }

/* shared readouts and tables */
.pf-nums { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.96rem; color: var(--ink-2); }
.pf-nums b { color: var(--ink); font-variant-numeric: tabular-nums; }
.val-out, .mon-out { max-width: 820px; display: grid; gap: 8px; padding: 14px 16px; border-radius: 12px; background: var(--surface-2); }
.val-out p, .mon-out p { margin: 0; line-height: 1.5; }
.val-verdict { font-weight: 700; }
.val-verdict.is-ok { color: var(--sim-ok); }
.val-verdict.is-no { color: var(--bad); }
.tbl-wrap { max-width: 100%; overflow-x: auto; }
.tbl-wrap table { border-collapse: collapse; font-size: 0.94rem; margin: 6px 0 10px; }
.tbl-wrap caption { text-align: left; font-weight: 700; padding: 4px 0 6px; }
.tbl-wrap th, .tbl-wrap td { padding: 6px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.tbl-wrap .tbl-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cf-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.rep-view { margin-top: 12px; padding: 16px 18px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 6px; max-width: 72ch; }
.rep-view h4 { margin: 0 0 6px; font-size: 1.15rem; }
.rep-view h5 { margin: 10px 0 0; font-size: 0.95rem; color: var(--accent); }
.rep-view p { margin: 0; line-height: 1.5; }

/* screen 2: drill section */
.dr-rock { fill: var(--g-old); }
.dr-cover { fill: var(--g-cover); }
.dr-ground { stroke: var(--g-old-line); stroke-width: 2; }
.dr-mag { fill: none; stroke: var(--accent); stroke-width: 2.5; }
.dr-tem { fill: var(--g-fluid); }
.dr-tick { stroke: var(--ink-2); stroke-width: 1.5; }
.dr-scale { stroke: var(--g-ink); stroke-width: 3; }
.dr-body { fill: var(--dr-body); stroke: var(--dr-ore); stroke-width: 2; stroke-dasharray: 6 4; }
.dr-sup { fill: var(--g-sulfide); }
.dr-hole { stroke: var(--g-ink); stroke-width: 2.5; }
.dr-hit { stroke: var(--dr-ore); stroke-width: 9; }
.dr-hitsup { stroke: var(--g-sulfide); stroke-width: 9; }
.dr-collar { stroke: var(--ink-2); stroke-width: 2; }
.dr-hl { font-family: var(--font-body, inherit); font-weight: 700; font-size: 13px; fill: var(--ink-2); }
.dr-hl.is-on { fill: var(--ink); }
.dr-sw-cover { background: var(--g-cover); }
.dr-sw-ore { background: var(--dr-ore); }
.dr-sw-sup { background: var(--g-sulfide); }
.dr-sw-body { background: var(--dr-body); box-shadow: inset 0 0 0 2px var(--dr-ore); }

/* screen 4: the pit model from the Ore deposits lessons */
.pit-stage { background: var(--g-old); }
.g-old { fill: var(--g-old); }
.g-oldline { fill: none; stroke: var(--g-old-line); stroke-width: 1.2; opacity: 0.35; }
.pit-hole { fill: var(--g-pit); stroke: var(--g-old-line); stroke-width: 2; }
.pit-ore { fill: #7a2d22; stroke: #3d120c; stroke-width: 1.5; }
.pit-bench { stroke: var(--g-old-line); stroke-width: 2; }
.pit-scale { stroke: var(--g-ink); stroke-width: 3; }
.pit-lab-l { font-family: var(--font-body, inherit); font-weight: 700; font-size: 16px; fill: #ffffff; }
.pit-nums { max-width: 820px; display: grid; gap: 8px; padding: 14px 16px; border-radius: 12px; background: var(--surface-2); }
.pit-nums p { margin: 0; line-height: 1.5; }
.pit-sw-waste { background: var(--g-pit); box-shadow: inset 0 0 0 1.5px var(--g-old-line); }
.pit-sw-ore { background: #7a2d22; }
.pit-sw-rock { background: var(--g-old); }

/* screen 7: monitoring and the settling pond */
.mon-grid { stroke: var(--line); stroke-width: 1; }
.mon-up { fill: none; stroke: var(--mon-up); stroke-width: 2.5; }
.mon-up-pt { fill: var(--mon-up); }
.mon-down { fill: none; stroke: var(--mon-down); stroke-width: 3; }
.mon-down-pt { fill: var(--mon-down); }
.mon-trig { stroke: var(--bad); stroke-width: 2.5; stroke-dasharray: 8 5; }
.mon-trig-l { fill: var(--bad); font-weight: 700; }
.mon-split { stroke: var(--line); stroke-width: 1.5; stroke-dasharray: 3 4; }
.mon-sw-up { background: var(--mon-up); }
.mon-sw-down { background: var(--mon-down); }
.mon-sw-trig { background: var(--bad); }
.pond-line { fill: none; stroke-width: 3; }
.pond-line.pond-silt { stroke: var(--pond-silt); }
.pond-line.pond-clay { stroke: var(--pond-clay); }
.pond-pt.pond-silt { fill: var(--pond-silt); }
.pond-pt.pond-clay { fill: var(--pond-clay); }
.pond-sw-silt { background: var(--pond-silt); }
.pond-sw-clay { background: var(--pond-clay); }
.dr-log th, .dr-log td { white-space: nowrap; }
.dr-log td:last-child { white-space: normal; min-width: 15em; }