.playbook{--pb-serif: "Instrument Serif", Georgia, "Times New Roman", serif}.pb-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--color-accent);box-shadow:0 0 10px 1px #f472b6b3;z-index:60;transition:width 80ms linear}.pb-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent)}.pb-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.pb-reveal.shown{opacity:1;transform:none}.pb-hero{max-width:64rem;margin:0 auto;padding:clamp(4rem,14vh,9rem) 1.5rem 3rem}@media(min-width:768px){.pb-hero{padding-left:3rem;padding-right:3rem}}.pb-display{font-family:var(--pb-serif);font-weight:400;font-size:clamp(2.4rem,8vw,5.2rem);line-height:1.02;letter-spacing:-.01em;color:var(--color-text);margin:1.1rem 0 1.4rem}.pb-accent{color:var(--color-accent);font-style:italic}.pb-lede{max-width:42rem;color:var(--color-text-muted);font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.6}.pb-scrollhint{margin-top:3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim)}.pb-section{max-width:64rem;margin:0 auto;padding:clamp(4rem,12vh,8rem) 1.5rem;border-top:1px solid var(--color-border)}@media(min-width:768px){.pb-section{padding-left:3rem;padding-right:3rem}}.pb-head{max-width:44rem;margin-bottom:3rem}.pb-subhead{margin-top:5rem}.pb-num{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}.pb-display-sm{font-family:var(--pb-serif);font-weight:400;font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.06;color:var(--color-text);margin-bottom:1.1rem}.pb-section-lede{color:var(--color-text-muted);font-size:1.05rem;line-height:1.65}.pb-section-lede em{color:var(--color-text);font-style:italic}.pb-gallery{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.pb-gallery{grid-template-columns:1fr 1fr}.pb-gallery-cc{grid-template-columns:1fr}}.pb-frame{display:block;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-card);transition:border-color .2s ease,transform .2s ease}.pb-frame:hover{border-color:var(--color-accent);transform:translateY(-3px)}.pb-frame-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.pb-frame-dots{display:inline-flex;gap:.35rem}.pb-frame-dots span{width:9px;height:9px;border-radius:50%;background:var(--color-border)}.pb-frame-dots span:nth-child(1){background:#ef4444}.pb-frame-dots span:nth-child(2){background:#eab308}.pb-frame-dots span:nth-child(3){background:#22c55e}.pb-frame-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-text-dim)}.pb-frame-img{width:100%;height:auto;display:block;background:#fff}.pb-frame-cap{padding:.9rem 1.1rem 1.1rem;font-size:.9rem;line-height:1.55;color:var(--color-text-muted)}.pb-frame-open{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);margin-left:auto}.pb-callout{display:flex;gap:1rem;margin-top:2rem;padding:1.25rem 1.4rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:10px;background:#f472b60d}.pb-callout-mark{color:var(--color-accent);font-size:1.2rem;line-height:1.4}.pb-callout p{color:var(--color-text-muted);font-size:.98rem;line-height:1.6}.pb-callout strong{color:var(--color-text)}.pb-figure{margin:0 0 2.5rem;padding:1.75rem 1.5rem 2rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-card)}.pb-figcap{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);text-align:center;margin-bottom:1.6rem}.pb-node{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.7rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-elevated);color:var(--color-text);font-size:.9rem;font-weight:500;line-height:1.3}.pb-node-accent{border-color:var(--color-accent);color:var(--color-accent);background:#f472b614}.pb-node-wide{width:100%;max-width:26rem}.pb-arrow{color:var(--color-accent);font-size:1.1rem;flex:0 0 auto}.pb-loop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem}.pb-loop-return{display:block;width:100%;text-align:center;margin-top:.9rem;font-size:.72rem;color:var(--color-text-dim);letter-spacing:.08em}.pb-tree{display:flex;flex-direction:column;align-items:center}.pb-trunk{width:2px;height:26px;background:var(--color-border)}.pb-branches{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;padding-top:26px}.pb-branches-4{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.pb-branches-4{grid-template-columns:repeat(4,1fr)}}.pb-branches:before{content:"";position:absolute;top:0;left:calc(50% / 3);right:calc(50% / 3);height:2px;background:var(--color-border)}.pb-branches-4:before{left:12.5%;right:12.5%}.pb-branch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.pb-branch:before{content:"";position:absolute;top:-26px;left:50%;width:2px;height:26px;background:var(--color-border)}.pb-branch .pb-node{width:100%}.pb-branch-note{font-size:.78rem;color:var(--color-text-dim);text-align:center;line-height:1.5}@media(max-width:560px){.pb-branches,.pb-branches-4{grid-template-columns:1fr;padding-top:0;gap:.7rem}.pb-branches:before,.pb-branch:before{display:none}.pb-trunk{display:none}}.pb-quad{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:.5rem 0 0 1.5rem}.pb-quad-yaxis{position:absolute;left:-.2rem;top:50%;transform:rotate(-90deg) translate(50%);transform-origin:left center;font-size:.66rem;letter-spacing:.1em;color:var(--color-text-dim);white-space:nowrap}.pb-quad-xaxis{grid-column:1 / -1;text-align:center;font-size:.66rem;letter-spacing:.1em;color:var(--color-text-dim);margin-top:.2rem}.pb-quad-cell{border:1px solid var(--color-border);border-radius:10px;padding:1rem;background:var(--color-bg-elevated)}.pb-quad-cell strong{display:block;color:var(--color-text);margin:.35rem 0 .3rem;font-size:1rem}.pb-quad-cell p{font-size:.82rem;color:var(--color-text-muted);line-height:1.5}.pb-quad-tag{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.pb-quad-champ{border-color:var(--color-accent);background:#f472b612}.pb-quad-champ strong{color:var(--color-accent)}.pb-quad-winover{border-color:#eab30880}@media(max-width:560px){.pb-quad{grid-template-columns:1fr;padding-left:0}.pb-quad-yaxis{display:none}}.pb-compare{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;flex-wrap:wrap}.pb-bar-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:9rem}.pb-bar{width:4.5rem;height:180px;display:flex;align-items:flex-end;border-radius:8px 8px 0 0;background:repeating-linear-gradient(0deg,transparent,transparent 17px,var(--color-border) 17px,var(--color-border) 18px)}.pb-bar-fill{width:100%;border-radius:8px 8px 0 0}.pb-bar-naive{background:linear-gradient(180deg,var(--color-text-dim),var(--color-border))}.pb-bar-eng{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dim))}.pb-bar-label{font-size:.78rem;color:var(--color-text);text-align:center}.pb-bar-sub{font-size:.72rem;color:var(--color-text-dim);text-align:center;line-height:1.4}.pb-compare-delta{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-bottom:3.5rem}.pb-delta-arrow{color:var(--color-accent);font-size:1.4rem}.pb-delta-badge{font-size:.68rem;letter-spacing:.06em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;padding:.3rem .7rem;text-align:center;max-width:7rem;line-height:1.3}.pb-twocol{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:700px){.pb-twocol{grid-template-columns:1fr 1fr}}.pb-mini{border:1px solid var(--color-border);border-radius:12px;padding:1.4rem;background:var(--color-card)}.pb-mini-tag{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.pb-mini-flow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.9rem 0}.pb-mini p{font-size:.88rem;color:var(--color-text-muted);line-height:1.55}.pb-chip{padding:.45rem .7rem;border:1px solid var(--color-border);border-radius:7px;background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:.78rem;color:var(--color-text)}.pb-chip-accent{border-color:var(--color-accent);color:var(--color-accent)}.pb-arch{display:flex;flex-direction:column;align-items:center}.pb-arch-band{width:100%;display:flex;flex-direction:column;align-items:center;gap:.7rem}.pb-arch-conn{width:2px;height:24px;background:var(--color-border)}.pb-band-label{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim)}.pb-band-foot{font-size:.78rem;color:var(--color-text-dim);text-align:center;max-width:34rem;line-height:1.5}.pb-row3,.pb-row4{display:grid;gap:.7rem;width:100%}.pb-row3{grid-template-columns:1fr}.pb-row4{grid-template-columns:1fr 1fr}@media(min-width:640px){.pb-row3{grid-template-columns:repeat(3,1fr)}.pb-row4{grid-template-columns:repeat(4,1fr)}}.pb-row3 .pb-node,.pb-row4 .pb-node{width:100%;font-size:.82rem}.pb-arch-guard{width:100%;margin-top:.3rem;border:1px dashed var(--color-border);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;background:#f472b608}.pb-guard-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.pb-pill{font-family:var(--font-mono);font-size:.72rem;padding:.4rem .75rem;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:999px;background:#f472b60f}.pb-stack-figure{background:#0a0e16;border-color:#1d2535}.pb-stack-figure .pb-figcap{color:#8aa0b8}.pb-stack{display:flex;flex-direction:column;gap:.5rem}.pb-stack-layer{display:grid;grid-template-columns:13rem 1fr;gap:1rem;align-items:center;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(var(--L),.4);border-left:4px solid rgb(var(--L));background:rgba(var(--L),.07);transition:background .2s ease,border-color .2s ease}.pb-stack-layer:hover{background:rgba(var(--L),.13);border-color:rgba(var(--L),.65)}.pb-stack-meta{display:flex;flex-direction:column;gap:.12rem}.pb-stack-n{font-size:.64rem;letter-spacing:.12em;color:rgb(var(--L))}.pb-stack-name{font-size:.98rem;font-weight:600;color:rgb(var(--L));line-height:1.15}.pb-stack-role{font-size:.7rem;color:#8b9bb0;line-height:1.4}.pb-stack-items{display:flex;flex-wrap:wrap;gap:.45rem}.pb-stack-chip{font-family:var(--font-mono);font-size:.71rem;padding:.34rem .6rem;border-radius:6px;border:1px solid rgba(var(--L),.5);background:rgba(var(--L),.12);color:#e3ebf5;white-space:nowrap}.pb-stack-foot{margin:1.2rem 0 0;text-align:center;font-size:.7rem;letter-spacing:.04em;color:#5f7388}@media(max-width:620px){.pb-stack-layer{grid-template-columns:1fr;gap:.55rem}.pb-stack-chip{white-space:normal}}.pb-principles{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}@media(min-width:640px){.pb-principles{grid-template-columns:1fr 1fr}}.pb-principle{border:1px solid var(--color-border);border-radius:12px;padding:1.3rem;background:var(--color-card);transition:border-color .2s ease}.pb-principle:hover{border-color:var(--color-accent)}.pb-principle-n{color:var(--color-accent);font-size:.8rem}.pb-principle h3{font-size:1.05rem;color:var(--color-text);margin:.4rem 0;font-weight:600}.pb-principle p{font-size:.88rem;color:var(--color-text-muted);line-height:1.55}.pb-close{max-width:48rem;margin:0 auto;padding:clamp(5rem,14vh,9rem) 1.5rem 7rem;border-top:1px solid var(--color-border);text-align:center}.pb-close-lede{color:var(--color-text-muted);font-size:1.1rem;line-height:1.65;max-width:34rem;margin:1rem auto 2rem}.pb-close-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.pb-btn{display:inline-flex;align-items:center;padding:.7rem 1.3rem;border-radius:8px;border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem;transition:background .15s ease,color .15s ease}.pb-btn:hover{background:var(--color-accent);color:var(--color-bg)}.pb-btn-ghost{border-color:var(--color-border);color:var(--color-text-muted)}.pb-btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text)}