:root{--ink:#29433d;--paper:#faf6e8;--line:#ddd6bd;--accent:#b76b47}*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}header{padding:48px 20px 24px;text-align:center;border-bottom:1px solid var(--line)}h1{font:400 44px Georgia,serif;margin:0 0 8px}header p{margin:0 auto;max-width:620px;color:#6d7b6b;line-height:1.6}main{max-width:1080px;margin:0 auto;padding:24px 16px 60px}h2{font:400 26px Georgia,serif;margin:36px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:#fffdf5;border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:inherit;display:block}.card img{width:100%;border-radius:8px;background:#fff;aspect-ratio:4/3;object-fit:contain}.card h3{margin:10px 0 4px;font-size:17px}.card p{margin:0;font-size:13px;color:#6d7b6b;line-height:1.5}.empty{color:#8a957f;font-style:italic}article{max-width:760px;margin:0 auto}pre{white-space:pre-wrap;background:#fffdf5;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto}.text{white-space:pre-wrap;line-height:1.8;font:18px Georgia,serif}button,.button{font:inherit;background:var(--ink);color:#fff;border:0;border-radius:20px;padding:9px 18px;margin:6px 6px 0 0;cursor:pointer;text-decoration:none;display:inline-block}p.archived{display:inline-block;background:#efe6d2;color:#7a5a3a;border-radius:10px;padding:2px 9px;font-size:12px;margin:4px 0}iframe{width:100%;height:520px;border:1px solid var(--line);border-radius:10px;background:#fff}a{color:var(--accent)}footer{text-align:center;padding:30px;color:#8a957f;font-size:13px}