/* JOB MANAGER ONLY. Load after layout.css. */
body.gp-board-page{margin:0;padding:0;background:#fff;color:#082b55;font-family:truenolt,Arial,sans-serif}
.gp-board-page .gridContainer{width:100%;max-width:none;padding:0;margin:0;background:#101a32}
.gp-board-page #LayoutDiv1{width:100%;margin:0;padding:0}
.gp-board-page #header{top:0;left:0}
#gp-job-board{clear:both;display:block;background:#fff;text-align:left}
#gp-job-board *,#gp-job-board *:before,#gp-job-board *:after{box-sizing:border-box}
#gp-job-board h1,#gp-job-board h2,#gp-job-board h3{font-family:truenobd,Arial,sans-serif;font-weight:700;color:#082b55;margin:0;line-height:1.2}
#gp-job-board p{font-size:16px;line-height:1.75;margin:0 0 20px}
#gp-job-board .jb-wrap{width:90%;max-width:1500px;margin:auto}
#gp-job-board .jb-section{padding:65px 0;float:none;width:100%;clear:both}
#gp-job-board .jb-eyebrow{color:#407e8b;font-size:12px;line-height:1.5;letter-spacing:1.8px;font-family:truenobd,Arial,sans-serif;margin:0 0 16px}
#gp-job-board h2{font-size:30px;letter-spacing:-.6px;margin-bottom:22px}
#gp-job-board h3{font-size:22px;margin-bottom:15px}
#gp-job-board .jb-heading{text-align:center;max-width:850px;margin:0 auto 38px}
#gp-job-board .jb-heading p:last-child{margin:0;color:#405a75}
#gp-job-board .jb-hero{padding:60px 0;background:radial-gradient(ellipse at 80% 40%,#123d6a 0%,#0e2443 45%,#101a32 85%);color:#dce6ee}
#gp-job-board .jb-hero-grid{display:grid;gap:40px;align-items:center}
#gp-job-board .jb-hero h1{color:#fff;font-size:44px;letter-spacing:-1.4px;line-height:1.09;margin:0 0 24px}
#gp-job-board .jb-hero h1 span{color:#79b8c3}
#gp-job-board .jb-hero .jb-eyebrow,#gp-job-board .jb-cta .jb-eyebrow{color:#79b8c3}
#gp-job-board .jb-lead{font-size:18px;line-height:1.65;max-width:620px}
#gp-job-board .jb-hero-small{font-size:14px;color:#b8ccdd;margin-bottom:28px}
#gp-job-board .jb-hero-visual{min-width:0}
#gp-job-board .jb-hero-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 24px rgba(0,0,0,.22))}
#gp-job-board a.gp-board-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;border-radius:6px;background:#79b8c3;color:#101a32;text-decoration:none;font-family:truenobd,Arial,sans-serif;font-size:15px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}
#gp-job-board a.gp-board-demo-button:hover{background:#94ced6;transform:translateY(-3px);box-shadow:0 8px 22px #0002}
#gp-job-board a.gp-board-demo-button span{transition:transform .2s}
#gp-job-board a.gp-board-demo-button:hover span{transform:translateX(4px)}
#gp-job-board :focus-visible,.gp-board-page #gp-demo-modal :focus-visible{outline:3px solid #438c9b;outline-offset:4px}
#gp-job-board .jb-entry-grid{display:grid;gap:16px}
#gp-job-board .jb-entry{padding:25px;border:1px solid #d6e4eb;border-radius:10px;background:#f6f9fa}
#gp-job-board .jb-step{display:block;color:#4b8d9a;font-family:truenobd,Arial,sans-serif;font-size:14px;margin-bottom:20px}
#gp-job-board .jb-entry h3{font-size:19px;margin-bottom:10px}
#gp-job-board .jb-entry p{font-size:15px;margin:0;color:#405a75}
#gp-job-board .jb-explorer{background:#f3f7f9;border-block:1px solid #e2ebef}
#gp-job-board .jb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 25px;padding:7px;border:1px solid #d2e2ea;background:#e8eff3;border-radius:12px}
#gp-job-board a.jb-tab{padding:13px 7px;border-radius:7px;color:#234866;text-decoration:none;text-align:center;font-family:truenobd,Arial,sans-serif;font-size:13px;line-height:1.35;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
#gp-job-board a.jb-tab:hover{background:#d7e6ec}
#gp-job-board a.jb-tab[aria-selected=true]{background:#082b55;color:white;box-shadow:0 3px 8px #082b5520}
#gp-job-board .jb-panel{display:grid;gap:26px;background:#fff;border:1px solid #d3e1e8;border-radius:12px;padding:23px;margin-bottom:20px;box-shadow:0 12px 35px #12334a08;scroll-margin-top:100px}
#gp-job-board .jb-panel[hidden]{display:none!important}
#gp-job-board .jb-panel-copy{align-self:center}
#gp-job-board .jb-panel h3{font-size:27px;line-height:1.25;letter-spacing:-.5px}
#gp-job-board .jb-panel p{font-size:15px;color:#405a75}
#gp-job-board .jb-panel .jb-eyebrow{font-size:12px;color:#407e8b}
#gp-job-board .jb-panel ul{padding-left:20px;margin:0 0 24px;color:#234866}
#gp-job-board .jb-panel li{padding-left:4px;margin-bottom:12px;font-size:14px;line-height:1.6}
#gp-job-board .jb-panel li::marker{color:#5495a3}
#gp-job-board .jb-panel .jb-panel-note{border-top:1px solid #dce7ed;padding-top:18px;font-size:13px;line-height:1.65;margin:0}
#gp-job-board .jb-screen{margin:0;min-width:0;align-self:center}
#gp-job-board .jb-screen a{display:block;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #102e4520;border:1px solid #c6d6de;background:#f6f8f9}
#gp-job-board .jb-screen img{display:block;width:100%;height:auto}
#gp-job-board .jb-screen figcaption{text-align:center;font-size:12px;color:#536d83;margin-top:13px}
#gp-job-board .jb-benefits{display:grid;gap:22px}
#gp-job-board .jb-benefits article{padding:30px;border:1px solid #d6e4eb;border-radius:10px;background:#fff;box-shadow:0 10px 25px #12334a06}
#gp-job-board .jb-benefits p:last-child{font-size:15px;color:#405a75;margin:0}
#gp-job-board .jb-history{background:#edf4f6}
#gp-job-board .jb-history-grid{display:grid;gap:18px;align-items:center}
#gp-job-board .jb-history p:last-child{margin-bottom:0}
#gp-job-board .jb-cta{background:radial-gradient(ellipse at 50% 100%,#153654,#101a32 70%);text-align:center}
#gp-job-board .jb-cta h2{color:#fff}
#gp-job-board .jb-cta p:not(.jb-eyebrow){color:#d1dfeb;max-width:760px;margin:0 auto 28px}
/* Tablet layout */
@media(min-width:481px){
#gp-job-board .jb-hero{padding:65px 0}
#gp-job-board .jb-hero h1{font-size:58px}
#gp-job-board .jb-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#gp-job-board .jb-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
#gp-job-board .jb-panel{padding:30px}
#gp-job-board h2{font-size:36px}
}
/* Desktop layout */
@media(min-width:769px){
#gp-job-board{padding-top:80px}
#gp-job-board .jb-section{padding:85px 0}
#gp-job-board .jb-hero{padding:70px 0 76px}
#gp-job-board .jb-hero-grid{grid-template-columns:.9fr 1.1fr;gap:35px}
#gp-job-board .jb-hero h1{font-size:clamp(45px,4.2vw,68px)}
#gp-job-board .jb-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#gp-job-board .jb-entry{padding:26px}
#gp-job-board .jb-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
#gp-job-board .jb-history-grid{grid-template-columns:1fr 1fr;gap:70px}
#gp-job-board .jb-history h2{margin-bottom:0}
}
@media(min-width:1100px){
#gp-job-board .jb-tabs{grid-template-columns:repeat(10,minmax(0,1fr))}
#gp-job-board .jb-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;padding:38px}
#gp-job-board .jb-panel h3{font-size:32px}
#gp-job-board .jb-panel{min-height:650px}
#gp-job-board h2{font-size:40px}
}

/* Matching shared footer and demo form, copied here for a self-contained page update. */
#gp-footer {
    clear: both;
    width: 100%;
    background-color: #101A32;
    padding: 42px 5% 24px 5%;
    box-sizing: border-box;
    font-family: truenolt;
}

.gp-footer-main {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding-bottom: 32px;
    box-sizing: border-box;
}

/* BRAND */

.gp-footer-brand {
    width: 30%;
    text-align: left;
}

.gp-footer-logo {
    display: block;
    width: 190px;
    height: auto;
    margin-bottom: 8px;
}

.gp-footer-brand p {
    margin: 0;
    color: #79B8C3;
    font-size: 14px;
    line-height: 1.4;
}

/* LEGAL LINKS */

.gp-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex: 1;
}

