/* Compact header controls, expandable language menu and left-aligned results. */
.stats .quote-pill{gap:4px;line-height:1.55;font-size:11px;padding:9px 11px;color:#53666d}
.quote-pill strong{font-size:10px;letter-spacing:.25px;margin-right:2px}
.quote-pill b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.quote-pill i{font-style:normal;color:#9daaad}
.language-menu{position:relative;z-index:30}
.language-menu summary{list-style:none;display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f3f6f5;border-radius:24px;font-size:12px;letter-spacing:0;color:#48665a;cursor:pointer}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary svg{width:17px;height:17px}
.language-chevron{font-size:14px;color:#8a9d93}
.language-menu[open] summary{background:#eaf5ee}
.language-options{position:absolute;right:0;top:calc(100% + 9px);width:210px;background:white;border:1px solid #e1eae5;border-radius:16px;padding:9px;box-shadow:0 12px 35px #153c2920;max-height:350px;overflow:auto}
.language-options p{font-size:11px;color:#8a9991;padding:8px 10px;margin:0}
.language-options form{display:block}
.language-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;text-align:left;border-radius:9px;font-size:13px}
.language-options button:hover{background:#f4f8f5}
.language-options button.current{background:#edf7f1;color:#24865e;font-weight:600}
.history-row{display:flex;align-items:center;gap:6px;border-radius:12px}
.history-row:hover{background:#f3f7f5}
.history-row .history-item{flex:1;min-width:0}
.history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-delete{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;font-size:22px;color:#93a19b;margin-right:6px;line-height:1}
.history-delete:hover{background:#e4eee8;color:#526a5e}
.search-results-page{margin-left:34px;margin-right:auto;padding-left:0;padding-right:0;width:calc(100% - 68px);max-width:960px}
.search-results-page>.search-container{max-width:960px}
@media(max-width:1150px){.search-results-page{margin-left:25px;width:calc(100% - 50px)}}
@media(max-width:800px){.search-results-page{margin-left:20px;width:calc(100% - 40px)}.stats .quote-pill{padding:7px 10px}.language-menu summary{padding:9px 10px;font-size:11px;gap:5px}.language-menu summary svg{width:15px;height:15px}}
@media(max-width:600px){
 .header-home{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}
 .header-home .header-left{max-width:none;width:100%}
 .header-home .stats{flex-wrap:nowrap;gap:6px}
 .header-home .header-actions{justify-self:end}
 .header-home .stat{padding:7px 9px;font-size:11px}
 .header-home .stats .quote-pill{padding:7px 9px;font-size:11px}
 .header-home .stats .quote-pill strong{font-size:10px}
 .header-home .hero{padding-top:35px}
}
@media(max-width:520px){.search-results-page{margin-left:18px;width:calc(100% - 36px)}.language-menu summary{padding:8px 10px}.language-options{width:190px}.history-delete{width:36px;height:36px}}

/* Every fetched card stays visible, including at tablet breakpoints. */
.card-grid>.tile:nth-child(n){display:block}
.load-more{text-align:center;margin-top:30px}
.load-more .button{min-width:185px;padding:13px 28px}
.load-more [hidden]{display:none}
.load-more-status{min-height:20px;margin:10px 0 0;font-size:12px;color:#86978d}
body:has(>.collection-page){--results-inset:clamp(72px,10vw,160px)}
body:has(>.collection-page)>.header{padding-left:calc(var(--results-inset) * .85)}
.collection-page{max-width:1120px;width:calc(100% - var(--results-inset) - 34px);margin-left:calc(var(--results-inset) * .85);margin-right:auto;padding-left:0;padding-right:0}
.collection-page .results{max-width:none}
.search-results-page .search-panel>.search-container{max-width:none}
.search-results-page .search-box{min-height:50px;padding:5px 6px 5px 18px;gap:12px}
.search-results-page .search-box input[type=search]{padding:6px 0;font-size:16px}
.search-results-page .search-submit{width:38px;height:38px}
.search-results-page .search-icon{width:21px;height:21px}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 8px}
.collection-toolbar .results-count{padding:14px 0}
.view-switch{display:flex;gap:4px;padding:4px;background:#f4f7f5;border:1px solid #eaf0ec;border-radius:13px;flex-shrink:0}
.view-switch a{display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:12px;color:#81938a;border-radius:9px}
.view-switch svg{width:16px;height:16px}
.view-switch .selected{background:white;color:#238c63;box-shadow:0 1px 5px #204c3110}
.view-switch a:hover{color:#238c63}
.card-grid.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:18px}
.collection-grid>.empty-state{grid-column:1/-1}
.collection-grid .tile-visual{height:190px}
@media(max-width:1150px){body:has(>.collection-page){--results-inset:64px}.collection-page{width:calc(100% - var(--results-inset) - 25px)}.card-grid.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body:has(>.collection-page){--results-inset:20px}.collection-page{margin-left:calc(var(--results-inset) * .85);width:calc(100% - 40px)}.card-grid.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-grid .tile-visual{height:180px}}
@media(max-width:520px){body:has(>.collection-page){--results-inset:18px}.collection-page{margin-left:calc(var(--results-inset) * .85);width:calc(100% - 36px)}.collection-toolbar{gap:10px}.view-switch a{padding:7px 9px;font-size:11px;gap:5px}.view-switch svg{width:14px;height:14px}.card-grid.collection-grid{gap:12px}.collection-grid .tile-visual{height:155px}.load-more{margin-top:24px}}

/* Type tabs above the filters; the result count stays below both rows. */
.search-results-page .search-panel>.filters{margin-top:14px}
.search-controls{gap:10px;flex-wrap:wrap;padding-bottom:8.5px}
.search-results-page #search-results>.results-count{padding-top:8px}
.search-results-page .filters>.type-tabs{gap:24px;min-height:40px;align-items:stretch}
.search-results-page .filters>.type-tabs span{font-size:12px;padding:10px 2px;gap:5px;white-space:nowrap}
.search-results-page .filters>.type-tabs svg{width:15px;height:15px}
.search-controls>.filter-label{flex:0 1 125px;min-width:110px}
.search-controls>.filter-label:has(select[name=category]){flex-basis:160px}
.search-controls>.filter-label:has(select[name=sort]){flex-basis:150px}
.search-controls .filter-label select{width:100%;height:36px;max-width:none}
.search-controls>.extra-filters{margin:0;height:36px;display:flex;align-items:center}
.search-controls>.extra-filters summary{height:36px}
.search-controls>.button{height:36px;white-space:nowrap}
.search-controls>.view-switch{margin-left:22px;height:36px;padding:0;border:0;box-shadow:inset 0 0 0 1px #eaf0ec}
.search-controls>.view-switch a{padding:0 12px;min-height:36px}
@media(max-width:800px){.search-controls>.filter-label{flex:1 1 130px}.search-controls>.view-switch{margin-left:0}}
@media(max-width:520px){.search-controls>.filter-label{flex:1 1 110px}.search-controls>.filter-label:has(select[name=category]){flex-basis:130px}.search-controls>.filter-label:has(select[name=sort]){flex-basis:130px}.search-controls>.extra-filters>div{right:auto;left:0}}

/* Whitespace separates result rows and the filter panel. */
.collection-page .result,.search-results-page .filter-row{border-bottom:0}

/* Search field, tab divider and layout switch end at the same edge. */
.search-panel{width:max-content;max-width:100%}
.search-panel .search-controls{flex-wrap:nowrap}
.search-panel .search-controls>.filter-label{flex:0 0 auto;width:125px}
.search-panel .search-controls>.filter-label:has(select[name=category]){width:160px;flex-basis:auto}
.search-panel .search-controls>.filter-label:has(select[name=sort]){width:150px;flex-basis:auto}
@media(max-width:1000px){
 .search-panel{width:100%}
 .search-panel .search-controls{flex-wrap:wrap}
 .search-panel .search-controls>.filter-label{flex:1 1 130px;width:auto}
 .search-panel .search-controls>.filter-label:has(select[name=category]),.search-panel .search-controls>.filter-label:has(select[name=sort]){width:auto;flex-basis:130px}
 .search-panel .search-controls>.view-switch{margin-left:auto}
}

.refresh-button svg{width:24px;height:24px;color:#249f73;transform-origin:center}
.refresh-button[aria-disabled=true]{cursor:wait}
.refresh-button.is-refreshing svg{animation:selection-refresh .6s ease-in-out}
@keyframes selection-refresh{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.refresh-button.is-refreshing svg{animation:none}}

.search-feedback{margin:8px 0 0;font-size:12px;color:#81938a}
.search-feedback[hidden]{display:none}

.hero>.topic-chips{margin-top:20px}

.auth-card>.logo{display:flex;width:max-content;margin-left:auto;margin-right:auto}

.auth-card-register{padding:24px 28px}
.auth-card-register>.logo{margin-bottom:20px}
.auth-card-register h1{margin-bottom:14px}
.auth-card-register>.muted{margin-bottom:14px}
.auth-card-register>.notice{padding:10px 14px;margin-bottom:14px}
.auth-card-register .stack-form p{margin-bottom:12px}
.auth-card-register .stack-form label{margin-bottom:4px}
.auth-card-register .stack-form input{height:40px;padding:8px 12px;margin-top:4px;border-radius:10px}
.auth-card-register .stack-form>.button{margin-top:4px;min-height:40px;padding:10px 16px}
.auth-card-register>.auth-bottom{margin-top:14px;padding-top:14px}
@media(max-width:520px){.auth-card-register{padding:20px}.auth-card-register .stack-form input{height:44px}.auth-card-register .stack-form>.button{min-height:44px}}
.auth-card .helptext{display:block;font-size:11px;color:#8c989b;margin-top:5px;line-height:1.45}
.nickname-status{display:block;font-size:11px;margin-top:4px;color:#81938a}
.nickname-status:empty{display:none}
.nickname-status[data-available=true]{color:#238c63}
.nickname-status[data-available=false]{color:#b45151}

.metrika-pixel{position:absolute;left:-9999px}