.semantic-layout {display: grid;grid-template-columns: minmax(0, 1fr) 300px;grid-template-areas: "main aside" "related aside";gap: 0 48px;padding: 20px 0 60px;}
.semantic-layout > main {grid-area: main;min-width: 0}
.semantic-layout > .related {grid-area: related}
.semantic-layout > .rsidebar {grid-area: aside}
.related {border-top: 1px solid var(--line);margin-top: 48px;padding-top: 28px}
.related h2 {font: 400 31px var(--sans);margin: 6px 0 20px}
.related-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px}
.related-card {background: #fff;border: 1px solid var(--line)}
.related-article-image-wrapper {position: relative;overflow: hidden;background: #e9ecef;}
.related-article-image {width: 100%;height: 200px;object-fit: cover;transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.card-body {padding: 18px}
.card-title {font: 400 18px/1.25 var(--sans);margin: 7px 0}
.related-article-intro {font-size: 13px;color: #6c757d;line-height: 1.5;margin-bottom: 10px;}
.share {border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);margin-top: 30px;display: flex;gap: 10px;align-items: center;font-size: 14px;color: #015287;justify-content: end;}
.share ul {padding: 0 15px;list-style: none;margin: 10px 0 10px 0;font-size: 24px;}
.share ul li {margin-right: 1rem;display: inline-block;}
.pagenavigation {padding: 40px 0px;}
.pagination-wrppaer {display: flex;gap: 30px;justify-content: space-evenly;}
.pagination-wrppaer .visually-hidden, .sr-only, .visually-hidden-focusable:not(:focus):not(:focus-within) {clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;width: 1px !important;height: 1px !important;margin: -1px !important;padding: 0 !important;overflow: hidden !important;}
.visually-hidden:not(caption), .sr-only:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {position: absolute !important;}
.main-article {font: 19px/1.5 var(--sans);}
.main-article h1 {font: 400 36px/1.15 var(--sans);margin: 0px 0 20px;}
.main-article h2 {font: 400 30px/1.15 var(--sans);margin: 20px 0 10px;}
.main-article h3 {font: 400 24px/1.25 var(--sans);margin: 15px 0 10px;}
.left-image {width: 25%;float: left;font-size: 85%;padding: 0.5rem 1rem 0.3rem 0rem}
img {display: block;max-width: 100%;height: auto}
.right-image {width: 40%;float: right;font-size: 85%;padding: 0.5rem 0rem 0.3rem 1rem}
blockquote {padding: 20px;margin: 15px 0 0 0;border: 1px solid #2bb67385 !important;background-color: #f6fdff;}
blockquote::before, blockquote::after {display: table;content: "";clear: both}
.divider-banner {grid-column: 1 / -1;max-width: 75%;margin: 0px auto;}
.side-banner {margin-bottom: 20px;}