.gp-footer-links a {
    color: #FFFFFF;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.gp-footer-links a:hover {
    color: #79B8C3;
}

.gp-footer-links span {
    color: rgba(255,255,255,0.3);
}

/* CONTACT + SOCIAL */

.gp-footer-contact {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.gp-footer-contact-button {
    display: inline-block;
    padding: 12px 22px;
    background-color: #79B8C3;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.gp-footer-contact-button:hover {
    background-color: #8FC6CF;
    color: #FFFFFF;
}

.gp-footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gp-footer-social a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.gp-footer-social a:hover {
    background-color: #79B8C3;
    border-color: #79B8C3;
}

/* BOTTOM ROW */

.gp-footer-bottom {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-sizing: border-box;
}

.gp-footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    line-height: 1.5;
}

.gp-footer-bottom span {
    margin: 0 10px;
    color: #79B8C3;
}
/* DESIGNER FOOTER: MOBILE / BASE */

#gp-footer.gp-designer-footer {
    box-sizing: border-box;
    clear: both;
    width: 100vw;
    max-width: none;
    margin: 0 calc(50% - 50vw);
    padding: 36px 0 24px;
    background: #101a32;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #dce5ef;
}

#gp-footer.gp-designer-footer .gp-footer-main,
#gp-footer.gp-designer-footer .gp-footer-bottom {
    box-sizing: border-box;
    width: 90%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

