.publication-dates { color:#515151; font:300 14px/21px var(--body); margin:16px 0 0; }
.article-header .byline a { color:#333; text-decoration:none; }
.article-header .byline a:hover { text-decoration:underline; }
.article-cover { margin:28px 0 0; }
.article-cover img,.reading figure img { display:block; max-width:100%; height:auto; border-radius:6px; }
.reading figure { margin:24px 0; }
.reading figcaption,.article-cover figcaption { color:#515151; font-size:14px; line-height:21px; margin-top:8px; }
.reading section { scroll-margin-top:100px; }
.reading blockquote { margin:24px 0; border-left:2px solid var(--accent); padding:4px 0 4px 22px; }
.reading .source-box h2 { font-size:21px; line-height:28px; }
.article-rating { border-top:1px solid #E5E5E5; margin-top:36px; padding-top:24px; }
.reading .article-rating h2 { font-size:21px; line-height:28px; margin:0 0 8px; }
.article-rating p { font-size:14px; line-height:21px; margin:8px 0; }
.article-rating fieldset { border:0; padding:0; margin:12px 0; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.rating-options { display:flex; gap:2px; }
.rating-options label { position:relative; margin:0; cursor:pointer; }
.rating-options input { position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.rating-options span { display:flex; width:44px; height:44px; align-items:center; justify-content:center; font-family:Arial,sans-serif; font-size:29px; color:#d8dfe4; border-radius:4px; }
.rating-options .is-filled span,.rating-options label:hover span { color:var(--accent); }
.rating-options input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.article-rating fieldset:disabled { opacity:.6; }
.article-rating .text-link { background:transparent; border:0; padding:0; font:300 16px/24px var(--body); color:var(--accent); }
.article-rating .caption a { font-weight:300; }
.breadcrumb { flex-wrap:wrap; font-size:14px; }
.site-page .article-card h2 { font:500 21px/28px var(--heading); margin-top:12px; }