:root{
  --indigo:#160572;--cream:#f2ebe6;--white:#fff;--slate:#2c2c2c;--cobalt:#2544a0;--rose:#d98199;
  --serif:"Fraunces","Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gutter:clamp(1.25rem,4vw,2.75rem);--read:42.5rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--slate);font:400 1.0625rem/1.7 var(--sans)}
img,svg{max-width:100%;height:auto}
a{color:var(--cobalt);text-underline-offset:.18em}
a:hover{color:var(--indigo)}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:var(--gutter);top:.5rem;background:var(--white);padding:.5rem .75rem;z-index:10}
.site-header{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;padding:1.25rem var(--gutter);max-width:1200px;margin:0 auto}
.wordmark{font:700 1.25rem var(--serif);color:var(--indigo);text-decoration:none}
.wordmark span{font-weight:400;margin-left:.3em}
.site-nav{display:flex;gap:1.25rem;font-weight:600;font-size:.95rem}
.site-nav a{color:var(--indigo);text-decoration:none}
.site-nav a:hover{text-decoration:underline}
main{max-width:var(--read);margin:0 auto;padding:2rem var(--gutter) 4rem}
h1,h2,h3{font-family:var(--serif);color:var(--indigo);line-height:1.2}
h1{font-size:clamp(2rem,6vw,2.75rem);margin:.4em 0}
h2{font-size:1.6rem;margin-top:2em}
pre{overflow-x:auto;padding:1rem;border-radius:.5rem;background:var(--white);font-size:.9rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--rose)}
.post-list{list-style:none;padding:0;margin:2rem 0}
.post-list li{padding:1.25rem 0;border-top:1px solid rgba(22,5,114,.15)}
.post-list h2{margin:.1em 0;font-size:1.4rem}
.post-list a{text-decoration:none}
.meta{font-size:.9rem;color:#555}
.tags a{display:inline-block;margin-right:.5rem;font-size:.85rem}
.cta,.author-box{margin-top:3rem;padding:1.25rem 1.5rem;background:var(--white);border-radius:.75rem}
.site-footer{max-width:var(--read);margin:0 auto;padding:2rem var(--gutter) 3rem;font-size:.9rem;color:#555}