.article-card{grid-column:span 4}.article-card:first-child{grid-column:span 8;display:block}.article-card:first-child h2{font-size:26px}.article-search{margin-top:32px;max-width:720px}.article-search label{display:block;font:700 13px Manrope;margin-bottom:8px}.search-row{display:flex;gap:8px}.search-row input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line2);border-radius:11px;color:var(--ink);padding:14px 16px;font:500 15px Inter;outline:none}.search-row input:focus{border-color:rgba(251,213,6,.65);box-shadow:0 0 0 3px rgba(251,213,6,.08)}.search-row button,.pagination button{border:1px solid var(--line2);background:var(--surface2);color:var(--ink2);border-radius:10px;font:700 13px Manrope;cursor:pointer}.search-row button{padding:0 17px}.search-row button:hover,.pagination button:hover:not(:disabled){border-color:#77703b;color:var(--accent)}.search-status{font-size:12px;color:var(--ink3);margin-top:9px}.article-card[hidden]{display:none}.pagination{display:flex;justify-content:center;gap:7px;padding:0 0 70px}.pagination button{min-width:39px;height:39px}.pagination button.current{background:var(--accent);border-color:var(--accent);color:#111}.pagination button:disabled{opacity:.35;cursor:not-allowed}.empty-articles{text-align:center;color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;margin:-25px auto 70px}.article-grid{scroll-margin-top:80px}@media(max-width:980px){.article-card,.article-card:first-child{grid-column:span 6}}@media(max-width:780px){.article-card,.article-card:first-child{grid-column:span 12}.search-row button{padding:0 12px}.pagination{flex-wrap:wrap}}