/* Scoped to practical guides; legacy articles keep their established layout. */
.cellular-guide .comparison-table { display: table; width: 100%; min-width: 0; }
.cellular-guide .comparison-table thead { display: table-header-group; }
.cellular-guide .comparison-table tbody { display: table-row-group; }
.cellular-guide .comparison-table tr { display: table-row; }
.cellular-guide .comparison-table th,
.cellular-guide .comparison-table td {
    display: table-cell;
    width: auto;
    min-width: 0;
    padding: 12px 8px;
    line-height: 1.5;
    overflow-wrap: normal;
    word-break: normal;
}
.cellular-guide .article-hero .article-hero-inner,
.cellular-guide .article-layout {
    grid-template-columns: minmax(0, 2.4fr) minmax(240px, 1fr);
    gap: clamp(28px, 4vw, 64px);
}
.cellular-guide .article-hero h1 {
    max-width: 24ch;
    font-size: clamp(2rem, 3.5vw, 3.5rem);
    line-height: 1.12;
    text-wrap: balance;
}
.cellular-guide .article-visual-card-v58 {
    min-height: 0;
    background: transparent;
    box-shadow: none;
}
.cellular-guide .article-body p {
    max-width: 72ch;
    line-height: 1.8;
    margin-bottom: 18px;
}
.cellular-guide .article-body h2 {
    margin-top: 42px;
    font-size: clamp(1.4rem, 2.1vw, 1.85rem);
    line-height: 1.3;
    text-wrap: pretty;
}
.cellular-guide .article-body li {
    line-height: 1.7;
    margin-bottom: 8px;
}
.cellular-guide .article-references {
    list-style: none;
    padding: 0;
    margin: 8px 0 24px;
    font-size: .875rem;
}
.cellular-guide .article-references a {
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
.cellular-guide .article-summary-box,
.cellular-guide .article-toc,
.cellular-guide .sidebar-card,
.cellular-guide .article-meta-card {
    border-radius: 8px;
    box-shadow: none;
}
@media (max-width: 800px) {
    .cellular-guide .comparison-table-shell { padding: 16px 12px; }
    .cellular-guide .comparison-table th,
    .cellular-guide .comparison-table td { font-size: 14px; }
    .cellular-guide .article-hero .article-hero-inner,
    .cellular-guide .article-layout { grid-template-columns: minmax(0, 1fr); }
    .cellular-guide .article-layout { display: flex; flex-direction: column; }
    .cellular-guide .article-sidebar { display: contents; }
    .cellular-guide .article-toc { display: block; order: -1; width: 100%; }
    .cellular-guide .sidebar-card { order: 1; width: 100%; }
    .cellular-guide .article-hero .article-meta-card {
        /* Each label stays beside its value, in the existing reading order. */
        grid-template-columns: minmax(0, 6rem) minmax(0, 1fr);
        gap: 8px 12px;
        align-items: baseline;
        padding: 14px 16px;
    }
    .cellular-guide .article-hero .article-meta-card > strong,
    .cellular-guide .article-hero .article-meta-card > span {
        min-width: 0;
        font-size: 14px;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }
}