/* Compact illustrated title, using the same artwork across both languages. */
 .renewal-reader .article-cover{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;
  min-height:220px;box-sizing:border-box;padding:26px 32px 30px;margin:0 0 24px;
  background:#182c25;overflow:hidden;border-bottom:2px solid #83966e;
 }
 .article-cover::before,.article-cover::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
 .article-cover::before{
  background-image:var(--article-art);background-size:cover;background-position:var(--article-position);
  filter:saturate(.76);opacity:.88;
 }
 .article-cover--emblem::before{background-size:auto 92%;background-position:92% center;background-repeat:no-repeat;filter:none;opacity:1}
 .article-cover::after{background:linear-gradient(90deg,rgba(11,29,24,.88),rgba(11,29,24,.64) 52%,rgba(11,29,24,.18)),linear-gradient(0deg,rgba(11,29,24,.3),transparent 70%)}
 .article-cover--illustration::before{filter:saturate(.92);opacity:1}
 .article-cover--illustration::after{background:linear-gradient(90deg,rgba(11,29,24,.6),rgba(11,29,24,.24) 52%,rgba(11,29,24,.03)),linear-gradient(0deg,rgba(11,29,24,.12),transparent 70%)}
 .article-cover--reference::before{filter:none;opacity:1}
 .article-cover--reference{--article-title-width:66%;--article-text-end:66%;--article-fade-end:84%}
 .article-cover--reference::after{background:linear-gradient(90deg,rgba(8,22,18,.76),rgba(8,22,18,.6) var(--article-text-end),rgba(8,22,18,.08) var(--article-fade-end),transparent)}
 .renewal-reader .article-cover.article-cover--cute{min-height:250px;border-radius:4px;background:#faf4e7;--article-title-width:62%}
 .article-cover--cute::before{filter:none;opacity:1}
 .article-cover--cute::after{background:linear-gradient(90deg,rgba(250,245,232,.98),rgba(250,245,232,.95) 35%,rgba(250,245,232,.7) 52%,rgba(250,245,232,0) 72%)}
 .renewal-reader .article-cover .breadcrumb__list{margin:0 0 20px;gap:8px}
 .renewal-reader .article-cover .breadcrumb__list :is(a,li){color:#edf1e8;font-size:11px;line-height:1.6;text-shadow:0 1px 2px rgba(8,22,18,.8)}
 .renewal-reader .article-cover .breadcrumb{max-width:var(--article-title-width,850px)}
 .renewal-reader .article-cover .breadcrumb__list a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
 .renewal-reader .article-cover .breadcrumb__list li::after{color:#c6d3bd}
 .renewal-reader .article-cover .intro-band__title{
  color:#fff;font-size:clamp(30px,2.65vw,38px);line-height:1.32;letter-spacing:-.035em;
  margin:0;max-width:var(--article-title-width,850px);text-wrap:balance;text-shadow:0 1px 3px rgba(8,22,18,.55);
 }
 .renewal-reader .article-cover .intro-band__en{color:#d5dfcc;margin:8px 0 0}
 .renewal-reader .article-cover a:focus-visible{outline:2px solid #e6f0ce;outline-offset:4px}
 .renewal-reader .article-cover--cute .intro-band__title{color:#203d2f;text-shadow:none}
 .renewal-reader .article-cover--cute .intro-band__en,.renewal-reader .article-cover--cute .breadcrumb__list :is(a,li){color:#4d6451;text-shadow:none}
 .renewal-reader .article-cover--cute .breadcrumb__list li::after{color:#72856a}
 .renewal-reader .article-cover--cute .breadcrumb__list a:hover{color:#203d2f}
 .renewal-reader .article-cover--cute a:focus-visible{outline-color:#203d2f}
@media(max-width:1200px){
 .article-cover--reference{--article-title-width:78%;--article-text-end:78%;--article-fade-end:96%}
 .renewal-reader .article-cover{min-height:190px;padding:22px 26px}
 .renewal-reader .article-cover .intro-band__title{font-size:32px}
}
@media(max-width:760px){
 .article-cover::before{background-image:var(--article-mobile-art,var(--article-art));background-position:var(--article-mobile-position,var(--article-position))}
 .article-cover--emblem::before{background-position:right 12px center;background-size:auto 94%}
 .renewal-reader .article-cover{min-height:150px;padding:18px 20px 22px;margin-bottom:22px}
 .renewal-reader .article-cover .breadcrumb__list{margin-bottom:15px;gap:6px}
 .renewal-reader .article-cover .breadcrumb{max-width:none}
 .renewal-reader .article-cover .breadcrumb__list :is(a,li){font-size:10px}
 .renewal-reader .article-cover .breadcrumb__list [aria-current="page"]{display:none}
 .renewal-reader .article-cover .breadcrumb__list li:nth-last-child(2)::after{display:none}
 .renewal-reader .article-cover .intro-band__title{font-size:clamp(24px,7.2vw,28px);line-height:1.35;text-wrap:pretty;max-width:var(--article-mobile-title-width,850px)}
 .article-cover::after{background:linear-gradient(90deg,rgba(11,29,24,.87),rgba(11,29,24,.5)),linear-gradient(0deg,rgba(11,29,24,.24),transparent)}
 .article-cover--illustration::after{background:linear-gradient(90deg,rgba(11,29,24,.66),rgba(11,29,24,.25))}
 .article-cover--reference::after{background:linear-gradient(90deg,rgba(8,22,18,.72),rgba(8,22,18,.56) 62%,rgba(8,22,18,.5))}
 .renewal-reader .article-cover.article-cover--cute{min-height:205px;--article-title-width:100%}
 .article-cover--cute::after{background:linear-gradient(90deg,rgba(250,245,232,.96),rgba(250,245,232,.78) 52%,rgba(250,245,232,.25)),linear-gradient(0deg,rgba(250,245,232,.3),transparent)}
}