@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
.pagination{position:relative;width:80%;max-width:800px;margin:4rem auto;font-family:Open Sans,sans-serif;font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#3eb0ef;transition:all .2s ease}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:0 15px;border:1px solid #bfc8cd;text-decoration:none;border-radius:4px;transition:border .3s ease}.older-posts{right:0}.page-number{display:inline-block;padding:2px 0;min-width:100px}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{color:#3eb0ef;border-color:#98a0a4}.extra-pagination{display:none;border-bottom:1px solid #ebf2f6}.extra-pagination:after{display:block;content:"";width:7px;height:7px;border:1px solid #e7eef2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#fff;border-radius:100%;box-shadow:0 0 0 5px #fff}.extra-pagination .pagination{width:auto}.paged .main-header{max-height:30vh}.paged .extra-pagination{display:block}.pagination{padding-top:4rem;border-top:1px solid #bfc8cd;word-wrap:break-word}.pagination:before{display:block;content:"";width:7px;height:7px;border:1px solid #bfc8cd;position:absolute;top:-5px;left:50%;margin-left:-5px;background:#f4f8fb;border-radius:100%;box-shadow:0 0 0 5px #f4f8fb}.highlighter-rouge{overflow-x:auto;max-width:100%;min-width:100%}.highlight code,.highlight pre,.highlight table,.highlight tbody,.highlight tr,figure.highlight,td.code{border:none;min-width:100%;max-width:100%}.highlight table,.highlight td pre{padding:0;margin:0}.highlight table td{border:none;margin:none;padding:none}.highlight table td:first-child,.highlight table td:last-child{background:none}
/*# sourceMappingURL=screen.edited.css.map */

/* SIRIS typography overrides */
body {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #222;
    background-color: #ffffff;
}
.site-description {
    font-size: 1.8rem;
}
.site-main .inner {
    max-width: 860px;
}
.post-full-content {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #222;
}
.post-full-content p {
    margin-bottom: 1.6rem;
}
.post-full-content h1 {
    font-size: 4rem;
    line-height: 1.2;
    margin-bottom: 2rem;
}
.post-full-content h2 {
    font-size: 2.8rem;
    line-height: 1.3;
    margin-bottom: 1.6rem;
}
.post-full-content h3,
.post-full-content h4 {
    font-size: 2.2rem;
    line-height: 1.35;
    margin-bottom: 1.2rem;
}
.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 {
    font-size: 2.2rem;
}
.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p {
    font-size: 1.6rem;
    line-height: 1.6;
}
@media (max-width: 800px) {
    .post-full-content {
        font-size: 1.5rem;
    }
}

/* Noto Sans KR font system */
.noto-sans-kr-siris {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
:root {
    --siris-ui-font: "Noto Sans KR", sans-serif;
}
body,
input,
button,
select,
textarea,
.site-title,
.site-description,
.nav li a,
.post-card-tags,
.post-card-title,
.post-card-excerpt,
.post-card-meta,
.post-full-content,
.post-full-content p,
.post-full-content li,
.post-full-content blockquote,
.post-full-content h1,
.post-full-content h2,
.post-full-content h3,
.post-full-content h4,
.post-full-content h5,
.post-full-content h6,
.pagination,
.site-footer,
.site-footer * {
    font-family: var(--siris-ui-font);
    font-optical-sizing: auto;
    font-style: normal;
}

/* Project detail readability */
.post-template .post-full-content {
    font-size: 1.65rem;
    line-height: 1.85;
}

.post-template .post-full-content p,
.post-template .post-full-content ul,
.post-template .post-full-content ol {
    margin: 0 0 2.4rem;
}

.post-template .post-full-content li {
    margin: 0.8rem 0;
    line-height: 1.5;
}

.post-template .post-full-content h2 {
    margin: 8.0rem 0 2.5rem;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #454545;
}

.post-template .post-full-content h3 {
    margin: 3.4rem 0 1.4rem;
    font-size: 2.0rem;
    line-height: 1.35;
    font-weight: 700;
}

.post-template .post-full-content h4 {
    margin: 2.2rem 0 1rem;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
    color: #4a5560;
}

.post-template .post-full-content > h2:first-child {
    margin-top: 0;
}

/* Keep external SVG link icons inline inside text links */
.post-full-content a img[src*="api.iconify.design"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.45em 0 0;
    vertical-align: -0.12em;
    max-width: none;
}

.project-overview-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.0rem;
    margin: 1.8rem 0 3.2rem;
    align-items: start;
}

.project-overview-card {
    margin: 0;
}

.project-overview-card img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #e8edf2;
    box-shadow: 0 10px 28px rgba(20, 31, 51, 0.08);
}

.project-overview-card figcaption {
    margin-top: 0.9rem;
    color: #6a7681;
    font-size: 1.35rem;
    line-height: 1.6;
}

.project-overview-source {
    margin-top: 0.1rem;
    color: #8a94a0;
    font-size: 1.15rem;
    line-height: 1.4;
    letter-spacing: 0;
}

.project-role-note {
    margin: 0 0 0.5rem;
    color: #515961;
    font-size: 1.5rem;
    line-height: 1.3;
}

.post-template .post-full-content .project-role-note p {
    margin: 0.4rem 0;
}

.post-template .post-full-content .project-role-note ul {
    margin: 0.35rem 0 0;
    padding-left: 0;
    list-style: none;
}

.post-template .post-full-content .project-role-note li {
    position: relative;
    margin: 0.18rem 0;
    padding-left: 1.1rem;
    line-height: 1.35;
}

.post-template .post-full-content .project-role-note li::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
    color: #7a8692;
}

.post-template .post-full-content h2 + .project-role-note {
    margin-top: -0.8rem;
}

@media (max-width: 800px) {
    .post-template .post-full-content {
        font-size: 1.55rem;
        line-height: 1.8;
    }

    .post-template .post-full-content h2 {
        margin-top: 5.0rem;
        font-size: 2.5rem;
    }

    .post-template .post-full-content h3 {
        margin-top: 2.0rem;
        font-size: 2.2rem;
    }

    .post-template .post-full-content h4 {
        margin-top: 1.8rem;
        font-size: 1.75rem;
    }

    .post-template .post-full-content li {
        margin: 0.55rem 0;
    }

    .project-overview-gallery {
        grid-template-columns: 1fr;
    }

    .project-overview-card img {
        height: 200px;
    }
}