body[data-page-kind=article] .related-read-section{margin-top:var(--spacing-lg)}body[data-page-kind=article] .article-suggest{--article-suggest-rule-color: color-mix(in oklab, var(--color-text-muted) 36%, var(--color-bg-tertiary));margin-top:calc(var(--spacing-lg) * 1.15);width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:.75rem var(--spacing-md) 1rem;background:var(--color-bg-tertiary);border-radius:0}body[data-page-kind=article] .article-suggest-grid{display:grid;gap:clamp(.8rem,1.1vw,1rem);align-items:start}body[data-page-kind=article] .article-suggest-label{display:inline-flex;align-items:baseline;gap:0;margin:0 0 .32rem;color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:.72rem;letter-spacing:.03em}body[data-page-kind=article] .article-suggest-label a{color:var(--color-text-primary);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-muted);text-decoration-thickness:1px;text-underline-offset:.12em;border-bottom:none;transition:text-decoration-color .16s ease}body[data-page-kind=article] .article-suggest-label a:hover{text-decoration-color:var(--color-text-muted)}body[data-page-kind=article] .article-suggest-cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));row-gap:clamp(.45rem,.65vw,.56rem);column-gap:clamp(.75rem,1vw,.9rem)}body[data-page-kind=article] .article-suggest-card{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}body[data-page-kind=article] .article-suggest-cover-link{display:block;overflow:hidden;border-bottom:none;border-radius:0;text-decoration:none;min-height:0}body[data-page-kind=article] .article-suggest-cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0}body[data-page-kind=article] .article-suggest-card-title,body[data-page-kind=article] .article-suggest-list-title{margin:.22rem 0 0;counter-increment:none;counter-reset:none;font-size:var(--font-size-base);line-height:1.3}body[data-page-kind=article] .article-suggest-card-title{min-height:2.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body[data-page-kind=article] .article-suggest-list-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body[data-page-kind=article] .article-suggest-card-title:before,body[data-page-kind=article] .article-suggest-list-title:before{content:none!important}body[data-page-kind=article] .article-suggest-card-title a,body[data-page-kind=article] .article-suggest-list-title a{color:var(--color-text-primary);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.14em;border-bottom:none;transition:text-decoration-color .16s ease}body[data-page-kind=article] .article-suggest-card-title a:hover,body[data-page-kind=article] .article-suggest-list-title a:hover,body[data-page-kind=article] .article-suggest-card-title a:focus,body[data-page-kind=article] .article-suggest-list-title a:focus,body[data-page-kind=article] .article-suggest-card-title a:focus-visible,body[data-page-kind=article] .article-suggest-list-title a:focus-visible,body[data-page-kind=article] .article-suggest-card-title a:active,body[data-page-kind=article] .article-suggest-list-title a:active{text-decoration-color:var(--color-text-primary)}body[data-page-kind=article] .article-suggest-list{display:grid;gap:0}body[data-page-kind=article] .article-suggest-side{padding-top:var(--spacing-md);border-top:1px solid var(--article-suggest-rule-color)}body[data-page-kind=article] .article-suggest-list-item{padding:0 0 .65rem;min-height:0}body[data-page-kind=article] .article-suggest-list-item:not(:last-child){margin-bottom:.7rem;border-bottom:1px solid var(--article-suggest-rule-color)}body[data-page-kind=article] .article-suggest-time{display:inline-block;color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:.72rem;letter-spacing:.01em}body[data-page-kind=article] .article-suggest-list-title{margin-top:.35rem}@media(max-width:768px){body[data-page-kind=article] .article-suggest{margin-top:var(--spacing-lg)}}@media(min-width:820px){body[data-page-kind=article] .article-suggest{--article-featured-gap: .48rem;--article-featured-row-height: clamp(2.25rem, 2.5vw, 2.55rem);--article-track-height: calc( (var(--article-featured-count) * var(--article-featured-row-height)) + ((var(--article-featured-count) - 1) * var(--article-featured-gap)) );width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(.42rem,.55vw,.5rem) clamp(.75rem,1.15vw,.95rem);padding-bottom:clamp(.95rem,1.2vw,1.15rem)}body[data-page-kind=article] .article-suggest-grid{grid-template-columns:minmax(0,52rem) minmax(18rem,20rem);max-width:min(1260px,calc(100vw - clamp(2rem,5vw,4rem)));margin:0 auto;align-items:stretch;gap:clamp(1.4rem,2vw,1.85rem)}body[data-page-kind=article] .article-suggest-main{min-height:var(--article-track-height);display:grid;grid-template-rows:auto minmax(0,1fr)}body[data-page-kind=article] .article-suggest-side{min-height:var(--article-track-height);padding-top:0;padding-left:clamp(1.4rem,2vw,1.8rem);border-top:none;border-left:1px solid var(--article-suggest-rule-color);display:grid;grid-template-rows:auto minmax(0,1fr)}body[data-page-kind=article] .article-suggest-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100%;align-items:stretch;row-gap:clamp(.42rem,.55vw,.5rem);column-gap:clamp(1.15rem,1.8vw,1.55rem)}body[data-page-kind=article] .article-suggest-card{height:100%}body[data-page-kind=article] .article-suggest-cover-link{flex:1 1 auto}body[data-page-kind=article] .article-suggest-cover{height:100%}body[data-page-kind=article] .article-suggest-list{height:100%;gap:var(--article-featured-gap);grid-template-rows:repeat(var(--article-featured-count),minmax(0,1fr))}body[data-page-kind=article] .article-suggest-list-item{height:100%;padding-bottom:.18rem;display:flex;flex-direction:column;justify-content:flex-start}body[data-page-kind=article] .article-suggest-list-item:not(:last-child){margin-bottom:0}}@media(min-width:1200px){body[data-page-kind=article] .article-suggest-grid{grid-template-columns:minmax(0,56rem) minmax(18.5rem,21rem);max-width:min(1320px,calc(100vw - clamp(2rem,5vw,4rem)))}}@media(min-width:820px)and (max-width:899px){body[data-page-kind=article] .article-suggest-grid{grid-template-columns:minmax(0,1fr) minmax(15.5rem,16.75rem);max-width:min(1080px,calc(100vw - clamp(1.25rem,3vw,2rem)));gap:clamp(1.1rem,1.8vw,1.35rem)}body[data-page-kind=article] .article-suggest-side{padding-left:clamp(1.1rem,1.8vw,1.4rem)}body[data-page-kind=article] .article-suggest-cards{column-gap:clamp(.95rem,1.6vw,1.2rem)}}
