.article-card{background:var(--color-surface-light);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 0 12px rgba(0,0,0,.1);margin:0;padding:0;transition:box-shadow .2s,transform .2s,background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text-light);overflow:hidden;aspect-ratio:1/1;height:100%;justify-content:flex-start;min-height:0;position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.article-card.no-images{aspect-ratio:auto;min-height:225px;height:auto;justify-content:space-between;overflow:visible}.article-card.no-images .article-card-content{padding:1rem;height:auto;min-height:225px;display:flex;flex-direction:column;justify-content:space-between}.article-card.no-images .article-title{padding:0;margin-bottom:1rem;flex-grow:1;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem;line-height:1.3;max-height:none;min-height:auto;word-wrap:break-word;hyphens:auto}.article-card.no-images .article-meta{position:static;padding:0;margin-top:0;flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:flex-start}.article-card.no-images .article-meta-row{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:var(--color-muted-light)}.article-card.no-images .article-keyword{font-size:.85rem;color:var(--color-text-light);font-weight:400;padding:0;background:none;border-radius:0;display:inline}body.dark-mode .article-card.no-images .article-keyword{color:var(--color-text-dark);background:none}.article-card.no-images .generation-status{font-size:.75rem;font-weight:400;padding:0;border-radius:0;text-transform:none;letter-spacing:normal;display:inline;color:var(--color-muted-light)}.article-card.no-images .generation-status.generated,.article-card.no-images .generation-status.published{background:none;color:var(--color-muted-light)}body.dark-mode .article-card.no-images .generation-status.generated,body.dark-mode .article-card.no-images .generation-status.published{background:none;color:var(--color-muted-dark)}body.dark-mode .article-card.color-adaptive{background:var(--color-main-principle-bg-dark-gradient)!important;box-shadow:0 4px 24px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.1);border-color:var(--color-border-dark)}.article-card.selected,.article-card:hover{box-shadow:0 0 16px rgba(255,69,0,.719);border-color:var(--color-section-dark)}body.dark-mode .article-card.color-adaptive.selected,body.dark-mode .article-card.color-adaptive:hover{box-shadow:0 0 16px rgba(255,68,0,.719);background:var(--color-main-principle-bg-dark-gradient-2)!important;border:1px solid var(--color-section-dark)}.article-card .selection-circle{position:absolute!important;top:20px!important;right:20px!important;width:24px!important;height:24px!important;border-radius:50%;background:rgba(0,0,0,.1);border:2px solid rgba(0,0,0,.3);cursor:pointer;z-index:10;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.article-card .selection-circle:before{content:"";width:12px;height:12px;border-radius:50%;background:transparent;transition:background .2s ease}.article-card .selection-circle.selected{background:rgba(255,69,0,.9);border-color:rgba(255,69,0,1);opacity:1}.article-card .selection-circle.selected:before{background:white}.article-card .selection-circle.preview{background:rgba(255,69,0,.8);border-color:rgba(255,69,0,1);opacity:1}.article-card .selection-circle.preview:before{background:rgba(255,255,255,.9)}.article-card.preview{box-shadow:0 8px 32px rgba(255,69,0,.3)}body.dark-mode .article-card.preview{box-shadow:0 8px 32px rgba(255,69,0,.4),0 0 0 2px rgba(255,69,0,.2)}.article-card.has-selection:hover .selection-circle,.article-card.selected .selection-circle,.article-card:hover .selection-circle{opacity:1}@media (max-width:1000px){.article-card .selection-circle{opacity:1}}body.dark-mode .article-card .selection-circle{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6)}body.dark-mode .article-card .selection-circle.selected{background:rgba(255,69,0,.9);border-color:rgba(255,69,0,1)}body.dark-mode .article-card .selection-circle.selected:before{background:white}body.dark-mode .article-card .selection-circle.preview{background:rgba(255,69,0,.8);border-color:rgba(255,69,0,1);opacity:1}body.dark-mode .article-card .selection-circle.preview:before{background:rgba(255,255,255,.9)}.article-card-content{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.article-card .article-title{font-size:1.1rem;font-weight:600;line-height:1.2;margin-bottom:.3rem;color:var(--color-text-light);padding:0 1.5rem 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.2em * 3);word-wrap:break-word;hyphens:auto}@media (max-width:700px){.article-card .article-title{padding:.5rem .8rem 0 1rem;-webkit-line-clamp:3}}@media (max-width:768px){.article-card{aspect-ratio:auto;min-height:300px;height:auto}}@media (max-width:480px){.article-card{min-height:250px;width:100%;max-width:100%}}@media (max-width:500px){.article-card .article-title{padding:.8rem .8rem 0 1rem;-webkit-line-clamp:3}}@media (max-width:1600px){.article-card .article-title{font-size:1.2rem}}@media (max-width:1200px){.article-card .article-title{font-size:1.4rem}}@media (max-width:1000px){.article-card .article-title{font-size:1.3rem}}@media (max-width:750px){.article-card .article-title{font-size:1.1rem}}@media (max-width:700px){.article-card .article-title{font-size:1.1rem}}@media (max-width:600px){.article-card .article-title{font-size:1rem}}@media (max-width:550px){.article-card .article-title{font-size:1rem}}@media (max-width:500px){.article-card .article-title{font-size:1.3rem}}@media (max-width:400px){.article-card .article-title{font-size:1.2rem}}@media (max-width:350px){.article-card .article-title{font-size:.8rem}}body.dark-mode .article-card * .article-title,body.dark-mode .article-card * h3.article-title,body.dark-mode .article-card .article-title,body.dark-mode .article-card h3.article-title,body.dark-mode .article-card-content .article-title,body.dark-mode .article-card-content h3.article-title{color:var(--color-text-dark)!important;visibility:visible!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:600!important}.article-card .article-title,.article-card h3.article-title,.article-card-content .article-title,.article-card-content h3.article-title{visibility:visible!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:600!important;color:var(--color-text-light)!important;will-change:auto!important;transform:translateZ(0)!important;white-space:normal!important;word-break:break-word!important;clip:auto!important;clip-path:none!important;-webkit-clip-path:none!important;max-height:none!important;min-height:auto!important}.article-card{contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;will-change:transform;overflow:visible}@keyframes forceTitleRender{0%{opacity:0}1%{opacity:1}to{opacity:1}}.article-card .article-title,.article-card h3.article-title{animation:forceTitleRender .1s ease-out forwards}.article-card * .article-title,.article-card * h3.article-title,.article-card .article-title,.article-card h3.article-title,.article-card-content .article-title,.article-card-content h3.article-title,.article-card.no-images .article-title,.article-card.no-images h3.article-title{padding-right:2rem!important;visibility:visible!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:600!important;color:var(--color-text-light)!important;clip:auto!important;clip-path:none!important;-webkit-clip-path:none!important;will-change:auto!important;transform:translateZ(0)!important;white-space:normal!important;word-break:break-word!important;filter:none!important;backdrop-filter:none!important;z-index:1!important;position:relative!important;max-height:calc(1.3em * 3)!important}.article-card-content{display:flex;flex-direction:column;flex:1 1 0;width:100%;min-height:0;transform:translateZ(0)}.article-summary{font-size:.82rem;color:inherit;margin-bottom:.7rem}.article-card .article-meta{font-size:1rem;color:var(--color-muted-light);display:flex;gap:.7rem;align-items:flex-end;width:100%;padding:1rem;justify-content:flex-start;position:absolute;left:0;right:0;bottom:0}@media (max-width:700px){.article-card .article-meta{font-size:.9rem;padding:.8rem}.article-keyword{font-size:.8rem}}@media (max-width:500px){.article-card .article-meta{font-size:.8rem;padding:.6rem}.article-keyword{font-size:.75rem}}body.dark-mode .article-card .article-meta{color:var(--color-muted-dark)}.article-keyword{font-size:.85rem;color:var(--color-section-light);font-weight:500}.article-read-time,.article-word-count{font-size:.85rem;color:var(--color-muted-light);font-weight:400}body.dark-mode .article-keyword{color:var(--color-section-dark)}body.dark-mode .article-read-time,body.dark-mode .article-word-count{color:var(--color-muted-dark)}.article-image-container{width:100%;aspect-ratio:1.6/1;margin:0;overflow:hidden;flex-shrink:0;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;cursor:pointer}@media (max-width:700px){.article-image-container{aspect-ratio:1.5/1}}@media (max-width:500px){.article-image-container{aspect-ratio:1.5/1}}@media (max-width:400px){.article-image-container{aspect-ratio:2/1}}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;max-width:100%;max-height:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.article-image.loading{opacity:0}.article-image.loaded{opacity:1;transition:opacity .3s ease}.image-fallback{width:100%;height:100%;position:absolute;top:0;left:0}.article-card-content .article-title{padding-top:.5rem}@media (max-width:700px){.article-card.no-images .article-title{font-size:1.1rem;margin-bottom:.8rem;-webkit-line-clamp:3!important}.article-card.no-images .article-meta-row{font-size:.85rem}.article-card.no-images .article-keyword{font-size:.85rem;padding:.25rem .5rem}}@media (max-width:500px){.article-card.no-images .article-title{font-size:1rem;margin-bottom:.6rem;-webkit-line-clamp:3!important;max-height:calc(1.3em * 3)!important}.article-card.no-images .article-meta-row{font-size:.8rem}.article-card.no-images .article-keyword{font-size:.8rem;padding:.2rem .4rem}}.article-card .article-date,.article-card .article-keyword,.article-card .article-meta,.article-card .article-meta-row,.article-card .article-read-time,.article-card .article-title,.article-card .article-word-count,.article-card h3.article-title,.article-card-content .article-title,.article-card-content h3.article-title{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;cursor:text}.article-card ::selection,.article-card-content ::selection{background-color:rgba(255,69,0,.3);color:inherit}.article-card ::-moz-selection,.article-card-content ::-moz-selection{background-color:rgba(255,69,0,.3);color:inherit}body.dark-mode .article-card ::selection,body.dark-mode .article-card-content ::selection{background-color:rgba(255,69,0,.4);color:var(--color-text-dark)}body.dark-mode .article-card ::-moz-selection,body.dark-mode .article-card-content ::-moz-selection{background-color:rgba(255,69,0,.4);color:var(--color-text-dark)}@media (max-width:1000px){.article-card{-webkit-touch-callout:default;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.article-card .article-meta,.article-card .article-meta-row,.article-card .article-title,.article-card h3.article-title{-webkit-touch-callout:default;cursor:text}}.article-card *{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.article-card .selection-circle,.article-card button,.article-card input,.article-card select,.article-card textarea{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.banner-ad{width:100%;max-width:728px;height:90px;margin:2rem auto;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:box-shadow .2s ease;min-height:90px;aspect-ratio:8.09/1}.banner-ad:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.banner-image{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.banner-ad.mobile{margin:1rem auto .5rem}.banner-ad.mobile,.banner-ad.small-mobile{height:90px;min-height:90px;max-height:90px;aspect-ratio:8.09/1}.banner-ad.small-mobile{margin:.5rem auto .25rem}body.dark-mode .banner-ad{background:#2a2a2a;box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .banner-ad:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}@media (max-width:768px){.banner-ad{max-width:100%;height:90px;min-height:90px;max-height:90px;margin:1rem auto .5rem;aspect-ratio:8.09/1}.banner-image{max-height:100%;object-fit:contain}}@media (max-width:480px){.banner-ad{height:90px;min-height:90px;max-height:90px;margin:.5rem auto .25rem;aspect-ratio:8.09/1}.banner-image{max-height:100%;object-fit:contain}}@media (max-width:320px){.banner-ad{height:90px;min-height:90px;max-height:90px;margin:.5rem auto .25rem;aspect-ratio:8.09/1}}.ad-card{border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.15);margin:0;padding:0;transition:box-shadow .2s,transform .2s,background .2s,color .2s;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;height:100%;justify-content:flex-start;min-height:325px;position:relative}.ad-card,.color-adaptive{background:var(--color-surface-light);color:var(--color-text-light)}body.dark-mode .color-adaptive{background:var(--color-surface-dark);color:var(--color-text-dark)}body.dark-mode .ad-card.color-adaptive{background:var(--color-main-principle-bg-dark-gradient-2)!important;box-shadow:0 4px 24px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.1);border:none}.ad-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(-4px) scale(1.02)}body.dark-mode .ad-card.color-adaptive:hover{box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px rgba(32,32,34,.2);background:var(--color-main-principle-bg-dark-gradient-2)!important;border:none}.ad-card-content{display:flex;flex-direction:column;flex:1 1 0;width:100%;min-height:0}.ad-card .ad-title{font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:.3rem;color:var(--color-text-light);padding:.5rem .8rem 0 1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:1600px){.ad-card .ad-title{font-size:1.2rem}}@media (max-width:1200px){.ad-card .ad-title{font-size:1.4rem}}@media (max-width:1000px){.ad-card .ad-title{font-size:1.3rem}}@media (max-width:750px){.ad-card .ad-title{font-size:1.1rem}}@media (max-width:700px){.ad-card .ad-title{font-size:2.2rem}}@media (max-width:550px){.ad-card .ad-title{font-size:2rem}}@media (max-width:500px){.ad-card .ad-title{font-size:1.3rem}}@media (max-width:400px){.ad-card .ad-title{font-size:1.2rem}}@media (max-width:350px){.ad-card .ad-title{font-size:.8rem}}body.dark-mode .ad-card .ad-title{color:var(--color-text-dark)}.ad-image-container{width:100%;aspect-ratio:1.6/1;margin:0;overflow:hidden;flex-shrink:0}.ad-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;max-width:100%;max-height:100%}.ad-card .ad-meta{font-size:1rem;color:var(--color-muted-light);display:flex;gap:.7rem;align-items:flex-end;width:100%;padding:1rem;justify-content:flex-start;position:absolute;left:0;right:0;bottom:0}body.dark-mode .ad-card .ad-meta{color:var(--color-muted-dark)}.ad-label{font-size:inherit;font-weight:inherit;color:inherit;background:none;padding:0;border-radius:0}.article-search-filters{margin-bottom:.75rem;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%;box-sizing:border-box;overflow-x:hidden}.article-search-filters,.view-mode-selector{display:flex;align-items:center;max-width:100%}.view-mode-selector{gap:.25rem;background:var(--color-surface-light);border:1px solid var(--color-border-light);border-radius:6px;padding:.25rem;flex-shrink:0;overflow:hidden}.dark-mode .view-mode-selector{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.view-mode-button{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-light);cursor:pointer;font-size:14px;font-weight:500;border-radius:4px;transition:all .2s ease;white-space:nowrap;min-width:80px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dark-mode .view-mode-button{color:var(--color-text-dark)}.view-mode-button:hover{background:rgba(0,0,0,.05)}.dark-mode .view-mode-button:hover{background:rgba(255,255,255,.05)}.view-mode-button.active{background:var(--color-section-light);color:black;font-weight:600}.view-mode-button.active:hover{background:var(--color-section-active-dark)}.search-form{display:flex;align-items:center;max-width:400px}.search-form,.search-input{flex:1;min-width:0;overflow:hidden}.search-input{padding:.4rem .8rem;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-surface-light);color:var(--color-text-light);margin-right:.5rem;outline:none;transition:background .2s,color .2s,border .2s;min-height:36px;font-size:14px;max-width:100%;text-overflow:ellipsis}.dark-mode .search-input{border-color:var(--color-border-dark);background:var(--color-surface-dark);color:var(--color-text-dark)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(97,218,251,.2)}.clear-search-button{margin-right:.5rem;background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;max-width:32px;overflow:hidden}.dark-mode .clear-search-button{color:var(--color-text-dark)}.clear-search-button:hover{background-color:rgba(0,0,0,.1)}.dark-mode .clear-search-button:hover{background-color:rgba(255,255,255,.1)}.search-button{padding:.3rem .9rem;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-surface-light);color:var(--color-text-light);cursor:pointer;font-weight:600;transition:background .2s,color .2s,border .2s;min-height:36px;font-size:14px;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dark-mode .search-button{border-color:var(--color-border-dark);background:var(--color-surface-dark);color:var(--color-text-dark)}.search-button:hover{background:var(--color-section-light);border-color:var(--color-primary)}.dark-mode .search-button:hover{background:var(--color-section-dark)}.filter-controls{gap:1rem;flex-wrap:wrap}.filter-controls,.filter-group{display:flex;align-items:center;max-width:100%;overflow:hidden}.filter-group{gap:.5rem}.filter-label{margin-right:.5rem;color:var(--color-text-light);font-size:14px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .filter-label{color:var(--color-text-dark)}.filter-select{padding:.3rem .7rem;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-surface-light);color:var(--color-text-light);transition:background .2s,color .2s,border .2s;outline:none;min-height:36px;font-size:14px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dark-mode .filter-select{border-color:var(--color-border-dark);background:var(--color-surface-dark);color:var(--color-text-dark)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(97,218,251,.2)}#status-select{margin-right:1.5rem}#sort-select,#status-select{min-width:0;max-width:100%;overflow:hidden}@media (max-width:1000px){.article-search-filters{flex-direction:column;gap:1rem;padding:1rem;background:var(--color-surface-light);border-radius:12px;border:1px solid var(--color-border-light);margin-bottom:1.5rem;width:100%;box-sizing:border-box;overflow-x:hidden;max-width:100%}.dark-mode .article-search-filters{background:var(--color-main-principle-bg-dark-gradient-2)!important;border-color:var(--color-border-dark)}.view-mode-selector{width:100%;justify-content:center;padding:.5rem;max-width:100%;overflow:hidden}.view-mode-button{flex:1;min-width:0;padding:.75rem 1rem;font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-form{width:100%;max-width:none;min-width:0;overflow:hidden}.search-input{font-size:16px;padding:.75rem 1rem}.search-button,.search-input{height:48px;border-radius:8px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;flex-shrink:0}.filter-controls{flex-direction:column;gap:.75rem}.filter-controls,.filter-select{width:100%;max-width:100%;overflow:hidden}.filter-select{height:48px;padding:.75rem 1rem;font-size:16px;border-radius:8px;min-width:0;text-overflow:ellipsis}.filter-label{font-size:.875rem;font-weight:600;margin-bottom:.25rem;display:block;text-overflow:ellipsis;white-space:nowrap}.filter-group,.filter-label{max-width:100%;overflow:hidden}.filter-group{flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}#status-select{margin-right:0}#sort-select,#status-select{min-width:0;max-width:100%;overflow:hidden}}@media (max-width:480px){.article-search-filters{padding:.75rem;gap:.75rem;max-width:100%;overflow-x:hidden}.search-input{padding:.625rem .875rem;font-size:16px}.search-button,.search-input{height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-button{padding:.625rem 1.25rem;font-size:.9rem;min-width:0}.filter-select{height:44px;padding:.625rem .875rem;font-size:16px;text-overflow:ellipsis}#sort-select,#status-select,.filter-select{min-width:0;max-width:100%;overflow:hidden}}@media (max-width:360px){.article-search-filters{padding:.5rem;gap:.5rem;max-width:100%;overflow-x:hidden}.search-input{padding:.5rem .75rem}.search-button,.search-input{height:40px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-button{padding:.5rem 1rem;font-size:.85rem;min-width:0}.filter-select{height:40px;padding:.5rem .75rem;text-overflow:ellipsis}#sort-select,#status-select,.filter-select{min-width:0;max-width:100%;overflow:hidden}}@media (max-width:320px){.article-search-filters{padding:.375rem;gap:.375rem;max-width:100%;overflow-x:hidden}.search-input{padding:.375rem .625rem;font-size:16px}.search-button,.search-input{height:36px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-button{padding:.375rem .875rem;font-size:.8rem;min-width:0}.filter-select{height:36px;padding:.375rem .625rem;text-overflow:ellipsis}#sort-select,#status-select,.filter-select{min-width:0;max-width:100%;overflow:hidden}.filter-label{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:280px){.article-search-filters{padding:.25rem;gap:.25rem;max-width:100%;overflow-x:hidden}.search-input{padding:.25rem .5rem;font-size:16px}.search-button,.search-input{height:32px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-button{padding:.25rem .75rem;font-size:.75rem;min-width:0}.filter-select{height:32px;padding:.25rem .5rem;text-overflow:ellipsis}#sort-select,#status-select,.filter-select{min-width:0;max-width:100%;overflow:hidden}.filter-label{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}