#sspo-root,
    #sspo-root *,
    #sspo-root *::before,
    #sspo-root *::after { box-sizing: border-box !important; }

    #sspo-root {
      --sspo-max: 1180px;
      --sspo-bg: #07111b;
      --sspo-bg2: #0d1b29;
      --sspo-bg3: #122536;
      --sspo-text: #eef4f8;
      --sspo-muted: rgba(238,244,248,.68);
      --sspo-soft: rgba(238,244,248,.52);
      --sspo-line: rgba(184,210,232,.15);
      --sspo-line2: rgba(200,167,90,.26);
      --sspo-panel: rgba(255,255,255,.058);
      --sspo-panel2: rgba(255,255,255,.088);
      --sspo-panel3: rgba(255,255,255,.035);
      --sspo-gold: #c8a75a;
      --sspo-gold2: #e2c77f;
      --sspo-blue: #b8d2e8;
      --sspo-red: #8f4d45;
      --sspo-radius-xl: 34px;
      --sspo-radius-lg: 26px;
      --sspo-radius-md: 18px;
      --sspo-shadow: 0 26px 84px rgba(0,0,0,.34);
      --sspo-shadow2: 0 18px 54px rgba(0,0,0,.18);
      --sspo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      --sspo-font-serif: Georgia, "Times New Roman", serif;
      --sspo-hero-image: url("https://tokoh.id/wp-content/uploads/2026/05/SS-RH-01-SpiralKesadaran-1920.jpeg");
      position: relative !important;
      isolation: isolate !important;
      overflow: hidden !important;
      width: 100% !important;
      min-height: 100vh !important;
      color: var(--sspo-text) !important;
      font-family: var(--sspo-font-sans) !important;
      line-height: 1.65 !important;
      background:
        radial-gradient(circle at 14% 0%, rgba(184,210,232,.14), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(200,167,90,.13), transparent 34%),
        radial-gradient(circle at 50% 92%, rgba(143,77,69,.10), transparent 36%),
        linear-gradient(180deg, var(--sspo-bg) 0%, var(--sspo-bg2) 48%, #050b14 100%) !important;
    }

    #sspo-root[data-theme="light"] {
      --sspo-bg: #f7f2ea;
      --sspo-bg2: #fffaf4;
      --sspo-bg3: #e8eef3;
      --sspo-text: #172235;
      --sspo-muted: rgba(23,34,53,.70);
      --sspo-soft: rgba(23,34,53,.54);
      --sspo-line: rgba(23,34,53,.13);
      --sspo-line2: rgba(159,116,48,.28);
      --sspo-panel: rgba(255,255,255,.76);
      --sspo-panel2: rgba(255,255,255,.92);
      --sspo-panel3: rgba(255,255,255,.58);
      --sspo-gold: #9f7430;
      --sspo-gold2: #7d5520;
      --sspo-blue: #243a4b;
      --sspo-shadow: 0 24px 70px rgba(24,33,48,.12);
      --sspo-shadow2: 0 18px 48px rgba(24,33,48,.09);
      background:
        radial-gradient(circle at 14% 0%, rgba(72,121,161,.10), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(159,116,48,.13), transparent 34%),
        linear-gradient(180deg, #f7f2ea 0%, #fffaf4 54%, #f2f6f9 100%) !important;
    }

    #sspo-root a { color: inherit !important; text-decoration: none !important; box-shadow: none !important; }
    #sspo-root img { display: block !important; max-width: 100% !important; height: auto !important; border: 0 !important; }
    #sspo-root h1, #sspo-root h2, #sspo-root h3, #sspo-root p { margin-top: 0 !important; }
    #sspo-root h1, #sspo-root h2, #sspo-root h3 { color: var(--sspo-text) !important; font-family: var(--sspo-font-serif) !important; font-weight: 720 !important; text-transform: none !important; }
    #sspo-root p { color: var(--sspo-muted) !important; }
    #sspo-root button, #sspo-root input { font-family: inherit !important; }

    .sspo-shell { position: relative !important; z-index: 2 !important; width: min(var(--sspo-max), calc(100% - 40px)) !important; margin: 0 auto !important; }
    .sspo-bg { position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: hidden !important; }
    .sspo-bg::before { content: "" !important; position: absolute !important; left: 50% !important; top: 4% !important; width: min(90vw, 1040px) !important; height: min(90vw, 1040px) !important; transform: translateX(-50%) !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(184,210,232,.07), transparent 43%), repeating-radial-gradient(circle, rgba(200,167,90,.08) 0 1px, transparent 1px 86px) !important; opacity: .72 !important; }
    .sspo-bg::after { content: "" !important; position: absolute !important; inset: 0 !important; opacity: .065 !important; background-image: linear-gradient(to right, rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.07) 1px, transparent 1px) !important; background-size: 82px 82px !important; mask-image: radial-gradient(circle at 50% 28%, black, transparent 72%) !important; }
    #sspo-root[data-theme="light"] .sspo-bg::after { opacity: .10 !important; background-image: linear-gradient(to right, rgba(23,34,53,.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(23,34,53,.07) 1px, transparent 1px) !important; }

    /* Topbar */
    .sspo-topbar-wrap { position: sticky !important; top: 0 !important; z-index: 80 !important; padding: 14px 0 0 !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; }
    .sspo-topbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 9px 10px !important; border-radius: 999px !important; border: 1px solid var(--sspo-line) !important; background: rgba(7,17,27,.72) !important; box-shadow: 0 18px 50px rgba(0,0,0,.18) !important; }
    #sspo-root[data-theme="light"] .sspo-topbar { background: rgba(255,255,255,.78) !important; box-shadow: 0 14px 36px rgba(24,33,48,.08) !important; }
    .sspo-top-left, .sspo-top-right { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; min-width: 0 !important; }
    .sspo-brand { display: inline-flex !important; align-items: center !important; gap: 9px !important; padding: 9px 12px !important; border-radius: 999px !important; color: var(--sspo-text) !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .07em !important; text-transform: uppercase !important; white-space: nowrap !important; }
    .sspo-brand-dot { width: 8px !important; height: 8px !important; border-radius: 999px !important; background: var(--sspo-gold) !important; box-shadow: 0 0 0 6px rgba(200,167,90,.13) !important; }
    .sspo-toplink, .sspo-theme-toggle, .sspo-drawer-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid var(--sspo-line) !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.055) !important; font-size: 11.5px !important; font-weight: 820 !important; line-height: 1.2 !important; letter-spacing: .075em !important; text-transform: uppercase !important; cursor: pointer !important; white-space: nowrap !important; transition: transform .24s ease, color .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease !important; }
    #sspo-root[data-theme="light"] .sspo-toplink, #sspo-root[data-theme="light"] .sspo-theme-toggle, #sspo-root[data-theme="light"] .sspo-drawer-toggle { background: rgba(255,255,255,.70) !important; }
    .sspo-toplink:hover, .sspo-theme-toggle:hover, .sspo-drawer-toggle:hover { transform: translateY(-2px) !important; color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; box-shadow: 0 14px 32px rgba(0,0,0,.12) !important; }
    .sspo-theme-toggle[data-sspo-theme-toggle] { width: 38px !important; min-width: 38px !important; min-height: 38px !important; padding: 0 !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important; }
    .sspo-theme-toggle .sspo-theme-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; line-height: 1 !important; }
    .sspo-door-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 36px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid rgba(200,167,90,.30) !important; color: var(--sspo-text) !important; background: linear-gradient(135deg, rgba(200,167,90,.13), rgba(184,210,232,.055)) !important; font-size: 11.5px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .075em !important; text-transform: uppercase !important; cursor: pointer !important; white-space: nowrap !important; transition: transform .24s ease, color .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease !important; }
    .sspo-door-toggle:hover { transform: translateY(-2px) !important; color: var(--sspo-text) !important; border-color: rgba(200,167,90,.56) !important; background: rgba(200,167,90,.10) !important; box-shadow: 0 14px 32px rgba(0,0,0,.12) !important; }
    .sspo-door-symbol { color: var(--sspo-gold) !important; font-size: 13px !important; line-height: 1 !important; }

    /* Drawer */
    .sspo-drawer { display: none !important; margin-top: 10px !important; border: 1px solid var(--sspo-line) !important; border-radius: 28px !important; background: rgba(7,17,27,.82) !important; box-shadow: var(--sspo-shadow) !important; padding: 16px !important; }
    #sspo-root[data-theme="light"] .sspo-drawer { background: rgba(255,255,255,.90) !important; }
    .sspo-drawer.is-open { display: block !important; }
    .sspo-drawer-grid { display: grid !important; grid-template-columns: 1fr 1.4fr !important; gap: 14px !important; }
    .sspo-drawer-panel { border: 1px solid var(--sspo-line) !important; border-radius: 22px !important; background: var(--sspo-panel) !important; padding: 16px !important; }
    .sspo-drawer-title { margin: 0 0 10px !important; color: var(--sspo-gold) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 850 !important; letter-spacing: .13em !important; text-transform: uppercase !important; }
    .sspo-recent-list, .sspo-drawer-groups { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .sspo-pill { display: inline-flex !important; align-items: center !important; min-height: 34px !important; max-width: 220px !important; padding: 8px 11px !important; border-radius: 999px !important; border: 1px solid var(--sspo-line) !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.045) !important; font-size: 11.5px !important; font-weight: 760 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; cursor: pointer !important; }
    #sspo-root[data-theme="light"] .sspo-pill { background: rgba(255,255,255,.72) !important; }
    .sspo-pill:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; }

    /* Hero */
    .sspo-hero { position: relative !important; z-index: 2 !important; padding: clamp(62px, 8vw, 104px) 0 clamp(42px, 5vw, 70px) !important; }
    .sspo-hero-grid { display: grid !important; grid-template-columns: minmax(0,.95fr) minmax(360px,.92fr) !important; gap: clamp(36px, 5vw, 66px) !important; align-items: center !important; }
    .sspo-kicker, .sspo-tag { display: inline-flex !important; align-items: center !important; gap: 9px !important; margin: 0 0 14px !important; color: var(--sspo-gold) !important; font-size: 11px !important; font-weight: 860 !important; letter-spacing: .15em !important; line-height: 1.2 !important; text-transform: uppercase !important; }
    .sspo-kicker::before, .sspo-tag::before { content: "" !important; width: 34px !important; height: 1px !important; background: currentColor !important; opacity: .88 !important; }
    .sspo-hero h1 { max-width: 860px !important; margin: 0 0 20px !important; font-size: clamp(44px, 5.4vw, 74px) !important; line-height: .96 !important; letter-spacing: -.050em !important; }
    .sspo-hero h1 span { display: block !important; color: var(--sspo-blue) !important; }
    .sspo-hero-lead { max-width: 760px !important; margin: 0 0 26px !important; font-size: clamp(16px,1.22vw,18px) !important; line-height: 1.78 !important; }
    .sspo-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin: 0 !important; }
    .sspo-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 11px 17px !important; border-radius: 999px !important; border: 1px solid var(--sspo-line) !important; color: var(--sspo-text) !important; background: rgba(255,255,255,.058) !important; font-size: 12.5px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .025em !important; cursor: pointer !important; transition: transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease !important; }
    #sspo-root[data-theme="light"] .sspo-btn { background: rgba(255,255,255,.72) !important; }
    .sspo-btn:hover { transform: translateY(-3px) !important; box-shadow: var(--sspo-shadow2) !important; border-color: var(--sspo-line2) !important; }
    .sspo-btn.primary { color: #07111b !important; background: linear-gradient(135deg, #f0d897, #cda757) !important; border-color: rgba(240,216,151,.38) !important; }

    .sspo-map-card { position: relative !important; min-height: 520px !important; border-radius: 42px !important; border: 1px solid var(--sspo-line2) !important; background: linear-gradient(180deg, rgba(5,11,20,.14), rgba(5,11,20,.84)), var(--sspo-hero-image) center / cover no-repeat !important; box-shadow: var(--sspo-shadow) !important; overflow: hidden !important; }
    #sspo-root[data-theme="light"] .sspo-map-card { background: linear-gradient(180deg, rgba(255,250,242,.26), rgba(255,250,242,.84)), var(--sspo-hero-image) center / cover no-repeat !important; }
    .sspo-map-orbit { position: absolute !important; left: 50% !important; top: 50% !important; width: 380px !important; height: 380px !important; transform: translate(-50%,-50%) !important; border-radius: 50% !important; border: 1px solid rgba(184,210,232,.18) !important; }
    .sspo-map-orbit::before, .sspo-map-orbit::after { content: "" !important; position: absolute !important; border-radius: 50% !important; border: 1px solid rgba(200,167,90,.20) !important; }
    .sspo-map-orbit::before { inset: 60px !important; } .sspo-map-orbit::after { inset: 130px !important; background: rgba(200,167,90,.12) !important; }
    .sspo-map-center { position: absolute !important; left: 50% !important; top: 50% !important; width: 150px !important; height: 150px !important; transform: translate(-50%,-50%) !important; border-radius: 50% !important; display: grid !important; place-items: center !important; text-align: center !important; padding: 18px !important; border: 1px solid rgba(200,167,90,.38) !important; background: rgba(7,17,27,.52) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
    #sspo-root[data-theme="light"] .sspo-map-center { background: rgba(255,255,255,.62) !important; }
    .sspo-map-center strong { color: var(--sspo-text) !important; font-size: 13px !important; line-height: 1.22 !important; font-weight: 850 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
    .sspo-map-node { position: absolute !important; z-index: 2 !important; width: 152px !important; min-height: 76px !important; padding: 13px !important; border-radius: 22px !important; border: 1px solid var(--sspo-line) !important; background: rgba(7,17,27,.72) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; }
    #sspo-root[data-theme="light"] .sspo-map-node { background: rgba(255,255,255,.72) !important; }
    .sspo-map-node b { display: block !important; color: var(--sspo-text) !important; font-size: 13px !important; line-height: 1.16 !important; font-weight: 850 !important; }
    .sspo-map-node span { display: block !important; margin-top: 6px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; line-height: 1.26 !important; font-weight: 650 !important; }
    .sspo-map-node.n1 { left: 50%; top: 24px; transform: translateX(-50%); } .sspo-map-node.n2 { right: 28px; top: 122px; } .sspo-map-node.n3 { right: 38px; bottom: 116px; } .sspo-map-node.n4 { left: 50%; bottom: 24px; transform: translateX(-50%); } .sspo-map-node.n5 { left: 34px; bottom: 116px; } .sspo-map-node.n6 { left: 28px; top: 122px; }

    /* Console */
    .sspo-console { position: relative !important; z-index: 3 !important; padding: 8px 0 36px !important; }
    .sspo-console-panel { border: 1px solid var(--sspo-line2) !important; border-radius: 32px !important; background: radial-gradient(circle at 8% 0%, rgba(184,210,232,.11), transparent 34%), radial-gradient(circle at 96% 12%, rgba(200,167,90,.11), transparent 28%), var(--sspo-panel) !important; box-shadow: var(--sspo-shadow) !important; padding: 18px !important; }
    .sspo-console-top { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 14px !important; align-items: center !important; }
    .sspo-search-field { position: relative !important; }
    .sspo-search-field input { width: 100% !important; min-height: 58px !important; border-radius: 20px !important; border: 1px solid var(--sspo-line) !important; background: rgba(255,255,255,.055) !important; color: var(--sspo-text) !important; padding: 0 48px 0 48px !important; outline: none !important; font-size: 14px !important; font-weight: 680 !important; }
    #sspo-root[data-theme="light"] .sspo-search-field input { background: rgba(255,255,255,.74) !important; }
    .sspo-search-field input:focus { border-color: var(--sspo-line2) !important; box-shadow: 0 0 0 4px rgba(200,167,90,.10) !important; }
    .sspo-search-icon { position: absolute !important; left: 18px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--sspo-gold) !important; }
    .sspo-clear-search { position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 30px !important; height: 30px !important; border: 1px solid var(--sspo-line) !important; border-radius: 50% !important; color: var(--sspo-soft) !important; background: rgba(255,255,255,.05) !important; cursor: pointer !important; }
    .sspo-count { min-height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 16px !important; border: 1px solid var(--sspo-line) !important; border-radius: 20px !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.045) !important; font-size: 12px !important; font-weight: 760 !important; white-space: nowrap !important; }
    #sspo-root[data-theme="light"] .sspo-count { background: rgba(255,255,255,.70) !important; }
    .sspo-console-tools { display: flex !important; justify-content: space-between !important; gap: 14px !important; flex-wrap: wrap !important; margin-top: 12px !important; }
    .sspo-filter-row { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .sspo-filter-btn { min-height: 34px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.040) !important; color: var(--sspo-muted) !important; padding: 8px 11px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 780 !important; cursor: pointer !important; transition: .2s ease !important; }
    #sspo-root[data-theme="light"] .sspo-filter-btn { background: rgba(255,255,255,.70) !important; }
    .sspo-filter-btn:hover, .sspo-filter-btn.is-active { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }
    .sspo-results-note { margin-top: 12px !important; color: var(--sspo-soft) !important; font-size: 12px !important; line-height: 1.5 !important; }
	#sspo-root,
		#sspo-root .sspo-search-panel,
		#sspo-root [data-sspo-inline-results],
		#sspo-root [data-sspo-directory],
		#sspo-root [data-sspo-landing-grid] {
		  overflow-anchor: none !important;
		}


    /* Inline search results */
    .sspo-inline-results {
      display: none !important;
      margin-top: 14px !important;
      border: 1px solid var(--sspo-line2) !important;
      border-radius: 26px !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(184,210,232,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.026)) !important;
      padding: 14px !important;
      box-shadow: 0 16px 42px rgba(0,0,0,.14) !important;
    }
    #sspo-root[data-theme="light"] .sspo-inline-results {
      background:
        radial-gradient(circle at 8% 0%, rgba(72,121,161,.07), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.62)) !important;
      box-shadow: 0 14px 36px rgba(24,33,48,.08) !important;
    }
    .sspo-inline-results.is-visible { display: block !important; }
    .sspo-inline-head {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 14px !important;
      margin-bottom: 10px !important;
    }
    .sspo-inline-title {
      color: var(--sspo-gold) !important;
      font-size: 10.5px !important;
      line-height: 1 !important;
      font-weight: 860 !important;
      letter-spacing: .13em !important;
      text-transform: uppercase !important;
    }
    .sspo-inline-sub {
      color: var(--sspo-soft) !important;
      font-size: 11.5px !important;
      line-height: 1.35 !important;
      font-weight: 680 !important;
      text-align: right !important;
    }
    .sspo-inline-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0,1fr)) !important;
      gap: 10px !important;
    }
    .sspo-inline-card {
      min-width: 0 !important;
      display: grid !important;
      grid-template-columns: minmax(0,1fr) auto !important;
      gap: 12px !important;
      align-items: center !important;
      border: 1px solid var(--sspo-line) !important;
      border-radius: 18px !important;
      background: rgba(255,255,255,.045) !important;
      padding: 12px !important;
      transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
    }
    #sspo-root[data-theme="light"] .sspo-inline-card { background: rgba(255,255,255,.72) !important; }
    .sspo-inline-card[href]:hover,
    .sspo-inline-card[data-sspo-open-card]:hover,
    .sspo-inline-card[data-sspo-open-card]:focus-visible {
      transform: translateY(-1px) !important;
      border-color: rgba(200,167,90,.34) !important;
      background: rgba(200,167,90,.08) !important;
    }
    .sspo-inline-card[data-sspo-open-card] {
      cursor: pointer !important;
    }
    .sspo-inline-card[data-sspo-open-card]:focus-visible {
      outline: none !important;
      box-shadow: 0 0 0 4px rgba(200,167,90,.13) !important;
    }
    .sspo-inline-card h4 {
      margin: 7px 0 0 !important;
      color: var(--sspo-text) !important;
      font-size: 13.5px !important;
      line-height: 1.22 !important;
      font-weight: 860 !important;
      letter-spacing: -.014em !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .sspo-inline-card p {
      margin: 5px 0 0 !important;
      color: var(--sspo-soft) !important;
      font-size: 11.5px !important;
      line-height: 1.35 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .sspo-inline-open {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 34px !important;
      border: 1px solid var(--sspo-line) !important;
      border-radius: 999px !important;
      background: rgba(255,255,255,.050) !important;
      color: var(--sspo-text) !important;
      padding: 8px 10px !important;
      font-size: 11px !important;
      line-height: 1 !important;
      font-weight: 820 !important;
      white-space: nowrap !important;
    }
    #sspo-root[data-theme="light"] .sspo-inline-open { background: rgba(255,255,255,.76) !important; }
    .sspo-inline-card--actions {
      grid-template-columns: minmax(0,1fr) !important;
      align-items: start !important;
    }
    .sspo-inline-actions {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      margin-top: 9px !important;
    }
    .sspo-inline-actions a {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 24px !important;
      border: 1px solid var(--sspo-line) !important;
      border-radius: 999px !important;
      color: var(--sspo-muted) !important;
      background: rgba(255,255,255,.035) !important;
      padding: 5px 8px !important;
      font-size: 10px !important;
      line-height: 1 !important;
      font-weight: 820 !important;
      white-space: nowrap !important;
    }
    #sspo-root[data-theme="light"] .sspo-inline-actions a { background: rgba(255,255,255,.72) !important; }
    .sspo-inline-actions a:hover { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.34) !important; background: rgba(200,167,90,.10) !important; }
    /* v5.4.9 — clickable card parity */
    .sspo-item-card.has-core-actions { cursor: default !important; }
    .sspo-item-card.has-core-actions.is-clickable { cursor: pointer !important; }
    .sspo-item-card.has-core-actions.is-clickable:focus-visible {
      outline: none !important;
      border-color: var(--sspo-line2) !important;
      box-shadow: 0 0 0 4px rgba(200,167,90,.14), var(--sspo-shadow2) !important;
    }
    .sspo-item-card.has-core-actions.is-clickable .sspo-core-actions { cursor: default !important; }
    .sspo-item-card .sspo-core-actions {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 7px !important;
      margin-top: auto !important;
      padding-top: 18px !important;
    }
    .sspo-item-card .sspo-core-actions a {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 30px !important;
      border: 1px solid var(--sspo-line) !important;
      border-radius: 999px !important;
      color: var(--sspo-text) !important;
      background: rgba(255,255,255,.040) !important;
      padding: 7px 10px !important;
      font-size: 10.5px !important;
      line-height: 1 !important;
      font-weight: 850 !important;
      white-space: nowrap !important;
    }
    #sspo-root[data-theme="light"] .sspo-item-card .sspo-core-actions a { background: rgba(255,255,255,.72) !important; }
    .sspo-item-card .sspo-core-actions a:hover { border-color: rgba(200,167,90,.38) !important; background: rgba(200,167,90,.10) !important; transform: translateY(-1px) !important; }
    #sspo-root[data-view="compact"] .sspo-item-card .sspo-core-actions { padding-top: 12px !important; }
    #sspo-root[data-view="compact"] .sspo-item-card .sspo-core-actions a { min-height: 26px !important; padding: 6px 8px !important; font-size: 10px !important; }

    /* v5.6.1 — Core English Link + KBDS Popup Bridge */
    .sspo-item-card .sspo-core-actions button,
    .sspo-inline-actions button {
      appearance: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 30px !important;
      border: 1px solid var(--sspo-line) !important;
      border-radius: 999px !important;
      color: var(--sspo-text) !important;
      background: rgba(255,255,255,.040) !important;
      padding: 7px 10px !important;
      font-family: inherit !important;
      font-size: 10.5px !important;
      line-height: 1 !important;
      font-weight: 850 !important;
      white-space: nowrap !important;
      cursor: pointer !important;
      transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
    }
    #sspo-root[data-theme="light"] .sspo-item-card .sspo-core-actions button,
    #sspo-root[data-theme="light"] .sspo-inline-actions button {
      background: rgba(255,255,255,.72) !important;
    }
    .sspo-item-card .sspo-core-actions button:hover,
    .sspo-inline-actions button:hover {
      border-color: rgba(200,167,90,.38) !important;
      background: rgba(200,167,90,.10) !important;
      transform: translateY(-1px) !important;
    }
    .sspo-item-card .sspo-core-actions .sspo-kbds-popup,
    .sspo-inline-actions .sspo-kbds-popup {
      width: 30px !important;
      min-width: 30px !important;
      padding: 0 !important;
      color: var(--sspo-gold2) !important;
      border-color: rgba(200,167,90,.30) !important;
      background: rgba(200,167,90,.08) !important;
      font-size: 13px !important;
      letter-spacing: 0 !important;
    }
    .sspo-inline-actions button {
      min-height: 24px !important;
      padding: 5px 8px !important;
      font-size: 10px !important;
    }
    .sspo-inline-actions .sspo-kbds-popup {
      width: 24px !important;
      min-width: 24px !important;
      min-height: 24px !important;
      font-size: 12px !important;
    }
    #sspo-root[data-view="compact"] .sspo-item-card .sspo-core-actions button {
      min-height: 26px !important;
      padding: 6px 8px !important;
      font-size: 10px !important;
    }
    #sspo-root[data-view="compact"] .sspo-item-card .sspo-core-actions .sspo-kbds-popup {
      width: 26px !important;
      min-width: 26px !important;
      padding: 0 !important;
    }
    .sspo-inline-card.is-disabled {
      cursor: default !important;
      opacity: .78 !important;
    }
    .sspo-inline-card.is-disabled .sspo-inline-open {
      color: var(--sspo-soft) !important;
    }

    /* Sections and cards */
    .sspo-section { position: relative !important; z-index: 2 !important; padding: clamp(48px, 6vw, 78px) 0 !important; }
    .sspo-section-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 22px !important; align-items: end !important; margin-bottom: 24px !important; }
    .sspo-section-title { margin: 0 !important; font-size: clamp(30px,3.1vw,44px) !important; line-height: 1.08 !important; letter-spacing: -.034em !important; }
    .sspo-section-desc { max-width: 760px !important; margin: 12px 0 0 !important; font-size: 15px !important; line-height: 1.76 !important; }
    .sspo-anchor-nav { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 8px !important; }
    .sspo-anchor-nav a { min-height: 34px !important; display: inline-flex !important; align-items: center !important; padding: 8px 11px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.040) !important; font-size: 11px !important; font-weight: 760 !important; }
    #sspo-root[data-theme="light"] .sspo-anchor-nav a { background: rgba(255,255,255,.70) !important; }
    .sspo-anchor-nav a:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; }

    .sspo-path-grid { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 12px !important; }
    .sspo-card, .sspo-path-card, .sspo-gate-card, .sspo-item-card, .sspo-faq-item { position: relative !important; border: 1px solid var(--sspo-line) !important; background: var(--sspo-panel) !important; box-shadow: var(--sspo-shadow2) !important; overflow: hidden !important; }
    .sspo-card::before, .sspo-path-card::before, .sspo-gate-card::before, .sspo-item-card::before, .sspo-faq-item::before { content: "" !important; position: absolute !important; left: 18px !important; right: 18px !important; top: 0 !important; height: 1px !important; background: linear-gradient(90deg, rgba(200,167,90,.48), transparent) !important; opacity: .64 !important; }
    .sspo-path-card { min-height: 205px !important; padding: 18px !important; border-radius: 26px !important; transition: .24s ease !important; }
    .sspo-path-card:hover, .sspo-gate-card:hover, .sspo-item-card:hover { transform: translateY(-4px) !important; border-color: var(--sspo-line2) !important; background: var(--sspo-panel2) !important; }
    .sspo-path-no { width: 32px !important; height: 32px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; border: 1px solid rgba(200,167,90,.24) !important; color: var(--sspo-gold) !important; background: rgba(200,167,90,.08) !important; font-size: 11px !important; font-weight: 850 !important; }
    .sspo-path-card h3, .sspo-item-card h3, .sspo-gate-card h3 { margin: 14px 0 0 !important; color: var(--sspo-text) !important; font-family: var(--sspo-font-serif) !important; font-size: 21px !important; line-height: 1.18 !important; letter-spacing: -.020em !important; }
    .sspo-path-card p, .sspo-item-card p, .sspo-gate-card p { margin: 9px 0 0 !important; font-size: 13px !important; line-height: 1.64 !important; }
    .sspo-card-link { display: inline-flex !important; width: fit-content !important; min-height: 34px !important; align-items: center !important; margin-top: 16px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; padding: 8px 11px !important; color: var(--sspo-text) !important; background: rgba(255,255,255,.040) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 820 !important; }
    #sspo-root[data-theme="light"] .sspo-card-link { background: rgba(255,255,255,.72) !important; }
    .sspo-badge { display: inline-flex !important; width: fit-content !important; min-height: 25px !important; align-items: center !important; border-radius: 999px !important; border: 1px solid rgba(200,167,90,.25) !important; background: rgba(200,167,90,.08) !important; color: var(--sspo-gold) !important; padding: 6px 9px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }

    .sspo-gates-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 14px !important; }
    .sspo-gate-card { min-height: 215px !important; border-radius: 28px !important; padding: 20px !important; transition: .24s ease !important; }
    .sspo-gate-card.is-featured { grid-column: span 2 !important; min-height: 260px !important; background: radial-gradient(circle at 92% 0%, rgba(200,167,90,.12), transparent 36%), var(--sspo-panel) !important; }
    .sspo-gate-meta { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; margin-top: 16px !important; }
    .sspo-gate-meta span { border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-soft) !important; padding: 6px 8px !important; font-size: 10.5px !important; font-weight: 720 !important; }

    .sspo-directory { display: grid !important; gap: 22px !important; }
    .sspo-block { scroll-margin-top: 120px !important; position: relative !important; border: 1px solid var(--sspo-line) !important; border-radius: 32px !important; background: rgba(255,255,255,.035) !important; padding: 22px !important; overflow: hidden !important; }
    #sspo-root[data-theme="light"] .sspo-block { background: rgba(255,255,255,.52) !important; }
    .sspo-block-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 16px !important; align-items: start !important; margin-bottom: 18px !important; }
    .sspo-block-title { margin: 0 !important; font-size: clamp(24px,2.6vw,36px) !important; line-height: 1.08 !important; letter-spacing: -.036em !important; }
    .sspo-block-desc { max-width: 780px !important; margin: 10px 0 0 !important; font-size: 13.7px !important; line-height: 1.72 !important; }
    .sspo-count-pill { border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; padding: 8px 11px !important; color: var(--sspo-soft) !important; background: rgba(255,255,255,.035) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; white-space: nowrap !important; }
    .sspo-items-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
    .sspo-item-card { min-height: 190px !important; display: flex !important; flex-direction: column !important; border-radius: 26px !important; padding: 18px !important; transition: .24s ease !important; }
    .sspo-item-card .sspo-card-link { margin-top: auto !important; }
    .sspo-card-tags { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 14px !important; }
    .sspo-card-tags span { border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-soft) !important; padding: 5px 7px !important; font-size: 10px !important; line-height: 1 !important; }

    .sspo-landing-filter { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 18px !important; }
    .sspo-landing-filter button { min-height: 34px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.040) !important; color: var(--sspo-muted) !important; padding: 8px 11px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 780 !important; cursor: pointer !important; }
    .sspo-landing-filter button.is-active { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }

    .sspo-empty { display: none !important; border: 1px solid var(--sspo-line) !important; border-radius: 28px !important; background: var(--sspo-panel) !important; padding: 28px !important; text-align: center !important; }
    .sspo-empty.is-visible { display: block !important; }
    .sspo-empty h3 { margin: 0 !important; font-size: 22px !important; line-height: 1.2 !important; }
    .sspo-empty p { max-width: 560px !important; margin: 10px auto 0 !important; font-size: 13.5px !important; line-height: 1.7 !important; }

    /* FAQ and footer */
    .sspo-faq { display: grid !important; gap: 11px !important; max-width: 920px !important; margin: 0 auto !important; }
    .sspo-faq-item { border-radius: 22px !important; box-shadow: none !important; }
    .sspo-faq-q { width: 100% !important; display: flex !important; justify-content: space-between !important; gap: 16px !important; padding: 18px 20px !important; border: 0 !important; background: transparent !important; color: var(--sspo-text) !important; cursor: pointer !important; text-align: left !important; }
    .sspo-faq-q span { font-family: var(--sspo-font-serif) !important; font-size: 20px !important; line-height: 1.24 !important; font-weight: 720 !important; }
    .sspo-faq-q b { width: 30px !important; height: 30px !important; flex: 0 0 auto !important; display: grid !important; place-items: center !important; border-radius: 50% !important; border: 1px solid rgba(200,167,90,.24) !important; color: var(--sspo-gold) !important; background: rgba(200,167,90,.08) !important; font-size: 18px !important; font-weight: 500 !important; transition: transform .24s ease !important; }
    .sspo-faq-a { display: none !important; padding: 0 20px 20px !important; }
    .sspo-faq-a p { margin: 0 !important; font-size: 14.5px !important; line-height: 1.75 !important; }
    .sspo-faq-a code { display: inline-flex !important; align-items: center !important; min-height: 22px !important; padding: 2px 7px !important; border-radius: 8px !important; border: 1px solid rgba(200,167,90,.30) !important; background: rgba(200,167,90,.12) !important; color: var(--sspo-gold2) !important; font-family: var(--sspo-font-sans) !important; font-size: .92em !important; font-weight: 820 !important; line-height: 1 !important; }
    #sspo-root[data-theme="light"] .sspo-faq-a code { border-color: rgba(159,116,48,.26) !important; background: rgba(159,116,48,.09) !important; color: var(--sspo-gold2) !important; }
    .sspo-faq-item.active .sspo-faq-a { display: block !important; }
    .sspo-faq-item.active .sspo-faq-q b { transform: rotate(45deg) !important; }

    .sspo-footer { width: min(var(--sspo-max), calc(100% - 40px)) !important; margin: 0 auto !important; padding: 24px 0 38px !important; border-top: 1px solid var(--sspo-line) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important; color: var(--sspo-soft) !important; font-size: 11.5px !important; line-height: 1.45 !important; letter-spacing: .075em !important; text-transform: uppercase !important; }
    .sspo-footer a { color: var(--sspo-soft) !important; } .sspo-footer a:hover { color: var(--sspo-gold) !important; }

    .sspo-reveal { opacity: 0 !important; transform: translateY(18px) !important; transition: opacity .72s ease, transform .72s ease !important; }
    .sspo-reveal.visible { opacity: 1 !important; transform: translateY(0) !important; }

    @media (max-width: 1080px) { .sspo-hero-grid, .sspo-drawer-grid { grid-template-columns: 1fr !important; } .sspo-path-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sspo-gates-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .sspo-gate-card.is-featured { grid-column: auto !important; } .sspo-items-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
    @media (max-width: 860px) { .sspo-shell, .sspo-footer { width: min(100% - 28px, var(--sspo-max)) !important; } .sspo-topbar { border-radius: 24px !important; align-items: flex-start !important; flex-direction: column !important; } .sspo-top-left, .sspo-top-right { width: 100% !important; } .sspo-hero { padding-top: 48px !important; } .sspo-map-card { min-height: 610px !important; } .sspo-console-top, .sspo-section-head, .sspo-block-head { grid-template-columns: 1fr !important; } .sspo-anchor-nav { justify-content: flex-start !important; } }
    @media (max-width: 640px) { .sspo-door-toggle .sspo-door-text { display: none !important; } .sspo-door-toggle { flex: 0 0 auto !important; width: 38px !important; min-width: 38px !important; padding: 0 !important; } .sspo-toplink, .sspo-theme-toggle, .sspo-drawer-toggle { flex: 1 1 auto !important; min-width: calc(50% - 6px) !important; } .sspo-brand { width: 100% !important; } .sspo-actions { flex-direction: column !important; } .sspo-btn { width: 100% !important; } .sspo-path-grid, .sspo-gates-grid, .sspo-items-grid { grid-template-columns: 1fr !important; } .sspo-map-card { min-height: auto !important; padding: 18px !important; display: grid !important; gap: 12px !important; background: var(--sspo-panel) !important; } .sspo-map-orbit, .sspo-map-center { display: none !important; } .sspo-map-node { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; } .sspo-footer { display: grid !important; } }
    @media (prefers-reduced-motion: reduce) { #sspo-root *, #sspo-root *::before, #sspo-root *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } .sspo-reveal { opacity: 1 !important; transform: none !important; } }
  

    /* =========================================================
       V5 COMMAND CENTER LIFT + DESKTOP SUPER MEGA MENU
    ========================================================= */
    #sspo-root {
      --sspo-control: rgba(184,210,232,.10);
      --sspo-control2: rgba(200,167,90,.11);
      --sspo-deep: rgba(2,8,16,.56);
    }

    #sspo-root[data-theme="light"] {
      --sspo-control: rgba(36,58,75,.08);
      --sspo-control2: rgba(159,116,48,.12);
      --sspo-deep: rgba(255,255,255,.62);
    }

    .sspo-mega-toggle { display: none !important; }

    @media (min-width: 961px) {
      .sspo-mega-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid rgba(200,167,90,.30) !important; color: var(--sspo-text) !important; background: linear-gradient(135deg, rgba(200,167,90,.17), rgba(184,210,232,.06)) !important; font-size: 11.5px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .075em !important; text-transform: uppercase !important; cursor: pointer !important; white-space: nowrap !important; transition: .24s ease !important; }
      .sspo-mega-toggle:hover, .sspo-mega-toggle.is-open { transform: translateY(-2px) !important; border-color: rgba(200,167,90,.56) !important; box-shadow: 0 16px 36px rgba(0,0,0,.16) !important; }
      .sspo-super-mega { display: none !important; margin-top: 10px !important; border: 1px solid var(--sspo-line2) !important; border-radius: 30px !important; background: radial-gradient(circle at 8% 0%, var(--sspo-control), transparent 34%), radial-gradient(circle at 96% 12%, var(--sspo-control2), transparent 30%), rgba(7,17,27,.90) !important; box-shadow: var(--sspo-shadow) !important; padding: 14px !important; backdrop-filter: blur(22px) !important; -webkit-backdrop-filter: blur(22px) !important; max-height: calc(100vh - 86px) !important; overflow: hidden !important; }
      #sspo-root[data-theme="light"] .sspo-super-mega { background: radial-gradient(circle at 8% 0%, var(--sspo-control), transparent 34%), radial-gradient(circle at 96% 12%, var(--sspo-control2), transparent 30%), rgba(255,255,255,.94) !important; }
      .sspo-super-mega.is-open { display: block !important; }
      .sspo-mega-head { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(280px,360px) !important; gap: 14px !important; align-items: center !important; margin-bottom: 10px !important; }
      .sspo-mega-head strong { display: block !important; margin-top: 3px !important; color: var(--sspo-text) !important; font-family: var(--sspo-font-serif) !important; font-size: 21px !important; line-height: 1.08 !important; letter-spacing: -.025em !important; }
      .sspo-mega-eyebrow { display: inline-flex !important; color: var(--sspo-gold) !important; font-size: 10px !important; line-height: 1 !important; font-weight: 870 !important; letter-spacing: .15em !important; text-transform: uppercase !important; }
      .sspo-mega-search { position: relative !important; display: block !important; }
      .sspo-mega-search span { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--sspo-gold) !important; }
      .sspo-mega-search input { width: 100% !important; min-height: 42px !important; border: 1px solid var(--sspo-line) !important; border-radius: 16px !important; outline: none !important; color: var(--sspo-text) !important; background: rgba(255,255,255,.055) !important; padding: 0 14px 0 40px !important; font-size: 12.5px !important; font-weight: 700 !important; }
      #sspo-root[data-theme="light"] .sspo-mega-search input { background: rgba(255,255,255,.75) !important; }
      .sspo-mega-memory { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 10px !important; }
      .sspo-mega-memory-box { position: relative !important; min-height: 42px !important; border: 1px solid var(--sspo-line) !important; border-radius: 18px !important; background: rgba(255,255,255,.040) !important; padding: 8px 7px 8px 10px !important; display: grid !important; grid-template-columns: 104px minmax(0,1fr) 46px !important; gap: 8px !important; align-items: center !important; overflow: hidden !important; }
      .sspo-mega-memory-box::before, .sspo-mega-memory-box::after { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; width: 24px !important; pointer-events: none !important; z-index: 2 !important; opacity: .90 !important; }
      .sspo-mega-memory-box::before { left: 111px !important; background: linear-gradient(90deg, rgba(7,17,27,.90), transparent) !important; opacity: 0 !important; }
      .sspo-mega-memory-box::after { right: 50px !important; background: linear-gradient(90deg, transparent, rgba(7,17,27,.88)) !important; }
      #sspo-root[data-theme="light"] .sspo-mega-memory-box { background: rgba(255,255,255,.68) !important; }
      #sspo-root[data-theme="light"] .sspo-mega-memory-box::before { background: linear-gradient(90deg, rgba(255,255,255,.94), transparent) !important; }
      #sspo-root[data-theme="light"] .sspo-mega-memory-box::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.94)) !important; }
      .sspo-mega-memory-box.has-left::before { opacity: .96 !important; }
      .sspo-mega-memory-box.no-overflow::before, .sspo-mega-memory-box.no-overflow::after { display: none !important; }
      .sspo-mega-memory-box > span { color: var(--sspo-gold) !important; font-size: 9.5px !important; font-weight: 860 !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
      .sspo-memory-track { position: relative !important; z-index: 1 !important; display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 1px 14px 6px 0 !important; scrollbar-width: thin !important; scrollbar-color: rgba(200,167,90,.38) transparent !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; }
      .sspo-memory-track::-webkit-scrollbar { height: 4px !important; }
      .sspo-memory-track::-webkit-scrollbar-track { background: transparent !important; }
      .sspo-memory-track::-webkit-scrollbar-thumb { background: rgba(200,167,90,.38) !important; border-radius: 999px !important; }
      .sspo-memory-arrows { position: relative !important; z-index: 3 !important; width: 46px !important; display: inline-flex !important; justify-content: flex-end !important; align-items: center !important; gap: 3px !important; }
      .sspo-memory-scroll { width: 21px !important; height: 24px !important; display: inline-grid !important; place-items: center !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.045) !important; cursor: pointer !important; font-size: 14px !important; line-height: 1 !important; transition: .18s ease !important; }
      #sspo-root[data-theme="light"] .sspo-memory-scroll { background: rgba(255,255,255,.76) !important; }
      .sspo-memory-scroll:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }
      .sspo-memory-scroll:disabled { opacity: .32 !important; cursor: default !important; }
      .sspo-mega-memory-box.no-overflow .sspo-memory-arrows { display: none !important; }
      .sspo-memory-pill { max-width: 210px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 28px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.05) !important; color: var(--sspo-muted) !important; padding: 7px 9px !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 760 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; flex: 0 0 auto !important; }
      .sspo-memory-pill.is-empty { max-width: none !important; color: var(--sspo-soft) !important; border-style: dashed !important; background: rgba(255,255,255,.025) !important; }
      .sspo-memory-pill:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; }
      .sspo-mega-layout { display: grid !important; grid-template-columns: 198px minmax(0,1fr) !important; gap: 12px !important; min-height: 356px !important; }
      .sspo-mega-rail, .sspo-mega-main { border: 1px solid var(--sspo-line) !important; border-radius: 22px !important; background: rgba(255,255,255,.036) !important; padding: 12px !important; min-width: 0 !important; overflow: hidden !important; }
      #sspo-root[data-theme="light"] .sspo-mega-rail, #sspo-root[data-theme="light"] .sspo-mega-main { background: rgba(255,255,255,.64) !important; }
      .sspo-mega-rail { display: grid !important; align-content: start !important; gap: 7px !important; }
      .sspo-mega-tab { width: 100% !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 8px !important; align-items: center !important; border: 1px solid transparent !important; border-radius: 15px !important; background: transparent !important; color: var(--sspo-muted) !important; padding: 10px !important; text-align: left !important; cursor: pointer !important; font-size: 12px !important; font-weight: 820 !important; line-height: 1.15 !important; }
      .sspo-mega-tab b { color: var(--sspo-soft) !important; font-size: 10px !important; font-weight: 850 !important; }
      .sspo-mega-tab.is-active, .sspo-mega-tab:hover { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.28) !important; background: rgba(200,167,90,.08) !important; }
      .sspo-mega-main { overflow: hidden !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
      .sspo-mega-panel-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 12px !important; align-items: start !important; }
      .sspo-mega-panel-head strong { display: block !important; color: var(--sspo-text) !important; font-family: var(--sspo-font-serif) !important; font-size: 24px !important; line-height: 1.05 !important; letter-spacing: -.035em !important; }
      .sspo-mega-panel-head span { display: block !important; margin-top: 5px !important; color: var(--sspo-soft) !important; font-size: 12px !important; line-height: 1.42 !important; }
      .sspo-mega-panel-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-soft) !important; padding: 7px 9px !important; font-size: 10.5px !important; font-weight: 850 !important; white-space: nowrap !important; }
      .sspo-mega-clusters { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
      .sspo-mega-clusters button { min-height: 31px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.036) !important; color: var(--sspo-muted) !important; padding: 7px 10px !important; cursor: pointer !important; text-align: left !important; font-size: 11px !important; font-weight: 820 !important; }
      #sspo-root[data-theme="light"] .sspo-mega-clusters button { background: rgba(255,255,255,.70) !important; }
      .sspo-mega-clusters button:hover, .sspo-mega-clusters button.is-active { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.34) !important; background: rgba(200,167,90,.08) !important; }
      .sspo-mega-clusters button b { color: var(--sspo-gold) !important; font-size: 10px !important; font-weight: 880 !important; }
      .sspo-mega-microtags { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
      .sspo-mega-microtags span { border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-soft) !important; padding: 6px 8px !important; font-size: 10.5px !important; font-weight: 740 !important; }
      .sspo-mega-search-tools { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
      .sspo-mega-clear { min-height: 28px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.035) !important; color: var(--sspo-muted) !important; padding: 6px 9px !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 820 !important; cursor: pointer !important; }
      .sspo-mega-clear:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; }
      .sspo-mega-link-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(192px,1fr)) !important; gap: 8px !important; overflow-y: auto !important; max-height: min(340px, calc(100vh - 360px)) !important; padding-right: 2px !important; scrollbar-width: thin !important; }
      .sspo-mega-link-list.is-landing { grid-template-columns: repeat(auto-fill, minmax(230px,1fr)) !important; gap: 8px !important; max-height: min(350px, calc(100vh - 350px)) !important; }
      .sspo-mega-link-list.is-search { grid-template-columns: repeat(auto-fill, minmax(230px,1fr)) !important; }
      .sspo-mega-link-card { min-width: 0 !important; border: 1px solid var(--sspo-line) !important; border-radius: 15px !important; background: rgba(255,255,255,.040) !important; color: var(--sspo-muted) !important; transition: .18s ease !important; overflow: hidden !important; }
      #sspo-root[data-theme="light"] .sspo-mega-link-card { background: rgba(255,255,255,.72) !important; }
      .sspo-mega-link-card:hover { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.34) !important; background: rgba(200,167,90,.08) !important; transform: translateY(-1px) !important; }
      .sspo-mega-link-card.is-disabled { opacity: .60 !important; cursor: default !important; padding: 10px !important; }
      .sspo-mega-link-card.is-disabled:hover { transform: none !important; border-color: var(--sspo-line) !important; background: rgba(255,255,255,.040) !important; }
      .sspo-mega-link-primary { min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 8px !important; align-items: center !important; padding: 10px !important; color: inherit !important; }
      .sspo-mega-link-card span { display: inline-flex !important; width: fit-content !important; max-width: 100% !important; border: 1px solid rgba(200,167,90,.22) !important; border-radius: 999px !important; color: var(--sspo-gold) !important; padding: 4px 7px !important; font-size: 9px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
      .sspo-mega-link-card b { display: block !important; margin-top: 7px !important; color: var(--sspo-text) !important; font-size: 12.8px !important; line-height: 1.18 !important; font-weight: 850 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
      .sspo-mega-link-card small { display: block !important; margin-top: 4px !important; color: var(--sspo-soft) !important; font-size: 10.7px !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
      .sspo-mega-link-open { color: var(--sspo-gold) !important; font-size: 15px !important; font-weight: 800 !important; opacity: .82 !important; }
      .sspo-mega-actions { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; padding: 0 10px !important; transition: max-height .18s ease, opacity .18s ease, padding .18s ease !important; }
      .sspo-mega-link-card:hover .sspo-mega-actions, .sspo-mega-link-card:focus-within .sspo-mega-actions { max-height: 42px !important; opacity: 1 !important; padding: 0 10px 10px !important; }
      .sspo-mega-link-card.is-landing-row.has-actions .sspo-mega-actions { max-height: 36px !important; opacity: 1 !important; padding: 0 10px 10px !important; }
      .sspo-mega-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 24px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; color: var(--sspo-muted) !important; background: rgba(255,255,255,.035) !important; padding: 5px 7px !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 820 !important; white-space: nowrap !important; }
      .sspo-mega-link-card.is-landing-row .sspo-mega-actions a { font-size: 9px !important; min-height: 23px !important; padding: 5px 7px !important; }
      .sspo-mega-actions a:hover { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.34) !important; }
      /* v5.3.4 lock: Ruang Inti memakai mini-card stabil + quick actions Ruang/Artikel/Infografik. */
      .sspo-mega-link-card.is-landing-row { min-height: 112px !important; }
      .sspo-mega-link-card.is-landing-row .sspo-mega-link-primary { padding: 10px !important; }
      .sspo-mega-link-card.is-landing-row b { margin-top: 7px !important; font-size: 12.8px !important; }
      .sspo-mega-link-card.is-landing-row small { display: block !important; }
      .sspo-mega-link-card.is-landing-row .sspo-mega-actions a { min-height: 24px !important; font-size: 9.5px !important; padding: 5px 7px !important; }
      .sspo-mega-empty { grid-column: 1 / -1 !important; margin: 0 !important; border: 1px dashed var(--sspo-line) !important; border-radius: 16px !important; color: var(--sspo-soft) !important; background: rgba(255,255,255,.025) !important; padding: 16px !important; font-size: 12px !important; line-height: 1.5 !important; }
      .sspo-mega-foot { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid var(--sspo-line) !important; color: var(--sspo-soft) !important; font-size: 11.5px !important; line-height: 1.4 !important; }
      .sspo-mega-foot b { color: var(--sspo-gold) !important; }
      .sspo-mega-foot div { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-end !important; }
      .sspo-mega-foot a { border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; padding: 7px 9px !important; color: var(--sspo-muted) !important; font-size: 10.5px !important; font-weight: 800 !important; }
      .sspo-mega-foot a:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; }
    }

    .sspo-command-hero { padding-top: clamp(58px, 7vw, 94px) !important; }
    .sspo-command-mini { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; max-width: 620px !important; margin-top: 26px !important; }
    .sspo-command-mini div { border: 1px solid var(--sspo-line) !important; border-radius: 20px !important; background: rgba(255,255,255,.045) !important; padding: 14px !important; }
    #sspo-root[data-theme="light"] .sspo-command-mini div { background: rgba(255,255,255,.70) !important; }
    .sspo-command-mini b { display: block !important; color: var(--sspo-text) !important; font-size: 25px !important; line-height: 1 !important; letter-spacing: -.04em !important; }
    .sspo-command-mini span { display: block !important; margin-top: 7px !important; color: var(--sspo-soft) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 740 !important; text-transform: uppercase !important; letter-spacing: .08em !important; }
    .sspo-command-card { position: relative !important; min-height: 520px !important; border: 1px solid var(--sspo-line2) !important; border-radius: 42px !important; background: radial-gradient(circle at 50% 42%, rgba(184,210,232,.14), transparent 44%), linear-gradient(180deg, rgba(5,11,20,.22), rgba(5,11,20,.82)), var(--sspo-hero-image) center / cover no-repeat !important; box-shadow: var(--sspo-shadow) !important; overflow: hidden !important; padding: 18px !important; }
    #sspo-root[data-theme="light"] .sspo-command-card { background: radial-gradient(circle at 50% 42%, rgba(36,58,75,.10), transparent 44%), linear-gradient(180deg, rgba(255,250,242,.24), rgba(255,250,242,.82)), var(--sspo-hero-image) center / cover no-repeat !important; }
    .sspo-command-screen { position: relative !important; height: 100% !important; min-height: 484px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 32px !important; background: rgba(7,17,27,.44) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; padding: 18px !important; overflow: hidden !important; }
    #sspo-root[data-theme="light"] .sspo-command-screen { background: rgba(255,255,255,.54) !important; }
    .sspo-command-topline { display: flex !important; justify-content: space-between !important; gap: 10px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; font-weight: 850 !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
    .sspo-command-topline b { color: var(--sspo-gold) !important; }
    .sspo-command-orbit { position: relative !important; width: min(78%, 360px) !important; aspect-ratio: 1 !important; border: 1px solid rgba(184,210,232,.18) !important; border-radius: 50% !important; margin: 38px auto 28px !important; display: grid !important; place-items: center !important; }
    .sspo-command-orbit i { position: absolute !important; border-radius: 50% !important; border: 1px solid rgba(200,167,90,.18) !important; inset: var(--i, 20px) !important; }
    .sspo-command-orbit i:nth-child(1){ --i: 34px; } .sspo-command-orbit i:nth-child(2){ --i: 74px; } .sspo-command-orbit i:nth-child(3){ --i: 118px; } .sspo-command-orbit i:nth-child(4){ --i: 154px; background: rgba(200,167,90,.10) !important; }
    .sspo-command-orbit strong { position: relative !important; z-index: 2 !important; width: 126px !important; height: 126px !important; display: grid !important; place-items: center !important; text-align: center !important; border: 1px solid rgba(200,167,90,.38) !important; border-radius: 50% !important; color: var(--sspo-text) !important; background: rgba(7,17,27,.48) !important; font-size: 13px !important; line-height: 1.18 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
    #sspo-root[data-theme="light"] .sspo-command-orbit strong { background: rgba(255,255,255,.68) !important; }
    .sspo-command-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
    .sspo-command-grid a { border: 1px solid var(--sspo-line) !important; border-radius: 18px !important; background: rgba(255,255,255,.060) !important; padding: 13px !important; }
    #sspo-root[data-theme="light"] .sspo-command-grid a { background: rgba(255,255,255,.70) !important; }
    .sspo-command-grid b { display: block !important; color: var(--sspo-text) !important; font-size: 13px !important; line-height: 1.16 !important; }
    .sspo-command-grid span { display: block !important; margin-top: 6px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; line-height: 1.22 !important; font-weight: 720 !important; text-transform: uppercase !important; letter-spacing: .06em !important; }

    .sspo-backtop { position: fixed !important; right: 18px !important; bottom: 18px !important; z-index: 90 !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(10px) !important; border: 1px solid var(--sspo-line2) !important; border-radius: 999px !important; background: rgba(7,17,27,.82) !important; color: var(--sspo-text) !important; box-shadow: var(--sspo-shadow2) !important; padding: 11px 13px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: .06em !important; text-transform: uppercase !important; cursor: pointer !important; transition: .24s ease !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; }
    #sspo-root[data-theme="light"] .sspo-backtop { background: rgba(255,255,255,.84) !important; }
    .sspo-backtop.is-visible { opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; }
    .sspo-easter { position: fixed !important; inset: 0 !important; z-index: 120 !important; display: none !important; place-items: center !important; padding: 20px !important; background: rgba(2,7,14,.62) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
    .sspo-easter.is-open { display: grid !important; }
    .sspo-easter-card { position: relative !important; width: min(520px, 100%) !important; border: 1px solid var(--sspo-line2) !important; border-radius: 30px !important; background: radial-gradient(circle at 92% 0%, rgba(200,167,90,.16), transparent 38%), rgba(7,17,27,.94) !important; box-shadow: var(--sspo-shadow) !important; padding: 26px !important; }
    #sspo-root[data-theme="light"] .sspo-easter-card { background: radial-gradient(circle at 92% 0%, rgba(159,116,48,.14), transparent 38%), rgba(255,255,255,.96) !important; }
    .sspo-easter-close { position: absolute !important; right: 14px !important; top: 14px !important; width: 34px !important; height: 34px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.045) !important; color: var(--sspo-text) !important; cursor: pointer !important; }
    .sspo-easter-card h3 { margin: 10px 0 0 !important; color: var(--sspo-text) !important; font-size: 34px !important; line-height: 1.04 !important; letter-spacing: -.04em !important; }
    .sspo-easter-card p { margin: 12px 0 0 !important; color: var(--sspo-muted) !important; font-size: 14px !important; line-height: 1.72 !important; }
    .sspo-easter-route { margin-top: 18px !important; }
    .sspo-easter-route a { display: block !important; border: 1px solid var(--sspo-line2) !important; border-radius: 20px !important; background: rgba(255,255,255,.05) !important; padding: 16px !important; }
    .sspo-easter-route b { display: block !important; color: var(--sspo-text) !important; font-size: 17px !important; line-height: 1.22 !important; }
    .sspo-easter-route span { display: block !important; margin-top: 7px !important; color: var(--sspo-soft) !important; font-size: 12px !important; line-height: 1.45 !important; }



    /* Command Deck — search-first hero */
    .sspo-command-deck { position: relative !important; z-index: 2 !important; padding: clamp(34px, 5vw, 64px) 0 clamp(30px, 4vw, 52px) !important; }
    .sspo-command-surface { position: relative !important; overflow: hidden !important; border: 1px solid var(--sspo-line2) !important; border-radius: 42px !important; background: radial-gradient(circle at 8% 0%, rgba(184,210,232,.14), transparent 34%), radial-gradient(circle at 94% 6%, rgba(200,167,90,.13), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important; box-shadow: var(--sspo-shadow) !important; padding: clamp(20px, 3vw, 34px) !important; }
    #sspo-root[data-theme="light"] .sspo-command-surface { background: radial-gradient(circle at 8% 0%, rgba(72,121,161,.10), transparent 34%), radial-gradient(circle at 94% 6%, rgba(159,116,48,.12), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.58)) !important; }
    .sspo-command-surface::before { content: "" !important; position: absolute !important; inset: -1px !important; pointer-events: none !important; opacity: .20 !important; background-image: linear-gradient(to right, rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.10) 1px, transparent 1px) !important; background-size: 72px 72px !important; mask-image: radial-gradient(circle at 50% 0%, black, transparent 70%) !important; }
    #sspo-root[data-theme="light"] .sspo-command-surface::before { opacity: .16 !important; background-image: linear-gradient(to right, rgba(23,34,53,.10) 1px, transparent 1px), linear-gradient(to bottom, rgba(23,34,53,.08) 1px, transparent 1px) !important; }
    .sspo-command-head { position: relative !important; z-index: 1 !important; max-width: 940px !important; margin: 0 auto 20px !important; text-align: center !important; }
    .sspo-command-head .sspo-kicker { justify-content: center !important; margin-bottom: 14px !important; }
    .sspo-command-head h1 { margin: 0 !important; color: var(--sspo-text) !important; font-family: var(--sspo-font-serif) !important; font-size: clamp(38px, 5.2vw, 68px) !important; line-height: .98 !important; letter-spacing: -.052em !important; }
    .sspo-command-head p { max-width: 790px !important; margin: 16px auto 0 !important; font-size: clamp(15px, 1.2vw, 17px) !important; line-height: 1.74 !important; }
    .sspo-command-search-panel { position: relative !important; z-index: 1 !important; max-width: 1040px !important; margin: 22px auto 0 !important; border: 1px solid var(--sspo-line) !important; border-radius: 30px !important; background: rgba(7,17,27,.32) !important; padding: 16px !important; box-shadow: 0 18px 52px rgba(0,0,0,.16) !important; }
    #sspo-root[data-theme="light"] .sspo-command-search-panel { background: rgba(255,255,255,.62) !important; box-shadow: 0 14px 38px rgba(24,33,48,.08) !important; }
    .sspo-command-stats { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; max-width: 1040px !important; margin: 14px auto 0 !important; }
    .sspo-command-stats div { min-height: 82px !important; border: 1px solid var(--sspo-line) !important; border-radius: 22px !important; background: rgba(255,255,255,.045) !important; padding: 15px !important; text-align: center !important; }
    #sspo-root[data-theme="light"] .sspo-command-stats div { background: rgba(255,255,255,.66) !important; }
    .sspo-command-stats b { display: block !important; color: var(--sspo-text) !important; font-size: clamp(25px,2.8vw,36px) !important; line-height: 1 !important; letter-spacing: -.05em !important; }
    .sspo-command-stats span { display: block !important; margin-top: 8px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; font-weight: 820 !important; letter-spacing: .11em !important; text-transform: uppercase !important; }
    .sspo-command-grid-wrap { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; max-width: 1040px !important; margin: 14px auto 0 !important; }
    .sspo-command-panel { border: 1px solid var(--sspo-line) !important; border-radius: 24px !important; background: rgba(255,255,255,.045) !important; padding: 16px !important; min-width: 0 !important; }
    #sspo-root[data-theme="light"] .sspo-command-panel { background: rgba(255,255,255,.66) !important; }
    .sspo-command-panel-head { display: flex !important; justify-content: space-between !important; gap: 12px !important; align-items: baseline !important; margin-bottom: 12px !important; }
    .sspo-command-panel-head span { color: var(--sspo-gold) !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 880 !important; letter-spacing: .13em !important; text-transform: uppercase !important; }
    .sspo-command-panel-head small { color: var(--sspo-soft) !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 740 !important; }
    .sspo-command-links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .sspo-command-links a, .sspo-command-memory a, .sspo-command-memory span { display: inline-flex !important; align-items: center !important; max-width: 100% !important; min-height: 34px !important; padding: 8px 10px !important; border: 1px solid var(--sspo-line) !important; border-radius: 999px !important; background: rgba(255,255,255,.045) !important; color: var(--sspo-muted) !important; font-size: 11.5px !important; line-height: 1.15 !important; font-weight: 780 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    #sspo-root[data-theme="light"] .sspo-command-links a, #sspo-root[data-theme="light"] .sspo-command-memory a, #sspo-root[data-theme="light"] .sspo-command-memory span { background: rgba(255,255,255,.70) !important; }
    .sspo-command-links a:hover, .sspo-command-memory a:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }
    .sspo-command-memory { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .sspo-command-memory strong { display: block !important; margin-bottom: 8px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; line-height: 1 !important; letter-spacing: .10em !important; text-transform: uppercase !important; }
    .sspo-command-memory div div { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; min-width: 0 !important; }
    .sspo-landing-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 16px !important; }
    .sspo-landing-note { margin: 0 !important; color: var(--sspo-soft) !important; font-size: 12px !important; line-height: 1.55 !important; }
    .sspo-landing-toggle { min-height: 38px !important; border: 1px solid var(--sspo-line2) !important; border-radius: 999px !important; background: rgba(200,167,90,.10) !important; color: var(--sspo-text) !important; padding: 10px 14px !important; font-size: 11.5px !important; line-height: 1 !important; font-weight: 850 !important; cursor: pointer !important; }
    .sspo-landing-toggle:hover { border-color: rgba(200,167,90,.42) !important; transform: translateY(-1px) !important; }

    @media (max-width: 960px) {
      .sspo-command-grid-wrap { grid-template-columns: 1fr !important; }
      .sspo-command-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      .sspo-command-memory { grid-template-columns: 1fr !important; }
    }

    @media (max-width: 640px) {
      .sspo-command-deck { padding-top: 28px !important; }
      .sspo-command-surface { border-radius: 30px !important; padding: 18px !important; }
      .sspo-command-search-panel { border-radius: 22px !important; padding: 12px !important; }
      .sspo-command-stats { grid-template-columns: 1fr 1fr !important; }
    }

    @media (max-width: 960px) {
      .sspo-super-mega, .sspo-mega-toggle { display: none !important; }
      .sspo-command-mini { grid-template-columns: 1fr !important; }
    }

/* =========================================================
   PUSAT ORIENTASI V5.1 PATCH
   Strong Core Map Bridge + Jejak Lokal Overflow Fix
========================================================= */

/* Bridge utama ke Peta Besar Tulisan Inti */
#sspo-root .sspo-core-map-bridge{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px 18px !important;
  align-items:center !important;
  margin:14px 0 14px !important;
  padding:18px 20px !important;
  border:1px solid rgba(200,167,90,.38) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(200,167,90,.20), transparent 34%),
    radial-gradient(circle at 98% 20%, rgba(184,210,232,.13), transparent 32%),
    linear-gradient(135deg, rgba(200,167,90,.125), rgba(255,255,255,.046)) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
  color:var(--sspo-text) !important;
  isolation:isolate !important;
}

