*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;line-height:1.5}main,header,footer{display:block}header,main,footer{max-width:1100px;margin:0 auto;padding:16px}header nav{display:flex;flex-wrap:wrap;gap:12px}header nav a{text-decoration:none}header nav a:hover,header nav a:focus-visible{text-decoration:underline}app-breadcrumbs nav{max-width:1100px;margin:0 auto;padding:0 16px}app-breadcrumbs ol{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}app-breadcrumbs li+li:before{content:"/";margin-right:8px}footer{padding-top:8px}