@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation:auto;
  }
}

@layer reset {
  *, *::before, *::after { box-sizing:border-box; }
  * { margin:0; padding:0; }
  body { line-height:1.5; }
  img, picture, video, canvas, svg { display:block; max-inline-size:100%; }
  img { height:auto; }
  input, button, textarea, select { font:inherit; letter-spacing:inherit; word-spacing:inherit; color:currentColor; }
  p, h1, h2, h3, h4, h5, h6 { overflow-wrap:break-word; }
  ol, ul { list-style:none; }
	table {	border-collapse:collapse;	border-spacing:0;	width:100%; }
	audio { width:100%; }
	article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }
}

:root {
	--font-family: 'Liberation Serif', 'Times New Roman', serif;
	--line-height: 1.4;
	--color-text:rgb(51,51,51);
	--color-bg-light:#f7f7f7;
	--color-status-listed:#a7bd68;
	--color-status-unlisted: #7e9abf;
	--color-status-draft: #d16464;
}

a { color:currentColor; }
a:focus-visible { outline-offset:0.25em; outline-width:0.25em; outline-color:currentColor; }

html { padding-bottom:4rem; scroll-padding-bottom:4rem; }
body { background:var(--color-bg-light); color:var(--color-text); line-height:var(--line-height); }
html, html button, html input, html select, html textarea { font:normal 400 18px var(--font-family); }

.visuallyhidden:not(:focus):not(:active) { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }