:root {
    --site-max: 1488px;
    --site-pad: 24px;
    --grid-gap: 16px;
    --home-content-max: 890px;
    --text: #111;
    --muted: #666;
    --border: #e8e8e8;
    --bg: #fff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text);
    background: var(--bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
}

.hiceleb-co-kr-site-shell {
    width: min(100% - (var(--site-pad) * 2), var(--site-max));
    margin-inline: auto;
}

.hiceleb-co-kr-site-header {
    border-bottom: 1px solid var(--border);
}

.hiceleb-co-kr-site-header__inner {
    min-height: 72px;
    display: flex;
    align-items: center;
}

.hiceleb-co-kr-site-nav {
    margin-left: auto;
    padding-left: 20px;
    flex-shrink: 0;
}

.hiceleb-co-kr-site-nav a {
    text-decoration: none;
}

.hiceleb-co-kr-site-nav a:hover {
    text-decoration: underline;
}

.hiceleb-co-kr-site-brand {
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.hiceleb-co-kr-site-main {
    min-height: 60vh;
}

/* Homepage grid and SEO body share the same outer line on every breakpoint. */
#hiceleb-co-kr-post-grid,
.hiceleb-co-kr-lpc-main-html {
    width: min(100% - (var(--site-pad) * 2), var(--home-content-max));
    margin-inline: auto;
}

#hiceleb-co-kr-post-grid {
    padding: 28px 0;
}

#hiceleb-co-kr-post-grid ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px var(--grid-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

#hiceleb-co-kr-post-grid .hiceleb-co-kr-item {
    min-width: 0;
    margin: 0;
    padding: 0;
}

#hiceleb-co-kr-post-grid a {
    display: block;
    color: inherit;
    text-decoration: none;
}

#hiceleb-co-kr-post-grid .hiceleb-co-kr-thumb {
    width: 100%;
    background: #f4f4f4;
}

#hiceleb-co-kr-post-grid .hiceleb-co-kr-thumb img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
}

#hiceleb-co-kr-post-grid .hiceleb-co-kr-title {
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#hiceleb-co-kr-post-grid a:hover .hiceleb-co-kr-title {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.hiceleb-co-kr-content-shell {
    max-width: 880px;
    padding-top: 48px;
    padding-bottom: 64px;
}

.hiceleb-co-kr-entry-card + .hiceleb-co-kr-entry-card {
    margin-top: 32px;
}

.hiceleb-co-kr-entry-title,
.single-entry__title {
    line-height: 1.25;
}

.hiceleb-co-kr-entry-title a {
    text-decoration: none;
}

.hiceleb-co-kr-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    color: var(--muted);
    font-size: 14px;
}

.hiceleb-co-kr-breadcrumbs a {
    color: inherit;
    text-decoration: none;
}

.hiceleb-co-kr-breadcrumbs a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.single-entry__image {
    margin: 24px 0;
}

.single-entry__content {
    font-size: 17px;
}

.hiceleb-co-kr-site-footer {
    border-top: 1px solid var(--border);
    padding: 28px 0;
    color: var(--muted);
    font-size: 14px;
}

.hiceleb-co-kr-site-footer p {
    margin: 0;
}

@media (max-width: 1024px) {
    #hiceleb-co-kr-post-grid ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    :root {
        --site-pad: 16px;
        --grid-gap: 10px;
    }

    .hiceleb-co-kr-site-header__inner {
        min-height: 60px;
    }

    #hiceleb-co-kr-post-grid {
        padding: 18px 0;
    }

    #hiceleb-co-kr-post-grid ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px var(--grid-gap);
    }
}

