/* Hallmark · design-system: design.md · designed-as-app · focused homepage and illustrative order workflow */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
.refined-hero h1 { font-size:clamp(2.45rem,4.05vw,3.6rem); max-width:18ch; }
.hero-reassurance { margin-top:var(--space-md); color:var(--color-muted); font-size:.8rem; }
.home-example { background:var(--color-surface); padding:var(--space-md); border:1px solid var(--color-rule); border-radius:var(--radius-sm); align-self:center; }
.example-label { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-xs); }
.example-label>span { color:var(--color-muted); font-size:.72rem; }
.home-example h2 { font-size:1.5rem; line-height:1.25; margin-top:var(--space-md); }
.mini-flow { list-style:none; margin:var(--space-md) 0; padding:0; }
.mini-flow li { display:flex; gap:var(--space-sm); align-items:baseline; padding-block:var(--space-sm); border-bottom:1px solid var(--color-rule); }
.mini-flow li>span { font-size:.72rem; color:var(--color-accent); }
.mini-flow strong { font-size:.9rem; font-weight:500; }
.mini-flow p { font-size:.8rem; color:var(--color-muted); }
.home-example .quiet-link { font-size:.8rem; }
.order-intro h1 { max-width:28ch; }
.order-intro .text-link { margin-top:var(--space-sm); }
.order-example { padding-bottom:var(--space-2xl); }
.example-section-head { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:var(--space-md); margin-bottom:var(--space-lg); }
.example-section-head h2 { font-size:1.85rem; line-height:1.2; margin-top:var(--space-sm); }
.fiction-label { color:var(--color-light-muted); font-size:.8rem; padding-left:var(--space-sm); border-left:2px solid var(--color-light-rule); }
.order-comparison { display:grid; gap:var(--space-md); }
.source-document,.prepared-order { border:1px solid var(--color-light-rule); background:var(--color-light-surface); padding:var(--space-md); }
.order-comparison h3 { font-size:1.3rem; margin-block:var(--space-sm) var(--space-md); }
.document-meta { margin:0; border-block:1px solid var(--color-light-rule); padding-block:var(--space-sm); font-size:.83rem; }
.document-meta>div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:var(--space-sm); padding-block:.25rem; }
.document-meta dt { color:var(--color-light-muted); }
.document-meta dd { margin:0; overflow-wrap:anywhere; }
.source-document blockquote { margin:var(--space-lg) 0; font-size:.94rem; }
.source-document blockquote p+p { margin-top:var(--space-sm); }
.document-note { border-top:1px solid var(--color-light-rule); padding-top:var(--space-sm); font-size:.8rem; color:var(--color-light-muted); }
.prepared-order table { width:100%; border-collapse:collapse; margin-top:var(--space-md); font-size:.9rem; }
.prepared-order th { text-align:left; font-size:.75rem; color:var(--color-light-muted); font-weight:500; padding-bottom:var(--space-xs); }
.prepared-order td { border-top:1px solid var(--color-light-rule); padding-block:var(--space-sm); }
.prepared-order td span { display:block; color:var(--color-light-muted); font-size:.8rem; }
.prepared-order td:last-child,.prepared-order th:last-child { text-align:right; font-variant-numeric:tabular-nums; }
.review-note { border-top:2px solid var(--color-light-accent); padding-top:var(--space-sm); margin-top:var(--space-md); }
.review-note strong { font-size:.86rem; font-weight:600; }
.review-note p { color:var(--color-light-muted); font-size:.83rem; margin-top:var(--space-xs); }
.concept-state { color:var(--color-light-accent); font-size:.75rem; margin-top:var(--space-md); }
.human-check { display:flex; gap:var(--space-md); align-items:baseline; padding:var(--space-md); background:var(--color-light-wash); margin-top:var(--space-md); }
.check-step { color:var(--color-light-accent); font-size:.8rem; }
.human-check h3 { font-size:1.15rem; line-height:1.35; margin-bottom:var(--space-xs); }
.human-check p { color:var(--color-light-muted); font-size:.94rem; max-width:85ch; }
.order-value { background:var(--color-light-wash); padding-block:var(--space-2xl); }
.value-layout,.pilot-layout { display:grid; gap:var(--space-xl); }
.value-layout h2,.pilot-layout h2 { font-size:var(--text-business-heading); margin-block:var(--space-sm) var(--space-md); }
.value-layout>div>p:not(.eyebrow),.pilot-layout>div>p:not(.eyebrow) { color:var(--color-light-muted); }
.exceptions { padding-block:var(--space-2xl); }
.exception-list { max-width:920px; }
.exception-list details { border-bottom:1px solid var(--color-light-rule); }
.exception-list summary { font-size:1rem; font-family:var(--font-body); font-weight:500; }
.exception-list summary>span { margin-left:auto; color:var(--color-light-accent); }
.exception-list details[open] summary>span { transform:rotate(45deg); }
.exception-list details>div { padding-bottom:var(--space-md); color:var(--color-light-muted); font-size:.94rem; }
.order-pilot { padding-bottom:var(--space-2xl); }
.pilot-layout { border-top:1px solid var(--color-light-rule); padding-top:var(--space-xl); }
.pilot-layout .text-link { margin-top:var(--space-sm); }
.pilot-measures { margin:0; }
.pilot-measures>div { padding-block:var(--space-sm); border-bottom:1px solid var(--color-light-rule); }
.pilot-measures dt { font-weight:500; font-size:.94rem; }
.pilot-measures dd { margin:.25rem 0 0; color:var(--color-light-muted); font-size:.88rem; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:clip; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(min-width:48rem) { .home-example { padding:var(--space-lg); } .order-comparison,.value-layout,.pilot-layout { grid-template-columns:repeat(2,minmax(0,1fr)); } .source-document,.prepared-order { padding:var(--space-lg); } }
@media(max-width:25rem) { .home-example .quiet-link { font-size:.7rem; gap:.5rem; } .exception-list summary { font-size:.86rem; gap:.5rem; } }
/* Application-specific source and result treatments, using the shared palette. */
.sample-lines { padding-block:var(--space-md); }
.sample-lines p { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:var(--space-xs); padding-block:var(--space-xs); font-size:.9rem; border-bottom:1px solid var(--color-light-rule); }
.sample-lines strong { font-weight:500; font-variant-numeric:tabular-nums; }
.message-stack>div { padding-block:var(--space-md); border-top:1px solid var(--color-light-rule); }
.message-stack span { font-size:.75rem; color:var(--color-light-accent); }
.message-stack h3 { font-size:1.05rem; margin-block:var(--space-xs); }
.message-stack p,.draft-reply p,.answer-block p,.field-notes,.source-list,.report-sections dd { font-size:.94rem; }
.draft-reply,.source-reference { border-top:1px solid var(--color-light-rule); margin-top:var(--space-md); padding-top:var(--space-md); }
.draft-reply strong,.source-reference strong { font-size:.86rem; font-weight:600; }
.draft-reply p,.source-reference p { margin-top:var(--space-xs); color:var(--color-light-muted); }
.source-reference p { font-size:.8rem; }
.source-reference blockquote { margin:var(--space-sm) 0 0; font-size:.9rem; padding-left:var(--space-sm); border-left:2px solid var(--color-light-rule); }
.question-block { padding-block:var(--space-md); }
.question-block>p:last-child { margin-top:var(--space-sm); font-size:1.15rem; }
.source-list { border-top:1px solid var(--color-light-rule); padding-top:var(--space-md); color:var(--color-light-muted); }
.source-list ul,.field-notes ul,.draft-reply ul { padding-left:1.2rem; }
.source-list li,.field-notes li,.draft-reply li { margin-block:var(--space-xs); }
.field-notes { padding-block:var(--space-sm); }
.report-sections { margin:0; }
.report-sections>div { padding-block:var(--space-sm); border-top:1px solid var(--color-light-rule); }
.report-sections dt { font-size:.8rem; font-weight:600; color:var(--color-light-accent); }
.report-sections dd { margin:var(--space-xs) 0 0; }