/* News list, related products and Article detail. */
.related-products{padding:34px 0 38px;border-top:1px solid var(--line,#ded4c7)}
.related-heading{font-size:24px;line-height:1.5;font-weight:500;margin:0 0 24px}
.related-grid{display:grid;grid-template-columns:1fr;gap:20px}
.related-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center;background:#f2ece3;padding:24px}
.related-media{min-height:160px;aspect-ratio:1;background:#e9dfd0;color:#6b6257;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:12px}
.related-brand-mark{font-size:43px;line-height:1;letter-spacing:-.07em;font-weight:500}
.related-content{min-width:0}
.related-brand{font-size:11px;letter-spacing:.06em;color:#ef3e08;margin:0 0 9px}
.related-name{font-size:22px;line-height:1.6;font-weight:500;margin:0;overflow-wrap:anywhere}
.related-description{font-size:13px;line-height:1.8;color:#6b6257;margin:10px 0 0}
.related-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 23px;border:1px solid #27231e;background:#27231e;color:#fcfaf6;font:inherit;font-size:13px;text-decoration:none;margin-top:20px}
.related-cta:disabled{opacity:.5;cursor:not-allowed}
.related-cta:focus-visible{outline:2px solid #ef3e08;outline-offset:4px}
@media(max-width:660px){
  .related-products{padding:28px 0}
  .related-heading{font-size:21px;margin-bottom:20px}
  .related-card{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:18px}
  .related-media{min-height:112px}
  .related-name{font-size:18px}
  .related-brand{font-size:10px}
  .related-cta{padding:9px 17px}
}
@media(max-width:420px){
  .related-card{grid-template-columns:1fr}
  .related-media{max-width:160px;width:100%;justify-self:center}
  .related-cta{width:100%}
}
.related-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.subpage .related-card{border:1px solid var(--line);background:var(--wash)}
.subpage .classroom-article>.related-products{padding:32px 44px;border-top:1px solid var(--line)}
.subpage .classroom-article>.related-products+.article-bottom{border-top:1px solid var(--line)}
@media(max-width:760px){
  .subpage .classroom-article>.related-products{padding:28px 24px}
}
.article-center-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0;margin: 0}
.article-center-card{padding: 31px 35px 38px;border-right: 1px solid var(--line, #ded4c7);border-bottom: 1px solid var(--line, #ded4c7)}
.article-center-card:nth-child(2n){border-right: 0}
.news-pagination{display: flex;justify-content: center;gap: 12px;padding: 32px 36px;border-top: 1px solid var(--line, #ded4c7)}
.news-pagination a{display: inline-flex;min-width: 34px;min-height: 34px;align-items: center;justify-content: center;border: 1px solid var(--line, #ded4c7);text-decoration: none}
.news-pagination a[aria-current="page"]{border-color: var(--ink, #27231e);background: var(--ink, #27231e);color: var(--paper, #fcfaf6)}
.filter-row{display: flex;flex-wrap: wrap;gap: 4px}
.news-detail .article-detail-date{display: flex;flex-wrap: wrap;gap: 4px 24px;margin-top: 20px;color: var(--sub, #6b6257);font-size: 12px;line-height: 1.8}
.article-tag-list{display: flex;flex-wrap: wrap;gap: 7px;margin: 18px 0 0;padding: 0;list-style: none}
.article-tag-list li{padding: 5px 13px;border: 1px solid var(--line, #ded4c7);color: var(--sub, #6b6257);font-size: 11px;line-height: 1.6;white-space: nowrap}
.news-detail .article-content img{margin: 0 auto 24px}
.news-detail .article-content figure{margin: 0 auto 24px}
.news-detail .article-content img{display: block;width: 100%;height: auto}
.news-detail .article-content div:has(> table){margin: 24px 0;overflow-x: auto;overscroll-behavior-x: contain}
.news-detail .article-content.without-article-cover > p:first-child > img:first-child{width: calc(100% + 108px);max-width: none;height: 520px;margin: -36px -54px 24px;object-fit: contain;background: var(--wash, #f1ebe2);border-bottom: 1px solid var(--line, #ded4c7)}
.news-detail .article-bottom{flex-wrap: wrap;align-items: center;color: var(--sub, #6b6257);font-size: 12px}
.news-detail .article-bottom>.text-link{font-size: 12px}
.news-detail .article-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 22px}
.news-detail .article-actions button{padding: 8px 0;border: 0;background: none;color: var(--ink);font-size: 12px;text-decoration: underline;text-underline-offset: 4px}
.news-detail .article-actions a{padding: 8px 0;border: 0;background: none;color: var(--ink);font-size: 12px;text-decoration: underline;text-underline-offset: 4px}
.share-status{min-height: 1.8em;padding: 0 44px 24px;color: var(--sub, #65645d);font-size: 12px}
.article-detail-category:hover,.article-detail-category:focus-visible{text-decoration: underline;text-underline-offset: 4px}
@media (max-width: 760px){
  .article-center-grid{grid-template-columns: 1fr}
  .article-center-card{padding: 27px 24px 30px;border-right: 0}
  .news-pagination{padding-inline: 24px}
  .share-status{padding-inline: 24px}
  .news-detail .article-content.without-article-cover > p:first-child > img:first-child{width: calc(100% + 48px);height: auto;aspect-ratio: 4 / 3;margin: -28px -24px 22px}
}
.visually-hidden{display:block;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}