/* Case-only approximate HTML layout. Exact preview is rendered from PDF bytes. */
.outline-row[data-outline-block="cases"] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; }
.case-library-metrics { border: 1px solid #dce5ff; border-radius: 12px; padding: 16px; min-width: 0; }
.case-library-metrics legend { font-weight: 700; padding: 0 6px; }
.case-library-metrics p { font-size: 13px; color: #475569; }
.library-metric-edit { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.library-metric-edit > strong { grid-column: 1 / -1; }
.library-metric-edit + .library-metric-edit { margin-top: 16px; }
.case-page-slide { aspect-ratio: auto; min-height: 56.25cqw; }
.case-page-heading { display: grid; grid-template-columns: minmax(0,1fr) 26%; gap: 3cqw; margin: 3cqw 0 2cqw; }
.case-page-heading h2 { margin: 0; max-width: 100%; font-size: 3cqw; }
.case-project-site { color: #2f5bff; font-size: 1.6cqw; margin-top: 1cqw; overflow-wrap: anywhere; }
.case-project-site a { color: inherit; }
.case-page-tags { display: flex; flex-direction: column; gap: .7cqw; }
.case-page-tags span { background: #f1f5fb; color: #0b163a; padding: .7cqw 1cqw; font-size: 1.35cqw; overflow-wrap: anywhere; }
.case-page-intro { margin: 0 0 2cqw; }
.case-page-columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 4cqw; }
.case-page-columns section { margin: 0 0 2cqw; }
.case-page-columns h3 { font: 700 1.95cqw/1.3 Onest,sans-serif; margin: 0 0 .9cqw; }
.case-page-columns p, .case-page-columns li { font-size: 1.55cqw; line-height: 1.45; color: #475569; overflow-wrap: anywhere; }
.case-page-columns ul { padding-left: 1.5cqw; margin: 0; }
.case-page-columns li { margin-bottom: .5cqw; }
.case-page-columns li::marker { color: #bd6900; }
.case-page-image { display: grid; place-items: center; background: #f1f5fb; border: 1px solid #e2e8f0; padding: .5cqw; height: 19cqw; }
.case-page-image img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.case-page-bottom { border-top: 1px solid #e2e8f0; display: flex; align-items: center; gap: 2cqw; padding-top: 1.4cqw; margin-top: 1cqw; }
.case-page-metrics { display: flex; gap: 2cqw; flex: 1; min-width: 0; }
.case-page-metrics > div { flex: 1; min-width: 0; }
.case-page-metrics strong { display: block; font-size: 2.3cqw; line-height: 1.3; color: #2f5bff; overflow-wrap: anywhere; }
.case-page-metrics span { display: block; font-size: 1.3cqw; margin-top: .5cqw; overflow-wrap: anywhere; color: #475569; }
.case-page-bottom .case-full-link { margin: 0; flex-shrink: 0; font-size: 1.3cqw; padding: 1cqw; }
.proposal.mobile .case-page-slide { aspect-ratio: auto; }
.proposal.mobile .case-page-heading,.proposal.mobile .case-page-columns { grid-template-columns: minmax(0,1fr); gap: 5cqw; }
.proposal.mobile .case-page-heading h2 { font-size: 6.7cqw; margin: 0; }
.proposal.mobile .case-page-tags { gap: 2cqw; }
.proposal.mobile .case-page-tags span { font-size: 3.6cqw; padding: 2cqw 3cqw; }
.proposal.mobile .case-project-site { font-size: 4cqw; margin-top: 3cqw; }
.proposal.mobile .case-page-columns h3 { font-size: 5.2cqw; margin-bottom: 3cqw; }
.proposal.mobile .case-page-columns section { margin-bottom: 6cqw; }
.proposal.mobile .case-page-columns p,.proposal.mobile .case-page-columns li,.proposal.mobile .case-page-intro { font-size: 4.1cqw; line-height: 1.5; }
.proposal.mobile .case-page-columns ul { padding-left: 4cqw; }
.proposal.mobile .case-page-columns li { margin-bottom: 2cqw; }
.proposal.mobile .case-page-image { height: 70cqw; padding: 1.5cqw; }
.proposal.mobile .case-page-bottom { flex-direction: column; align-items: stretch; margin-top: 6cqw; padding-top: 5cqw; gap: 5cqw; }
.proposal.mobile .case-page-metrics { flex-direction: column; gap: 5cqw; }
.proposal.mobile .case-page-metrics strong { font-size: 7.6cqw; }
.proposal.mobile .case-page-metrics span { font-size: 3.85cqw; margin-top: 2cqw; }
.proposal.mobile .case-page-bottom .case-full-link { font-size: 3.6cqw; padding: 3cqw; align-self: flex-start; }