/* ========== TAG PAGE ========== */

.ok-tag-page{max-width:1200px;margin:auto;padding:16px}
.ok-tag-header{margin-bottom:22px}
.ok-tag-header h1{font-size:28px}
.ok-tag-header p{color:#666;max-width:720px}

.ok-tag-grid{
display:grid;
grid-template-columns:1fr;
gap:16px;
}

.ok-tag-card{
background:#fff;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,.06);
overflow:hidden;
}

.ok-tag-card img{width:100%;height:180px;object-fit:cover}
.ok-tag-card h2{font-size:16px;padding:10px}
.ok-tag-card p{font-size:13px;color:#666;padding:0 10px 12px}

/* tablet */
@media(min-width:600px){
.ok-tag-grid{grid-template-columns:repeat(2,1fr)}
}

/* desktop */
@media(min-width:900px){
.ok-tag-grid{grid-template-columns:repeat(3,1fr)}
.ok-tag-card img{height:200px}
}

/* ========== SEARCH PAGE ========== */

.ok-search-page{max-width:1100px;margin:auto;padding:16px}

.ok-search-header{margin-bottom:20px}
.ok-search-header h1{font-size:24px;margin-bottom:10px}

.ok-search-box{
display:flex;gap:10px;margin-bottom:25px
}

.ok-search-box input{
flex:1;padding:12px;border-radius:12px;border:1px solid #ddd
}
.ok-search-box button{
padding:12px 18px;border:none;border-radius:12px;
background:#e10600;color:#fff;font-weight:600
}

.ok-search-results{
display:flex;
flex-direction:column;
gap:14px;
}

.ok-search-card{
background:#fff;
border-radius:16px;
padding:12px;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.ok-search-card a{display:flex;gap:12px;align-items:flex-start}
.ok-search-thumb img{width:100%;height:150px;object-fit:cover;border-radius:10px}

.ok-search-info h2{font-size:16px;margin:0 0 4px}
.ok-search-info span{font-size:12px;color:#777}
.ok-search-info p{font-size:13px;color:#555;margin-top:4px}

/* ========== AUTHOR PAGE ========== */

.ok-author-page{max-width:1200px;margin:auto;padding:16px}

.ok-author-box{
display:flex;
gap:16px;
background:linear-gradient(135deg,#0f172a,#020617);
color:#fff;
padding:18px;
border-radius:20px;
margin-bottom:25px;
align-items:center
}

.ok-author-box img{border-radius:50%}
.ok-author-box h1{margin:0;font-size:22px}
.ok-author-box p{margin:4px 0 6px;color:#cbd5e1}
.ok-author-box span{font-size:13px;color:#94a3b8}

.ok-author-posts{
display:grid;
grid-template-columns:1fr;
gap:16px
}

.ok-author-card{
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 8px 22px rgba(0,0,0,.06)
}

.ok-author-card img{width:100%;height:160px;object-fit:cover}
.ok-author-card h2{font-size:15px;padding:10px}
.ok-author-card p{font-size:13px;color:#666;padding:0 10px 12px}

/* tablet */
@media(min-width:600px){
.ok-author-posts{grid-template-columns:repeat(2,1fr)}
}

/* desktop */
@media(min-width:900px){
.ok-author-posts{grid-template-columns:repeat(3,1fr)}
.ok-author-card img{height:190px}
}