.page-main{padding:72px 24px 60px;max-width:800px;margin:0 auto;}

.page-header{text-align:center;margin-bottom:36px;}
.page-header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;margin-bottom:12px;}
.page-header p{color:var(--cs-text-muted);font-size:15px;}

.search-box-wrap{margin-bottom:32px;}
.search-input{width:100%;padding:18px 24px;font-size:18px;border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:var(--cs-surface);color:var(--cs-text);font-family:inherit;transition:border-color 0.2s,box-shadow 0.2s;}
.search-input:focus{outline:none;border-color:var(--cs-primary);box-shadow:0 0 0 3px rgba(124,58,237,0.15);}
.search-input::placeholder{color:var(--cs-text-muted);}

.popular-searches{margin-bottom:36px;}
.popular-searches h3{font-size:13px;font-weight:600;color:var(--cs-text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;}
.popular-tags{display:flex;flex-wrap:wrap;gap:8px;}
.popular-tag{padding:6px 14px;border-radius:999px;border:1px solid var(--cs-border);background:var(--cs-surface);color:var(--cs-text-muted);font-size:13px;cursor:pointer;font-family:inherit;transition:all 0.2s;}
.popular-tag:hover{border-color:var(--cs-primary);color:var(--cs-primary);}

.search-results{min-height:120px;}
.search-empty{text-align:center;color:var(--cs-text-muted);font-size:15px;padding:40px 0;}
.search-hint{text-align:center;color:var(--cs-text-muted);font-size:14px;padding:20px 0;}

.result-group{margin-bottom:28px;}
.result-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--cs-text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--cs-border);}
.result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--cs-border);border-radius:var(--cs-radius);margin-bottom:6px;background:var(--cs-surface);text-decoration:none;color:inherit;transition:border-color 0.2s,transform 0.15s;}
.result-item:hover{border-color:var(--cs-primary);transform:translateX(4px);}
.result-icon{font-size:20px;flex-shrink:0;}
.result-text h4{font-size:14px;font-weight:600;margin-bottom:2px;}
.result-text p{font-size:13px;color:var(--cs-text-muted);}

.search-count{font-size:13px;color:var(--cs-text-muted);margin-bottom:16px;}
