body{display:block;padding:100px 20px 40px;font-family:Arial,sans-serif;background:#f7f2e9;color:#221c12}.search-bar{max-width:800px;margin:0 auto 20px}.search-bar input{width:100%;box-sizing:border-box;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(34,28,18,.15);font-size:1rem}.tags{max-width:800px;margin:0 auto 20px;background:#ffffffb3;border-radius:12px;padding:.75rem 1rem}.tags h3{margin:0 0 .75rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.tag-list button{border:1px solid rgba(34,28,18,.12);background:#ffc4002e;border-radius:999px;padding:.45rem .8rem;cursor:pointer;font:inherit}.tag-list button.active{background:#1d1d1d;color:#fff}.archive-panel{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.archive-card{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 12px 26px #00000014;cursor:pointer}.archive-card img{width:100%;height:180px;object-fit:cover;display:block}.archive-card-content{padding:.9rem}.archive-card h3{margin:0 0 .5rem;font-size:1.1rem}.archive-card p{margin:0;font-size:.92rem;line-height:1.6}.archive-detail{background:#ffffffd9;border-radius:16px;padding:1rem;box-shadow:0 12px 26px #00000014;position:sticky;top:100px}.archive-detail img{width:100%;border-radius:12px;max-height:260px;object-fit:cover;margin-bottom:1rem}.archive-detail h2{margin-top:0}.archive-detail h3{margin-bottom:.45rem}.archive-meta,.archive-relationship,.archive-tags{margin-bottom:1rem}.archive-tag-list{display:flex;flex-wrap:wrap;gap:8px}.archive-tag-list span{background:#ffc4002e;border-radius:999px;padding:.28rem .65rem;font-size:.75rem}@media (max-width: 768px){body{padding-left:14px;padding-right:14px}.archive-panel{grid-template-columns:1fr}.archive-detail{position:static}}