/* Claude Resources: hover grows the paint area by 2px without changing layout. */
body.hrefkit-page{--hk-button-clay:#c96442;--hk-button-ink:#141413;--hk-button-border:#deded8;--hk-button-focus:#d97757}
body.hrefkit-page :is(button,.state-home-link){transition:color .1s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}
body.hrefkit-page :is(button,.state-home-link):focus-visible{outline:2px solid var(--hk-button-focus);outline-offset:4px}
body.hrefkit-page :is(button,.state-home-link):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
body.hrefkit-page :is(.dialog-return,.state-home-link){display:inline-flex;align-items:center;justify-content:center;min-height:40px;line-height:1.2;padding:10px 20px;border:0;border-radius:8px;background:var(--hk-button-ink);color:#fcfcfb;box-shadow:0 0 0 0 var(--hk-button-ink);text-decoration:none}
body.hrefkit-page :is(.dialog-return,.state-home-link):hover:not(:disabled){box-shadow:0 0 0 2px var(--hk-button-ink)}
body.hrefkit-page :is(.console-link,#reset-search){display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;line-height:1.2;border:0;border-radius:8px;background:#fcfcfb;color:#262624;box-shadow:0 0 0 0 #fcfcfb,0 0 0 1px var(--hk-button-border)}
body.hrefkit-page :is(.console-link,#reset-search):hover:not(:disabled){box-shadow:0 0 0 1px #fcfcfb,0 0 0 2px var(--hk-button-border);color:#141413}
body.hrefkit-page .dialog-close{display:grid;place-items:center;width:32px;height:32px;padding:0;line-height:1;border-radius:8px;background:transparent;box-shadow:0 0 0 0 #f1f1ed}
body.hrefkit-page .dialog-close:hover{background:#f1f1ed;box-shadow:0 0 0 2px #f1f1ed}
body.hrefkit-page .tool-card{box-shadow:0 0 0 0 var(--hk-button-border)}
body.hrefkit-page .tool-card:hover:not(:disabled){box-shadow:0 0 0 2px var(--hk-button-border)}
body.hrefkit-page .tool-card:active{box-shadow:0 0 0 1px var(--hk-button-border)}
body.hrefkit-page .search-banner #doc-search{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;min-height:56px;padding:7px 8px 7px 16px;border:1px solid #deded8;border-radius:16px;background:#f5f5f2;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;overflow:visible}
body.hrefkit-page .search-banner #doc-search:focus-within{border-color:#a5a59c;box-shadow:0 0 0 1px #a5a59c}
body.hrefkit-page .search-banner #doc-search input{display:block;flex:1 1 0%;width:0;min-width:0;height:40px;padding:0;line-height:1.5;font-size:14px;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;color:#262624}
body.hrefkit-page .search-banner #doc-search input::placeholder{color:#8b8b82;opacity:1}
body.hrefkit-page .search-banner #doc-search input::-webkit-search-cancel-button{-webkit-appearance:none}
body.hrefkit-page .search-banner #doc-search button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:12px;background:var(--hk-button-clay);color:#fff;box-shadow:0 0 0 0 var(--hk-button-clay)}
body.hrefkit-page .search-banner #doc-search button:hover:not(:disabled){box-shadow:0 0 0 2px var(--hk-button-clay)}
body.hrefkit-page .search-banner #doc-search button:active:not(:disabled){box-shadow:0 0 0 1px var(--hk-button-clay)}
body.hrefkit-page .search-banner #doc-search button svg{display:block;width:20px;height:20px;flex-shrink:0}
body.hrefkit-page .search-banner #doc-search[aria-busy=true] button svg{opacity:.6}
@media(max-width:480px){body.hrefkit-page .search-banner #doc-search{padding-left:12px;gap:6px}body.hrefkit-page .search-banner #doc-search input{font-size:13px;flex-basis:0%;width:0}body.hrefkit-page .search-banner #doc-search button{width:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){body.hrefkit-page :is(button,.state-home-link),body.hrefkit-page .search-banner #doc-search{transition:none}}
body.hrefkit-page #search-state:is(.state-loading,.state-success) #reset-search{display:none}

/* Text submit label keeps the embedded Claude button treatment. */
body.hrefkit-page .search-banner #doc-search button{width:auto;min-width:88px;flex:0 0 auto;padding:0 14px;white-space:nowrap;font-size:13px;font-weight:500}
@media(max-width:480px){body.hrefkit-page .search-banner #doc-search button{width:auto;min-width:78px;flex-basis:auto;padding:0 10px;font-size:12px}}