/* Credentials phone launch: hidden by default; existing phone media rules reveal it. */
body.credentials-page .credentials-mobile-launch{display:none;}

/* Credentials phone polish — centered gold rule and refined section rhythm. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records{
    padding:24px 0 38px!important;
  }
  body.credentials-page .credentials-mobile-group,
  body.credentials-page .credentials-mobile-group:first-of-type{
    padding:18px 0 24px!important;
  }
  body.credentials-page .credentials-mobile-heading{
    min-height:auto!important;
    gap:6px!important;
    margin:0 0 14px!important;
  }
  body.credentials-page .credentials-mobile-heading::after{
    content:"";
    display:block;
    width:42px;
    height:1px;
    margin-top:3px;
    background:rgba(200,145,36,.92);
    border-radius:1px;
  }
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    width:min(100%,350px)!important;
    margin:0 auto!important;
    padding:0 4px 0 18px!important;
  }
  body.credentials-page .credentials-mobile-group li{
    padding:4px 0 4px 11px!important;
  }
  body.credentials-page .credentials-mobile-group li::before{
    width:4px!important;
    height:4px!important;
    top:.84em!important;
    background:#c89124!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading{
    min-height:auto!important;
    margin:0 0 14px!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading h2{
    width:auto!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-verify{
    position:relative!important;
    margin-top:12px!important;
    padding-top:18px!important;
  }
  body.credentials-page .credentials-mobile-verify::before{
    content:"";
    display:block;
    width:42px;
    height:1px;
    margin:0 auto 10px;
    background:rgba(200,145,36,.92);
    border-radius:1px;
  }
}

/* Homepage desktop profile cards — navy/gold cloud field from the phone treatment;
   approved hover remains untouched. */
@media (min-width:1100px){
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible),
  body.home-page .compact-profile-badge:nth-child(odd):not(:hover):not(:focus-visible),
  body.home-page .compact-profile-badge:nth-child(even):not(:hover):not(:focus-visible){
    background:
      radial-gradient(ellipse 130% 92% at 108% 112%,rgba(201,157,75,.34) 0%,rgba(177,135,61,.18) 32%,transparent 67%),
      radial-gradient(ellipse 105% 78% at -8% -14%,rgba(218,177,91,.15) 0%,rgba(191,145,61,.07) 38%,transparent 70%),
      linear-gradient(145deg,#153f60 0%,#0c3152 52%,#061f3d 100%)!important;
    border-color:rgba(176,145,83,.58)!important;
  }
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible) h3{
    color:#fff!important;
  }
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible) p{
    color:#dce7ef!important;
  }
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible) > span{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#f4f7fa!important;
  }
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible) > span b{
    display:inline-block!important;
    color:#d7a536!important;
    transition:transform .18s ease!important;
  }
}

/* Credentials phone section opener — award icon, title, short gold rule. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-section-opener{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 0 4px!important;
    color:#c89124!important;
  }
  body.credentials-page .credentials-mobile-award-icon{
    display:block!important;
    width:24px!important;
    height:27px!important;
    color:#c89124!important;
  }
  body.credentials-page .credentials-mobile-kicker{
    position:relative!important;
    margin:0 0 24px!important;
    padding-bottom:9px!important;
  }
  body.credentials-page .credentials-mobile-kicker::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:42px;
    height:1px;
    transform:translateX(-50%);
    background:rgba(200,145,36,.92);
    border-radius:1px;
  }
}

/* Credentials phone section opener refinement — larger icon, lighter heading, visible thin gold-only sheen. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-section-opener{
    margin:0 0 6px!important;
  }
  body.credentials-page .credentials-mobile-award-icon{
    width:36px!important;
    height:41px!important;
  }
  body.credentials-page .credentials-mobile-kicker{
    margin:0 0 34px!important;
    padding-bottom:12px!important;
    color:#0a2948!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.99rem!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:.012em!important;
    text-transform:none!important;
  }
  body.credentials-page .credentials-mobile-kicker::after{
    width:60px!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(177,125,21,.54) 0%, rgba(205,151,46,.82) 32%, rgba(255,229,140,.99) 50%, rgba(205,151,46,.82) 68%, rgba(177,125,21,.54) 100%)!important;
    background-size:220% 100%!important;
    animation:credentialsGoldSheen 1.4s ease-in-out infinite!important;
    box-shadow:none!important;
    opacity:1!important;
  }
}
@keyframes credentialsGoldSheen{
  0%{background-position:120% 50%;}
  100%{background-position:-120% 50%;}
}
@media (prefers-reduced-motion:reduce){
  body.credentials-page .credentials-mobile-kicker::after{
    animation:none!important;
    background-position:50% 50%!important;
  }
}

/* Credentials phone content field — soft raised gray strip with white gutters. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records{
    background:#fff!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.credentials-page .credentials-mobile-records > .container{
    box-sizing:border-box!important;
    width:calc(100% - 20px)!important;
    max-width:460px!important;
    margin:0 auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
    background:linear-gradient(180deg,#f3f5f7 0%,#edf1f4 100%)!important;
    border-left:1px solid rgba(7,27,54,.72)!important;
    border-right:1px solid rgba(7,27,54,.72)!important;
    border-radius:0!important;
    box-shadow:0 0 12px rgba(7,27,54,.10)!important;
  }
}

/* Credentials phone finishing rhythm — vendor transition markers + a deliberate lower close. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-group + .credentials-mobile-group::before{
    content:"";
    display:block;
    width:18px;
    height:18px;
    margin:0 auto 14px;
    background:linear-gradient(135deg,#e4b94f 0%,#b77a15 42%,#f0cd69 70%,#c89124 100%);
    clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  }
  body.credentials-page .credentials-mobile-records > .container{
    padding-bottom:36px!important;
  }
}

/* Credentials phone vendor blocks — transition markers now carry the separation. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-heading{
    margin-bottom:8px!important;
  }
  body.credentials-page .credentials-mobile-heading::after{
    content:none!important;
    display:none!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading{
    margin-bottom:8px!important;
  }
}

/* Credentials phone final polish — linen field + balanced ornamental section dividers. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records > .container{
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,rgba(10,41,72,.012) 1px,rgba(10,41,72,.012) 2px),
      repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0,rgba(255,255,255,.09) 1px,rgba(10,41,72,.010) 1px,rgba(10,41,72,.010) 2px),
      linear-gradient(180deg,#f3f5f7 0%,#edf1f4 100%)!important;
  }

  body.credentials-page .credentials-mobile-group{
    padding:0 0 20px!important;
  }

  body.credentials-page .credentials-mobile-group::before,
  body.credentials-page .credentials-mobile-group + .credentials-mobile-group::before{
    content:""!important;
    display:block!important;
    width:82px!important;
    height:18px!important;
    margin:20px auto 17px!important;
    clip-path:none!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.82) 34%,rgba(200,145,36,.82) 100%) left center/26px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.82) 0%,rgba(200,145,36,.82) 66%,rgba(200,145,36,0) 100%) right center/26px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23c89124' d='M9 0c.9 4.8 4.2 8.1 9 9-4.8.9-8.1 4.2-9 9-.9-4.8-4.2-8.1-9-9C4.8 8.1 8.1 4.8 9 0Z'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
  }

  body.credentials-page .credentials-mobile-group:first-of-type::before{
    margin-top:0!important;
  }
}

/* Credentials phone landing-panel refinement + readability pass. */
@media (max-width:760px){
  body.credentials-page .credentials-reference-hero{
    min-height:calc(100svh - 56px)!important;
    display:flex!important;
    align-items:stretch!important;
  }
  body.credentials-page .credentials-reference-hero .subhero-grid{
    display:flex!important;
    flex-direction:column!important;
    min-height:calc(100svh - 56px)!important;
  }
  body.credentials-page .credentials-reference-hero .subhero-grid > div:first-child{
    flex:1 1 auto!important;
  }
  body.credentials-page .hero-corner-links{
    margin-top:10px!important;
  }
  body.credentials-page .credentials-mobile-launch{
    display:block!important;
    margin-top:-6px!important;
    background:transparent!important;
  }
  body.credentials-page .credentials-mobile-launch .container{
    width:min(calc(100% - 26px),420px)!important;
    margin:0 auto!important;
    padding:0 0 14px!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-height:116px!important;
    color:#d0a23a!important;
    text-decoration:none!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    width:46px!important;
    height:52px!important;
    color:transparent!important;
    fill:url(#goldShimmerFill);
    stroke:url(#goldShimmerStroke);
    filter:drop-shadow(0 0 2px rgba(214,171,71,.22));
  }
  body.credentials-page .credentials-mobile-launch-title{
    color:#f7f8fb!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.18rem!important;
    line-height:1.08!important;
    font-weight:600!important;
    letter-spacing:.01em!important;
    text-align:center!important;
    max-width:15ch!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    width:68px!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(177,125,21,.58) 0%, rgba(205,151,46,.86) 33%, rgba(255,229,140,.99) 50%, rgba(205,151,46,.86) 67%, rgba(177,125,21,.58) 100%)!important;
    background-size:220% 100%!important;
    animation:credentialsGoldSheen 1.4s ease-in-out infinite!important;
  }
  body.credentials-page .credentials-mobile-records{
    padding-top:8px!important;
  }
  body.credentials-page .credentials-mobile-section-opener{
    margin:0 0 4px!important;
  }
  body.credentials-page .credentials-mobile-award-icon{
    width:24px!important;
    height:27px!important;
  }
  body.credentials-page .credentials-mobile-kicker{
    margin:0 0 18px!important;
    font-size:.92rem!important;
    font-weight:600!important;
  }
  body.credentials-page .credentials-mobile-kicker::after{
    width:48px!important;
  }
  body.credentials-page .credentials-mobile-records > .container{
    scroll-margin-top:70px!important;
  }
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    width:min(100%,362px)!important;
    padding:0 6px 0 16px!important;
  }
  body.credentials-page .credentials-mobile-group li{
    padding:4px 0 4px 10px!important;
    line-height:1.38!important;
  }
  body.credentials-page .credentials-mobile-group{
    padding:0 0 18px!important;
  }
}

