
html{scroll-behavior:smooth}body{margin:0;background:#fbf8ef;color:#14130f;--color-text:#14130f;--color-neutral-600:oklch(.55 .03 55);--color-neutral-700:oklch(.45 .03 50);font-family:var(--font-body)}
::selection{background:#f7df92}a{color:#8a5e08;text-decoration-thickness:.06em;text-underline-offset:.14em}a:hover{color:#6f4a06;text-decoration-thickness:.1em}a:focus-visible,summary:focus-visible{outline:2px solid #8a5e08;outline-offset:4px}
.site-shell{display:grid;grid-template-columns:minmax(0,1040px) minmax(200px,1fr);gap:clamp(24px,4vw,64px);max-width:1440px;margin:0 auto}
.site-main{min-width:0;padding:clamp(48px,8vw,112px) clamp(24px,6vw,96px) 96px;font-size:clamp(19px,1.8vw,22px);line-height:1.6;text-wrap:pretty}.site-main>*{max-width:760px}
.personal-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--color-text);text-decoration:none;font-size:clamp(20px,2.5vw,28px);line-height:1.2;font-weight:600}.personal-brand img{display:block;width:clamp(56px,7vw,80px);height:auto;border-radius:50%}
.page-header{margin-bottom:clamp(40px,6vw,64px)}.page-header .personal-brand{flex-direction:row;align-items:center;gap:18px}
h1{font-size:clamp(32px,4.2vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin:0 0 24px;text-wrap:balance}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.01em;margin:56px 0 20px}h3{font-size:1.15em;line-height:1.3;margin:28px 0 12px}p{margin:0 0 24px}.page-lede{font-size:clamp(21px,2.1vw,26px);line-height:1.5}.now-updated{font-size:16px;color:var(--color-neutral-700)}ul{padding-left:24px}li{margin-bottom:16px}.appearance-list{list-style:none;padding:0}.appearance-list li{margin-bottom:24px}.appearance-list span{display:block;font-size:17px;color:var(--color-neutral-700)}.page-cta{font-weight:600}
.site-sidebar{padding:clamp(48px,8vw,112px) 32px 96px 0}.site-sidebar nav{position:sticky;top:48px;display:flex;flex-direction:column;gap:12px}.nav-label{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-700);margin-bottom:8px}.site-navigation a{font-size:18px;line-height:1.3;text-decoration:none;color:var(--color-neutral-700);padding:6px 0}.site-navigation a:hover{color:#8a5e08}.site-navigation a[aria-current]{color:var(--color-text);font-weight:600}.mobile-navigation{display:none}
.site-footer{margin-top:72px;padding-top:24px;border-top:1px solid #ded8ca;font-size:17px;color:var(--color-neutral-700)}.site-footer p{margin:0}.home-current{margin:40px 0 0;color:var(--color-neutral-700)}[data-blog-posts] li{display:flex;flex-direction:column;gap:6px}[data-blog-posts] time{font-size:15px;color:var(--color-neutral-700)}figure{margin:24px 0}figure img{display:block;width:100%;height:auto;border-radius:4px}figcaption{font-size:15px;font-style:italic;color:var(--color-neutral-600);margin-top:8px}[id]{scroll-margin-top:32px}.skip-link{position:absolute;left:24px;top:-100px;z-index:40;background:#fbf8ef;padding:12px}.skip-link:focus{top:12px}
@media(max-width:1100px){.site-shell{display:block;max-width:960px}.site-sidebar{display:none}.mobile-navigation{display:block;position:sticky;top:0;z-index:20;background:#fbf8ef;border-bottom:1px solid #ded8ca}.mobile-navigation summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px clamp(24px,6vw,66px);box-sizing:border-box;cursor:pointer;list-style:none;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary:after{content:'+';font-size:24px;font-weight:400;line-height:1}.mobile-navigation[open] summary:after{content:'−'}.mobile-navigation nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;max-height:60dvh;overflow:auto;padding:0 clamp(24px,6vw,66px) 16px}.mobile-navigation nav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box}.site-main{padding-top:48px}.site-main>*{max-width:760px}[id]{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
