footer{padding-block-start:0}sketchbook-footer{border:none;&[side=verso]{@media screen and (width<900px){display:none}}}sketch-layout{background-color:var(--sketch-background-color);color:var(--sketch-foreground-color);grid-template-rows:[nav]auto[sketch]1fr;display:grid;position:relative;&:before{background-color:var(--sketch-tint-color,transparent);content:"";mix-blend-mode:var(--sketch-tint-mbm,multiply);opacity:var(--sketch-tint-opacity);pointer-events:none;z-index:1;position:absolute;inset:0}& main{z-index:0;grid-row:sketch;display:grid}}sketch-metadata{color:var(--ink-blue-bright);justify-content:space-between;font-size:1.25rem;line-height:1;display:flex;@media screen and (width<900px){margin-inline-end:.375em}@media screen and (width>=900px){border-bottom:1px solid var(--sketchbook-line-color)}&>:has(time){@media screen and (width<900px){display:none}}}sketchbook-page{display:grid;position:relative;&:after,&:before{--tape-color:#bbb;--tape-height:2.25rem;background-image:linear-gradient(var(--tape-color)), linear-gradient(var(--tape-color));content:"";inset-block:-.75rem;inset-inline:calc(var(--sketchbook-paper-padding) - .5rem);opacity:.2;pointer-events:none;transform-origin:50%;z-index:2;background-repeat:no-repeat;display:block;position:absolute;@media screen and (width>=900px){--tape-height:3rem;inset-block:-.5rem}}&:after{--tape-top-position:50% 0;--tape-top-width:calc(1.5 * var(--tape-height));background-position:var(--tape-top-position);background-size:var(--tape-top-width) var(--tape-height);@media screen and (width>=900px){--tape-bottom-right-position:100% 100%;--tape-bottom-right-width:calc(1.25 * var(--tape-height));--tape-top-left-position:0rem 0rem;--tape-top-left-width:calc(1.25 * var(--tape-height));background-position:var(--tape-top-left-position), var(--tape-bottom-right-position);background-size:var(--tape-top-left-width) var(--tape-height), var(--tape-bottom-right-width) var(--tape-height);inset-block:-.5rem;inset-inline:calc(var(--sketchbook-paper-padding) - .75rem)}}&:before{--tape-bottom-position:50% 100%;--tape-bottom-width:calc(1.5 * var(--tape-height));background-position:var(--tape-bottom-position);background-size:var(--tape-bottom-width) var(--tape-height);@media screen and (width>=900px){--tape-bottom-left-position:0% 100%;--tape-bottom-left-width:calc(1.5 * var(--tape-height));--tape-top-right-position:100% 0%;--tape-top-right-width:calc(2 * var(--tape-height));background-position:var(--tape-top-right-position), var(--tape-bottom-left-position);background-size:var(--tape-top-right-width) var(--tape-height), var(--tape-bottom-left-width) var(--tape-height)}}}