button,input[type=text],input[type=number]{font-size:1.2rem}.visually-hidden{position:absolute!important;inline-size:.125rem!important;block-size:.125rem!important;padding-block:0!important;padding-inline:0!important;margin-block:-.125rem!important;margin-inline:-.125rem!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.category-btn:focus,.search-btn:focus,.search-input:focus,.pagination button:focus,.pagination input[type=number]:focus{outline:.25rem solid #3182ce;outline-offset:.25rem}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:20rem;width:100%;text-align:center}.articles-container{max-inline-size:150rem;margin-inline:auto;margin-block:3rem 0;padding-inline:1rem;padding-block:0}.categories-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-block-end:2rem}.search-center{display:flex;justify-content:center;align-items:center;margin-block-end:2rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(32.5rem,1fr));gap:2rem;margin-block:2rem 0;font-size:1.18rem;list-style:none;padding-block:0;padding-inline:0}h2{font-size:2.3rem;margin-block-end:1.1rem;color:#2d3748;font-weight:700}.category-btn{background:#f7f7f7;color:#1a202c;border:1px solid #d1d5db;border-radius:.5rem;padding-block:.6rem;padding-inline:3rem;font-size:1.5rem;font-weight:600;box-shadow:none;cursor:pointer;transition:background .18s,color .18s,border .18s,transform .12s;margin-inline-end:3rem}.category-btn:last-child{margin-inline-end:0}.category-btn.active,.category-btn:hover{background:#2b6cb0;color:#fff;border:.1375rem solid #2b6cb0;transform:translateY(-.25rem) scale(1.03)}.search-input{padding-block:.9rem;padding-inline:1.2rem;border:.15rem solid #cbd5e1;border-radius:.5rem 0 0 1rem;font-size:1.6rem;background:#f7fafc;color:#2d3748;outline:none;transition:border .18s;inline-size:44rem}.search-input:focus{border-color:#4a5568;position:relative;z-index:1}.search-btn{background:#f7fafc;color:#2d3748;border:.15rem solid #cbd5e1;border-left:none;border-radius:0 .5rem .5rem 0;padding-block:.7rem;padding-inline:3rem;font-size:1.2rem;font-weight:500;cursor:pointer;box-shadow:none;transition:background .18s}.search-btn:lang(en){padding-block:.9rem}.search-btn:lang(ja){padding-block:.7rem}.search-btn:hover{color:#f7fafc;background:#4a5568}.article-card{background:#f9fafb;border-radius:1.25rem;box-shadow:0 .125rem .75rem #3c3c3c0f;padding-block:1.5rem;padding-inline:1.2rem;text-align:center;transition:box-shadow .18s,background .18s;border:1px solid #e5e7eb}.article-card:hover{background:#f1f5f9;box-shadow:0 .25rem 1.5rem #3c3c3c1a}.article-card a{text-decoration:none}.article-card a:focus .article-title,.article-card a:hover .article-title{text-decoration:none}.article-thumb{inline-size:100%;max-inline-size:28.75rem;max-block-size:18.75rem;object-fit:cover;border-radius:.75rem;margin-block-end:1.2rem;background:#e2e8f0}.article-title{font-size:1.45rem;font-weight:600;margin-block-end:.8rem;color:#2d3748;line-height:1.4;text-decoration:none}.article-date{font-size:1.1rem;color:#718096}.pagination{margin-block-start:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;font-size:1.5rem}.pagination button{background:#4a5568;color:#fff;border:none;border-radius:1.5rem;padding-block:.7rem;padding-inline:3rem;font-size:1.6rem;font-weight:600;cursor:pointer;box-shadow:0 .25rem 1rem #3c3c3c1a;transition:background .18s,transform .12s}.pagination button:disabled{background:#cbd5e1;color:#fff;cursor:not-allowed;opacity:.7}.pagination button:not(:disabled):hover{background:#2d3748;transform:translateY(-.25rem) scale(1.04)}.pagination input[type=number]{inline-size:9rem;height:3.6rem;padding-inline:.5rem;border:.15rem solid #cbd5e1;border-radius:.5rem;font-size:1.45rem;background:#f7fafc;color:#2d3748;outline:none;text-align:center;transition:border .18s;margin-inline:.5rem;line-height:1;box-sizing:border-box}.pagination input[type=number]::-webkit-inner-spin-button,.pagination input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination input[type=number]:focus{border-color:#4a5568}.pagination span{font-size:1.6rem;font-weight:500;color:#2d3748;margin-inline:.5rem}.spinner{display:inline-block;inline-size:4.5rem;block-size:4.5rem;border:.5rem solid #e2e8f0;border-top:.5rem solid #4a5568;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;padding-block:1rem;padding-inline:1rem;border-radius:1rem;margin-block:1rem 0;font-weight:700}@media (max-width: 600px){.categories-center{overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding:1rem;gap:.5rem}.category-btn{display:inline-block;min-width:7rem;padding-inline:1.2rem;padding-block:.7rem;font-size:1.1rem;margin-inline-end:.1rem;border-radius:.7rem .7rem 0 0;border-bottom:.2rem solid t;background:#f7f7f7;transition:border-bottom .18s,background .18s,color .18s}.category-btn.active,.category-btn:focus,.category-btn:hover{background:#2b6cb0;color:#fff;border-bottom:.2rem solid #2b6cb0}.pagination input[type=number],.pagination button[type=submit],.pagination span[aria-live=polite]{display:none}.search-input{inline-size:35rem}.search-btn:lang(ja){padding-block:.71rem}}