/* Legacy blog pages (hand-written Tailwind template): minimal containment only. Loaded after the tailwind vendor CSS. */
html,body{overflow-x:clip}
img,svg,video,table{max-width:100%}
img,video{height:auto}
main{overflow-wrap:anywhere;min-width:0}
pre{max-width:100%;overflow-x:auto}
pre code{display:block;max-width:100%;overflow-x:auto;overflow-wrap:normal}
table{display:block;overflow-x:auto}
header nav,header nav>div{flex-wrap:wrap;min-width:0}
header nav{gap:.5rem 1rem}
header nav a{display:inline-flex;align-items:center;min-height:44px}
main a{overflow-wrap:anywhere}
.text-xs{font-size:.875rem;line-height:1.25rem}
.text-light-400{color:#9aa3b2}