:root{--font-display-large: "Pixelify Sans", system-ui, sans-serif;--font-display-small: "Silkscreen", system-ui, sans-serif;--display-font-threshold: 36px;--font-body: "Junge", Georgia, "Times New Roman", serif;--color-primary: #63ffa5;--color-primary-soft: #8cffbb;--color-olive: #3d6b4f;--color-olive-soft: #6b8f71;--color-bg-warm: #c2b4b5;--color-bg-cool: #b9c4d5;--color-grid: #eeeeee;--color-surface: rgba(248, 247, 245, .94);--color-surface-solid: #f8f7f5;--color-bg-alt: #b9c4d5;--color-text: #2a2d30;--color-text-muted: #5c6168;--color-ink: #2c5431;--color-border: #a8aeb8;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--max-width: 40rem;--max-width-wide: 48rem;--font-size-title: clamp(2.5rem, 5vw, 3.25rem);--font-size-lede: clamp(2rem, 4vw, 2.75rem)}*,*:before,*:after{box-sizing:border-box}html{font-size:112.5%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-weight:400;line-height:1.65;color:var(--color-text);background-color:var(--color-bg-warm);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px),linear-gradient(165deg,var(--color-bg-warm) 0%,var(--color-bg-cool) 100%);background-size:24px 24px,24px 24px,100% 100%;background-attachment:fixed;background-position:center top}#app{min-height:100vh}.site-logo,.site-nav a,.page-header h2:not(.lede),.section h2,.section h3,.card h3,.link-list a,.principle h3{font-weight:400;text-transform:uppercase}a{color:var(--color-olive);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--color-olive-soft)}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--color-ink);box-shadow:0 3px 0 var(--color-primary)}.site-logo{font-family:var(--font-display-small);font-size:1.15rem;letter-spacing:.02em;color:var(--color-ink);text-decoration:none}.site-logo:hover{color:var(--color-olive)}.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin:0;padding:0;list-style:none}.site-nav a{font-family:var(--font-display-small);font-size:.85rem;letter-spacing:.04em;color:var(--color-text-muted);text-decoration:none}.site-nav a:hover,.site-nav a.router-link-exact-active{color:var(--color-olive);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:.2em}.site-main{flex:1;width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.site-footer{padding:var(--space-lg);text-align:center;font-size:.9rem;color:var(--color-surface-solid);background:var(--color-ink);border-top:1px solid var(--color-ink)}.site-footer p{margin:0}.page{background:var(--color-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-xl) var(--space-lg);border:2px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-primary)}.page-header{margin-bottom:0;padding-bottom:var(--space-lg);border-bottom:1px dashed var(--color-border)}.page-header h1,.text-highlight{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:linear-gradient(to top,var(--color-primary) 0%,var(--color-primary) 40%,transparent 40%);padding:0 .08em}.page-header h1{margin:0 0 var(--space-sm);font-family:var(--font-display-large);font-size:var(--font-size-title);font-weight:600;line-height:1.15;letter-spacing:.01em;text-transform:lowercase;color:var(--color-ink)}a.text-highlight{color:var(--color-ink);text-decoration:none}a.text-highlight:hover{color:var(--color-olive)}.page-header .lede,.page-header h2.lede{margin:var(--space-md) 0 0;max-width:18em;font-family:var(--font-display-large);font-size:var(--font-size-lede);font-weight:400;font-style:normal;line-height:1.35;color:var(--color-text-muted);text-transform:lowercase}.page-header h2:not(.lede){margin:0;font-family:var(--font-display-small);font-size:1.5rem;line-height:1.3;color:var(--color-ink)}.prose{display:flex;flex-direction:column;gap:var(--space-lg);max-width:var(--max-width);padding-top:var(--space-xl)}.prose>*{margin:0}.prose ul{padding-left:1.35rem}.prose li+li{margin-top:var(--space-xs)}.prose strong{font-weight:400;color:var(--color-text)}.text-warm{color:var(--color-bg-warm)}.section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px dashed var(--color-border)}.section h2,.section h3{margin:0 0 var(--space-md);font-family:var(--font-display-small);font-size:1.1rem;letter-spacing:.03em;color:var(--color-ink)}.section h2:before,.section h3:before{content:"▪";display:inline-block;margin-right:.4em;color:var(--color-primary);font-size:.85em}.card{padding:var(--space-md);background:linear-gradient(135deg,#c2b4b573,#b9c4d573);border:none}.card+.card,.card+p,a.card+p{margin-top:var(--space-md)}a.card-link{display:block;text-decoration:none;color:inherit}a.card-link:hover{box-shadow:4px 4px 0 var(--color-primary)}a.card-link:hover h3{color:var(--color-olive)}.card h3{margin:0 0 var(--space-xs);font-family:var(--font-display-small);font-size:1rem;color:var(--color-ink)}.card h3:before{display:none}.card p{margin:0;color:var(--color-text-muted);font-size:.95rem}.link-list{margin:0;padding:0;list-style:none}.link-list li+li{margin-top:var(--space-sm)}.link-list a{font-family:var(--font-display-small);font-size:.95rem;letter-spacing:.02em}.link-list a:hover{text-decoration-color:var(--color-primary)}.principle{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.principle:last-child{border-bottom:none;padding-bottom:0}.principle h3{margin:0 0 var(--space-xs);font-family:var(--font-display-small);font-size:.95rem;line-height:1.4;color:var(--color-ink)}.principle h3:before{content:"▪";display:inline-block;margin-right:.4em;color:var(--color-olive-soft)}.principle p{margin:0;color:var(--color-text-muted)}@media(max-width:600px){html{font-size:100%}.page-header h2.lede{font-family:var(--font-display-small);text-transform:uppercase}.site-header{padding:var(--space-md)}.site-main{padding:var(--space-lg) var(--space-md) var(--space-xl)}.page{padding:var(--space-lg) var(--space-md)}}