/* ── ThinX OS in-page sub-navigation ─────────────────────── */
    .thinxos-layout {
      display: flex;
      gap: 0;
      align-items: flex-start;
      margin-top: 1.5rem;
    }
    .thinxos-subnav {
      position: sticky;
      width: 210px;
      flex-shrink: 0;
      background: var(--bg-alt, #f7f9fc);
      border: 1px solid var(--border, #e2e8f0);
      border-radius: 10px;
      padding: 0.6rem 0;
      margin-right: 1.5rem;
      box-shadow: 0 1px 4px rgba(0,0,0,.06);
    }
    .thinxos-subnav .subnav-title {
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: var(--text-muted, #8492a6);
      padding: 0.5rem 1rem 0.3rem;
    }
    .thinxos-subnav a {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.42rem 1rem;
      font-size: 0.82rem;
      color: var(--text-body, #374151);
      text-decoration: none;
      border-left: 3px solid transparent;
      transition: background .15s, color .15s, border-color .15s;
    }
    .thinxos-subnav a:hover { background: rgba(37,99,235,.06); color: var(--accent, #2563eb); }
    .thinxos-subnav a.active { background: rgba(37,99,235,.08); color: var(--accent, #2563eb); border-left-color: var(--accent, #2563eb); font-weight: 600; }
    .thinxos-subnav .subnav-sep { height: 1px; background: var(--border, #e2e8f0); margin: 0.4rem 1rem; }
    .thinxos-main { flex: 1; min-width: 0; }

    /* Screenshot */
    .screenshot-wrap { margin: 1.2rem 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--border, #e2e8f0); box-shadow: 0 4px 16px rgba(0,0,0,.10); }
    .screenshot-wrap img { width: 100%; display: block; }
    .screenshot-caption { font-size: 0.78rem; color: var(--text-muted); background: var(--bg-alt, #f7f9fc); padding: 0.5rem 0.8rem; border-top: 1px solid var(--border, #e2e8f0); }

    /* Settings panel cards */
    .settings-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin: 1rem 0; }
    .settings-card { background: var(--bg-alt, #f7f9fc); border: 1px solid var(--border, #e2e8f0); border-radius: 10px; padding: 1rem; transition: box-shadow .15s; }
    .settings-card:hover { box-shadow: 0 4px 12px rgba(37,99,235,.12); }
    .settings-card .sc-icon { font-size: 1.4rem; margin-bottom: 0.4rem; }
    .settings-card h4 { font-size: 0.9rem; font-weight: 700; color: var(--text-head, #111827); margin: 0 0 0.4rem; }
    .settings-card p { font-size: 0.82rem; color: var(--text-body, #374151); margin: 0; line-height: 1.5; }

    /* ThinX OS: hide auto-generated right TOC (left sub-nav replaces it). Global width is wiki-style.css */
    main.thinxos-wiki .wiki-toc { display: none !important; }

    .thinxos-page-header-logo {
      position: absolute;
      right: 28px;
      top: 26px;
      height: 48px;
      width: auto;
      z-index: 2;
      object-fit: contain;
    }
    @media (max-width: 720px) {
      .thinxos-page-header-logo { display: none; }
    }

    @media (max-width: 900px) {
      .thinxos-layout { flex-direction: column; }
      .thinxos-subnav { width: 100%; position: static; margin-right: 0; margin-bottom: 1rem; display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.5rem; }
      .thinxos-subnav a { border-left: none; border-radius: 6px; border-bottom: 2px solid transparent; }
      .thinxos-subnav a.active { border-bottom-color: var(--accent, #2563eb); }
      .thinxos-subnav .subnav-title, .thinxos-subnav .subnav-sep { display: none; }
    }
    [dir="rtl"] .thinxos-subnav { margin-right: 0; margin-left: 1.5rem; }
    [dir="rtl"] .thinxos-subnav a { border-left: none; border-right: 3px solid transparent; }
    [dir="rtl"] .thinxos-subnav a.active { border-right-color: var(--accent, #2563eb); }