:root{color-scheme:light;--ink:#253329;--paper:#f8f3e7;--accent:#315b52}*{box-sizing:border-box}body{margin:0;background:#1b3030;color:var(--ink);font:17px/1.75 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid #c7754b;outline-offset:5px}header,main,footer{max-width:1000px;margin:auto}header{padding:24px;color:var(--paper)}header a{color:var(--paper)}.brand{font:700 24px Georgia,serif;text-decoration:none}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;font-size:14px}.breadcrumbs li+li:before{content:"/";margin-right:10px;color:#b8c1b5}main{background:var(--paper);border-top:4px solid var(--accent);padding:clamp(24px,6vw,64px);border-radius:3px}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(36px,6vw,56px);margin:0 0 24px}h2{font-size:30px;margin:0 0 20px}p{max-width:72ch}.status{font-size:14px;color:#536056}.bookplate{float:right;width:160px;margin:0 0 24px 24px}section{clear:both;margin-top:56px;scroll-margin-top:24px}img,video{max-width:100%;height:auto}figure{margin:28px 0}.workflow img{display:block;width:100%}.project-image{display:block;margin:24px auto;max-height:720px;object-fit:contain}.project-list{padding-left:22px}.project-list li{margin-bottom:24px}.project-list p{margin:4px 0}.chapter-index{clear:both;border-block:1px solid #cbc9b7;padding:16px 0}.chapter-index a{display:inline-block;margin:5px 18px 5px 0}.button{display:inline-flex;padding:10px 16px;background:var(--accent);color:var(--paper);border-radius:3px;text-decoration:none;font-weight:600}.related{border-top:1px solid #cbc9b7;padding-top:30px}.related a{display:inline-block;margin:6px 18px 6px 0}footer{padding:24px;color:var(--paper);font-size:14px}footer a{color:inherit;margin-right:20px}.error-number{font:700 72px Georgia,serif;color:var(--accent);margin:0}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:8px;background:var(--paper);padding:10px;z-index:2}@media(max-width:600px){header{padding:20px}main{margin:0 10px;padding:24px 18px}.bookplate{width:94px;margin-left:14px}h2{font-size:26px}section{margin-top:38px}}@media(min-width:601px)and (max-width:1024px){.workflow{max-width:440px;margin-inline:auto}}
