/* Match Safari's surrounding canvas to the header and clear its curved edge. */
html:has(body.ducklife-site){background:#28263f}
.ducklife-site .duck-header{margin-bottom:24px}
@media(max-width:720px){.ducklife-site .duck-header{margin-bottom:20px}}

/* Safari samples the body colour for its browser chrome. Keep paper on main. */
@media(max-width:720px){
 body.ducklife-site{background:#28263f}
 body.ducklife-site #main{background:var(--paper);display:flow-root;padding-top:20px}
 body.ducklife-site .duck-header{margin-bottom:0}
}