:root{color-scheme:light;color:#22221f;font-synthesis:none;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:min(100% - 2.5rem,720px);min-height:100vh;margin:0 auto;line-height:1.65}a{color:inherit}header,footer{justify-content:space-between;align-items:center;display:flex}header{padding:2rem 0}header a{text-transform:lowercase}.header-links{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.language-switch{font-size:.8rem;position:relative}.language-switch summary{color:#64645e;cursor:pointer;background:#f7f6f1;border:1px solid #deddd6;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.85rem;min-height:2.5rem;padding:.45rem .75rem;list-style:none;display:flex}.language-switch summary::-webkit-details-marker{display:none}.language-switch summary:hover,.language-switch[open] summary{color:#22221f;border-color:#8b8b82}.language-switch summary:focus-visible,.language-menu a:focus-visible{outline-offset:3px;outline:2px solid #64645e}.language-switch summary svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .18s}.language-switch[open] summary svg{transform:rotate(180deg)}.language-menu{z-index:10;background:#fffefa;border:1px solid #deddd6;border-radius:.7rem;width:max-content;min-width:10.5rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 28px #22221f1f}.language-menu a{color:#64645e;text-transform:none;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:.55rem .7rem;line-height:1.4;text-decoration:none;display:flex}.language-menu a:hover,.language-menu a:focus-visible{color:#22221f;background:#f0efe8}.language-menu a[aria-current=page]{color:#22221f;font-weight:600}.language-check{color:#8d6950;font-size:1rem}.translations{font-size:.9rem}.name{letter-spacing:-.03em;font-weight:700;text-decoration:none}nav{gap:1.5rem;display:flex}nav a{color:#77776f;font-size:.92rem;text-decoration:none}nav a:hover,nav a.active{color:#22221f}main{padding:6rem 0 8rem}h1,h2{letter-spacing:-.04em;line-height:1.15}h1{max-width:620px;margin:0 0 1.5rem;font-size:clamp(2.6rem,8vw,4.8rem);font-weight:600}h2{margin-top:2.5rem}p{max-width:620px}.intro{color:#64645e;font-size:1.15rem}.portrait-frame{width:120px;height:120px;margin-bottom:2rem;position:relative}.portrait-frame:before{content:"";border:1px solid #d8d3ca;border-radius:22px 27px 23px 26px;width:112px;height:112px;position:absolute;top:5px;left:5px}.portrait{object-fit:cover;object-position:center 35%;border-radius:22px 27px 23px 26px;width:112px;height:112px;transition:transform .22s;display:block;position:relative;box-shadow:0 5px 14px #22221f1a}.portrait-frame:hover .portrait{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.portrait,.language-switch summary svg{transition:none}}.home-links{flex-wrap:wrap;gap:.75rem 1.75rem;margin-top:2rem;display:flex}.home-links a{text-underline-offset:.3rem}.eyebrow{color:#8b8b82;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;font-weight:600}.arrow-link{text-underline-offset:.3rem;margin-top:1.5rem;display:inline-block}.list{border-top:1px solid #deddd6;margin-top:3rem}.row{border-bottom:1px solid #deddd6;grid-template-columns:1fr 2fr;gap:2rem;padding:1.5rem 0;display:grid}.row h2,.row p{margin:0}.row h2{font-size:1.05rem}.row h2 a{text-decoration:none}.row h2 a:hover{text-underline-offset:.2rem;text-decoration:underline}.row p,.meta{color:#77776f}.meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}article h1{font-size:clamp(2.3rem,7vw,4rem)}.prose{margin-top:3.5rem}.prose h2{font-size:1.4rem}.prose a{text-underline-offset:.2rem}.prose code{background:#eae9e2;border-radius:3px;padding:.15rem .3rem}footer{color:#77776f;border-top:1px solid #deddd6;padding:1.5rem 0 2.5rem;font-size:.82rem}@media (width<=560px){header{align-items:flex-start;gap:1rem}.header-links{justify-content:flex-end;gap:.75rem}main{padding:4rem 0 6rem}.row{grid-template-columns:1fr;gap:.4rem}}
