/* Xunaro-wide mobile compatibility layer. */
html{min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:break-word}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}
.platform-shell,.notification-shell,.x-shell,.messages-shell,.studio-shell,.page-shell,.account-shell,.auth-shell,main{min-width:0;max-width:100%}
.platform-content,.notification-content,.settings-layout,.settings-content,.owner-content,.profile-layout,.project-layout,.studio-content,.messages-list,.thread-messages{min-width:0}
pre,code{max-width:100%;overflow-wrap:anywhere}
.nav a,.nav button,.nav summary{min-height:40px}

@media(max-width:860px){
  .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "tools tools";align-items:center!important;gap:8px 10px!important;min-height:0!important;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important}
  .nav>.brand-search-group{grid-area:brand;display:flex!important;min-width:0;justify-self:start;gap:8px!important}
  .nav>.brand-search-group>.brand{min-width:0;justify-self:start}
  .nav>.brand-search-group>.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav>.brand-search-group>.header-search-trigger{flex:0 0 auto;width:auto;justify-content:center;padding:9px 11px!important}
  .nav>.brand-search-group>.header-search-trigger span{display:inline!important}
  .nav>.header-center-tools{grid-area:tools;position:static!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));width:100%;margin:0!important;transform:none!important}
  .header-settings-trigger{display:flex!important}
  .header-ai-trigger,.header-tool-trigger{min-width:0!important;min-height:44px;padding:10px 6px!important;font-size:10px!important;white-space:nowrap}
  .nav>.account-controls,.nav>.login-link{grid-area:account;justify-self:end;min-width:0}
  .account-controls{gap:7px!important}
  .account-name-link{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .account-menu-summary{min-height:40px!important;height:40px!important}
  .account-dropdown{position:fixed!important;z-index:1200!important;top:calc(var(--xunaro-sticky-nav-height,108px) + 6px)!important;right:max(10px,env(safe-area-inset-right))!important;left:max(10px,env(safe-area-inset-left))!important;width:auto!important;max-height:calc(100dvh - var(--xunaro-sticky-nav-height,108px) - 18px);overflow-y:auto;overscroll-behavior:contain}
  .global-search-overlay{align-items:center!important;padding:10px!important;overflow-y:auto}
  .global-search-overlay .search-dialog{width:100%!important;max-height:calc(100dvh - 20px)!important;margin:0!important;padding:46px 16px 20px!important}
  .global-search-overlay .search-dialog h2{margin:6px 0 18px!important;font-size:clamp(32px,11vw,48px)!important}
  .global-search-overlay .search-results>a{flex-direction:column;gap:5px}
  .platform-content,.notification-content,.settings-content,.owner-content,.studio-content{padding-right:16px!important;padding-left:16px!important}
  h1{overflow-wrap:anywhere;font-size:clamp(34px,10vw,64px)}
  h2,h3,p,a,button,label,td,th{overflow-wrap:anywhere}
  .hero,.platform-hero,.messages-hero,.thread-hero,.profile-hero,.project-hero,.studio-hero,.owner-hero,.devices-hero{grid-template-columns:1fr!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
  .hero-actions,.thread-actions,.project-actions,.profile-actions,.owner-page-tools{width:100%;flex-wrap:wrap}
  .hero-actions>*,.project-actions>*,.profile-actions>*{min-width:0!important}
  .cards,.card-grid,.platform-grid,.settings-grid,.owner-grid,.studio-grid,.project-grid,.profile-grid,.device-grid,.notification-grid{grid-template-columns:1fr!important}
  .field-row,.form-row,.filter-row,.search-filters,.toolbar,.tabs{flex-wrap:wrap!important}
  .field-row>*,.form-row>*,.filter-row>*,.search-filters>*{flex:1 1 100%!important;width:100%!important}
  .studio-tabs:not(.project-settings-tabs),.notification-tabs,.team-workspace-tabs,.application-status-nav,.approval-filters,.organize-tabs,.organize-filters,.plans-filters,.stats-head nav{display:flex!important;max-width:100%;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .studio-tabs:not(.project-settings-tabs)>a,.notification-tabs>a,.team-workspace-tabs>a,.application-status-nav>a,.approval-filters>a,.organize-tabs>a,.organize-filters>a,.plans-filters>a,.stats-head nav>a{flex:0 0 auto!important;min-width:max-content;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;scroll-snap-align:start}
  .team-workspace-tabs a+a,.notification-tabs a+a{border-left:1px solid rgba(123,244,207,.18)!important}
  .table-wrap,.owner-table,.activity-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  :is(.table-wrap,.owner-table,.activity-table) table{min-width:620px}
  dialog{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;overflow-y:auto}
  .message-row{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:12px!important}
  .message-copy{min-width:0}
  .message-copy p{overflow:hidden;text-overflow:ellipsis}
  .message-badges{grid-column:1/-1;justify-content:flex-start!important;padding-left:0!important}
  .thread-person{min-width:0}
  .thread-actions form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .thread-actions button{width:100%;min-width:0;padding-right:7px!important;padding-left:7px!important}
  .message{max-width:88%!important}
  .message-composer,.composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important}
  .message-composer textarea,.composer textarea{min-width:0}
  .device-card,.notification-card,.settings-card,.community-post,.project-card{min-width:0;padding:18px!important}
  .project-workspace{grid-template-columns:1fr!important;min-height:0!important}
  .work-sidebar{border-right:0!important;border-bottom:1px solid rgba(123,244,207,.16)!important}
  .work-tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .work-item-list{display:flex!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important}
  .work-item-list>a{flex:0 0 min(230px,74vw)!important;margin:0 6px 0 0!important}
  .work-create-form,.subpage-create-form{padding:14px!important}
  .idea-editor,.page-editor,.team-chat{height:auto!important;min-height:0!important}
  .idea-editor textarea,.page-editor textarea{min-height:52dvh!important;height:52dvh!important;padding:16px!important}
  .idea-editor header,.page-editor header{align-items:stretch!important;flex-direction:column!important;padding:16px!important}
  .page-editor-actions{width:100%!important}.page-editor-actions .button{flex:1!important}
  .page-url-editor{flex-wrap:wrap!important}.page-url-editor input{min-width:0!important}
  .prototype-html-upload{padding:12px 16px!important}
  .x-actions,.dialog-actions,.approval-actions,.task-actions,.role-actions,.news-actions,.post-actions,.community-hero-actions,.community-search-actions,.edit-form-actions,.feedback-actions{max-width:100%;flex-wrap:wrap!important}
  .approval-actions>*,.dialog-actions>*,.role-actions>*,.edit-form-actions>*{min-width:0!important}
  .task-actions form{max-width:100%;flex-wrap:wrap}
  .task-actions select{max-width:100%!important}
  .plans-head,.organize-head,.stats-head{align-items:stretch!important;flex-direction:column!important}
  .task-board{padding-bottom:10px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .task-column{scroll-snap-align:start}
  .application-detail,.approval-card,.team-panel,.stats-card{min-width:0;padding:18px!important}
  .activity-row,.pin-row{align-items:flex-start!important;flex-direction:column!important}
}

@media(max-width:480px){
  .nav{padding:10px!important}
  .brand-mark{flex:0 0 auto}
  .nav>.brand-search-group>.brand span:last-child{max-width:82px}
  .nav>.brand-search-group>.header-search-trigger span{display:none!important}
  .account-name-link{display:none}
  .notification-bell{width:37px!important;height:37px!important}
  .header-center-tools{gap:4px!important}
  .header-ai-trigger,.header-tool-trigger{letter-spacing:.03em!important}
  .platform-content,.notification-content,.settings-content,.owner-content,.studio-content{padding-right:11px!important;padding-left:11px!important}
  .button,.x-button,button[type=submit]{min-height:42px}
  .thread-actions form{grid-template-columns:1fr}
  .message-composer,.composer{grid-template-columns:1fr}
  .message-composer button,.composer button{width:100%}
  .project-standard-mode .project-settings-tabs,.project-work-mode .project-settings-tabs,.project-section-mode .project-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:calc(100dvh - var(--xunaro-sticky-nav-height,108px) - 16px);overflow-y:auto!important;overscroll-behavior:contain}
  .studio-command-spacer{height:204px!important}
  .team-workspace-tabs>a,.notification-tabs>a{min-width:132px!important}
  .auth-card,.verify-card,.message-dialog-card{padding:28px 16px!important}
  .application-detail,.approval-card,.team-panel,.stats-card{padding:15px!important}
  .community-hero-actions,.community-search-actions{grid-template-columns:1fr!important}
}

@media(hover:none) and (pointer:coarse){
  a,button,input,select,summary{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* 2026 phone pass: one shared layer for every Xunaro surface. */
html{min-height:100%;background:#061114}
body{min-height:100dvh}
:where(a,button,input,select,textarea,summary){-webkit-tap-highlight-color:rgba(123,244,207,.18)}
:where(input,select,textarea){min-width:0}
:where(.button,.x-button,.auth-button,.follow-button,.text-button,button,a[role="button"]){touch-action:manipulation}
:where(.platform-modal,.search-overlay,.global-search-overlay)[hidden]{display:none!important}

@media(max-width:860px){
  :root{--xunaro-sticky-nav-height:112px}
  .xunaro-nav-spacer{height:var(--xunaro-sticky-nav-height)!important}
  .nav.xunaro-auto-hide-nav,.nav.xunaro-auto-hide-nav.xunaro-nav-collapsed{max-width:none!important;transform:none!important;transition:none!important}
  .xunaro-nav-reveal-zone{display:none!important}
  .nav{width:100%!important;max-width:none!important;border-right:0!important;border-left:0!important}
  .nav>.brand-search-group{max-width:100%}.nav>.brand-search-group>.brand{max-width:calc(100vw - 150px)}
  .nav>.header-center-tools{display:flex!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .nav>.header-center-tools::-webkit-scrollbar{display:none}.nav>.header-center-tools>*{flex:1 0 82px;scroll-snap-align:start}
  .account-controls{max-width:42vw}.account-dropdown{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  .platform-content,.notification-content,.settings-content,.owner-content,.studio-content,.page-content,.x-content{width:100%!important;max-width:100%!important}
  .settings-layout,.profile-layout,.project-layout,.messages-layout,.community-layout,.devices-layout{grid-template-columns:minmax(0,1fr)!important}
  .settings-sidebar,.profile-sidebar,.project-sidebar{position:static!important;width:100%!important;max-width:none!important}
  .platform-modal{position:fixed!important;z-index:1600!important;inset:0!important;display:grid;place-items:end center;padding:12px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:auto;background:rgba(2,8,10,.82)}
  .platform-modal>section,.platform-modal>[role="dialog"]{width:100%!important;max-width:680px!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:22px 18px!important;overflow:auto!important;overscroll-behavior:contain}
  .project-settings-tabs{display:flex!important;grid-template-columns:none!important;max-width:100vw!important;min-height:0!important;max-height:none!important;justify-content:flex-start!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .project-settings-tabs>a{flex:0 0 auto!important;min-width:132px!important;min-height:50px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap;scroll-snap-align:start}
  .studio-command-spacer{height:50px!important}
  .project-workspace{overflow:visible!important}.work-main,.work-content,.project-workspace>section{min-width:0!important}
  .work-item-list{scroll-snap-type:x proximity}.work-item-list>a{scroll-snap-align:start}
  .page-editor,.idea-editor{max-width:100%!important;overflow:hidden}.page-editor textarea,.idea-editor textarea{width:100%!important}
  .page-mode-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;scrollbar-width:thin}.page-mode-tabs>*{flex:0 0 auto}
  .recommended-project-grid,.profile-recommended-project-grid,.community-feed,.news-grid{grid-template-columns:minmax(0,1fr)!important}
  .recommended-project-card,.community-card,.news-card{min-width:0!important}.recommended-project-meta{align-items:flex-start!important;flex-wrap:wrap!important}
  .profile-header{min-width:0}.profile-owner-actions,.follow-bar,.profile-projects-heading{max-width:100%;flex-wrap:wrap}.profile-account-switcher-menu{max-width:calc(100vw - 32px)}
  .owner-table,.activity-table,.table-wrap{border-right:1px solid rgba(123,244,207,.14);border-left:1px solid rgba(123,244,207,.14)}
  .owner-table:after,.table-wrap:after{content:"Swipe to see more";position:sticky;left:10px;display:block;width:max-content;padding:6px 8px;color:#78989c;font:700 9px/1 monospace;letter-spacing:.08em}
  :where(.hero-actions,.thread-actions,.project-actions,.profile-actions,.owner-page-tools,.dialog-actions,.edit-form-actions) :where(a,button){min-height:44px}
}

@media(max-width:600px){
  :root{--xunaro-sticky-nav-height:106px}
  .nav{grid-template-columns:minmax(0,1fr) auto!important;padding:8px max(9px,env(safe-area-inset-right)) 8px max(9px,env(safe-area-inset-left))!important}
  .nav>.brand-search-group>.brand{max-width:calc(100vw - 112px)}
  .nav>.header-center-tools>*{flex-basis:76px;min-height:42px!important}
  .account-controls{max-width:88px}.account-menu-summary{width:40px!important;padding:0!important}.notification-bell{flex:0 0 38px}
  h1{font-size:clamp(32px,12vw,52px)!important;line-height:.98!important}h2{font-size:clamp(24px,8vw,38px)}
  .platform-content,.notification-content,.settings-content,.owner-content,.studio-content,.page-content,.x-content{padding-right:max(10px,env(safe-area-inset-right))!important;padding-left:max(10px,env(safe-area-inset-left))!important}
  :where(.hero-actions,.project-actions,.profile-actions,.owner-page-tools,.dialog-actions,.edit-form-actions){display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  :where(.hero-actions,.project-actions,.profile-actions,.owner-page-tools,.dialog-actions,.edit-form-actions)>*{width:100%!important}
  .project-settings-tabs>a{min-width:118px!important;padding:0 12px!important}.studio-command-spacer{height:50px!important}
  .work-tool-tabs{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;scroll-snap-type:x mandatory}.work-tool-tabs>*{flex:0 0 132px!important;scroll-snap-align:start}
  .work-item-list>a{flex-basis:min(260px,82vw)!important}
  .field,.settings-field{min-width:0}.field input,.field select,.field textarea,.settings-field input,.settings-field select,.settings-field textarea{width:100%!important}
  .profile-header.has-profile-picture .profile-identity{align-items:center!important}.profile-owner-actions{display:grid!important;grid-template-columns:1fr}.profile-owner-actions>*{width:100%}.profile-owner-actions form button{width:100%}
  .message{max-width:94%!important}.thread-messages{padding-right:8px!important;padding-left:8px!important}
  .platform-modal>section,.platform-modal>[role="dialog"]{border-bottom:0;padding-bottom:max(22px,env(safe-area-inset-bottom))!important}
}

@media(max-width:380px){
  .nav>.brand-search-group>.brand .xunaro-wordmark{display:none!important}.nav>.brand-search-group>.brand{max-width:52px}.nav>.header-center-tools>*{flex-basis:70px;font-size:9px!important}
  .header-search-trigger{width:42px!important}.project-settings-tabs>a{min-width:108px!important;font-size:9px!important}
}

@media(max-height:520px) and (orientation:landscape){
  :root{--xunaro-sticky-nav-height:58px}.nav{grid-template-areas:"brand tools account"!important;grid-template-columns:auto minmax(0,1fr) auto!important}.nav>.header-center-tools{grid-area:tools!important}.nav>.brand-search-group{grid-area:brand!important}.nav>.account-controls,.nav>.login-link{grid-area:account!important}.nav>.header-center-tools>*{min-height:40px!important}.account-dropdown{top:62px!important;max-height:calc(100dvh - 70px)!important}
}

/* Compact controls that keep the entire header and Studio workspace usable on a phone. */
@media(max-width:860px){
  .nav{grid-template-areas:"brand account" "tools tools"!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 8px!important;padding:8px max(9px,env(safe-area-inset-right)) 8px max(9px,env(safe-area-inset-left))!important}
  .nav>.brand-search-group{gap:6px!important;max-width:none!important;overflow:visible!important}
  .nav>.brand-search-group>.brand{max-width:none!important;min-width:0;overflow:visible!important}
  .nav>.brand-search-group>.brand span:last-child{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
  .nav>.brand-search-group>.header-search-trigger{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}
  .nav>.brand-search-group>.header-search-trigger span{display:none!important}
  .nav>.header-center-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;overflow:visible!important;scroll-snap-type:none!important}
  .nav>.header-center-tools>*{display:flex!important;min-width:0!important;min-height:40px!important;padding:8px 3px!important;flex:0 1 auto!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important;letter-spacing:.025em!important}
  .nav>.account-controls{max-width:none!important;gap:5px!important;min-width:0}
  .nav .notification-bell{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .account-name-link{display:inline-flex!important;max-width:min(27vw,90px)!important;min-height:38px!important;padding:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
  .project-standard-mode .project-settings-tabs,.project-work-mode .project-settings-tabs,.project-section-mode .project-settings-tabs,main.platform-shell>.project-settings-tabs.project-studio-bar{display:flex!important;grid-template-columns:none!important;max-height:none!important;min-height:0!important;gap:4px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:thin!important;overscroll-behavior-x:contain}
  .project-standard-mode .project-settings-tabs>a,.project-work-mode .project-settings-tabs>a,.project-section-mode .project-settings-tabs>a,main.platform-shell>.project-settings-tabs.project-studio-bar>a{flex:0 0 auto!important;min-width:88px!important;min-height:38px!important;padding:6px 7px 5px 19px!important;font-size:8px!important;letter-spacing:.035em!important;white-space:nowrap!important;scroll-snap-align:start}
  .project-standard-mode .project-settings-tabs>a::before,.project-work-mode .project-settings-tabs>a::before,.project-section-mode .project-settings-tabs>a::before,main.platform-shell>.project-settings-tabs.project-studio-bar>a::before{top:5px!important;left:5px!important;font-size:6px!important}
  .studio-command-spacer{height:48px!important}
  body.project-standard-mode .platform-content.narrow{padding-top:24px!important}
  body.project-section-mode .team-page,body.project-section-mode .plans-page,body.project-section-mode .application-shell,body.project-section-mode .approval-page{margin-top:28px!important}
  body:not(.project-standard-mode):not(.project-work-mode):not(.project-section-mode) .stats-shell{padding-top:24px!important}
  .project-workspace{display:block!important;width:100%!important;min-height:0!important;overflow:hidden!important}
  .work-sidebar,.work-main{width:100%!important;min-width:0!important;max-width:100%!important}
  .work-sidebar{border-right:0!important;border-bottom:1px solid rgba(123,244,207,.16)!important}
  .work-tool-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:hidden!important}
  .work-tool-tabs a{min-width:0!important;padding:11px 3px!important;font-size:9px!important;letter-spacing:.05em!important;white-space:nowrap!important}
  .work-create-form{padding:12px!important}
  .work-item-list{display:flex!important;max-width:100%!important;max-height:none!important;gap:6px!important;padding:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain}
  .work-item-list>a{flex:0 0 min(180px,70vw)!important;min-width:0!important;margin:0!important;scroll-snap-align:start}
  .work-item-list>p{flex:0 0 min(210px,74vw)!important;margin:0!important;padding:10px!important}
  .idea-editor,.page-editor,.memory-inspector,.memory-project-file{min-width:0!important;min-height:0!important;height:auto!important}
  .idea-editor textarea,.page-editor textarea,.memory-project-file-editor textarea{min-height:50dvh!important;height:50dvh!important;padding:14px!important}
  .memory-folder-list a{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;padding:11px!important}
  .memory-folder-list a small{display:none!important}
}

@media(max-width:600px){
  .brand .xunaro-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .brand.xunaro-logo-ready{gap:5px!important}
  .nav .brand.xunaro-logo-ready .xunaro-wordmark,.nav .brand.xunaro-logo-ready .xunaro-wordmark *{font-size:19.2px!important;letter-spacing:-.045em!important}
}

@media(max-width:380px){
  .nav>.brand-search-group>.brand .xunaro-wordmark{display:inline!important}
  .brand .xunaro-brand-mark{width:31px!important;height:31px!important;flex-basis:31px!important}
  .nav .brand.xunaro-logo-ready .xunaro-wordmark,.nav .brand.xunaro-logo-ready .xunaro-wordmark *{font-size:17px!important}
  .account-name-link{max-width:27vw!important;font-size:9px!important}
  .nav>.header-center-tools>*{min-height:38px!important;font-size:8px!important}
}

@media(max-width:760px){
  .recommended-project-grid,.profile-recommended-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .homepage-recommended .recommended-project-card,.recommended-project-card{height:166px!important;min-height:166px!important;padding:11px!important}
  .homepage-recommended .recommended-project-identity,.recommended-project-identity{gap:7px!important}
  .homepage-recommended .recommended-project-identity img,.recommended-project-identity img{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:8px!important}
  .homepage-recommended .recommended-project-card h3,.recommended-project-card h3{overflow:hidden!important;font-size:14px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .homepage-recommended .recommended-project-card p,.recommended-project-card p{margin:7px 0 0!important;font-size:11px!important;line-height:1.38!important;-webkit-line-clamp:2!important}
  .homepage-recommended .recommended-project-meta,.recommended-project-meta{grid-template-columns:minmax(0,1fr) auto!important;gap:3px 6px!important;padding-top:7px!important;font-size:9px!important}
  .recommended-project-open{display:none!important}.recommended-project-stage{grid-column:2!important;grid-row:1/3!important;font-size:8px!important}.recommended-project-updated,.recommended-project-collaborators{font-size:8px!important}.project-verified-badge{width:15px!important;height:15px!important;flex-basis:15px!important}.project-verified-badge::before{font-size:10px!important;line-height:15px!important}
}