/* Cayde-6 brand mark and compact-screen polish */
.mark,.brand-mark{overflow:hidden;object-fit:cover;object-position:center;background:#152131}
.mark{width:64px;height:64px;border:1px solid #426177;border-radius:50%;box-shadow:0 10px 28px #0006}
.brand-mark{font-size:0;background-image:url("assets/cayde-6-icon-transparent.png");background-position:center;background-size:cover}
@media(max-width:760px){
  body{overflow-x:hidden}
  .topbar{gap:10px}
  .crumb{min-width:0;flex:1}
  .crumb select{min-width:0;width:100%;text-overflow:ellipsis}
  .top-actions{flex-shrink:0}
  .kanban{grid-template-columns:repeat(4,minmax(245px,1fr));margin-right:-20px;padding-right:20px;scroll-snap-type:x proximity}
  .board-column{scroll-snap-align:start}
  .task-card{min-height:128px}
  .editor-dialog{max-height:calc(100vh - 28px);overflow:auto}
}
@media(max-width:440px){
  .topbar{height:64px}
  .menu-button{width:36px;height:36px}
  .dashboard-content{padding-top:25px}
  .project-head h1{font-size:clamp(32px,10vw,38px)}
  .head-actions{flex-direction:column}
  .head-actions button{width:100%;flex:auto}
  .section-head h2,.section-title h2{font-size:24px}
  .milestones,.activity{padding:16px}
  .page-footer{line-height:1.5}
}