/* CORRECTION: phone credentials opener belongs below the hero, not inside it. */
@media (max-width:760px){
  body.credentials-page .credentials-reference-hero{
    min-height:0!important;
    display:block!important;
  }
  body.credentials-page .credentials-reference-hero .subhero-grid{
    display:grid!important;
    min-height:0!important;
  }
  body.credentials-page .credentials-reference-hero .subhero-grid > div:first-child{
    flex:none!important;
  }
  body.credentials-page .hero-corner-links{
    margin-top:0!important;
  }
  body.credentials-page .credentials-mobile-launch{
    display:block!important;
    margin:0!important;
    background:#fff!important;
    padding:0!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    box-sizing:border-box!important;
    width:calc(100% - 20px)!important;
    max-width:460px!important;
    min-height:calc(100svh - 255px)!important;
    margin:0 auto!important;
    padding:26px 12px 30px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,rgba(10,41,72,.012) 1px,rgba(10,41,72,.012) 2px),
      repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0,rgba(255,255,255,.09) 1px,rgba(10,41,72,.010) 1px,rgba(10,41,72,.010) 2px),
      linear-gradient(180deg,#f3f5f7 0%,#edf1f4 100%)!important;
    border-left:1px solid rgba(7,27,54,.72)!important;
    border-right:1px solid rgba(7,27,54,.72)!important;
    box-shadow:0 0 12px rgba(7,27,54,.10)!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    min-height:0!important;
    width:100%!important;
    gap:10px!important;
    padding-bottom:4px!important;
    justify-content:flex-end!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    width:72px!important;
    height:81px!important;
    color:#c89124!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    color:#0a2948!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.46rem!important;
    line-height:1.06!important;
    font-weight:700!important;
    letter-spacing:.008em!important;
    max-width:none!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    width:76px!important;
  }
}

