.history-page { --history-bg:#eef0f2; --feature-bg:#f2f0ea; --history-ink:#25282b; --history-muted:#66696c; --history-accent:#b35840; color:var(--history-ink); }
.history-shell { max-width:1500px; margin:0 auto; padding:36px 32px 72px; position:relative; z-index:1; }
.history-channel-header { border-left:4px solid var(--history-accent); padding-left:22px; margin-bottom:38px; }
.history-channel-header h1 { font-family:var(--header-font); font-size:clamp(2.1rem,4vw,3.3rem); line-height:1.1; margin:0 0 10px; }
.history-channel-header p { color:var(--history-muted); font-size:1.05rem; }
.history-section { margin-bottom:48px; }
.history-section-heading { display:flex; align-items:center; gap:22px; border-bottom:1px solid #b6babd; padding-bottom:14px; margin-bottom:22px; }
.history-section-heading h2,.history-section-heading h3 { font-family:var(--tech-font); letter-spacing:2px; font-size:1.1rem; margin:0; }
.history-section-heading p { font-size:.95rem; color:var(--history-muted); margin-left:auto; }
.history-section-heading > a { margin-left:auto; white-space:nowrap; font: .8rem var(--tech-font); color:var(--history-accent); text-decoration:none; }
.evolution-feature { display:grid; grid-template-columns:32% 68%; min-height:340px; background:var(--feature-bg); color:var(--history-ink); overflow:hidden; margin-bottom:22px; border:1px solid #d5d2c9; }
.evolution-feature__content { position:relative; z-index:3; padding:28px; background:var(--feature-bg); display:flex; flex-direction:column; align-items:flex-start; }
.history-label { display:block; font:.68rem var(--tech-font); color:var(--history-accent); letter-spacing:1.2px; text-transform:uppercase; }
.evolution-feature h2 { font:clamp(1.25rem,1.7vw,1.65rem)/1.25 var(--header-font); margin:14px 0; }
.evolution-feature h2 a { color:inherit; text-decoration:none; }
.evolution-feature__content p { font:.92rem/1.65 var(--article-font); color:var(--history-muted); margin:0 0 22px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.history-feature-button { display:inline-flex; gap:18px; align-items:center; border:1px solid var(--history-ink); padding:12px 14px; text-decoration:none; color:var(--history-ink); font:.73rem var(--tech-font); margin-top:auto; }
.history-feature-button:hover { color:white; background:var(--history-ink); }
.evolution-feature__visual { position:relative; min-width:0; display:block; overflow:hidden; }
.evolution-feature__visual img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:var(--cover-position,center center); }
.evolution-feature__visual::before { content:""; position:absolute; z-index:2; inset:0 auto 0 0; width:clamp(120px,11vw,240px); pointer-events:none; background:linear-gradient(90deg,rgba(var(--feature-rgb,242,240,234),1) 0%,rgba(var(--feature-rgb,242,240,234),.92) 20%,rgba(var(--feature-rgb,242,240,234),.55) 52%,rgba(var(--feature-rgb,242,240,234),0) 100%); }
.history-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.history-card { background:#f6f6f3; border:1px solid #d0d3d5; border-top:3px solid var(--history-accent); }
.history-card > a { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.history-card__image { aspect-ratio:16/10; overflow:hidden; background:#dedfdc; }
.history-card__image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.history-card:hover .history-card__image img { transform:scale(1.03); }
.history-card__body { padding:20px; display:flex; flex-direction:column; flex:1; }
.history-card h3 { font:1.1rem/1.4 var(--header-font); margin:12px 0; }
.history-card p { color:var(--history-muted); font:.85rem/1.65 var(--article-font); margin-bottom:20px; }
.history-card__meta { display:flex; justify-content:space-between; margin-top:auto; padding-top:15px; border-top:1px solid #d9dcdd; font:.72rem var(--tech-font); color:var(--history-muted); }
.history-card__meta span { color:var(--history-accent); font-size:1.2rem; }
.history-pagination { margin-top:24px; }
.history-empty { padding:24px; border:1px dashed #afb4b8; color:var(--history-muted); grid-column:1/-1; }
.history-back { color:var(--history-accent); font:.85rem var(--tech-font); }
.history-home { margin-top:48px; margin-bottom:48px; }
.evolution-feature--compact { min-height:300px; }
.history-section-heading--small { margin-top:28px; border:0; padding-bottom:0; }
.history-page a:focus-visible { outline:3px solid var(--history-accent); outline-offset:4px; }
@media (min-width:1600px) { .history-card-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (min-width:769px) and (max-width:1100px) { .evolution-feature { grid-template-columns:38% 62%; } .history-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .evolution-feature__content { padding:22px; } .history-section-heading p { display:none; } }
@media (max-width:768px) { .history-shell { padding:28px 20px 48px; } .evolution-feature { display:flex; flex-direction:column; min-height:0; } .evolution-feature__visual { order:1; aspect-ratio:3/1; } .evolution-feature__visual img { position:static; height:100%; object-fit:contain; } .evolution-feature__visual::before { display:none; } .evolution-feature__content { order:2; padding:24px; } .evolution-feature h2 { font-size:1.5rem; } .history-section-heading p { display:none; } .history-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } }
@media (max-width:520px) { .history-card-grid { grid-template-columns:1fr; } .history-section-heading { gap:12px; } .history-section-heading h2 { font-size:.95rem; letter-spacing:1px; } }

.evolution-feature--dark { --history-ink:#f0f5f8; --history-muted:#ccd8df; --history-accent:#8cdbed; border-color:var(--feature-bg); }
.evolution-feature--dark .history-feature-button:hover { color:var(--feature-bg); }