/* Anime-newslog shared responsive layout, 2026-10-26. */
/* Final listing rules appear below the inherited header rules. */
body .news-layout{min-width:0;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
body .news-grid{min-width:0;max-width:100%}
@media(min-width:768px) and (max-width:1099px){body .news-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}}
@media(max-width:767px){body .container.article-page{width:100%!important;padding-inline:12px!important;box-sizing:border-box}}
body :is(.shell,.article-layout,.detail-layout,.detail-page,.home-rail-page,.general-rail-page){min-width:0;max-width:1280px;box-sizing:border-box}
body :is(main,.main,.prose,.article-body,.detail-main,.home-rail-main,.general-rail-main){min-width:0;overflow-wrap:anywhere}
body :is(.article-grid,.news-grid,.work-grid) img{max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain}
body :is(.site-price,.price){color:#246859;font-weight:800}
body .home-headline-list .headline-product-photo{display:block;width:100%;height:auto;margin:0 0 12px;object-fit:contain}
@media(min-width:768px){
 body :is(.shell,.article-layout,.detail-layout,.home-rail-page,.general-rail-page){gap:24px!important;grid-template-columns:minmax(0,1fr) 300px}
 body.media-v3.yomichi :is(.article-grid,.news-grid,.work-grid,.book-grid){column-count:2!important}
 body :is(.aside,.article-aside,.detail-side,.home-rail-side,.general-rail-side){min-width:0;align-self:stretch}
}
@media(min-width:768px) and (max-width:1099px){
 body :is(.shell,.article-layout,.detail-layout,.home-rail-page,.general-rail-page){grid-template-columns:minmax(0,1fr) 240px!important;gap:16px!important}
 body :is(.aside,.article-aside,.detail-side,.home-rail-side,.general-rail-side){width:auto;max-width:240px}
}
@media(max-width:767px){
 body :is(.shell,.container.page,.front-container,.home-rail-page,.general-rail-page){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;padding-inline:12px!important;box-sizing:border-box}
 body :is(.shell,.article-layout,.detail-layout,.detail-page,.news-layout,.home-rail-page,.general-rail-page){display:block!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 body :is(.main,.prose,.article-body,.detail-main,.home-rail-main,.general-rail-main){width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box}
 body .shell>.main{padding:12px!important}
 body :is(.article-layout,.detail-layout){padding-inline:0!important;margin-inline:0!important}
 body :is(.home-rail-main,.general-rail-main) :is(.front-container,.container){padding-inline:0!important;width:100%!important}
 body :is(.aside,.article-aside,.detail-side,.detail-aside,.home-rail-side,.general-rail-side,.news-aside){display:block!important;position:static!important;width:100%!important;max-width:100%!important;margin:24px 0 0!important;padding:0!important;box-sizing:border-box}
 body :is(.article-grid,.news-grid,.work-grid,.book-grid,.reading-cards){column-count:1!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
 body :is(.article-card,.static-visual,.article-image-link,.product-photo,figure){max-width:100%;min-width:0}
 body :is(.main,.prose,.article-body) figure{margin-inline:0!important}
 body :is(.main,.prose,.article-body) img{max-width:100%;height:auto}
 body :is(table,pre){max-width:100%;overflow-x:auto}
 body :is(.side-card,.shared-rail-card) img{max-width:100%;height:auto}
}

/* Apply the same masthead to standalone product pages, which have no yomichi body class. */
/* Header only: main content/layout and global body typography stay unchanged. */
.preview-bar{background:#0b1119;border:0;color:#c4ccd7;font-size:10px;letter-spacing:.1em;padding:4px 12px;line-height:1.6}.preview-dot{background:#c8ef51;width:5px;height:5px}.preview-description{color:#9caabc}
body #header{background:#111a26;color:#fff;border:0;border-bottom:3px solid #c8ef51}#header .header-inner{min-height:78px;gap:28px;max-width:1240px;padding:0 14px;display:flex;align-items:center}#header .brand{min-width:210px;flex:none;margin:0}#header .proposal-wordmark{display:block;width:230px;height:auto}#header .desktop-nav{margin-left:auto;gap:25px;white-space:nowrap}#header .desktop-nav a{font-size:13px;font-weight:750;color:#f0f3f8;padding:27px 0;letter-spacing:.03em;text-decoration:none}#header .desktop-nav a:hover,#header .desktop-nav a.active{color:#c8ef51}#header .desktop-nav a:after{height:2px;background:#c8ef51}.masthead-tools{display:flex;align-items:center;gap:17px;flex:none}.masthead-search{display:flex;align-items:center;gap:6px;color:#f1f4f9;font-size:11px;text-decoration:none}.masthead-search .icon{width:18px;height:18px}#header .header-save{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:1px solid #586575;border-radius:3px;color:#fff;font-size:11px}#header .header-save .icon{width:17px;height:17px}#header .header-save b{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border-radius:2px;background:#c8ef51;color:#111a26;font-size:10px}#header a:focus-visible{outline-color:#c8ef51}

@media(max-width:1100px) and (min-width:761px){#header .header-inner{gap:18px}#header .proposal-wordmark{width:200px}#header .brand{min-width:190px}#header .desktop-nav{gap:16px}.masthead-search span{display:none}#header .header-save>span{display:none}}
@media(max-width:760px){.preview-bar{font-size:9px;padding:3px 10px;line-height:1.6}#header .header-inner{min-height:65px;gap:12px;padding:0 14px;justify-content:space-between}#header .brand{min-width:0;flex:1}#header .proposal-wordmark{width:clamp(155px,51vw,205px);height:auto}#header .desktop-nav{display:none}#header .masthead-tools{gap:3px}#header .masthead-search,#header .header-save{min-width:44px;min-height:44px;justify-content:center}#header .masthead-search span,#header .header-save>span{display:none}#header .masthead-search .icon{width:21px;height:21px}#header .header-save{border:0;padding:4px 0;gap:3px}#header .header-save .icon{width:20px;height:20px}#header .header-save b{font-size:9px;min-width:14px;height:14px}}
/* User superseding instruction 2026-10-26 06:01 UTC: products two columns on phones; news image beside text. */
body.media-v3.yomichi :is(.news-grid,#home-anime-news .article-grid,#home-voice-news .article-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-count:1!important;gap:16px}
body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;gap:12px!important;align-items:start;margin:0;width:100%;min-width:0}
body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card>.article-image-link{grid-column:1;width:100%!important;height:auto!important}
body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card>.article-card-copy{grid-column:2;padding:4px!important;min-width:0}
body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card-copy>p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6}
body.media-v3.yomichi .news-grid .article-card[data-product-key]>a{display:contents}
body.media-v3.yomichi .news-grid .article-card[data-product-key]>a>img{grid-column:1;grid-row:1 / span 2}
body.media-v3.yomichi .news-grid .article-card[data-product-key]>a>h2{grid-column:2;font-size:18px;line-height:1.5;margin:0;padding:0;background:none;border:0}
body.media-v3.yomichi .news-grid .article-card[data-product-key]>p{grid-column:2;margin:0;font-size:13px}
body .home-headline-list li:has(.headline-product-photo){display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;gap:8px!important;align-items:start}
body .home-headline-list li .headline-product-photo{grid-column:1;grid-row:1 / span 2;margin:0!important}
body .home-headline-list li>h3,body .home-headline-list li>.home-headline-meta{grid-column:2;order:initial!important;margin:0!important}
body .home-headline-list li>h3{grid-row:1}
body .home-headline-list li>.home-headline-meta{grid-row:2}
body .home-headline-list .headline-product-photo figcaption{font-size:10px;line-height:1.4}
@media(max-width:767px){
 body.media-v3.yomichi .news-first-home #home-goods .article-grid,body.media-v3.yomichi :is(.product-grid,.book-grid,[data-listing-kind="product"]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-count:1!important;gap:10px!important;align-items:start}
 body.media-v3.yomichi #home-goods .home-feed-item{width:100%;min-width:0;margin:0}
 body.media-v3.yomichi #home-goods .article-card{display:flex!important;flex-direction:column!important;min-width:0;width:100%;margin:0}
 body.media-v3.yomichi #home-goods .article-card-copy{padding:7px!important}
 body.media-v3.yomichi #home-goods .article-card h3,body.media-v3.yomichi .news-grid .article-card h3{font-size:15px!important;line-height:1.5!important;max-height:none!important;-webkit-line-clamp:3!important}
 body.media-v3.yomichi #home-goods .article-card .eyebrow{flex-wrap:wrap;font-size:11px}
 body.media-v3.yomichi #home-goods .article-card figcaption{font-size:10px;line-height:1.4;padding:4px}
 body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card{gap:8px!important}
 body.media-v3.yomichi .news-grid .article-card[data-product-key]>a>h2{font-size:15px!important}
 body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .static-visual figcaption{font-size:10px;line-height:1.4;padding:4px}
 body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card-foot{font-size:11px}
}
/* Concrete width contract: viewport minus 8px each side, 8px product gutter. */
@media(max-width:767px){
 body :is(.shell,.container.page,.container.article-page,.front-container,.home-rail-page,.general-rail-page){padding-inline:8px!important}
 body :is(.home-rail-main,.general-rail-main) :is(.front-container,.container){padding-inline:0!important}
 body.media-v3.yomichi .news-first-home #home-goods .article-grid,body.media-v3.yomichi :is(.product-grid,.book-grid,[data-listing-kind="product"]){gap:8px!important;grid-template-columns:minmax(0,1fr)!important}
 body.media-v3.yomichi #home-goods .article-card{border:0;padding:0!important}
 body.media-v3.yomichi #home-goods :is(.article-image-link,.static-visual,.static-visual>a){padding:0!important;margin:0!important;width:100%!important}
 body.media-v3.yomichi #home-goods img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important}
 body.media-v3.yomichi :is(.news-grid,#home-anime-news,#home-voice-news) .article-card,body .home-headline-list li:has(.headline-product-photo){grid-template-columns:minmax(0,40%) minmax(0,1fr)!important;gap:10px!important}
 body :is(.main,.prose,.article-body) figure>img{width:100%;height:auto!important;object-fit:contain}
 body :is(.article-card,.article-card-copy,.price,.buttons,.button){min-width:0;overflow-wrap:anywhere}
}
body.media-v3.yomichi #home-goods .article-card-copy>p{display:block!important;max-height:none!important;-webkit-line-clamp:unset!important} body.media-v3.yomichi #home-goods time:before{content:"記事 ";font-weight:400}

/* Listing text reduction: preserve the underlying article and source metadata. */
[data-compact-listing] [hidden]{display:none!important}
[data-compact-listing] .listing-confirmed-price{display:block!important;color:#246859;font-weight:800;margin:6px 0!important;font-size:15px!important;line-height:1.5!important;max-height:none!important;-webkit-line-clamp:unset!important}
[data-compact-listing] [data-listing-title]{margin:6px 0!important}
.news-grid [data-compact-listing]>.listing-confirmed-price{grid-column:2}