:root{
  --paper:#F6F8F5; --ink:#1D2B24; --muted:#56665D; --line:#D3DDD5;
  --leaf:#2E6047; --amber:#94570F; --amber-tint:#F4E8D4; --card:#FFFFFF;
  --read:'Literata',Georgia,'Times New Roman',serif;
  --ui:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#121915; --ink:#E3EAE5; --muted:#9DAEA4; --line:#2B3730;
  --leaf:#8FC6A6; --amber:#E2A65B; --amber-tint:#2A2216; --card:#18211C; color-scheme:dark;}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.7 var(--read)}
a{color:var(--leaf);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--card);padding:.5rem 1rem;z-index:9}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.site-head{border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font:600 1.2rem/1 var(--read);color:var(--ink);text-decoration:none}
.drop{width:.8rem;height:.8rem;background:var(--amber);border-radius:0 50% 50% 50%;transform:rotate(45deg);flex:none}
.nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font:500 .92rem/1.4 var(--ui)}
.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--ink)}
main{padding:2.5rem 0 4rem}
.hero h1,article h1{text-wrap:balance}
.hero h1{font-weight:600;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.08;letter-spacing:-.015em;margin:0 0 1rem;max-width:18ch}
.hero p{color:var(--muted);margin:0 0 2.5rem;max-width:38rem}
h2.section{font:600 1rem/1.3 var(--ui);color:var(--muted);margin:3rem 0 .5rem}
.index{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.index li{border-bottom:1px solid var(--line);padding:1.25rem 0}
.index a.t{font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--ink);text-decoration:none}
.index a.t:hover{color:var(--leaf);text-decoration:underline}
.index p{margin:.35rem 0 0;color:var(--muted);font-size:1rem;line-height:1.55}
.index .when{font:400 .85rem/1.4 var(--ui);color:var(--muted);margin-top:.4rem}
.topics{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.75rem 0 0;list-style:none;font:500 .95rem/1 var(--ui)}
.topics a{display:inline-block;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.topics a:hover{border-color:var(--leaf)}
.topics span{color:var(--muted);margin-left:.35rem}
.crumb{font:500 .9rem/1.4 var(--ui);margin:0 0 .75rem}.crumb a{color:var(--muted)}
article h1{font-weight:600;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.12;letter-spacing:-.012em;margin:0 0 .9rem}
.meta{font:400 .9rem/1.5 var(--ui);color:var(--muted);margin:0 0 1.75rem}
.disclosure{background:var(--amber-tint);border-left:3px solid var(--amber);padding:.8rem 1rem;margin:0 0 2rem;font:400 .92rem/1.55 var(--ui)}
.disclosure a{color:inherit}
.prose h2{font-size:1.6rem;line-height:1.25;margin:2.4rem 0 .6rem;font-weight:600}
.prose h3{font-size:1.3rem;line-height:1.3;margin:2rem 0 .5rem;font-weight:600}
.prose h4,.prose h5,.prose h6{font:600 1.05rem/1.4 var(--ui);margin:1.6rem 0 .4rem}
.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.3rem 0}
.prose img{display:block;margin:1.5rem auto;border-radius:4px}
.prose blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--line);color:var(--muted)}
.table-wrap{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line);border-radius:4px}
.prose table{border-collapse:collapse;width:100%;font:400 .92rem/1.45 var(--ui)}
.prose th,.prose td{padding:.6rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--card)}
.prose iframe{max-width:100%}
a[rel~=sponsored]{color:var(--amber)}
.amz-btn{display:inline-block;margin:.5rem .75rem .5rem 0;padding:.6rem 1rem;border:1px solid var(--amber);border-radius:4px;font:600 .95rem/1 var(--ui);color:var(--amber)}
.author{display:flex;gap:1rem;margin:3rem 0 0;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:6px}
.author .drop{margin-top:.5rem}
.author p{margin:0;font:400 .95rem/1.6 var(--ui);color:var(--muted)}.author strong{color:var(--ink)}
.related{margin-top:3rem}
.site-foot{border-top:1px solid var(--line);padding:2rem 0 3rem;font:400 .85rem/1.6 var(--ui);color:var(--muted)}
.site-foot p{margin:0 0 .8rem;max-width:42rem}
.site-foot nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-bottom:1rem}
.site-foot a{color:var(--muted)}
.notfound{text-align:left}