.sos-article-info {
    margin: 48px 0 30px;
    border: 1px solid #d8e1e7;
    border-radius: 8px;
    overflow: hidden;
    background: #f8fafb;
    color: #26343d;
    font-size: 15px;
    line-height: 1.55;
}

.sos-article-info * {
    box-sizing: border-box;
}

.sos-article-info__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    background: #173f5a;
    color: #fff;
}

.sos-article-info__header h2 {
    margin: 3px 0 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
}

.sos-article-info__eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    opacity: .75;
}

.sos-article-info__status {
    flex: 0 0 auto;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.sos-article-info__status--historical {
    background: #fff1c9;
    color: #644b00;
}

.sos-article-info__status--audited {
    background: #d9f0e1;
    color: #174f2d;
}

.sos-article-info__history {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #d8e1e7;
    background: #fff;
}

.sos-article-info__history > div {
    padding: 15px 18px;
    border-right: 1px solid #e2e8ec;
}

.sos-article-info__history > div:last-child {
    border-right: 0;
}

.sos-article-info__history span,
.sos-article-info__item span {
    display: block;
    margin-bottom: 3px;
    color: #68757d;
    font-size: 12px;
    font-weight: 600;
}

.sos-article-info__history strong,
.sos-article-info__item strong {
    display: block;
    color: #26343d;
    font-size: 14px;
}

.sos-article-info__historical-note {
    padding: 15px 20px;
    border-bottom: 1px solid #ead9a4;
    background: #fff9e8;
    color: #514721;
}

.sos-article-info__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #dfe6ea;
    border-bottom: 1px solid #d8e1e7;
}

.sos-article-info__item {
    padding: 15px 18px;
    background: #fff;
}

.sos-article-info__item--wide {
    grid-column: 1 / -1;
}

.sos-article-info__section {
    padding: 20px 22px;
    border-bottom: 1px solid #d8e1e7;
    background: #fff;
}

.sos-article-info__section h3,
.sos-article-info__before-you-act h3 {
    margin: 0 0 12px;
    padding: 0;
    font-size: 18px;
    color: #26343d;
}

.sos-article-info__section p {
    margin: 9px 0 0;
}

.sos-article-info__disclosure {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 24px;
    margin: 0;
}

.sos-article-info__disclosure div {
    margin: 0;
}

.sos-article-info__disclosure dt {
    color: #68757d;
    font-size: 12px;
    font-weight: 600;
}

.sos-article-info__disclosure dd {
    margin: 2px 0 0;
    font-weight: 700;
}

.sos-article-info__small {
    color: #68757d;
    font-size: 13px;
}

.sos-article-info__before-you-act {
    padding: 20px 22px;
    border-left: 5px solid #67b7e1;
    background: #eef6fa;
}

.sos-article-info__before-you-act p {
    margin: 8px 0 0;
}

@media (max-width: 700px) {
    .sos-article-info {
        margin-top: 34px;
    }

    .sos-article-info__header {
        display: block;
        padding: 18px;
    }

    .sos-article-info__status {
        display: inline-block;
        margin-top: 12px;
    }

    .sos-article-info__history,
    .sos-article-info__grid,
    .sos-article-info__disclosure {
        grid-template-columns: 1fr;
    }

    .sos-article-info__history > div {
        border-right: 0;
        border-bottom: 1px solid #e2e8ec;
    }

    .sos-article-info__history > div:last-child {
        border-bottom: 0;
    }

    .sos-article-info__item--wide {
        grid-column: auto;
    }
}


/* =========================================================
   South of Seoul Native Table of Contents — 0.4.3
   ========================================================= */

.sos-native-toc {
    margin: 0 0 28px;
    border: 1px solid #d9e2e8;
    border-radius: 12px;
    background: #f8fafb;
    overflow: hidden;
}

.sos-native-toc summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 12px 16px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.sos-native-toc summary::-webkit-details-marker {
    display: none;
}

.sos-native-toc summary::after {
    content: "＋";
    margin-left: auto;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
}

.sos-native-toc[open] summary::after {
    content: "−";
}

.sos-native-toc__title {
    font-weight: 700;
    color: #17394d;
}

.sos-native-toc__hint {
    color: #667985;
    font-size: 13px;
}

.sos-native-toc__nav {
    border-top: 1px solid #e1e8ec;
    padding: 14px 18px 18px;
    background: #fff;
}

.sos-native-toc__nav ol {
    margin: 0;
    padding-left: 22px;
}

.sos-native-toc__nav li {
    margin: 7px 0;
    line-height: 1.45;
}

.sos-native-toc__nav .sos-native-toc__subitem {
    margin-left: 18px;
    font-size: .95em;
}

.sos-native-toc__nav a {
    color: #245b78;
    text-decoration: none;
}

.sos-native-toc__nav a:hover,
.sos-native-toc__nav a:focus {
    text-decoration: underline;
}

.article-content h2[id],
.article-content h3[id] {
    scroll-margin-top: 90px;
}


/* =========================================================
   Article Information jump link — 0.4.3
   ========================================================= */

