.lg-listing, .lg-reading {
    --reading-rule: #c9d2cc;
    --reading-muted: #53635e;
    --reading-panel: #edf4f8;
    --reading-accent: #006cae;
    padding-block: clamp(24px, 5vw, 64px);
}
.lg-night :is(.lg-listing, .lg-reading) {
    --reading-rule: var(--night-rule);
    --reading-muted: var(--night-muted);
    --reading-panel: #1b4b5c;
    --reading-accent: var(--night-blue);
}
.lg-listing-header {
    border-block: 1px solid var(--reading-rule);
    padding-block: 24px 18px;
    margin-bottom: 30px;
}
.lg-listing h1, .lg-reading .title {
    font-size: clamp(32px, 4.6vw, 58px);
    line-height: 1.12;
    letter-spacing: -.035em;
    color: inherit;
    overflow-wrap: anywhere;
}
.lg-listing-header > p {
    color: var(--reading-muted);
    margin: 10px 0 0;
    font-size: .875rem;
}
#editorial-searchform { max-width: 540px; }
#editorial-searchform .input-group { width: 100%; }
#editorial-searchform .form-control { min-width: 0; }
#editorial-searchform button { min-height: 44px; }
.lg-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}
.lg-listing-grid .lg-story {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--reading-rule);
}
.lg-listing-grid h2 { font-size: clamp(20px, 2vw, 26px); }
.lg-listing-grid h2 a { color: var(--lg-ink); }
.lg-listing-grid h2 a:hover { color: var(--reading-accent); }
.lg-listing .pagination { margin-top: 32px; }
.lg-listing .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.lg-listing .page-numbers {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    padding-inline: 10px;
    border: 1px solid var(--reading-rule);
}
.lg-listing .page-numbers.current { background: var(--reading-panel); font-weight: 700; }
.lg-reading .lg-reading-label {
    color: var(--reading-accent);
    letter-spacing: .055em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .78rem;
    margin-bottom: 12px;
}
.lg-reading .genoteca-single-article-data-share-container {
    margin-block: 18px;
    color: var(--reading-muted);
    border-bottom: 1px solid var(--reading-rule);
}
.lg-reading .content-container {
    max-width: 69ch;
    font-size: clamp(16px, 1.35vw, 19px);
    line-height: 1.75;
    text-align: start;
    overflow-wrap: anywhere;
}
.lg-reading .genoteca-post-thumbnail {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.lg-reading .content-container img { max-width: 100%; height: auto; }
.lg-reading .content-container figure { max-width: 100%; }
.lg-reading .content-container table { display: block; overflow-x: auto; }
.lg-reading .genoteca-opinion-notice {
    max-width: 69ch;
    padding: 14px 18px;
    border-inline-start: 3px solid var(--reading-accent);
    background: var(--reading-panel);
    line-height: 1.55;
}
.lg-night .lg-reading .content-container a { color: var(--night-link); }
.lg-night .lg-reading .section-title { color: var(--night-ink); }
@media (max-width: 900px) {
    .lg-listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 600px) {
    .lg-listing-grid { grid-template-columns: 1fr; }
    .lg-reading { padding-inline: 20px; }
}

.lg-reading.content-section { margin-top: 0; }
.lg-reading .genoteca-single-article-date-author-tags-container { color: var(--reading-muted); flex-wrap: wrap; gap: 4px 20px; }
.lg-night .lg-reading .recent-popular-news .recent-popular-new-card-title { color: var(--night-ink); }
.lg-night .lg-reading .recent-popular-news .recent-popular-new-card-date { color: var(--night-muted); }
.lg-night .lg-reading .recent-popular-new-card { border-color: var(--night-rule); }
.lg-night .lg-reading .single-article-author-card { background: var(--reading-panel); border-color: var(--night-rule); color: var(--night-ink); }
.lg-night .lg-reading .single-article-author-card :is(.single-article-author-name-p, .single-article-author-name-degree, .bio) { color: inherit; }