/* Xunaro responsive refinement — 2026-09-17.
   Platform-owned screens only. Never restyle a creator's published HTML.
   Retain the existing dark/mint palette, rectangular panels and desktop layout. */
@media (max-width: 1024px) {
  body[data-xunaro-ui] :is(.platform-content,.studio-content,.settings-content,.notification-content,.owner-content,.page-content,.x-content,.discover-shell,.team-page,.plans-page,.custom-url-content,.messages-shell,.studio-information-content) {
    box-sizing:border-box;
    max-width:100%;
    min-width:0;
  }
  body[data-xunaro-ui] :is(.studio-heading,.project-settings-heading,.team-page-header,.plans-head,.organize-head,.stats-head,.profile-projects-heading) {
    gap:14px;
    flex-wrap:wrap;
  }
  body[data-xunaro-ui] :is(.studio-heading,.project-settings-heading,.team-page-header) > * {min-width:0;}
  body[data-xunaro-ui] :is(.studio-dashboard-grid,.project-grid,.discovery-grid,.recommended-project-grid,.profile-recommended-project-grid,.settings-grid,.studio-grid,.owner-grid) {min-width:0;}
  body[data-xunaro-ui] :is(.recommended-project-card,.studio-dashboard-card,.project-card,.create-card,.settings-card,.news-card,.community-card,.team-panel) {min-width:0;max-width:100%;}
}

