.search-hero{width:min(calc(100% - 32px),var(--max));margin:40px auto 0}.search-hero h1{margin:0 0 22px;font-size:clamp(2.2rem,5.6vw,3.8rem);font-weight:var(--weight-black);line-height:1.1;letter-spacing:var(--tracking-display)}.search-form{position:relative;display:flex;border:var(--border);background:var(--paper);box-shadow:var(--shadow);transition:box-shadow .14s var(--ease-out),transform .14s var(--ease-out)}.search-form:focus-within{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.search-icon{position:absolute;left:20px;top:50%;font-size:1.5rem;transform:translateY(-50%);pointer-events:none}.search-input{flex:1;min-width:0;height:68px;padding:0 16px 0 58px;border:0;color:var(--ink);background:transparent;font-size:var(--text-lg);font-weight:var(--weight-bold)}.search-input::placeholder{color:var(--muted-2);font-weight:var(--weight-medium)}.search-input:focus{outline:0}.search-input::-webkit-search-cancel-button{cursor:pointer}.search-btn{min-height:0;padding:0 28px;border:0;border-left:var(--border);box-shadow:none;font-size:var(--text-md)}.search-btn:hover,.search-btn:active{transform:none;box-shadow:none;background:var(--cat-orange)}.page{margin-top:44px}.result-summary{margin-bottom:16px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.result-summary h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-heading)}.count{color:var(--muted);font:var(--weight-bold) var(--text-sm) var(--font-mono)}.page .category-nav{margin-bottom:28px}.results{display:grid;gap:20px}.result{--cat: var(--paper-2);position:relative;padding:20px 22px;border:var(--border);background:var(--paper);box-shadow:var(--shadow);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out)}.result.cat--yellow{--cat: var(--cat-yellow)}.result.cat--pink{--cat: var(--cat-pink)}.result.cat--mint{--cat: var(--cat-mint)}.result.cat--orange{--cat: var(--cat-orange)}.result.cat--lilac{--cat: var(--cat-lilac)}.result.cat--hex{--cat: var(--cat-hex-fill)}.result:hover,.result:focus-within{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.result-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font:var(--weight-medium) var(--text-xs) var(--font-mono)}.result h3{margin:10px 0 6px;font-size:var(--text-lg);font-weight:var(--weight-black);line-height:1.35;letter-spacing:var(--tracking-heading)}.result-link:after{content:"";position:absolute;inset:0}.result-link:focus-visible{outline:0}.result:has(.result-link:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.result p{margin:0;color:var(--muted);font-size:var(--text-sm)}.result .result-snippet{margin-top:10px;padding:8px 12px;display:flex;gap:8px;align-items:baseline;border:var(--border-thin);border-style:dashed;color:var(--ink);background:var(--paper-2)}.result-snippet .bx{flex:none;color:var(--muted)}.result-snippet mark{padding:0 2px;color:#141414;background:var(--yellow);font-weight:var(--weight-bold)}.keywords{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.page .archive{margin-top:40px}.error-page{margin-top:48px}.error-code{display:inline-block;margin:0 0 18px;padding:2px 12px;border:var(--border);color:#141414;background:var(--yellow);box-shadow:var(--shadow-sm);font:var(--weight-display) var(--text-xl) var(--font-mono);transform:rotate(-2deg)}.error-page h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3.2rem);font-weight:var(--weight-black);line-height:1.15;letter-spacing:var(--tracking-display)}.error-message{max-width:36em;margin:0 0 28px;color:var(--muted);font-size:var(--text-md)}.error-login{margin:0 0 28px}.error-links{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:12px}.result .chip-link{position:relative;z-index:1}.result-summary .scope{color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-bold)}.empty-state .empty-action{margin-top:16px}.empty-state h3{margin:0 0 6px;color:var(--ink);font-size:var(--text-md)}.empty-state p{margin:0;font-size:var(--text-sm)}@media(max-width:640px){.search-hero{margin-top:28px}.search-input{height:58px;padding-left:50px;font-size:var(--text-md)}.search-icon{left:16px;font-size:1.3rem}.search-btn{padding:0 16px}.result{padding:18px}}