/* reset.css - simple reset and base typography */
/* Comment: small reset suitable for this project to keep CSS compact */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.4;font-family:Inter, 'Segoe UI', Roboto, system-ui, -apple-system, 'Helvetica Neue', Arial; color:var(--text-color); background:var(--bg-color);}
ol,ul{list-style:none}
img{max-width:100%;display:block}
button{font:inherit}
a{text-decoration:none;color:inherit}
*,*::before,*::after{box-sizing:border-box}

/* Base container */
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}

/* Utility */
.lead{color:var(--muted-color);line-height:1.5}