#sspo-root[data-theme="light"] .sspo-core-map-bridge{
  background:
    radial-gradient(circle at 4% 0%, rgba(159,116,48,.16), transparent 34%),
    radial-gradient(circle at 98% 20%, rgba(36,58,75,.08), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.64)) !important;
  box-shadow:0 16px 42px rgba(24,33,48,.10) !important;
}

#sspo-root .sspo-core-map-bridge::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    linear-gradient(90deg, rgba(200,167,90,.18), transparent 34%),
    repeating-linear-gradient(
      115deg,
      rgba(255,255,255,.035) 0 1px,
      transparent 1px 18px
    ) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

#sspo-root .sspo-core-map-bridge:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(200,167,90,.56) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#sspo-root .sspo-core-map-kicker{
  grid-column:1 / -1 !important;
  display:inline-flex !important;
  width:fit-content !important;
  align-items:center !important;
  gap:8px !important;
  color:var(--sspo-gold) !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

#sspo-root .sspo-core-map-kicker::before{
  content:"" !important;
  width:28px !important;
  height:1px !important;
  background:currentColor !important;
  opacity:.86 !important;
}

#sspo-root .sspo-core-map-bridge strong{
  min-width:0 !important;
  color:var(--sspo-text) !important;
  font-family:var(--sspo-font-serif) !important;
  font-size:clamp(22px,2.4vw,34px) !important;
  line-height:1.06 !important;
  font-weight:720 !important;
  letter-spacing:-.036em !important;
}

