/* Grey-box styles. Tokens from the printed menus land in Task 2. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#222;background:#f4efe6}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px}
.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px}
.site-header nav ul,.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
main{padding:16px}
.site-footer{padding:16px;border-top:1px solid #ccc}