/* Answers — Stack Overflow-style three-column layout. Qaribo teal #0d9488. */
.aq-wrap{width:min(1180px,calc(100% - 24px));margin:0 auto}
.aq-shell{display:grid;grid-template-columns:160px 1fr 230px;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.aq-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}
.aq-header h1{margin:0;font-size:22px;font-weight:800;color:#111827;display:inline}
.aq-header .count{font-size:13px;color:#94a3b8;margin-left:10px}
.aq-ask-btn{background:#0d9488;color:#fff;font-size:13px;font-weight:700;padding:9px 16px;border-radius:8px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer}
.aq-ask-btn:hover{background:#0f766e;color:#fff}

.aq-rail{border-right:1px solid #eef2f7;padding:14px 8px;font-size:14px}
.aq-rail a{display:block;padding:8px 12px;border-radius:6px;color:#475569;text-decoration:none;margin-bottom:2px}
.aq-rail a:hover{background:#f8fafc;color:#0f766e}
.aq-rail a.active{background:#e1f5ee;color:#0f6e56;font-weight:600;border-left:3px solid #0d9488}

.aq-main{min-width:0}
.aq-tabs{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}
.aq-tab{font-size:12px;padding:5px 12px;border-radius:6px;color:#64748b;text-decoration:none}
.aq-tab:hover{color:#0f766e}
.aq-tab.active{border:1px solid #0d9488;color:#0f6e56}

.aq-row{display:flex;gap:16px;padding:16px;border-bottom:1px solid #f1f5f9}
.aq-row:last-child{border-bottom:0}
.aq-gutter{flex:0 0 60px;text-align:right;font-size:12px;color:#64748b;line-height:1.4}
.aq-stat{margin-bottom:6px}
.aq-stat .n{font-weight:700;color:#111827}
.aq-stat.answered{border:1px solid #10b759;border-radius:5px;color:#0f6e56;padding:3px 4px}
.aq-rowbody{min-width:0;flex:1}
.aq-rowtitle{font-size:16px;color:#0168fa;font-weight:600;line-height:1.3;text-decoration:none;display:block}
.aq-rowtitle:hover{color:#0d9488}
.aq-excerpt{font-size:13px;color:#64748b;margin:5px 0 9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aq-tagrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}
.aq-tags{display:flex;gap:5px;flex-wrap:wrap}
.aq-topic{font-size:11px;background:#0d9488;color:#fff;padding:3px 9px;border-radius:5px;text-decoration:none;font-weight:600}
.aq-topic:hover{background:#0f766e;color:#fff}
.aq-tag{font-size:11px;background:#f1f5f9;color:#475569;border:1px solid #e5e7eb;padding:3px 9px;border-radius:5px;text-decoration:none}
.aq-tag:hover{background:#e2e8f0;color:#334155}
.aq-meta{font-size:11px;color:#94a3b8}

.aq-sidebar{border-left:1px solid #eef2f7;padding:14px 12px;font-size:12px}
.aq-side-block{margin-bottom:16px}
.aq-side-title{font-weight:700;margin-bottom:8px;color:#111827}
.aq-side-link{display:flex;justify-content:space-between;gap:8px;color:#475569;text-decoration:none;padding:3px 0}
.aq-side-link:hover{color:#0f766e}
.aq-side-link .c{color:#94a3b8}
.aq-side-nudge{background:#e1f5ee;border-radius:8px;padding:10px;color:#0f6e56;line-height:1.4}

/* Detail page */
.aq-q-title{padding:16px 18px;border-bottom:1px solid #eef2f7;font-size:20px;font-weight:700;line-height:1.3;color:#111827}
.aq-q-sub{font-size:11px;color:#94a3b8;margin-top:6px;font-weight:400}
.aq-post{display:flex;gap:16px;padding:16px 18px;border-bottom:1px solid #f1f5f9}
.aq-vote{flex:0 0 46px;text-align:center;color:#64748b}
.aq-vote button{display:block;width:100%;border:1px solid #e5e9f2;background:#fff;border-radius:6px;padding:5px 0;font-size:14px;cursor:pointer;color:#596882;line-height:1}
.aq-vote button:hover{background:#f0fdfa;color:#0d9488;border-color:#5dcaa5}
.aq-vote .score{font-size:18px;font-weight:700;color:#111827;margin:6px 0}
.aq-body{font-size:14px;color:#334155;line-height:1.65}
.aq-answers-head{padding:12px 18px;border-bottom:1px solid #eef2f7;font-size:16px;font-weight:700;color:#111827}
.aq-answer{display:flex;gap:16px;padding:16px 18px;border-bottom:1px solid #f1f5f9}
.aq-answer.accepted{background:#e1f5ee}
.aq-accepted-badge{color:#0f6e56;font-size:12px;font-weight:700;margin-bottom:6px}
.aq-accepted-check{color:#0f6e56;font-size:20px;margin-top:8px}
.aq-answer-form{padding:16px 18px}
.aq-answer-form h3{font-size:16px;font-weight:700;margin:0 0 8px;color:#111827}
.aq-answer-form textarea{width:100%;min-height:110px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:14px;resize:vertical}
.aq-form-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin-bottom:5px}

/* Search box (search.php) */
.aq-search-form{display:flex;gap:8px;padding:16px 18px;border-bottom:1px solid #eef2f7}
.aq-search-form input{flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:14px}
.aq-search-form input:focus{outline:0;border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.12)}
.aq-search-form button{border:0;background:#0d9488;color:#fff;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer}
.aq-search-form button:hover{background:#0b7c72}

/* User profile strip (user.php) */
.aq-profile{display:flex;align-items:center;gap:16px;padding:18px;border-bottom:1px solid #eef2f7}
.aq-profile-av{width:56px;height:56px;border-radius:50%;object-fit:cover}
.aq-profile-av.placeholder{display:flex;align-items:center;justify-content:center;background:#0d9488;color:#fff;font-size:22px;font-weight:700}
.aq-profile-name{font-size:18px;font-weight:700;color:#111827}
.aq-profile-bio{font-size:13px;color:#64748b;margin-top:3px}

@media (max-width:991px){
  .aq-shell{grid-template-columns:1fr}
  .aq-rail{border-right:0;border-bottom:1px solid #eef2f7;display:flex;gap:6px;overflow-x:auto;padding:10px 12px}
  .aq-rail a{margin-bottom:0;white-space:nowrap}
  .aq-rail a.active{border-left:0;border-bottom:2px solid #0d9488}
  .aq-sidebar{border-left:0;border-top:1px solid #eef2f7}
}
