:root{--wine:#85253b;--muted:#706b67;--line:#ddd8d1;--rose:#f5e9ed}main{max-width:1400px;margin:auto;padding:30px}h1{margin:24px 0 10px;font-size:clamp(34px,5vw,58px)}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--wine);font-weight:750}.catalog-controls{display:flex;gap:22px;align-items:end;flex-wrap:wrap;margin:28px 0}.catalog-controls label{display:grid;gap:8px;font-size:13px;font-weight:700}.catalog-controls input,.catalog-controls select{padding:12px;border:1px solid var(--line);border-radius:4px;font:inherit;background:white;min-width:180px}#search{min-width:280px}.sort{border:0;padding:0;background:none;font:inherit;font-weight:700;color:var(--wine);cursor:pointer}td{vertical-align:top}td:first-child{font-weight:650}td small{display:block;color:var(--muted);font-size:12px;margin-top:6px;font-weight:400}td a{display:inline-block;padding:7px 10px;border:1px solid var(--wine);border-radius:4px;text-decoration:none;margin-bottom:6px;color:var(--wine)}thead th{position:sticky;top:0}tbody tr:hover{background:var(--rose)}table{font-size:14px}.table-wrap{overflow:auto}#count{font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.metric{padding:24px;border:1px solid var(--line);border-top:3px solid #b39455}.metric strong{font-size:36px;color:var(--wine);display:block}.metric span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.timeline{border-left:2px solid #b39455;margin:24px 0 30px 10px;padding-left:25px}.event{position:relative;padding:0 0 28px}.event:before{content:'';position:absolute;left:-32px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--wine);border:2px solid white}.event h3{margin:0 0 9px}.event p{margin:6px 0}.badge{display:inline-block;padding:5px 8px;border-radius:4px;background:#f1edef;color:var(--wine);font-weight:700;font-size:12px}.badge.first{background:#e8f0e9;color:#315c3a}.method,.note{padding:20px;background:#f8f6f3;margin-top:24px;line-height:1.6}.method summary{cursor:pointer;font-weight:700}.event .source{font-size:13px;color:var(--muted)}@media(max-width:700px){main{padding:18px}.metrics{grid-template-columns:1fr}.catalog-controls{gap:14px}#search{min-width:0;width:100%}.catalog-controls label{width:100%}}