/* Credentials phone landing micro-correction — viewport placement, larger dynamic-gold award, anchor breathing room. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    min-height:max(300px,calc(100svh - 330px))!important;
    padding-bottom:40px!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    width:84px!important;
    height:95px!important;
    color:#c89124!important;
    filter:drop-shadow(0 0 2px rgba(214,171,71,.24))!important;
  }
  body.credentials-page .credentials-mobile-launch-icon > circle,
  body.credentials-page .credentials-mobile-launch-icon > path:first-of-type{
    stroke:url(#goldShimmerStroke)!important;
  }
  body.credentials-page .credentials-mobile-launch-icon > path:last-of-type{
    fill:url(#goldShimmerFill)!important;
  }
  body.credentials-page .credentials-mobile-records > .container{
    scroll-margin-top:74px!important;
  }
}

/* Credentials phone landing cluster final centering correction. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    align-items:center!important;
    min-height:max(300px,calc(100svh - 330px))!important;
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    justify-content:center!important;
    padding-bottom:0!important;
    gap:10px!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    width:92px!important;
    height:104px!important;
  }
}

/* Credentials phone landing-panel cover treatment. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    background:#fff!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    position:relative!important;
    overflow:hidden!important;
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0,rgba(255,255,255,.10) 1px,rgba(86,74,48,.030) 1px,rgba(86,74,48,.030) 2px),
      repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,rgba(86,74,48,.024) 1px,rgba(86,74,48,.024) 2px),
      linear-gradient(180deg,#f5f2ec 0%,#efe9df 54%,#ece5da 100%)!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before{
    content:"";
    position:absolute;
    inset:18px 16px 14px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Ccircle cx='16' cy='12' r='8.5' fill='none' stroke='%230a2948' stroke-width='1.8' opacity='.82'/%3E%3Cpath d='M12.2 19.4 9.5 33l6.5-4.2 6.5 4.2-2.7-13.6' fill='none' stroke='%23c89124' stroke-linejoin='round' stroke-width='1.8' opacity='.82'/%3E%3Cpath d='m16 7.2 1.5 3 3.3.5-2.4 2.3.6 3.3-3-1.6-3 1.6.6-3.3-2.4-2.3 3.3-.5z' fill='%23c89124' opacity='.88'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center 46%!important;
    background-size:172px auto!important;
    opacity:.075!important;
    pointer-events:none!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    position:relative!important;
    z-index:1!important;
    gap:9px!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    width:74px!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    display:block!important;
    margin-top:2px!important;
    color:#8f6f25!important;
    font-size:.73rem!important;
    font-weight:600!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    line-height:1.2!important;
    text-align:center!important;
    opacity:.92!important;
  }
}

/* Credentials phone landing panel — shorter raised cover with complete top framing. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    padding-top:7px!important;
    background:#fff!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    min-height:clamp(250px,34svh,292px)!important;
    padding:20px 12px 22px!important;
    align-items:center!important;
    justify-content:center!important;
    border-top:1px solid rgba(7,27,54,.72)!important;
    box-shadow:
      0 -4px 12px rgba(7,27,54,.075),
      0 3px 12px rgba(7,27,54,.085)!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    justify-content:center!important;
    padding-bottom:0!important;
    gap:9px!important;
  }
}

/* Credentials phone landing lower ornament + full landing-viewport containment. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    min-height:max(350px,calc(100svh - 285px))!important;
    padding-bottom:26px!important;
  }
  body.credentials-page .credentials-mobile-launch-divider{
    content:"";
    display:block!important;
    width:98px!important;
    height:20px!important;
    margin:12px auto 0!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.86) 34%,rgba(200,145,36,.86) 100%) left center/32px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.86) 0%,rgba(200,145,36,.86) 66%,rgba(200,145,36,0) 100%) right center/32px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23c89124' d='M10 0c1 5.3 4.7 9 10 10-5.3 1-9 4.7-10 10-1-5.3-4.7-9-10-10C5.3 9 9 5.3 10 0Z'/%3E%3C/svg%3E") center/20px 20px no-repeat!important;
  }
}

/* Credentials phone landing panel — larger full treatment with upper ornament. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    min-height:max(392px,calc(100svh - 272px))!important;
    padding:24px 14px 28px!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    gap:11px!important;
    justify-content:center!important;
  }
  body.credentials-page .credentials-mobile-launch-link::before{
    content:"";
    display:block!important;
    width:112px!important;
    height:22px!important;
    margin:0 auto 4px!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.88) 34%,rgba(200,145,36,.88) 100%) left center/38px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.88) 0%,rgba(200,145,36,.88) 66%,rgba(200,145,36,0) 100%) right center/38px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23c89124' d='M11 0c1.1 5.9 5.1 9.9 11 11-5.9 1.1-9.9 5.1-11 11-1.1-5.9-5.1-9.9-11-11C5.9 9.9 9.9 5.9 11 0Z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    width:116px!important;
    height:132px!important;
    filter:drop-shadow(0 0 2px rgba(214,171,71,.26))!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    font-size:1.68rem!important;
    line-height:1.03!important;
    font-weight:700!important;
    letter-spacing:.006em!important;
    max-width:12ch!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    width:96px!important;
    margin-top:1px!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    margin-top:4px!important;
    font-size:.80rem!important;
    letter-spacing:.105em!important;
  }
  body.credentials-page .credentials-mobile-launch-divider{
    width:112px!important;
    height:22px!important;
    margin:14px auto 0!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.88) 34%,rgba(200,145,36,.88) 100%) left center/38px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.88) 0%,rgba(200,145,36,.88) 66%,rgba(200,145,36,0) 100%) right center/38px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23c89124' d='M11 0c1.1 5.9 5.1 9.9 11 11-5.9 1.1-9.9 5.1-11 11-1.1-5.9-5.1-9.9-11-11C5.9 9.9 9.9 5.9 11 0Z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
  }
}

/* Credentials phone landing — raised composition + refined mineral texture. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background:
      radial-gradient(circle at 18% 24%,rgba(255,255,255,.22) 0 1px,transparent 1.6px),
      radial-gradient(circle at 76% 68%,rgba(73,65,52,.045) 0 1px,transparent 1.8px),
      radial-gradient(circle at 42% 82%,rgba(255,255,255,.16) 0 1px,transparent 1.5px),
      linear-gradient(118deg,rgba(255,255,255,.09) 0 28%,rgba(110,96,72,.025) 28% 29%,rgba(255,255,255,.06) 29% 57%,rgba(95,84,65,.022) 57% 58%,rgba(255,255,255,.08) 58% 100%),
      linear-gradient(180deg,#f3efe7 0%,#eee8dd 54%,#ebe3d7 100%)!important;
    background-size:17px 17px,23px 23px,19px 19px,100% 100%,100% 100%!important;
  }

  /* Replace the oversized centered watermark with a close, offset award echo. */
  body.credentials-page .credentials-mobile-launch > .container::before{
    inset:auto!important;
    top:calc(50% - 79px)!important;
    left:calc(50% - 51px)!important;
    width:116px!important;
    height:132px!important;
    background-size:116px 132px!important;
    background-position:center!important;
    opacity:.065!important;
    transform:translate(7px,7px)!important;
  }

  /* Lift the full landing composition together without altering its internal rhythm. */
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-24px)!important;
  }
}

