.chronicles-hero { min-height: 480px; box-sizing: border-box; isolation: isolate; }
.chronicles-hero__image,.chronicles-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.chronicles-hero__image { display: block; object-fit: cover; object-position: center; z-index: -2; }
.chronicles-hero__shade { z-index: -1; background: linear-gradient(90deg,rgba(11,11,14,.95),rgba(11,11,14,.78) 52%,rgba(11,11,14,.15)); }
.chronicles-hero .wrap { position: relative; z-index: 1; }
.chronicles-hero .hub-hero__h1 { max-width: 1000px; text-wrap: balance; }
.chronicles-hero .hub-hero__sub { max-width: 760px; text-wrap: pretty; }
.chronicles-hero::after { display: none; }
.chronicles-section { background: #eef1f3; }
.chronicles-section__intro { max-width: 760px; margin: 16px 0 56px; color: #5e6b7a; font-size: 17px; line-height: 1.7; text-wrap: pretty; }
.chronicle-feed { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.chronicle-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden; border: 1px solid #dde2e5; border-radius: 16px; background: #fff; color: #202326; text-decoration: none; transition: border-color .18s ease,box-shadow .18s ease; }
.chronicle-card:hover { color: #202326; border-color: #bd282d; box-shadow: 0 12px 30px rgba(25,35,45,.06); }
.chronicle-card:focus-visible { outline: 2px solid #bd282d; outline-offset: 5px; }
.chronicle-card__media { margin: 0; min-width: 0; aspect-ratio: 16/9; overflow: hidden; background: #e4e8eb; }
.chronicle-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.chronicle-card__body { display: flex; flex-direction: column; align-items: flex-start; padding: 32px; }
.chronicle-card__date { color: #7c6663; font-size: 12px; line-height: 1.5; }
.chronicle-card__title { margin: 16px 0; font: 700 26px/1.25 'PT Serif',Georgia,serif; color: #202326; text-wrap: balance; }
.chronicle-card__intro { margin: 0 0 28px; color: #5e6b7a; font-size: 15px; line-height: 1.75; text-wrap: pretty; }
.chronicle-card__more { margin-top: auto; padding-top: 8px; color: #bd282d; font-size: 13px; font-weight: 600; line-height: 1.5; }
.chronicle-feed>.chronicle-card:first-child { grid-column: 1/-1; grid-template-columns: 1.15fr 1fr; grid-template-rows: auto; }
.chronicle-feed>.chronicle-card:first-child .chronicle-card__media { height: 100%; min-height: 360px; aspect-ratio: auto; }
.chronicle-feed>.chronicle-card:first-child .chronicle-card__body { padding: 40px; }
.chronicle-feed>.chronicle-card:first-child .chronicle-card__title { font-size: 32px; }
.chronicles-pagination { margin-top: 48px; }
.chronicles-pagination .pagination { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.chronicles-pagination a { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid #d7dde1; border-radius: 7px; background: #fff; color: #272b2e; text-decoration: none; }
.chronicles-pagination .active a { background: #bd282d; border-color: #bd282d; color: #fff; }
.chronicle-main { background: #fff; padding: 72px 0 88px; }
.chronicle-article { max-width: 820px; margin-inline: 0; }
.chronicle-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-bottom: 28px; margin-bottom: 36px; border-bottom: 1px solid #e0e4e7; color: #657180; font-size: 13px; line-height: 1.6; }
.chronicle-prose { color: #3c4651; font-size: 18px; line-height: 1.85; overflow-wrap: break-word; }
.chronicle-prose p { margin: 0 0 24px; text-wrap: pretty; }
.chronicle-prose h2 { margin: 48px 0 22px; color: #202326; font: 700 32px/1.25 'PT Serif',Georgia,serif; text-wrap: balance; }
.chronicle-prose h3 { margin: 36px 0 18px; color: #202326; font: 700 25px/1.3 'PT Serif',Georgia,serif; }
.chronicle-prose :is(ul,ol) { margin: 24px 0; padding-left: 24px; }
.chronicle-prose li { margin-bottom: 12px; }
.chronicle-prose a { color: #a62127; text-decoration: underline; text-underline-offset: 3px; }
.chronicle-prose img { display: block; max-width: 100%; height: auto; margin: 36px auto; border-radius: 12px; }
.chronicle-note { margin: 40px 0; padding: 28px 32px; border-left: 3px solid #bd282d; border-radius: 0 12px 12px 0; background: #f2f4f5; }
.chronicle-note h2 { margin: 0 0 16px; font-size: 27px; }
.chronicle-note p:last-child { margin-bottom: 0; }
.chronicle-article__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 36px; margin-top: 40px; border-top: 1px solid #e0e4e7; }
.chronicle-related { background: #eef1f3; }
.chronicle-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 48px; }
.chronicle-related__grid .chronicle-card__title { font-size: 23px; }
.chronicle-related__grid .chronicle-card__body { padding: 24px; }
.chronicles-empty { padding: 48px 0; border-top: 1px solid #dbe1e5; color: #5e6b7a; font-size: 17px; line-height: 1.7; }
@media(max-width:900px) { .chronicle-feed>.chronicle-card:first-child { grid-template-columns: 1fr; }.chronicle-feed>.chronicle-card:first-child .chronicle-card__media { aspect-ratio: 16/9; min-height: 0; }.chronicle-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .chronicle-feed,.chronicle-related__grid { grid-template-columns: 1fr; gap: 24px; }.chronicle-card__body,.chronicle-feed>.chronicle-card:first-child .chronicle-card__body { padding: 26px; }.chronicle-feed>.chronicle-card:first-child .chronicle-card__title { font-size: 27px; }.chronicle-main { padding: 44px 0 56px; }.chronicle-prose { font-size: 17px; line-height: 1.8; }.chronicle-prose h2 { font-size: 28px; }.chronicle-note { padding: 24px; }.chronicles-section__intro { font-size: 16px; margin-bottom: 36px; }.chronicles-hero__shade { background: rgba(11,11,14,.8); }.chronicles-hero__image { object-position: 65% center; } }
@media(prefers-reduced-motion:reduce) { .chronicle-card { transition: none; } }

@media(max-width:600px){.chronicles-page .chronicles-hero__image{object-position:100% center;}}