/* 2uto editorial system: readable documents, contextual navigation and evidence. */
.reading-hero {
    padding:48px 0 0;
    background:#fff;
    border-bottom:1px solid var(--color-line,#d8dcd9)
}

.reading-hero .shell {
    max-width:1200px
}

.reading-hero .breadcrumb {
    margin-bottom:28px
}

.reading-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) 130px;
    gap:40px;
    align-items:start;
    padding-bottom:32px
}

.reading-hero h1 {
    max-width:950px;
    margin:16px 0 0;
    font-size:clamp(32px,4vw,58px);
    line-height:1.35;
    letter-spacing:-.025em;
    color:var(--color-ink,#18232b)
}

.reading-lead {
    max-width:820px;
    margin:22px 0 0;
    font-size:20px;
    line-height:1.85;
    color:var(--color-muted,#53616a)
}

.reading-mark {
    display:grid;
    justify-items:center;
    align-content:center;
    gap:14px;
    aspect-ratio:1;
    background:var(--color-canvas,#f4f3ee);
    border:1px solid var(--color-line,#d8dcd9);
    border-radius:2px 28px 2px 2px;
    color:var(--color-primary,#254eff)
}

.reading-mark>.icon {
    width:48px;
    height:48px;
    stroke-width:1.4
}

.reading-mark span {
    font-size:14px;
    text-align:center;
    padding-inline:8px;
    line-height:1.5
}

.reading-mark .lamp-symbol {
    width:78px;
    height:62px
}

.reading-hero-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
    padding:22px 0;
    border-top:1px solid var(--color-line,#d8dcd9)
}

.reading-meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 24px;
    font-size:14px;
    color:var(--color-muted,#53616a)
}

.reading-meta>span {
    display:inline-flex;
    gap:8px;
    align-items:center
}

.reading-meta .icon {
    width:18px;
    height:18px
}

.reading-meta time {
    font-variant-numeric:tabular-nums
}

.reading-flow {
    max-width:1200px;
    padding-block:40px 64px
}

.reading-paper {
    max-width:900px;
    margin-inline:auto;
    min-width:0;
    padding:clamp(22px,4vw,52px);
    background:#fff;
    border:1px solid var(--color-line,#d8dcd9);
    border-radius:4px
}

.reading-contents {
    margin:0 0 40px;
    padding:0 0 26px;
    border-bottom:1px solid var(--color-line,#d8dcd9)
}

.reading-contents summary {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    cursor:pointer;
    font-weight:600;
    font-size:18px;
    list-style:none
}

.reading-contents summary::after {
    content:'−';
    color:var(--color-primary,#254eff);
    font-size:25px
}

.reading-contents:not([open]) summary::after {
    content:'+'
}

.reading-contents summary>span {
    margin-inline-start:auto;
    font-size:14px;
    color:var(--color-muted,#53616a);
    font-weight:400
}

.reading-contents nav {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 24px;
    margin-top:20px
}

.reading-contents a {
    display:flex;
    align-items:baseline;
    gap:12px;
    padding:8px 0;
    font-size:16px;
    line-height:1.65;
    color:var(--color-ink,#18232b)
}

.reading-contents a:hover {
    color:var(--color-primary,#254eff)
}

.reading-contents a span {
    font-size:14px;
    font-variant-numeric:tabular-nums;
    color:var(--color-primary,#254eff)
}

.reading-body {
    font-size:19px;
    line-height:1.95;
    color:var(--color-ink,#18232b);
    overflow-wrap:anywhere
}

.reading-body h2 {
    font-size:clamp(25px,2.7vw,34px);
    line-height:1.55;
    margin:44px 0 20px;
    padding-top:12px;
    scroll-margin-top:30px;
    letter-spacing:-.02em
}

.reading-body h3 {
    font-size:23px;
    margin:28px 0 12px;
    line-height:1.65
}

.reading-body h4 {
    font-size:20px;
    margin:22px 0 10px
}

.reading-body p {
    font-size:inherit;
    line-height:inherit;
    color:inherit;
    margin-block:16px 22px
}

.reading-body ul,.reading-body ol {
    padding-inline-start:26px;
    margin-block:18px 28px
}

.reading-body li {
    padding-inline-start:4px;
    margin-block:10px
}

.reading-body li::marker {
    color:var(--color-primary,#254eff)
}

.reading-body a {
    color:var(--color-primary,#254eff);
    text-decoration:underline;
    text-underline-offset:5px
}

.reading-body blockquote {
    margin:30px 0;
    padding:20px 26px;
    border-inline-start:3px solid var(--color-primary,#254eff);
    background:#f0f3ff
}

.reading-body details {
    border-block-end:1px solid var(--color-line,#d8dcd9);
    padding:22px 0
}

.reading-body summary {
    cursor:pointer;
    font-size:18px;
    font-weight:600
}

.reading-body details[open] summary {
    margin-bottom:16px;
    color:var(--color-primary,#254eff)
}

.reading-body figure {
    margin:28px 0
}

.reading-body img {
    max-width:100%;
    height:auto;
    max-height:560px;
    object-fit:contain;
    margin:24px auto
}

.reading-body figcaption {
    font-size:14px;
    color:var(--color-muted,#53616a);
    text-align:center;
    line-height:1.7
}

.reading-body .reading-link-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-block:24px
}

.reading-body .reading-link-card {
    padding:24px;
    border:1px solid var(--color-line,#d8dcd9);
    text-decoration:none;
    border-radius:4px
}

.reading-link-card h2,.reading-link-card h3 {
    margin:0;
    font-size:21px
}

.reading-link-card p {
    font-size:16px;
    margin:12px 0 0
}

.reading-table {
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    margin:28px 0;
    border:1px solid var(--color-line,#d8dcd9);
    border-radius:4px
}

.reading-table table {
    width:100%;
    border-collapse:collapse;
    font-size:16px;
    line-height:1.7
}

.reading-table th,.reading-table td {
    padding:16px;
    text-align:start;
    border-bottom:1px solid var(--color-line,#d8dcd9);
    min-width:140px;
    vertical-align:top
}

.reading-table th {
    font-size:15px;
    background:var(--color-canvas,#f4f3ee);
    font-weight:600
}

.reading-table tr:last-child td {
    border-bottom:0
}

.reading-body .article-brief {
    padding:30px;
    background:#eef1ff;
    border-inline-start:4px solid var(--color-primary,#254eff);
    margin-block:30px
}

.reading-body .article-kicker {
    display:block;
    color:var(--color-primary,#254eff);
    font-size:14px;
    font-weight:600
}

.reading-body .article-brief h2 {
    margin:10px 0 14px;
    padding:0;
    font-size:28px
}

.reading-body .article-brief p {
    margin-bottom:18px
}

.article-metrics {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    border-top:1px solid #d1d8fb;
    padding-top:20px
}

.article-metrics>div {
    display:grid;
    gap:6px
}

.article-metrics strong {
    font-size:28px;
    font-weight:600;
    color:var(--color-primary,#254eff);
    font-variant-numeric:tabular-nums
}

.article-metrics span {
    font-size:15px;
    line-height:1.6
}

.reading-body .article-alert {
    background:#fff4e8;
    border-inline-start:4px solid #b95d15;
    padding:24px 28px;
    margin-block:28px
}

.reading-body .article-alert h3 {
    margin:0 0 12px;
    color:#7d370d
}

.reading-body .article-alert p {
    margin:10px 0
}

.reading-body .article-source {
    font-size:15px;
    color:var(--color-muted,#53616a)
}

.reading-body .article-steps {
    counter-reset:steps;
    list-style:none;
    padding:0
}

.reading-body .article-steps li {
    position:relative;
    padding:22px 0;
    padding-inline-start:58px;
    margin:0;
    border-bottom:1px solid var(--color-line,#d8dcd9)
}

.reading-body .article-steps li::before {
    counter-increment:steps;
    content:counter(steps,decimal-leading-zero);
    position:absolute;
    inset-inline-start:0;
    top:26px;
    font-size:20px;
    color:var(--color-primary,#254eff);
    font-variant-numeric:tabular-nums
}

.reading-body .article-formula {
    margin-block:30px;
    padding:28px;
    background:var(--color-canvas,#f4f3ee);
    border:1px solid var(--color-line,#d8dcd9);
    text-align:center
}

.reading-body .article-formula h3 {
    margin-top:12px
}

.reading-body .article-formula p {
    font-size:16px;
    margin:12px 0 0
}

.article-equation {
    direction:ltr;
    font-size:clamp(22px,3vw,32px);
    line-height:1.8;
    color:var(--color-primary,#254eff);
    padding-block:16px;
    font-variant-numeric:tabular-nums
}

.article-equation strong {
    font-size:1.3em
}

.reading-body .article-card-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-block:26px
}

.reading-body .article-card {
    padding:24px;
    border:1px solid var(--color-line,#d8dcd9);
    background:#fff;
    border-radius:4px
}

.reading-body .article-card h3 {
    font-size:22px;
    margin:10px 0 14px
}

.reading-body .article-card p {
    font-size:17px;
    line-height:1.85;
    margin:10px 0
}

.reading-body .article-card>strong {
    font-size:15px;
    color:var(--color-primary,#254eff)
}

.reading-body .article-card-grid>.article-card:last-child:nth-child(odd) {
    grid-column:1/-1
}

.reading-body .article-sources {
    padding:30px 0 0;
    margin-top:48px;
    border-top:2px solid var(--color-ink,#18232b)
}

.reading-body .article-sources h2 {
    font-size:27px;
    margin:0 0 18px;
    padding:0
}

.reading-body .article-sources p {
    font-size:16px;
    line-height:1.85;
    color:var(--color-muted,#53616a)
}

.reading-body .article-sources ul {
    counter-reset:references;
    list-style:none;
    padding:0;
    margin:24px 0
}

.reading-body .article-sources li {
    counter-increment:references;
    margin:0;
    padding:0;
    border-top:1px solid var(--color-line,#d8dcd9);
    font-size:16px
}

.reading-body .article-sources li:last-child {
    border-bottom:1px solid var(--color-line,#d8dcd9)
}

.reading-body .article-sources li a {
    display:flex;
    align-items:baseline;
    gap:18px;
    padding:18px 0;
    text-decoration:none;
    line-height:1.75
}

.reading-body .article-sources li a::before {
    content:counter(references,decimal-leading-zero);
    color:var(--color-muted,#53616a);
    font-size:14px;
    font-variant-numeric:tabular-nums;
    flex-shrink:0
}

.reading-body .article-sources li a::after {
    content:'↗';
    margin-inline-start:auto;
    flex-shrink:0
}

.reading-body .article-sources li a:hover {
    text-decoration:underline
}

.reading-body .article-sources>p:last-child {
    padding:20px;
    background:var(--color-canvas,#f4f3ee);
    margin-bottom:0
}

.reading-next {
    margin-top:48px;
    padding-top:32px;
    border-top:1px solid var(--color-line,#d8dcd9)
}

.reading-next-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px
}

.reading-next-heading h2 {
    font-size:clamp(26px,3vw,36px);
    margin:8px 0 0;
    line-height:1.5
}

.reading-next-heading>a {
    font-size:16px;
    flex-shrink:0
}

.reading-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:var(--color-line,#d8dcd9);
    border:1px solid var(--color-line,#d8dcd9)
}

.reading-action {
    display:flex;
    align-items:center;
    gap:20px;
    padding:28px;
    background:#fff;
    color:var(--color-ink,#18232b);
    transition:background .18s
}

.reading-action:hover {
    background:#eef1ff
}

.reading-action>.icon-tile {
    width:44px;
    min-width:44px;
    height:44px;
    display:grid;
    place-items:center;
    background:transparent;
    color:var(--color-primary,#254eff)
}

.reading-action>.icon:last-child {
    margin-inline-start:auto;
    flex-shrink:0;
    color:var(--color-primary,#254eff)
}

.reading-action-label {
    font-size:14px;
    color:var(--color-muted,#53616a)
}

.reading-action h3 {
    font-size:22px;
    margin:5px 0 8px;
    line-height:1.5
}

.reading-action p {
    font-size:16px;
    line-height:1.75;
    color:var(--color-muted,#53616a);
    margin:0
}

.reading-vehicle-link {
    display:flex;
    align-items:center;
    gap:20px;
    padding:26px;
    margin-top:20px;
    border:1px solid var(--color-line,#d8dcd9);
    background:var(--color-canvas,#f4f3ee)
}

.reading-vehicle-link>.icon-tile {
    color:var(--color-primary,#254eff);
    flex-shrink:0
}

.reading-vehicle-link strong {
    font-size:19px
}

.reading-vehicle-link p {
    margin:8px 0 0;
    font-size:16px;
    line-height:1.8;
    color:var(--color-muted,#53616a)
}

.reading-vehicle-link>span:last-child {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    white-space:nowrap;
    margin-inline-start:auto;
    color:var(--color-primary,#254eff)
}

.reading-related-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:36px 0 22px
}

.reading-related-heading h3 {
    font-size:25px;
    margin:0
}

.reading-related-heading>span {
    font-size:15px;
    color:var(--color-muted,#53616a)
}

.reading-related-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 32px
}

.reading-related-card {
    display:grid;
    grid-template-columns:32px 1fr;
    gap:12px;
    padding:24px 0;
    border-top:1px solid var(--color-line,#d8dcd9)
}

.reading-related-number {
    font-size:15px;
    color:var(--color-muted,#53616a);
    padding-top:5px
}

.reading-related-card h3 {
    font-size:21px;
    line-height:1.6;
    margin:0
}

.reading-related-card:hover h3 {
    color:var(--color-primary,#254eff)
}

.reading-related-link {
    grid-column:2;
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--color-primary,#254eff);
    font-size:15px
}

.reading-end {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    border-top:1px solid var(--color-line,#d8dcd9);
    margin-top:32px;
    padding-top:24px
}

.reading-edition-languages {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px
}

.reading-edition-languages form {
    margin:0
}

.reading-edition-languages .button {
    font-size:14px;
    min-height:40px
}

.reading-edition-languages [aria-current] {
    background:var(--color-primary,#254eff);
    color:#fff
}

.reading-news-source {
    padding:26px;
    background:var(--color-canvas,#f4f3ee);
    margin-top:32px
}

.reading-news-source>span {
    font-size:14px;
    color:var(--color-muted,#53616a)
}

.reading-news-source h2 {
    font-size:24px;
    margin:8px 0 20px
}

.reading-news-source .button {
    margin-bottom:4px
}

.lamp-symbol {
    width:64px;
    height:48px;
    flex-shrink:0
}

.lights-intro,.comparison-intro {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    align-items:center;
    gap:48px;
    padding:36px 0 40px;
    border-bottom:2px solid var(--color-ink,#18232b)
}

.lights-intro h1,.comparison-intro h1 {
    font-size:clamp(34px,4vw,56px);
    line-height:1.4;
    margin:16px 0 20px;
    letter-spacing:-.02em
}

.lights-intro h1 span,.comparison-intro h1 span {
    color:var(--color-primary,#254eff)
}

.lights-intro p,.comparison-intro p {
    font-size:19px;
    line-height:1.85;
    color:var(--color-muted,#53616a);
    max-width:760px
}

.lights-stationary {
    display:inline-flex;
    margin-top:12px;
    padding:12px 16px;
    background:#fff2e6;
    color:#7a3b0c;
    font-size:15px
}

.lights-instrument {
    background:var(--color-ink,#18232b);
    padding:32px;
    border-radius:4px 60px 4px 4px;
    color:#ffc474
}

.lights-dial {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:22px;
    padding:18px 0 32px;
    border-bottom:1px solid #ffffff30
}

.lights-dial>.lamp-symbol {
    width:110px;
    height:78px
}

.lights-dial span {
    color:#fff;
    font-size:17px
}

.lights-instrument-row {
    display:flex;
    justify-content:space-between;
    padding-top:24px
}

.lights-instrument-row .lamp-symbol {
    width:48px;
    height:40px
}

.lights-decisions {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    margin:32px 0
}

.lights-decisions>div {
    padding-inline-start:20px;
    border-inline-start:2px solid var(--color-line,#d8dcd9)
}

.lights-decisions>div:first-child {
    border-color:#b24838
}

.lights-decisions>div:nth-child(2) {
    border-color:#b97514
}

.lights-decisions>div:last-child {
    border-color:var(--color-primary,#254eff)
}

.lights-decisions span {
    font-size:14px;
    color:var(--color-muted,#53616a)
}

.lights-decisions h2 {
    font-size:21px;
    line-height:1.6;
    margin:10px 0
}

.lights-decisions p {
    font-size:16px;
    line-height:1.85;
    margin:0;
    color:var(--color-muted,#53616a)
}

.lamp-card-symbol {
    display:grid;
    place-items:center;
    width:92px;
    height:76px;
    border:1px solid var(--color-line,#d8dcd9);
    background:#fff8ec;
    color:#9b6210;
    border-radius:4px
}

.comparison-intro .button {
    margin-inline-end:16px;
    margin-block-end:16px
}

.comparison-intro .text-link {
    font-size:16px
}

.comparison-method {
    padding:28px;
    border:1px solid var(--color-line,#d8dcd9);
    background:#fff
}

.comparison-method-label {
    font-size:16px;
    font-weight:600;
    color:var(--color-primary,#254eff)
}

.comparison-method ol {
    list-style:none;
    margin:18px 0 0;
    padding:0
}

.comparison-method li {
    display:flex;
    align-items:start;
    gap:18px;
    border-top:1px solid var(--color-line,#d8dcd9);
    padding:18px 0
}

.comparison-method li:last-child {
    padding-bottom:0
}

.comparison-method li>span {
    font-size:22px;
    color:var(--color-primary,#254eff)
}

.comparison-method strong {
    font-size:18px
}

.comparison-method p {
    font-size:15px;
    margin:6px 0 0;
    line-height:1.7
}

.comparison-scope,.guide-evidence-note {
    display:flex;
    align-items:start;
    gap:18px;
    padding:24px 0;
    color:var(--color-muted,#53616a)
}

.comparison-scope svg,.guide-evidence-note>svg {
    color:var(--color-primary,#254eff);
    flex-shrink:0;
    width:26px;
    height:26px
}

.comparison-scope p,.guide-evidence-note p {
    font-size:16px;
    line-height:1.85;
    margin:0
}

.guide-evidence-note {
    border-bottom:1px solid var(--color-line,#d8dcd9)
}

.guide-evidence-note p {
    margin-top:8px
}

.guide-evidence-note>a {
    flex-shrink:0;
    font-size:16px
}

@media(max-width:900px) {
    .reading-hero-grid {
        grid-template-columns:minmax(0,1fr) 100px;
        gap:24px
    }

    .reading-mark {
        aspect-ratio:auto;
        padding:20px 4px
    }

    .reading-actions {
        grid-template-columns:1fr
    }

    .lights-intro,.comparison-intro {
        grid-template-columns:minmax(0,1fr) 280px;
        gap:24px
    }

    .reading-vehicle-link {
        flex-wrap:wrap
    }

    .reading-vehicle-link>span:last-child {
        margin-inline-start:0
    }

}

@media(max-width:650px) {
    .reading-hero {
        padding-top:28px
    }

    .reading-hero-grid {
        grid-template-columns:minmax(0,1fr);
        padding-bottom:24px
    }

    .reading-mark {
        display:none
    }

    .reading-hero h1 {
        font-size:34px
    }

    .reading-lead {
        font-size:18px
    }

    .reading-hero-bottom {
        gap:18px
    }

    .reading-meta {
        gap:12px 18px
    }

    .reading-flow {
        padding-block:24px 40px
    }

    .reading-paper {
        padding:24px 18px
    }

    .reading-contents nav,.reading-body .article-card-grid,.reading-body .reading-link-grid,.reading-related-grid {
        grid-template-columns:minmax(0,1fr)
    }

    .reading-body {
        font-size:18px;
        line-height:1.95
    }

    .reading-body h2 {
        margin-top:34px;
        font-size:26px
    }

    .reading-body .article-brief,.reading-body .article-alert,.reading-body .article-card,.reading-body .article-formula {
        padding:22px 18px
    }

    .article-metrics {
        gap:12px
    }

    .article-metrics strong {
        font-size:23px
    }

    .article-metrics span {
        font-size:14px
    }

    .reading-next-heading {
        align-items:start;
        flex-direction:column
    }

    .reading-action {
        padding:22px 18px;
        gap:14px
    }

    .reading-action>.icon-tile {
        display:none
    }

    .reading-vehicle-link {
        padding:20px;
        gap:14px
    }

    .reading-vehicle-link>.icon-tile {
        display:none
    }

    .reading-related-heading {
        align-items:start
    }

    .reading-related-heading h3 {
        font-size:23px
    }

    .reading-related-card h3 {
        font-size:20px
    }

    .lights-intro,.comparison-intro {
        grid-template-columns:minmax(0,1fr);
        gap:24px;
        padding-top:8px
    }

    .lights-instrument {
        display:none
    }

    .lights-decisions {
        grid-template-columns:minmax(0,1fr);
        gap:20px
    }

    .comparison-method {
        padding:22px
    }

    .guide-evidence-note {
        flex-wrap:wrap
    }

    .guide-evidence-note>div {
        flex:1;
        min-width:200px
    }

    .guide-evidence-note>a {
        margin-inline-start:44px
    }

}

@media(prefers-reduced-motion:reduce) {
    .reading-action {
        transition:none
    }

}

/* Printed guides keep the article, its metadata and source addresses. */
@media print {
    .reading-hero {
        padding: 0 0 12pt;
        background: #fff;
        border: 0;
    }

    .reading-hero .shell,
    .reading-flow {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .reading-hero-grid {
        display: block;
        padding-bottom: 10pt;
    }

    .reading-hero h1 {
        font-size: 23pt;
        line-height: 1.4;
        margin-top: 8pt;
    }

    .reading-lead {
        font-size: 12pt;
        line-height: 1.7;
        margin-top: 10pt;
    }

    .reading-meta {
        font-size: 9pt;
        gap: 8pt 14pt;
    }

    .reading-hero-bottom {
        padding: 8pt 0;
    }

    .reading-mark,
    .reading-hero .breadcrumb,
    .reading-edition-languages,
    .reading-contents,
    .reading-next,
    .reading-end {
        display: none;
    }

    .reading-paper {
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
    }

    .reading-body {
        font-size: 11pt;
        line-height: 1.7;
        color: #000;
    }

    .reading-body h2 {
        font-size: 17pt;
        margin: 20pt 0 10pt;
        padding: 0;
        break-after: avoid;
    }

    .reading-body h3 {
        font-size: 14pt;
        break-after: avoid;
    }

    .reading-body p,
    .reading-body li {
        orphans: 3;
        widows: 3;
    }

    .reading-body .article-card-grid,
    .reading-body .reading-link-grid {
        display: block;
    }

    .reading-body .article-card,
    .reading-body .article-brief,
    .reading-body .article-alert,
    .reading-body .article-formula {
        padding: 12pt;
        margin-block: 14pt;
        break-inside: avoid;
        background: #fff;
        border: 1px solid #aaa;
    }

    .reading-body .article-card p,
    .reading-body .article-source,
    .reading-body .article-sources p {
        font-size: 10pt;
    }

    .reading-body details {
        break-inside: avoid;
    }

    .reading-body details::details-content {
        content-visibility: visible;
        block-size: auto;
    }

    .reading-body details > :not(summary) {
        display: block;
    }

    .reading-body summary {
        font-size: 12pt;
    }

    .reading-table {
        overflow: visible;
        border-radius: 0;
    }

    .reading-table table {
        table-layout: fixed;
        font-size: 9pt;
    }

    .reading-table th,
    .reading-table td {
        padding: 7pt;
        min-width: 0;
        font-size: 9pt;
        overflow-wrap: anywhere;
    }

    .reading-table tr {
        break-inside: avoid;
    }

    .reading-body .article-sources li a,
    .reading-body a[href^='http'] {
        color: #000;
    }

    .reading-body .article-sources li a[href^='http']::after {
        content: ' (' attr(href) ')';
        font-size: 8pt;
        font-weight: 400;
        direction: ltr;
        overflow-wrap: anywhere;
        white-space: normal;
        flex-shrink: 1;
    }

    .reading-news-source {
        padding: 12pt 0;
        border-top: 1px solid #aaa;
        background: #fff;
    }

    .reading-news-source a[href]::after {
        content: ' (' attr(href) ')';
        direction: ltr;
        font-size: 9pt;
        overflow-wrap: anywhere;
    }
}