/* Doomsday Counter reader experience. Loaded after the theme and ledger CSS. */

/* Classic Gutenberg groups add a single layout wrapper. Only named layouts
   flatten that wrapper; ordinary article groups retain their normal flow. */
.sheet .risk-grid > .wp-block-group__inner-container,
.sheet .jump-links > .wp-block-group__inner-container,
.dcr-feature-grid > .wp-block-group__inner-container,
.dcr-topic-grid > .wp-block-group__inner-container,
.dcr-watch-grid > .wp-block-group__inner-container,
.dcr-fact-strip > .wp-block-group__inner-container,
.dcr-scales > .wp-block-group__inner-container {
  display: contents;
}

.sheet .risk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.sheet .risk-grid > *,
.sheet .risk-grid > .wp-block-group__inner-container > * {
  min-width: 0;
  margin-block: 0;
}
.sheet .jump-links {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .55rem;
  align-items: center;
  margin: 1rem 0 2rem;
  padding: 0;
}
.sheet .jump-links > p,
.sheet .jump-links > .wp-block-group__inner-container > p {
  margin: 0;
}
.sheet .jump-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .35rem .6rem;
  border: 1px solid var(--rule, #9fae9b);
  font-size: 13px;
  line-height: 1.4;
}
.sheet .jump-links a:hover {
  background: var(--bar, #d6e0c8);
}

/* The paper, ink and existing type families remain the site's base design. */
.dcr-home {
  min-width: 0;
}
.dcr-home :where(h2, h3, p, li),
.dcr-feature-card,
.dcr-topic-grid > *,
.dcr-watch-grid > * {
  min-width: 0;
  overflow-wrap: break-word;
}
.dcr-home :where(section, .dc-section) {
  margin-block: 2.4rem;
}
.dcr-home h2 {
  margin-bottom: .45rem;
}
.dcr-home h3,
.dcr-article-intro h2,
.dcr-evidence-card h3,
.dcr-timeline h3,
.dcr-scales h3,
.dcr-quiz-result h3,
.dcr-calc-summary h3 {
  font-family: 'IBM Plex Sans Condensed', system-ui, sans-serif;
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: -.01em;
  margin: 0 0 .5rem;
}
.dcr-feature-grid,
.dcr-topic-grid,
.dcr-watch-grid,
.dcr-scales {
  display: grid;
  gap: 1rem;
  margin-block: 1.1rem 1.6rem;
  align-items: stretch;
}
.dcr-feature-grid,
.dcr-watch-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dcr-topic-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dcr-scales {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dcr-feature-grid > *,
.dcr-topic-grid > *,
.dcr-watch-grid > *,
.dcr-scales > *,
.dcr-feature-grid > .wp-block-group__inner-container > *,
.dcr-topic-grid > .wp-block-group__inner-container > *,
.dcr-watch-grid > .wp-block-group__inner-container > *,
.dcr-scales > .wp-block-group__inner-container > * {
  min-width: 0;
  margin-block: 0;
}
.dcr-feature-card,
.dcr-topic-grid > .wp-block-group,
.dcr-topic-grid > .wp-block-group__inner-container > .wp-block-group,
.dcr-watch-grid > .wp-block-group,
.dcr-watch-grid > .wp-block-group__inner-container > .wp-block-group,
.dcr-scale-panel {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--rule, #9fae9b);
  background: var(--paper, #edefe3);
  padding: 1.1rem;
}
.dcr-feature-card > .wp-block-group__inner-container,
.dcr-topic-grid > .wp-block-group > .wp-block-group__inner-container,
.dcr-topic-grid > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container,
.dcr-watch-grid > .wp-block-group > .wp-block-group__inner-container,
.dcr-watch-grid > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container,
.dcr-scale-panel > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.dcr-feature-card p,
.dcr-topic-grid p,
.dcr-watch-grid p,
.dcr-scale-panel p {
  font-size: 13px;
  line-height: 1.65;
  margin: .4rem 0 .8rem;
}
.dcr-feature-card .wp-block-image,
.dcr-feature-card > figure {
  margin: 0 0 1rem;
}
.dcr-feature-card .wp-block-image a {
  display: block;
}
.dcr-feature-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--rule, #9fae9b);
}
.dcr-feature-card > p:last-child,
.dcr-feature-card > .wp-block-group__inner-container > p:last-child,
.dcr-topic-grid > .wp-block-group > p:last-child,
.dcr-topic-grid > .wp-block-group > .wp-block-group__inner-container > p:last-child,
.dcr-topic-grid > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container > p:last-child {
  margin-top: auto;
  padding-top: .5rem;
  margin-bottom: 0;
}
.dcr-feature-card p:last-child a,
.dcr-topic-grid p:last-child a,
.dcr-watch-grid p:last-child a,
.dcr-card-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  line-height: 1.4;
  font-weight: 600;
}

.dcr-compact-clock {
  border-block: 1px solid var(--rule, #9fae9b);
  padding-block: 1rem;
  margin-block: 1.5rem;
}
.dcr-compact-clock .symbolic-clock {
  margin: 0;
  padding: 0;
  border: 0;
}
.dcr-compact-clock h2 {
  font-size: 1.25rem;
}
.dcr-compact-clock p {
  font-size: 13px;
  max-width: 70ch;
  margin: .35rem 0;
}
.dcr-evidence-card {
  border: 1px solid var(--ink, #283029);
  border-left-width: 4px;
  background: var(--bar, #d6e0c8);
  padding: 1.2rem;
  margin-block: 1rem 1.6rem;
}
.dcr-evidence-card p {
  max-width: 72ch;
  margin: .5rem 0;
}
.dcr-evidence-card .sub,
.dcr-article-intro .sub {
  color: var(--ink, #283029);
}
.dcr-evidence-date,
.dcr-timeline-date {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink, #283029);
}
.dcr-watch-grid {
  font-size: 13px;
}
.dcr-watch-grid h3 {
  font-size: 1.25rem;
}
.dcr-watch-grid strong {
  color: var(--ink, #283029);
}

/* Story introductions and a concise replacement for the full record at top. */
.dcr-article-intro {
  border-left: 4px solid var(--ink, #283029);
  background: var(--bar, #d6e0c8);
  padding: .9rem 1.15rem;
  margin-block: 1.2rem 1rem;
}
.dcr-article-intro p {
  max-width: 68ch;
  margin: .4rem 0;
}
.dcr-article-intro > p:first-child,
.dcr-article-intro > .wp-block-group__inner-container > p:first-child,
.dcr-article-intro .dcr-answer {
  color: var(--ink, #283029);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
}
.dcr-article-intro .dcr-hook {
  font-size: 14px;
  font-weight: 400;
}
.dcr-fact-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem 1rem;
  margin: 1rem 0 1.4rem;
  padding: .85rem 0;
  border-block: 1px solid var(--rule, #9fae9b);
  font-size: 12px;
}
.dcr-fact-strip > *,
.dcr-fact-strip > .wp-block-group__inner-container > * {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.dcr-fact-strip dt,
.dcr-fact-label {
  display: block;
  color: var(--faint, #5d6a5c);
  font-size: 12px;
  margin-bottom: .2rem;
}
.dcr-fact-strip dd {
  margin: 0;
  color: var(--ink, #283029);
  font-weight: 600;
}
details.dcr-claim-record {
  border: 1px solid var(--rule, #9fae9b);
  margin: 1.5rem 0 2rem;
  background: var(--paper, #edefe3);
}
details.dcr-claim-record > summary {
  min-height: 44px;
  padding: .8rem 1rem;
  background: var(--bar, #d6e0c8);
  color: var(--ink, #283029);
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.6;
}
details.dcr-claim-record[open] > summary {
  border-bottom: 1px solid var(--rule, #9fae9b);
}
details.dcr-claim-record > .dcl-facts {
  border: 0;
  margin: 0;
  padding: 1rem;
  background: var(--paper, #edefe3);
}
details.dcr-claim-record > .dcr-record-content {
  padding: 1rem;
}

.dcr-timeline {
  margin: 1.2rem 0 1.8rem;
  padding-left: 2rem;
  border-left: 2px solid var(--rule, #9fae9b);
}
.dcr-timeline > li {
  padding: .1rem 0 1.1rem .35rem;
  margin: 0 0 .85rem;
  border-bottom: 1px solid var(--rule, #9fae9b);
}
.dcr-timeline > li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.dcr-timeline > li::marker {
  color: var(--stamp, #9a3524);
  font-weight: 600;
}
.dcr-timeline p {
  margin: .35rem 0 .65rem;
  max-width: 70ch;
}
.dcr-timeline time {
  display: block;
  color: var(--ink, #283029);
  font-weight: 600;
  font-size: 13px;
  margin-bottom: .3rem;
}
.dcr-timeline a {
  overflow-wrap: anywhere;
}
.dcr-figure {
  margin: 1.4rem 0 1.8rem;
}
.dcr-figure img,
.dcr-figure svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.dcr-figure figcaption,
.dcr-scales figcaption,
.dcr-scale-note {
  font-size: 12px;
  color: var(--faint, #5d6a5c);
  line-height: 1.6;
  margin-top: .65rem;
  max-width: 75ch;
}
.dcr-scale-number {
  display: block;
  font-family: 'IBM Plex Sans Condensed', system-ui, sans-serif;
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  font-weight: 700;
  line-height: 1.1;
  margin: .5rem 0;
  color: var(--ink, #283029);
  font-variant-numeric: tabular-nums;
}

/* Existing small activities gain a visible conclusion and a next reading step. */
.dcr-quiz-result,
.dcr-calc-summary {
  border: 1px solid var(--ink, #283029);
  background: var(--paper, #edefe3);
  margin: 1.2rem 0;
  padding: 1.1rem;
}
.dcr-quiz-result h2,
.dcr-calc-summary h2 {
  font-size: 1.35rem;
  margin-bottom: .5rem;
}
.dcr-quiz-result p,
.dcr-calc-summary p,
.dcr-quiz-result li,
.dcr-calc-summary li {
  font-size: 13px;
  line-height: 1.65;
}
.dcr-quiz-result ul,
.dcr-calc-summary ul {
  margin: .6rem 0 1rem;
  padding-left: 1.4rem;
}
.dcr-quiz-result li,
.dcr-calc-summary li {
  margin-block: .45rem;
}
.dcr-result-kinds,
.dcr-calc-summary .dcr-result-kinds {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .7rem 0 1rem;
  padding: 0;
  list-style: none;
}
.dcr-result-kinds span,
.dcr-result-kinds li {
  display: inline-block;
  background: var(--bar, #d6e0c8);
  color: var(--ink, #283029);
  border: 1px solid var(--rule, #9fae9b);
  padding: .3rem .5rem;
  font-size: 12px;
  margin: 0;
}
.dcr-recommendations h4 {
  font-family: 'IBM Plex Sans Condensed', system-ui, sans-serif;
  font-size: 1.15rem;
  line-height: 1.3;
  margin: 1rem 0 .4rem;
}
.dcr-recommendations ul {
  padding-left: 1.35rem;
  margin: .5rem 0 .8rem;
}
.dcr-recommendations li {
  margin: .4rem 0;
  font-size: 13px;
  line-height: 1.6;
}
.dcr-recommendations p {
  margin: .3rem 0 .6rem;
  font-size: 13px;
}
.dcr-random-topic {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin: 1rem 0;
  font-size: 13px;
}
.dcr-random-topic label {
  display: block;
  font-weight: 600;
}
.dcr-random-topic select {
  min-height: 44px;
  max-width: 100%;
  font-size: 13px;
}
.dcl-random button,
.dcl-quiz button,
.dcl-share button,
.dcr-share-dialog button,
.dcr-quiz-result button,
.dcr-calc-summary button {
  min-height: 44px;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.4;
}
.dcl-quiz-buttons {
  gap: .5rem;
}
.dcr-share-dialog {
  width: min(92vw, 44rem);
  max-width: calc(100vw - 2rem);
  max-height: 88vh;
  max-height: 88dvh;
  overflow: auto;
  padding: 1.4rem;
  border: 2px solid var(--ink, #283029);
  color: var(--ink, #283029);
  background: var(--paper, #edefe3);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
}
.dcr-share-dialog::backdrop {
  background: rgb(40 48 41 / 65%);
}
.dcr-share-dialog h2 {
  margin: 0 0 .75rem;
  font-size: 1.5rem;
}
.dcr-share-dialog p {
  max-width: 68ch;
}
.dcr-share-preview {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 12rem;
  padding: 1rem;
  border: 1px solid var(--ink, #283029);
  border-bottom-width: 3px;
  background: var(--bar, #d6e0c8);
  color: var(--ink, #283029);
  font: inherit;
  font-size: 13px;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  resize: vertical;
  border-radius: 0;
}
.dcr-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1rem;
}
.dcr-share-dialog [role="status"] {
  font-size: 13px;
  margin-bottom: 0;
}
.dcr-share-dialog button:disabled,
.dcr-quiz-result button:disabled,
.dcr-calc-summary button:disabled {
  color: var(--faint, #5d6a5c);
  background: var(--paper, #edefe3);
  border-color: var(--rule, #9fae9b);
  cursor: not-allowed;
}
.dcr-home :is(a, button, input, select, summary):focus-visible,
.dcr-claim-record > summary:focus-visible,
.dcr-share-dialog :is(button, textarea, a):focus-visible,
.dcr-quiz-result :is(a, button):focus-visible,
.dcr-calc-summary :is(a, button):focus-visible,
.dcr-random-topic select:focus-visible {
  outline: 3px solid var(--stamp, #9a3524);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .dcr-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .dcr-feature-grid,
  .dcr-watch-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .dcr-feature-card img {
    aspect-ratio: 16 / 9;
  }
}
@media (max-width: 640px) {
  .sheet .risk-grid,
  .dcr-topic-grid,
  .dcr-scales {
    grid-template-columns: minmax(0, 1fr);
  }
  .dcr-fact-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sheet .jump-links {
    gap: .45rem;
  }
  .sheet .jump-links a {
    font-size: 12px;
    padding-inline: .5rem;
  }
  .dcr-home :where(section, .dc-section) {
    margin-block: 2rem;
  }
  .dcr-feature-card,
  .dcr-evidence-card,
  .dcr-article-intro,
  .dcr-quiz-result,
  .dcr-calc-summary {
    padding: 1rem;
  }
  .dcr-random-topic {
    align-items: stretch;
  }
  .dcr-random-topic label,
  .dcr-random-topic select {
    width: 100%;
  }
  .dcr-share-dialog {
    padding: 1rem;
  }
  .dcr-share-actions button {
    flex: 1 1 9rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dcr-home *,
  .dcr-share-dialog *,
  .dcr-claim-record,
  .dcr-timeline *,
  .dcr-quiz-result *,
  .dcr-calc-summary * {
    scroll-behavior: auto;
    transition: none;
    animation: none;
  }
}
@media (forced-colors: active) {
  .dcr-feature-card,
  .dcr-evidence-card,
  .dcr-share-dialog,
  .dcr-share-preview,
  .dcr-result-kinds span,
  .dcr-result-kinds li {
    border-color: CanvasText;
  }
}