/* Round 36 — final content and boundary refinements. */

/* Portfolio: make the hero/content boundary unmistakably visible against the
   navy artwork without changing the hero height or its internal positioning. */
body.portfolio-page .portfolio-hero-refresh{
  box-sizing:border-box!important;
  border-bottom:2px solid #d8a52c!important;
  box-shadow:inset 0 -1px 0 rgba(255,218,126,.72)!important;
}

/* Organizations Served: use the Geographic Reach type treatment for the
   companion View All Organizations action. Preserve its existing gold rule. */
body.organizations-page .organizations-all-link-after-cards .all-organizations-link,
body.organizations-page .organizations-all-link-after-cards .geographic-reach-link{
  font-family:inherit!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  line-height:1.2!important;
}

/* Professional Experience: the résumé-based chronology uses the established
   employment-report surface, with compact spacing between role narratives. */
body.experience-page .experience-employment-report .employment-leadership-period{
  padding-block:18px!important;
}

body.experience-page .experience-employment-report .employment-leadership-period h3{
  margin-bottom:15px!important;
}

body.experience-page .experience-employment-report .employment-leadership-role + .employment-leadership-role{
  margin-top:18px!important;
}

body.experience-page .experience-employment-report .employment-leadership-role p{
  margin:0!important;
}

body.experience-page .experience-employment-report .employment-initiative-label{
  margin:0 0 10px!important;
  color:#52697d!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

@media (max-width:760px){
  body.portfolio-page .portfolio-hero-refresh{
    border-bottom-width:1px!important;
  }

  /* All Skills: turn the long phone inventory into compact, independently
     expandable categories. Desktop keeps the established open layout. */
  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__section{
    padding:0!important;
    border-top:1px solid rgba(190,145,53,.42)!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__section:first-child{
    border-top:0!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__section > h3{
    margin:0!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__toggle{
    display:flex!important;
    width:100%!important;
    min-height:50px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 2px!important;
    border:0!important;
    background:transparent!important;
    color:#0b2748!important;
    font:inherit!important;
    letter-spacing:inherit!important;
    text-align:left!important;
    text-transform:inherit!important;
    cursor:pointer!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__toggle:focus-visible{
    outline:2px solid #2ba9bf!important;
    outline-offset:3px!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__icon{
    position:relative!important;
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    border:1px solid rgba(13,39,66,.24)!important;
    border-radius:50%!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__icon::before,
  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__icon::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:10px!important;
    height:1px!important;
    background:#aa7718!important;
    transform:translate(-50%,-50%)!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__icon::after{
    transform:translate(-50%,-50%) rotate(90deg)!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__toggle[aria-expanded="true"]
  .phone-skill-accordion__icon::after{
    opacity:0!important;
    transform:translate(-50%,-50%) rotate(0)!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__body{
    padding:0 2px 17px!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__body[hidden]{
    display:none!important;
  }

  #detail-modal-content .complete-expertise-panel
  .phone-skill-accordion__section.is-open
  .phone-skill-accordion__toggle{
    color:#8f6518!important;
  }
}