#state-week {
  --week-page: light-dark(#edf1f8, #111927);
  --week-panel: light-dark(#ffffff, #1c293b);
  --week-ink: light-dark(#17243c, #eef3fb);
  --week-muted: light-dark(#53627a, #b7c4d8);
  --week-line: light-dark(#d4dcea, #3c4d67);
  --week-action: light-dark(#254dc2, #a9c1ff);
  --week-action-ink: light-dark(#ffffff, #12264c);
  --week-action-hover: light-dark(#18379c, #c4d4ff);
  --week-soft: light-dark(#dce6ff, #2b4168);
  --week-alert: light-dark(#873309, #ffc28d);
  --week-alert-bg: light-dark(#fff0df, #3b2e28);
  --week-disabled: light-dark(#dce2ee, #344155);
}

#state-week, #state-week * { box-sizing: border-box; }
#state-week { background: var(--week-page); color: var(--week-ink); }
#state-week :is(button, textarea, input, select) { font: inherit; }
#state-week button { touch-action: manipulation; }
#interactive-state-week [hidden] { display: none !important; }

#state-week {
  width: min(100%, 52rem);
  margin: 0 auto;
  padding: 1.5rem 1.5rem 2rem;
  font: 400 1rem/1.45 "Segoe UI", Arial, sans-serif;
  overflow-wrap: break-word;
}

#state-week .week-header :is(h1, h2) { font-size: 1.125rem; line-height: 1.2; font-weight: 600; margin: 0 0 .3rem; }
#state-week[data-phase="final"] .week-header { display: none; }
#state-week[data-mode="full"][data-phase="final"] .week-hud { display: none; }
#state-week .week-subtitle { color: var(--week-muted); margin: 0; font-size: .9rem; }
#state-week .week-hud { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin: .75rem 0 1rem; font-size: .9rem; }
#state-week #week-progress { color: var(--week-muted); }
#state-week #week-cash { font-weight: 600; font-variant-numeric: tabular-nums; }
#state-week .week-hud > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#state-week #week-view { min-width: 0; }

#state-week .week-person { background: var(--week-panel); border-radius: .75rem; padding: .875rem 1rem; margin-bottom: .875rem; }
#state-week .week-person-head { display: flex; flex-wrap: wrap; align-items: center; gap: .625rem; }
#state-week .week-person-head > div { flex: 1 1 10rem; min-width: 0; overflow-wrap: anywhere; }
#state-week .week-avatar { display: grid; place-items: center; flex: 0 0 2.125rem; width: 2.125rem; height: 2.125rem; border-radius: 50%; background: var(--week-soft); color: var(--week-action); font-size: 1.125rem; font-weight: 600; }
#state-week .week-name { font-weight: 600; font-size: .9rem; }
#state-week .week-role { color: var(--week-muted); font-size: .8rem; }
#state-week .week-quote { font-size: 1rem; line-height: 1.4; margin: .625rem 0 0; }
#state-week .week-title { font-size: 1.375rem; line-height: 1.2; font-weight: 600; margin: 0 0 .875rem; }
#state-week .week-context { padding: .75rem .875rem; margin: .9rem 0; border-radius: .6rem; background: var(--week-alert-bg); color: var(--week-alert); }
#state-week .week-task-context { padding: 0; margin: .875rem 0; border-radius: 0; background: transparent; color: var(--week-ink); }
#state-week .week-actions { display: block; }
#state-week .week-choice { width: 100%; display: block; text-align: left; border: 0; border-radius: .625rem; background: var(--week-action); color: var(--week-action-ink); padding: .75rem .875rem; min-height: 2.75rem; }
#state-week .week-choice + .week-choice { margin-top: .625rem; }
#state-week .week-choice-top { display: grid; grid-template-columns: minmax(0, 1fr) fit-content(45%); align-items: start; gap: .5rem .75rem; }
#state-week .week-choice strong { font-size: 1rem; font-weight: 650; line-height: 1.3; min-width: 0; }
#state-week .week-choice-money { display: block; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; font-size: .9rem; font-weight: 600; }
#state-week .week-choice-impact { display: block; margin-top: .375rem; font-size: .9rem; line-height: 1.4; }
#state-week .week-choice:disabled { background: var(--week-disabled); color: var(--week-muted); }
#state-week .week-shortfall { display: block; margin-top: .375rem; font-weight: 600; }

#state-week .week-result, #state-week .week-day-summary, #state-week .week-final { background: var(--week-panel); padding: 1.5rem; border-radius: .9rem; }
#state-week .week-eyebrow { color: var(--week-action); font-weight: 600; margin: 0 0 .65rem; }
#state-week .week-result .week-eyebrow { font-size: .9rem; margin-bottom: .5rem; }
#state-week .week-result .week-title { color: var(--week-muted); font-size: 1.125rem; line-height: 1.35; margin-bottom: 1rem; }
#state-week .week-result-text { min-width: 0; font-size: 1.125rem; line-height: 1.5; margin: 0 0 1.125rem; overflow-wrap: anywhere; }
#state-week .week-result-text > p { margin: 0; }
#state-week .week-result-consequence { font-weight: 500; }
#state-week .week-result-reaction { min-width: 0; margin: 1.125rem 0 0; padding-inline-start: .875rem; border-inline-start: 1px solid var(--week-line); }
#state-week .week-result-reaction blockquote { margin: 0; }
#state-week .week-result-reaction blockquote p { margin: 0; font-size: 1.125rem; line-height: 1.5; }
#state-week .week-result-reaction figcaption { margin-top: .5rem; font-size: .9rem; line-height: 1.4; color: var(--week-muted); }
#state-week .week-result-text > .week-result-reaction + .week-result-consequence { margin-top: .75rem; }
#state-week .week-delta { font-variant-numeric: tabular-nums; color: var(--week-muted); margin: .75rem 0 1.25rem; }
#state-week .week-next { border: 0; border-radius: .625rem; background: var(--week-action); color: var(--week-action-ink); padding: .75rem 1.375rem; min-height: 2.75rem; font-weight: 600; }
#state-week .week-secondary { background: transparent; color: var(--week-action); border: 1px solid var(--week-line); border-radius: .6rem; padding: .65rem .9rem; min-height: 2.75rem; font-weight: 600; }
#state-week .week-next, #state-week .week-secondary { display: block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#state-week button:not(:disabled), #state-week summary { cursor: pointer; }
#state-week .week-next:disabled, #state-week .week-secondary:disabled { background: var(--week-disabled); color: var(--week-muted); border-color: var(--week-line); }
#state-week button:focus-visible, #state-week summary:focus-visible { outline: 3px solid var(--week-action); outline-offset: 3px; }

#state-week .week-receipt { margin: 0 0 1rem; padding: .65rem .8rem; background: var(--week-soft); border-left: .2rem solid var(--week-action); border-radius: .3rem; }
#state-week .week-receipt p { margin: 0; font-size: .9rem; }
#state-week .week-receipt span { display: block; margin-top: .3rem; color: var(--week-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }
#state-week .week-mode { margin-top: .8rem; }
#state-week .week-mode-actions { display: flex; flex-wrap: wrap; gap: .625rem; margin: .5rem 0 1rem; }
#state-week .week-mode-actions button { flex: 1 1 15rem; min-width: 0; text-align: left; }
#state-week .week-mode-actions button[aria-pressed="true"] { background: var(--week-soft); border-color: var(--week-action); }

#state-week .week-details { margin-top: 1.15rem; }
#state-week .week-details summary { color: var(--week-muted); padding: .65rem 0; min-height: 2.75rem; }
#state-week .week-details summary::marker { color: var(--week-action); }
#state-week details:not([open]) > :not(summary) { display: none; }
#state-week .week-details p, #state-week .week-details ul, #state-week .week-details ol { margin: .5rem 0 1rem; }
#state-week .week-details li { margin: .5rem 0; }
#state-week .week-tomorrow { margin: 1rem 0; font-weight: 600; }
#state-week #week-journal-content { margin-bottom: 1rem; }
#state-week .week-small { font-size: .9rem; color: var(--week-muted); }
#state-week #week-save-note { padding: .75rem .875rem; color: var(--week-alert); background: var(--week-alert-bg); border-radius: .6rem; }

#state-week .week-facts { display: grid; gap: .75rem; list-style: none; margin: 1rem 0; padding: 0; }
#state-week .week-facts > li, #state-week .week-facts > div { min-width: 0; overflow-wrap: anywhere; padding: .8rem 0; border-bottom: 1px solid var(--week-line); }
#state-week .week-facts dt { color: var(--week-muted); }
#state-week .week-facts dd { margin: .25rem 0 0; font-weight: 600; }
#state-week .week-day-summary { background: transparent; padding: 1.375rem .5rem 1.5rem; border-top: 2px solid var(--week-line); border-radius: 0; }
#state-week .week-day-summary .week-eyebrow { color: var(--week-muted); font-size: .9rem; margin-bottom: .5rem; }
#state-week .week-day-summary .week-title { font-size: 1.75rem; margin-bottom: .5rem; }
#state-week .week-day-summary .week-facts { gap: 0; margin: .875rem 0; }
#state-week .week-day-summary .week-facts > li { padding-block: .75rem; }
#state-week .week-day-summary .week-delta { color: var(--week-ink); font-size: 1.125rem; font-weight: 600; margin: .875rem 0; }
#state-week .week-day-summary .week-tomorrow { border-top: 1px solid var(--week-line); margin: 1.125rem 0; padding-top: 1rem; }
#state-week .week-day-summary .week-small { margin: .875rem 0 0; }
#state-week .week-final-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .625rem; margin-top: 1.25rem; }
#state-week .week-final-overview { min-width: 0; }
#state-week .week-final-reserve { font-size: 1.25rem; line-height: 1.35; font-weight: 600; font-variant-numeric: tabular-nums; margin: 0 0 1rem; overflow-wrap: anywhere; }
#state-week .week-final-highlights { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; list-style: none; padding: 0; margin: 0 0 1.125rem; }
#state-week .week-final-highlights > li { min-width: 0; padding-inline-start: .875rem; border-inline-start: 1px solid var(--week-line); overflow-wrap: anywhere; }
#state-week .week-final-pending { margin: 1.125rem 0 0; padding-top: .875rem; border-top: 1px solid var(--week-line); }
#state-week .week-final-pending h3 { font-size: 1.05rem; line-height: 1.3; font-weight: 600; margin: 0 0 .5rem; }
#state-week .week-final-promise { margin: .375rem 0; overflow-wrap: anywhere; }
#state-week .week-final-open-ledger { font-size: .9rem; line-height: 1.5; color: var(--week-muted); font-variant-numeric: tabular-nums; margin: .75rem 0 0; overflow-wrap: anywhere; }
#state-week .week-final-open-ledger > div { display: grid; grid-template-columns: minmax(0, 1fr) fit-content(44%); align-items: start; gap: .25rem .75rem; padding: .4rem 0; border-bottom: 1px solid var(--week-line); }
#state-week .week-final-open-ledger dt, #state-week .week-final-open-ledger dd { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#state-week .week-final-open-ledger dd { margin: 0; text-align: right; font-weight: 600; color: var(--week-ink); }
#state-week .week-final-followthrough { min-width: 0; font-size: .9rem; line-height: 1.45; margin-top: 1.25rem; padding-top: .875rem; border-top: 1px solid var(--week-line); }
#state-week .week-final-followthrough h3 { font-size: 1rem; line-height: 1.3; font-weight: 600; margin: 0 0 .5rem; }
#state-week .week-final-followthrough ul { margin: .5rem 0 0; padding-inline-start: 1.15rem; }
#state-week .week-final-followthrough li { min-width: 0; margin: .5rem 0; overflow-wrap: anywhere; }
#state-week .week-final-details { margin-top: 1.375rem; padding-top: .5rem; border-top: 1px solid var(--week-line); }
#state-week .week-final-details > summary { color: var(--week-ink); font-weight: 600; }
#state-week .week-story-outcomes, #state-week .week-week-outcomes { display: grid; grid-template-columns: minmax(0, 1fr); gap: .625rem; }
#state-week .week-person-ending, #state-week .week-full-ending { min-width: 0; overflow-wrap: anywhere; border-bottom: 1px solid var(--week-line); padding: .25rem 0 .625rem; }
#state-week .week-person-ending h3, #state-week .week-full-ending h3 { font-size: 1.05rem; line-height: 1.3; margin: 0 0 .3rem; }
#state-week .week-person-ending p, #state-week .week-full-ending p { margin: .3rem 0; }
#state-week .week-ending-price { color: var(--week-muted); font-size: .9rem; }
#state-week .week-person-ending .week-ending-quote { font-size: 1rem; line-height: 1.5; font-weight: 500; margin: .5rem 0; }
#state-week .week-final-conditions { padding-top: .75rem; }
#state-week .week-final-conditions h3 { font-size: 1.05rem; line-height: 1.3; margin: .25rem 0 .5rem; }
#state-week .week-final-conditions > ul, #state-week .week-future-facts { margin: .5rem 0; padding-inline-start: 1.15rem; }
#state-week .week-final-conditions > ul > li, #state-week .week-future-facts > li { margin: .625rem 0; overflow-wrap: anywhere; }
#state-week .week-history-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; margin-top: 1rem; padding-inline-start: 1.25rem; }
#state-week .week-history-list > li { min-width: 0; overflow-wrap: anywhere; }
#state-week .week-ledger { width: 100%; border-collapse: collapse; margin: .75rem 0; text-align: left; }
#state-week .week-ledger th, #state-week .week-ledger td { padding: .65rem .35rem; border-bottom: 1px solid var(--week-line); vertical-align: top; overflow-wrap: anywhere; }
#state-week .week-ledger th { font-weight: 600; }
#state-week .week-ledger td:last-child { font-variant-numeric: tabular-nums; }
#state-week .week-ledger-totals { margin: .75rem 0; }
#state-week .week-ledger-totals > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; padding: .5rem 0; border-bottom: 1px solid var(--week-line); }
#state-week .week-ledger-totals dt, #state-week .week-ledger-totals dd { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#state-week .week-ledger-totals dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; }
#state-week .week-day-track { display: flex; flex-wrap: wrap; gap: .5rem; color: var(--week-muted); margin: .75rem 0; }
#state-week .week-day-track > * { min-width: 0; }
#state-week .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }

@media (hover: hover) {
  #state-week .week-choice:not(:disabled):hover, #state-week .week-next:not(:disabled):hover { background: var(--week-action-hover); }
  #state-week .week-secondary:not(:disabled):hover { background: var(--week-soft); }
  #state-week .week-details summary:hover { color: var(--week-action); }
}
@media (max-width: 40rem) {
  #state-week { padding: 1rem .875rem 1.5rem; }
  #state-week .week-hud { justify-content: space-between; }
  #state-week .week-person { padding: .875rem; }
  #state-week .week-choice { padding: .75rem .875rem; }
  #state-week .week-result, #state-week .week-final { padding: 1.125rem; }
  #state-week .week-day-summary { padding: 1.125rem .125rem 1.375rem; }
  #state-week .week-day-summary .week-title { font-size: 1.5rem; }
  #state-week .week-final { padding: 1rem .875rem; }
  #state-week .week-result-reaction { margin-top: 1rem; padding-inline-start: .75rem; }
  #state-week .week-final-highlights { gap: .625rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-title { margin-bottom: .625rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-person { padding-block: .625rem; margin-bottom: .375rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-quote { margin-top: .375rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-task-context { margin-block: .25rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-choice { padding-block: .625rem; }
  #state-week[data-mode="story"] article[data-task-id="СЮ-ПН1"] .week-choice + .week-choice { margin-top: .5rem; }
}
@media (max-width: 380px) {
  #state-week .week-hud { font-size: .8rem; gap: .5rem; }
}
@media (max-width: 360px) {
  #state-week .week-choice-top { display: block; }
  #state-week .week-choice-top > strong { display: block; }
  #state-week .week-choice-money { display: block; margin-top: .35rem; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  #state-week *, #state-week *::before, #state-week *::after { scroll-behavior: auto; transition: none; animation: none; }
}

#interactive-state-week {
  margin-top: 2.5rem;
  /* The article already offsets anchors through html scroll-padding-top. */
  scroll-margin-top: 0;
  min-width: 0;
  color-scheme: inherit;
}
/* Keep the preceding article's lettering from showing behind the game header. */
body:has(#state-week:not([hidden])) .site-header {
  background: light-dark(#fff, #0b0b0b);
}
#interactive-state-week .state-week-intro {
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid light-dark(#d4dcea, #33415a);
  border-radius: 16px;
  background: light-dark(#edf1f8, #111927);
  color: light-dark(#17243c, #eef3fb);
}
#interactive-state-week .state-week-kicker {
  margin: 0 0 16px;
  font-size: .85rem;
  font-weight: 650;
  color: light-dark(#254dc2, #a9c1ff);
}
#interactive-state-week #state-week-intro-title {
  margin: 0 0 16px;
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  line-height: 1.15;
  font-weight: 750;
}
#interactive-state-week .state-week-lead {
  margin: 0 0 24px;
  font-size: 1.1rem;
  line-height: 1.55;
}
#interactive-state-week .state-week-meta {
  margin: 0 0 16px;
  font-size: .9rem;
  color: light-dark(#53627a, #b7c4d8);
}
#interactive-state-week #state-week-start {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 48px;
  max-width: 100%;
  padding: 13px 20px;
  border: 0;
  border-radius: 8px;
  background: light-dark(#254dc2, #a9c1ff);
  color: light-dark(#fff, #12264c);
  font: 650 1rem/1.4 var(--font-sans);
  cursor: pointer;
}
#interactive-state-week #state-week-start:disabled { opacity: .6; cursor: wait; }
#interactive-state-week .state-week-entry-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
#interactive-state-week #state-week-alternate {
  max-width: 100%;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid light-dark(#c6d1e5, #526381);
  border-radius: 8px;
  background: transparent;
  color: light-dark(#254dc2, #a9c1ff);
  font: 600 .95rem/1.4 var(--font-sans);
  white-space: normal;
  cursor: pointer;
}
#interactive-state-week #state-week-alternate:disabled { opacity: .6; cursor: wait; }
#interactive-state-week #state-week-start:focus-visible,
#interactive-state-week #state-week-alternate:focus-visible,
#state-week :is(button, summary):focus-visible { outline: 3px solid light-dark(#254dc2, #a9c1ff); outline-offset: 4px; }
#interactive-state-week #state-week-launch-note { margin: 16px 0 0; }
#interactive-state-week #state-week {
  container: state-week / inline-size;
  width: 100%;
  padding: 24px;
  border: 1px solid var(--week-line);
  border-radius: 16px;
  font-family: var(--font-sans);
  scroll-margin-top: 0;
}
#state-week #week-journal-content { scroll-margin-top: 0; }
#state-week .week-header h2 { font-size: 1.125rem; }
#state-week .week-subtitle { font-size: .9rem; }
#state-week p { letter-spacing: 0; }
@media (max-width: 640px) {
  #interactive-state-week .state-week-intro { padding: 24px 20px; }
  #interactive-state-week #state-week { padding: 18px 14px; }
  #interactive-state-week #state-week-start,
  #interactive-state-week #state-week-alternate { width: 100%; }
}
@media print { #interactive-state-week { display: none; } }