#sspo-root .sspo-core-map-bridge em{
  grid-column:1 / 2 !important;
  display:block !important;
  max-width:760px !important;
  color:var(--sspo-muted) !important;
  font-style:normal !important;
  font-size:13.5px !important;
  line-height:1.6 !important;
}

#sspo-root .sspo-core-map-bridge b{
  grid-column:2 / 3 !important;
  grid-row:2 / 4 !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:10px 13px !important;
  border:1px solid rgba(200,167,90,.36) !important;
  border-radius:999px !important;
  background:rgba(200,167,90,.13) !important;
  color:var(--sspo-text) !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:880 !important;
  white-space:nowrap !important;
}

/* Jejak Lokal: cegah teks keluar dari panel */
#sspo-root .sspo-command-panel{
  min-width:0 !important;
  overflow:hidden !important;
}

#sspo-root .sspo-command-panel-head{
  min-width:0 !important;
}

#sspo-root .sspo-command-panel-head span,
#sspo-root .sspo-command-panel-head small{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#sspo-root .sspo-command-memory{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

#sspo-root .sspo-command-memory > div{
  min-width:0 !important;
  overflow:hidden !important;
}

#sspo-root .sspo-command-memory strong{
  display:block !important;
  min-width:0 !important;
  margin:0 0 7px !important;
  color:var(--sspo-soft) !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#sspo-root .sspo-command-memory [data-sspo-command-recent],
