/* HOM-147: retain the existing visual language; reveal secondary controls on demand. */
.tool-finder-controls{position:relative}
.finder-reset{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--finder-summary-width,140px) + 8px);min-height:40px}
@media(max-width:800px){.finder-reset{min-height:44px}}
.tool-finder>summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:40px;padding:8px 12px;list-style:none;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.tool-finder>summary::-webkit-details-marker,.utility-menu>summary::-webkit-details-marker{display:none}
.tool-finder>summary:hover,.utility-menu>summary:hover{color:var(--accent-text);border-color:var(--accent)}
.tool-finder>summary .icon{width:16px;height:16px;min-width:16px}
.finder-chevron{width:16px;height:16px;min-width:16px;margin-left:6px;color:inherit;transition:transform .18s ease}
.tool-finder[open] .finder-chevron{transform:rotate(180deg)}
.tool-finder[open]>.filter-panel{margin-top:10px;animation:controls-reveal .18s ease-out}
.utility-menu{position:relative;order:100}
.utility-menu>summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);cursor:pointer}
.utility-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:35;width:236px;max-width:calc(100vw - 28px);padding:10px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:controls-reveal .18s ease-out}
.utility-label{display:block;padding:3px 8px 8px;font-size:var(--fs-xs);color:var(--muted)}
.utility-panel .theme-switch{width:fit-content;margin:0 8px 8px}
.utility-panel .theme-switch button{width:40px;height:36px}
.utility-panel>.text-button{display:block;width:100%;max-width:none;min-height:40px;padding:8px;text-align:left;font-size:var(--fs-sm);border-radius:var(--r-md)}
.utility-panel>.text-button:hover{background:var(--surface-2)}
.utility-menu #about{display:block}
.board-dialog{width:min(520px,calc(100% - 28px))}
.board-dialog-body{padding:0 24px 20px}
.board-dialog-body>p{font-size:var(--fs-sm);color:var(--muted);line-height:1.6;margin:16px 0 0}
@keyframes controls-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px) and (max-width:1150px){
 .masthead{height:auto;flex-wrap:wrap;padding-block:10px}
 .masthead-tools{margin-left:auto}
 .view-tabs{order:3;width:100%;justify-content:center}
 .sidebar{top:116px;height:calc(100dvh - 116px)}
}
@media(max-width:800px){.masthead-tools{flex-wrap:wrap}.tool-finder>summary,.utility-menu>summary,.utility-panel>.text-button{min-height:44px}.utility-panel .theme-switch button{height:44px;width:44px}}
@media(prefers-reduced-motion:reduce){.tool-finder .filter-panel,.utility-panel{animation:none}.finder-chevron{transition:none}}
