/* ==========================================================================
   PHROZEN HELP CENTER - RESPONSIVE MODULE
   ========================================================================== */

/* Responsive 模塊載入成功 ✅ */


/* ==========================================================================
   RESPONSIVE BREAKPOINTS - 合併所有媒體查詢為 2 個統一斷點
   原始: 125+ 個媒體查詢 → 優化: 2 個斷點 (768px + 1024px)
   ========================================================================== */

/***** 768px+ 平板與更大設備 (Tablet+) *****/
@media (min-width: 768px) {
  
  /* =================================
     TYPOGRAPHY & FOUNDATION
     ================================= */
  .home-title { 
    font-size: 48px; 
  }
  
  .intro-title { 
    font-size: 28px; 
  }
  
  /* =================================
     NAVIGATION SYSTEM
     ================================= */
  .user-nav { 
    position: relative; 
  }
  
  .nav-wrapper-desktop { 
    display: none; 
  }
  
  .nav-wrapper-desktop a { 
    display: inline-block; 
  }
  
  .user-info .dropdown-toggle::after { 
    display: inline-block; 
  }
  
  #user #user-name { 
    display: inline-block; 
  }
  
  /* =================================
     LAYOUT & CONTAINERS
     ================================= */
  .footer-inner { 
    padding: 0; 
    width: 90%; 
  }
  
  .breadcrumbs { 
    margin: 0; 
  }
  
  .page-header { 
    align-items: baseline; 
    flex-direction: row; 
    margin: 0; 
  }
  
  .page-header .section-subscribe { 
    margin-bottom: 0; 
  }
  
  .sub-nav { 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .sub-nav .search-container { 
    flex: 0 1 300px; 
  }
  
  /* =================================
     BUTTONS & COMPONENTS
     ================================= */
  .button, .split-button button, .section-subscribe button, .article-subscribe button, 
  .community-follow button, .requests-table-toolbar .organization-subscribe button, 
  .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, 
  .pagination-first-link, .pagination-last-link { 
    width: auto; 
  }
  
  .button-large, input[type="submit"] { 
    width: auto; 
  }
  
  /* =================================
     TABLES STRUCTURE
     ================================= */
  .table { 
    table-layout: auto; 
  }
  
  .table tr { 
    display: table-row; 
  }
  
  .table td { 
    display: table-cell; 
  }
  
  .table td, .table th { 
    padding: 10px 20px; 
    height: 60px; 
  }
  
  .my-activities-table thead { 
    display: table-header-group; 
  }
  
  .my-activities-table td:not(:first-child) { 
    display: table-cell; 
  }
  
  .requests .requests-table thead { 
    display: table-header-group; 
  }
  
  .requests .requests-table-info { 
    display: table-cell; 
    vertical-align: middle; 
    width: auto; 
  }
  
  .requests .requests-table-meta { 
    display: none; 
  }
  
  .subscriptions-table td:last-child { 
    display: table-cell; 
  }
  
  .contributions-table td:last-child { 
    color: inherit; 
    font-size: inherit; 
    font-weight: inherit; 
  }
  
  /* =================================
     SEARCH FUNCTIONALITY
     ================================= */
  .search input[type="search"]::placeholder { 
    font-size: 16px; 
  }
  
  /* =================================
     CONTENT BLOCKS & SECTIONS
     ================================= */
  .blocks-list { 
    margin: 0 -15px; 
  }
  
  .blocks-item { 
    margin: 0 14px 30px; 
  }
  
  .blocks-item-title { 
    font-size: 12px; 
  }
  
  .section { 
    margin-bottom: 60px; 
  }
  
  /* =================================
     FAQ SECTION
     ================================= */
  .faqs { 
    max-width: 786px; 
    display: flex; 
    flex-wrap: wrap; 
  }
  
  .faq div { 
    font-size: 20px; 
  }
  
  /* =================================
     ACTIVITY & LISTS
     ================================= */
  .recent-activity-item-parent, .recent-activity-item-link { 
    width: 70%; 
    margin: 0; 
  }
  
  .recent-activity-item-meta { 
    margin: 0; 
    float: right; 
  }
  
  .striped-list-item { 
    align-items: center; 
    flex-direction: row; 
  }
  
  .striped-list-count { 
    display: flex; 
    flex: 1; 
    justify-content: space-around; 
  }
  
  .striped-list-count-item::after { 
    display: none; 
  }
  
  /* =================================
     CATEGORY & SECTION PAGES
     ================================= */
  .section-tree { 
    flex-direction: row; 
  }
  
  .section-tree .section { 
    flex: 0 0 45%; 
  }
  
  /* =================================
     ARTICLE PAGES
     ================================= */
  .article-header { 
    flex-direction: row; 
    margin-top: 0; 
  }
  
  .article-title { 
    flex-basis: 100%; 
  }
  
  .article [role="button"] { 
    width: auto; 
  }
  
  .article-relatives { 
    flex-direction: row; 
  }
  
  .article-relatives > * { 
    padding-right: 20px; 
  }
  
  /* =================================
     COMMENTS & COMMUNITY
     ================================= */
  .comment-wrapper.comment-official { 
    padding-top: 20px; 
  }
  
  .comment-author { 
    justify-content: space-between; 
  }
  
  .comment-labels { 
    flex-basis: auto; 
  }
  
  .comment .status-label:not(.status-label-official) { 
    margin-top: 0; 
  }
  
  [dir="ltr"] .comment-form-controls { 
    text-align: right; 
  }
  
  .post-header { 
    align-items: baseline; 
    flex-direction: row; 
  }
  
  .post-title { 
    margin-bottom: 0; 
    padding-right: 10px; 
  }
  
  .post-title h1 { 
    margin-right: 5px; 
  }
  
  .post-to-community {
    margin: 0;
  }
  
  .topic-header {
    padding-bottom: 10px;
  }
  
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
  
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
  
  .community-follow button {
    width: auto;
  }
  
  .community-follow button::after {
    position: static;
  }
  
  /* =================================
     NAVIGATION & COLLAPSIBLES
     ================================= */
  .collapsible-nav { 
    flex-direction: row; 
  }
  
  .collapsible-nav-border { 
    border-top: 0; 
  }
  
  .collapsible-nav-toggle { 
    display: none; 
  }
  
  .collapsible-nav-list { 
    flex-direction: row; 
  }
  
  .collapsible-nav-list li { 
    line-height: normal; 
    margin-right: 30px; 
  }
  
  .collapsible-nav-list li a { 
    text-decoration: none; 
    padding: 15px 0; 
  }
  
  .collapsible-nav-list li:hover { 
    border-bottom: 4px solid #ddd; 
  }
  
  .collapsible-nav-list li:hover a:not([aria-current="page"]) { 
    padding: 15px 0 11px 0; 
    text-decoration: none; 
  }
  
  .collapsible-nav-list li:not([aria-selected="true"]), .collapsible-nav-list li:not(.current) { 
    display: block; 
  }
  
  .collapsible-nav-list li[aria-selected="true"] { 
    padding: 15px 0 11px 0; 
  }
  
  /* =================================
     REQUEST FORMS & TABLES
     ================================= */
  .requests-table-toolbar { 
    flex-direction: row; 
  }
  
  .requests-table-toolbar .request-table-filter { 
    width: auto; 
  }
  
  .requests-table-toolbar .request-filter { 
    margin: 0 0 0 30px; 
  }
  
  .requests-table-toolbar .request-filter-label { 
    margin-top: 0; 
  }
  
  .requests-table-toolbar select { 
    margin-bottom: 0; 
    max-width: 300px; 
    width: auto; 
  }
  
  .requests-table-toolbar .organization-subscribe { 
    margin-left: 10px; 
  }
  
  .subscriptions-subscribe button { 
    width: auto; 
  }
  
  /* =================================
     PROFILE PAGES
     ================================= */
  .profile-header .container { 
    flex-wrap: nowrap; 
  }
  
  .profile-header .options { 
    flex-wrap: nowrap; 
    flex-basis: auto; 
    margin-top: 0; 
    margin-left: 10px; 
  }
  
  .profile-header .options > :not(:last-child) { 
    margin-bottom: 0; 
    margin-right: 10px; 
  }
  
  .profile-stats-activity { 
    border-top: 0; 
    flex-direction: row; 
  }
  
  .profile-stats-activity .stat { 
    flex-direction: column; 
  }
  
  .profile-stats-activity .stat:first-child { 
    margin-top: 0; 
  }
  
  .profile-stats-activity .stat:not(:last-child) { 
    margin-right: 40px; 
  }
  
  .profile-stats-activity .stat-label { 
    flex: 0 1 auto; 
  }
  
  .profile-stats-counters { 
    flex: 0 0 200px; 
    border-bottom: 0; 
    margin-left: 40px; 
  }
  
  .profile-stats-counters .stat { 
    flex-direction: column; 
  }
  
  .profile-stats-counters .stat:not(:last-child) { 
    margin-bottom: 15px; 
  }
  
  .profile-stats-counters .stat-label { 
    flex: 0 1 auto; 
  }
  
  .profile-private-badge { 
    flex-basis: auto; 
  }
  
  .profile-section-description { 
    flex: 1 0 50%; 
    padding-bottom: 0; 
  }
  
  .profile-section-sorter .dropdown-toggle::after { 
    position: relative; 
  }
  
  .profile-section-sorter { 
    flex: 0 1 auto; 
    padding-top: 0; 
    border-top: 0; 
    margin-left: 20px; 
  }
  
  .profile-contribution-list > .profile-contribution { 
    padding-left: 30px; 
  }
  
  .profile-contribution-list .profile-contribution-header { 
    margin-left: 0; 
  }
  
  .profile-comments .profile-contribution-breadcrumbs { 
    margin-left: 0; 
  }
  
  .profile-activity { 
    padding-left: 20px; 
  }
  
  .profile-activity:not(:last-child) { 
    border-left: 1px solid #ddd; 
  }
  
  .profile-activity-header { 
    margin-left: 0; 
  }
  
  .profile-activity-contribution { 
    margin-top: 0; 
    margin-left: 50px; 
  }
  
  .profile-activity-icon { 
    left: -14px; 
  }
}

