/* COURSE-LAYOUT-STOCK-1 (Craig 2026-11-09 5:42 PM ET "something funky on stock paid page. clean it up"; spec: Orion).
   Scope: stocks /course/ only. Layout only - no copy, price, Buy or row-data changes. */

/* 1) Sample lesson 1.3: the single prompt box spans the full sample width (agentic-hub-1 sets .sl__boxes to 2 cols). */
#sample-lesson .sl__boxes { grid-template-columns:minmax(0,1fr) }
#sample-lesson .sl__boxes > .sl__box { grid-column:1 / -1; width:100%; max-width:none; min-width:0; box-sizing:border-box }
/* Header row: label left, short "Copy" button right, never overlapping. */
#sample-lesson .prompt__head { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:12px }
#sample-lesson .prompt__head .prompt__label { flex:1 1 auto; min-width:0; margin:0 }
#sample-lesson .prompt__head .prompt__copy { flex:0 0 auto; white-space:nowrap }

/* 2) Before/After (stock 1.3): stack Before above After so the After table gets the full content width. */
.cl-proof--ba[data-ba="stock-1.3"] .ba__grid { grid-template-columns:minmax(0,1fr) }
.cl-proof--ba[data-ba="stock-1.3"] .ba__arrow svg { transform:rotate(90deg) }
.cl-proof--ba[data-ba="stock-1.3"] .ba__tablewrap { width:100%; max-width:100% }
.cl-proof--ba[data-ba="stock-1.3"] .ba__table { width:100%; table-layout:auto }
/* Source line gets the most room; claim column bounded; verdict column narrow. */
.cl-proof--ba[data-ba="stock-1.3"] .ba__table th:nth-child(1),
.cl-proof--ba[data-ba="stock-1.3"] .ba__table td:nth-child(1) { width:28%; padding-right:16px }
.cl-proof--ba[data-ba="stock-1.3"] .ba__table th:nth-child(2),
.cl-proof--ba[data-ba="stock-1.3"] .ba__table td:nth-child(2) { width:auto; padding-right:16px }
@media (max-width:519.98px){
  .cl-proof--ba[data-ba="stock-1.3"] .ba__after { padding:12px }
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table { font-size:.9375rem }
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table th:nth-child(1),
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table td:nth-child(1) { width:30%; padding-right:8px }
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table th:nth-child(2),
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table td:nth-child(2) { padding-right:8px }
  .cl-proof--ba[data-ba="stock-1.3"] .ba__table th:last-child { white-space:normal; width:4.5em }
}
/* NB no word-break / overflow-wrap here: the existing <390px BA-TABLE fix in course-flow-1 stays scoped to its own media query. */