body{margin:0;background:#f6f0e6;color:#24251f;font:17px/1.6 system-ui,sans-serif}a{color:#344b3e}a:focus-visible,summary:focus-visible{outline:3px solid #ad6048;outline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid #e3dacb}nav{display:flex;gap:20px;flex-wrap:wrap}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(32px,5vw,54px)}.intro{max-width:780px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px}.art{margin:0;min-width:0;background:#fffdf8;padding:12px}.art img{width:100%;height:300px;object-fit:contain;display:block}.art figcaption{font-size:14px;margin-top:10px}.cover{max-height:440px;max-width:100%;object-fit:contain}.crumbs{font-size:14px}.note{border-left:3px solid #ad6048;padding:12px 18px;background:#fffdf8}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;padding:10px}footer{border-top:1px solid #e3dacb;font-size:14px}.page-card{padding:18px;background:#fffdf8}.page-card img{width:100%;height:220px;object-fit:contain}img{max-width:100%}