/* "This week in tokenized stocks" pages (weekly/*.html, generated by stocks/build-weekly.mjs).
   Loaded after templates.css and built only from its colour tokens, so light and dark follow it. */

.wk-page { padding-top: 2.5rem; }
.wk-page h1 { font-size: clamp(2rem, 7vw, 3.6rem); }
.wk-status { display: inline-block; margin-left: .35rem; padding: .15rem .55rem; border: 1px solid var(--line); border-radius: 999px; background: var(--panel); color: var(--text); font-size: .8rem; font-weight: 700; }
.wk-live { border-color: var(--warn); color: var(--warn); }
.wk-nav { display: flex; justify-content: space-between; gap: .75rem; margin: 0 0 1rem; font-size: .88rem; font-weight: 700; }
.wk-top h2 { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.wk-top h2 + * { margin-top: 0; }
.wk-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr)); gap: 1px; margin: 0 0 1.5rem; padding: 0; overflow: hidden; list-style: none; border: 1px solid var(--line); border-radius: .7rem; background: var(--line); }
.wk-numbers li { display: flex; flex-direction: column; gap: .15rem; min-width: 0; padding: .75rem; background: var(--panel); }
.wk-numbers li > span { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wk-numbers strong { font-size: 1.6rem; font-variant-numeric: tabular-nums; line-height: 1.1; }
.wk-numbers small { font-size: .74rem; line-height: 1.35; }
.wk-numbers .wk-basis { color: var(--muted); }
.wk-missing { color: var(--muted); }
.wk-headlines { display: grid; gap: .35rem; margin: 0; padding-left: 1.3rem; }
.wk-headlines li { padding: .2rem 0; font-weight: 650; }
.wk-headlines .wk-empty a, .wk-list .wk-empty { color: var(--muted); font-weight: 500; }
.wk-count { display: inline-block; min-width: 1.6rem; margin-left: .35rem; padding: 0 .45rem; border-radius: 999px; background: var(--panel-2); color: var(--muted); font-size: .78rem; font-variant-numeric: tabular-nums; text-align: center; }
.wk-detail summary { list-style-position: inside; }
.wk-detail details { margin: .5rem 0; }
.wk-detail details > summary { cursor: pointer; font-weight: 700; }
.wk-list { display: grid; gap: .6rem; margin: .5rem 0; padding: 0; list-style: none; }
.wk-list > li { padding: .7rem .8rem; border-left: 2px solid var(--line); background: var(--panel-2); border-radius: .2rem .5rem .5rem .2rem; }
.wk-list p { margin: .3rem 0; }
.wk-list q { display: block; margin: .3rem 0; color: var(--text); font-style: italic; }
.wk-compact > li { padding: .35rem .6rem; font-size: .88rem; }
/* Material changes, journal changes and discrepancies are fold rows (app-shell.css .fold-*): one
   compact row each that opens to the full item. The section rules above for nested <details> would
   bold both closed lines and space the row out, so the rows opt out of them here. */
.wk-fold { margin: .5rem 0; }
.wk-detail .fold-row > details { margin: 0; }
.wk-detail .fold-row > details > summary { font-weight: 400; }
.wk-fold .fold-body p { margin: .3rem 0; }
.wk-fold .fold-body q { display: block; margin: .3rem 0; color: var(--text); font-style: italic; }
.fold-row:target { outline: 2px solid var(--rwa-cobalt); outline-offset: 2px; }
.wk-sources { display: grid; gap: .2rem; padding-left: 1.1rem; font-size: .85rem; }
.wk-page .template-card h2 a { text-decoration: none; }

@media (max-width: 480px) {
    .wk-page { padding-top: 1.5rem; }
    .wk-status { margin: .35rem 0 0; }
    .wk-numbers strong { font-size: 1.35rem; }
    .dossier-section > :not(summary) { margin-inline: .7rem; }
}

/* Redemptions table: fixed, balanced columns. The long "why not observable" text is folded into
   a <details>, so it no longer squeezes the issuer and date columns into mid-word breaks. */
.wk-redemptions { table-layout: fixed; }
.wk-redemptions .wk-col-issuer { width: 28%; }
.wk-redemptions .wk-col-count { width: 22%; }
.wk-redemptions .wk-col-coverage { width: 26%; }
.wk-redemptions .wk-col-scan { width: 24%; }
.wk-redemptions td, .wk-redemptions th { overflow-wrap: normal; word-break: normal; hyphens: none; }
.wk-why { margin-top: .35rem; }
.wk-why summary { cursor: pointer; color: var(--muted); font-size: .78rem; }
.wk-why p { margin: .35rem 0 0; color: var(--muted); overflow-wrap: anywhere; }
@media (max-width: 560px) {
    .wk-redemptions { min-width: 34rem; }
}