#sspo-root .sspo-command-memory [data-sspo-command-popular]{
  min-width:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  overflow:hidden !important;
}

#sspo-root .sspo-command-memory .sspo-memory-pill{
  max-width:100% !important;
  min-width:0 !important;
  min-height:30px !important;
  padding:7px 9px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:10.5px !important;
  line-height:1 !important;
}

/* Command links agar tidak bocor di layar menengah */
#sspo-root .sspo-command-links{
  min-width:0 !important;
  overflow:hidden !important;
}

#sspo-root .sspo-command-links a{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Tablet: Jejak Lokal turun menjadi satu kolom agar tidak sempit */
@media (max-width:1080px){
  #sspo-root .sspo-command-memory{
    grid-template-columns:1fr !important;
  }
}

/* Mobile: bridge dibuat stacked penuh */
@media (max-width:640px){
  #sspo-root .sspo-core-map-bridge{
    grid-template-columns:1fr !important;
    padding:17px !important;
    border-radius:23px !important;
  }

  #sspo-root .sspo-core-map-bridge strong,
  #sspo-root .sspo-core-map-bridge em,
  #sspo-root .sspo-core-map-bridge b{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }

  #sspo-root .sspo-core-map-bridge b{
    width:100% !important;
    margin-top:2px !important;
  }

  #sspo-root .sspo-command-memory{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V5.4 — FINAL COMMAND LAYER + MODE RINGKAS/LENGKAP