/* Credentials phone typography — refined serif credential record. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-group li{
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.98rem!important;
    line-height:1.32!important;
    font-weight:400!important;
    letter-spacing:.002em!important;
  }
}


/* Credentials phone landing — light sandstone texture; watermark removed. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background:
      radial-gradient(ellipse at 18% 22%,rgba(218,177,113,.105) 0%,rgba(218,177,113,.035) 18%,transparent 40%),
      radial-gradient(ellipse at 78% 72%,rgba(196,149,82,.075) 0%,transparent 38%),
      linear-gradient(180deg,#fbf8f1 0%,#f8f1e6 54%,#f5ecdf 100%)!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20360%22%3E%0A%3Cfilter%20id%3D%22stone%22%20x%3D%22-15%25%22%20y%3D%22-15%25%22%20width%3D%22130%25%22%20height%3D%22130%25%22%3E%0A%20%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.022%200.058%22%20numOctaves%3D%224%22%20seed%3D%2217%22%20result%3D%22noise%22%2F%3E%0A%20%20%3CfeColorMatrix%20in%3D%22noise%22%20type%3D%22saturate%22%20values%3D%220%22%20result%3D%22mono%22%2F%3E%0A%20%20%3CfeComponentTransfer%20in%3D%22mono%22%3E%0A%20%20%20%20%3CfeFuncR%20type%3D%22linear%22%20slope%3D%221.10%22%20intercept%3D%22-0.05%22%2F%3E%0A%20%20%20%20%3CfeFuncG%20type%3D%22linear%22%20slope%3D%221.10%22%20intercept%3D%22-0.05%22%2F%3E%0A%20%20%20%20%3CfeFuncB%20type%3D%22linear%22%20slope%3D%221.10%22%20intercept%3D%22-0.05%22%2F%3E%0A%20%20%20%20%3CfeFuncA%20type%3D%22linear%22%20slope%3D%220.72%22%20intercept%3D%220%22%2F%3E%0A%20%20%3C%2FfeComponentTransfer%3E%0A%3C%2Ffilter%3E%0A%3Crect%20width%3D%22360%22%20height%3D%22360%22%20fill%3D%22%23ffffff%22%20filter%3D%22url%28%23stone%29%22%2F%3E%0A%3C%2Fsvg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    opacity:.115!important;
    mix-blend-mode:multiply!important;
    pointer-events:none!important;
  }
}

/* Credentials phone landing sandstone refinement — stronger visible grain + lift cluster upward. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background:
      radial-gradient(circle at 14% 18%, rgba(191,152,93,.14) 0 18%, rgba(191,152,93,0) 19%),
      radial-gradient(circle at 72% 22%, rgba(176,137,78,.10) 0 14%, rgba(176,137,78,0) 15%),
      radial-gradient(circle at 28% 66%, rgba(188,147,88,.11) 0 16%, rgba(188,147,88,0) 17%),
      radial-gradient(circle at 82% 74%, rgba(170,130,74,.09) 0 13%, rgba(170,130,74,0) 14%),
      repeating-linear-gradient(20deg, rgba(177,136,78,.070) 0 2px, rgba(255,255,255,0) 2px 8px),
      repeating-linear-gradient(110deg, rgba(255,255,255,.11) 0 1px, rgba(170,132,76,.045) 1px 5px, rgba(255,255,255,0) 5px 11px),
      linear-gradient(180deg,#f8f4eb 0%, #f2ecdf 52%, #eee6d8 100%)!important;
    background-blend-mode:multiply, multiply, multiply, multiply, normal, normal, normal!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-12px)!important;
  }
}

/* Credentials phone landing sandstone correction — natural visible grain, no pattern, 18px lift. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background-color:#f3ead8!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' preserveAspectRatio='none'%3E%3Cfilter id='sand' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .062' numOctaves='4' seed='29' result='n'/%3E%3CfeComponentTransfer in='n' result='c'%3E%3CfeFuncR type='linear' slope='1.65' intercept='-.30'/%3E%3CfeFuncG type='linear' slope='1.52' intercept='-.26'/%3E%3CfeFuncB type='linear' slope='1.28' intercept='-.20'/%3E%3CfeFuncA type='linear' slope='.46' intercept='0'/%3E%3C/feComponentTransfer%3E%3CfeGaussianBlur in='c' stdDeviation='.22' result='g'/%3E%3CfeBlend in='c' in2='g' mode='multiply'/%3E%3C/filter%3E%3Crect width='640' height='640' fill='%23f4ecdc'/%3E%3Crect width='640' height='640' fill='%23d6b77d' filter='url(%23sand)' opacity='.78'/%3E%3C/svg%3E"),
      linear-gradient(180deg,#f8f1e4 0%,#f2e7d4 56%,#ede0ca 100%)!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:cover,cover!important;
    background-position:center,center!important;
    background-blend-mode:multiply,normal!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-18px)!important;
  }
}

/* FINAL credentials phone certificate landing — authoritative last cascade. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    display:block!important;margin:0!important;padding:16px 0 18px!important;
    background:
      radial-gradient(ellipse 74% 34% at 88% 8%,rgba(199,210,219,.34) 0%,rgba(115,143,168,.19) 42%,transparent 74%),
      radial-gradient(ellipse 68% 30% at 18% 43%,rgba(36,77,112,.52) 0%,rgba(20,54,86,.24) 46%,transparent 76%),
      radial-gradient(ellipse 72% 32% at 82% 70%,rgba(188,199,207,.26) 0%,rgba(66,102,132,.18) 44%,transparent 77%),
      radial-gradient(ellipse 58% 28% at 22% 95%,rgba(5,29,55,.72) 0%,rgba(5,29,55,.18) 55%,transparent 82%),
      repeating-radial-gradient(ellipse at 46% 32%,rgba(255,255,255,.028) 0 1px,rgba(255,255,255,0) 2px 5px),
      linear-gradient(148deg,#061d38 0%,#0a3155 35%,#244a6a 61%,#0b2b4b 82%,#061a31 100%)!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    position:relative!important;box-sizing:border-box!important;display:block!important;
    width:min(calc(100% - 28px),430px)!important;min-height:0!important;margin:0 auto!important;padding:0!important;
    overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before,
  body.credentials-page .credentials-mobile-launch > .container::after{content:none!important;display:none!important;}
  body.credentials-page .credentials-mobile-launch-link{
    position:relative!important;z-index:1!important;box-sizing:border-box!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:236px!important;margin:0!important;padding:28px 28px 24px!important;gap:8px!important;
    overflow:hidden!important;border:1px solid rgba(178,126,31,.82)!important;border-radius:3px!important;
    background:radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 29%),repeating-radial-gradient(ellipse at 42% 46%,rgba(132,105,51,.035) 0 1px,transparent 2px 5px),linear-gradient(135deg,#fffdf5 0%,#f8f0d9 52%,#fffaf0 100%)!important;
    box-shadow:0 2px 0 rgba(255,255,255,.22),0 11px 22px rgba(0,0,0,.42)!important;
    color:#b47d13!important;text-align:center!important;text-decoration:none!important;transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-link::before,
  body.credentials-page .credentials-mobile-launch-link::after{content:""!important;position:absolute!important;display:block!important;pointer-events:none!important;}
  body.credentials-page .credentials-mobile-launch-link::before{inset:7px!important;border:1px solid rgba(215,165,54,.54)!important;background:none!important;opacity:1!important;}
  body.credentials-page .credentials-mobile-launch-link::after{inset:10px!important;border:1px solid rgba(10,39,64,.18)!important;}
  body.credentials-page .credentials-mobile-launch-icon{position:relative!important;z-index:1!important;display:block!important;width:58px!important;height:65px!important;margin:0 0 2px!important;padding:0!important;color:#c89124!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.72))!important;}
  body.credentials-page .credentials-mobile-launch-title{position:relative!important;z-index:1!important;max-width:16ch!important;color:#08243e!important;font-family:"Source Serif 4",Georgia,serif!important;font-size:1.55rem!important;line-height:1.04!important;font-weight:600!important;letter-spacing:.005em!important;text-shadow:none!important;}
  body.credentials-page .credentials-mobile-launch-rule{position:relative!important;z-index:1!important;display:block!important;width:64px!important;height:1px!important;margin:2px 0!important;background:linear-gradient(90deg,rgba(177,125,21,.50),rgba(255,229,140,.98) 50%,rgba(177,125,21,.50))!important;}
  body.credentials-page .credentials-mobile-launch-cue{position:relative!important;z-index:1!important;display:block!important;margin:0!important;color:#8d620f!important;font-size:.72rem!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important;}
  body.credentials-page .credentials-mobile-launch-divider{display:none!important;}
}

/* Credentials phone landing — use the supplied sandstone reference image exactly. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background-image:url("img/credentials-sandstone-light-gray.png")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-blend-mode:normal!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-18px)!important;
  }
}

/* Certificate landing seal — must remain the literal final cascade. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    background:transparent!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    transform:none!important;
  }
}

/* FINAL certificate-stage correction — restore the original viewport-filling
   landing depth and place the stars/action outside the certificate. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container{
    position:relative!important;
    display:block!important;
    min-height:calc(100svh - 255px)!important;
    padding:0!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before,
  body.credentials-page .credentials-mobile-launch > .container::after{
    content:"✦"!important;
    position:absolute!important;
    left:50%!important;
    z-index:4!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    color:#d7a536!important;
    background:none!important;
    font-size:.9rem!important;
    line-height:1!important;
    opacity:.92!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before{
    top:calc(50% - 144px)!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::after{
    top:calc(50% + 121px)!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:calc(100svh - 255px)!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.credentials-page .credentials-mobile-launch-link::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    z-index:1!important;
    display:block!important;
    width:auto!important;
    height:218px!important;
    border:1px solid rgba(178,126,31,.82)!important;
    border-radius:3px!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 29%),
      repeating-radial-gradient(ellipse at 42% 46%,rgba(132,105,51,.035) 0 1px,transparent 2px 5px),
      linear-gradient(135deg,#fffdf5 0%,#f8f0d9 52%,#fffaf0 100%)!important;
    box-shadow:0 2px 0 rgba(255,255,255,.22),0 11px 22px rgba(0,0,0,.42)!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
  }
  body.credentials-page .credentials-mobile-launch-link::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    bottom:auto!important;
    left:10px!important;
    z-index:2!important;
    display:block!important;
    width:auto!important;
    height:198px!important;
    border:1px solid rgba(10,39,64,.18)!important;
    background:transparent!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    position:absolute!important;
    top:calc(50% - 75px)!important;
    left:50%!important;
    z-index:3!important;
    width:58px!important;
    height:65px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    position:absolute!important;
    top:calc(50% + 4px)!important;
    left:50%!important;
    z-index:3!important;
    width:calc(100% - 72px)!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    display:none!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    position:absolute!important;
    top:calc(50% + 144px)!important;
    left:50%!important;
    z-index:5!important;
    width:100%!important;
    color:#e0b850!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
  }
}

/* Certificate personalization — phone only. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch-title::after{
    content:"Kellie J. Teller"!important;
    display:block!important;
    margin-top:8px!important;
    color:#385168!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.72rem!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.13em!important;
    text-transform:none!important;
  }
}

/* FINAL structural phone certificate landing — real elements, deterministic placement. */
@keyframes credentialsGoldSweepStructural{
  0%{background-position:140% 50%;}
  100%{background-position:-140% 50%;}
}
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    padding:6px 0 18px!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    position:relative!important;
    display:block!important;
    width:min(calc(100% - 28px),430px)!important;
    min-height:calc(100svh - 255px)!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.credentials-page .credentials-mobile-launch > .container::before,
  body.credentials-page .credentials-mobile-launch > .container::after,
  body.credentials-page .credentials-mobile-launch-link::before,
  body.credentials-page .credentials-mobile-launch-link::after{
    content:none!important;
    display:none!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    position:relative!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:calc(100svh - 255px)!important;
    margin:0!important;
    padding:18px 0 8px!important;
    gap:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:none!important;
  }

  /* Large matching ornament at the top edge of the blue content window. */
  body.credentials-page .credentials-mobile-launch-star{
    display:block!important;
    flex:0 0 auto!important;
    width:108px!important;
    height:24px!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.92) 34%,rgba(200,145,36,.92) 100%) left center/36px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.92) 0%,rgba(200,145,36,.92) 66%,rgba(200,145,36,0) 100%) right center/36px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d7a536' d='M12 0c1.2 6.4 5.6 10.8 12 12-6.4 1.2-10.8 5.6-12 12-1.2-6.4-5.6-10.8-12-12C6.4 10.8 10.8 6.4 12 0Z'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;
  }
  body.credentials-page .credentials-mobile-launch-star-top{
    position:absolute!important;
    top:0!important;
    left:50%!important;
    z-index:6!important;
    transform:translateX(-50%)!important;
  }

  /* Real certificate card, shifted decisively upward from the previous centered position. */
  body.credentials-page .credentials-mobile-certificate{
    position:relative!important;
    z-index:2!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:218px!important;
    margin:0!important;
    padding:24px 28px 22px!important;
    border:1px solid rgba(178,126,31,.82)!important;
    border-radius:3px!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 29%),
      repeating-radial-gradient(ellipse at 42% 46%,rgba(132,105,51,.035) 0 1px,transparent 2px 5px),
      linear-gradient(135deg,#fffdf5 0%,#f8f0d9 52%,#fffaf0 100%)!important;
    box-shadow:inset 0 0 0 7px rgba(215,165,54,.30),inset 0 0 0 10px rgba(10,39,64,.12),0 2px 0 rgba(255,255,255,.22),0 11px 22px rgba(0,0,0,.42)!important;
  }
  body.credentials-page .credentials-mobile-launch-icon{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    z-index:3!important;
    display:block!important;
    width:58px!important;
    height:65px!important;
    margin:0 0 8px!important;
    color:#c89124!important;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.72))!important;
    transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    z-index:3!important;
    display:block!important;
    width:auto!important;
    max-width:16ch!important;
    margin:0!important;
    color:#08243e!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.55rem!important;
    line-height:1.04!important;
    font-weight:600!important;
    letter-spacing:.005em!important;
    text-shadow:none!important;
    transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-title::after{
    content:none!important;
    display:none!important;
  }
  body.credentials-page .credentials-mobile-certificate-name{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    margin-top:8px!important;
    color:#385168!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.72rem!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.13em!important;
  }

  /* The old middle star is now a real, visibly animated thin gold line. */
  body.credentials-page .credentials-mobile-launch-rule{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    z-index:5!important;
    display:block!important;
    flex:0 0 auto!important;
    width:86px!important;
    height:1px!important;
    margin:15px 0 0!important;
    background:linear-gradient(90deg,rgba(169,111,16,.28) 0%,rgba(200,145,36,.82) 30%,rgba(255,232,158,1) 50%,rgba(200,145,36,.82) 70%,rgba(169,111,16,.28) 100%)!important;
    background-size:240% 100%!important;
    animation:credentialsGoldSweepStructural 1.4s linear infinite!important;
    box-shadow:0 0 3px rgba(215,165,54,.20)!important;
    transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    z-index:5!important;
    display:block!important;
    width:auto!important;
    margin:10px 0 0!important;
    color:#e0b850!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.09em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-star-bottom{
    position:relative!important;
    z-index:6!important;
    margin:12px 0 0!important;
    transform:none!important;
  }
  body.credentials-page .credentials-mobile-launch-divider{
    display:none!important;
  }
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  body.credentials-page .credentials-mobile-launch-rule{
    animation:none!important;
    background-position:50% 50%!important;
  }
}

