*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#233b30;font:17px/1.85 -apple-system,BlinkMacSystemFont,sans-serif}header,main{max-width:780px;margin:auto;padding:20px}a{color:#205d46}h1{font-size:1.7rem;line-height:1.5}nav{display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid #9ab4a1;background:#fff;color:#183e32;cursor:pointer}button[aria-pressed=true]{background:#e5eee5}.reader-copy{white-space:pre-wrap;overflow-wrap:anywhere}#reader-content>img{width:100%;height:auto;border-radius:10px;margin-top:16px}.reader-note{font-size:14px;color:#56685e}.preview-notice{padding:12px;border:1px solid #d8bf88;background:#fff8e9;font-size:15px}.reader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.reader-grid article{background:white;padding:12px;border-radius:10px}.reader-grid img{width:100%;aspect-ratio:1;object-fit:cover}.reader-grid h2{font-size:1.1rem}@media(max-width:540px){header,main{padding:14px}h1{font-size:1.4rem}.reader-grid{grid-template-columns:1fr}nav button{flex:1}}
.reader-search{margin:0 0 2rem;padding:1rem;background:#f0eee5;border-radius:12px}.reader-search label{display:block;font-weight:600;margin-bottom:.5rem}.reader-search input{box-sizing:border-box;width:100%;min-height:48px;font-size:17px;padding:12px;border:1px solid #777;border-radius:8px}.article-number{font-weight:700;letter-spacing:.05em}