.awareness-scene { margin-top: var(--s-home); display: grid; grid-template-columns: 1fr 1fr; gap: 32px 56px; }
.awareness-page h2 { font-size: 24px; line-height: 1.28; font-weight: 600; letter-spacing: -.015em; }
.awareness-page h3 { font-size: 20px; line-height: 1.4; font-weight: 500; }
.awareness-page p { font-size: var(--t-body); line-height: 1.72; color: var(--text-2); }
.awareness-page .page-intro { margin-top: 24px; }
.awareness-page .case-label { margin-bottom: 16px; font-size: var(--t-nav); }
.scene-intro > p:last-child { margin-top: 18px; }
.message-fragment { align-self: center; padding: 28px 0 28px 28px; border-left: 1px solid var(--border); }
.message-fragment blockquote { font-size: var(--t-statement); line-height: 1.4; letter-spacing: -.015em; }
.message-fragment .message-time { margin-top: 24px; font-size: var(--t-nav); }
.scene-close { grid-column: 1 / -1; max-width: 680px; }
.clue-section, .case-revision { margin-top: var(--s-home); }
.section-opening { max-width: 680px; }
.section-opening > p { margin-top: 18px; }
.clue-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 56px; margin-top: 40px; }
.clue-card { padding-top: 18px; border-top: 1px solid var(--border); }
.clue-card .clue-number { margin-bottom: 12px; font-size: var(--t-nav); }
.clue-card button { font: inherit; font-size: var(--t-nav); color: var(--text); background: transparent; border: 1px solid var(--border); border-radius: var(--r-pill); padding: 12px 18px; margin-top: 22px; cursor: pointer; text-align: left; }
.awareness-page button:focus-visible, .awareness-page a:focus-visible { outline: 2px solid var(--text); outline-offset: 5px; }
.clue-explanation { margin-top: 24px; }
.clue-explanation h4 { font-size: var(--t-body); font-weight: 600; }
.clue-explanation p { margin-top: 8px; }
.awareness-status { min-height: 30px; margin-top: 24px; }
.case-revision { border-top: 1px solid var(--border); padding-top: 40px; }
.case-revision blockquote { font-size: var(--t-statement); line-height: 1.5; letter-spacing: -.015em; margin-top: 24px; }
.revision-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin: 40px 0; }
.revision-pair p { margin-top: 12px; }
#revised-interpretation { max-width: 800px; border-left: 2px solid var(--text); padding-left: 28px; }
.awareness-ending { margin-top: var(--s-home); }
.source-note { border-top: 1px solid var(--border); padding-top: 32px; }
@media (max-width: 640px) {
  .awareness-scene, .clue-grid, .revision-pair { grid-template-columns: 1fr; gap: 32px; }
  .awareness-scene, .clue-section, .case-revision, .awareness-ending { margin-top: var(--s-checkin); }
  .message-fragment { padding-left: 20px; }
  #revised-interpretation { padding-left: 20px; }
}
@media print {
  .clue-card button, #awareness-help, .awareness-status { display: none; }
  .clue-explanation[hidden] { display: block; }
}