@media (max-width: 860px) {
  /* Single measured header: readable primary navigation with no 9px labels. */
  body[data-xunaro-ui] .nav,
  body[data-xunaro-ui].vps-studio-mode .nav {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand account" "tools tools"!important;
    align-items:center!important;
    gap:9px 12px!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))!important;
    border-radius:0!important;
  }
  body[data-xunaro-ui] .nav > .brand-search-group {grid-area:brand!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0;max-width:100%!important;}
  body[data-xunaro-ui] .nav > .brand-search-group > .brand {min-width:0!important;max-width:100%!important;gap:7px!important;}
  body[data-xunaro-ui] .nav > .brand-search-group > .header-search-trigger {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;flex-shrink:0;justify-content:center;}
  body[data-xunaro-ui] .nav > .brand-search-group > .header-search-trigger span {display:none!important;}
  body[data-xunaro-ui] .nav > .header-center-tools,
  body[data-xunaro-ui].vps-studio-mode .nav > .header-center-tools {
    grid-area:tools!important;display:flex!important;position:static!important;
    align-items:stretch!important;justify-content:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    gap:8px!important;margin:0!important;transform:none!important;
    overflow:visible!important;
  }
  body[data-xunaro-ui] .nav > .header-center-tools > * {
    display:flex!important;flex:1 1 0!important;min-width:0!important;min-height:44px!important;
    align-items:center;justify-content:center;overflow:visible!important;
    padding:11px 7px!important;letter-spacing:.035em!important;
    font-size:12px!important;white-space:nowrap;
  }
  body[data-xunaro-ui] .nav > .account-controls,
  body[data-xunaro-ui].vps-studio-mode .nav > .account-controls,
  body[data-xunaro-ui] .nav > .login-link {grid-area:account!important;min-width:0!important;max-width:100%!important;justify-self:end;}
  body[data-xunaro-ui] .nav .notification-bell {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important;}
  body[data-xunaro-ui] .nav .account-name-link {max-width:clamp(60px,20vw,110px)!important;font-size:12px!important;min-height:44px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-xunaro-ui] .nav .studio-base-page-warning {display:none!important;}
  /* Studio has just one primary link: place it beside the brand, not alone in a second row. */
  body[data-xunaro-ui] .nav:has(> .studio-base-page-warning) {
    grid-template-areas:"brand tools account"!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
  body[data-xunaro-ui] .nav:has(> .studio-base-page-warning) > .header-center-tools {width:auto!important;min-width:0!important;}
  body[data-xunaro-ui] .nav:has(> .studio-base-page-warning) > .header-center-tools > * {min-width:74px!important;padding-inline:10px!important;}


  /* Content uses one natural page scroll, not deeply nested scrollbars. */
  body[data-xunaro-ui] :is(.platform-content,.studio-content,.notification-content,.owner-content,.page-content,.x-content) {width:100%!important;margin-inline:auto!important;padding-inline:clamp(14px,4vw,28px)!important;}
  body[data-xunaro-ui] :is(.discover-shell,.team-page,.plans-page,.custom-url-content,.messages-shell,.studio-information-content) {width:100%!important;margin-inline:auto!important;padding-inline:clamp(14px,4vw,28px)!important;}
  body[data-xunaro-ui] :is(.settings-content,.profile-layout,.project-layout,.settings-layout,.community-layout,.messages-layout,.devices-layout) {min-width:0!important;max-width:100%!important;}
  body[data-xunaro-ui] :is(.project-workspace,.work-main,.work-content,.work-sidebar,.settings-workspace,.settings-workspace-panels,.settings-workspace-panel,.team-page,.team-panel,.plans-page,.vps-panel) {min-width:0!important;max-width:100%!important;}
  body[data-xunaro-ui] :is(.hero,.platform-hero,.messages-hero,.thread-hero,.profile-hero,.project-hero,.studio-hero,.owner-hero) {gap:16px!important;}
  body[data-xunaro-ui] :is(.cards,.card-grid,.platform-grid,.settings-grid,.owner-grid,.studio-grid,.project-grid,.device-grid,.notification-grid,.studio-dashboard-grid) {grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;gap:14px!important;}
  body[data-xunaro-ui] .settings-hub {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body[data-xunaro-ui] .project-ownership-tabs {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,760px)!important;overflow:visible!important;
  }
  body[data-xunaro-ui] .project-ownership-tabs > a {
    display:flex!important;width:100%!important;min-width:0!important;
    justify-content:center;align-items:center;flex:1 1 auto!important;
  }
  body[data-xunaro-ui] .settings-hub-card {min-width:0;min-height:132px;padding:17px!important;}
  body[data-xunaro-ui] :is(.project-settings-tabs,.team-workspace-tabs,.notification-tabs,.application-status-nav,.approval-filters,.organize-tabs,.plans-filters,.work-tool-tabs,.vps-tabs,.page-mode-tabs) {scrollbar-width:thin;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}

  /* Source editor and Work server: keep editing controls reachable. */
  body[data-xunaro-ui] .work-project-identity {flex-wrap:wrap;gap:12px;padding:15px!important;}
  body[data-xunaro-ui] .work-project-identity > * {min-width:0;max-width:100%;}
  body[data-xunaro-ui] :is(.page-editor,.idea-editor,.memory-inspector,.memory-project-file,.page-visual-builder) {max-width:100%!important;min-width:0!important;}
  body[data-xunaro-ui] :is(.work-create-form,.subpage-create-form) {max-width:100%;}
  body[data-xunaro-ui] :is(.work-create-form,.subpage-create-form,.team-invite-form,.vps-port-form) :is(input,select,textarea) {min-width:0;max-width:100%;}
  body[data-xunaro-ui] .vps-panel :is(pre,code) {overflow-wrap:anywhere;}
  body[data-xunaro-ui] :is(.team-invite-form,.vps-port-form) {grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;}
  body[data-xunaro-ui] :is(.vps-tabs,.work-tool-tabs) > a {min-height:44px;}
  body[data-xunaro-ui] .settings-workspace-panels {height:auto!important;max-height:none!important;overflow:visible!important;}
}

