.psp-page{--psp-ink: var(--ink);--psp-body: var(--color-charcoal);--psp-muted: var(--muted);--psp-accent: var(--color-accent);--psp-accent-text: var(--accent-text);--psp-warn: var(--color-warning);--psp-success: var(--color-success);--psp-surface: var(--paper);--psp-soft: var(--color-surface-soft);--psp-card: var(--color-surface-card);--psp-tint-accent: color-mix(in srgb, var(--color-accent) 9%, var(--paper));--psp-tint-warn: color-mix(in srgb, var(--color-warning) 12%, var(--paper));background:var(--psp-surface);color:var(--psp-body)}.psp-doc{max-width:820px;margin-inline:auto;padding:0 var(--shell-gutter) 72px;font:400 17px/1.7 var(--reading)}.psp-doc :is(h1,h2,h3,h4){color:var(--psp-ink);font-family:var(--mono);font-weight:600}.psp-doc p,.psp-doc li{margin:0 0 14px}.psp-doc strong{color:var(--psp-ink);font-weight:600}.psp-doc sup{font-size:.7em;line-height:0}.psp-doc a{color:var(--psp-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.psp-doc :not(pre)>code{padding:.08em .35em;border-radius:3px;background:var(--psp-card);color:var(--psp-ink);font:400 .84em var(--mono);overflow-wrap:anywhere}.psp-cover{padding-block:clamp(56px,10vw,112px) clamp(40px,6vw,72px)}.psp-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;color:var(--psp-muted);font:600 11px var(--mono);letter-spacing:.08em}.psp-kicker span{width:16px;height:1px;background:currentColor}.psp-cover h1{margin:0 0 16px;font-size:clamp(32px,5.4vw,44px);letter-spacing:-.045em;line-height:1.12}.psp-subtitle{margin:0 0 40px!important;color:var(--psp-muted);font-size:clamp(18px,2.4vw,21px);line-height:1.45}.psp-includes{margin:0 0 12px}.psp-verified{color:var(--psp-muted);font-size:15px}.psp-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;border-block:1px solid var(--line)}.psp-meta div{padding:12px 0}.psp-meta dt{color:var(--psp-muted);font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.psp-meta dd{margin:4px 0 0;color:var(--psp-ink);font:600 13px var(--mono)}.psp-contents{padding-bottom:32px}.psp-contents>ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.psp-contents>ol>li{margin:0;border-bottom:1px solid var(--line)}.psp-contents>ol>li>a{display:block;padding:12px 0 10px;color:var(--psp-ink);font:600 14px var(--mono);text-decoration:none}.psp-contents ol ol{margin:0 0 10px;padding:0 0 0 20px;list-style:none}.psp-contents ol ol li{margin:0}.psp-contents ol ol a{display:flex;gap:8px;align-items:baseline;padding:4px 0;color:var(--psp-muted);font-size:14px;text-decoration:none}.psp-contents ol ol a:after{content:"";flex:1;min-width:24px;border-bottom:1px dotted var(--line-strong);opacity:.5}.psp-contents a:hover{color:var(--psp-accent-text)}.psp-section{padding-top:48px;scroll-margin-top:84px}.psp-section>h2,.psp-contents>h2{margin:0 0 18px;font-size:clamp(24px,3.4vw,28px);letter-spacing:-.035em;line-height:1.25}.psp-section>h2{padding-top:22px;border-top:1px solid var(--line)}.psp-section h3{margin:36px 0 12px;font-size:19px;letter-spacing:-.02em;line-height:1.35;scroll-margin-top:84px}.psp-section h4{margin:28px 0 10px;font-size:15px;line-height:1.5}.psp-section ul,.psp-section ol{margin:0 0 18px;padding-left:24px}.psp-section li{margin-bottom:6px}.psp-section li::marker{color:var(--psp-muted)}.psp-table{margin:6px 0 24px;overflow-x:auto;border:1px solid var(--line)}.psp-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.5}.psp-table th{padding:10px 12px;border-bottom:1px solid var(--line-strong);background:var(--psp-card);color:var(--psp-ink);font:600 12px/1.4 var(--mono);letter-spacing:.02em;text-align:left;vertical-align:top}.psp-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.psp-table tbody tr:last-child td{border-bottom:0}.psp-table tbody tr:nth-child(2n) td{background:var(--psp-soft)}.psp-table td:first-child{color:var(--psp-ink);font-weight:500;white-space:nowrap}.psp-table.wrap-first td:first-child{white-space:normal}.psp-doc pre{margin:0 0 18px;padding:16px 20px;overflow-x:auto;border-radius:var(--radius-sm);background:#0c0c0e;color:#f2eded;font:400 13.5px/1.65 var(--mono);tab-size:2}.psp-doc pre code{font:inherit;color:inherit}.psp-callout{margin:8px 0 24px;padding:14px 18px;border-left:2px solid var(--line-strong);background:var(--psp-soft);font-size:16px;line-height:1.6}.psp-callout p{margin:0}.psp-tip{border-color:var(--psp-accent);background:var(--psp-tint-accent)}.psp-warn{border-color:var(--psp-warn);background:var(--psp-tint-warn)}.psp-section-kicker{margin:0 0 8px!important;color:var(--psp-accent-text);font:600 11px var(--mono);letter-spacing:.1em}.psp-section>.psp-section-kicker+h2{padding-top:0;border-top:0}.psp-section:has(>.psp-section-kicker){margin-top:24px;padding-top:32px;border-top:1px solid var(--line)}.psp-lede{color:var(--psp-ink);font-size:18.5px;line-height:1.65}.psp-plain-h3{margin-top:28px!important}.psp-chip{display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--psp-card);color:var(--psp-ink);font:500 11.5px/1.4 var(--mono);white-space:nowrap}.psp-chips{display:flex;flex-wrap:wrap;gap:8px}.psp-chips .psp-chip{white-space:normal}.psp-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px!important;padding:0!important;list-style:none}.psp-pattern-grid li{margin:0}.psp-pattern-grid a{display:grid;gap:6px;align-content:start;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--psp-surface);color:var(--psp-ink);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.psp-pattern-grid a:hover{border-color:var(--psp-accent);background:var(--psp-tint-accent)}.psp-pattern-grid a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.psp-pattern-index{color:var(--psp-accent-text);font:600 11px var(--mono);letter-spacing:.08em}.psp-pattern-grid strong{font:600 16px var(--mono);letter-spacing:-.02em}.psp-pattern-signal{color:var(--psp-body);font-size:15px;line-height:1.5}.psp-pattern-grid .psp-chip{justify-self:start;margin-top:4px}.psp-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.psp-glance div{padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--psp-soft)}.psp-glance div:nth-child(2n){border-right:0}.psp-glance div:nth-last-child(-n+2){border-bottom:0}.psp-glance div:last-child{background:var(--psp-tint-warn)}.psp-glance dt{margin-bottom:4px;color:var(--psp-muted);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.psp-glance div:last-child dt{color:var(--psp-ink)}.psp-glance dd{margin:0;color:var(--psp-ink);font-size:15.5px;line-height:1.55}.psp-problem{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;margin:6px 0 20px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--psp-surface)}.psp-problem span{color:var(--psp-accent-text);font:600 11px var(--mono);letter-spacing:.1em}.psp-problem p{margin:0;color:var(--psp-ink);font-size:16.5px}.psp-qa{margin:4px 0 22px;border-top:1px solid var(--line)}.psp-qa div{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.psp-qa dt{color:var(--psp-ink);font:600 13px/1.6 var(--mono)}.psp-qa dd{margin:0}.psp-steps,.psp-walkthrough{counter-reset:psp-step;margin:6px 0 22px!important;padding:0!important;list-style:none}.psp-steps>li,.psp-walkthrough>li{counter-increment:psp-step;position:relative;margin:0!important;padding:12px 0 12px 52px;border-bottom:1px solid var(--line)}.psp-steps>li:before,.psp-walkthrough>li:before{content:counter(psp-step,decimal-leading-zero);position:absolute;left:0;top:13px;color:var(--psp-accent-text);font:600 14px var(--mono)}.psp-walkthrough>li{padding-bottom:6px}.psp-walkthrough>li:before{top:33px}.psp-walkthrough>li>h3{margin-top:18px!important}.psp-walkthrough ul{padding-left:18px}.psp-rules{padding-left:0!important;list-style:none}.psp-rules li{padding:9px 0 9px 22px;border-bottom:1px solid var(--line);margin:0!important;position:relative}.psp-rules li:before{content:"→";position:absolute;left:0;color:var(--psp-accent-text);font-family:var(--mono)}.psp-exercise{margin:0 0 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--psp-surface)}.psp-exercise>header{padding:14px 18px 4px}.psp-exercise>header span{color:var(--psp-accent-text);font:600 11px var(--mono);letter-spacing:.1em}.psp-exercise>header h4{margin:4px 0 6px!important;font-size:16px}.psp-exercise>header p{margin:0 0 10px}.psp-exercise>pre{margin:0 18px 14px}.psp-exercise details{border-top:1px solid var(--line)}.psp-exercise summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;color:var(--psp-accent-text);cursor:pointer;font:600 12.5px var(--mono);list-style:none}.psp-exercise summary::-webkit-details-marker{display:none}.psp-exercise summary:before{content:"+";display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:3px;font-size:13px;line-height:1}.psp-exercise details[open] summary:before{content:"−"}.psp-exercise summary:hover{background:var(--psp-soft)}.psp-exercise summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.psp-exercise details>:not(summary){margin-inline:18px}.psp-exercise details>:last-child{margin-bottom:16px}.psp-exercise details[open]>summary{margin-bottom:4px}.psp-takeaways{margin:30px 0 8px;padding:16px 20px;border:1px solid var(--psp-accent);border-radius:var(--radius-sm);background:var(--psp-tint-accent)}.psp-takeaways>p{margin:0 0 8px!important;color:var(--psp-accent-text);font:600 11px var(--mono);letter-spacing:.1em}.psp-takeaways ul{margin:0!important;padding:0!important;list-style:none}.psp-takeaways li{position:relative;margin:0 0 6px!important;padding-left:24px;color:var(--psp-ink)}.psp-takeaways li:before{content:"✓";position:absolute;left:0;color:var(--psp-accent-text);font:600 14px var(--mono)}.psp-lc{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px!important;padding:0!important;list-style:none}.psp-lc li{display:inline-flex;align-items:center;gap:8px;margin:0!important;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--psp-surface);font-size:14px;line-height:1.3}.psp-lc b{min-width:30px;padding:2px 6px;border-radius:999px;background:var(--psp-card);color:var(--psp-ink);font:600 11px var(--mono);text-align:center}.psp-resources li{margin-bottom:10px}.flow-diagram{margin:10px 0 28px;padding:18px 16px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--psp-soft)}.flow-diagram-scroll{overflow-x:auto}.flow-diagram svg{display:block;width:100%;max-width:calc(var(--vbw) * 1px);min-width:calc(var(--vbw) * .78px);height:auto;margin-inline:auto;overflow:visible}.flow-diagram figcaption{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--psp-muted);font:500 12px/1.5 var(--mono)}.flow-diagram{--fd-fill: var(--paper);--fd-stroke: var(--line-strong);--fd-text: var(--ink);--fd-accent-fill: color-mix(in srgb, var(--color-accent) 14%, var(--paper));--fd-warn-fill: color-mix(in srgb, var(--color-warning) 18%, var(--paper));--fd-success-fill: color-mix(in srgb, var(--color-success) 18%, var(--paper))}.flow-diagram text{fill:var(--fd-text);font:500 13px var(--mono)}.fd-node.small text,.fd-node.shape-text.small text{font-size:11px}.fd-node :is(rect,polygon){fill:var(--fd-fill);stroke:var(--fd-stroke);stroke-width:1.2}.fd-node.tone-accent :is(rect,polygon){fill:var(--fd-accent-fill);stroke:var(--color-accent)}.fd-node.tone-warn :is(rect,polygon){fill:var(--fd-warn-fill);stroke:var(--color-warning)}.fd-node.tone-success :is(rect,polygon){fill:var(--fd-success-fill);stroke:var(--color-success)}.fd-node.tone-muted :is(rect,polygon){fill:transparent;stroke:var(--color-ash);stroke-dasharray:4 3}.fd-node.tone-muted text{fill:var(--muted)}.fd-node.shape-text text{fill:var(--color-body)}.fd-node.shape-text.tone-success text{fill:var(--fd-text);font-weight:600}.fd-edge{fill:none;stroke:var(--color-hairline-strong);stroke-width:1.4}.fd-edge.tone-accent{stroke:var(--color-accent)}.fd-edge.tone-warn{stroke:var(--color-warning)}.fd-edge.tone-muted{stroke:var(--color-ash)}.fd-edge.dashed,.fd-guide.dashed{stroke-dasharray:5 4}.fd-marker path{fill:var(--color-hairline-strong)}.fd-marker.tone-accent path{fill:var(--color-accent)}.fd-marker.tone-warn path{fill:var(--color-warning)}.fd-marker.tone-muted path{fill:var(--color-ash)}.fd-edge-label rect{fill:var(--psp-soft);stroke:var(--line)}.fd-edge-label text{fill:var(--color-body);font-size:11px}.fd-group rect{fill:none;stroke:var(--color-ash);stroke-dasharray:6 4}.fd-group.tone-accent rect{fill:color-mix(in srgb,var(--color-accent) 5%,transparent);stroke:var(--color-accent)}.fd-group.tone-success rect{fill:color-mix(in srgb,var(--color-success) 7%,transparent);stroke:var(--color-success)}.fd-group-label{fill:var(--muted)!important;font-size:11px!important}.fd-guide{stroke:var(--line);stroke-width:1}.psp-rail{display:none}.psp-toc-list,.psp-rail ol,.psp-toc-popover ol{margin:0;padding:0;list-style:none}:is(.psp-rail,.psp-toc-popover) li{margin:0}:is(.psp-rail,.psp-toc-popover) a{display:block;padding:5px 10px;border-radius:3px;color:var(--psp-muted);font:500 12.5px/1.4 var(--mono);text-decoration:none}:is(.psp-rail,.psp-toc-popover) a:hover{color:var(--psp-ink);background:var(--psp-card)}:is(.psp-rail,.psp-toc-popover) a[aria-current]{color:var(--psp-ink);background:var(--psp-card);box-shadow:inset 2px 0 0 var(--psp-accent)}:is(.psp-rail,.psp-toc-popover) ol ol{display:none;margin:2px 0 6px 10px;padding-left:8px;border-left:1px solid var(--line)}:is(.psp-rail,.psp-toc-popover) ol ol a{padding-block:3px;font-size:12px;font-weight:400}:is(.psp-rail,.psp-toc-popover) li.is-active>ol{display:block}.psp-progress{display:block;height:2px;overflow:hidden;background:var(--line)}.psp-progress>span{display:block;height:100%;background:var(--psp-accent);transform:scaleX(0);transform-origin:left}.psp-float{position:fixed;z-index:110;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.psp-float-button{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:min(320px,calc(100vw - 172px));padding:0 14px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:rgb(var(--paper-rgb) / .94);backdrop-filter:blur(12px);color:var(--psp-ink);cursor:pointer;font:600 12px var(--mono)}.psp-float-button:hover{border-color:var(--psp-ink)}.psp-float-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.psp-float-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psp-float-progress{position:absolute;inset:auto 0 0}.psp-toc-popover{position:fixed;inset:auto auto calc(max(14px,env(safe-area-inset-bottom)) + 54px) max(14px,env(safe-area-inset-left));width:min(380px,calc(100vw - 28px));max-height:min(70vh,560px);margin:0;padding:0 8px 10px;overflow-y:auto;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--psp-ink)}.psp-toc-popover-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;margin:0 -8px 6px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line);background:var(--paper)}.psp-toc-popover-head p{margin:0;color:var(--psp-muted);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.psp-toc-popover-head button{width:36px;height:36px;border:0;border-radius:3px;background:transparent;color:var(--psp-ink);cursor:pointer;font-size:14px}.psp-toc-popover-head button:hover{background:var(--psp-card)}.psp-toc-popover>ol{padding-top:2px}@media(min-width:1360px){.psp-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:40px;justify-content:center;padding-inline:var(--shell-gutter)}.psp-layout .psp-doc{margin:0;padding-inline:0}.psp-rail{position:sticky;top:96px;align-self:start;display:block;max-height:calc(100vh - 120px);margin-top:clamp(56px,10vw,112px);padding:0 0 16px 16px;overflow-y:auto;border-left:1px solid var(--line);scrollbar-width:thin}.psp-rail-title{margin:0 0 10px 10px;color:var(--psp-muted);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.psp-rail .psp-progress{margin:0 0 14px 10px}.psp-rail-top{display:inline-block;margin:14px 0 0 10px;color:var(--psp-muted);font:500 11px var(--mono)}.psp-float{display:none}}@media print{.psp-rail,.psp-float{display:none!important}}.psp-running{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:14px;border-top:1px solid var(--line);color:var(--psp-muted);font:500 12px var(--mono)}.psp-running a{color:var(--psp-muted)}.psp-doc :is(a,pre,.psp-table,.flow-diagram-scroll):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media(max-width:680px){.psp-doc{font-size:16px}.psp-lede{font-size:17px}.psp-pattern-grid,.psp-glance{grid-template-columns:1fr}.psp-glance div{border-right:0!important}.psp-glance div:nth-last-child(2){border-bottom:1px solid var(--line)}.psp-problem,.psp-qa div{grid-template-columns:1fr;gap:4px}.psp-exercise>pre{margin-inline:12px}.psp-exercise details>:not(summary){margin-inline:12px}.psp-steps>li,.psp-walkthrough>li{padding-left:38px}}@media(max-width:560px){.flow-diagram figcaption:after{content:" · swipe to see the whole diagram →";color:var(--psp-accent-text)}.psp-doc pre{padding:12px 14px;font-size:12.5px}.psp-callout{padding:12px 14px}.psp-meta{grid-template-columns:1fr 1fr}.flow-diagram{padding:14px 10px 10px}.psp-running{flex-direction:column}}@media(prefers-reduced-motion:reduce){.psp-pattern-grid a{transition:none}}@media print{.psp-section>h2{break-before:page}.psp-doc pre,.psp-callout,.psp-table tr,.flow-diagram{break-inside:avoid}}