:root{--color-cream-50: #f5f4ef;--color-cream-100: #e8e6d9;--color-cream-200: #d9d5bf;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bedbff;--color-blue-300: #90c5ff;--color-blue-400: #54a2ff;--color-blue-500: #3080ff;--color-accent-blue: #0751cf;--color-offgray-50: #f1f2f4;--color-offgray-100: #dddfe4;--color-offgray-200: #c6cad2;--color-offgray-300: #b8bdc7;--color-gray-300: #d1d5dc;--color-gray-50: #f9fafb;--nav-bg-color: #f7f7f2;--text-primary: #22252b;--text-secondary: #5a6372;--text-muted: #6c7689;--sh-default: 6px 6px 0 rgba(7, 77, 207, .06), -6px -6px 0 rgba(7, 77, 207, .06);--sh-alt: 6px 6px 0 rgba(7, 77, 207, .06);--sh-alt-opposite: -6px -6px 0 rgba(7, 77, 207, .06);--sh-alt-hover: 6px 6px 0 hsla(219, 100%, 40%, .06), -6px -6px 0 hsla(219, 100%, 40%, .06);--sh-inset: hsl(218, 13%, 50%, .1) 0 -2px 0 0 inset;--grid-border-color: rgba(190, 219, 255, .5);--default-border-color: rgba(198, 202, 210, .5);--color-orange-400: #ffb100;--color-orange-500: #e69f00;--color-orange-600: #cc8c00;--sh-orange-btn: hsl(43, 100%, 35%) 0 -2px 0 0 inset, hsl(43, 100%, 95%) 0 1px 3px 0;--highlight-orange: rgba(255, 177, 0, .2);--highlight-orange-subtle: rgba(255, 177, 0, .12);--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.6}html{scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-secondary);position:relative;overflow-x:hidden;background-color:#f7f7f2}body:before{content:"";position:fixed;inset:60px 0 0;width:100%;height:calc(100% - 60px);background-image:url(/noise.png);background-size:180px;background-repeat:repeat;opacity:.035;pointer-events:none;z-index:1}.main-container{position:relative;min-height:100vh;margin-left:48px;margin-right:48px;border-left:1px solid var(--grid-border-color);border-right:1px solid var(--grid-border-color);background-color:#fafaf7;z-index:2}.main-container:before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url(/noise.png);background-size:180px;background-repeat:repeat;opacity:.035;pointer-events:none;z-index:-1}.font-serif{font-family:Georgia,Times New Roman,serif}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:500}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight)}h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.01em;line-height:var(--leading-snug)}@media (max-width: 1024px){.main-container{margin-left:32px;margin-right:32px}}@media (max-width: 768px){.main-container{margin-left:0;margin-right:0;border-left:none;border-right:none}}@media (max-width: 480px){.main-container{margin-left:0;margin-right:0}}.photo-placeholder{background:var(--color-cream-100);border:2px dashed var(--color-blue-200);display:flex;align-items:center;justify-content:center;color:var(--color-offgray-300);font-size:var(--text-sm);padding:20px;text-align:center;border-radius:2px;min-height:120px}a{color:var(--color-accent-blue);text-decoration:none}a:hover{text-decoration:underline}.graph-paper-bg{position:relative}.graph-paper-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(#e8e8e8 1px,transparent 1px),linear-gradient(90deg,#e8e8e8 1px,transparent 1px);background-size:20px 20px;opacity:.04;pointer-events:none}.tape{position:absolute;width:30px;height:12px;background:#ffe696bf;box-shadow:0 1px 2px #0000001a}.tape-tl{top:-6px;left:10px;transform:rotate(-15deg)}.tape-tr{top:-6px;right:10px;transform:rotate(12deg)}.tape-bl{bottom:-6px;left:10px;transform:rotate(12deg)}.tape-br{bottom:-6px;right:10px;transform:rotate(-15deg)}.pinned{position:relative}.pinned:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#c44;border-radius:50%;box-shadow:inset 0 1px 2px #0000004d;z-index:10}.rotate-cw-sm{transform:rotate(.5deg)}.rotate-ccw-sm{transform:rotate(-.5deg)}.rotate-cw-md{transform:rotate(1.2deg)}.rotate-ccw-md{transform:rotate(-1.2deg)}.font-technical{font-family:Courier New,Courier,monospace;letter-spacing:.05em}.blueprint-bg{background:#4a7fbf}.blueprint-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}