/* AI最前線: editorial thumbnails and owned-service banners, 2026-10-17 */
.feed-card-thumb{width:clamp(180px,23vw,260px)!important;aspect-ratio:1.91/1!important;align-self:center;background:#101827}
.feed-card-thumb img{width:100%!important;height:auto!important;aspect-ratio:1.91/1;object-fit:contain!important;display:block}
.article-card-img{aspect-ratio:1.91/1!important;height:auto!important;overflow:hidden}
.article-card-img img{width:100%;height:auto!important;object-fit:contain!important;display:block}
.owned-promo-wrap{margin:28px auto 36px;max-width:1120px;box-sizing:border-box}
.owned-promo-label{font-size:10px!important;letter-spacing:.12em;color:#a9b7cc;margin:0 0 9px!important;font-weight:600}
.owned-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.owned-promo-card{display:flex!important;min-width:0;min-height:180px;border:1px solid #425366;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#f8fafc!important;background:linear-gradient(125deg,#102837,#15221e);transition:transform .18s,border-color .18s;box-shadow:0 8px 24px #0002}
.owned-promo-card:hover{transform:translateY(-2px);border-color:#b5dbc7}
.owned-promo-card:focus-visible{outline:3px solid #54e4da;outline-offset:4px}
.owned-promo-copy{flex:1;min-width:0;padding:22px 20px;position:relative;z-index:1}
.owned-promo-kicker{font-size:10px;letter-spacing:.1em;color:#95cdb6;display:block;margin-bottom:8px}
.owned-promo-title{display:block;font-size:23px;line-height:1.35;font-weight:750;letter-spacing:.01em;margin-bottom:8px;text-wrap:balance}
.owned-promo-desc{display:block;font-size:12px;line-height:1.65;color:#d5dfe8;margin-bottom:14px}
.owned-promo-cta{display:inline-block;border-bottom:1px solid #80dcb7;padding-bottom:4px;font-size:12px;font-weight:700;color:#d6fae9}
.owned-promo-art{width:36%!important;max-width:190px!important;height:auto!important;min-height:180px;object-fit:cover!important;object-position:center;display:block;margin:0!important;opacity:.88}
.owned-promo-ro{background:linear-gradient(125deg,#142749,#171b35);border-color:#40516e}
.owned-promo-ro .owned-promo-kicker{color:#a9c9ff}
.owned-promo-ro .owned-promo-cta{border-color:#a4baff;color:#dce8ff}
.owned-promo-ro .owned-promo-art{object-position:50% 25%}
.article-body .owned-promo-wrap{margin:40px 0;padding-top:26px;border-top:1px solid #425366}
.article-body .owned-promo-title{font-size:20px}
.article-body .owned-promo-copy{padding:18px 15px}
.article-body .owned-promo-art{width:31%!important}
.article-publisher-link{font-size:13px!important;line-height:1.8;color:#b9c7d9;margin:20px 0 0!important}
.article-publisher-link a{color:#76d7eb;text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){
 .feed-card-thumb{width:100%!important;aspect-ratio:1.91/1!important;border-radius:0}
 .owned-promo-grid{grid-template-columns:1fr;gap:12px}
 .owned-promo-wrap{margin-top:22px;margin-bottom:24px}
 .owned-promo-card{min-height:158px}
 .owned-promo-copy{padding:18px}
 .owned-promo-title{font-size:22px}
 .owned-promo-art{min-height:158px;width:34%!important}
 .article-body .owned-promo-title{font-size:21px}
}

/* Keep promo artwork inside the banner rather than its intrinsic portrait height. */
.owned-promo-card{position:relative}
.owned-promo-copy{padding-right:calc(36% + 20px)}
.owned-promo-art{position:absolute;right:0;top:0;height:100%!important;min-height:0;width:36%!important;max-width:none!important}
.article-body .owned-promo-copy{padding-right:calc(31% + 15px)}
@media(max-width:768px){.owned-promo-copy,.article-body .owned-promo-copy{padding-right:calc(34% + 18px)}.owned-promo-art,.article-body .owned-promo-art{width:34%!important}}