/* MIS 752 Lab 9 Lite: the few looks this lab adds on top of the shared style.css (kept separate so a fresh
   copy of style.css never wipes them). */
.reads {display: flex; gap: 14px; flex-wrap: wrap; align-items: center;}
.read.alt {background: #111;}
.kit {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.kitcard {background: #fff; border: 3px solid #e4e4e7; border-radius: 20px; padding: 22px; box-shadow: 0 3px 12px rgba(0,0,0,.08); color: #111;}
.kitcard .ic {font-size: 3.6rem; line-height: 1.1;}
.kitcard .vb {font-size: 1.9rem; font-weight: 900;}
.kitcard .wh {font-size: 1.2rem; color: #333; margin-top: 2px;}
.kitcard .chips {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
.chip {background: #f1f1f3; border: 2px solid #d4d4d8; border-radius: 999px; padding: 4px 12px; font-size: 1.05rem; font-weight: 700;}
.kitcard.stop {border-color: #B10202; background: #fff5f5;}
.kitcard.stop .bigline {font-size: 1.2rem; margin-top: 10px; line-height: 1.4;}
.drawers {display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 4px;}
.booklinks {padding: 4px 0 8px 0;}
.qk-head {font-size: 1.3rem; font-weight: 900; margin: 20px 0 -6px 0; color: #111;}
.live-note {font-size: 1rem; color: #444; margin-top: 10px;} .live-note a {color: #15803d;}
.tq {margin: 12px 0 16px 0; padding-top: 12px; border-top: 2px solid #e5e7eb;}
.th-head + .tq {border-top: none; padding-top: 4px;}
.tq-q {font-size: 1.2rem; line-height: 1.4; margin-bottom: 8px; color: #111;}
.tl-row.flag {border-left-color: #f59e0b;}
.tl-row.cut {border-left-color: #ef4444; border-left-style: dashed; background: #fff1f1;}
.tl-row.stop {border-left-color: #B10202;}
.tl-row.invented {background: #fff1f1;}
.tl-row s {color: #991b1b;}
.badge {display: inline-block; font-size: .8rem; font-weight: 900; letter-spacing: .06em; padding: 2px 8px; border-radius: 999px;
  margin-right: 6px; vertical-align: 2px; color: #fff;}
.badge.bad {background: #dc2626;} .badge.meh {background: #d97706;}
.supnums {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 10px 0 16px 0;}
.supnum {border-radius: 16px; padding: 14px; text-align: center; border: 3px solid #e4e4e7; background: #fafafa; font-size: 1.05rem;}
.supnum b {display: block; font-size: 2.6rem; font-weight: 900; line-height: 1.1;}
.supnum.bad {border-color: #dc2626; background: #fff1f1;} .supnum.flag {border-color: #f59e0b; background: #fffbeb;}
.polrow {display: grid; grid-template-columns: 19rem 1fr; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 2px solid #eee;}
.polrow:last-of-type {border-bottom: none;}
.polname {font-size: 1.3rem; font-weight: 900;} .polname span {display: block; font-size: 1rem; font-weight: 600; color: #555;}
.bar {display: grid; grid-template-columns: 11rem 1fr 4rem; gap: 10px; align-items: center; margin: 4px 0; font-size: 1.05rem; font-weight: 700;}
.bar .track {height: 22px; background: #f1f1f3; border-radius: 999px; overflow: hidden; border: 2px solid #e4e4e7;}
.bar .fill {height: 100%; border-radius: 999px;}
.bar.load .fill {background: #dc2626;} .bar.caught .fill {background: #2563eb;}
.refrow {display: grid; grid-template-columns: 15rem 1fr; gap: 10px; margin: 8px 0;}
.oform .proto {white-space: pre-wrap; font-family: Menlo, Consolas, monospace !important; font-size: .9rem; line-height: 1.4;
  background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 8px; padding: 12px; margin-top: 8px;}
.reflist {margin: 6px 0 0 0; padding-left: 1.2rem;} .reflist li {margin: 4px 0;}
.map .cell .tx {display: block;}
@media (max-width: 1000px) {.kit, .drawers, .supnums, .polrow, .refrow, .bar {grid-template-columns: 1fr;}}