/* Approved article sidebar, shared by articles in website v1.0.22b. */
.article-sidebar--reading { position: static; min-width: 0; gap: 25px; }
.article-sidebar--reading .sidebar-panel { padding: 25px; background: var(--white); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(6, 43, 99, 0.06); }
.article-sidebar--reading h2 { margin: 0 0 18px; padding-bottom: 14px; color: var(--navy); font-size: 22px; line-height: 1.3; letter-spacing: -0.6px; border-bottom: 3px solid var(--blue); }
.article-sidebar--reading a { text-decoration: none; }
.article-sidebar--reading a:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; border-radius: 3px; }
.article-sidebar--reading .article-contents ol { margin: 0; padding-left: 22px; color: var(--blue); }
.article-sidebar--reading .article-contents li { padding-left: 4px; margin-bottom: 12px; font-size: 15px; line-height: 1.55; }
.article-sidebar--reading .article-contents li:last-child { margin-bottom: 0; }
.article-sidebar--reading .article-contents a { color: #3c5577; }
.article-sidebar--reading .article-contents a:hover,
.article-sidebar--reading .article-contents a:focus-visible { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.article-sidebar--reading .sidebar-topic { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; color: #3c5577; font-size: 15px; border-bottom: 1px solid var(--line); }
.article-sidebar--reading .sidebar-topic:last-child { border-bottom: 0; padding-bottom: 0; }
.article-sidebar--reading .sidebar-topic:hover,
.article-sidebar--reading .sidebar-topic:focus-visible { color: var(--blue); }
.article-sidebar--reading svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.article-sidebar--reading .sidebar-topic svg { color: var(--blue); }
.article-sidebar--reading .related-reading > a { display: block; }
.article-sidebar--reading .related-reading > a + a { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.article-sidebar--reading .related-reading img { width: 100%; height: auto; aspect-ratio: 1.75; object-fit: cover; border-radius: 5px; margin-bottom: 14px; }
.article-sidebar--reading .sidebar-category { color: #076ccf; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.article-sidebar--reading .related-reading h3 { margin: 6px 0 10px; color: var(--navy); font-size: 20px; line-height: 1.3; letter-spacing: -0.5px; }
.article-sidebar--reading .related-reading a:hover h3,
.article-sidebar--reading .related-reading a:focus-visible h3 { color: var(--blue); }
.article-sidebar--reading .sidebar-read-link { display: inline-flex; align-items: center; gap: 8px; color: #076ccf; font-size: 13px; font-weight: 700; }
.article-sidebar--reading .sidebar-note { padding: 28px; background: #eaf6ff; border: 1px solid #cddfed; border-radius: 8px; }
.article-sidebar--reading .sidebar-note h2 { margin-bottom: 12px; padding: 0; border: 0; font-size: 24px; }
.article-sidebar--reading .sidebar-note p { margin: 0 0 20px; color: #3c5577; font-size: 15px; }
.article-sidebar--reading .sidebar-note .button { width: 100%; padding: 12px 16px; font-size: 14px; text-align: center; }
.article-body [id] { scroll-margin-top: 24px; }
@media (max-width: 980px) {
  .article-sidebar--reading { align-items: start; gap: 20px; }
  .article-sidebar--reading .sidebar-panel { padding: 20px; }
}
@media (max-width: 620px) {
  .article-sidebar--reading { width: calc(100% - 28px); }
}
@media print {
  .article-sidebar--reading { display: none; }
  .article-layout { display: block; }
}