h1,h2,h3,.font-playfair{font-family:'Playfair Display','Playfair Display Fallback',Georgia,serif!important}.font-sans{font-family:'Plus Jakarta Sans','Plus Jakarta Sans Fallback',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}nav#main-header a.nav-link.active{color:#3b82f6!important}
  /* ===== assets/mobile-fixes.css (inlined for live server) ===== */
/* Missing utilities not present in compiled assets/tailwind.css */
.min-h-\[100svh\]{min-height:100svh}
.min-h-full{min-height:100%}
.z-\[70\]{z-index:70}
.z-\[80\]{z-index:80}
.opacity-100{opacity:1}
.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.gap-5{gap:1.25rem}
.pb-10{padding-bottom:2.5rem}
.z-\[90\]{z-index:90}
#reading-progress{pointer-events:none}
#article-toc summary{list-style:none;-webkit-appearance:none}
#article-toc summary::-webkit-details-marker{display:none}
#article-toc[open] .toc-chevron{transform:rotate(180deg)}
.article-toc-link{position:relative;display:flex;align-items:center;gap:.5rem}
.article-toc-link::before{content:"";width:.35rem;height:.35rem;border-radius:9999px;background:#3b82f6;flex-shrink:0;opacity:.7}
article.prose h2[id],article.prose h3[id]{scroll-margin-top:9rem}
body{overflow-x:hidden}
@media (max-width:767px){
  article.prose p{font-size:1.0625rem;line-height:1.8}
  article.prose h2{font-size:1.4rem;line-height:1.35}
  article.prose h3{font-size:1.2rem;line-height:1.4}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (min-width:768px){
  .md\:min-h-\[max\(100svh\2c 800px\)\]{min-height:max(100svh,800px)}
  .md\:py-0{padding-top:0;padding-bottom:0}
  .md\:opacity-0{opacity:0}
  .md\:group-hover\:opacity-100{opacity:1}
}
/* Share button brand colors (not present in compiled tailwind.css) */
.bg-green-500{background-color:#22c55e}
.bg-green-600{background-color:#16a34a}
.hover\:bg-green-600:hover{background-color:#16a34a}
.bg-sky-500{background-color:#0ea5e9}
.bg-sky-600{background-color:#0284c7}
.hover\:bg-sky-600:hover{background-color:#0284c7}
/* Header utilities (not present in compiled tailwind.css) */
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.bg-white\/90{background-color:rgba(255,255,255,.9)}
.bg-white\/80{background-color:rgba(255,255,255,.8)}
@media (min-width:1024px){
  .lg\:h-16{height:4rem}
  .lg\:h-20{height:5rem}
}