#gp-footer.gp-designer-footer .gp-footer-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 0 0 28px;
    text-align: center;
}

#gp-footer.gp-designer-footer .gp-footer-brand p {
    margin: 12px 0 0;
    color: #c9d6e5;
    font-size: 14px;
    line-height: 1.6;
}

#gp-footer.gp-designer-footer .gp-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#gp-footer.gp-designer-footer .gp-footer-links a {
    color: #ffffff;
    font-size: 14px;
}

#gp-footer.gp-designer-footer .gp-footer-links a:hover {
    color: #79b8c3;
}

#gp-footer.gp-designer-footer .gp-footer-links span {
    color: #64748b;
}

#gp-footer.gp-designer-footer .gp-footer-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

#gp-footer.gp-designer-footer .gp-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 22px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    text-align: center;
}

#gp-footer.gp-designer-footer .gp-footer-bottom p {
    margin: 0;
    color: #c9d6e5;
    font-size: 13px;
    line-height: 1.6;
}


/* DESIGNER FOOTER: TABLET */

@media only screen and (min-width: 481px) {

    #gp-footer.gp-designer-footer {
        padding-top: 40px;
        padding-bottom: 28px;
    }

    #gp-footer.gp-designer-footer .gp-footer-main {
        gap: 28px;
    }

}


/* DESIGNER FOOTER: DESKTOP */

