/**
 * Wiki / Rights — desktop shell + mobile (match Home chrome).
 */

/* ——— Mobile (same app chrome as Home) ——— */
@media (max-width: 768px) {
  body.page-wiki,
  body.lc-desk-wiki {
    background: #F3F8F8 !important;
    overflow-x: hidden !important;
  }

  /* Desktop shell stays hidden on mobile (lc-home.css); keep mobile menus visible */
  body.page-wiki .lc-desk-sidebar,
  body.page-wiki .lc-desk-topbar,
  body.lc-desk-wiki .lc-desk-sidebar,
  body.lc-desk-wiki .lc-desk-topbar {
    display: none !important;
  }

  body.page-wiki .site-header,
  body.page-wiki .header-navbar,
  body.lc-desk-wiki .site-header,
  body.lc-desk-wiki .header-navbar {
    display: none !important;
  }

  body.page-wiki .site-content,
  body.lc-desk-wiki .site-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #F3F8F8 !important;
  }

  body.page-wiki .site-content .container,
  body.lc-desk-wiki .site-content .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 12px calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* Title shown in mobile top bar */
  body.page-wiki .page__title,
  body.page-wiki .entry-header,
  body.page-wiki .entry-title,
  body.lc-desk-wiki .page__title,
  body.lc-desk-wiki .entry-header,
  body.lc-desk-wiki .entry-title {
    display: none !important;
  }

  body.page-wiki .page,
  body.page-wiki .page__text,
  body.page-wiki .entry-content,
  body.lc-desk-wiki .page,
  body.lc-desk-wiki .page__text,
  body.lc-desk-wiki .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    color: #0A4852 !important;
  }

  body.page-wiki .lcal-library,
  body.page-wiki .lcal-toolbar,
  body.page-wiki .lcal-category-group,
  body.page-wiki .lcal-single-post,
  body.lc-desk-wiki .lcal-library,
  body.lc-desk-wiki .lcal-toolbar,
  body.lc-desk-wiki .lcal-category-group,
  body.lc-desk-wiki .lcal-single-post {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.page-wiki .lcal-toolbar {
    position: static !important;
    top: auto !important;
  }

  body.page-wiki .joinchat,
  body.page-wiki #wa-widget,
  body.page-wiki .ht-ctc,
  body.page-wiki .a11y-toolbar,
  body.lc-desk-wiki .joinchat,
  body.lc-desk-wiki #wa-widget,
  body.lc-desk-wiki .ht-ctc,
  body.lc-desk-wiki .a11y-toolbar {
    display: none !important;
  }
}

/* ——— Desktop (≥769px) ——— */
@media (min-width: 769px) {
  body.lc-desk-wiki {
    --lc-desk-sidebar: 248px;
    --lc-desk-topbar: 72px;
    --lc-desk-gutter: 28px;
    background: #F3F8F8 !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.lc-desk-wiki .site-header,
  body.lc-desk-wiki .site-footer,
  body.lc-desk-wiki .lc-desktop-footer-note,
  body.lc-desk-wiki .lcmtm-mobile-shell,
  body.lc-desk-wiki .lcmtm-mobile-top,
  body.lc-desk-wiki .lcmtm-mobile-bottom {
    display: none !important;
  }

  body.lc-desk-wiki .site-content {
    margin-left: var(--lc-desk-sidebar) !important;
    padding-top: var(--lc-desk-topbar) !important;
    width: calc(100% - var(--lc-desk-sidebar)) !important;
    max-width: calc(100% - var(--lc-desk-sidebar)) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    background: #F3F8F8 !important;
  }

  body.lc-desk-wiki .site-content .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: var(--lc-desk-gutter) !important;
    padding-right: var(--lc-desk-gutter) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Top bar: keep tools inside viewport */
  body.lc-desk-wiki .lc-desk-topbar {
    left: var(--lc-desk-sidebar) !important;
    right: 0 !important;
    width: auto !important;
    max-width: calc(100% - var(--lc-desk-sidebar)) !important;
    padding-left: var(--lc-desk-gutter) !important;
    padding-right: var(--lc-desk-gutter) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 12px !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 42% !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    font-size: clamp(18px, 2.1vw, 28px) !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__tools {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 58% !important;
    overflow: hidden !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__sos {
    flex: 1 1 auto !important;
    max-width: min(360px, 100%) !important;
    min-width: 0 !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__sos .lc-sos-listen__listen {
    max-width: 200px !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__sos .lc-sos-listen__wave {
    max-width: 72px !important;
  }

  body.lc-desk-wiki .lc-desk-lang {
    flex-shrink: 0 !important;
  }

  body.lc-desk-wiki .page__title,
  body.lc-desk-wiki .entry-header,
  body.lc-desk-wiki .entry-title,
  body.lc-desk-wiki .page__text > .lc-sos-listen,
  body.lc-desk-wiki .entry-content > .lc-sos-listen,
  body.lc-desk-wiki .site-main > .lc-sos-listen {
    display: none !important;
  }

  body.lc-desk-wiki .content-area,
  body.lc-desk-wiki .site-main,
  body.lc-desk-wiki .page,
  body.lc-desk-wiki .page__text,
  body.lc-desk-wiki .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    color: #0A4852 !important;
  }

  body.lc-desk-wiki .page__text,
  body.lc-desk-wiki .entry-content {
    max-width: min(920px, 100%) !important;
    padding-bottom: 40px !important;
  }

  body.lc-desk-wiki .lcal-library,
  body.lc-desk-wiki .lcal-toolbar,
  body.lc-desk-wiki .lcal-category-group,
  body.lc-desk-wiki .lcal-single-post,
  body.lc-desk-wiki .lcal-results {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-wiki .lcal-toolbar {
    position: sticky !important;
    top: calc(var(--lc-desk-topbar) + 8px) !important;
    flex-wrap: wrap !important;
  }

  body.lc-desk-wiki .lcal-search-wrap {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.lc-desk-wiki .lcal-filter-wrap {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 220px !important;
  }

  body.lc-desk-wiki .entry-content a,
  body.lc-desk-wiki .page__text a,
  body.lc-desk-wiki .lcal-post-link {
    color: #137578 !important;
  }

  body.lc-desk-wiki .entry-content h1,
  body.lc-desk-wiki .entry-content h2,
  body.lc-desk-wiki .entry-content h3,
  body.lc-desk-wiki .page__text h1,
  body.lc-desk-wiki .page__text h2,
  body.lc-desk-wiki .page__text h3,
  body.lc-desk-wiki .lcal-category-title {
    color: #0A4650 !important;
    font-weight: 700 !important;
  }

  body.lc-desk-wiki .joinchat,
  body.lc-desk-wiki #wa-widget,
  body.lc-desk-wiki .ht-ctc,
  body.lc-desk-wiki .ht-ctc-chat,
  body.lc-desk-wiki .a11y-toolbar,
  body.lc-desk-wiki .pojo-a11y-toolbar {
    display: none !important;
  }
}

/* Mid desktop: shrink SOS further so language never clips */
@media (min-width: 769px) and (max-width: 1200px) {
  body.lc-desk-wiki .lc-desk-topbar__sos {
    max-width: 280px !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__sos .lc-sos-listen__listen-label {
    display: none !important;
  }

  body.lc-desk-wiki .lc-desk-topbar__title {
    font-size: 20px !important;
  }
}