:root{--color-primary: #3e5c6e;--color-primary-dark: #2e4552;--color-accent: #5b7b78;--color-background: #f6f5f3;--color-surface: #ffffff;--color-border: #dcdfe1;--color-text: #2b2f33;--color-text-muted: #5c646b;--color-tag-bg: #e7ebec;--font-body: Inter, "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--line-height-base: 1.6}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:var(--line-height-base);min-height:100dvh}button,input,textarea{font:inherit}.page-section{scroll-margin-top:5rem}.section-navigation{background:var(--color-surface);border:1px solid var(--color-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.section-navigation button{align-items:center;background:#f5f6f5;border:0;color:var(--color-primary-dark);cursor:pointer;display:flex;gap:.7rem;min-height:3.35rem;padding:.7rem .85rem;text-decoration:none}.section-navigation button+button{border-left:1px solid var(--color-border)}.section-navigation button:hover,.section-navigation button:focus-visible{background:var(--color-tag-bg);color:var(--color-primary)}.section-navigation span{color:var(--color-accent);font:750 .68rem var(--font-mono)}.section-navigation strong{font-size:.76rem}@media(max-width:560px){.section-navigation{grid-template-columns:1fr}.section-navigation button+button{border-left:0;border-top:1px solid var(--color-border)}}a{text-underline-offset:.18em}