[data-review="1"] [data-copy-id]{position:relative;outline:1px dashed color-mix(in oklch,var(--color-accent-600) 55%,transparent);outline-offset:4px;border-radius:2px}[data-review="1"] [data-copy-id]:after{content:attr(data-copy-id);display:inline-block;margin-inline-start:.5ch;padding:.1em .45em;vertical-align:middle;font-family:var(--font-mono);font-size:.68rem;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--color-accent-950);background:var(--color-accent-100);border:1px solid var(--color-accent-300);border-radius:4px;user-select:all;cursor:text}:root:is(.dark) [data-review="1"] [data-copy-id]:after{color:var(--color-accent-100);background:var(--color-accent-950);border-color:var(--color-accent-800)}.hp-page{--hp-paper:oklch(98.6% 0.006 85);--hp-paper-2:oklch(96.4% 0.008 85);--hp-field:oklch(20% 0.04 235);--hp-field-2:oklch(16% 0.032 235);--hp-ink:oklch(19% 0.028 235);--hp-ink-soft:oklch(43% 0.018 235);--hp-on-field:oklch(97% 0.01 85);--hp-on-field-soft:oklch(76% 0.024 230);--hp-line:oklch(89% 0.008 85);--hp-line-field:oklch(32% 0.035 235);--hp-prepare:oklch(70% 0.12 175);--hp-implement:oklch(68% 0.095 245);--hp-sustain:oklch(72% 0.14 152);--hp-gate:oklch(80% 0.155 62);--hp-prepare-ink:oklch(42% 0.09 175);--hp-implement-ink:oklch(40% 0.075 245);--hp-sustain-ink:oklch(42% 0.11 152);--hp-gate-ink:oklch(48% 0.12 55);background:var(--hp-paper);color:var(--hp-ink)}.hp-field{background:radial-gradient(ellipse 120% 90% at 12% -10%,oklch(34% .07 240/55%) 0,transparent 62%),radial-gradient(ellipse 90% 70% at 92% 8%,oklch(30% .06 190/42%) 0,transparent 58%),var(--hp-field);color:var(--hp-on-field)}.hp-field-grid{background-image:linear-gradient(var(--hp-line-field) 1px,transparent 1px),linear-gradient(90deg,var(--hp-line-field) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 70% at 50% 0,#000 10%,transparent 78%);opacity:.5}.hp-spine{display:grid;gap:2rem 1.5rem}@media (min-width:900px){.hp-spine{grid-template-columns:3.4fr 2.6fr 2.4fr auto;gap:0}.hp-spine-group+.hp-spine-group{padding-inline-start:1.75rem}}.hp-spine-rail{height:2px;border-radius:2px;transform-origin:left center;animation:hp-rail-draw .76s var(--ease-out-expo) backwards}.hp-spine-marker{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;flex:none;border-radius:999px;border:1px solid;font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;line-height:1}.hp-artefact{position:relative;display:grid;block-size:100%;gap:.875rem;padding:1.125rem;border:1px solid var(--hp-line);border-radius:12px;background:var(--hp-paper);box-shadow:0 1px 2px oklch(20% .03 235/5%)}.hp-artefact-figure{display:grid;align-content:end;min-block-size:84px}@keyframes hp-rail-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hp-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hp-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}.hp-rise{animation:hp-rise .56s var(--ease-out-expo) backwards}.hp-grow-y{transform-origin:bottom center;animation:hp-grow-y .7s var(--ease-out-expo) backwards}.hp-grow-x{transform-origin:left center;animation:hp-grow-x .7s var(--ease-out-expo) backwards}.hp-fade{animation:hp-fade .7s var(--ease-out-expo) backwards}@media (prefers-reduced-motion:reduce){.hp-fade,.hp-grow-x,.hp-grow-y,.hp-rise,.hp-spine-rail{animation:none;opacity:1;transform:none}}