body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
}
h2 { display: inline; }
.stocks-container {
    margin-bottom: 1.5em;
    width: 100%;
    max-width: 600px;
}
.stocks-container a { text-decoration: none; }
table {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.1em;
}
.stock-symbol {
    width: 12%;
    padding: 2px 4px 2px 0px;
    display: flex;
    align-items: center;
}
.stock-logo {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    object-fit: cover;
}
.stock-price, .stock-change, .stock-change-pct, .stock-mkt-cap {
    width: 22%;
    text-align: right;
    padding: 2px 4px;
}
@media (max-width: 576px) {
    table { margin-bottom: 3em; }
    .stock-mkt-cap { display: none; }
    .stock-symbol { width: 16%; }
    .stock-price, .stock-change, .stock-change-pct { width: 28%; }
    td.stock-symbol, td.stock-price, td.stock-change, td.stock-change-pct {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}
summary:hover { cursor: pointer; }
summary::-webkit-details-marker { display: none; }