/* Day work orders and a quiet reading surface consistent with the card palette. */
.brief-reader { --bg-read: var(--bg-1); }
.reading-eyebrow { color: var(--fg-1); font-size: var(--fs-0); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.day-orders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); align-items: start; }
.day-order { min-width: 0; display: flex; flex-direction: column; gap: var(--s-4); padding: var(--s-5); background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r-3); }
.day-order h2 { font-size: var(--fs-3); margin-top: var(--s-2); }
.day-order h3 { font-size: var(--fs-1); }
.day-message { color: var(--fg-0); font-size: var(--fs-2); }
.day-requester, .day-context, .day-block-meta, .day-preflight { color: var(--fg-1); }
.day-order ul { padding-left: var(--s-5); }
.day-facts { display: grid; grid-template-columns: auto 1fr; gap: var(--s-2) var(--s-4); }
.day-facts dt { font-weight: 600; } .day-facts dd { margin: 0; color: var(--fg-1); }
.day-ticket { padding: var(--s-4); background: var(--bg-0); border: 1px solid var(--line); border-radius: var(--r-2); display: grid; gap: var(--s-2); }
.day-blocks { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.day-block { padding: var(--s-4) 0; border-bottom: 1px solid var(--line); }
.day-block-link, .day-block-title { font-size: var(--fs-2); font-weight: 600; }
.day-block-meta, .day-preflight { margin-top: var(--s-1); font-size: var(--fs-0); }
.day-navigation { display: flex; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.reading-layout { display: grid; grid-template-columns: minmax(0, 850px) minmax(180px, 260px); align-items: start; gap: var(--s-6); }
.reading-main { min-width: 0; }
.brief-reader .prose { max-width: none; color: var(--fg-0); background: var(--bg-read); padding: var(--s-6); border: 1px solid var(--line); border-radius: var(--r-3); font-size: var(--fs-2); line-height: var(--lh-read); overflow-wrap: anywhere; display: grid; grid-template-columns: minmax(0, var(--measure)); justify-content: center; }
.brief-reader .prose > * { max-width: 100%; min-width: 0; width: 100%; margin-inline: auto; }
.brief-reader .prose > * + * { margin-top: var(--s-4); }
.brief-reader .prose h3 { font-size: var(--fs-4); margin-top: var(--s-7); line-height: var(--lh-tight); scroll-margin-top: var(--s-5); }
.brief-reader .prose h3:first-child { margin-top: 0; }
.brief-reader .prose h4 { font-size: var(--fs-3); margin-top: var(--s-6); line-height: var(--lh-tight); scroll-margin-top: var(--s-5); }
.brief-reader .prose ul, .brief-reader .prose ol { padding-left: var(--s-5); }
.brief-reader .prose li + li { margin-top: var(--s-2); }
.brief-reader .prose pre { overflow: auto; white-space: pre; background: var(--bg-0); border: 1px solid var(--line); border-radius: var(--r-2); padding: var(--s-4); font-size: var(--fs-1); }
.brief-reader .prose pre code { white-space: pre; background: none; padding: 0; }
.brief-reader .prose table { display: block; overflow: auto; border-collapse: collapse; font-size: var(--fs-1); }
.brief-reader .prose td, .brief-reader .prose th { border: 1px solid var(--line-strong); text-align: left; vertical-align: top; padding: var(--s-3); }
.brief-reader .prose .callout { padding: var(--s-4); border-left: 3px solid var(--info); background: var(--bg-1); border-radius: var(--r-1); }
.brief-reader .prose .callout-watch { border-left-color: var(--warn); }
.brief-reader .prose .callout-label { font-weight: 700; font-size: var(--fs-1); margin-bottom: var(--s-2); }
.brief-reader .prose .callout p + p { margin-top: var(--s-3); }
.brief-code-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: var(--s-3); }
.reading-copy-status { min-height: 1.5em; color: var(--fg-1); }
.brief-outline { position: sticky; top: var(--s-5); max-height: calc(100vh - 96px); overflow: auto; padding: var(--s-4); border-left: 1px solid var(--line); }
.brief-outline h2 { font-size: var(--fs-1); margin-bottom: var(--s-3); }
.brief-outline ol { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-2); }
.brief-outline a { display: block; color: var(--fg-1); padding: var(--s-2); border-left: 2px solid transparent; text-decoration: none; }
.brief-outline a:hover { text-decoration: underline; }
.brief-outline a[aria-current] { color: var(--fg-0); font-weight: 600; border-left-color: var(--accent); background: var(--bg-1); }
.brief-outline .outline-nested { padding-left: var(--s-5); }
.brief-sources { margin-top: var(--s-5); } .brief-sources h2 { font-size: var(--fs-3); margin-bottom: var(--s-3); }
.brief-sources ul { padding: 0; margin: 0; list-style: none; display: grid; gap: var(--s-3); }
.source-card { padding: var(--s-4); background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r-2); overflow-wrap: anywhere; }
.source-card .icon { width: 14px; height: 14px; margin-left: var(--s-2); }
.source-meta { color: var(--fg-1); font-size: var(--fs-0); margin-top: var(--s-2); }
.brief-check { max-width: 1100px; display: grid; gap: var(--s-4); margin-top: var(--s-6); }
.brief-check-actions { display: flex; gap: var(--s-3); flex-wrap: wrap; }
.brief-check-count, .brief-check-status { color: var(--fg-1); }
.reading-layout, .brief-check, .brief-sources, .brief-outline { min-width: 0; }
.brief-outline { overflow-wrap: anywhere; }
.brief-reader :is(pre, table):focus-visible, .lab-page :is(pre, table):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 1280px) { .day-orders { grid-template-columns: 1fr; } .reading-layout { grid-template-columns: minmax(0, 1fr); } .brief-outline { position: static; grid-row: 1; max-height: none; } }
@media (max-width: 700px) { .brief-reader .prose, .day-order { padding: var(--s-4); } }