.published-section{background:#101010;padding:80px 0;scroll-margin-top:0}
.published-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.published-heading h2{font-size:clamp(34px,4.5vw,56px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:0}
.published-heading>p{max-width:320px;margin:0;color:#b5b5b5;font-size:17px;line-height:1.6}
.published-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.published-card{min-width:0}
.published-card a{display:block;color:#f7f7f7;text-decoration:none;border-radius:12px}
.published-preview{width:100%;aspect-ratio:16/9;max-height:260px;overflow:hidden;border-radius:12px;background:#1c1c1c;position:relative;display:grid;place-items:center}
.published-card:only-child{grid-column:1/-1}
.published-card:only-child>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.published-card:only-child .published-info{padding:0}
.published-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.published-preview span{font-size:clamp(32px,5vw,56px);font-weight:800;color:#777;letter-spacing:-.03em}
.published-info{padding:18px 2px 0}
.published-category{font-size:12px;color:#b5b5b5;margin:0 0 8px;line-height:1.5}
.published-title{font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:anywhere}
.published-description{font-size:16px;line-height:1.6;color:#b5b5b5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.published-action{display:inline-block;font-size:14px;font-weight:600;margin-top:16px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#666;transition:text-decoration-color .2s}
.published-card a:focus-visible{outline:2px solid #fff;outline-offset:7px}
@media(hover:hover){.published-card a:hover .published-preview img{transform:scale(1.025)}.published-card a:hover .published-action{text-decoration-color:#fff}}
.published-state{padding:28px 0;color:#b5b5b5;font-size:17px;line-height:1.6;min-height:100px}
.published-state p{margin:0;max-width:60ch}
.published-state button{margin-top:18px}
.published-more{display:flex;justify-content:center;margin-top:36px}
.published-more:has(button[hidden]){display:none}
.published-section [hidden]{display:none!important}
@media(max-width:700px){.published-heading{display:block;margin-bottom:28px}.published-heading>p{margin-top:20px;font-size:16px}.published-grid{grid-template-columns:minmax(0,1fr);gap:34px}.published-title{font-size:24px}.published-info,.published-card:only-child .published-info{padding:16px 2px 0}.published-card:only-child>a{display:block}.published-section{padding:64px 0;scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){.published-preview img,.published-action{transition:none}.published-card a:hover .published-preview img{transform:none}}