@layer typography{h2{text-transform:uppercase;font-size:inherit}h3{font-size:inherit;padding:calc(var(--grid-size)/2)0;margin-top:calc(var(--grid-size)/-2);border-bottom:var(--border-width)solid var(--background-layer);&:target{background:var(--accent-color-background)}& a[href^=\#]:first-child{margin-right:calc(var(--grid-size)/2);border-bottom-color:#0000;font-weight:400}}page-layout{& h2{text-wrap:balance;margin:1em 0 .25em;font-size:1.5em}& h3{text-wrap:balance;margin:1em 0 .25em;font-size:1.25em}}p,hr,ul,ol,dl,table{margin:var(--grid-size)0}ul{padding-left:var(--grid-size)}li{margin:calc(var(--grid-size)/4)0}table code{white-space:nowrap}time{color:var(--tertiary-content);font-weight:400}ul ul,ol ol,ul ol,ol ul{padding-left:calc(var(--grid-gap)*4);margin:0}h2 code,h3 code,p code,li code,table code{letter-spacing:.1em;font-style:italic!important}img{max-width:100%}hr{border:none;border-bottom:calc(var(--grid-gap)/2)solid var(--background-layer)}dt{margin:var(--grid-gap)0;font-weight:700}dd{margin:var(--grid-gap)calc(var(--grid-gap)*2)}table{text-align:left;border-collapse:collapse}th,td{border:1px solid var(--background-layer);padding:var(--grid-gap)}th{background:var(--background-layer)}figure{border:var(--border-width)solid var(--background-layer);margin:1em 0;& img{max-width:100%}& figcaption{margin:calc(var(--grid-gap)*2);font-style:italic}& video{max-width:100%;display:block}}figure.video{padding-top:25px;padding-bottom:56.25%;position:relative;& iframe{width:100%;height:100%;position:absolute;top:0;left:0}}a{transition:color var(--transition-time),background-color var(--transition-time),border-color var(--transition-time),outline-color var(--transition-time);font-weight:700;text-decoration:none}a:link{color:var(--accent-color-focus);border-bottom:.2em solid var(--underline-color)}a:visited{color:var(--accent-color);border-bottom:.2em dotted var(--underline-color)}a:hover{color:var(--base-content);background:var(--accent-color-background);--underline-color:hsl(from var(--accent-color-focus)h s l/.5)}a:focus{outline:1px solid var(--accent-color-focus);box-shadow:inset 0 0 .333em var(--accent-color-focus),0 0 .333em var(--accent-color-focus);--underline-color:transparent}a:active{color:var(--base-content);text-shadow:1px 1px .1em var(--accent-color-focus)}a.heroLink{padding:var(--grid-gap);text-align:center;z-index:2;background:var(--link-color);justify-self:center;width:100%;margin:2em 0;display:inline-block;position:relative;border:none!important}a.heroLink:before{content:"";z-index:1;top:calc(var(--border-width)*-2);left:calc(var(--border-width)*-2);bottom:calc(var(--border-width)*-2);right:calc(var(--border-width)*-2);border:var(--border-width)solid var(--link-color);background-color:#0000;position:absolute}a.heroLink,a.heroLink:link,a.heroLink:visited{--link-color:var(--accent-color);color:var(--base-background)}a.heroLink:hover,a.heroLink:active{--link-color:var(--accent-color-focus);color:var(--base-background)}a.heroLink:focus{--link-color:var(--accent-color-focus);box-shadow:inset 0 0 .333em var(--accent-color-focus),0 0 .666em .15em var(--accent-color-focus);outline:none;text-decoration:underline}summary{font-weight:700}}