@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";@font-face{font-family:Departure Mono;src:url(/anatomyofareceipt/fonts/DepartureMono-Regular.woff2) format("woff2"),url(/anatomyofareceipt/fonts/DepartureMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #ffffff;--bg-secondary: #f8f8fa;--accent-blue: #0055ff;--accent-blue-light: #3377ff;--accent-blue-dim: rgba(0, 85, 255, .08);--accent-blue-glow: rgba(0, 85, 255, .15);--text-primary: #0b0b0b;--text-secondary: #555555;--text-label: #0055ff;--border-light: #d0d0d8;--grid-color: rgba(0, 85, 255, .06);--grid-size: 80px;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--receipt-font-size: 12px;--receipt-padding-x: 24px;--receipt-padding-y: 28px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);overflow-x:hidden}a{color:var(--accent-blue);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}::selection{background:#ffe066;color:#0b0b0b}.label-text{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-label);line-height:1.4}.label-description{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--text-secondary);line-height:1.5;margin-top:4px}.section-number{font-family:var(--font-mono);font-size:72px;font-weight:600;color:var(--accent-blue-dim);line-height:1;-webkit-user-select:none;user-select:none}.figure-number{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue-light);opacity:.6}.figure-frame{position:relative;border:1.5px solid var(--accent-blue);padding:2px}.figure-frame:before{content:attr(data-figure);position:absolute;top:-20px;left:0;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue-light);opacity:.6}.figure-frame-inner{border:.5px solid rgba(0,85,255,.3);padding:24px}.crosshatch-border{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,85,255,.04) 4px,rgba(0,85,255,.04) 5px)}.edge-title{position:absolute;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);opacity:.35;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.site-header{padding:48px 40px 0;max-width:1400px;margin:0 auto}.header-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding-bottom:40px}.header-title-svg{display:block;width:100%;height:auto;max-width:800px}.header-svg-text{font-family:Departure Mono,monospace;font-size:64px;font-weight:400;letter-spacing:0;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-desc-block{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.header-desc{font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--text-primary);line-height:1.7;margin-bottom:8px}.header-byline{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:#333}.header-byline-link{color:var(--accent-blue);font-weight:500;border-bottom:1px solid rgba(0,85,255,.25);transition:border-color .2s ease,opacity .2s ease}.header-byline-link:hover{opacity:1;border-color:var(--accent-blue)}.dot-separator{width:100%;line-height:0;overflow:hidden}.diagram-container{position:relative;max-width:1400px;margin:0 auto;padding:40px 24px 80px;min-height:600px}.diagram-grid{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:0;align-items:start;position:relative}.leader-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.leader-line-hover{fill:none;stroke:var(--accent-blue);stroke-width:1.5;stroke-dasharray:6 4;opacity:0;transition:opacity .25s ease}.leader-line-hover.visible{opacity:1}.leader-dot-hover{fill:var(--accent-blue);opacity:0;transition:opacity .25s ease}.leader-dot-hover.visible{opacity:1}.labels-column{display:flex;flex-direction:column;padding-top:20px;padding-left:24px}.labels-right{display:grid;grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:0 24px;align-items:start;text-align:left}.annotation-label--overview{margin-bottom:8px;border-bottom:1px solid rgba(0,85,255,.1);padding-bottom:16px}.annotation-label{padding:12px 16px;cursor:pointer;transition:opacity .3s ease,background .3s ease;border-radius:4px;position:relative;z-index:3;background:var(--bg-primary)}.annotation-label:hover{background:#f0f3ff}.annotation-label .label-number{font-size:10px;font-weight:500;color:var(--accent-blue);opacity:.5;margin-bottom:2px;letter-spacing:.1em}.annotation-label .label-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);line-height:1.3}.annotation-label .label-desc{font-size:10px;font-weight:400;color:var(--text-secondary);margin-top:3px;line-height:1.4;letter-spacing:.02em}.diagram-container.has-hover .annotation-label:not(.active){opacity:.25}.diagram-container.has-hover .annotation-label.active{opacity:1;background:#f0f3ff}.diagram-container.has-hover .annotation-label.frosted:not(.active){opacity:1;background:#fff3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}.diagram-container.has-hover .annotation-label.frosted:not(.active)>*{opacity:.25}.receipt-wrapper{position:sticky;top:40px;z-index:1}.receipt-edge-title{position:absolute;left:-28px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);opacity:0;transition:opacity .6s ease;white-space:nowrap}.receipt-edge-title.visible{opacity:.3}.receipt{border:1.5px solid var(--accent-blue);background:var(--bg-primary);position:relative;overflow:hidden;opacity:0;transition:opacity .6s ease}.receipt.visible{opacity:1}.receipt-inner{border:.5px solid rgba(0,85,255,.25);margin:2px;padding:var(--receipt-padding-y) var(--receipt-padding-x)}.receipt-figure-num{position:absolute;top:8px;right:10px;font-family:var(--font-mono);font-size:calc(var(--receipt-font-size) - 3px);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);opacity:.4}.receipt-section{position:relative;transition:background .3s ease;padding:2px 4px;margin:0 -4px;border-radius:2px}.receipt-section.highlighted{background:#ffe60038}.receipt.receipt-glow{box-shadow:0 0 0 2px var(--accent-blue),0 0 20px #0055ff26;transition:box-shadow .3s ease}.receipt-line{font-family:var(--font-mono);font-size:var(--receipt-font-size);color:var(--accent-blue);white-space:pre;line-height:1.65}.receipt-divider{font-family:var(--font-mono);font-size:var(--receipt-font-size);color:var(--accent-blue);opacity:.3;line-height:1.65;letter-spacing:-.5px}.receipt-line.approved{text-align:center;font-weight:600;margin-top:4px}.receipt-line.barcode{text-align:center;letter-spacing:-2px;opacity:.5;font-size:calc(var(--receipt-font-size) + 2px)}.receipt-line.barcode-label{text-align:center;font-size:calc(var(--receipt-font-size) - 3px);letter-spacing:.2em;opacity:.4}.receipt-line.footer{text-align:center;font-size:calc(var(--receipt-font-size) - 2px);opacity:.5;margin-top:8px}.printer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block}.printer-canvas.fade-out{opacity:0;pointer-events:none;transition:opacity .6s ease}.printer-canvas.hidden{display:none}.printer-instructions{position:absolute;top:0;left:0;width:100%;text-align:center;z-index:11;transition:opacity .4s ease}.printer-hint{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);animation:pulseHint 2s ease-in-out infinite}@keyframes pulseHint{0%,to{opacity:.4}50%{opacity:1}}.annotation-label{opacity:0;transform:translate(var(--slide-dir, 20px))}.annotation-label.animate-in{animation:slideIn .4s ease forwards;animation-delay:var(--stagger, 0s)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.scroll-progress{position:fixed;top:0;right:0;width:40px;height:100vh;z-index:50;pointer-events:none}.scroll-progress-track{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:auto}.scroll-progress-tick{position:absolute;right:8px;height:2px;width:16px;background:var(--text-primary);opacity:.25;cursor:pointer;transition:opacity .2s ease,width .2s ease}.scroll-progress-tick:hover{opacity:.6}.scroll-progress-tick.active{opacity:.7;width:20px}.scroll-progress-label{position:absolute;right:32px;white-space:nowrap;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);opacity:0;transform:translateY(-50%);pointer-events:none;transition:opacity .2s ease}.scroll-progress-track:hover .scroll-progress-label{opacity:.6}.scroll-progress-track:hover~.scroll-progress-indicator .scroll-progress-value{opacity:0}.scroll-progress-indicator{position:absolute;right:8px;height:2px;width:16px;background:var(--accent-blue);pointer-events:none;transition:top .1s ease-out;z-index:1}.scroll-progress-value{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent-blue);white-space:nowrap;letter-spacing:.05em;transition:opacity .2s ease}.deep-dive-layout{display:grid;grid-template-columns:220px 1fr;max-width:1100px;margin:0 auto;min-height:100vh}.deep-dive-content{max-width:720px;padding:60px 40px 120px}.dd-section-body{position:relative}.sidenote-ref{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent-blue);opacity:1;vertical-align:super;cursor:default;margin-left:2px;background:var(--accent-blue-dim);padding:1px 4px;border-radius:3px;border:1px solid rgba(0,85,255,.15);transition:background .2s ease,border-color .2s ease}.sidenote-ref:before{content:"["}.sidenote-ref:after{content:"]"}.sidenote-ref:hover{background:#0055ff26;border-color:#0055ff4d}.sidenote{position:absolute;right:-200px;width:180px;font-family:var(--font-mono);font-size:9px;line-height:1.5;color:var(--text-secondary);border-left:1px solid rgba(0,85,255,.15);padding-left:10px}.sidenote-num{font-weight:600;color:var(--accent-blue);opacity:.8;margin-right:4px}.sidenote a{color:var(--accent-blue);opacity:.7;word-break:break-all;font-size:9px}.sidenote a:hover{opacity:1}.deep-dive-header{padding:60px 40px 40px;max-width:720px}.deep-dive-header .back-link{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);opacity:.6;display:inline-flex;align-items:center;gap:6px;margin-bottom:24px}.deep-dive-header .back-link:hover{opacity:1}.deep-dive-title{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:12px}.deep-dive-intro{font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:560px}.copy-llm-btn{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:8px 14px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--text-secondary);background:none;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.copy-llm-btn:hover,.copy-llm-btn.copied{color:var(--accent-blue);border-color:var(--accent-blue)}.copy-llm-icon{flex-shrink:0}.copy-llm-btn.copied .copy-llm-icon{display:none}.copy-llm-check{display:none;flex-shrink:0}.copy-llm-btn.copied .copy-llm-check{display:block}.toc-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:60px 16px 40px 24px;border-right:1px solid var(--border-light);scrollbar-width:thin}.toc-back-link{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);opacity:.5;margin-bottom:24px;padding:4px 8px;border-radius:3px;transition:opacity .2s ease,background .2s ease;text-decoration:none}.toc-back-link:hover{opacity:1;background:var(--accent-blue-dim)}.toc-title{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);opacity:.5;margin-bottom:20px}.toc-list{list-style:none}.toc-item{margin-bottom:2px}.toc-link{display:flex;align-items:baseline;gap:8px;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);transition:color .2s ease,background .2s ease;text-decoration:none;line-height:1.4}.toc-link:hover{color:var(--accent-blue);background:var(--accent-blue-dim);opacity:1}.toc-link.active{color:var(--accent-blue);background:var(--accent-blue-dim);font-weight:600}.toc-link .toc-num{font-size:9px;opacity:.5;min-width:18px}.dd-section{padding:48px 0;border-bottom:1px solid var(--border-light);opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.dd-section.visible{opacity:1;transform:translateY(0)}.dd-section:last-child{border-bottom:none}.dd-section-num{font-family:var(--font-mono);font-size:64px;font-weight:600;color:var(--accent-blue);opacity:.07;line-height:1;margin-bottom:-10px}.dd-section-title{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:20px}.dd-section-body{font-size:13px;color:var(--text-primary);line-height:1.8}.dd-section-body p{margin-bottom:16px}.dd-section-body p:last-child{margin-bottom:0}.dd-section-body strong{font-weight:600;color:var(--accent-blue)}.dd-section-body code{font-family:var(--font-mono);font-size:12px;background:var(--accent-blue-dim);padding:2px 6px;border-radius:3px;color:var(--accent-blue)}.dd-receipt-ref{position:relative;border:1.5px solid var(--accent-blue);padding:2px;margin-bottom:24px;max-width:360px}.dd-receipt-ref:before{content:attr(data-figure);position:absolute;top:-18px;left:0;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue-light);opacity:.5}.dd-receipt-ref-inner{border:.5px solid rgba(0,85,255,.3);padding:12px 16px;background:var(--bg-primary)}.dd-receipt-ref .receipt-line{font-family:var(--font-mono);font-size:var(--receipt-font-size);color:var(--accent-blue);white-space:pre;line-height:1.65}.dd-receipt-ref .receipt-divider{font-family:var(--font-mono);font-size:var(--receipt-font-size);color:var(--accent-blue);opacity:.3;line-height:1.65;letter-spacing:-.5px}.dd-receipt-ref--overview{border-style:dashed;opacity:.6}.dd-receipt-ref-note{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);letter-spacing:.05em;font-style:italic}.dd-diagram{margin:28px 0;padding:24px;border:1px solid rgba(0,85,255,.2);background:var(--bg-secondary);position:relative;overflow:hidden}.dd-diagram:before{content:attr(data-figure);position:absolute;top:8px;right:12px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);opacity:.35}.dd-diagram svg{width:100%;height:auto;display:block}.flow-diagram{margin:32px 0;padding:32px 16px;border:1.5px solid var(--accent-blue);background:var(--bg-primary);overflow-x:auto}.flow-diagram svg{width:100%;min-width:600px;height:auto}.flow-node{fill:var(--bg-primary);stroke:var(--accent-blue);stroke-width:1.5}.flow-node-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--accent-blue);text-anchor:middle}.flow-node-sublabel{font-family:var(--font-mono);font-size:8px;fill:var(--text-secondary);text-anchor:middle}.flow-arrow{fill:none;stroke:var(--accent-blue);stroke-width:1.5;marker-end:url(#arrowhead)}.flow-arrow-return{stroke-dasharray:6 4;marker-end:url(#arrowhead-return)}.flow-label{font-family:var(--font-mono);font-size:9px;fill:var(--text-secondary);text-anchor:middle}.flow-step{opacity:0;transition:opacity .5s ease}.flow-step.visible{opacity:1}.dd-section.pulse{animation:sectionPulse 1.5s ease}@keyframes sectionPulse{0%,to{background:transparent}30%{background:var(--accent-blue-dim)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.printer-canvas,.printer-instructions{display:none}.receipt{opacity:1}.receipt-edge-title{opacity:.3}.dd-section,.annotation-label{opacity:1;transform:none}}@media(max-width:1100px){.deep-dive-layout{grid-template-columns:1fr}.toc-sidebar{display:none}.deep-dive-content{padding:40px 48px 100px 24px}.sidenote{position:static;width:auto;right:auto;margin:8px 0 12px;padding:8px 12px;border-left:2px solid rgba(0,85,255,.15);background:var(--accent-blue-dim);border-radius:0 3px 3px 0}}@media(max-width:900px){:root{--receipt-font-size: 9px;--receipt-padding-x: 14px;--receipt-padding-y: 18px}.diagram-grid{grid-template-columns:auto 1fr;gap:0}.receipt-wrapper{position:sticky;top:20px;max-width:260px}.labels-column{padding-left:12px}.labels-right{display:flex;flex-direction:column;gap:0;align-items:stretch;text-align:left}.annotation-label--overview{margin-bottom:4px;padding:8px 10px 6px;border-bottom:1px solid rgba(0,85,255,.1)}.annotation-label{padding:6px 10px;border-radius:3px;--slide-dir: 0 !important}.annotation-label .label-title{font-size:10px}.annotation-label .label-desc{display:none}.annotation-label .label-number{font-size:8px;margin-bottom:1px}.leader-lines-svg{display:block}.receipt-edge-title{display:none}.scroll-progress{width:12px}.scroll-progress-tick{width:4px;right:4px;border-radius:2px}.scroll-progress-tick.active{width:4px}.scroll-progress-label,.scroll-progress-value{display:none}.scroll-progress-indicator{width:4px;right:4px;border-radius:2px}.site-header{padding:32px 16px 0}.header-grid{grid-template-columns:1fr;gap:16px;padding-bottom:24px}.header-desc-block{text-align:left;align-items:flex-start}.header-title-svg{max-width:400px}.diagram-container{padding:20px 16px 60px}}@media(max-width:480px){.diagram-grid{grid-template-columns:1fr;gap:0;max-width:400px;margin:0 auto}.labels-column{order:1;padding-top:8px;padding-left:0}.labels-right{display:flex;flex-direction:column;gap:0;padding:8px 0 80px;align-items:stretch;text-align:left}.receipt-wrapper{order:0;position:static;max-width:none}.annotation-label--overview{text-align:left;margin-bottom:0;padding:12px 16px;border-bottom:1px solid rgba(0,85,255,.1);border-radius:0;background:none;border-left:3px solid transparent}.annotation-label{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:10px 16px;background:none;border-radius:0;border:none;border-bottom:1px solid rgba(0,85,255,.08);border-left:3px solid transparent}.annotation-label .label-number{display:inline;font-size:9px;opacity:.4;min-width:20px;flex-shrink:0}.annotation-label .label-title{font-size:11px}.annotation-label .label-desc{display:none}.annotation-label.active{border-left-color:var(--accent-blue);background:var(--accent-blue-dim)}.leader-lines-svg,.receipt-edge-title,.scroll-progress{display:none}.mobile-context-pill{position:fixed;bottom:-60px;left:16px;right:16px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-blue);background:var(--bg-primary);border:1.5px solid var(--accent-blue);border-radius:8px;box-shadow:0 4px 20px #0055ff1f,0 2px 8px #00000014;cursor:pointer;transition:bottom .4s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.mobile-context-pill.visible{bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.mobile-context-pill:active{background:var(--accent-blue-dim)}.mobile-context-pill-label{display:flex;align-items:baseline;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-context-pill-num{font-size:9px;opacity:.5}.mobile-context-pill-title{font-size:11px}.mobile-context-pill-arrow{font-size:14px;flex-shrink:0;margin-left:8px;opacity:.6}}@media(max-width:600px){.header-title-svg{max-width:320px}.header-desc{font-size:13px}.deep-dive-content{padding:24px 24px 80px 16px}.deep-dive-header{padding:40px 24px 24px 16px}.dd-section-num{font-size:48px}.flow-diagram{padding:16px 8px}}
