/* Actual work previews and native discovery links. No runtime code. */
.practical-home { border-top: 1px solid var(--line-dark); margin-top: 24px; padding-top: 18px; }
.practical-home h3 { margin: 0 0 8px; font: 600 1.1rem/1.5 var(--sans); }
.practical-home p { margin: 0; max-width: 65ch; font: .94rem/1.65 var(--sans); }
.practical-home nav { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-top: 8px; }
.practical-home a, .work-action { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: .2em; }
.practical-home a { font: 500 .9rem/1.5 var(--sans); }
.practical-work-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.practical-work-grid + .small-copy { margin-top: 20px; }
.practical-work { min-width: 0; border: 1px solid var(--line-dark); padding: 24px; background: var(--paper-light); }
.practical-work h3 { margin: 8px 0 12px; font: 600 1.45rem/1.3 var(--sans); }
.practical-work > p { font: .94rem/1.7 var(--sans); }
.practical-work .work-kind, .practical-work .work-date { font: .75rem/1.65 var(--mono); }
.practical-work .work-kind { margin-top: 0; }
.practical-work .work-action { font-weight: 600; }
.work-case { grid-column: 1 / -1; }
.work-preview { margin: 20px 0 0; }
.work-preview img { display: block; max-width: 100%; width: 100%; height: auto; border: 1px solid var(--line-dark); }
.work-preview figcaption { font: .78rem/1.6 var(--sans); margin-top: 10px; max-width: 60ch; }
.technology-publication { border-top: 2px solid var(--green); }
@media (max-width: 900px) { .practical-work-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 540px) { .practical-work { padding: 18px; } .practical-home nav { display: grid; gap: 4px; } }
@media (forced-colors: active) { .practical-work, .practical-home, .work-preview img, .technology-publication { border-color: CanvasText; } }
@media print { .practical-work-grid { display: block; } .practical-work { break-inside: avoid; margin-bottom: 16px; } .work-preview { display: none; } }