:root{--home-content-max:848px;--site-max:1088px;--grid-gap:16px}body{font-family:Georgia,"Batang",serif;font-size:16.5px}.hiceleb-co-kr-site-brand{max-width:100%;overflow-wrap:anywhere}.hiceleb-co-kr-site-nav{max-width:100%}.hiceleb-co-kr-lpc-main-html{padding-top:40px}.hiceleb-co-kr-main-manuscript{line-height:1.945}.hiceleb-co-kr-content-shell{max-width:848px}#hiceleb-co-kr-post-grid ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}#hiceleb-co-kr-post-grid .hiceleb-co-kr-thumb{border-radius:4px;overflow:hidden}#hiceleb-co-kr-post-grid .hiceleb-co-kr-title{font-size:15px}#hiceleb-co-kr-post-grid:has(ul:empty){display:none}.hiceleb-co-kr-site-header__inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding-block:24px}.hiceleb-co-kr-site-nav{margin-left:0;padding-left:0}.hiceleb-co-kr-site-brand{font-size:27px}.hiceleb-co-kr-site-footer{background:var(--palette-soft);border-top:0}.hiceleb-co-kr-footer-bottom{padding-block:16px}@media(max-width:640px){.hiceleb-co-kr-site-header__inner{min-height:64px;gap:12px;padding-block:16px}.hiceleb-co-kr-site-brand{font-size:21px}.hiceleb-co-kr-site-nav{padding-left:0;border-left:0}.hiceleb-co-kr-site-header{margin-inline:0;border-radius:0}.hiceleb-co-kr-lpc-main-html{padding-top:24px}.hiceleb-co-kr-main-manuscript{font-size:16px}#hiceleb-co-kr-post-grid ul{grid-template-columns:repeat(2,minmax(0,1fr))}.hiceleb-co-kr-footer-bottom{align-items:flex-start;text-align:left}.hiceleb-co-kr-footer-links{flex-wrap:wrap}}
.hiceleb-co-kr-reading{max-width:100%;line-height:1.945;overflow-wrap:anywhere;font-size:16.5px}.hiceleb-co-kr-reading>h1{font-size:clamp(27px,3.4vw,35px);line-height:1.45;margin:0 0 28px;font-weight:600;letter-spacing:-.6px}.hiceleb-co-kr-reading p{margin:0 0 22px}.hiceleb-co-kr-part{margin:36px 0}.hiceleb-co-kr-part>h2{font-size:24px;line-height:1.55;margin:0 0 22px;border-left:4px solid var(--palette-accent);padding-left:16px}.hiceleb-co-kr-reading h3{font-size:18px;line-height:1.55;margin:26px 0 12px}.hiceleb-co-kr-reading ul,.hiceleb-co-kr-reading ol{padding-left:24px;margin:18px 0 26px}.hiceleb-co-kr-reading li{margin:10px 0}.hiceleb-co-kr-reading li p{margin:8px 0 20px}.hiceleb-co-kr-comparison{width:100%;max-width:100%;overflow-x:auto;margin:20px 0;border:0;border-radius:4px}.hiceleb-co-kr-comparison:focus-visible{outline:2px solid var(--palette-accent);outline-offset:3px}.hiceleb-co-kr-comparison table{width:100%;min-width:570px;table-layout:fixed;border-collapse:collapse;background:var(--palette-surface)}.hiceleb-co-kr-comparison th,.hiceleb-co-kr-comparison td{padding:14px;vertical-align:top;text-align:left;line-height:1.75;overflow-wrap:anywhere;border-bottom:1px solid var(--palette-border);}.hiceleb-co-kr-comparison thead th{background:var(--palette-soft);color:var(--palette-accent-ink)}.hiceleb-co-kr-comparison tbody th{width:24%;font-weight:600}.hiceleb-co-kr-comparison tbody tr:nth-child(even){background:var(--palette-soft)}.hiceleb-co-kr-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.hiceleb-co-kr-pair{min-width:0;border:1px solid var(--palette-border);border-radius:4px;padding:22px;background:var(--palette-soft)}.hiceleb-co-kr-pair h3,.hiceleb-co-kr-pair dt{margin-top:0;font-weight:700}.hiceleb-co-kr-pair dl{margin-bottom:0}.hiceleb-co-kr-pair dd{margin:8px 0 18px}.hiceleb-co-kr-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hiceleb-co-kr-steps>div{min-width:0;padding:18px;border-left:3px solid var(--palette-border);margin-bottom:18px}.hiceleb-co-kr-steps dt{font-weight:700;line-height:1.7}.hiceleb-co-kr-steps dd{margin:12px 0 0}.hiceleb-co-kr-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.hiceleb-co-kr-note{min-width:0;padding:20px;border:1px dashed var(--palette-border);border-radius:4px;background:transparent;}.hiceleb-co-kr-note h3{margin-top:0}.hiceleb-co-kr-note p:last-child{margin-bottom:0}.hiceleb-co-kr-questions details{padding:18px 0;border-bottom:1px solid var(--palette-border)}.hiceleb-co-kr-questions summary{cursor:pointer;line-height:1.65;font-weight:600;padding-right:10px}.hiceleb-co-kr-questions details p{margin:16px 0 8px}.hiceleb-co-kr-questions dt{font-weight:700;line-height:1.7;padding-top:20px}.hiceleb-co-kr-questions dd{margin:12px 0 24px}.hiceleb-co-kr-checklist{}.hiceleb-co-kr-cautions{padding:22px;border-radius:4px;background:var(--palette-soft)}@media(max-width:640px){.hiceleb-co-kr-reading{font-size:16px}.hiceleb-co-kr-part>h2{font-size:22px}.hiceleb-co-kr-pairs,.hiceleb-co-kr-steps,.hiceleb-co-kr-boxes,.hiceleb-co-kr-checklist{display:block}.hiceleb-co-kr-pair,.hiceleb-co-kr-note{margin-bottom:16px}.hiceleb-co-kr-comparison th,.hiceleb-co-kr-comparison td{padding:12px;font-size:14px}.hiceleb-co-kr-reading h3{font-size:18px}}
:root{--palette-accent:#a04927;--palette-accent-ink:#672f19;--palette-on-accent:#ffffff;--palette-background:#fdfcfc;--palette-surface:#ffffff;--palette-soft:#f5f1ef;--palette-text:#372e2a;--palette-muted:#7a6862;--palette-border:#dcd4d0;--palette-warning:#90233e;--palette-warning-soft:#f7edf0;--text:var(--palette-text);--muted:var(--palette-muted);--border:var(--palette-border);--bg:var(--palette-surface)}body{color:var(--palette-text);background:var(--palette-surface)}.hiceleb-co-kr-site-footer section[aria-label]{color:inherit}.hiceleb-co-kr-site-footer p,.hiceleb-co-kr-site-footer span{color:inherit}.hiceleb-co-kr-lpc-main-html{max-width:var(--home-content-max);margin-inline:auto;width:min(100% - 32px,var(--home-content-max));overflow-wrap:anywhere}.hiceleb-co-kr-site-main{overflow-wrap:anywhere}.single-entry__content img,.hiceleb-co-kr-lpc-main-html img{max-width:100%;height:auto}.hiceleb-co-kr-site-brand{overflow-wrap:anywhere}.hiceleb-co-kr-site-footer .hiceleb-co-kr-site-shell{overflow-wrap:anywhere}.hiceleb-co-kr-site-footer{--home-content-max:848px}.hiceleb-co-kr-site-main table{max-width:100%}@media(max-width:640px){.hiceleb-co-kr-site-header__inner{flex-wrap:wrap}.hiceleb-co-kr-site-nav{margin-left:0;max-width:100%;padding-left:0}.hiceleb-co-kr-site-nav a{white-space:normal;overflow-wrap:anywhere}.hiceleb-co-kr-site-brand{max-width:100%}.hiceleb-co-kr-content-shell{width:calc(100% - 32px)}.hiceleb-co-kr-lpc-main-html{width:calc(100% - 32px)}}