@media only screen and (min-width: 769px) {

    #gp-footer.gp-designer-footer .gp-footer-main {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    #gp-footer.gp-designer-footer .gp-footer-bottom {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px 24px;
        text-align: left;
    }

}/* DEMO BOOKING POPUP */

#gp-demo-modal {
    display: flex;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 20, 45, 0.88);
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#gp-demo-modal.gp-demo-modal-open {
    opacity: 1;
    visibility: visible;
}

.gp-demo-modal-inner {
    position: relative;
    width: 100%;
    max-width: 720px;
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 40px;
    box-sizing: border-box;
    text-align: left;

    transform: translateY(20px) scale(0.98);
    transition: transform 0.3s ease;
}

#gp-demo-modal.gp-demo-modal-open .gp-demo-modal-inner {
    transform: translateY(0) scale(1);
}

.gp-demo-close {
    position: absolute;
    top: 15px;
    right: 18px;
    border: 0;
    background: none;
    color: #082B55;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.gp-demo-eyebrow {
    margin: 0 0 8px 0;
    color: #79B8C3;
    font-family: truenolt;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.gp-demo-modal-inner h2 {
    margin: 0 0 10px 0;
    color: #082B55;
    font-family: truenolt;
    font-size: 32px;
    line-height: 1.2;
}

.gp-demo-intro {
    margin: 0 0 25px 0;
    color: #294766;
    font-family: truenolt;
    font-size: 15px;
    line-height: 1.5;
}

.gp-demo-row {
    display: flex;
    gap: 18px;
}

.gp-demo-field {
    width: 100%;
    margin-bottom: 18px;
}

.gp-demo-field label {
    display: block;
    margin-bottom: 6px;
    color: #082B55;
    font-family: truenolt;
    font-size: 14px;
    font-weight: 600;
}

.gp-demo-field input,
.gp-demo-field textarea {
    width: 100%;
    border: 1px solid #CFDDE5;
    border-radius: 6px;
    padding: 11px 12px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    color: #294766;
    font-family: truenolt;
    font-size: 15px;
    outline: none;
}

.gp-demo-field input:focus,
.gp-demo-field textarea:focus {
    border-color: #79B8C3;
}

.gp-demo-field textarea {
    resize: vertical;
}

.gp-demo-submit {
    border: 0;
    border-radius: 6px;
    background-color: #79B8C3;
    color: #FFFFFF;
    padding: 13px 24px;
    font-family: truenolt;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.gp-demo-success {
    padding: 20px 0 10px 0;
    text-align: center;
}

.gp-demo-success h3 {
    margin: 0 0 10px 0;
    color: #082B55;
    font-family: truenolt;
    font-size: 24px;
}

.gp-demo-success p {
    margin: 0;
    color: #294766;
    font-family: truenolt;
    font-size: 15px;
    line-height: 1.5;
}

/* Page-specific containment and compact-screen adjustments. */
body.gp-board-page #gp-footer.gp-designer-footer{width:100%;max-width:none;margin:0;padding-bottom:28px}
.gp-board-page #gp-footer .gp-footer-brand,.gp-board-page #gp-footer .gp-footer-contact{width:auto}
.gp-board-page #gp-footer .gp-footer-links{flex:initial}
.gp-board-page #gp-footer .gp-footer-logo{max-width:190px;width:100%;height:auto}
.gp-board-page #gp-demo-modal{overflow:auto}
.gp-board-page .gp-demo-modal-inner{max-height:calc(100dvh - 40px);overflow:auto}
.gp-board-page #gp-demo-status{font-size:14px;line-height:1.5;color:#082b55}
.gp-board-page .gp-demo-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:768px){
 .gp-board-page #gp-footer .gp-footer-brand{text-align:center}
 .gp-board-page #gp-footer .gp-footer-logo{margin-left:auto;margin-right:auto}
 .gp-board-page #gp-demo-modal{padding:15px}
 .gp-board-page .gp-demo-modal-inner{padding:30px 22px;max-height:calc(100dvh - 30px)}
 .gp-board-page .gp-demo-modal-inner h2{font-size:26px}
}
@media(max-width:480px){.gp-board-page .gp-demo-row{display:block}}
@media(prefers-reduced-motion:reduce){
 #gp-job-board *, .gp-board-page #gp-demo-modal, .gp-board-page .gp-demo-modal-inner{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Reserve header space without JavaScript; JS measures the site's actual header. */
#gp-job-board{padding-top:80px}
#gp-job-board .jb-pending{opacity:0}
@media(prefers-reduced-motion:reduce){#gp-job-board .jb-pending{opacity:1}}

/* Screenshot panels: navy background and more breathing room. */
#gp-job-board .jb-panel{background:#101a32;border-color:#263b53;box-shadow:0 15px 35px #082b5512;padding:28px;gap:35px}
#gp-job-board .jb-panel h3{color:#fff}
#gp-job-board .jb-panel p,#gp-job-board .jb-panel li{color:#d7e3ee}
#gp-job-board .jb-panel .jb-eyebrow{color:#79b8c3}
#gp-job-board .jb-panel li::marker{color:#79b8c3}
#gp-job-board .jb-panel .jb-panel-note{color:#b9cedd;border-top-color:#ffffff26}
#gp-job-board .jb-screen figcaption{color:#c4d6e3}
#gp-job-board .jb-screen a{border-color:#567082;box-shadow:0 12px 28px #0003;cursor:zoom-in}
@media(min-width:481px){#gp-job-board .jb-panel{padding:38px;gap:40px}}
@media(min-width:1100px){
 #gp-job-board .jb-panel{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(65px,6vw,100px);padding:clamp(40px,4vw,60px)}
 #gp-job-board .jb-panel-copy{max-width:490px}
}
/* Native modal provides keyboard focus containment and Escape handling. */
.gp-board-page #jb-image-dialog{box-sizing:border-box;width:min(1320px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:16px;border:1px solid #52677e;border-radius:12px;background:#101a32;color:#fff;box-shadow:0 25px 100px #0008;overflow:auto}
.gp-board-page #jb-image-dialog::backdrop{background:rgba(3,12,28,.9)}
.gp-board-page #jb-image-dialog:not([open]){display:none}
.gp-board-page .jb-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.gp-board-page #jb-image-caption{margin:0;font:15px/1.5 truenolt,Arial,sans-serif;color:#d7e3ee}
.gp-board-page #jb-image-close{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid #79b8c3;border-radius:6px;background:#79b8c3;color:#101a32;font:16px/1.4 truenobd,Arial,sans-serif;cursor:pointer}
.gp-board-page #jb-image-close:hover{background:#a4d6de}
.gp-board-page #jb-image-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.gp-board-page #jb-image-close span{font:25px/1 Arial,sans-serif}
.gp-board-page #jb-image-full{display:block;margin:auto;width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 100px);object-fit:contain;border-radius:6px}
@media(max-width:480px){
 .gp-board-page #jb-image-dialog{padding:12px}
 .gp-board-page #jb-image-caption{font-size:12px}
 .gp-board-page #jb-image-close{padding:8px 12px;font-size:14px}
}

/* Refined page styling: match the Designer page's typography and spacing. */
#gp-job-board .jb-hero{background:#0c1d36 url("new-slider-background.jpg") center/cover no-repeat}
#gp-job-board .jb-hero h1{font-size:36px;line-height:1.17;letter-spacing:-.6px}
#gp-job-board .jb-hero-small{font-size:15px;line-height:1.7;max-width:550px}
#gp-job-board .jb-eyebrow{letter-spacing:1.3px;font-size:13px}
#gp-job-board h2{letter-spacing:-.4px}
#gp-job-board .jb-heading{max-width:930px;margin-bottom:38px}
#gp-job-board .jb-intro .jb-heading{margin-bottom:0}
#gp-job-board .jb-intro .jb-heading p+p{margin-top:16px}
#gp-job-board .jb-section{padding:55px 0}
#gp-job-board .jb-explorer{background:#fff;border:0;padding-top:10px}
#gp-job-board .jb-tabs{background:#edf3f6;border-color:#d5e4ed;gap:5px;margin-bottom:28px}
#gp-job-board .jb-panel{box-shadow:none;margin-bottom:0;border-radius:10px}
#gp-job-board .jb-panel h3{font-size:26px;line-height:1.3}
#gp-job-board .jb-panel li{margin-bottom:10px;line-height:1.65}
#gp-job-board .jb-panel ul{margin-bottom:0}
#gp-job-board .jb-panel .jb-panel-note{margin-top:24px}
#gp-job-board .jb-screen a{box-shadow:none}
#gp-job-board .jb-team{background:#f5f8fa}
#gp-job-board .jb-benefits{gap:30px}
#gp-job-board .jb-benefits article{background:transparent;box-shadow:none;border:0;border-top:2px solid #79b8c3;border-radius:0;padding:24px 0 0}
#gp-job-board .jb-benefits h3{font-size:21px}
#gp-job-board .jb-history{background:#fff}
#gp-job-board .jb-cta{background:#101a32}
#gp-job-board a.gp-board-demo-button{color:#fff;transition:background .25s,box-shadow .25s}
#gp-job-board a.gp-board-demo-button:hover{transform:none;background:#609faa;box-shadow:none}
@media(min-width:481px){
 #gp-job-board .jb-hero h1{font-size:44px}
 #gp-job-board .jb-panel{padding:40px}
}
@media(min-width:769px){
 #gp-job-board .jb-hero h1{font-size:clamp(34px,3.2vw,50px)}
 #gp-job-board .jb-hero-grid{grid-template-columns:1fr 1.1fr;gap:55px}
 #gp-job-board .jb-section{padding:70px 0}
 #gp-job-board .jb-explorer{padding-top:0}
 #gp-job-board h2{font-size:34px}
 #gp-job-board .jb-benefits{gap:45px}
}
@media(min-width:1100px){
 #gp-job-board .jb-panel{min-height:600px;gap:85px;padding:50px}
 #gp-job-board .jb-panel h3{font-size:29px}
}

/* Restored four ways to create a T-card. */
#gp-job-board .jb-intro .jb-entry-grid{margin-top:38px}

/* Job Board view comparison: wide screenshots with room for the whole board. */
#gp-job-board .jb-tabs{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto 28px}
#gp-job-board .jb-panel{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}
#gp-job-board .jb-panel-copy{max-width:900px;margin:0 auto;text-align:center}
#gp-job-board .jb-panel-copy ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 35px;padding-left:20px;text-align:left}
#gp-job-board .jb-panel-copy li{margin:0}
#gp-job-board .jb-screen{width:100%;max-width:1100px;margin:0 auto}
#gp-job-board .jb-panel-copy>p:not(.jb-eyebrow){max-width:800px;margin-left:auto;margin-right:auto}
#gp-job-board a.jb-text-link{color:#397f8e;font-family:truenobd,Arial,sans-serif;text-decoration:none}
#gp-job-board a.jb-text-link:hover{text-decoration:underline}
@media(max-width:480px){
 #gp-job-board .jb-panel{padding:25px 18px}
 #gp-job-board .jb-panel-copy ul{display:block}
 #gp-job-board .jb-panel-copy li{margin-bottom:12px}
 #gp-job-board .jb-tab{font-size:12px}
}

/* Half-height previews. Original screenshots remain intact in the popup. */
#gp-job-board .jb-screen > a {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 2.7;
}
#gp-job-board #jb-panel-column .jb-screen > a { aspect-ratio: 3404 / 1263; }
#gp-job-board #jb-panel-compact .jb-screen > a { aspect-ratio: 3412 / 1240; }
#gp-job-board #jb-panel-tab .jb-screen > a { aspect-ratio: 3396 / 1253; }
#gp-job-board .jb-screen > a > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}