/* Credentials phone list hierarchy — acronym first, quieter full name. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    box-sizing:border-box!important;
    width:min(100%,374px)!important;
    padding:0 10px!important;
  }
  body.credentials-page .credentials-mobile-group li{
    display:block!important;
    position:relative!important;
    padding:5px 0!important;
    color:#173650!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.79rem!important;
    line-height:1.36!important;
  }
  body.credentials-page .credentials-mobile-group li::before{
    content:none!important;
    display:none!important;
  }
  body.credentials-page .credentials-mobile-group li + li{
    margin-top:3px!important;
  }
  body.credentials-page .credentials-mobile-acronym{
    display:block!important;
    margin:0 0 1px!important;
    color:#082d52!important;
    font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
    font-size:.82rem!important;
    line-height:1.22!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
  }
  body.credentials-page .credentials-mobile-acronym-long{
    letter-spacing:.01em!important;
  }
  body.credentials-page .credentials-mobile-cert-name{
    display:block!important;
    color:#43586a!important;
    font-weight:400!important;
  }
}

/* Final geometry correction after clarifying "top" = top of the blue content window. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    padding-top:0!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    padding-top:18px!important;
  }
  body.credentials-page .credentials-mobile-launch-star{
    width:104px!important;
    height:22px!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.92) 34%,rgba(200,145,36,.92) 100%) left center/35px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.92) 0%,rgba(200,145,36,.92) 66%,rgba(200,145,36,0) 100%) right center/35px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23d7a536' d='M11 0c1.1 5.9 5.1 9.9 11 11-5.9 1.1-9.9 5.1-11 11-1.1-5.9-5.1-9.9-11-11C5.9 9.9 9.9 5.9 11 0Z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
  }
  body.credentials-page .credentials-mobile-launch-star-top{
    top:0!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    margin-top:17px!important;
  }
}

/* Phone credentials landing: center whole stack, keep cert/line/link grouped, breathe around stars. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    padding:0 0 16px!important;
  }
  body.credentials-page .credentials-mobile-launch > .container{
    width:min(calc(100% - 28px),430px)!important;
    min-height:calc(100svh - 255px)!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:calc(100svh - 255px)!important;
    padding:0 0 4px!important;
    gap:0!important;
  }
  body.credentials-page .credentials-mobile-launch-star,
  body.credentials-page .credentials-mobile-launch-star-top,
  body.credentials-page .credentials-mobile-launch-star-bottom{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
    width:122px!important;
    height:28px!important;
    z-index:5!important;
    background:
      linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.96) 34%,rgba(200,145,36,.96) 100%) left center/45px 1px no-repeat,
      linear-gradient(90deg,rgba(200,145,36,.96) 0%,rgba(200,145,36,.96) 66%,rgba(200,145,36,0) 100%) right center/45px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23d7a536' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/26px 26px no-repeat!important;
  }
  body.credentials-page .credentials-mobile-launch-star-top{
    margin:0 0 24px!important;
  }
  body.credentials-page .credentials-mobile-launch-star-bottom{
    margin:24px 0 0!important;
  }
  body.credentials-page .credentials-mobile-certificate{
    width:min(100%, 364px)!important;
    height:220px!important;
    margin:0!important;
    padding:24px 28px 22px!important;
  }
  body.credentials-page .credentials-mobile-launch-core{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin-top:18px!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    width:96px!important;
    height:1px!important;
    margin:0!important;
    background:linear-gradient(90deg,rgba(169,111,16,.24) 0%,rgba(200,145,36,.88) 28%,rgba(255,232,158,1) 50%,rgba(200,145,36,.88) 72%,rgba(169,111,16,.24) 100%)!important;
    background-size:240% 100%!important;
    animation:credentialsGoldSweepStructural 1.8s linear infinite!important;
    box-shadow:0 0 3px rgba(215,165,54,.18)!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    margin:0!important;
  }
}

/* Credentials phone landing refinement: restore one-line title, parchment/linen cert, remove lower gold line, lift stack 10px. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-10px)!important;
  }
  body.credentials-page .credentials-mobile-certificate{
    background:
      linear-gradient(0deg, rgba(255,255,255,.18), rgba(255,255,255,.18)),
      repeating-linear-gradient(90deg, rgba(134,104,46,.045) 0 1px, rgba(255,255,255,0) 1px 6px),
      repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 2px, rgba(163,130,70,.025) 2px 7px, rgba(255,255,255,0) 7px 13px),
      linear-gradient(135deg,#fffdf6 0%,#f7efdc 50%,#fffaf0 100%)!important;
    box-shadow:inset 0 0 0 7px rgba(215,165,54,.30), inset 0 0 0 10px rgba(10,39,64,.12), 0 2px 0 rgba(255,255,255,.22), 0 11px 22px rgba(0,0,0,.42)!important;
  }
  body.credentials-page .credentials-mobile-launch-title{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:1.28rem!important;
    line-height:1!important;
    color:#08243e!important;
  }
  body.credentials-page .credentials-mobile-launch-rule{
    display:none!important;
  }
  body.credentials-page .credentials-mobile-launch-core{
    gap:0!important;
    margin-top:18px!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    margin:0!important;
  }
}

/* Credentials phone landing: vertically center group higher and restore earlier warm certificate field. */
@media (max-width:760px){
  /* lift the entire landing composition higher so it centers in the viewport section */
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-34px)!important;
  }

  /* restore the earlier working warm certificate finish */
  body.credentials-page .credentials-mobile-certificate{
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 29%),
      linear-gradient(135deg,#fffdf5 0%,#f8f0d9 52%,#fffaf0 100%)!important;
  }
}

