main {
flex: 1;
display: grid;
grid-template-columns: 295px 1fr;
min-height: 0;
overflow: hidden;
} 

.left,
.right {
    min-height: 0;
}

.right {
min-height: 0;
overflow-y: auto;
background: var(--black);
border-left: 2px solid var(--yellow);
}

.group {
border-right: 1px solid var(--yellow);
background: var(--panel);
}

.signal {
padding: 10px 15px;
border-top: 1px solid var(--mute);
}

.signal:first-of-type {
border: none;
}

.signal-head {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}

.indicator {
width: 8px;
height: 8px;
background: var(--magenta); 
border-radius: 50%;
}

.signal a {
color: var(--yellow);
text-decoration: none;
}

.signal a:hover {
color: var(--cyan);
}

.signal p {
margin: 0 0 10px;
line-height: 1.2;
}

.address {
color: var(--grey);
font-size: 13px;
}

table { 
width: 100%;
border-collapse: collapse;
}

th,td { 
padding: 6px 10px;
text-align: left;
}

th {
background: #111;
}

tr:nth-child(even) {
background: var(--mute); 
}

tr td:nth-child(2) {
    text-align: right;
}

.right a {
color: var(--cyan);
font-weight: bold;
text-decoration: none;
}

.right a:hover {
color: var(--lime);
}

.right a:hover::after {
content:" ↗";
}
 
.gbook{ 
margin-top: auto;
position: sticky;
bottom: 0;
text-align: end;
border-top: 2px solid var(--yellow);
background-color: var(--magenta);
}

.gbook a{
padding: 0px 5px;
color: var(--white);
font-family: MS Gothic, monospace; 
font-size: 22px;
font-weight: bold; 
text-decoration: none;
}

.gbook a:hover{
color: var(--black);
}