/* Common icon lane; every existing control keeps its own typography, fill and geometry. */
select[data-ui-native-select="true"]{
 --select-icon-inset:12px;--select-icon-size:16px;--select-chevron-lane:36px;
 appearance:none!important;-webkit-appearance:none!important;
 padding-inline-end:var(--select-chevron-lane)!important;min-block-size:44px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361636a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-size:var(--select-icon-size) var(--select-icon-size)!important;background-position:right var(--select-icon-inset) center!important;
}
select[data-ui-control-pattern]:focus-visible,summary[data-ui-control-pattern]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
select[data-ui-native-select="true"]:disabled{cursor:default}
summary[data-ui-control-pattern="native-disclosure"]{min-block-size:44px;box-sizing:border-box;cursor:pointer}
button[data-ui-control-pattern="button-disclosure"]{min-block-size:44px}
.article-tools[data-compact-ready="true"] .listen-tools>.ui-select-shell{--select-chevron-lane:36px}
@media(forced-colors:active){select[data-ui-native-select="true"]{appearance:auto!important;background-image:none!important;padding-inline-end:12px!important}}

/* Promote the accepted keyword More style to the same component in both sections. */
.list-more-row>:is(#article-more,#concept-more).load-more{font:400 14px var(--font);min-height:44px;border:0;border-radius:24px;padding:12px 22px;background:#edeeea;color:var(--ink);gap:8px;width:max-content}
.list-more-row{min-height:48px}
.article-pagination.list-more-row{margin-top:28px;padding-top:0}
.list-more-row>:is(#article-more,#concept-more).load-more:disabled{opacity:.35;cursor:default}

.ui-select-visible-value{display:block;flex-basis:100%;max-inline-size:100%;font:inherit;line-height:1.6;color:inherit;white-space:normal;overflow-wrap:anywhere}
.ui-select-visible-value[hidden]{display:none!important}

/* Query-only clear controls replace the browser glyph inside the existing input bounds. */
.archive-search-field{position:relative;min-width:0}
.search-input-row>.archive-search-field{flex:1}
.concept-find>.archive-search-field{width:340px;max-width:100%;height:48px;flex-shrink:0}
.concept-find>.archive-search-field>#term-search{font:400 15px var(--font);width:100%;max-width:100%;height:48px;padding:12px 18px;border:0;background:#f0f0ee;border-radius:24px;color:var(--ink)}
.archive-search-field>input[type="search"]{padding-inline-end:52px}
.concept-find>.archive-search-field>#term-search{padding-inline-end:52px}
.archive-search-field>input[type="search"]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.archive-search-field>.archive-search-clear{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:var(--muted,#66676B);cursor:pointer}
.archive-search-field>.archive-search-clear[hidden]{display:none}
.archive-search-field>.archive-search-clear:hover{background:#e4e4e1;color:var(--ink,#242528)}
.archive-search-field>.archive-search-clear:focus-visible{outline:2px solid var(--focus,#3454FF);outline-offset:0;background:#e4e4e1;color:var(--ink,#242528)}
.archive-search-clear>svg{display:block;flex:none;pointer-events:none}
@media(max-width:1120px){.concept-find>.archive-search-field{width:100%}}
@media(max-width:760px){.concept-find>.archive-search-field>#term-search{font-size:14px}}
@media(max-width:360px){
 .list-more-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:0}
 .list-more-row>.load-more{grid-row:1}
 .list-more-row>span,.list-more-row>.list-all-toggle{grid-row:2}
}