========================================================= */
#sspo-root {
  --sspo-mode-gap: 10px;
}

#sspo-root[data-view="compact"] .sspo-command-head p,
#sspo-root[data-view="compact"] .sspo-section-desc,
#sspo-root[data-view="compact"] .sspo-block-desc,
#sspo-root[data-view="compact"] .sspo-item-card p,
#sspo-root[data-view="compact"] .sspo-path-card p,
#sspo-root[data-view="compact"] .sspo-gate-card p,
#sspo-root[data-view="compact"] .sspo-card-tags,
#sspo-root[data-view="compact"] .sspo-gate-meta {
  display: none !important;
}

#sspo-root[data-view="compact"] .sspo-command-surface {
  padding-top: 24px !important;
  padding-bottom: 18px !important;
}

#sspo-root[data-view="compact"] .sspo-item-card {
  min-height: 132px !important;
  padding: 15px !important;
}

#sspo-root[data-view="compact"] .sspo-path-card,
#sspo-root[data-view="compact"] .sspo-gate-card {
  min-height: 150px !important;
  padding: 16px !important;
}

#sspo-root[data-view="compact"] .sspo-gate-card.is-featured {
  min-height: 180px !important;
}

#sspo-root[data-view="compact"] .sspo-items-grid {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

#sspo-root[data-view="compact"] .sspo-path-grid,
#sspo-root[data-view="compact"] .sspo-gates-grid {
  gap: 10px !important;
}