/* FINAL phone certificate interior restore + hero/content separator.
   Restore certificate internals to the uploaded CERTIFICATE_FINAL geometry;
   do not alter the surrounding landing composition. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch{
    border-top:1px solid rgba(200,145,36,.92)!important;
  }

  body.credentials-page .credentials-mobile-certificate{
    position:relative!important;
    display:block!important;
    width:min(100%,364px)!important;
    height:218px!important;
    padding:0!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 29%),
      linear-gradient(135deg,#fffdf5 0%,#f8f0d9 52%,#fffaf0 100%)!important;
  }

  /* Exact original certificate-award scale/placement from CERTIFICATE_FINAL. */
  body.credentials-page .credentials-mobile-certificate .credentials-mobile-launch-icon{
    position:absolute!important;
    top:34px!important;
    left:50%!important;
    width:58px!important;
    height:65px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }

  /* Restore the original larger navy certificate title treatment. */
  body.credentials-page .credentials-mobile-certificate .credentials-mobile-launch-title{
    position:absolute!important;
    top:113px!important;
    left:50%!important;
    width:calc(100% - 72px)!important;
    max-width:none!important;
    margin:0!important;
    color:#08243e!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.55rem!important;
    line-height:1.04!important;
    font-weight:600!important;
    letter-spacing:.005em!important;
    white-space:nowrap!important;
    text-shadow:none!important;
    transform:translateX(-50%)!important;
  }

  body.credentials-page .credentials-mobile-certificate .credentials-mobile-certificate-name{
    position:absolute!important;
    top:143px!important;
    left:50%!important;
    margin:0!important;
    color:#385168!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:.72rem!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.13em!important;
    white-space:nowrap!important;
    transform:translateX(-50%)!important;
  }
}

/* Credentials phone landing — decisive centering pass + shimmering stars. */
@keyframes credentialsStarGoldShimmer {
  0%,100% {
    filter: brightness(.96) saturate(1) drop-shadow(0 0 0 rgba(255,230,154,0));
    opacity:.92;
  }
  50% {
    filter: brightness(1.22) saturate(1.08) drop-shadow(0 0 7px rgba(255,230,154,.34));
    opacity:1;
  }
}

