:root{--bg-h:35;--bg-s:30%;--bg-l:91%;--color-text-primary:hsl(25, 45%, 15%)}.divider{text-align:center;margin:var(--spacing-lg)0;color:var(--color-text-muted)}.site-nav{font-family:var(--font-family-mono);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-base)}.site-nav nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1em}.site-nav nav ul li{display:inline-block}.site-nav nav ul li a{color:var(--color-text-muted);border-bottom:1px solid transparent;text-decoration:none}.site-nav nav ul li a:hover{color:var(--color-text-primary);border-bottom:1px solid var(--color-text-primary)}.site-nav nav ul li a.active{color:var(--color-text-primary);font-weight:700}.hero{text-align:center;margin-bottom:var(--spacing-lg)}.hero h1{margin-top:var(--spacing-sm)}.profile-photo{border-radius:50%;width:140px;height:140px;object-fit:cover;object-position:center top;display:block;margin:0 auto var(--spacing-sm);padding:0;border:2px solid var(--color-border)}.hint{position:relative;cursor:help;border-bottom:1px dotted var(--color-text-muted)}.hint::after{content:attr(data-hint);position:absolute;bottom:calc(100% + .4em);left:50%;transform:translateX(-50%);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--inline-border-radius);padding:.25em .6em;font-size:var(--font-size-small);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:0 2px 6px var(--color-border)}.hint:hover::after{opacity:1}.social-links{display:flex;gap:1.75em;justify-content:center;margin-bottom:var(--spacing-sm)}.social-links a{color:var(--color-text-muted);text-decoration:none;border-bottom:none;transition:color .15s ease;display:inline-flex;font-size:1.15rem}.social-links a:hover{color:var(--color-text-primary);border-bottom:none}.toc{position:relative}.toc-title{display:flex;align-items:center;gap:var(--spacing-xs)}.toc-title::before{flex-shrink:0}.toc-content ol ol{opacity:.85}.toc-content ol ol ol{opacity:.7}.toc-content a{position:relative}.toc-content a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-text-primary);transition:width .2s ease-in-out}.toc-content a:hover::after{width:100%}