/* Search controls and dictionary topic navigation for the light home page. */
.lem-search-settings{max-width:760px;margin:10px 0 0;color:var(--lem-ink)}
.lem-search-settings summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:13px;font-weight:600;color:var(--lem-muted);padding:8px 0}
.lem-search-settings summary::-webkit-details-marker{display:none}
.lem-settings-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lem-tint);color:var(--lem-action)}
.lem-settings-icon .lem-icon{width:17px;height:17px}
.lem-settings-chevron{margin-left:4px;transition:transform 160ms}
.lem-search-settings[open] .lem-settings-chevron{transform:rotate(180deg)}
.lem-filter-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:var(--lem-action);color:white;font-size:11px}
.lem-settings-panel{margin-top:8px;padding:24px;background:var(--lem-surface);border:1px solid var(--lem-line);border-radius:14px;box-shadow:var(--lem-shadow-soft)}
.lem-settings-section{min-width:0;padding:0;margin:0 0 24px;border:0}
.lem-settings-section legend{display:flex;align-items:center;gap:8px;padding:0;margin-bottom:12px;font-size:13px;font-weight:700}
.lem-settings-section legend .lem-icon{width:19px;height:19px;color:var(--lem-action)}
.lem-mode-options,.lem-scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lem-scope-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.lem-choice{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px;border:1px solid var(--lem-line);border-radius:9px;cursor:pointer;line-height:1.45;font-size:12px}
.lem-choice:has(input:checked){background:#fff8f3;border-color:#dcb5a1}
.lem-choice:hover,.lem-topic-option:hover{background:var(--lem-tint)}
.lem-choice input,.lem-topic-option input{flex-shrink:0;margin:0;accent-color:var(--lem-action);width:16px;height:16px}
.lem-choice .lem-icon{width:21px;height:21px;color:var(--lem-action)}
.lem-choice strong{display:block;font-weight:600;font-size:13px}
.lem-choice small{display:block;color:var(--lem-muted);font-size:11px;margin-top:3px}
.lem-settings-panel .lem-settings-hint{font-size:12px;line-height:1.6;color:var(--lem-muted);margin:0 0 12px;max-width:560px}
.lem-topic-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.lem-topic-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:13px;line-height:1.5}
.lem-topic-option:has(input:checked){background:var(--lem-tint);border-color:#e4caba}
.lem-topic-option .lem-icon{width:20px;height:20px;color:var(--lem-action)}
.lem-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--lem-line)}
.lem-reset-topics{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:0;background:transparent;color:var(--lem-muted);padding:8px 0;font-size:12px}
.lem-reset-topics .lem-icon{width:17px;height:17px}
.lem-reset-topics:disabled{opacity:.55;cursor:default}
.lem-settings-reset{display:block;width:fit-content;margin-top:12px;min-height:32px;padding:6px 0;color:var(--lem-action);font-size:12px}
.lem-topic-navigation{margin-top:18px}
.lem-topic-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.lem-topic-nav-heading>span{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--lem-muted)}
.lem-topic-nav-controls{display:flex;gap:6px}
.lem-topic-nav-controls button{display:grid;place-items:center;width:44px;height:44px;background:#fff9;border:1px solid var(--lem-line);border-radius:50%;color:var(--lem-action)}
.lem-topic-nav-controls button:disabled{opacity:.35;cursor:default}
.lem-topic-nav-controls button:not(:disabled):hover{background:var(--lem-tint)}
.lem-topic-nav-controls .lem-icon{width:19px;height:19px}
.lem-topic-tiles{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c9bcae transparent;background:rgb(255 255 255 / 88%);border:1px solid var(--lem-line);border-radius:12px;padding:4px}
.lem-topic-tile{flex:0 0 calc(100% / 7);min-width:155px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:18px 14px 16px;text-align:center;color:var(--lem-ink);text-decoration:none;scroll-snap-align:start;position:relative;border-radius:8px}
.lem-topic-tile+.lem-topic-tile:before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:1px;background:var(--lem-line)}
.lem-topic-tile>.lem-icon{width:32px;height:32px;color:var(--lem-action);margin-bottom:3px}
.lem-topic-tile strong{font-size:13px;font-weight:600;line-height:1.45;min-height:2.9em;display:flex;align-items:center;justify-content:center}
.lem-topic-tile>span{font-size:12px;line-height:1.5;color:var(--lem-muted)}
.lem-topic-tile[aria-current=page]{background:var(--lem-tint)}
.lem-topic-tile:hover{background:#fff6ef}
.lem-topic-tile:focus-visible{outline-offset:-4px}
@media(max-width:767px){.lem-settings-panel{padding:18px 14px}.lem-choice{padding:10px;gap:8px}.lem-mode-options .lem-choice>.lem-icon{display:none}.lem-scope-options{grid-template-columns:1fr}.lem-scope-options .lem-choice{min-height:46px}.lem-topic-checklist{grid-template-columns:1fr;gap:3px}.lem-topic-option{padding:9px 8px}.lem-settings-footer{flex-wrap:wrap}.lem-settings-footer .lem-btn{font-size:13px;padding:10px 14px}.lem-topic-navigation{margin-top:12px}.lem-topic-tile{flex-basis:142px;min-width:142px;padding:16px 10px}.lem-topic-tile strong{font-size:12px}.lem-topic-tile>.lem-icon{width:30px;height:30px}}
.lem-choice input,.lem-topic-option input{color:var(--lem-action)}
.lem-topic-tiles{scroll-padding-inline:4px}