.content-layout {display: grid;grid-template-columns: 245px minmax(0, 1fr);gap: 48px;padding: 20px 0 60px}
.rsview .content-layout {grid-template-columns: minmax(0, 1fr) 300px;}
.lsidebar {position: sticky;top: 110px;height: max-content}
.lsidebar-box {background: #fff;border: 1px solid var(--line);padding: 24px}
.lsidebar-title {font-size: 10px;text-transform: uppercase;letter-spacing: .14em;font-weight: bold;color: var(--muted);margin-bottom: 20px}
.lsidebar a {display: block;padding: 7px 0;font: 16px var(--serif);color: #4b5550}
.lsidebar a:hover {color: var(--green)}
.lsidebar a.active {color: var(--green);font-weight: bold;border-left: 3px solid var(--green);padding-left: 10px;margin-left: -13px}
.featured-label {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px}
.featured-label h2 {font: 400 30px var(--serif);margin: 0}
.article-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px}
.card {background: #fff;border: 1px solid var(--line);overflow: hidden}
.card-image {display: block;height: 220px;background-size: cover;background-position: center}
.card-body {padding: 20px}
.card h3 {font: 400 24px/1.12 var(--serif);margin: 9px 0}
.card p {margin: 0 0 12px}
.card .read {display: block}
.divider-banner {grid-column: 1 / -1;max-width: 75%;margin: 0px auto;}
@media(max-width:800px) {
.container {width: calc(100% - 30px)}
.content-layout {grid-template-columns: 1fr;gap: 25px}
.lsidebar {position: static}
.lsidebar-box {padding: 17px}
.lsidebar-title {display: flex;justify-content: space-between;cursor: pointer;margin: 0}
.lsidebar-title:after {content: "＋"}
.lsidebar-box.open .lsidebar-title:after {content: "−"}
.article-grid {grid-template-columns: 1fr 1fr}
}
@media(max-width:560px) {
.category-intro {padding: 40px 0 30px}
.category-intro h1 {font-size: 43px}
.category-intro p {font-size: 15px}
.article-grid {grid-template-columns: 1fr}
}