/*
 * Canonical Professional RU/EN only.
 * Quiet evidence/action rows, consistent credential card baseline and readable
 * responsive wrapping. Existing typography, colours and content remain intact.
 * Loaded AFTER the frozen core, brand and Design System styles.
 */
.personal-professional #app #credentials .credential-action-links{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:4px 18px;
 min-width:0;
}
.personal-professional #app #credentials .credential-action-links a{
 display:inline-flex;
 align-items:center;
 min-height:34px;
 margin:0;
 font-size:13px;
 line-height:1.45;
 font-weight:600;
 text-decoration:underline;
 text-decoration-thickness:1px;
 text-underline-offset:4px;
 white-space:nowrap;
 overflow-wrap:normal;
}
.personal-professional #app #credentials .credential-action-links a[data-personal-proof]{
 color:#ffe0a0;
 text-decoration-color:#c7a46b;
 font-weight:730;
}
.personal-professional #app #credentials .credential-action-links a:not([data-personal-proof]){
 color:#d3c5b3;
 text-decoration-color:#85796a;
 font-weight:560;
}
/* A single calm institutional reference, separate from degree verification. */
.personal-professional #app #credentials .credential-grid article .credential-university-link{
 display:inline-flex;
 align-items:center;
 width:fit-content;
 max-width:100%;
 min-height:34px;
 margin-top:9px;
 color:#d3c5b3;
 text-decoration:underline;
 text-decoration-thickness:1px;
 text-decoration-color:#85796a;
 text-underline-offset:4px;
 font-size:13px;
 line-height:1.5;
 font-weight:560;
 overflow-wrap:anywhere;
}
.personal-professional #app #credentials .credential-grid article .credential-university-link:hover{
 color:#ffe0a0;
 text-decoration-color:#c7a46b;
}
/* Top-level Google PM card: keep the duration and both references distinct. */
.personal-professional #app #credentials .credential-grid article .credential-action-links{
 margin-top:10px;
}
.personal-professional #app #credentials .credential-grid article .credential-action-links a{
 min-height:33px;
}
/* Three programme cards: one aligned metadata row, then a separate action row. */
.personal-professional #app #credentials .pm-programme-card{
 min-width:0;
}
.personal-professional #app #credentials .pm-programme-card p{
 margin-bottom:17px;
}
.personal-professional #app #credentials .pm-programme-bottom{
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 align-items:flex-start;
 gap:6px;
 min-height:73px;
 padding-top:10px;
 margin-top:auto;
 border-top:1px solid rgba(255,220,156,.15);
}
.personal-professional #app #credentials .pm-programme-bottom .pm-programme-tag{
 display:block;
 min-height:20px;
 line-height:1.45;
}
.personal-professional #app #credentials .pm-programme-bottom .credential-action-links{
 gap:3px 16px;
}
.personal-professional #app #credentials .pm-programme-bottom .credential-action-links a{
 min-height:30px;
 font-size:13px;
}
/* Two secondary courses: duration above proof links, never interleaved. */
.personal-professional #app #credentials .pm-learning-item>div{
 min-width:0;
 flex:1 1 auto;
}
.personal-professional #app #credentials .pm-learning-actions{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:6px;
 margin-top:12px;
}
.personal-professional #app #credentials .pm-learning-actions .pm-learning-duration{
 display:block;
 line-height:1.4;
}
.personal-professional #app #credentials .pm-learning-actions .credential-action-links{
 gap:3px 17px;
}
.personal-professional #app #credentials .pm-learning-actions .credential-action-links a{
 min-height:30px;
 font-size:13px;
}
/* The historic Google evidence block should finish as a clear link, not another datum. */
.personal-professional #app #credentials .google-skillshop-link{
 margin-top:8px;
}
/* On narrow screens allow the two links to occupy separate lines without crowding. */
@media(max-width:620px){
 .personal-professional #app #credentials .credential-action-links{
  gap:3px 15px;
 }
 .personal-professional #app #credentials .pm-programme-bottom{
  min-height:0;
  gap:8px;
  padding-top:11px;
 }
 .personal-professional #app #credentials .pm-learning-item{
  gap:11px;
 }
 .personal-professional #app #credentials .pm-learning-actions{
  gap:7px;
 }
 .personal-professional #app #credentials .credential-action-links a,
 .personal-professional #app #credentials .pm-programme-bottom .credential-action-links a,
 .personal-professional #app #credentials .pm-learning-actions .credential-action-links a{
  min-height:36px;
 }
}
@media(max-width:360px){
 .personal-professional #app #credentials .credential-action-links{
  column-gap:12px;
 }
}