.pf-story{--pf-accent:var(--accent-amber);color:var(--text-primary);padding:3rem 0 5rem}.pf-story *{min-width:0}.pf-story a{text-underline-offset:.25em}.pf-story a:focus-visible,.pf-story button:focus-visible{outline:2px solid var(--text-primary);outline-offset:5px}.pf-story p{color:var(--text-secondary);line-height:1.7}.pf-story h1,.pf-story h2,.pf-story h3{font-family:var(--font-heading);letter-spacing:-.035em;text-wrap:balance}.pf-story h1{margin:1.1rem 0 1.4rem;font-size:clamp(2.65rem,5.1vw,4.8rem);font-weight:800;line-height:1.04}.pf-story h2{margin:.75rem 0 1rem;font-size:clamp(1.85rem,3.5vw,2.8rem);font-weight:750;line-height:1.16}.pf-story h3{font-size:1.2rem;font-weight:700;line-height:1.35}.pf-story .pf-kicker,.pf-mono,.pf-back,.pf-byline,.pf-chapters,.pf-controls,.pf-source{font-family:var(--font-mono)}.pf-story .pf-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;line-height:1.6}.pf-back{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.75rem;display:inline-block}.pf-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem;display:grid}.pf-lead{max-width:40rem;font-size:1.1rem}.pf-story .pf-byline{margin:1.5rem 0;font-size:.72rem;line-height:1.9}.pf-links{flex-wrap:wrap;gap:1rem 1.75rem;margin-top:1.5rem;font-size:.85rem;font-weight:650;display:flex}.pf-links a{text-decoration:underline}.pf-phone-plate{border:1px solid var(--card-border);background:var(--bg-surface);border-radius:4px;padding:1rem;transform:rotate(1deg)}.pf-phone-plate svg{width:100%;height:auto;display:block}.pf-ink-line{fill:none;stroke:var(--text-primary);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pf-phone-shell{fill:var(--bg-elevated);stroke:var(--text-primary);stroke-width:2px}.pf-svg-paper{fill:var(--bg-surface);stroke:var(--text-primary);stroke-width:1.2px}.pf-svg-accent{fill:color-mix(in srgb, var(--pf-accent) 18%, var(--bg-surface));stroke:var(--text-primary);stroke-width:1.2px}.pf-svg-label{font-family:var(--font-sans);fill:var(--text-primary);font-size:14px;font-weight:600}.pf-svg-small{font-family:var(--font-mono);fill:var(--text-secondary);font-size:12px}.pf-svg-note{font-family:var(--font-sans);fill:var(--text-secondary);font-size:15px;font-style:italic}.pf-story figcaption,.pf-story .pf-caption{color:var(--text-secondary);font-size:.75rem;line-height:1.7}.pf-story figcaption{margin-top:1rem}.pf-source{white-space:normal;font-size:.7rem;text-decoration:underline}.pf-ledger{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);grid-template-columns:repeat(4,1fr);margin-top:3rem;display:grid}.pf-ledger>div{border-right:1px solid var(--card-border);align-items:center;gap:1rem;padding:1.5rem 1rem;display:flex}.pf-ledger>div:first-child{padding-left:0}.pf-ledger>div:last-child{border-right:0}.pf-ledger strong{letter-spacing:-.06em;font-size:2.6rem;font-weight:750}.pf-ledger span{color:var(--text-secondary);font-size:.75rem;line-height:1.65}.pf-story .pf-caption{margin-top:.75rem}.pf-chapters{border-bottom:1px solid var(--card-border);flex-wrap:wrap;gap:.65rem 1.5rem;margin-top:2rem;padding-bottom:1.5rem;font-size:.75rem;display:flex}.pf-chapters a:hover,.pf-back:hover{text-decoration:underline}.pf-section{padding-top:5rem;scroll-margin-top:7rem}.pf-section-head{max-width:45rem;margin-bottom:2rem}.pf-section-head>p:last-child{font-size:1rem}.pf-timeline{grid-template-columns:repeat(5,1fr);margin:2.5rem 0 1.5rem;display:grid}.pf-timeline button{text-align:left;border-top:1px solid var(--card-border);cursor:pointer;flex-direction:column;gap:.65rem;padding:.25rem 1rem 1rem 0;display:flex;position:relative}.pf-timeline-dot{border:2px solid var(--text-muted);background:var(--bg-color);border-radius:50%;width:12px;height:12px;margin-top:-11px;margin-bottom:.75rem}.pf-timeline [aria-pressed=true] .pf-timeline-dot{border-color:var(--pf-accent);background:var(--pf-accent)}.pf-timeline .pf-mono{color:var(--text-muted);font-size:.65rem}.pf-timeline strong{font-size:.85rem;font-weight:600;line-height:1.5}.pf-timeline [aria-pressed=true] strong{text-underline-offset:.25em;text-decoration:underline}.pf-detail{border-left:3px solid var(--pf-accent);background:var(--bg-surface);min-height:10rem;padding:1.25rem 1.5rem}.pf-detail h3{margin:.3rem 0 .6rem}.pf-detail>p:not(.pf-kicker){max-width:51rem;margin-bottom:.65rem;font-size:.95rem}.pf-controls{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:flex}.pf-controls button{border:1px solid var(--card-border);cursor:pointer;background:var(--bg-surface);min-height:44px;color:var(--text-secondary);border-radius:3px;padding:.7rem .9rem;font-size:.7rem}.pf-controls [aria-pressed=true]{color:var(--text-primary);border-color:var(--text-primary);background:color-mix(in srgb, var(--pf-accent) 14%, var(--bg-surface));box-shadow:inset 0 -2px var(--pf-accent)}.pf-migration-board{border:1px solid var(--card-border);grid-template-columns:1fr 3rem 1fr;gap:1rem;margin-bottom:1rem;padding:2rem;display:grid}.pf-service-column{border:1px solid var(--card-border);background:var(--bg-surface);padding:1.3rem}.pf-service-column>p{margin:.5rem 0 1rem;font-size:.75rem}.pf-service-column ul{flex-direction:column;gap:.4rem;min-height:13.6rem;padding:0;list-style:none;display:flex}.pf-service-column li{font-family:var(--font-mono);border:1px solid var(--card-border);background:var(--bg-color);padding:.55rem .75rem;font-size:.75rem}.pf-destination{border-top:3px solid var(--pf-accent)}.pf-destination li{border-left:3px solid var(--pf-accent)}.pf-migration-arrow{text-align:center;color:var(--text-muted);align-self:center;font-size:2rem}.pf-story .pf-empty{color:var(--text-muted);font-size:.7rem}.pf-migration-board figcaption{grid-column:1/-1;margin-top:0}.pf-pair{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.pf-fixes{margin-top:2rem}.pf-fixes>div{border-top:1px solid var(--card-border);padding-top:1.25rem}.pf-fixes h3{margin:.5rem 0 .75rem}.pf-fixes p{font-size:.9rem}.pf-mounts{border:1px solid var(--card-border);grid-template-columns:1fr 9rem 1fr;gap:1rem;margin-bottom:1rem;padding:2rem;display:grid}.pf-mounts>div:not(.pf-mount-bridge){border:1px solid var(--text-muted);background:var(--bg-surface);flex-direction:column;gap:.6rem;padding:1.5rem 1rem;display:flex}.pf-mounts strong{font-family:var(--font-mono);font-size:1.6rem}.pf-mounts span:last-child{color:var(--text-secondary);font-size:.75rem}.pf-mount-bridge{text-align:center;flex-direction:column;align-self:center;gap:.5rem;display:flex}.pf-mount-bridge>span:first-child{font-size:2.5rem}.pf-mounts-broken>div:not(.pf-mount-bridge){border-style:dashed;border-color:var(--accent-pink)}.pf-mounts-broken .pf-mount-bridge{color:var(--accent-pink)}.pf-mounts figcaption{grid-column:1/-1}.pf-boundary-figure{border:1px solid var(--card-border);padding:2rem}.pf-boundary-figure .pf-pair>div{border:1px solid var(--text-muted);background:var(--bg-surface);padding:1.5rem}.pf-boundary-figure h3{margin:.5rem 0}.pf-boundary-figure p{font-size:.85rem}.pf-kernel-rule{border-top:2px solid var(--text-primary);flex-wrap:wrap;gap:.5rem 2rem;margin-top:1.5rem;padding-top:1rem;font-size:.85rem;font-weight:600;display:flex}.pf-kernel-rule span{font-family:var(--font-mono);color:var(--text-secondary);font-size:.7rem}.pf-gpu-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.pf-test{border:1px solid var(--card-border);background:var(--bg-surface);padding:1.5rem}.pf-test>p{margin-top:.75rem;font-size:.85rem}.pf-verdict{flex-direction:column;gap:.7rem;min-height:11rem;padding:1rem 0;display:flex}.pf-verdict strong{font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.3rem)}.pf-verdict>span{font-size:.8rem}.pf-verdict .pf-fail{color:var(--accent-pink);font-weight:650}.pf-verdict .pf-pass{color:var(--accent-green);font-weight:650}.pf-bars{min-height:11rem;padding-top:1.5rem}.pf-bar-row{font-family:var(--font-mono);grid-template-columns:2rem 1fr 4.6rem;align-items:center;gap:.6rem;margin:.5rem 0 1.2rem;font-size:.75rem;display:grid}.pf-bar-track{border-bottom:1px solid var(--card-border);height:1.5rem}.pf-bar{border:1px solid var(--text-primary);background:var(--accent-cyan);height:100%;transition:width .35s}.pf-bar-gpu{background:var(--pf-accent)}.pf-bars>p{font-size:.8rem}.pf-caution{border-left:3px solid var(--pf-accent);margin-top:1.5rem;padding:1.5rem}.pf-caution p{max-width:50rem;margin:.7rem 0;font-size:.9rem}.pf-report-cards h3{margin:.75rem 0}.pf-report-cards p{margin-bottom:1.5rem;font-size:.9rem}.pf-report-cards .pf-mono{overflow-wrap:anywhere;margin-top:auto;font-size:.65rem}.pf-evidence-notes{border-top:1px solid var(--card-border);max-width:49rem;margin-top:2.5rem;padding-top:1.5rem}.pf-evidence-notes p{margin:.85rem 0;font-size:.85rem}.pf-story .pf-endnote{color:var(--text-muted);max-width:49rem;margin-top:1.5rem;font-size:.75rem}@media (max-width:900px){.pf-hero{grid-template-columns:1fr 1fr;gap:1.5rem}.pf-ledger>div{flex-direction:column;align-items:flex-start;gap:.4rem}.pf-gpu-grid{grid-template-columns:1fr}}@media (max-width:640px){.pf-story{padding-top:1.5rem}.pf-hero{grid-template-columns:1fr;gap:2.5rem}.pf-back{margin-bottom:2rem}.pf-phone-plate{max-width:28rem;transform:none}.pf-ledger{grid-template-columns:1fr 1fr}.pf-ledger>div{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.pf-ledger>div:nth-child(2){border-right:0}.pf-ledger>div:nth-child(-n+2){border-bottom:1px solid var(--card-border)}.pf-ledger>div:first-child{padding-left:1rem}.pf-ledger strong{font-size:2rem}.pf-ledger span{font-size:.65rem}.pf-section{padding-top:3.5rem}.pf-timeline{grid-template-columns:1fr}.pf-timeline button{border-top:0;border-left:1px solid var(--card-border);gap:.3rem;padding:.75rem 1rem .75rem 1.5rem}.pf-timeline-dot{margin:0;position:absolute;top:1.4rem;left:-6px}.pf-controls button{flex-grow:1}.pf-migration-board{grid-template-columns:1fr 1rem 1fr;gap:.5rem;padding:1rem}.pf-service-column{padding:.75rem}.pf-service-column h3{font-size:.95rem}.pf-service-column li{overflow-wrap:anywhere;padding:.55rem .3rem;font-size:.65rem}.pf-migration-arrow{font-size:1.2rem}.pf-pair{grid-template-columns:1fr}.pf-mounts{grid-template-columns:1fr;padding:1rem}.pf-mounts>div:not(.pf-mount-bridge){padding:1rem}.pf-mount-bridge{gap:0}.pf-mount-bridge>span:first-child{transform:rotate(90deg)}.pf-boundary-figure,.pf-detail{padding:1rem}.pf-test{padding:1.2rem}}@media (prefers-reduced-motion:reduce){.pf-story *,.pf-story :before,.pf-story :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.pf-story{color:#171717}.pf-controls,.pf-chapters,.pf-back{display:none}.pf-story p,.pf-story figcaption{color:#333}.pf-section{break-inside:avoid-page;padding-top:2rem}.pf-phone-plate{transform:none}}