.search-page{max-width:880px;margin:0 auto;padding:56px 24px 96px}.search-hero{text-align:center;margin-bottom:40px}.search-title{font-size:36px;font-weight:600;letter-spacing:-.025em;color:#1d1d1f;margin:0 0 10px;line-height:1.15}.search-sub{color:#6e6e73;font-size:15px;line-height:1.5;margin:0 0 32px}.search-input-wrap{position:relative;max-width:640px;margin:0 auto 20px}.search-input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#86868b;pointer-events:none}#search-input{width:100%;padding:18px 56px;font-size:16px;font-family:inherit;border:1px solid #d2d2d7;border-radius:14px;background:#fff;color:#1d1d1f;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:0 1px 3px #0000000a}#search-input::placeholder{color:#a1a1a6}#search-input:hover{border-color:#b6b6bb}#search-input:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e31f;background-color:#fff}.search-clear-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:#f5f5f7;color:#6e6e73;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease}.search-clear-btn:hover{background:#e5e5e7;color:#1d1d1f}.search-clear-btn[hidden]{display:none}.search-suggestions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:640px;margin:0 auto}.suggestions-label{font-size:13px;color:#86868b;margin-right:4px}.suggestion-chip{padding:6px 14px;font-size:13px;font-family:inherit;color:#1d1d1f;background:#f5f5f7;border:1px solid transparent;border-radius:980px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.suggestion-chip:hover{background:#fff;border-color:#d2d2d7}.search-meta-bar{padding:0 0 16px;border-bottom:1px solid #e5e5e7;margin-bottom:24px}.search-result-count{font-size:13px;color:#6e6e73}.search-meta-q{color:#1d1d1f;font-weight:600;background:#fff3cd;padding:1px 6px;border-radius:4px}.result-group{margin-bottom:36px}.result-group:last-child{margin-bottom:0}.result-group-heading{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#86868b;margin:0 0 14px;display:flex;align-items:center;gap:8px}.result-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;color:#6e6e73;background:#f5f5f7;border-radius:10px}.result-group-list{display:flex;flex-direction:column;gap:8px}.result-card{display:block;padding:18px 22px;border:1px solid #e5e5e7;border-radius:12px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.result-card:hover{border-color:#0071e3;box-shadow:0 4px 12px #0071e314;transform:translateY(-1px)}.result-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.result-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;flex-shrink:0}.result-badge--guide{background:#e3f2fd;color:#0d47a1}.result-badge--case{background:#e8f5e9;color:#1b5e20}.result-badge--prod{background:#fff3e0;color:#e65100}.result-badge--app{background:#f3e5f5;color:#6a1b9a}.result-badge--comp{background:#eceff1;color:#37474f}.result-badge--misc{background:#f5f5f7;color:#6e6e73}.result-card-crumb{font-size:12px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card-title{font-size:17px;font-weight:600;color:#1d1d1f;margin:0 0 6px;line-height:1.4}.result-card-excerpt{font-size:14px;color:#424245;line-height:1.55;margin:0}.result-card-excerpt mark{background:#fff3cd;color:inherit;padding:0 2px;border-radius:2px;font-weight:500}.search-empty{text-align:center;padding:48px 24px;color:#86868b}.search-empty-text{font-size:15px;margin:16px 0 6px;color:#6e6e73}.search-empty-text strong{color:#1d1d1f}.search-empty-text code{background:#f5f5f7;padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Menlo,monospace}.search-empty-hint{font-size:14px;color:#86868b;margin:0}.search-empty-hint a{color:#06c;text-decoration:none}.search-empty-hint a:hover{text-decoration:underline}@media(max-width:640px){.search-page{padding:32px 16px 64px}.search-title{font-size:26px}.result-card{padding:14px 16px}.result-card-title{font-size:15px}.result-card-crumb{display:none}}