body.cov{
display:flex;
flex-direction:column;
overflow:hidden;
font-size:1.05rem;
background-color:var(--bg1);
}
.cov-head{
display:flex;
flex:none;
align-items:baseline;
flex-wrap:wrap;
gap:var(--gd6) var(--gap);
padding:var(--gd3) var(--gd2);
border-bottom:var(--bw1) solid var(--bc2);
}
.cov-title{
margin:0;
font-size:1.4rem;
font-weight:var(--fw1);
}
.cov-sum{
font-size:.95rem;
}
.cov-legend{
display:flex;
flex-wrap:wrap;
gap:var(--gd6) var(--gd3);
margin-left:auto;
font-size:.95rem;
color:var(--tx2);
}
.cov-legend span{
display:inline-flex;
align-items:center;
gap:var(--gd6);
}
.cov-map{
color:var(--cl1);
text-decoration:none;
white-space:nowrap;
}
.cov-map:hover,.cat a:hover,.back:hover{
text-decoration:underline;
}
.dot{
display:inline-block;
flex:none;
width:10px;
height:10px;
border-radius:50%;
background-color:var(--bc2);
}
.dot.loaded{
background-color:#16a34a;
}
.dot.available{
background-color:#f59e0b;
}
.dot.restricted{
background-color:#dc2626;
}
.dot.none{
background-color:#9ca3af;
}
.dot.unknown{
background-color:transparent;
border:var(--bw1) solid var(--tx3);
}
.cols{
display:flex;
flex:1;
min-height:0;
overflow-x:auto;
overflow-y:hidden;
}
.col{
--w0:260px;
display:flex;
flex-direction:column;
flex:none;
position:relative;
width:var(--w,var(--w0));
border-right:var(--bw1) solid var(--bc2);
}
.col.counties{
--w0:320px;
}
.col.county,.col.country{
--w0:440px;
}
.col.place{
--w0:380px;
}
.col-head{
flex:none;
padding:var(--gd3) var(--gd2) var(--gd4);
border-bottom:var(--bw1) solid var(--bc2);
}
.col-body{
flex:1;
min-height:0;
overflow-y:auto;
}
.grip{
position:absolute;
top:0;
bottom:0;
right:-3px;
width:6px;
z-index:1;
cursor:col-resize;
touch-action:none;
}
.grip:hover,.grip.on{
background-color:var(--cl1);
}
.col-title{
font-size:1.25rem;
font-weight:var(--fw1);
line-height:1.3;
}
.col-sub{
margin-top:2px;
font-size:.95rem;
color:var(--tx2);
}
.back{
display:none;
margin-bottom:var(--gd6);
font-size:.95rem;
color:var(--cl1);
text-decoration:none;
}
.row{
display:flex;
align-items:center;
gap:var(--gd3);
min-height:44px;
padding:var(--gd6) var(--gd2);
color:inherit;
text-decoration:none;
}
.row:hover{
background-color:var(--hv1);
}
.row.on{
background-color:var(--icb);
color:var(--icf);
}
.row-name{
flex:1;
min-width:0;
}
.row-side{
display:inline-flex;
flex:none;
align-items:center;
gap:var(--gd6);
font-size:.95rem;
color:var(--tx2);
font-variant-numeric:tabular-nums;
}
.row.on .row-side,.row.on .muted{
color:inherit;
}
.sec{
padding:var(--gd2) var(--gd2) var(--gd6);
font-size:.85rem;
font-weight:var(--fw1);
letter-spacing:.06em;
text-transform:uppercase;
color:var(--tx2);
}
.cat{
display:flex;
align-items:flex-start;
gap:var(--gd3);
padding:var(--gd6) var(--gd2);
}
.cat .dot{
margin-top:9px;
}
.cat-body{
flex:1;
min-width:0;
}
.cat-line{
display:flex;
justify-content:space-between;
gap:var(--gd3);
}
.cat-status{
flex:none;
color:var(--tx2);
}
.cat-note{
font-size:.95rem;
color:var(--tx2);
}
.cat a{
color:var(--cl1);
text-decoration:none;
}
.note{
padding:var(--gd2);
color:var(--tx2);
}
@media (max-width:760px){
.cov-head{
gap:var(--gd6) var(--gd2);
}
.cov-legend{
display:none;
}
.cols{
overflow-x:hidden;
}
.col{
display:none;
width:100%;
border-right:0;
}
.col:last-child{
display:flex;
}
.grip{
display:none;
}
.back{
display:inline-block;
}
}