/* Hallmark · shape: Product case · genre: modern-minimal · theme: custom · job: read · idea: "从研究采集条件，到可核查的任务与数据" · vibe: "具体 证据 清晰 森林绿 暖纸" · posture: Restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E5 S5 R4 V4 · weakest: density, add concrete task rules while keeping screenshots and reading margins */
.case-page .case-section { padding-block: 88px; }
.case-page .section-heading { margin-bottom: var(--space-xl); }
.case-page .overview-grid { gap: var(--space-xl); }
.case-page .overview-grid dd { margin-top: var(--space-md); font-size: 16px; line-height: 1.85; }
.case-task-brief { margin-top: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); padding-top: var(--space-xl); }
.case-task-brief h3,.case-exception-block h3 { font-size: clamp(1.625rem,2.2vw,2rem); line-height: 1.4; font-weight: 600; }
.case-task-brief > dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-lg) var(--space-xl); margin: var(--space-lg) 0 0; }
.case-task-brief dt,.screen-reading dt,.case-exception-block dt { font-size: 16px; font-weight: 600; }
.case-task-brief dd,.screen-reading dd { margin: var(--space-xs) 0 0; font-size: 16px; line-height: 1.85; color: var(--color-ink-2); }
.screen-reading { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); margin: var(--space-lg) 0 0; padding-top: var(--space-lg); }
.case-page .case-gallery { gap: var(--space-2xl); }
.case-exception-block { margin-top: var(--space-xl); padding-top: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); }
.case-exception-block dl { margin: var(--space-lg) 0; }
.case-exception-block dl > div { display: grid; grid-template-columns: minmax(0,.35fr) minmax(0,1fr); gap: var(--space-xl); padding-block: var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); }
.case-exception-block dd { margin: 0; font-size: 16px; line-height: 1.85; color: var(--color-ink-2); }
.case-followup { margin-top: var(--space-xl); max-width: 64em; color: var(--color-muted); font-size: 14px; line-height: 1.8; }
.case-proof-links { display: flex; flex-wrap: wrap; gap: var(--space-lg) var(--space-xl); margin-top: var(--space-lg); }
.case-proof-links .editorial-link { margin: 0; }
.case-page .solution-layout .process-list p { font-size: 16px; line-height: 1.85; max-width: 32em; }
@media(max-width:60rem) { .case-page .overview-grid { grid-template-columns: minmax(0,1fr); gap: var(--space-lg); } .case-page .case-section { padding-block: var(--space-2xl); } }
@media(max-width:40rem) { .case-task-brief > dl,.screen-reading { grid-template-columns: minmax(0,1fr); gap: var(--space-lg); } .case-exception-block dl > div { grid-template-columns: minmax(0,1fr); gap: var(--space-sm); } .case-task-brief,.case-exception-block { padding-top: var(--space-lg); margin-top: var(--space-lg); } .case-page .case-gallery { gap: var(--space-xl); } }
/* The masthead already reserves scroll padding: chapter targets add only a small inset. */
.case-page .case-section { scroll-margin-top: var(--space-md); }
.case-page .architecture-list p { font-size: 16px; line-height: 1.8; color: var(--color-ink-2); }
.case-page .next-pages { margin-top: var(--space-xl); }
.case-page .project-endnav { margin-block: var(--space-xl); }
.case-page .folio-footer { margin-top: var(--space-xl); padding-block: var(--space-lg); }