/* Round 16 correction pass. Loaded after Round 14 for deliberate precedence. */

/* Desktop inner-page onward navigation: one compact three-color control and
   one shared action-zone anchor across every hero. */
@media (min-width:761px){
  body:not(.home-page) .subhero .hero-corner-links,
  body.experience-page .subhero .portfolio-subhero-actions,
  body.portfolio-page .portfolio-hero-refresh .portfolio-hero-actions{
    position:absolute!important;
    top:50%!important;
    right:clamp(48px,7.5vw,150px)!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body:not(.home-page) .subhero .hero-corner-links .hero-crosslink,
  body.experience-page .subhero .portfolio-subhero-actions .hero-crosslink,
  body.portfolio-page .portfolio-hero-refresh .portfolio-hero-actions .hero-crosslink{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 20px!important;
    border:1px solid #dfa82f!important;
    border-radius:999px!important;
    background:#082844!important;
    color:#fff!important;
    font-size:.78rem!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.015em!important;
    text-shadow:0 1px 1px rgba(0,0,0,.3)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(0,0,0,.28),
      0 2px 0 rgba(111,70,7,.34),
      0 7px 15px rgba(0,0,0,.2)!important;
  }

  body:not(.home-page) .subhero .hero-corner-links .hero-crosslink:hover,
  body:not(.home-page) .subhero .hero-corner-links .hero-crosslink:focus-visible,
  body.experience-page .subhero .portfolio-subhero-actions .hero-crosslink:hover,
  body.experience-page .subhero .portfolio-subhero-actions .hero-crosslink:focus-visible,
  body.portfolio-page .portfolio-hero-refresh .portfolio-hero-actions .hero-crosslink:hover,
  body.portfolio-page .portfolio-hero-refresh .portfolio-hero-actions .hero-crosslink:focus-visible{
    border-color:#f2bd45!important;
    background:#0b3152!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.4),
      inset 0 -1px 0 rgba(0,0,0,.25),
      0 2px 0 rgba(111,70,7,.3),
      0 9px 18px rgba(0,0,0,.23)!important;
  }
}

@media (max-width:760px){
  /* Homepage hierarchy: the invitation belongs to the paragraph above it,
     followed by progressively more open spacing through proof and actions. */
  .home-page .compact-hero-content > p{
    margin-bottom:1px!important;
  }
  .home-page .home-credential-connect{
    justify-content:flex-end!important;
    width:100%!important;
    margin:1px 0 14px!important;
    text-align:right!important;
  }
  .home-page .hero-executive-credentials .executive-credentials-row{
    margin:0 0 9px!important;
  }
  .home-page .compact-metrics-four{
    margin:0 0 11px!important;
  }
  .home-page .home-hero-actions{
    margin:0 0 4px!important;
  }

  /* iPhone Safari initial paint: solid button faces avoid the intermittent
     translucent/gradient compositing state that cleared only after scrolling. */
  .home-page .home-hero-secondary-cta,
  .home-page .home-hero-secondary-cta:visited{
    background:#dfa82f!important;
    color:#061d38!important;
    border-color:#fff!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
  }
  .home-page .home-hero-actions .compact-cta,
  .home-page .home-hero-actions .compact-cta:visited{
    background:#082844!important;
    color:#fff!important;
    border-color:#dfa82f!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
  }
  .home-page .home-hero-actions .compact-cta::before,
  .home-page .home-hero-secondary-cta::before{
    background:none!important;
    opacity:0!important;
  }

  /* Preserve Round 14's compact board container. Square the cells from that
     exact width instead of assigning aspect-ratio to the table or its parent. */
  .sudoku-app:not(.is-simulated-fullscreen) #sudoku-grid td,
  .sudoku-app.is-simulated-fullscreen #sudoku-grid td,
  .sudoku-app:fullscreen #sudoku-grid td,
  .sudoku-app:-webkit-full-screen #sudoku-grid td{
    height:calc((min(88vw,38dvh,292px) - 16px) / 9)!important;
    min-height:0!important;
  }
  .sudoku-board-frame,
  .sudoku-app.is-simulated-fullscreen .sudoku-board-frame,
  .sudoku-app:fullscreen .sudoku-board-frame,
  .sudoku-app:-webkit-full-screen .sudoku-board-frame{
    height:auto!important;
    min-height:0!important;
  }
  #sudoku-grid,
  .sudoku-app.is-simulated-fullscreen #sudoku-grid,
  .sudoku-app:fullscreen #sudoku-grid,
  .sudoku-app:-webkit-full-screen #sudoku-grid{
    height:auto!important;
    min-height:0!important;
  }
  .sudoku-board-pane .sudoku-status{
    justify-content:center!important;
    text-align:center!important;
  }
  .sudoku-board-pane .sudoku-status-text{
    flex:1 1 auto!important;
    text-align:center!important;
  }
  .sudoku-control-pane{
    gap:6px!important;
  }
  .sudoku-control-group{
    margin-bottom:7px!important;
    padding-bottom:7px!important;
  }
  .sudoku-button-grid{
    gap:5px!important;
  }
  .sudoku-btn{
    min-height:32px!important;
    padding:5px 7px!important;
  }
}