/* ===========================
   CSS BASELINE — July 2026
   =========================== */

*,*::before,*::after{box-sizing:border-box;}
*{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{min-height:100dvh;line-height:1.5;overflow-wrap:break-word;}
img,picture,svg,canvas,video{display:block;max-width:100%;height:auto;}
img{font-style:italic;}
input,button,textarea,select{border:0;outline:0;font:inherit;color:inherit;}
textarea{resize:vertical;}
button{cursor:pointer;background:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}

/* ===========================
   CSS TYPOGRAPHY — July 2026
   =========================== */

body{font:400 1rem/1.5 system-ui,sans-serif;background:gray;}

/* ===========================
   CSS LAYOUT — July 2026
   =========================== */
.page {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap: 1.25rem 0;
    max-width:60ch;min-height:100dvh;width:100%;
    margin-inline:auto;
    padding-inline:clamp(1rem, -0.143rem + 5.71vw, 2rem);
    padding-block: 1.5rem;
    background:yellow;
}
.page-header,.page-main,.page-footer{background:lime;}
.page-main{flex:1;}