/* Reuse ArticlePage components without an unrelated cinema-news sidebar. */
.gc-blog-layout{width:100%;max-width:880px;min-width:0;margin-inline:auto}

/* Category 1558 listing: same tokens and card proportions as the news section. */
.gc-blog-index{min-width:0;color:var(--gc-text);background:var(--gc-bg)}
.gc-blog-index__inner{max-width:880px;min-width:0;margin-inline:auto}
.gc-blog-index__header{padding-block:32px;border-bottom:1px solid var(--gc-border);background:var(--gc-surface-alt)}
.gc-blog-index__breadcrumbs{margin-bottom:16px;color:var(--gc-muted);font-size:12px;overflow-wrap:anywhere}
.gc-blog-index__kicker{margin:0 0 8px;color:var(--gc-accent);font:400 12px/1.5 var(--gc-heading);letter-spacing:.16em;text-transform:uppercase}
.gc-blog-index h1{margin:0;font:500 clamp(32px,4vw,48px)/1.12 var(--gc-heading);overflow-wrap:anywhere}
.gc-blog-index__intro{margin:16px 0 0;color:var(--gc-muted);line-height:1.6}
.gc-blog-index__body{padding-block:28px 40px}
.gc-blog-feed{display:grid;gap:16px;min-width:0}
.gc-blog-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--gc-border);border-radius:var(--gc-radius);background:var(--gc-surface)}
.gc-blog-card__image{position:relative;display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;overflow:hidden;background:var(--gc-elevated)}
.gc-blog-card__image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.gc-blog-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--gc-muted);font-size:12px;text-align:center}
.gc-blog-card__placeholder>.gc-icon{width:32px;height:32px}
.gc-blog-card__copy{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px}
.gc-blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:var(--gc-muted);font-size:12px}
.gc-blog-card h2{margin:0;font:500 23px/1.3 var(--gc-heading);overflow-wrap:anywhere}
.gc-blog-card__excerpt{font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.gc-blog-card__excerpt:empty{display:none}
.gc-blog-card__excerpt p{margin:0 0 8px}.gc-blog-card__excerpt>:last-child{margin-bottom:0}
.gc-blog-card__footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:auto;min-width:0;color:var(--gc-muted);font-size:12px}
.gc-blog-card__stat{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.gc-blog-card__stat>.gc-icon{width:16px;height:16px}
.gc-blog-card__footer>a{display:inline-flex;align-items:center;min-height:44px}
.gc-blog-card__more{gap:8px;margin-inline-start:auto;color:var(--gc-text)}
.gc-blog-index .gc-blog-card :is(a:hover,a:focus-visible){text-decoration:underline;text-underline-offset:3px}
.gc-blog-index .gc-blog-card a:focus-visible{outline:3px solid var(--gc-accent);outline-offset:-3px}
.gc-blog-empty{margin:0;padding:24px;border:1px solid var(--gc-border);border-radius:var(--gc-radius);background:var(--gc-surface);color:var(--gc-muted)}
.gc-blog-feed:has(.gc-blog-card)>.gc-blog-empty{display:none}
.gc-blog-index .pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-block:12px}
.gc-blog-index .pagination__pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.gc-blog-index .pagination a,.gc-blog-index .pagination__pages>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--gc-border);border-radius:var(--gc-radius);background:var(--gc-surface)}
.gc-blog-index .pagination__pages>span:not(.nav_ext){border-color:var(--gc-accent)}
.gc-blog-index .pagination__btn{font:inherit;font-style:normal}.gc-blog-index .pagination__btn--prev::before{content:'←'}.gc-blog-index .pagination__btn--next::before{content:'→'}
.gc-blog-description{margin-top:32px;padding-top:24px;border-top:1px solid var(--gc-border);overflow-wrap:anywhere}
.gc-blog-description a,.gc-blog-card__excerpt a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px){.gc-blog-card{grid-template-columns:240px minmax(0,1fr)}.gc-blog-card__image{height:100%;min-height:180px}}
@media(max-width:767px){.gc-blog-index__header{padding-block:24px}.gc-blog-card__copy{padding:16px}.gc-blog-card h2{font-size:22px}}