.event-item{display:flex;align-items:stretch;gap:12px;padding:0 12px;border-bottom:1px solid var(--line)}
.event-main{display:grid;grid-template-columns:180px 1fr 30px;align-items:center;gap:25px;flex:1;min-width:0;padding:28px 0;transition:background .2s}
.event-item:hover{background:rgba(180,231,91,.04)}
.event-main>span{color:var(--green);font-size:23px}
.event-attachment{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(180,231,91,.38);border-radius:999px;color:var(--green);font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}
.event-attachment:hover{border-color:var(--green);background:rgba(180,231,91,.12)}
.event-attachment svg,.event-document-detail svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.event-document-detail{display:flex;align-items:center;gap:14px;max-width:520px;margin-top:28px;padding:17px 19px;border:1px solid rgba(180,231,91,.38);border-radius:16px;background:rgba(180,231,91,.06);color:var(--green);transition:.2s}
.event-document-detail:hover{background:rgba(180,231,91,.11);border-color:var(--green)}
.event-document-detail svg{width:27px;height:27px;flex:none}
.event-document-detail span{display:grid;gap:3px;flex:1}
.event-document-detail small{color:#b9c5b9;font-size:12px}
.event-document-detail b{font-size:18px}
html.theme-light .event-document-detail small{color:#536259}
@media(max-width:600px){.event-item{padding:0 3px;gap:8px}.event-main{grid-template-columns:1fr 25px;gap:5px;padding:22px 0}.event-main .event-date{grid-column:1;font-size:13px}.event-main>div{grid-column:1}.event-main>span{grid-column:2;grid-row:1 / span 2}.event-attachment{padding:9px}.event-attachment span{display:none}.event-document-detail{align-items:flex-start}.event-document-detail small{line-height:1.45}}