.lv-main,.lv-detail{
width:var(--max);
max-width:var(--pw3);
margin:0 auto var(--gt2);
}
.lv-view-toggle{
display:flex;
width:max-content;
align-items:center;
margin:var(--gap) auto 14px;
padding:3px;
border-radius:var(--br9);
background-color:var(--bg3);
}
.lv-view-opt{
font-family:var(--ff2);
font-size:var(--fz2);
font-weight:calc(700 + var(--fw-offset));
color:var(--tx3);
text-decoration:none;
padding:7px 18px;
border-radius:var(--br9);
line-height:1;
}
.lv-view-opt:hover{
color:var(--tx1);
text-decoration:none;
}
.lv-view-active,
.lv-view-active:hover{
background-color:var(--bg6);
color:var(--tx1);
}
.lv-main .th-filters{
width:100%;
grid-template-columns:repeat(4,minmax(142px,1fr));
}
.lv-sel-opt{
text-decoration:none;
}
.lv-status{
display:inline-flex;
align-items:center;
gap:var(--gd6);
padding:var(--gd7) var(--gd4);
border-radius:var(--br9);
font-size:var(--fz2);
font-weight:700;
line-height:1.4;
white-space:nowrap;
}
.lv-dot{
width:8px;
height:8px;
border-radius:50%;
background:currentColor;
flex:none;
}
.lv-active{
background:color-mix(in srgb,var(--sv-crit) 14%,transparent);
color:var(--sv-crit);
}
.lv-emerging{
background:color-mix(in srgb,var(--sv-high) 14%,transparent);
color:var(--sv-high);
}
.lv-contained{
background:color-mix(in srgb,var(--sv-med) 14%,transparent);
color:var(--sv-med);
}
.lv-dormant{
background:color-mix(in srgb,var(--tx3) 16%,transparent);
color:var(--tx3);
}
.lv-resolved{
background:color-mix(in srgb,var(--sv-ok) 14%,transparent);
color:var(--sv-ok);
}
.lv-pulse .lv-dot,.lv-head-dot.lv-pulse{
animation:lv-pulse 1.8s ease-in-out infinite;
}
@keyframes lv-pulse{
0%,100%{opacity:1;transform:scale(1);}
50%{opacity:.35;transform:scale(.72);}
}
@media(prefers-reduced-motion:reduce){
.lv-pulse .lv-dot,.lv-head-dot.lv-pulse{animation:none;}
}
.lv-head-dot{
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
margin-right:var(--gd5);
vertical-align:middle;
}
.lv-head-dot.lv-active{background:var(--sv-crit)}
.lv-head-dot.lv-emerging{background:var(--sv-high)}
.lv-head-dot.lv-contained{background:var(--sv-med)}
.lv-head-dot.lv-dormant{background:var(--tx3)}
.lv-head-dot.lv-resolved{background:var(--sv-ok)}
.lv-row-when{
margin-left:auto;
align-self:center;
color:var(--tx3);
font-size:var(--fz2);
white-space:nowrap;
}
.lv-fresh{
display:inline-flex;
align-items:center;
gap:var(--gd7);
color:var(--tx3);
font-size:var(--fz2);
}
.lv-fresh::before{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:var(--sv-ok);
}
.lv-fresh-stale{
color:var(--sv-high);
}
.lv-fresh-stale::before{
background:var(--sv-high);
}
.lv-empty{
margin:var(--gt1) 0;
color:var(--tx2);
font-size:var(--fz0);
text-align:center;
}
.lv-doc{
margin-top:var(--gap);
}
.lv-doc-head{
display:block;
width:auto;
margin:0;
}
.lv-doc-badges{
display:flex;
flex-wrap:wrap;
gap:var(--gd5);
align-items:center;
margin-bottom:var(--gd2);
}
.lv-sev,.lv-cat{
padding:var(--gd7) var(--gd4);
border-radius:var(--br9);
font-size:var(--fz2);
font-weight:700;
}
.lv-cat{
background:var(--bg5);
color:var(--tx3);
}
.lv-doc-title{
font-family:var(--ff1);
font-size:50px;
font-weight:calc(750 + var(--fw-offset));
color:var(--tx1);
line-height:1.3;
margin:0 0 var(--gd2);
}
.lv-doc-sum{
margin:0;
color:var(--tx1);
font-size:var(--fz0);
line-height:var(--lh1);
}
.lv-h{
font-family:var(--ff1);
font-size:24px;
font-weight:calc(700 + var(--fw-offset));
color:var(--tx1);
margin:0 0 var(--gd2);
}
.lv-block{
margin:var(--gap) 0 0;
}
.lv-block p{
margin:0 0 var(--gd2);
font-size:var(--fz0);
line-height:var(--lh1);
color:var(--tx1);
}
.lv-block p:last-child{
margin-bottom:0;
}
.lv-block p.lv-state-def{
color:var(--tx3);
}
.lv-time{
list-style:none;
margin:0;
padding:0;
}
.lv-time-item{
display:grid;
grid-template-columns:140px 1fr;
gap:var(--gt3);
padding:var(--gd3) 0;
align-items:start;
}
.lv-time-date{
color:var(--tx3);
font-size:var(--fz2);
font-weight:700;
white-space:nowrap;
padding-top:.3em;
}
.lv-time-body p{
margin:0 0 var(--gd5);
}
.lv-time-status{
display:inline-block;
padding:var(--gd7) var(--gd5);
border-radius:var(--br9);
font-size:var(--fz2);
font-weight:700;
margin-right:var(--gd6);
}
.lv-time-src{
font-size:var(--fz2);
color:var(--lnk);
}
.lv-src,.lv-rel{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:var(--gd3);
}
.lv-src a,.lv-rel a{
color:var(--lnk);
}
.lv-detail a:hover,.lv-empty a:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.lv-src li,.lv-rel li{
font-size:var(--fz0);
line-height:1.45;
}
.lv-src-site,.lv-src-date,.lv-rel-date{
color:var(--tx3);
}
.lv-src-flag{
color:var(--sv-med);
}
@media(max-width:900px){
.lv-doc-title{
font-size:28px;
}
}
@media(max-width:700px){
.lv-main .th-filters{
grid-template-columns:1fr;
}
.lv-time-item{
grid-template-columns:1fr;
gap:var(--gd5);
}
}