.content-panel .article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.content-panel .article-list-item{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.content-panel .article-list-item:hover{border-color:#ef9b59;box-shadow:0 8px 24px #1a1a1a12}
.content-panel .article-list-cover{position:relative;display:block;flex:none;aspect-ratio:16/9;overflow:hidden;background:#fff0df}
.content-panel .article-list-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.content-panel .article-list-item:hover .article-list-cover img{transform:scale(1.025)}
.content-panel .article-list-copy{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px 17px 18px}
.content-panel .article-list-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.content-panel .article-list-category{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #eeb88c;border-radius:999px;background:#fff3e9;color:#a74600;font-size:12px;line-height:1.35;font-weight:600;white-space:nowrap}
.content-panel .article-list-meta time{color:var(--muted);font-size:12px;white-space:nowrap}
.content-panel .article-list-copy h3{margin:0 0 8px;font-size:19px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.content-panel .article-list-copy h3 a{color:var(--ink)}
.content-panel .article-list-copy h3 a:hover{color:var(--accent-ink);text-decoration:none}
.content-panel .article-list-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.content-panel .article-list-more{margin-top:auto;padding-top:13px;color:var(--accent-ink);font-size:14px;font-weight:600;text-decoration:none}
.content-panel .article-list-more:hover{text-decoration:underline}
.content-panel .article-list-cover:focus-visible,.content-panel .article-list-copy a:focus-visible{outline:3px solid #ed741a;outline-offset:2px}
html[data-theme=dark] .content-panel .article-list-category{background:#57311d;border-color:#ad6b40;color:#ffc391}
@media(prefers-color-scheme:dark){html[data-theme=system] .content-panel .article-list-category{background:#57311d;border-color:#ad6b40;color:#ffc391}}
@media(max-width:900px){.content-panel .article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.content-panel .article-list{grid-template-columns:1fr;gap:16px}.content-panel .article-list-copy{padding:17px 18px 19px}.content-panel .article-list-copy h3{font-size:19px}.content-panel .article-list-copy p{font-size:15px}.content-panel .article-list-category,.content-panel .article-list-meta time{font-size:13px}}
@media(prefers-reduced-motion:reduce){.content-panel .article-list-item,.content-panel .article-list-cover img{transition:none}.content-panel .article-list-item:hover .article-list-cover img{transform:none}}