/***** 1024px+ 桌面與大屏設備 (Desktop+) *****/
@media (min-width: 1024px) {
  
  /* =================================
     FOUNDATION & LAYOUT
     ================================= */
  body > main { 
    min-height: 65vh; 
  }
  
  .home-title { 
    font-size: 60px; 
  }
  
  .intro-title { 
    margin-bottom: 48px; 
    font-size: 50px; 
  }
  
  .container, .error-page, .header, .footer-inner { 
    padding: 0; 
    width: 90%; 
  }
  
  .machine-container { 
    min-width: 1160px; 
  }
  
  /* =================================
     NAVIGATION SYSTEM
     ================================= */
  .nav-wrapper-desktop { 
    display: inline-block; 
  }
  
  .nav-wrapper-mobile { 
    display: none; 
  }
  
  /* =================================
     TABLES ENHANCED
     ================================= */
  .table td, .table th { 
    padding: 20px 30px; 
  }
  
  .my-activities-table .striped-list-title { 
    margin-bottom: 0; 
    max-width: 500px; 
    min-width: 350px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
  }
  
  .my-activities-table th:first-child, .my-activities-table td:first-child { 
    width: 500px; 
  }
  
  /* =================================
     PAGE ELEMENTS
     ================================= */
  .page-header-description { 
    flex-basis: 100%; 
  }
  
  /* =================================
     CONTENT LAYOUT
     ================================= */
  .promoted-articles { 
    flex-direction: row; 
  }
  
  .promoted-articles-item { 
    align-self: flex-end; 
    flex: 0 0 auto; 
    padding-right: 30px; 
    width: 33%; 
  }
  
  .promoted-articles-item:last-child a { 
    border-bottom: 1px solid #ddd; 
  }
  
  /* =================================
     CATEGORY & SECTION PAGES
     ================================= */
  .category-content { 
    flex: 0 0 80%; 
  }
  
  .section-content { 
    flex: 0 0 80%; 
  }
  
  /* =================================
     CONTENT BLOCKS
     ================================= */
  .blocks-item { 
    margin: 0 30px 30px; 
  }
  
  .blocks-item-title { 
    font-size: 16px; 
  }
  
  /* =================================
     FAQ SECTION ENHANCED
     ================================= */
  .faqs { 
    max-width: 1180px; 
    margin: 0 4rem; 
  }
  
  /* =================================
     SEARCH ENHANCED
     ================================= */
  .search input[type="search"]::placeholder { 
    font-size: 20px; 
  }
  
  /* =================================
     ARTICLE LAYOUT ENHANCED
     ================================= */
  .article { 
    flex: 1 0 66%; 
    max-width: 66%; 
    min-width: 640px; 
    padding: 0 30px; 
  }
  
  .article-container { 
    flex-direction: row; 
  }
  
  .article-sidebar { 
    border: 0; 
    flex: 0 0 17%; 
    height: auto; 
  }
  
  .article-return-to-top { 
    display: none; 
  }
  
  /* =================================
     COMMENTS & COMMUNITY
     ================================= */
  .comment-form-controls input[type="submit"] { 
    margin-left: 15px; 
  }
  
  .post { 
    flex: 1 0 70%; 
    max-width: 70%; 
  }
  
  .post-container { 
    flex-direction: row; 
  }
  
  .post-sidebar { 
    border: 0; 
    flex: 1 0 30%; 
    padding: 0 0 0 50px; 
    text-align: initial; 
  }
  
  .post-comments { 
    margin-bottom: 0; 
  }
  
  /* =================================
     NAVIGATION & COLLAPSIBLES
     ================================= */
  .collapsible-sidebar { 
    max-height: none; 
    padding: 0; 
  }
  
  .collapsible-sidebar-toggle { 
    display: none; 
  }
  
  .collapsible-sidebar-body { 
    display: block; 
  }
  
  /* =================================
     PROFILE PAGES ENHANCED
     ================================= */
  .profile-stats-counters { 
    flex: 0 0 270px; 
    margin-left: 60px; 
  }
  
  .profile-stats-counters .stat { 
    flex-direction: row; 
  }
  
  .profile-stats-counters .stat-label { 
    flex: 0 0 100px; 
  }
  
  .profile-section { 
    width: calc(100% - 330px); 
  }
  
  /* =================================
     REQUEST FORMS
     ================================= */
  .request-container { 
    align-items: flex-start; 
    flex-direction: row; 
  }
  
  .request-breadcrumbs { 
    margin-bottom: 60px; 
  }
  
  .request-main { 
    flex: 0 0 66%; 
    order: 0; 
    min-width: 0; 
  }
  
  .request-title { 
    border-bottom: 1px solid #ddd; 
    margin-bottom: 0; 
    max-width: 66%; 
    padding-bottom: 20px; 
  }
  
  .request-sidebar { 
    border: 0; 
    font-size: 13px; 
    flex: 0 0 auto; 
    padding: 0 20px; 
    width: 30%; 
  }
  
  .request-sidebar h2 { 
    display: none; 
  }
  
  /* =================================
     SEARCH RESULTS
     ================================= */
  .search-results { 
    flex-direction: row; 
  }
  
  .search-results-column { 
    flex: 0 0 75%; 
  }
  
  .search-results-sidebar { 
    border: 0; 
    flex: 0 0 20%; 
    height: auto; 
  }
  
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list { 
    display: block; 
  }
  
  .search-results .meta-group { 
    display: flex; 
  }
  
  .search-results .meta-group > li { 
    display: inline; 
  }
  
  .search-results .meta-group li:first-child { 
    flex: 1; 
  }
  
  .search-result-breadcrumbs { 
    display: table-row; 
  }
  
  .search-result-breadcrumbs li { 
    display: table-cell; 
  }
}