@media (max-width:760px){
  /* Move the entire landing cluster meaningfully higher so it actually centers in the content viewport. */
  body.credentials-page .credentials-mobile-launch-link{
    transform:translateY(-58px)!important;
  }

  /* Keep the certificate / cue grouping intact but give a little more breathing room to the stars. */
  body.credentials-page .credentials-mobile-launch-star-top{
    margin:0 0 28px!important;
  }
  body.credentials-page .credentials-mobile-launch-star-bottom{
    margin:28px 0 0!important;
  }

  /* Give the stars a visible gold shimmer instead of a static mark. */
  body.credentials-page .credentials-mobile-launch-star,
  body.credentials-page .credentials-mobile-launch-star-top,
  body.credentials-page .credentials-mobile-launch-star-bottom{
    animation:credentialsStarGoldShimmer 1.9s ease-in-out infinite!important;
    will-change:filter,opacity!important;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  body.credentials-page .credentials-mobile-launch-star,
  body.credentials-page .credentials-mobile-launch-star-top,
  body.credentials-page .credentials-mobile-launch-star-bottom{
    animation:none!important;
    filter:brightness(1.04)!important;
    opacity:1!important;
  }
}

/* Credentials phone landing refinement — finish the certificate internally and anchor the record cue. */
@keyframes credentialsOrnamentShimmer{
  0%{background-position:120% 50%;}
  100%{background-position:-120% 50%;}
}
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch-star-top{
    background:linear-gradient(90deg,#a96f10 0%,#c89124 34%,#ffe69a 50%,#d3a23b 66%,#a96f10 100%)!important;
    background-size:220% 100%!important;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/45px 1px no-repeat,
      linear-gradient(#000 0 0) right center/45px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/26px 26px no-repeat!important;
    mask:
      linear-gradient(#000 0 0) left center/45px 1px no-repeat,
      linear-gradient(#000 0 0) right center/45px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/26px 26px no-repeat!important;
    animation:credentialsOrnamentShimmer 1.8s linear infinite!important;
    filter:none!important;
    opacity:1!important;
  }
  body.credentials-page .credentials-mobile-certificate-star{
    position:absolute!important;
    top:162px!important;
    left:50%!important;
    display:block!important;
    width:48px!important;
    height:11px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(90deg,#a96f10 0%,#c89124 34%,#ffe69a 50%,#d3a23b 66%,#a96f10 100%)!important;
    background-size:220% 100%!important;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/16px 1px no-repeat,
      linear-gradient(#000 0 0) right center/16px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 0c.9 4.8 4.2 8.1 9 9-4.8.9-8.1 4.2-9 9-.9-4.8-4.2-8.1-9-9C4.8 8.1 8.1 4.8 9 0Z'/%3E%3C/svg%3E") center/11px 11px no-repeat!important;
    mask:
      linear-gradient(#000 0 0) left center/16px 1px no-repeat,
      linear-gradient(#000 0 0) right center/16px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 0c.9 4.8 4.2 8.1 9 9-4.8.9-8.1 4.2-9 9-.9-4.8-4.2-8.1-9-9C4.8 8.1 8.1 4.8 9 0Z'/%3E%3C/svg%3E") center/11px 11px no-repeat!important;
    animation:credentialsOrnamentShimmer 1.8s linear infinite!important;
  }
  body.credentials-page .credentials-mobile-launch-core{
    gap:0!important;
    margin-top:28px!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    font-size:.82rem!important;
  }
  body.credentials-page .credentials-mobile-launch-star-bottom{
    display:block!important;
    width:76px!important;
    height:18px!important;
    margin:17px 0 0!important;
    background:linear-gradient(90deg,#a96f10 0%,#c89124 34%,#ffe69a 50%,#d3a23b 66%,#a96f10 100%)!important;
    background-size:220% 100%!important;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/26px 1px no-repeat,
      linear-gradient(#000 0 0) right center/26px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 0c.9 4.8 4.2 8.1 9 9-4.8.9-8.1 4.2-9 9-.9-4.8-4.2-8.1-9-9C4.8 8.1 8.1 4.8 9 0Z'/%3E%3C/svg%3E") center/16px 16px no-repeat!important;
    mask:
      linear-gradient(#000 0 0) left center/26px 1px no-repeat,
      linear-gradient(#000 0 0) right center/26px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 0c.9 4.8 4.2 8.1 9 9-4.8.9-8.1 4.2-9 9-.9-4.8-4.2-8.1-9-9C4.8 8.1 8.1 4.8 9 0Z'/%3E%3C/svg%3E") center/16px 16px no-repeat!important;
    animation:credentialsOrnamentShimmer 1.8s linear infinite!important;
    filter:none!important;
    opacity:1!important;
  }
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  body.credentials-page .credentials-mobile-certificate-star,
  body.credentials-page .credentials-mobile-launch-star-top,
  body.credentials-page .credentials-mobile-launch-star-bottom{
    animation:none!important;
    background-position:50% 50%!important;
  }
}

/* Credentials phone final section-length and records-heading proportion pass. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch > .container,
  body.credentials-page .credentials-mobile-launch-link{
    min-height:calc(100svh - 285px)!important;
  }
  body.credentials-page .credentials-mobile-launch-link{
    margin-bottom:-30px!important;
    transform:translateY(-43px)!important;
  }
  body.credentials-page .credentials-mobile-award-icon{
    width:34px!important;
    height:38px!important;
  }
  body.credentials-page .credentials-mobile-kicker{
    font-size:1.15rem!important;
    line-height:1.16!important;
    letter-spacing:.012em!important;
    margin-bottom:22px!important;
    padding-bottom:0!important;
  }
  body.credentials-page .credentials-mobile-kicker::after{
    content:none!important;
    display:none!important;
  }
}

/* Credentials phone final hierarchy pass — quieter issuer separators and exact cue centering. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-launch-star-top{
    width:99px!important;
    height:23px!important;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/36px 1px no-repeat,
      linear-gradient(#000 0 0) right center/36px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/21px 21px no-repeat!important;
    mask:
      linear-gradient(#000 0 0) left center/36px 1px no-repeat,
      linear-gradient(#000 0 0) right center/36px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/21px 21px no-repeat!important;
  }
  body.credentials-page .credentials-mobile-launch-cue{
    position:relative!important;
    display:inline-block!important;
  }
  body.credentials-page .credentials-mobile-launch-cue-label{
    display:block!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-launch-cue-arrow{
    position:absolute!important;
    top:0!important;
    left:calc(100% + .35em)!important;
  }
  body.credentials-page .credentials-mobile-group::before,
  body.credentials-page .credentials-mobile-group + .credentials-mobile-group::before{
    content:""!important;
    display:block!important;
    width:38px!important;
    height:1px!important;
    margin:22px auto 18px!important;
    clip-path:none!important;
    -webkit-mask:none!important;
    mask:none!important;
    background:linear-gradient(90deg,rgba(200,145,36,0) 0%,rgba(200,145,36,.82) 30%,rgba(200,145,36,.82) 70%,rgba(200,145,36,0) 100%)!important;
    animation:none!important;
    filter:none!important;
    opacity:1!important;
  }
  body.credentials-page .credentials-mobile-group:first-of-type::before{
    content:none!important;
    display:none!important;
  }
  body.credentials-page .credentials-mobile-records > .container{
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0,rgba(255,255,255,.10) 1px,rgba(10,41,72,.018) 1px,rgba(10,41,72,.018) 2px),
      repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,rgba(10,41,72,.014) 1px,rgba(10,41,72,.014) 2px),
      linear-gradient(180deg,#e8edf1 0%,#dce4e9 100%)!important;
  }
}

/* Homepage desktop profile cards — targeted CTA/title hover polish. */
@media (min-width:1100px){
  /* Rest: make the View Details action gold while keeping it unboxed. */
  body.home-page .compact-profile-badge:not(:hover):not(:focus-visible) > span{
    color:#d7a536!important;
  }

  /* Hover/focus: preserve the current card treatment, remove the CTA box,
     and turn the View Details action white. */
  body.home-page .compact-profile-badge:hover > span,
  body.home-page .compact-profile-badge:focus-visible > span{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
  }

  /* Hover/focus: add a thin gold border highlight around the card. */
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    border-color:rgba(215,165,54,.92)!important;
  }

  /* Hover/focus: turn the card title gold. */
  body.home-page .compact-profile-badge:hover h3,
  body.home-page .compact-profile-badge:focus-visible h3{
    color:#d7a536!important;
  }

  /* Hover/focus: turn the card icon white. */
  body.home-page .compact-profile-badge:hover svg,
  body.home-page .compact-profile-badge:focus-visible svg{
    color:#fff!important;
    stroke:#fff!important;
  }
  body.home-page .compact-profile-badge:hover svg *,
  body.home-page .compact-profile-badge:focus-visible svg *{
    stroke:#fff!important;
  }
  body.home-page .compact-profile-badge:hover svg [fill]:not([fill="none"]),
  body.home-page .compact-profile-badge:focus-visible svg [fill]:not([fill="none"]){
    fill:#fff!important;
  }
}

/* Desktop Credentials — replace the static bar above All Credentials with the
   exact expanding gold bar used by All Organizations, positioned below the link. */
@media (min-width:761px){
  body.credentials-page .credentials-inline-toggle{
    position:relative!important;
    border-top:0!important;
    border-bottom:0!important;
  }
  body.credentials-page .credentials-inline-toggle::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    width:58%!important;
    height:2px!important;
    background:#e0a12c!important;
    transform:translateX(-50%)!important;
    transition:width .2s ease!important;
  }
  body.credentials-page .credentials-inline-toggle:hover::after,
  body.credentials-page .credentials-inline-toggle:focus-visible::after{
    width:100%!important;
  }
}


/* Desktop Credentials — move All Credentials link + its dynamic bar upward 5px
   as one unit. Do not alter surrounding layout; phone remains untouched. */
@media (min-width:761px){
  body.credentials-page .credentials-inline-toggle{
    transform:translateY(-5px)!important;
  }
}


/* Credentials desktop — 2pt gold card border on hover/focus only.
   Preserve resting borders, dimensions, spacing, and all phone behavior. */
@media (min-width:761px){
  body.credentials-page .credentials-five-grid .credential-reference-card:hover,
  body.credentials-page .credentials-five-grid .credential-reference-card:focus-within{
    border:2pt solid #D7A536!important;
  }
}


/* Homepage phone — final proof-group micro-balance.
   1) Bring Let's Connect 2px closer to the proof area.
   2) Bring the credential row 2px closer to the metrics panel.
   3) Remove the short gold punctuation line beneath metrics.
   4) Add only a restrained diffuse gold halo behind the metrics panel.
   Phone only; metrics geometry, bottom CTAs, hero height, and desktop unchanged. */
@media (max-width:760px){
  html body.home-page .compact-hero .home-credential-connect{
    top:-12px!important;
  }

  html body.home-page .compact-hero .hero-executive-credentials .executive-credentials-row{
    transform:translateY(-15px)!important;
  }

  html body.home-page .compact-hero .compact-metrics-four::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  html body.home-page .compact-hero .compact-metrics-four{
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.15),
      inset 0 -2px 0 rgba(0,0,0,.28),
      0 3px 0 rgba(1,13,27,.24),
      0 10px 18px rgba(1,15,31,.22),
      0 22px 38px rgba(1,15,31,.18),
      0 0 10px rgba(215,165,54,.14),
      0 0 24px rgba(215,165,54,.07)!important;
  }
}


/* Homepage phone — replace the diffuse glow with a longer gold underline,
   preserve the approved micro-positioning, and lift the bottom CTAs 2px.
   1) Remove the added gold halo behind the metrics panel.
   2) Restore a long gold underline directly beneath the metrics panel,
      reading almost like a bottom border.
   3) Bring the Explore / Learn More row 2px closer to the metrics.
   Phone only; desktop untouched. */
@media (max-width:760px){
  html body.home-page .compact-hero .compact-metrics-four{
    position:relative!important;
    overflow:visible!important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.15),
      inset 0 -2px 0 rgba(0,0,0,.28),
      0 3px 0 rgba(1,13,27,.24),
      0 10px 18px rgba(1,15,31,.22),
      0 22px 38px rgba(1,15,31,.18)!important;
  }

  html body.home-page .compact-hero .compact-metrics-four::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:-5px!important;
    height:2px!important;
    background:#D7A536!important;
    border-radius:999px!important;
    pointer-events:none!important;
  }

  html body.home-page .home-hero-actions{
    transform:translateY(-2px)!important;
  }
}


/* Homepage phone — metrics underline refinement.
   Move the gold line 1px closer to the metrics panel, make it 3x longer,
   and center it beneath the panel. Nothing else changes. */
@media (max-width:760px){
  html body.home-page .compact-hero .compact-metrics-four::after{
    left:50%!important;
    right:auto!important;
    width:78%!important;
    transform:translateX(-50%)!important;
    bottom:-4px!important;
  }
}


/* Homepage phone — metrics underline final architectural test.
   Make the gold accent read as a restrained bottom edge of the metrics panel:
   full panel width, 1px closer than the prior version, and a softer muted gold.
   Phone only; all geometry and desktop behavior otherwise unchanged. */
@media (max-width:760px){
  html body.home-page .compact-hero .compact-metrics-four::after{
    left:0!important;
    right:0!important;
    width:auto!important;
    transform:none!important;
    bottom:-3px!important;
    height:2px!important;
    background:rgba(215,165,54,.72)!important;
    border-radius:0!important;
  }
}


/* Homepage phone — metrics panel depth + softened lower gold catchlight.
   Restore the attached lower gold edge but reduce its intensity by roughly
   25–30% so it reads as a quieter finish rather than a strong accent.
   Keep every other positioning/depth decision unchanged. */
@media (max-width:760px){
  html body.home-page .compact-hero .compact-metrics-four::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  html body.home-page .compact-hero .compact-metrics-four{
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.15),
      inset 0 -1px 0 rgba(240,199,112,.70),
      0 4px 0 rgba(1,13,27,.30),
      0 11px 21px rgba(0,10,24,.30),
      0 27px 46px rgba(0,8,20,.24)!important;
  }
}


/* Homepage phone — pale the metrics lower gold edge further and enlarge
   “Years” by 1pt for the first metric. Everything else remains unchanged. */
@media (max-width:760px){
  html body.home-page .compact-hero .compact-metrics-four{
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.15),
      inset 0 -1px 0 rgba(240,199,112,.50),
      0 4px 0 rgba(1,13,27,.30),
      0 11px 21px rgba(0,10,24,.30),
      0 27px 46px rgba(0,8,20,.24)!important;
  }

  html body.home-page .compact-hero .compact-metrics-four .profile-years-metric .metric-qualifier{
    font-size:calc(.68rem + 1pt)!important;
  }
}


/* Homepage phone only — Safari long-press cleanup for the two card families
   requested: hero metric cards and bottom professional-profile cards.
   This deliberately mirrors the exact treatment proven on Portfolio metrics:
   transparent tap highlight, no native focus outline, and Safari callout /
   selection suppression on both the anchor and every child inside it.
   No global link treatment; no desktop effect. */
@media (max-width:760px){
  /* Homepage hero metric cards */
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link{
    -webkit-tap-highlight-color:transparent!important;
  }
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link:active,
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link:focus,
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link:focus-visible{
    outline:0!important;
    outline-offset:0!important;
    border-color:transparent!important;
    box-shadow:inset 0 0 0 1px #D7A536!important;
  }
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link,
  html body.home-page .compact-hero .compact-metrics-four a.compact-metric.metric-link *{
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }

  /* Homepage bottom professional-profile cards */
  html body.home-page .compact-badge-row a.compact-profile-badge{
    -webkit-tap-highlight-color:transparent!important;
  }
  html body.home-page .compact-badge-row a.compact-profile-badge:active,
  html body.home-page .compact-badge-row a.compact-profile-badge:focus,
  html body.home-page .compact-badge-row a.compact-profile-badge:focus-visible{
    outline:0!important;
    outline-offset:0!important;
    border:1px solid #D7A536!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      inset 0 -1px 0 rgba(0,0,0,.24),
      0 2px 0 rgba(1,13,27,.58),
      0 5px 9px rgba(0,0,0,.24)!important;
  }
  html body.home-page .compact-badge-row a.compact-profile-badge,
  html body.home-page .compact-badge-row a.compact-profile-badge *{
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
}


/* Homepage phone — locally calm bright city reflections behind credential logos.
   A faint navy frosted veil sits behind the credential strip only, with
   feathered side edges so it does not read as another box or band. */
@media (max-width:760px){
  html body.home-page .compact-hero .hero-executive-credentials .executive-credentials-row{
    position:relative!important;
    isolation:isolate!important;
  }

  html body.home-page .compact-hero .hero-executive-credentials .executive-credentials-row::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-4px!important;
    right:-2px!important;
    bottom:-4px!important;
    left:-2px!important;
    border-radius:10px!important;
    background:linear-gradient(
      90deg,
      rgba(2,22,43,.14) 0%,
      rgba(2,22,43,.18) 38%,
      rgba(2,22,43,.23) 70%,
      rgba(2,22,43,.27) 100%
    )!important;
    -webkit-backdrop-filter:blur(1.2px)!important;
    backdrop-filter:blur(1.2px)!important;
    -webkit-mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 7%,
      #000 93%,
      transparent 100%
    )!important;
    mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 7%,
      #000 93%,
      transparent 100%
    )!important;
    pointer-events:none!important;
  }

  html body.home-page .compact-hero .hero-executive-credentials .executive-credential-item{
    position:relative!important;
    z-index:1!important;
  }
}

/* Homepage phone — move the credential bar and metrics bar 5px toward the
   bottom CTA buttons. Do not alter any other homepage or desktop behavior. */
@media (max-width:760px){
  html body.home-page .compact-hero .hero-executive-credentials .executive-credentials-row{
    transform:translateY(-10px)!important;
  }

  html body.home-page .compact-hero .compact-metrics-four{
    transform:translateY(-3px)!important;
  }
}