.index-hero{border:1px solid var(--border);background:var(--surface-solid);box-shadow:0 18px 48px var(--shadow);min-height:220px;display:flex;flex-direction:column;justify-content:end;border-radius:var(--radius-lg);padding:32px 36px;margin:0 0 24px;overflow:hidden;position:relative}.index-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 75%,transparent),color-mix(in srgb,var(--bg) 25%,transparent)),linear-gradient(135deg,color-mix(in srgb,var(--accent) 60%,var(--bg)),var(--accent) 48%,color-mix(in srgb,var(--accent) 35%,var(--bg)));pointer-events:none}.index-hero>*{position:relative}.index-hero h1{max-width:650px;margin:10px 0 12px;color:var(--text);font-family:var(--font-serif);font-size:clamp(32px,5.6vw,56px);font-weight:620;line-height:1.1;text-shadow:0 8px 28px var(--shadow)}.index-hero p{max-width:560px;margin:0;color:var(--muted);font-size:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-title h2{margin:0;font-size:19px}.section-title a{color:var(--muted);text-decoration:none;font-size:13px}.article-list{display:grid;gap:12px}.article-card{display:grid;grid-template-columns:156px minmax(0,1fr);gap:18px;align-items:center;border-bottom:1px solid var(--border);padding:12px;position:relative;cursor:pointer;transition:background-color .15s ease}.article-card:hover,.article-card:focus-within{background:color-mix(in srgb,var(--surface-soft) 60%,transparent)}.article-card:active{background:color-mix(in srgb,var(--surface-soft) 80%,transparent)}.article-card h2 a:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.article-thumb{position:relative;margin:0;width:156px;aspect-ratio:1.45;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-soft)}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-card h2{margin:0 0 8px;font-size:20px;line-height:1.25}.article-card a{color:var(--text);text-decoration:none}.article-card p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--subtle);font:500 12px/1.4 var(--font-sans)}@media (max-width: 760px){.index-hero{min-height:240px;border-radius:var(--radius-md);padding:24px 20px}.article-card{grid-template-columns:96px minmax(0,1fr);gap:12px}.article-thumb{width:96px}.article-card h2{font-size:16px}.article-card p{font-size:12px}}