.byline .sos-article-info-jump {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-left: 12px;
    padding: 7px 11px;
    border: 1px solid #cbd9e1;
    border-radius: 999px;
    background: #f8fafb;
    color: #245b78;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.byline .sos-article-info-jump:hover,
.byline .sos-article-info-jump:focus {
    background: #eef5f8;
    border-color: #9eb9c8;
    text-decoration: none;
}

#sos-article-info-title {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {

    .sos-native-toc__hint {
        display: none;
    }

    .sos-native-toc {
        margin-bottom: 22px;
    }

    .byline .sos-article-info-jump {
        margin-left: 8px;
        padding: 6px 9px;
        font-size: 11px;
        white-space: normal;
        text-align: center;
    }
}

/* SOSBA 0.4.4 — Credits & current editorial status */

.sos-article-info__status--current {
    background:#eef7f2;
    border-color:#bfdccb;
    color:#276044;
}

.sos-article-info__credit-list {
    display:grid;
    gap:10px;
}

.sos-article-info__credit {
    padding:12px 14px;
    border:1px solid #e0e7eb;
    border-radius:9px;
    background:#fff;
}

.sos-article-info__credit > div {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:7px 10px;
}

.sos-article-info__credit > div span,
.sos-article-info__credit small {
    color:#687b86;
}

.sos-article-info__credit p {
    margin:7px 0 0;
}


/* =========================================================
   SOSBA 0.4.7 — Article History
   ========================================================= */

.sos-article-info__timeline-section {
    background:#fbfcfd;
}

.sos-article-info__timeline {
    position:relative;
    margin-top:4px;
}

.sos-article-info__timeline-event {
    position:relative;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:12px;
    padding:0 0 20px;
}

.sos-article-info__timeline-event:last-child {
    padding-bottom:0;
}

.sos-article-info__timeline-event::before {
    content:"";
    position:absolute;
    left:6px;
    top:13px;
    bottom:-3px;
    width:2px;
    background:#dbe4e9;
}

.sos-article-info__timeline-event:last-child::before {
    display:none;
}

.sos-article-info__timeline-marker {
    position:relative;
    z-index:1;
    width:14px;
    height:14px;
    margin-top:5px;
    border:3px solid #fff;
    border-radius:50%;
    background:#8297a3;
    box-shadow:0 0 0 1px #cbd8df;
}

.sos-article-info__timeline-event--audit
.sos-article-info__timeline-marker {
    background:#3f8f62;
    box-shadow:0 0 0 1px #8fc4a5;
}

.sos-article-info__timeline-event--published
.sos-article-info__timeline-marker {
    background:#245b78;
    box-shadow:0 0 0 1px #91b3c5;
}

.sos-article-info__timeline-content {
    min-width:0;
}

.sos-article-info__timeline-content time {
    display:block;
    margin-bottom:2px;
    color:#68757d;
    font-size:12px;
    font-weight:600;
}

.sos-article-info__timeline-content strong {
    display:block;
    color:#26343d;
    font-size:14px;
}

.sos-article-info__timeline-meta {
    display:block;
    margin-top:2px;
    color:#68757d;
    font-size:13px;
}

.sos-article-info__timeline-content p {
    margin:6px 0 0;
    color:#43525b;
    font-size:14px;
}

.sos-article-info__timeline-note {
    margin-top:14px !important;
    padding-top:12px;
    border-top:1px solid #e5ebee;
}

@media (max-width:700px) {
    .sos-article-info__timeline-event {
        gap:10px;
    }
}


/* =========================================================
   SOSBA 0.4.8 — Reader Reports
   ========================================================= */

.sos-reader-report {
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #dfe6ea;
}

.sos-reader-report__details {
    border:1px solid #d9e2e7;
    border-radius:10px;
    background:#fff;
}

.sos-reader-report__details > summary {
    padding:14px 16px;
    cursor:pointer;
    font-weight:700;
    color:#2d4655;
}

.sos-reader-report__body {
    padding:0 16px 16px;
}

.sos-reader-report__body > p {
    margin-top:0;
}

.sos-reader-report__form {
    display:grid;
    gap:13px;
}

.sos-reader-report__form label > span {
    display:block;
    margin-bottom:5px;
    font-size:13px;
    font-weight:700;
}

.sos-reader-report__form select,
.sos-reader-report__form textarea {
    width:100%;
    box-sizing:border-box;
    padding:9px 10px;
    border:1px solid #c9d5dc;
    border-radius:6px;
    background:#fff;
    font:inherit;
}

.sos-reader-report__submit {
    justify-self:start;
    padding:9px 14px;
    border:0;
    border-radius:6px;
    background:#2d6f4f;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

.sos-reader-report__form small {
    color:#68757d;
}

.sos-reader-report__notice {
    margin:0 0 14px;
    padding:10px 12px;
    border-radius:6px;
    background:#f5f6f7;
}

.sos-reader-report__notice--success {
    background:#edf7f1;
}

.sos-reader-report__hp {
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}