/* okjeong: slate blue technical, ruled table, left-bar headings */
.pg-okjeong{--accent:hsl(205,70%,42%);--accent-light:hsl(205,70%,60%);--primary-dark:#12263a;--bg-alt:hsl(210,28%,95%);--line:hsl(210,22%,84%);--accent-text:hsl(205,75%,30%)}
.pg-okjeong .page-hero::after{background:linear-gradient(110deg,rgba(14,32,50,.9) 0%,rgba(14,32,50,.5) 60%,rgba(14,32,50,.2) 100%)}
.pg-okjeong .page-hero h1{color:#fff}
.pg-okjeong .btn-primary{background:var(--accent);color:#fff;border-radius:3px}
.pg-okjeong h2{border-left:5px solid var(--accent);padding-left:12px}
.pg-okjeong .section-head h2{border-left:0;padding-left:0}
.pg-okjeong .answer-lead{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);padding:20px 22px;border-radius:3px;font-weight:600}
.pg-okjeong .info-card{border-radius:3px;border-top:4px solid var(--accent)}
.pg-okjeong .info-table th{background:#12263a;letter-spacing:.02em}
.pg-okjeong .info-table td:first-child{font-weight:800;color:var(--accent-text);background:hsl(205,40%,96%)}
.pg-okjeong .related-card{border-radius:3px}
.pg-okjeong .related-card .rc-tag,.pg-okjeong .section-eyebrow{color:var(--accent-text)}
.pg-okjeong{overflow-x:hidden}
.pg-okjeong img{max-width:100%;height:auto}
.pg-okjeong .ba-sets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pg-okjeong .ba-set{display:contents}
.pg-okjeong .ba-shot{aspect-ratio:3/4;width:100%}
.pg-okjeong .ba-shot img{width:100%;height:100%;object-fit:cover;object-position:center}
.pg-okjeong .info-table th,.pg-okjeong .info-table td{word-break:keep-all}
.pg-okjeong .page-hero h1{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){.pg-okjeong .ba-sets{grid-template-columns:repeat(2,1fr);gap:10px}}