.coe-main-art{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);margin:20px auto 24px;border:1px solid #b09a60;background:#edf0df;overflow:hidden}.coe-main-art>img{display:block;width:100%;height:auto;align-self:center}.coe-main-art-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:#213b32}.coe-main-art-copy img{width:100%;max-width:330px;height:auto}.coe-main-art-copy p{margin:12px 0 0;font-size:15px;line-height:1.7}.coe-main-art-copy small{display:block;font-size:11px;margin-top:12px}.coe-main-art-copy a{color:#365b44}.article-eyecatch{margin:0 0 24px!important;border:1px solid #b8ac82;background:#edf0df;overflow:hidden}.article-eyecatch>img,.article-eyecatch .video-shell img{display:block;width:100%;height:auto;object-fit:contain;max-height:480px}.article-eyecatch figcaption{padding:7px 12px;font-size:11px;line-height:1.5;color:#435345;background:#edf0df}.article-eyecatch a{color:#31593f}.showcase-wrap>.article-eyecatch{max-width:820px;margin:0 auto 24px!important}.article-eyecatch .video-shell{aspect-ratio:16/9}.article-eyecatch .video-shell img{height:100%}@media(max-width:700px){.coe-main-art{grid-template-columns:1fr;margin-top:12px}.coe-main-art-copy{padding:12px}.coe-main-art-copy img{max-width:215px}.coe-main-art-copy p{font-size:13px;margin-top:5px}.coe-main-art-copy small{margin-top:5px}.article-eyecatch{margin-bottom:18px!important}.article-eyecatch figcaption{font-size:10px}.showcase-wrap>.article-eyecatch{margin-bottom:16px!important}}

/* Keep article contents navigation readable on narrow screens. */
@media(max-width:700px){main nav.article-toc{display:block}main nav.article-toc>strong{display:block}main nav.article-toc>ul{width:auto;margin:12px 0 0;padding-left:1.2em}}