#sspo-root[data-view="compact"] .sspo-section {
  padding: clamp(34px, 4.6vw, 58px) 0 !important;
}

#sspo-root[data-view="compact"] .sspo-mega-link-card small,
#sspo-root[data-view="compact"] .sspo-mega-microtags,
#sspo-root[data-view="compact"] .sspo-mega-panel-head span {
  display: none !important;
}

#sspo-root[data-view="compact"] .sspo-mega-link-card.is-landing-row,
#sspo-root[data-view="compact"] .sspo-mega-link-card {
  min-height: 82px !important;
}

#sspo-root[data-view="compact"] .sspo-mega-link-list.is-landing,
#sspo-root[data-view="compact"] .sspo-mega-link-list.is-search,
#sspo-root[data-view="compact"] .sspo-mega-link-list {
  grid-template-columns: repeat(auto-fill, minmax(178px,1fr)) !important;
  max-height: min(400px, calc(100vh - 320px)) !important;
}

.sspo-command-final-layer {
  display: grid !important;
  grid-template-columns: minmax(0,1.05fr) minmax(260px,.70fr) !important;
  gap: 12px !important;
  margin: 14px 0 !important;
}

.sspo-final-card {
  position: relative !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.040) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.12) !important;
  padding: 16px !important;
  overflow: hidden !important;
}

