/* Service outcomes, keyboard navigation and final responsive refinements. */
.skip-link{
    position:fixed;
    top:12px;
    left:16px;
    z-index:1000;
    padding:11px 16px;
    border:2px solid var(--primary);
    border-radius:7px;
    color:#061526;
    background:#d7e4ff;
    font-weight:800;
    box-shadow:0 12px 32px rgba(0,0,0,.38);
    transform:translateY(-170%);
    transition:transform .16s ease;
}

.skip-link:focus{
    transform:translateY(0);
}

:where(a,button,input,select,textarea,summary):focus-visible{
    outline:3px solid var(--primary);
    outline-offset:3px;
}

.desktop-nav .nav-submenu a:focus-visible,
.mobile-menu-panel>nav .mobile-submenu a:focus-visible{
    outline:3px solid var(--primary);
    outline-offset:2px;
}

main[tabindex="-1"]:focus,
main[tabindex="-1"]:focus-visible{
    outline:none;
}

.deliverables-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.deliverable-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-content:start;
    gap:18px;
    min-height:178px;
    padding:27px;
    border:1px solid var(--line);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(18,39,62,.94),rgba(8,25,43,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.deliverable-card .icon{
    margin-top:1px;
}

.deliverable-card h3{
    margin:1px 0 8px;
    color:var(--text);
    font:700 var(--type-card,1.18rem)/1.3 var(--heading);
}

.deliverable-card p{
    margin:0;
    color:var(--muted);
    font-size:var(--type-copy,.96rem);
    line-height:1.65;
}

@media(max-width:620px){
    .deliverables-grid{
        grid-template-columns:1fr;
    }

    .deliverable-card{
        min-height:0;
        padding:23px 21px;
    }
}

@media(prefers-reduced-motion:reduce){
    .skip-link{
        transition:none;
    }
}