.archive-main{max-width:1400px;margin:auto;padding:32px}.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive-heading h1{margin:8px 0}.archive-heading p,.archive-empty p{color:var(--muted);line-height:1.6}.archive-filters{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 12px}.archive-filters label{display:grid;gap:6px;font-size:12px;font-weight:600}.archive-filters input,.archive-filters select{padding:10px;border:1px solid var(--line);border-radius:7px;font:inherit;background:#fff}.archive-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;margin-top:24px}.archive-item{display:block;text-align:left;width:100%;padding:16px;border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:10px;color:var(--green);cursor:pointer}.archive-item:hover,.archive-item.active{border-color:var(--green);background:#f1f5ed}.archive-item strong,.archive-item span,.archive-item small{display:block}.archive-item span{margin:7px 0;font-size:13px}.archive-item small{color:var(--muted);line-height:1.5}.archive-detail-head{padding:20px;border-bottom:1px solid var(--line)}.archive-detail-head h2{font-size:20px;margin:0 0 10px}.archive-detail-head p{font-size:12px;overflow-wrap:anywhere;line-height:1.6}.archive-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-frame{border:0;width:100%;height:75vh;background:white}.archive-empty{padding:30px}.archive-status-error{color:#a44435}.archive-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.archive-detail-head .notice{font-size:12px}@media(max-width:750px){.archive-main{padding:20px 14px}.archive-layout{grid-template-columns:1fr;gap:16px}.archive-heading{align-items:flex-start}.archive-heading h1{font-size:28px}.archive-heading .button{white-space:normal}.archive-filters{gap:10px}.archive-filters label{flex:1;min-width:130px}.archive-frame{height:70vh}}