/* Prior Pen reference block, made responsive without changing its wording. */
.hjc-sources-v8 {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:0 20px;
    margin:0;
    color:#62675F;
    background:#fff;
    font-family:"Noto Sans KR",system-ui,sans-serif;
    font-size:11.5px;
    font-weight:400;
    line-height:1.65;
    text-align:left;
    overflow-wrap:anywhere;
}
.hjc-sources-v8 *,
.hjc-sources-v8 *::before,
.hjc-sources-v8 *::after {box-sizing:border-box;}
.hjc-sources-v8 .hjc-sources-leading {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    width:100%;
    min-width:0;
    border-top:1px solid #DEDCD4;
    padding-top:18px;
}
.hjc-sources-v8 .hjc-sources-title {
    margin:0;
    color:#62675F;
    font-size:13px;
    font-weight:600;
    line-height:21px;
}
.hjc-sources-v8 .hjc-source-item {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    width:100%;
    min-width:0;
    margin:0;
    scroll-margin-top:85px;
}
.hjc-sources-v8 .hjc-source-divided {
    border-top:1px solid #DEDCD4;
    padding-top:12px;
}
.hjc-sources-v8 .hjc-sources-note {padding-top:14px;}
/* Older Pen exports pin these node heights. Let wrapped source text grow. */
.pen-viewport .hjc-sources-v8 .hjc-sources-leading,
.pen-viewport .hjc-sources-v8 .hjc-source-divided {height:auto!important;}
.hjc-sources-v8 a,
.hjc-sources-v8 a:visited {
    color:#62675F;
    font-size:inherit;
    line-height:inherit;
    font-weight:400;
    text-decoration:none;
}
.hjc-sources-v8 a:hover {text-decoration:underline;}
.hjc-sources-v8 a:focus-visible {outline:2px solid var(--green,#245440);outline-offset:3px;}
@media print {
    .hjc-sources-v8 {break-inside:avoid;}
}