header{border-bottom:1px solid #d8d8d8;width:100%;height:60px}header .content{height:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 1rem;display:flex}header .content h1{font-size:1rem;font-weight:600}header .content .spacer{background-color:#d8d8d8;width:1px;height:24px;margin:0 1rem}header .content span{font-size:1rem}header .content .advice{margin-left:auto}header .content .advice span{font-size:13px}
.layout{grid-template-areas:"header""main";width:100%;max-height:100dvh;display:grid}header{z-index:999;background-color:#fff;grid-area:header;position:fixed;top:0;left:0;right:0}main{grid-area:main;margin-top:60px}