.threats-main .threats-grid,
.threats-main .threat-card,
.threats-main .threats-show-older,
.threats-main .threat-bundle-header{
display:none;
}
.th-day-list .th-bundle{
flex:1;
min-width:0;
font-size:var(--fz0);
line-height:1.45;
}
.th-day-list .th-bundle>summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:flex-start;
gap:var(--gd4);
width:fit-content;
max-width:100%;
font-size:var(--fz0);
line-height:1.45;
padding:0;
}
.th-day-list .th-bundle>summary::-webkit-details-marker{
display:none;
}
.th-day-list .th-bundle-summary .th-bundle-label{
line-height:1.45;
font-family:var(--ff1);
font-size:var(--fz0);
font-weight:var(--fw1);
color:var(--tx1);
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.th-day-list .th-bundle-summary .th-bundle-count{
color:var(--tx3);
white-space:nowrap;
}
.th-day-list .th-bundle-summary .th-bundle-caret{
color:var(--tx3);
transition:transform 100ms ease;
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
flex:0 0 auto;
align-self:center;
}
.th-day-list .th-bundle-summary .th-bundle-caret svg{
width:18px;
height:18px;
fill:currentColor;
}
.th-day-list .th-bundle[open] .th-bundle-caret{
transform:rotate(180deg);
}
.th-day-list .th-bundle-summary:hover .th-bundle-label{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.th-day-list .th-bundle-body{
display:flex;
flex-direction:column;
gap:0;
margin-top:2px;
margin-bottom:0;
}
.threats-main{
width:var(--pw3);
max-width:var(--max);
}
.th-day-list{
grid-template-columns:1fr;
max-width:var(--pw3);
row-gap:0;
}
.simple-list.archive-day-list.th-day-list>.archive-day-label>:first-child{
color:var(--cl1);
font-size:var(--fz0);
font-weight:calc(700 + var(--fw-offset));
}
.th-day-list>div:not(.archive-day-label){
justify-content:flex-start;
}
.simple-list.th-day-list .th-row{
display:flex;
align-items:center;
gap:var(--gd3);
width:100%;
min-width:0;
padding:var(--gd4) var(--gd2);
border-radius:var(--br1);
}
.th-day-list .th-threat-link{
display:inline-flex;
align-items:flex-start;
gap:var(--gd3);
flex:0 1 auto;
max-width:100%;
font-weight:var(--fw1);
color:var(--tx1);
text-decoration:none;
cursor:pointer;
min-width:0;
}
.th-day-list .th-threat-link:hover{
color:var(--cl1);
text-decoration:none;
}
.th-day-list .th-threat-link .archive-article-title{
font-size:var(--fz0);
min-width:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-decoration:none;
}
.th-day-list .th-threat-link:hover .archive-article-title{
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.th-day-list .th-link-icon{
flex:0 0 24px;
width:24px;
height:24px;
display:inline-flex;
align-items:flex-start;
justify-content:center;
}
.th-row .th-sev-ico{
display:block;
flex:0 0 24px;
width:24px;
height:24px;
margin-top:2px;
}
.th-row .th-sev-ico.th-tier-t7{
color:#ff3838;
filter:drop-shadow(0 0 3px rgba(255,30,30,.55));
}
.th-row .th-sev-ico.th-tier-t6{
color:#ff4d4d;
}
.th-row .th-sev-ico.th-tier-t5{
color:#ff7a2a;
}
.th-row .th-sev-ico.th-tier-t4{
color:#ffa520;
}
.th-row .th-sev-ico.th-tier-t3{
color:#ffd34a;
}
.th-row .th-sev-ico.th-tier-t2{
color:#c5dd57;
}
.th-row .th-sev-ico.th-tier-t1{
color:#3aa55d;
}
.th-modal{
position:fixed;
inset:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
padding:var(--gap);
}
.th-modal[hidden]{
display:none;
}
.th-modal-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.65);
}
.th-modal-panel{
position:relative;
width:100%;
max-width:min(var(--pw3),calc(100vw - var(--gap) * 2));
max-height:calc(100vh - var(--gap) * 2);
overflow-y:auto;
overscroll-behavior:contain;
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
box-shadow:var(--bs1);
padding:calc(var(--gap) * 1.4) var(--gap) var(--gap);
font-family:var(--ff1);
transform:translateZ(0);
contain:layout paint;
}
.th-modal-close{
position:absolute;
top:10px;
right:14px;
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
border:0;
color:var(--tx2);
font-size:42px;
line-height:1;
cursor:pointer;
border-radius:50%;
padding:0;
}
.th-modal-close:hover{
color:var(--cl1);
background-color:var(--bg3,rgba(255,255,255,.06));
}
.th-modal-body{
font-family:var(--ff1);
font-size:var(--fz0);
line-height:1.55;
color:var(--tx1);
}
.th-modal-title{
font-family:var(--ff1);
font-size:var(--fz3);
font-weight:calc(700 + var(--fw-offset));
line-height:1.25;
margin:0 32px var(--gd3) 0;
color:var(--tx1);
}
.th-modal-meta{
display:flex;
flex-wrap:wrap;
gap:var(--gd3) var(--gd2);
align-items:center;
margin:0 0 var(--gd2);
font-size:var(--fz2);
color:var(--tx3);
}
.th-modal-meta .th-modal-cve{
font-family:var(--ff3);
font-weight:calc(500 + var(--fw-offset));
color:var(--cl1);
}
.th-modal-badges{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
margin:0 0 var(--gd2);
}
.th-modal-section{
margin:var(--gd2) 0;
}
.th-modal-section h3{
font-family:var(--ff1);
font-size:var(--fz0);
font-weight:calc(700 + var(--fw-offset));
margin:0 0 var(--gd4);
color:var(--cl1);
}
.th-modal-section p{
margin:0;
color:var(--tx2);
}
.th-modal-affected{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
}
.th-modal-affected .threat-affected-tag{
display:inline-flex;
align-items:center;
gap:var(--gd5);
padding:var(--gd8) var(--gd3);
background-color:var(--bg3,rgba(255,255,255,.05));
border:var(--bw1) solid var(--bc1);
border-radius:999px;
font-size:var(--fz2);
color:var(--tx2);
}
.th-modal-affected .threat-affected-icon{
display:inline-flex;
width:14px;
height:14px;
}
.th-modal-affected .threat-affected-icon svg{
width:100%;
height:100%;
}
.th-modal-sources{
display:flex;
flex-wrap:wrap;
gap:var(--gd3) var(--gd2);
align-items:center;
}
.th-modal-sources a{
font-family:var(--ff2);
font-weight:calc(700 + var(--fw-offset));
text-transform:uppercase;
color:var(--lnk);
text-decoration:none;
}
.th-modal-sources a:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:3px;
text-underline-offset:4px;
}
html.th-modal-open,
html.th-modal-open body{
overflow:hidden;
overscroll-behavior:none;
}
body.th-modal-open{
position:fixed;
left:0;
right:0;
width:100%;
}
.threats-main .threats-health{
font-size:var(--fz2);
}
.threats-main .threats-health-toggle{
font-size:var(--fz1);
}
.threats-main .threats-health-time{
font-size:var(--fz1);
}
.threats-main .threats-health-row{
font-size:var(--fz1);
padding:var(--gd4) var(--gd3);
grid-template-columns:14px 1fr auto auto;
}
.threats-main .threats-health-name{
font-size:var(--fz1);
}
.threats-main .threats-health-count{
font-size:var(--fz1);
min-width:40px;
}
.threats-main .threats-health-when{
font-size:var(--fz1);
min-width:90px;
}
.th-load-more-wrap{
display:flex;
justify-content:center;
margin:var(--gd2) 0 var(--gd6);
}
.th-load-more{
display:inline-block;
padding:var(--gd3) var(--gap);
font-family:var(--ff1);
font-size:var(--fz1);
font-weight:calc(600 + var(--fw-offset));
color:var(--tx1);
background:var(--bg3);
border-radius:var(--br1);
text-decoration:none;
cursor:pointer;
}
.th-load-more:hover{
color:var(--cl1);
}
.th-modal-section.th-practical{
position:relative;
padding:var(--gd3) var(--gd2) var(--gd3) var(--gap);
margin:var(--gd3) 0;
background-color:rgba(255,255,255,.03);
border-radius:var(--br1);
}
.th-modal-section.th-practical::before{
content:'';
position:absolute;
left:8px;
top:10px;
bottom:10px;
width:4px;
border-radius:999px;
background-color:var(--bc1);
}
.th-modal-section.th-practical h3{
margin-bottom:var(--gd6);
font-size:var(--fz1);
}
.th-modal-section.th-practical p{
color:var(--tx1);
}
.th-modal-section.th-cause::before{
background-color:#ffa520;
}
.th-modal-section.th-who::before{
background-color:#5da9ff;
}
.th-modal-section.th-amia::before{
background-color:#ff7a2a;
}
.th-modal-section.th-todo{
background-color:rgba(58,165,93,.07);
}
.th-modal-section.th-todo::before{
background-color:#3aa55d;
}
.th-modal-section.th-todo h3{
color:#3aa55d;
}
.th-modal-section.th-modal-tech{
opacity:.78;
font-size:var(--fz2);
}
.th-modal-section.th-modal-tech h3{
color:var(--tx3);
}
.th-day-list .archive-day-label{
border-bottom:none;
margin:0;
}
.simple-list.archive-day-list.th-day-list>.archive-day-label>*{
line-height:1.45;
}
.simple-list.th-day-list>div.th-row>a.th-threat-link:hover{
text-decoration:none;
}
.simple-list.th-day-list>div.th-row>a.th-threat-link:hover .archive-article-title{
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.simple-list.th-day-list>div.th-row>a.th-threat-link .th-link-icon,
.simple-list.th-day-list>div.th-row>a.th-threat-link .th-link-icon *{
text-decoration:none;
}
.th-view-toggle{
display:flex;
width:max-content;
align-items:center;
margin:0 auto 14px;
padding:3px;
border-radius:var(--br9);
background-color:var(--bg3);
}
.th-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;
}
.th-view-opt:hover{
color:var(--tx1);
text-decoration:none;
}
.th-view-opt.th-view-active{
background-color:var(--bg6);
color:var(--tx1);
}