/* Mobile browse uses the native app's typography, gutters and card proportions. */
@media(max-width:768px){
 body.browse-page,#cd-root{background:#fff!important}
 #cd-root .cd-main{padding:0 18px 32px}
 #cd-root .ds-sticky{margin-inline:-18px;padding:10px 16px 12px;background:#fff}
 #cd-root .intro{display:block;margin-top:18px}
 #cd-root .intro h1{font-size:27px;line-height:1.15;letter-spacing:-.5px;font-weight:700;margin:0 0 10px}
 #cd-root .intro p{font-size:14px;line-height:1.5;margin:0;color:#817589}
 #cd-root .intro .cd-shortcuts{display:none}
 #cd-root .cd-preference-links{margin:8px 0 12px!important;justify-content:flex-start}
 #cd-root .cd-preference-links a{padding:8px 0;min-height:44px;color:#7c3aed;font-size:13px}
 #cd-root .cd-preference-links a[href$="/account/support"]{display:none}
 #cd-root .filters{margin:0 0 22px;padding:0;display:block;border:0}
 #cd-root .mode{display:flex;gap:4px;margin:0;padding:4px;background:#f2eef6;border-radius:16px}
 #cd-root .mode button{flex:1;min-width:0;border:0;border-radius:12px;min-height:44px;padding:12px 10px;background:transparent;color:#766b80;font-size:13px}
 #cd-root .mode button.active{background:#fff;color:#7c3aed;font-weight:600}
 #cd-root .section-head h2{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:0}
 #cd-root .section-head{margin-bottom:14px}
 #cd-root .cover{border-radius:16px}
 #cd-root .cover img{width:100%;height:100%;object-fit:cover}
 #cd-root .details{padding-top:10px}.cma-project-slot{margin-top:18px;margin-bottom:24px}
}
.cma-project-reminder{display:block;background:white;color:#222;border:1px solid #7c3aed1a;border-radius:24px;padding:20px;box-shadow:0 6px 20px #00000014;text-decoration:none}
.cma-project-top{display:flex;gap:12px;align-items:flex-start}.cma-project-top>div:first-child{flex:1;min-width:0}
#cd-root .cma-project-reminder h2{font-size:17px;font-weight:700;line-height:1.25;margin:0;color:#222}
#cd-root .cma-project-reminder p{font-size:13px;line-height:1.45;margin:8px 0 0;color:#706b78}
.cma-project-action{display:block;margin-top:20px;color:#7c3aed;font-size:14px;font-weight:700}
.cma-project-avatars{position:relative;width:84px;height:88px;flex:none}.cma-project-avatars.single{width:52px;height:66px}
.cma-project-avatar{position:absolute;inset-inline-start:0;top:0;width:52px;height:52px;border:3px solid #fff;border-radius:50%;background:#f3edff;box-shadow:0 3px 9px #0000001a;overflow:hidden;display:grid;place-items:center;color:#7c3aed}
.cma-project-avatar:nth-child(2){inset-inline-start:32px;top:14px}.cma-project-avatar:nth-child(3){inset-inline-start:8px;top:36px}
.cma-project-avatar img{width:100%;height:100%;object-fit:cover}.cma-project-avatar svg{width:24px;height:24px}
.cma-project-reminder:focus-visible{outline:2px solid #7c3aed;outline-offset:3px}
@media(min-width:769px){.cma-project-slot{display:none!important}}

.cma-browse-nav{display:none}
@media(max-width:768px){
 .cma-browse-nav{position:fixed;inset-inline:0;bottom:0;z-index:50;display:flex;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e2e9;box-shadow:0 -2px 10px #00000006}
 .cma-browse-nav a{display:flex;flex:1;min-width:0;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#777;text-decoration:none;position:relative}
 .cma-browse-nav svg{width:23px;height:23px}.cma-browse-nav a[aria-current]{color:#7c3aed}
 .cma-browse-nav a[aria-current]:before{content:'';position:absolute;top:-8px;width:20px;height:2px;background:#7c3aed;border-radius:2px}
 body.browse-page:has(.cma-browse-nav) #cd-root .cd-main{padding-bottom:100px}
}