/* Learn Composting: marks on the methods, materials, troubleshooting and seasons tables set by the green boxes in course.js.
   Color is never the only signal: each marked row also gets a text flag from the script. */
tr.fit > td:first-child, tr.mine > td:first-child{box-shadow:inset 4px 0 0 var(--accent)}
tr.fit, tr.mine{background:var(--yw-bg)}
.fit-flag{display:inline-block;margin-left:.3rem;font-size:.82em;font-weight:600;color:var(--accent)}
td.mine, th.mine{background:var(--yw-bg);box-shadow:inset 0 3px 0 var(--accent)}
tr.now > td, tr.now > th{background:var(--warn-bg)}
tr.now > td:first-child::after, tr.now > th:first-child::after{content:" (now)";font-weight:600;color:var(--brass)}
.table-wrap td .src{font-size:.82em;color:var(--muted)}
/* Dark mode: the accent and brass tokens are light tints there, so text on a filled accent or brass shape takes the dark page color. */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .steps>li::before,:root:not([data-theme="light"]) .btn,:root:not([data-theme="light"]) .filter button.on,:root:not([data-theme="light"]) .annot-btn.primary,:root:not([data-theme="light"]) .annot-filter[aria-pressed="true"]{color:var(--bg)}}
:root[data-theme="dark"] .steps>li::before,:root[data-theme="dark"] .btn,:root[data-theme="dark"] .filter button.on,:root[data-theme="dark"] .annot-btn.primary,:root[data-theme="dark"] .annot-filter[aria-pressed="true"]{color:var(--bg)}