#sspo-root[data-theme="light"] .sspo-final-card { background: rgba(255,255,255,.70) !important; }

.sspo-final-card::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(200,167,90,.48), transparent) !important;
  opacity: .62 !important;
}

.sspo-final-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

.sspo-final-head span {
  display: block !important;
  color: var(--sspo-gold) !important;
  font-size: 10px !important;
  font-weight: 870 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

.sspo-final-head small {
  color: var(--sspo-soft) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
  text-align: right !important;
}

.sspo-continue-card a,
.sspo-continue-card .sspo-continue-empty {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.040) !important;
  padding: 13px !important;
}

#sspo-root[data-theme="light"] .sspo-continue-card a,
#sspo-root[data-theme="light"] .sspo-continue-card .sspo-continue-empty { background: rgba(255,255,255,.72) !important; }

.sspo-continue-card b {
  display: block !important;
  color: var(--sspo-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.sspo-continue-card em {
  display: block !important;
  margin-top: 4px !important;
  color: var(--sspo-soft) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
}

.sspo-continue-card i {
  color: var(--sspo-gold) !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.sspo-mode-switch {
  display: grid !important;
  gap: 10px !important;
}

.sspo-mode-buttons {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
}

.sspo-mode-btn {
  min-height: 38px !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.040) !important;
  color: var(--sspo-muted) !important;
  cursor: pointer !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 860 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

#sspo-root[data-theme="light"] .sspo-mode-btn { background: rgba(255,255,255,.70) !important; }
.sspo-mode-btn:hover,
.sspo-mode-btn.is-active { color: var(--sspo-text) !important; border-color: rgba(200,167,90,.40) !important; background: rgba(200,167,90,.09) !important; }

.sspo-mode-note {
  color: var(--sspo-soft) !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

.sspo-intent-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 8px !important;
}

.sspo-intent-card {
  min-height: 76px !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.036) !important;
  color: var(--sspo-muted) !important;
  padding: 11px !important;
  transition: .18s ease !important;
}

#sspo-root[data-theme="light"] .sspo-intent-card { background: rgba(255,255,255,.70) !important; }
.sspo-intent-card:hover { transform: translateY(-1px) !important; color: var(--sspo-text) !important; border-color: rgba(200,167,90,.34) !important; background: rgba(200,167,90,.08) !important; }
.sspo-intent-card b { display: block !important; color: var(--sspo-text) !important; font-size: 12.3px !important; line-height: 1.18 !important; font-weight: 850 !important; }
.sspo-intent-card span { display: block !important; margin-top: 5px !important; color: var(--sspo-soft) !important; font-size: 10.5px !important; line-height: 1.32 !important; }



/* =========================================================
   V5.4.1 — COMMAND LAYER DE-DUP + HERO ONLY + LOCAL JUMP LOCK
========================================================= */
#sspo-root .sspo-command-links button {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--sspo-muted) !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}
#sspo-root[data-theme="light"] .sspo-command-links button { background: rgba(255,255,255,.70) !important; }
#sspo-root .sspo-command-links button:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }

#sspo-root .sspo-panel-toggle {
  position: relative !important;
  z-index: 3 !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--sspo-soft) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  margin-left: auto !important;
}
#sspo-root[data-theme="light"] .sspo-panel-toggle { background: rgba(255,255,255,.72) !important; }
#sspo-root .sspo-panel-toggle:hover { color: var(--sspo-text) !important; border-color: var(--sspo-line2) !important; background: rgba(200,167,90,.10) !important; }