@media (max-width: 600px) {
  /* The same rectangular Xunaro design, with comfortable phone spacing. */
  body[data-xunaro-ui] :is(.site-shell,.platform-shell,.settings-shell,.notification-shell,.auth-shell,.account-shell,.messages-shell) {width:100%;min-width:0;}
  body[data-xunaro-ui] :is(.platform-content,.studio-content,.settings-content,.notification-content,.owner-content,.page-content,.x-content,.discover-shell,.team-page,.plans-page,.custom-url-content,.studio-information-content) {padding-inline:16px!important;}
  body[data-xunaro-ui] :is(.homepage-recommended,.link-grid,.homepage-intro,.homepage-footer,.profile-projects,.discover-page .discover-shell) {max-width:100%!important;padding-inline:16px!important;}
  body[data-xunaro-ui] :is(.platform-content,.studio-content,.team-page,.plans-page,.custom-url-content) {padding-top:24px!important;}
  body[data-xunaro-ui] h1 {font-size:clamp(30px,8.5vw,44px)!important;line-height:1.08!important;overflow-wrap:anywhere;}
  body[data-xunaro-ui] h2 {font-size:clamp(21px,6vw,30px);line-height:1.2;}
  body[data-xunaro-ui] :is(.platform-header,.studio-heading,.project-settings-heading,.team-page-header,.profile-header,.settings-header,.discover-hero) {margin-bottom:18px!important;}
  body[data-xunaro-ui] :is(.hero-actions,.project-actions,.profile-actions,.studio-heading-actions,.thread-actions,.owner-page-tools,.dialog-actions,.edit-form-actions) {display:flex!important;gap:9px!important;flex-wrap:wrap!important;align-items:stretch!important;}
  body[data-xunaro-ui] :is(.hero-actions,.project-actions,.profile-actions,.studio-heading-actions,.thread-actions,.owner-page-tools,.dialog-actions,.edit-form-actions) > :is(a,button,form) {flex:1 1 min(100%,150px);min-width:0;max-width:100%;}
  body[data-xunaro-ui] :is(.hero-actions,.project-actions,.profile-actions,.studio-heading-actions,.thread-actions,.owner-page-tools,.dialog-actions,.edit-form-actions) > form > button {width:100%;}
  body[data-xunaro-ui] :is(.button,.x-button,.auth-button,a[role="button"],button[type="submit"]) {min-height:44px;}
  body[data-xunaro-ui] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {max-width:100%;min-width:0;font-size:16px;}
  body[data-xunaro-ui] :is(.field-row,.form-row,.search-filters,.filter-row,.custom-style-controls,.permission-picker) {grid-template-columns:minmax(0,1fr)!important;gap:12px;}
  body[data-xunaro-ui] :is(.field-row,.form-row,.search-filters,.filter-row) > * {min-width:0;}
  body[data-xunaro-ui] :is(.cards,.card-grid,.platform-grid,.settings-grid,.owner-grid,.studio-grid,.project-grid,.device-grid,.notification-grid,.studio-dashboard-grid,.settings-hub,.discovery-grid,.recommended-project-grid,.profile-recommended-project-grid,.community-feed,.news-grid) {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  body[data-xunaro-ui] .recommended-project-grid,
  body[data-xunaro-ui] .profile-recommended-project-grid,
  body[data-xunaro-ui] .discover-page .discovery-grid {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] :is(.recommended-project-card,.homepage-recommended .recommended-project-card,.discover-page .recommended-project-card,.studio-dashboard-card,.link-grid .link-card) {
    display:flex!important;flex-direction:column!important;height:auto!important;min-height:182px!important;
    padding:17px!important;border-radius:0!important;
  }
  body[data-xunaro-ui] :is(.recommended-project-identity,.homepage-recommended .recommended-project-identity) {gap:11px!important;align-items:center;flex-wrap:wrap;min-width:0;}
  body[data-xunaro-ui] :is(.recommended-project-identity img,.homepage-recommended .recommended-project-identity img) {width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:0!important;object-fit:cover;}
  body[data-xunaro-ui] :is(.recommended-project-card,.homepage-recommended .recommended-project-card) h3 {max-width:100%;min-width:0;font-size:18px!important;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;}
  body[data-xunaro-ui] :is(.recommended-project-card,.homepage-recommended .recommended-project-card) p {display:-webkit-box!important;margin:10px 0 12px!important;font-size:13px!important;line-height:1.5!important;-webkit-line-clamp:3!important;overflow:hidden;}
  body[data-xunaro-ui] :is(.recommended-project-meta,.homepage-recommended .recommended-project-meta) {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 12px!important;align-items:center!important;margin-top:auto!important;padding-top:12px!important;font-size:11px!important;
  }
  body[data-xunaro-ui] .recommended-project-author {grid-column:1!important;grid-row:auto!important;min-width:0!important;font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body[data-xunaro-ui] .recommended-project-collaborators {grid-column:1!important;grid-row:auto!important;max-height:none!important;min-width:0;font-size:11px!important;}
  body[data-xunaro-ui] .recommended-project-stage {grid-column:2!important;grid-row:auto!important;min-width:0;font-size:10px!important;justify-self:end;}
  body[data-xunaro-ui] .recommended-project-open {display:inline-flex!important;grid-column:2!important;grid-row:auto!important;align-items:center;justify-content:center;min-height:44px;min-width:76px;padding:8px 12px;border:1px solid rgba(123,244,207,.35);color:#7bf4cf;font-size:12px!important;white-space:nowrap;}
  body[data-xunaro-ui] .recommended-project-updated {grid-column:1/-1!important;grid-row:auto!important;justify-self:start;font-size:10px!important;}
  body[data-xunaro-ui] .studio-dashboard-card {min-height:220px!important;}
  body[data-xunaro-ui] .studio-dashboard-card .studio-dashboard-card-meta {display:flex!important;flex-direction:column;gap:7px;width:100%;}
  body[data-xunaro-ui] .studio-dashboard-card .studio-manage-button {min-height:44px;}
  body[data-xunaro-ui] .project-ownership-tabs {width:100%!important;max-width:100%;margin:0 0 24px!important;gap:8px;}
  body[data-xunaro-ui] .project-ownership-tabs a {min-width:0!important;min-height:50px!important;padding:12px 10px!important;font-size:14px!important;}
  body[data-xunaro-ui] .studio-create-kind {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] .studio-heading-actions .button {min-width:0!important;}

  /* Scrollable *tab row* only: don't squash six tabs into unreadable cells. */
  body[data-xunaro-ui] :is(.project-settings-tabs,.team-workspace-tabs,.notification-tabs,.application-status-nav,.approval-filters,.organize-tabs,.plans-filters,.page-mode-tabs,.vps-tabs,.settings-workspace-tabs) {
    display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;
    max-width:100%!important;min-height:0!important;max-height:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity;scrollbar-width:thin;
  }
  body[data-xunaro-ui] :is(.project-settings-tabs,.team-workspace-tabs,.notification-tabs,.application-status-nav,.approval-filters,.organize-tabs,.plans-filters,.page-mode-tabs,.vps-tabs,.settings-workspace-tabs) > :is(a,button) {
    flex:0 0 auto!important;min-width:max-content!important;min-height:46px!important;
    padding:11px 16px!important;align-items:center;justify-content:center;
    font-size:12px!important;letter-spacing:.025em!important;white-space:nowrap!important;
    scroll-snap-align:start;
  }
  body[data-xunaro-ui] .project-settings-tabs.studio-command-menu > a {padding:16px 17px 9px!important;}
  body[data-xunaro-ui] .project-settings-tabs.studio-command-menu > a::before {font-size:8px!important;top:4px!important;}
  body[data-xunaro-ui] .settings-workspace-tabs {width:calc(100% - 20px)!important;}
  body[data-xunaro-ui] .settings-workspace-spacer {height:66px!important;}
  body[data-xunaro-ui] .settings-workspace {min-height:0!important;}
  body[data-xunaro-ui] .settings-workspace-panel {padding:17px!important;}
  body[data-xunaro-ui] .settings-card {padding:18px!important;}
  body[data-xunaro-ui] .team-invite-form {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] .team-invite-form .auth-button {width:100%!important;}
  body[data-xunaro-ui] .permission-row {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  body[data-xunaro-ui] .permission-picker {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] .work-tool-tabs {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;}
  body[data-xunaro-ui] .work-tool-tabs > * {flex:0 0 auto!important;min-width:100px!important;min-height:44px!important;padding:12px!important;font-size:12px!important;white-space:nowrap!important;}
  body[data-xunaro-ui] .work-item-list > a {flex:0 0 min(240px,75vw)!important;min-width:0!important;}
  body[data-xunaro-ui] :is(.idea-editor textarea,.page-editor textarea,.memory-project-file-editor textarea) {width:100%!important;min-height:230px!important;height:min(44dvh,400px)!important;padding:14px!important;font-size:14px;}
  body[data-xunaro-ui] :is(.page-editor header,.idea-editor header) {gap:10px!important;padding:14px!important;}
  body[data-xunaro-ui] .page-editor-actions {display:flex!important;flex-wrap:wrap;gap:8px;}
  body[data-xunaro-ui] .page-editor-actions > * {flex:1 1 min(100%,132px);}
  body[data-xunaro-ui].vps-studio-mode .platform-content {width:100%!important;}
  body[data-xunaro-ui] .vps-panel :is(.vps-identity,.create-card) {padding:17px!important;}
  body[data-xunaro-ui] :is(.vps-port-form,.vps-panel dl) {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] .vps-port-list article {flex-wrap:wrap;}
  body[data-xunaro-ui] .vps-port-list article > div {flex-basis:100%;}
  body[data-xunaro-ui] :is(.custom-url-row,.custom-url-input) {max-width:100%;min-width:0;}
  body[data-xunaro-ui] .custom-url-input {grid-template-columns:minmax(0,1fr)!important;}
  body[data-xunaro-ui] .custom-url-input strong {padding:12px 12px 0;overflow-wrap:anywhere;}
  body[data-xunaro-ui] .custom-url-list-heading {flex-wrap:wrap;gap:8px;}
  body[data-xunaro-ui] .message-row {display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;}
  body[data-xunaro-ui] .message-copy {min-width:0;}
  body[data-xunaro-ui] .message-badges {grid-column:1/-1!important;max-width:100%!important;justify-content:flex-start!important;}
  body[data-xunaro-ui] .thread-messages .x-message {max-width:90%!important;}
  body[data-xunaro-ui] :is(.messages-hero,.thread-hero,.message-composer) {padding:16px!important;}
  body[data-xunaro-ui] .message-composer {display:flex!important;align-items:stretch;flex-direction:column;}
  body[data-xunaro-ui] .message-composer > * {min-width:0;width:100%;}
  body[data-xunaro-ui] .message-composer button {width:100%;}
  body[data-xunaro-ui] :is(.table-wrap,.owner-table,.activity-table) {max-width:100%;overflow-x:auto;}
  body[data-xunaro-ui] :is(.owner-table,.activity-table,.table-wrap) table {width:max-content;min-width:100%;}
  body[data-xunaro-ui] table {max-width:100%;}
  body[data-xunaro-ui] :is(dialog,.global-search-overlay .search-dialog,.platform-modal > section,.platform-modal > [role="dialog"]) {
    max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;
    border-radius:0!important;overflow-y:auto!important;
  }
  body[data-xunaro-ui] .global-search-overlay .search-results {min-height:0;grid-auto-rows:minmax(170px,auto)!important;overflow-y:auto;}
  body[data-xunaro-ui] .global-search-overlay .search-results > a.search-project-result {min-height:180px!important;height:auto!important;}
  body[data-xunaro-ui] .global-search-overlay .search-dialog h2 {font-size:clamp(27px,8vw,38px)!important;}
}

@media (min-width: 601px) and (max-width: 860px) {
  body[data-xunaro-ui] :is(.recommended-project-grid,.profile-recommended-project-grid,.discover-page .discovery-grid) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
  }
}

@media (max-width: 380px) {
  body[data-xunaro-ui] .nav > .brand-search-group {gap:5px!important;}
  body[data-xunaro-ui] .nav > .brand-search-group > .brand {gap:5px!important;}
  body[data-xunaro-ui] .nav .account-name-link {display:none!important;}
  body[data-xunaro-ui] :is(.platform-content,.studio-content,.settings-content,.notification-content,.owner-content,.page-content,.x-content,.discover-shell,.team-page,.plans-page,.custom-url-content) {padding-inline:12px!important;}
  body[data-xunaro-ui] .nav > .header-center-tools > * {font-size:11px!important;}
}

/* Respect system text sizing and requested reduced motion; keep button focus visible. */
@media (max-width:860px) and (prefers-reduced-motion:reduce) {
  body[data-xunaro-ui] :is(.project-settings-tabs,.settings-workspace-tabs,.nav) {scroll-behavior:auto!important;transition:none!important;}
}

/* Mobile refinement pass 2 — 2026-09-17.
   Remove horizontal tab scrolling and use the phone width more efficiently.
   Keep Xunaro's existing rectangular dark/mint visual language. */
@media (max-width: 600px) {
  /* Project Studio: six primary tabs become a 3 x 2 grid instead of a horizontal scroller. */
  body[data-xunaro-ui] :is(
    .project-settings-tabs,
    .project-settings-tabs.project-studio-bar,
    .project-settings-tabs.studio-command-menu
  ) {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:6px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    max-height:none!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
  }
  body[data-xunaro-ui] :is(
    .project-settings-tabs,
    .project-settings-tabs.project-studio-bar,
    .project-settings-tabs.studio-command-menu
  ) > :is(a,button) {
    display:flex!important;
    flex:initial!important;
    min-width:0!important;
    width:auto!important;
    min-height:48px!important;
    padding:12px 5px 8px!important;
    align-items:flex-end!important;
    justify-content:center!important;
    font-size:9px!important;
    line-height:1.15!important;
    letter-spacing:.035em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    scroll-snap-align:none!important;
  }
  body[data-xunaro-ui] .project-settings-tabs.studio-command-menu > a::before {
    top:5px!important;
    left:6px!important;
    font-size:7px!important;
  }

  /* Other platform tab groups wrap into clean rows instead of forcing side scrolling. */
  body[data-xunaro-ui] :is(
    .settings-workspace-tabs,
    .team-workspace-tabs,
    .notification-tabs,
    .application-status-nav,
    .approval-filters,
    .organize-tabs,
    .organize-filters,
    .plans-filters,
    .page-mode-tabs,
    .vps-tabs,
    .work-tool-tabs,
    .api-section-tabs
  ) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:6px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    max-height:none!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
  }
  body[data-xunaro-ui] :is(
    .settings-workspace-tabs,
    .team-workspace-tabs,
    .notification-tabs,
    .application-status-nav,
    .approval-filters,
    .organize-tabs,
    .organize-filters,
    .plans-filters,
    .page-mode-tabs,
    .vps-tabs,
    .work-tool-tabs,
    .api-section-tabs
  ) > :is(a,button,.disabled) {
    display:flex!important;
    flex:initial!important;
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 7px!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    line-height:1.2!important;
  }

  /* Settings' fixed tab bar can now use its actual 2-column height with no clipping. */
  body[data-xunaro-ui] .settings-workspace-tabs {
    width:calc(100% - 18px)!important;
    left:9px!important;
    transform:none!important;
  }
  body[data-xunaro-ui] .settings-workspace-spacer {height:206px!important;}

  /* Recommended/discovery/profile projects use two compact cards per row on phones. */
  body[data-xunaro-ui] :is(
    .recommended-project-grid,
    .profile-recommended-project-grid,
    .discover-page .discovery-grid
  ) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-card,
    .homepage-recommended .recommended-project-card,
    .discover-page .recommended-project-card
  ) {
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:196px!important;
    padding:10px!important;
    border-radius:0!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-link,
    .homepage-recommended .recommended-project-link
  ) {min-width:0!important;}
  body[data-xunaro-ui] :is(
    .recommended-project-identity,
    .homepage-recommended .recommended-project-identity
  ) {
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    min-width:0!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-identity img,
    .homepage-recommended .recommended-project-identity img
  ) {
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
    border-radius:0!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-card,
    .homepage-recommended .recommended-project-card
  ) h3 {
    display:-webkit-box!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-card,
    .homepage-recommended .recommended-project-card
  ) p {
    display:-webkit-box!important;
    margin:8px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:10.5px!important;
    line-height:1.38!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-meta,
    .homepage-recommended .recommended-project-meta
  ) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px 6px!important;
    align-items:center!important;
    margin-top:auto!important;
    padding-top:8px!important;
    font-size:9px!important;
  }
  body[data-xunaro-ui] .recommended-project-author {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
  }
  body[data-xunaro-ui] .recommended-project-stage {
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    min-width:0!important;
    font-size:8px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body[data-xunaro-ui] .recommended-project-open {
    display:flex!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:stretch!important;
    justify-self:end!important;
    min-width:0!important;
    min-height:34px!important;
    padding:6px 7px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(123,244,207,.35)!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body[data-xunaro-ui] :is(.recommended-project-collaborators,.recommended-project-updated) {
    display:none!important;
  }
  body[data-xunaro-ui] .recommended-project-banner {height:86px!important;}

  /* Home keeps enough edge room without wasting a whole card-width. */
  body[data-xunaro-ui] .homepage-recommended {padding-inline:12px!important;}
}

@media (max-width: 340px) {
  body[data-xunaro-ui] :is(
    .project-settings-tabs,
    .project-settings-tabs.project-studio-bar,
    .project-settings-tabs.studio-command-menu
  ) > :is(a,button) {
    font-size:8px!important;
    letter-spacing:.015em!important;
    padding-inline:3px!important;
  }
  body[data-xunaro-ui] :is(
    .recommended-project-card,
    .homepage-recommended .recommended-project-card,
    .discover-page .recommended-project-card
  ) {padding:8px!important;}
  body[data-xunaro-ui] :is(
    .recommended-project-identity,
    .homepage-recommended .recommended-project-identity
  ) {grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important;}
  body[data-xunaro-ui] :is(
    .recommended-project-identity img,
    .homepage-recommended .recommended-project-identity img
  ) {width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;}
  body[data-xunaro-ui] :is(
    .recommended-project-card,
    .homepage-recommended .recommended-project-card
  ) h3 {font-size:12px!important;}
}

/* Studio project cards mirror Xunaro's main project grid. */
@media (max-width:600px){
  body[data-xunaro-ui] .studio-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-xunaro-ui] .studio-dashboard-card{min-width:0!important;min-height:198px!important;padding:10px!important}
  body[data-xunaro-ui] .studio-dashboard-card .recommended-project-identity{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;align-items:center!important}
  body[data-xunaro-ui] .studio-dashboard-card .recommended-project-identity img{width:34px!important;height:34px!important;min-width:34px!important;border-radius:0!important}
  body[data-xunaro-ui] .studio-dashboard-card .recommended-project-identity h3{font-size:13px!important;line-height:1.2!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body[data-xunaro-ui] .studio-dashboard-card .studio-card-visibility{grid-column:1/-1;margin:0!important;padding:3px 5px!important;font-size:8px!important}
  body[data-xunaro-ui] .studio-dashboard-card .recommended-project-link p{display:-webkit-box!important;margin:8px 0 7px!important;font-size:10.5px!important;line-height:1.38!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body[data-xunaro-ui] .studio-dashboard-card .studio-dashboard-card-meta{margin-top:auto!important;gap:5px!important;padding-top:5px!important}
  body[data-xunaro-ui] .studio-dashboard-card .studio-manage-button{min-height:36px!important;padding:8px 6px!important;font-size:9px!important}
  body[data-xunaro-ui] .studio-dashboard-card .studio-project-public-link{padding:3px 2px!important;font-size:8px!important}
}
@media (max-width:340px){body[data-xunaro-ui] .studio-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}}