:root{--bg: #161617;--fg: #f3f3f3;--muted: #b9b9b9;--line: #222224;--card: #1c1c1e;--shadow: rgba(0,0,0,.5);--panel-bg: rgba(28,28,30,.9);--accent: #4a9eff;--danger: #ef4444;--scrim: rgba(0,0,0,.6);--radius: 12px;--pleasant-1: #e8a0a0;--pleasant-2: #e8c4a0;--pleasant-3: #f0b888;--pleasant-4: #e8e0a0;--pleasant-5: #c4e8a0;--pleasant-6: #a0e8b8;--pleasant-7: #a0e0e8;--pleasant-8: #a0c4e8;--pleasant-9: #b8a0e8;--pleasant-10: #e0a0e8;--pleasant-11: #e8a0c4;--pleasant-12: #d4c4b0;--pleasant-13: #b0d4c4;--writing-title: var(--pleasant-6);--writing-section: var(--pleasant-6);--writing-subsection: var(--pleasant-8);--writing-tertiary: var(--pleasant-9);--writing-component-title: var(--pleasant-3);--writing-problem: var(--writing-component-title);--writing-question: var(--writing-component-title);--writing-theorem: var(--writing-component-title);--writing-proof: var(--writing-subsection);--saturated-1: #ff5252;--saturated-2: #26e07f;--saturated-3: #4a90ff;--saturated-4: #ff8a33;--saturated-5: #d966ff;--saturated-6: #26c6da;--saturated-7: #ffe657;--saturated-8: #f74980;--saturated-9: #90ff33;--saturated-10: #7c52ff;--saturated-11: #ff6347;--saturated-12: #33deaf;--saturated-13: #ffbd47;--saturated-14: #cc4fe0;--saturated-15: #33b8ff;--categorical-1: var(--pleasant-1);--categorical-2: var(--pleasant-3);--categorical-3: var(--pleasant-4);--categorical-4: var(--pleasant-5);--categorical-5: var(--pleasant-6);--categorical-6: var(--pleasant-7);--categorical-7: var(--pleasant-8);--categorical-8: var(--pleasant-9);--sequential-1: color-mix(in srgb, var(--pleasant-8) 18%, var(--bg));--sequential-2: color-mix(in srgb, var(--pleasant-8) 32%, var(--bg));--sequential-3: color-mix(in srgb, var(--pleasant-8) 46%, var(--bg));--sequential-4: color-mix(in srgb, var(--pleasant-8) 60%, var(--bg));--sequential-5: color-mix(in srgb, var(--pleasant-8) 74%, var(--bg));--sequential-6: color-mix(in srgb, var(--pleasant-8) 88%, var(--bg));--sequential-7: var(--pleasant-8);--diverging-negative-3: var(--pleasant-8);--diverging-negative-2: color-mix(in srgb, var(--pleasant-8) 70%, var(--card));--diverging-negative-1: color-mix(in srgb, var(--pleasant-8) 35%, var(--card));--diverging-neutral: color-mix(in srgb, var(--muted) 30%, var(--card));--diverging-positive-1: color-mix(in srgb, var(--pleasant-2) 35%, var(--card));--diverging-positive-2: color-mix(in srgb, var(--pleasant-2) 70%, var(--card));--diverging-positive-3: var(--pleasant-2)}:root{--maxw: 80ch}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.6 system-ui;display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.wrapper{max-width:980px;margin:0 auto;padding:0 20px}.prose{max-width:var(--maxw)}h1,h2,h3{font-weight:400;line-height:1.15;margin:.6rem 0 .5rem}h1{font-size:clamp(28px,3.6vw,40px)}h2{font-size:clamp(18px,2vw,22px)}h3{font-size:18px}p{margin:.6rem 0}.muted{color:var(--muted)}a{color:inherit;text-underline-offset:3px}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:48.6px}.xochi{font-family:ui-serif,system-ui;font-size:18px;letter-spacing:.2px;text-decoration:none}.links{display:flex;gap:18px}.links a{font-size:14px;opacity:.85;text-decoration:none}.links a:hover,.links a[aria-current=page]{opacity:1;text-decoration:underline}main{padding:12px 0;flex:1}@media(min-width:720px){main{padding:48px 0}}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}footer{padding:14px 0}footer .wrapper{max-width:980px;margin:0 20px 0 auto;padding:0;text-align:right}footer small{color:var(--muted)}.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:static;width:auto;height:auto;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:8px}.entry-name{font-weight:500;margin-bottom:2px}.entry-name a{color:var(--accent);text-decoration:none}.entry-name a:hover{text-decoration:underline}