*{box-sizing:border-box;margin:0;padding:0}
:root{
  --dn-blue:#0057a8;
  --dn-blue-dark:#003d7a;
  --dn-black:#111111;
  --dn-white:#ffffff;
  --dn-off:#f5f7fa;
  --dn-border:#d0dce8;
  --dn-text:#1a1a1a;
  --dn-muted:#4a5568;
}
body{background:var(--dn-white);color:var(--dn-text);font-size:18px;line-height:1.6;max-width:1320px;margin:0 auto}

/* NAV */
.top-nav{background:var(--dn-white);border-bottom:3px solid var(--dn-blue);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.logo-area{display:flex;flex-direction:column}
.logo-name{font-size:20px;font-weight:700;color:var(--dn-blue);letter-spacing:-0.5px;text-decoration:none;display:block}
.logo-tag{font-size:11px;color:var(--dn-muted);letter-spacing:0.5px;text-transform:uppercase}
.nav-links{display:flex;gap:6px}
.nav-link{background:none;border:none;font-size:14px;font-weight:600;color:var(--dn-blue);cursor:pointer;padding:7px 12px;border-radius:4px;text-decoration:none;display:inline-block}
.nav-link:hover{background:var(--dn-off)}

/* LISTEN BAR */
.listen-bar{background:var(--dn-off);border-bottom:1px solid var(--dn-border);padding:10px 20px;display:flex;align-items:center;gap:12px}
.listen-btn{background:var(--dn-blue);color:var(--dn-white);border:none;padding:8px 18px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;text-decoration:none}
.listen-btn svg{width:16px;height:16px;fill:var(--dn-white);flex-shrink:0}
.listen-label{font-size:13px;color:var(--dn-muted)}

/* JOB HEADER */
.jd-header{padding:22px 20px;border-bottom:2px solid var(--dn-border)}
.jd-title{font-weight:700;color:var(--dn-blue);margin-bottom:18px;line-height:1.3}
.jd-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.jd-meta-item{display:flex;align-items:center;gap:11px}
.jd-meta-icon{flex-shrink:0;margin-top:2px}
.meta-label{color:var(--dn-muted);font-weight:700;text-transform:uppercase;letter-spacing:0.3px;display:block}
.meta-val{font-size:16px;color:var(--dn-text);font-weight:600}
.apply-top-btn{background:var(--dn-blue);color:var(--dn-white);border:none;padding:12px 28px;border-radius:4px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;margin-bottom:14px}
.apply-top-btn:hover{background:var(--dn-blue-dark)}
.share-row{display:flex;align-items:center;gap:10px;margin-top:4px}
.share-label{font-size:14px;color:var(--dn-muted);font-weight:600}
.share-icon{background:var(--dn-off);border:1px solid var(--dn-border);padding:6px 14px;border-radius:4px;cursor:pointer;color:var(--dn-blue);font-weight:600;text-decoration:none;display:inline-block}
.share-icon:hover{background:var(--dn-blue);color:var(--dn-white)}

/* DETAIL SECTIONS */
.detail-section{border-bottom:1px solid var(--dn-border)}
.ds-head{display:flex;align-items:center;gap:12px;padding:14px 20px 10px;background:var(--dn-off)}
.ds-head svg{flex-shrink:0}
.ds-head span{font-weight:700;color:var(--dn-blue)}
.ds-body{padding:6px 20px 16px 58px}
.ds-body ul{list-style:none;padding:0}
.ds-body ul li{padding:7px 0;color:var(--dn-text);border-bottom:1px dotted var(--dn-border);display:flex;align-items:flex-start;gap:10px; padding-left:30px;}
.ds-body ul li:last-child{border-bottom:none}
.ds-body ul li::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--dn-blue);flex-shrink:0;margin-top:8px}

/* CHECKLIST */
.checklist-section{padding:20px;background:var(--dn-off);border-bottom:2px solid var(--dn-blue)}
.checklist-section h3{font-weight:700;color:var(--dn-black);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.checklist-section h3 svg{width:60px;height:60px;flex-shrink:0}
.check-item{display:flex;align-items:center;gap:25px;padding:8px 0;font-size:16px;border-bottom:1px dotted var(--dn-border)}
.check-item:last-child{border:none}
.check-item::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--dn-blue);flex-shrink:0;margin-top:7px}

/* HOW TO APPLY */
.how-apply{background:var(--dn-off);border-bottom:1px solid var(--dn-border);padding:20px}
.how-apply h3{font-size:18px;font-weight:700;color:var(--dn-blue);margin-bottom:8px}
.how-apply p{font-size:16px;color:var(--dn-text);margin-bottom:6px}

/* APPLY STRIP */
.apply-strip{background:var(--dn-black);padding:24px 20px;text-align:center}
.apply-strip.btn-container{
    padding:0px;
    background:white;
}

.apply-strip p{color:white;margin-bottom:14px}
.apply-big-btn{background:var(--dn-blue);color:var(--dn-white);border:none;padding:16px 32px;border-radius:4px;font-weight:700;cursor:pointer;width:100%;display:block;text-align:center;text-decoration:none;margin-bottom:10px;text-transform:uppercase;}
.apply-strip.btn-container .apply-big-btn{
    width:auto;
    display:inline-block;
    text-align:center;
    margin:0px;
}
.apply-big-btn:hover{background:transparent; border: 3px solid var(--dn-blue);}
.apply-help{color:white;}
.apply-help:hover{color:#aaaaaa;}



@media(max-width:520px){
  .jd-meta-grid{grid-template-columns:1fr}
  .nav-links .nav-link{font-size:12px;padding:6px 8px}
  .jd-title{font-size:22px}
}
@media(min-width:1400px){
    .ds-body ul li::before,.check-item::before{
        width:15px;
        height:15px;
    }
    .check-item{
        gap:20px;
        margin-left:40px;
    }
    .ds-body ul li{
        padding-left:40px;
    }
}
/* LOGO BAR */
.logo-bar{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--dn-border);background:var(--dn-white);flex-wrap:wrap}
.logo-bar img{object-fit:contain; box-shadow:1px 2px 10px lightgray;}