#sspo-root .sspo-panel-titlewrap {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
#sspo-root .sspo-final-head,
#sspo-root .sspo-command-panel-head,
#sspo-root .sspo-mini-panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
#sspo-root .sspo-final-head .sspo-panel-toggle,
#sspo-root .sspo-command-panel-head .sspo-panel-toggle,
#sspo-root .sspo-mini-panel-head .sspo-panel-toggle,
#sspo-root .sspo-section-actions .sspo-panel-toggle,
#sspo-root .sspo-block-actions .sspo-panel-toggle {
  margin-left: 0 !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
}
#sspo-root .sspo-section-actions,
#sspo-root .sspo-block-actions {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
}
#sspo-root .sspo-section-actions .sspo-anchor-nav {
  justify-content: flex-end !important;
}
#sspo-root .sspo-faq-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  gap: 18px !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#sspo-root .sspo-faq-titlewrap {
  text-align: center !important;
}
#sspo-root .sspo-faq-head .sspo-panel-toggle {
  justify-self: end !important;
}
@media (max-width: 860px) {
  #sspo-root .sspo-section-actions,
  #sspo-root .sspo-block-actions,
  #sspo-root .sspo-section-actions .sspo-anchor-nav { justify-content: flex-start !important; }
  #sspo-root .sspo-faq-head { grid-template-columns: 1fr auto !important; }
  #sspo-root .sspo-faq-titlewrap { text-align: left !important; }
}

#sspo-root .sspo-mini-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 12px 0 -6px !important;
}
#sspo-root .sspo-mini-panel-head span {
  color: var(--sspo-gold) !important;
  font-size: 10px !important;
  font-weight: 870 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

#sspo-root .sspo-minimized-bar {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.040) !important;
  color: var(--sspo-text) !important;
  padding: 12px 14px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.10) !important;
}
#sspo-root[data-theme="light"] .sspo-minimized-bar { background: rgba(255,255,255,.72) !important; }
#sspo-root .sspo-minimized-bar span {
  color: var(--sspo-gold) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 870 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#sspo-root .sspo-minimized-bar b {
  color: var(--sspo-soft) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
}

#sspo-root [data-sspo-panel].is-minimized > :not(.sspo-minimized-bar) {
  display: none !important;
}
#sspo-root [data-sspo-panel].is-minimized {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#sspo-root .sspo-section.is-minimized {
  padding: 18px 0 !important;
}
#sspo-root .sspo-command-grid-wrap.is-minimized {
  display: block !important;
}
#sspo-root .sspo-collapsible-wrap.is-minimized {
  margin: 10px 0 !important;
}

#sspo-root[data-view="hero"] main,
#sspo-root[data-view="hero"] .sspo-command-grid-wrap,
#sspo-root[data-view="hero"] .sspo-collapsible-wrap,
#sspo-root[data-view="hero"] .sspo-command-final-layer [data-sspo-panel="intent"] {
  display: none !important;
}
#sspo-root[data-view="hero"] .sspo-command-deck {
  padding-bottom: 30px !important;
}
#sspo-root[data-view="hero"] .sspo-command-head p,
#sspo-root[data-view="hero"] .sspo-command-stats {
  display: none !important;
}
#sspo-root[data-view="hero"] .sspo-command-final-layer {
  grid-template-columns: minmax(0,1fr) minmax(260px,.62fr) !important;
}
#sspo-root[data-view="hero"] .sspo-command-surface {
  padding-bottom: 18px !important;
}

@media (max-width: 820px) {
  .sspo-mode-buttons { grid-template-columns: 1fr !important; }
  #sspo-root[data-view="hero"] .sspo-command-final-layer { grid-template-columns: 1fr !important; }
}

.sspo-health-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
}

.sspo-health-grid div {
  border: 1px solid var(--sspo-line) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.032) !important;
  padding: 10px !important;
}

#sspo-root[data-theme="light"] .sspo-health-grid div { background: rgba(255,255,255,.68) !important; }
.sspo-health-grid b { display: block !important; color: var(--sspo-text) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; }
.sspo-health-grid span { display: block !important; margin-top: 5px !important; color: var(--sspo-soft) !important; font-size: 10px !important; line-height: 1.25 !important; font-weight: 760 !important; }
.sspo-health-grid .is-ok b { color: var(--sspo-gold2) !important; }
.sspo-health-grid .is-warn b { color: var(--sspo-red) !important; }

@media (max-width: 1080px) {
  .sspo-command-final-layer { grid-template-columns: 1fr !important; }
  .sspo-intent-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  #sspo-root[data-view="compact"] .sspo-items-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .sspo-intent-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #sspo-root[data-view="compact"] .sspo-items-grid { grid-template-columns: 1fr !important; }
}


/* v5.4.4 — Mobile Search Result Polish
   v5.4.6 — Intent Directory State Fix + Structural Minimize Controls */
@media (max-width: 640px) {
  .sspo-inline-results {
    padding: 12px !important;
    border-radius: 22px !important;
  }
  .sspo-inline-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    align-items: start !important;
  }
  .sspo-inline-sub {
    text-align: left !important;
    font-size: 10.8px !important;
  }
  .sspo-inline-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .sspo-inline-card {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    align-items: start !important;
    padding: 12px !important;
  }
  .sspo-inline-card h4 {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .sspo-inline-card p {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .sspo-inline-actions {
    gap: 5px !important;
    margin-top: 8px !important;
  }
  .sspo-inline-actions a {
    min-height: 26px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }
  .sspo-inline-open {
    width: fit-content !important;
    min-height: 30px !important;
  }
}


  

/* =========================================================
   V5.4.6 — MINIMIZE ROLLBACK + BALANCED HERO UTILITY GRID
========================================================= */
#sspo-root .sspo-command-grid-wrap {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}
#sspo-root .sspo-command-grid-wrap .sspo-command-panel {
  min-height: 100% !important;
}
#sspo-root .sspo-command-panel-head {
  align-items: baseline !important;
}
#sspo-root .sspo-panel-toggle,
#sspo-root .sspo-minimized-bar {
  display: none !important;
}
#sspo-root [data-sspo-panel].is-minimized > :not(.sspo-minimized-bar),
#sspo-root [data-sspo-panel].is-minimized {
  display: block !important;
  padding-top: initial !important;
  padding-bottom: initial !important;
}
@media (max-width: 760px) {
  #sspo-root .sspo-command-grid-wrap {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   V5.4.7 — HERO DEFAULT LOCK + UTILITY GRID CLEANUP
========================================================= */
#sspo-root .sspo-command-grid-wrap--memory {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: 1fr !important;
  margin: 14px 0 0 !important;
}
#sspo-root .sspo-command-panel--memory {
  width: 100% !important;
  min-height: 0 !important;
  padding: 18px !important;
}
#sspo-root .sspo-command-panel--memory .sspo-command-panel-head {
  margin-bottom: 14px !important;
}
#sspo-root .sspo-command-panel--memory .sspo-command-memory {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
#sspo-root .sspo-command-panel--memory .sspo-command-memory > div {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--sspo-line) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.030) !important;
}
#sspo-root[data-theme="light"] .sspo-command-panel--memory .sspo-command-memory > div {
  background: rgba(255,255,255,.58) !important;
}
#sspo-root .sspo-command-panel--memory [data-sspo-command-recent],
#sspo-root .sspo-command-panel--memory [data-sspo-command-popular] {
  max-height: none !important;
}
#sspo-root .sspo-command-panel--memory .sspo-memory-pill {
  max-width: min(100%, 260px) !important;
}
@media (max-width: 760px) {
  #sspo-root .sspo-command-panel--memory .sspo-command-memory {
    grid-template-columns: 1fr !important;
  }
}