.cd-mpe-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin:0 0 18px;
}
.cd-mpe-card .cdm-h2{margin:0 0 8px}
.cd-mpe-kicker{
margin:0 0 6px;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
color:#1E3A5F;
}
.cd-mpe-name{margin:0 0 6px;font-size:1.25rem;font-weight:800;line-height:1.2}
.cd-mpe-sign{margin:0 0 8px;font-style:italic;max-width:62ch}
.cd-mpe-bio{margin:0 0 8px;max-width:62ch;line-height:1.5}
.cd-mpe-meta{margin:0 0 6px;font-size:14px;color:#334155}
.cd-mpe-id{display:flex;gap:18px;align-items:flex-start;margin:0 0 12px}
.cd-mpe-id__photo{flex:0 0 auto}
.cd-mpe-avatar,
.cd-mpe-id__photo img{
display:block;
width:96px;
height:96px;
border-radius:48px;
object-fit:cover;
}
.cd-mpe-preview,
.cd-mpe-badges{
margin:8px 0 12px;
padding-left:1.1em;
font-size:14px;
line-height:1.45;
}
.cd-mpe-card .cdm-row{
margin-top:12px;
display:flex;
flex-wrap:wrap;
gap:8px;
}
.cd-mpe-card .cdm-btn,
.cd-mpe-space .cdm-link-tile,
.cd-mpe-public .cdm-btn{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
.cd-mpe-space{margin:0 0 16px}
.cd-mpe-public{max-width:52rem}
.cd-mpe-preview-note{
margin:0 0 12px;
font-size:14px;
color:#475569;
}
.cd-mpe-actions .cdm-row{gap:10px}
.cd-mpe-actions--top{margin-top:0}
.cd-mpe-cta-stack .cdm-btn{
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:2px;
height:auto;
min-height:44px;
padding:10px 14px;
text-align:left;
}
.cd-mpe-cta-label{font-weight:700;line-height:1.2}
.cd-mpe-cta-hint{
font-size:12px;
font-weight:500;
color:#475569;
letter-spacing:0;
text-transform:none;
}
.cd-mpe-welcome .cdm-btn,
.cd-mpe-public-state .cdm-btn{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
.cd-mpe-public-state{margin:0 0 12px;max-width:62ch}
.cd-mpe-sub{margin:0 0 6px;font-size:1rem}
.cd-mpe-welcome,
.cd-mpe-card,
.cd-mpe-public,
.cd-mpe-space{overflow-wrap:anywhere}
.cd-mpe-space .cdm-h3{
margin:0 0 8px;
font-size:1.05rem;
font-weight:800;
color:#1E3A5F;
}
.cd-mpe-space__spotlight{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 16px;
}
.cd-mpe-space__groups{
display:grid;
gap:16px;
}
.cd-mpe-space__group .cdm-link-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.cd-mpe-space--v2{
background:
linear-gradient(160deg, rgba(30,58,95,.06), rgba(76,61,139,.05) 45%, rgba(255,255,255,.92)),
#fff;
border:1px solid rgba(30,58,95,.12);
box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.cd-mpe-space--v2 .cdm-card__head{
margin-bottom:4px;
}
.cd-mpe-space--v2 .cdm-link-tile{
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:4px;
min-height:52px;
padding:12px 14px;
border-radius:14px;
border:1px solid rgba(30,58,95,.10);
background:rgba(255,255,255,.88);
color:#1E3A5F;
text-decoration:none;
transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.cd-mpe-space--v2 .cdm-link-tile:hover,
.cd-mpe-space--v2 .cdm-link-tile:focus-visible{
transform:translateY(-1px);
background:#fff;
border-color:rgba(30,58,95,.22);
box-shadow:0 10px 22px rgba(30,58,95,.08);
outline:none;
}
.cd-mpe-space--v2 .cdm-link-tile:focus-visible{
box-shadow:0 0 0 2px #fff, 0 0 0 4px #1E3A5F;
}
.cd-mpe-space--v2 .cdm-link-tile--priority{
min-height:64px;
background:linear-gradient(180deg, rgba(30,58,95,.08), rgba(255,255,255,.95));
border-color:rgba(30,58,95,.16);
font-weight:700;
}
.cd-mpe-space--v2 .cdm-link-tile__label{
font-weight:700;
line-height:1.25;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.cd-mpe-space--v2 .cdm-link-tile--feature{
grid-column:1 / -1;
min-height:72px;
background:linear-gradient(120deg, rgba(76,61,139,.10), rgba(30,58,95,.06) 55%, #fff);
}
.cd-mpe-space--v2 .cdm-link-tile--feature .cdm-link-tile__label{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:block;
-webkit-line-clamp:unset;
}
.cd-mpe-space--v2 .cdm-tile-hint{
display:block;
margin:0;
font-size:12px;
font-weight:500;
line-height:1.35;
color:#475569;
letter-spacing:0;
text-transform:none;
text-decoration:none !important;
pointer-events:none;
}
.cd-mpe-space--v2 .cdm-link-tile__title-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
width:100%;
}
.cd-mpe-space--v2 .cdm-privacy-badge{
display:inline-flex;
align-items:center;
min-height:22px;
padding:2px 8px;
border-radius:999px;
font-size:11px;
font-weight:700;
letter-spacing:.02em;
color:#1E3A5F;
background:rgba(30,58,95,.10);
border:1px solid rgba(30,58,95,.16);
white-space:nowrap;
}
.cd-mpe-space--v2 .cdm-link-tile--feature .cdm-tile-hint{
text-decoration:none !important;
color:#64748b;
font-weight:500;
}
.cd-mpe-space--v2 a.cdm-link-tile,
.cd-mpe-space--v2 a.cdm-link-tile:visited,
.cd-mpe-space--v2 a.cdm-link-tile:hover,
.cd-mpe-space--v2 a.cdm-link-tile:focus{
text-decoration:none !important;
color:#1E3A5F;
}
.cd-mpe-space--v2 .cd-mpe-space__group .cdm-h3{
letter-spacing:.02em;
text-transform:uppercase;
font-size:.78rem;
color:#334155;
}
@media (min-width:720px){
.cd-mpe-space__groups{grid-template-columns:repeat(2,minmax(0,1fr))}
.cd-mpe-space__spotlight{grid-template-columns:repeat(4,minmax(0,1fr))}
.cd-mpe-space--v2 .cdm-link-tile--feature .cdm-link-tile__label{
white-space:nowrap;
}
}
@media (min-width:1200px){
.cd-mpe-space__groups{gap:18px}
}
@media (max-width:719px){
.cd-mpe-space--v2 .cdm-link-tile--feature .cdm-link-tile__label{
white-space:normal;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
}
@media (max-width:360px){
.cd-mpe-space__spotlight,
.cd-mpe-space__group .cdm-link-grid{
grid-template-columns:1fr;
}
}
.cd-mpe-grid,
.cd-mpe-public,
.cdm-wrap.cd-dph{max-width:100%;overflow-x:hidden}
@media (max-width:767px){
.cd-mpe-grid{grid-template-columns:1fr}
.cd-mpe-id{flex-direction:column}
.cd-mpe-card .cdm-btn,
.cd-mpe-public .cdm-btn{width:100%}
}
@media (max-width:412px){
.cd-mpe-name{font-size:1.15rem}
}
@media (max-width:320px){
.cd-mpe-avatar,
.cd-mpe-id__photo img{width:80px;height:80px;border-radius:40px}
}
.cd-mpe-public--creator-min{
padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));
padding-left:max(1rem, env(safe-area-inset-left, 0px));
padding-right:max(1rem, env(safe-area-inset-right, 0px));
}
.cd-mpe-avatar--fallback{
display:flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
min-width:44px;
min-height:44px;
border-radius:36px;
background:#1E3A5F;
color:#fff8f0;
font-weight:800;
font-size:1.4rem;
margin:0 0 12px;
}
.cd-mpe-public--creator-min .cd-mpe-cta-primary{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
}