/* ==================== Q&A Article ==================== */
.qa-article{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.qa-header{padding:30px;border-bottom:1px solid var(--border-light);background:linear-gradient(to right,var(--primary-light),var(--bg))}
.qa-header .qa-label{display:inline-block;padding:4px 14px;font-size:13px;font-weight:600;color:#fff;background:var(--primary);border-radius:20px;margin-bottom:12px}
.qa-header h1{font-size:24px;line-height:1.4;margin-bottom:12px;color:var(--text)}
.qa-meta{font-size:13px;color:var(--text-light);display:flex;flex-wrap:wrap;gap:16px}
.qa-meta span{display:flex;align-items:center;gap:5px}
.qa-summary-box{padding:20px 30px;margin:20px 30px;background:var(--accent);border-left:4px solid var(--accent-color);border-radius:0 var(--radius) var(--radius) 0;font-size:15px;line-height:1.7}
.qa-summary-box strong{display:block;margin-bottom:4px;font-size:13px;color:var(--accent-color)}
.qa-content{padding:30px;font-size:16px;line-height:1.9}
.qa-content h2{font-size:20px;margin:28px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--primary-light)}
.qa-content h3{font-size:17px;margin:22px 0 10px;color:var(--primary)}
.qa-content p{margin-bottom:14px}
.qa-content ul,.qa-content ol{margin:10px 0 14px 24px}
.qa-content li{margin-bottom:6px}
.qa-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.qa-content table th,.qa-content table td{border:1px solid var(--border);padding:10px 14px;text-align:left}
.qa-content table th{background:var(--primary-light);font-weight:600}
.qa-content blockquote{margin:16px 0;padding:14px 20px;background:var(--bg-gray);border-left:4px solid var(--primary);color:var(--text-light)}
.qa-content code{background:var(--bg-gray);padding:2px 8px;border-radius:4px;font-size:14px}
.qa-content pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:var(--radius);overflow-x:auto;font-size:13px;line-height:1.6}
.qa-tags{padding:0 30px 20px;display:flex;flex-wrap:wrap;gap:8px}
.qa-tags a{display:inline-block;padding:4px 14px;font-size:12px;background:var(--bg-gray);color:var(--text-light);border-radius:16px;transition:all .25s}
.qa-tags a:hover{background:var(--primary);color:#fff}
.qa-nav{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid var(--border-light);font-size:14px}
.qa-nav a{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa-related{margin:30px 0}
.qa-related h3{font-size:18px;margin-bottom:12px}
.qa-related ul{list-style:none}
.qa-related ul li{margin-bottom:8px}
.qa-related ul li a{display:block;padding:10px 14px;background:var(--bg-gray);border-radius:var(--radius);font-size:14px;transition:all .25s}
.qa-related ul li a:hover{background:var(--primary-light)}

/* Sidebar */
.side-block{margin-bottom:24px}
.side-block h4{font-size:15px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary)}
.side-block ul{list-style:none}
.side-block ul li{margin-bottom:8px}
.side-block ul li a{font-size:14px;display:block;padding:6px 0;border-bottom:1px dashed var(--border);transition:color .25s}

/* Schema Citation */
.schema-citation{font-size:11px;color:#999;padding:20px 30px;border-top:1px dashed var(--border);text-align:center}
.schema-citation code{font-size:11px;background:#f0f0f0}

/* Two-column layout (different max-width for detail) */
.page-row{display:flex;gap:30px;margin:30px 0}
.page-main{flex:1;min-width:0}
.page-sidebar{width:260px;flex-shrink:0}

/* Breadcrumb override */
.breadcrumb{padding:16px 0;font-size:13px;color:var(--text-light)}
.breadcrumb a{color:var(--text-light)}
.breadcrumb span{color:#999;margin:0 6px}

/* ==================== QA Detail Responsive ==================== */
@media(max-width:768px){
    .page-row{flex-direction:column}
    .page-sidebar{width:100%}
    .qa-header h1{font-size:20px}
    .qa-content{padding:20px}
    .qa-header{padding:20px}
    .qa-summary-box{margin:15px;padding:15px}
}
@media(max-width:480px){
    .qa-header h1{font-size:18px}
}