/* Readable content before the app loads, with JavaScript disabled, and on 404 pages. */
.seo-document{box-sizing:border-box;max-width:1160px;margin:auto;padding:24px clamp(18px,4vw,48px);color:#30291e;font-family:"Yu Mincho",YuMincho,serif;line-height:1.85;background:#f5ecdb url('/materials/paper-fiber-420-1x.webp') repeat;overflow-wrap:anywhere}
.seo-document *{box-sizing:border-box}.seo-document a{color:#254e43;text-underline-offset:3px}.seo-document a:focus-visible{outline:3px solid #426b5c;outline-offset:4px}
.seo-header,.seo-footer,.seo-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.seo-header{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #8f7b5b}.seo-header>a{font-size:1.4rem;font-weight:700}.seo-document main{padding-block:24px}.seo-document h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.5}.seo-document h2{margin-block-start:2em}.seo-document h3{line-height:1.6}.seo-document article>section{margin-block:30px}.seo-catalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.seo-catalogue article{padding:20px;border:1px solid #ab9369;border-radius:3px}.seo-puzzle-labels{font-size:.85rem}.seo-problem{white-space:pre-line}.seo-footer{padding-top:24px;border-top:1px solid #8f7b5b;font-size:.85rem}.seo-example{padding:16px;border-left:3px solid #8f7b5b}