.top-navigation { display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); margin-bottom:var(--space-5); }
.top-navigation > div { display:flex; gap:var(--space-2); }
.top-navigation .btn { min-height:44px; }
.tools-menu { margin-bottom:var(--space-5); }
.tools-menu summary { cursor:pointer; font-weight:700; padding:var(--space-3) 0; min-height:44px; }
.tools-menu nav { display:flex; flex-wrap:wrap; gap:var(--space-2); padding-bottom:var(--space-3); }
.tools-menu .chip { min-height:44px; }
.tools-search-form { display:flex; align-items:flex-end; gap:var(--space-3); }
.tools-search-form .label { flex:1; min-width:0; }
.tools-results { list-style:none; padding:0; }
.tools-results li { padding:var(--space-4) 0; border-bottom:1px solid var(--color-border); }
.tools-results h3 { margin:var(--space-2) 0; font-size:var(--text-lg); font-weight:800; }
.tools-results p { overflow-wrap:anywhere; }
.tools-clock-form { display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--space-3); }
.tools-clock-form .label { flex:1; min-width:150px; }
.tools-next-card { border-top:3px solid var(--color-primary); }
.tools-next-card h2 { margin-top:var(--space-3); }
.tools-clock-expander summary { cursor:pointer; font-weight:700; min-height:44px; }
.tools-source { margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--color-border); font-size:.8125rem; }
.tools-source summary { cursor:pointer; min-height:44px; font-weight:700; color:var(--color-primary); }
.tools-source p { margin:var(--space-2) 0; }
.extras-panel .btn { max-width:100%; white-space:normal; text-align:center; }
.ev:focus { outline:2px solid var(--color-primary); outline-offset:4px; }
body { font-size:1rem; }
html[data-contrast="high"] { --color-text-muted:#252C38; --color-text-faint:#394454; --color-border:#727D8C; }
html[data-theme="dark"][data-contrast="high"] { --color-text:#FFFFFF; --color-text-muted:#E0E5EE; --color-text-faint:#C7D0DD; --color-border:#A0ABBB; }
html[data-motion="reduced"],html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
@media(max-width:700px){.tools-search-form { flex-direction:column; align-items:stretch; } .tools-search-form .btn { width:100%; } .top-navigation .btn { padding-left:var(--space-3); padding-right:var(--space-3); } }