/* SEO foundation: readable content and real navigation, preserving desktop layout. */
.qa-home-intro { clear: both; padding: 20px 0 8px; font: 15px/1.55 Arial, sans-serif; color: #333; }
.qa-home-intro h1 { margin: 0 0 8px; font: 24px/1.25 Arial, sans-serif; color: #222; }
.qa-inner h1.thread_question_topic { margin: 0; }
.qa-category-questions { font: 15px/1.55 Arial, sans-serif; }
.qa-category-questions ul { padding-left: 20px; }
.qa-category-questions li { margin: 0 0 16px; }
.qa-category-questions p { margin: 4px 0; color: #555; }
.qa-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; }
.qa-pagination a, .qa-pagination span { display: inline-block; padding: 8px 12px; border: 1px solid #ddd; border-radius: 3px; }
.qa-pagination [aria-current] { background: #f8f6eb; color: #333; }
.qa-category-summary { line-height: 1.5; color: #555; }
@media (max-width: 1000px) {
    .qa-inner { font: 16px/1.5 Arial, sans-serif; }
    .qa-inner #centerwrapper, .qa-inner #contentcenterwrapper, .qa-inner #top #topcenter,
    .qa-inner #footer { width: auto; max-width: 100%; box-sizing: border-box; }
    .qa-inner #contentcenterwrapper { display: flex; flex-direction: column; padding: 16px 12px; }
    .qa-inner #content { float: none; width: 100%; min-width: 0; order: 1; font-size: 16px; }
    .qa-inner #sidebar { float: none; width: 100%; order: 2; margin-top: 24px; }
    .qa-inner #top { height: auto; min-height: 30px; }
    .qa-inner #top #topcenter { display: flex; flex-wrap: wrap; justify-content: center; }
    .qa-inner #topcenter > div { float: none; }
    .qa-inner #searchhead { display: flow-root; width: 100%; height: auto; min-height: 90px; box-sizing: border-box; background: #c38f63; padding: 12px; }
    .qa-inner #searchhead .searcharea { float: none; clear: both; width: 100%; }
    .qa-inner #logoclick { float: none; margin-bottom: 8px; }
    .qa-inner #checksearchlayer { padding: 0; width: 100%; height: auto; }
    .qa-inner #searchhead > div { max-width: 100%; }
    .qa-inner #searchfield { width: 100%; max-width: 100%; box-sizing: border-box; font-size: 16px; }
    .qa-inner #searchfieldlayer { width: calc(100% - 145px); }
    .qa-inner #primerlayer { clear: both; }
    .qa-inner #searchhead form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .qa-inner #searchhead form > div { margin: 0; }
    .qa-inner #crumbslayer { float: none; overflow-wrap: anywhere; }
    .qa-inner #crumbslayer h3 { font-size: 14px; line-height: 1.5; }
    .qa-inner h1 { font-size: 24px; line-height: 1.3; overflow-wrap: anywhere; }
    .qa-inner .thread_question_item { width: 48px; height: auto; min-height: 64px; }
    .qa-inner .thread_question_answer_item { width: 48px; margin: 0 0 14px; height: auto; min-height: 64px; }
    .qa-inner .thread_question_item img.username_link, .qa-inner .thread_question_answer_item img.username_link { width: 40px; height: 40px; object-fit: cover; }
    .qa-inner .thread_question_container, .qa-inner .thread_question_answer_container { width: calc(100% - 52px); min-width: 0; margin-top: 0; }
    .qa-inner .thread_question_topic { font-size: 23px; line-height: 1.3; }
    .qa-inner .thread_question_text, .qa-inner .thread_question_answer { font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
    .qa-inner .thread_question_text img, .qa-inner .thread_question_answer img { max-width: 100%; height: auto; }
    .qa-inner .thread_question_text ul, .qa-inner .thread_question_answer ul,
    .qa-inner .thread_question_text ol, .qa-inner .thread_question_answer ol { padding-left: 24px; }
    .qa-inner .thread_question_tags { height: auto; min-height: 25px; }
    .qa-inner .thread_question_share, .qa-inner .thread_question_answer_share { float: none; margin: 8px 0; display: flex; flex-wrap: wrap; }
    .qa-inner .thread_question_response .answer, .qa-inner .thread_question_response .add_comment { float: none; margin: 10px 0; }
    .qa-inner .tabAddon, .qa-inner .yiiTab .tabs { width: auto; max-width: 100%; float: none; }
    .qa-inner .yiiTab .tabs { display: flex; flex-wrap: wrap; height: auto; min-height: 40px; padding: 0; gap: 4px; background: none; }
    .qa-inner .yiiTab .tabs li { float: none; list-style: none; }
    .qa-inner .yiiTab .tabs li a { float: none; width: auto; height: auto; padding: 10px 12px; background: #f8f6eb; border: 1px solid #ddd; border-radius: 4px; }
    .qa-inner .yiiTab .tabs li a.active { background: white; border-color: #b1815c; }
    .qa-inner .yiiTab .view { width: 100% !important; max-width: 100%; box-sizing: border-box; overflow-x: auto; }
    .qa-inner #content div[style*="width: 719px"], .qa-inner #content div[style*="width:719px"] { width: 100% !important; }
    .qa-inner .napisal { width: 100%; table-layout: fixed; }
    .qa-inner .napisal td { overflow-wrap: anywhere; }
    .qa-inner input[type="text"], .qa-inner input[type="password"], .qa-inner textarea,
    .qa-inner select { max-width: 100%; box-sizing: border-box; font-size: 16px; }
    .qa-inner .cke_skin_kama, .qa-inner .cke_editor, .qa-inner .cke_wrapper { max-width: 100%; box-sizing: border-box; }
    .qa-inner #cke_editor, .qa-inner #cke_contents_editor { width: 100% !important; }
    .qa-inner .reply_form_class { margin-left: 0 !important; }
    .qa-inner #footer .con { width: auto; float: none; margin-bottom: 12px; }
}
@media (max-width: 800px) {
    .qa-home { font: 16px/1.5 Arial, sans-serif; }
    .qa-home #container { width: auto; margin: 0 12px; }
    .qa-home #header, .qa-home #search, .qa-home #linki, .qa-home #lin2,
    .qa-home #search_1, .qa-home #buttons, .qa-home #alg, .qa-home #content,
    .qa-home #content_1, .qa-home #content_2_1, .qa-home #voprosi,
    .qa-home #voprosi_2, .qa-home #voprosi_3, .qa-home #voprosi_3_1 { float: none; width: 100%; box-sizing: border-box; }
    .qa-home #header { padding-top: 12px; }
    .qa-home #logo { display: block; float: none; margin: 4px 0 12px; }
    .qa-home #linki, .qa-home #lin2 { height: auto; margin: 0; padding: 0; }
    .qa-home #lin1 { float: none; margin: 8px 0; }
    .qa-home #menu { display: flex; flex-wrap: wrap; gap: 4px; }
    .qa-home #menu li { float: none; margin: 0; }
    .qa-home #menu a { padding: 8px; min-height: 28px; }
    .qa-home #isk { width: 100%; box-sizing: border-box; min-height: 44px; font-size: 16px; }
    .qa-home #alg { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .qa-home #alg_4 { width: 100%; float: none; margin: 4px 0; }
    .qa-home #lenta_left_column, .qa-home #lenta_right_column { float: none; width: 100%; height: auto; padding: 0; }
    .qa-home .lenta_h_border { width: 100%; }
    .qa-home #lenta_left_column div.item_text, .qa-home #lenta_right_column div.item_text { height: auto; min-height: 58px; }
    .qa-home #content_2_2, .qa-home #content_2_3, .qa-home #content_2_4 { width: 100%; float: none; margin: 12px 0; }
    .qa-home #comment, .qa-home #top_comment, .qa-home #text_comment,
    .qa-home #down_comment { width: 100%; box-sizing: border-box; background-size: 100% 100%; }
    .qa-home #text_comment { display: flex; align-items: flex-start; }
    .qa-home #text_1, .qa-home #text_3 { flex: 0 0 28px; width: 28px; margin: 8px 4px; }
    .qa-home #text_2 { flex: 1 1 auto; width: auto; min-width: 0; margin: 8px 0; padding: 0; }
    .qa-home #text_2 table, .qa-home #text_2 table td { width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
    .qa-home #links { position: static; display: inline-block; margin: 4px 8px; }
    .qa-home #golograma { height: auto; min-height: 30px; }
    .qa-home #golograma a { display: inline-block; margin: 4px 8px; padding: 4px 0; }
}