/* Physical story drawings: open paper, quiet ink, inherited section colour. */
.profile-reading .profile-illustration {
  --pi-ink:color-mix(in srgb,var(--fg) 80%,var(--bg));
  --pi-soft:color-mix(in srgb,var(--fg) 38%,var(--bg));
  --pi-paper:color-mix(in srgb,var(--fg) 3%,var(--bg));
  --pi-accent:var(--profile-accent,var(--green));
  --pi-warm:color-mix(in srgb,var(--gold) 24%,var(--bg));
  display:block;margin:35px 0 42px;padding:0;border:0;background:none;min-width:0;
}
.profile-reading .profile-illustration svg {display:block;width:100%;height:auto;overflow:visible;isolation:isolate;}
.profile-reading .profile-illustration svg :is(path,polygon,ellipse,circle) {stroke:var(--pi-ink);stroke-width:.85;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.profile-reading .profile-illustration svg path {fill:none;}
.profile-reading .profile-illustration .pi-guide {stroke:var(--pi-soft);stroke-width:.6;stroke-dasharray:3 6;opacity:.45;}
.profile-reading .profile-illustration .pi-drawing {stroke:var(--pi-ink);stroke-width:1.15;}
.profile-reading .profile-illustration .pi-fine {stroke:var(--pi-soft);stroke-width:.7;}
.profile-reading .profile-illustration .pi-floor {fill:color-mix(in srgb,var(--pi-accent) 3%,var(--bg));stroke:var(--pi-soft);stroke-width:.6;}
.profile-reading .profile-illustration .pi-steel {fill:color-mix(in srgb,var(--pi-accent) 19%,var(--bg));stroke-width:.75;}
.profile-reading .profile-illustration .pi-steel.pi-side {fill:color-mix(in srgb,var(--pi-accent) 33%,var(--bg));}
.profile-reading .profile-illustration .pi-shelf {fill:color-mix(in srgb,var(--pi-accent) 26%,var(--bg));}
.profile-reading .profile-illustration .pi-shelf.pi-top {fill:color-mix(in srgb,var(--pi-accent) 9%,var(--bg));}
.profile-reading .profile-illustration .pi-brace {stroke:var(--pi-soft);stroke-width:.65;}
.profile-reading .profile-illustration .pi-bolt {stroke:var(--pi-ink);stroke-width:1.9;}
.profile-reading .profile-illustration .pi-carton {fill:var(--pi-warm);stroke:var(--pi-soft);stroke-width:.7;}
.profile-reading .profile-illustration .pi-carton.pi-top {fill:color-mix(in srgb,var(--gold) 15%,var(--bg));}
.profile-reading .profile-illustration .pi-carton.pi-side {fill:color-mix(in srgb,var(--gold) 33%,var(--bg));}
.profile-reading .profile-illustration .pi-carton-seam {stroke:var(--pi-soft);stroke-width:.5;}
.profile-reading .profile-illustration .pi-pallet {fill:color-mix(in srgb,var(--gold) 23%,var(--bg));stroke:var(--pi-soft);stroke-width:.7;}
.profile-reading .profile-illustration .pi-machine {fill:color-mix(in srgb,var(--pi-accent) 43%,var(--bg));stroke-width:1.1;}
.profile-reading .profile-illustration .pi-machine.pi-top {fill:color-mix(in srgb,var(--pi-accent) 22%,var(--bg));}
.profile-reading .profile-illustration .pi-machine-frame {stroke:var(--pi-ink);stroke-width:1.8;}
.profile-reading .profile-illustration .pi-ink-fill {fill:var(--pi-ink);}
.profile-reading .profile-illustration .pi-wheel {fill:var(--pi-ink);stroke:var(--bg);stroke-width:.6;}
.profile-reading .profile-illustration .pi-wheel-hub {fill:var(--pi-soft);stroke:var(--bg);stroke-width:.6;}
.profile-reading .profile-illustration .pi-ground-shadow {fill:var(--fg);stroke:none;opacity:.045;}
.profile-reading .profile-illustration .pi-paper {fill:var(--pi-paper);stroke:var(--pi-soft);stroke-width:.9;}
.profile-reading .profile-illustration .pi-page-edge {stroke:var(--pi-soft);stroke-width:.6;}
.profile-reading .profile-illustration .pi-plan-line {stroke:var(--pi-ink);stroke-width:.7;}
.profile-reading .profile-illustration .pi-plan-rack {fill:color-mix(in srgb,var(--pi-accent) 14%,var(--pi-paper));stroke:var(--pi-soft);stroke-width:.65;}
.profile-reading .profile-illustration .pi-note-line {stroke:var(--pi-soft);stroke-width:1.4;}
.profile-reading .profile-illustration .pi-dimension {stroke:var(--pi-soft);stroke-width:.5;}
.profile-reading .profile-illustration .pi-pencil {stroke:color-mix(in srgb,var(--pi-accent) 80%,var(--fg));stroke-width:1.15;fill:none;}
.profile-reading .profile-illustration .pi-accent-ink {stroke:var(--pi-accent);stroke-width:1.5;fill:none;}
.profile-reading .profile-illustration figcaption {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:18px 30px;margin:8px 0 0;padding-top:15px;border-top:1px solid var(--line);font:400 .73rem/1.7 var(--font-sans);color:var(--muted);}
.profile-reading .profile-illustration figcaption strong {font:550 .65rem/1.65 var(--font-mono);color:var(--pi-accent);}
.profile-reading .profile-illustration figcaption :is(strong,span) {min-width:0;}
@media(max-width:520px) {
  .profile-reading .profile-illustration {margin:24px 0 32px;}
  .profile-reading .profile-illustration figcaption {grid-template-columns:1fr;gap:5px;padding-top:12px;font-size:.85rem;line-height:1.7;}
  .profile-reading .profile-illustration figcaption strong {font-size:.72rem;line-height:1.7;}
}
@media(prefers-reduced-motion:reduce) {
  .profile-reading .profile-illustration [data-illustration-layer],.profile-reading .profile-illustration [data-illustration-draw] {animation:none!important;transition:none!important;}
}
@media print {
  .profile-reading .profile-illustration {--bg:#fff;--fg:#333;--gold:#9b8765;--hot:#926e57;--muted:#555;--line:#ccc;--pi-ink:#333;--pi-soft:#888;--pi-paper:#fff;--pi-warm:#e9e3d7;--pi-accent:#555;break-inside:avoid;margin:18pt 0 22pt;}
  .profile-reading .profile-illustration svg {max-height:58mm;width:100%;}
  .profile-reading .profile-illustration [data-illustration-layer],.profile-reading .profile-illustration [data-illustration-draw] {animation:none!important;transition:none!important;}
  .profile-reading .profile-illustration figcaption {font-size:8pt;gap:12pt;padding-top:7pt;}
  .profile-reading .profile-illustration figcaption strong {font-size:7pt;}
  .profile-reading .profile-illustration .pi-guide {display:none;}
}