.media-lens{box-sizing:border-box;min-width:0;--lens-gold:#e1bc77;--lens-muted:#aab8ba;color:#edf1e9;background:#172a2a;border:1px solid #52706a;border-radius:18px;padding:clamp(18px,3vw,34px);margin:24px 0}.media-lens header>span,.media-lens-card-top{font-size:.72rem;font-weight:800;letter-spacing:.09em;color:var(--lens-gold)}.media-lens h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:.35rem 0}.media-lens header p,.media-lens-limit{color:var(--lens-muted);max-width:72ch;line-height:1.5}.media-lens-controls{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.media-lens-controls label{display:grid;min-width:0;gap:5px;color:var(--lens-muted);font-size:.8rem;flex:1 1 160px}.media-lens-controls select{box-sizing:border-box;width:100%;min-width:0;background:#253f3e;color:#fff;border:1px solid #79928b;border-radius:7px;padding:10px;font:inherit}.media-lens-limit{border-left:3px solid var(--lens-gold);padding-left:12px;font-size:.87rem}.media-lens-count{font-size:.8rem;color:var(--lens-muted)}.media-lens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px}.media-lens-card{min-width:0;background:#233c3b;border:1px solid #506965;border-radius:12px;padding:18px;line-height:1.5}.media-lens-card[hidden]{display:none}.media-lens-card-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;letter-spacing:.04em}.media-lens-card-top time{color:var(--lens-muted);font-weight:500}.media-lens-card h3{font-size:1.3rem;margin:.8rem 0 0}.media-lens-target{color:var(--lens-muted);font-size:.85rem}.media-lens-value{font-size:2.3rem;line-height:1.2;font-weight:800;color:var(--lens-gold)}.media-lens-meter{height:8px;background:#172a2a;border-radius:8px;overflow:hidden}.media-lens-meter i{display:block;height:100%;background:var(--lens-gold)}.media-lens-card p{font-size:.88rem}.media-lens-card summary{cursor:pointer;color:var(--lens-gold);font-weight:700}.media-lens-card details p{color:#cbd6d0}.media-lens-source{border-top:1px solid #506965;margin-top:16px;padding-top:12px;display:grid;gap:5px;font-size:.8rem;overflow-wrap:anywhere}.media-lens-source a{color:#f1d499}.media-lens-source small{color:var(--lens-muted)}.media-lens-proposal{border-color:#9e854f}.media-lens select:focus-visible,.media-lens summary:focus-visible,.media-lens a:focus-visible{outline:3px solid #f4d087;outline-offset:3px}
