:root{--contrast:#222;--contrast-2:#575760;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#fff;--accent:#1e73be}*{box-sizing:border-box}body{margin:0;background:var(--base-2);color:var(--contrast);font-family:Arial,"Noto Sans KR",sans-serif;font-size:17px;line-height:1.7}.grid-container{max-width:790px;margin-left:auto;margin-right:auto}.screen-reader-text{position:absolute;left:-9999px}.site-header{background:var(--base-3)}.inside-header{padding:38px 24px}.main-title{margin:0;font-size:32px;font-weight:700;line-height:1.2}.main-title a{color:var(--contrast);text-decoration:none}.site-description{margin:8px 0 0;color:var(--contrast-2);font-size:15px}.main-navigation{background:#222}.inside-navigation{display:flex;gap:22px;padding:0 24px;flex-wrap:wrap}.main-navigation a{display:block;color:#fff;text-decoration:none;padding:14px 0;font-size:15px}.site-main{padding:28px 20px}.post,.intro{margin:0 0 24px}.inside-article{background:var(--base-3);padding:32px;border:1px solid #e5e7eb}.entry-title{font-size:30px;line-height:1.28;margin:0 0 18px}.entry-title a{color:var(--contrast);text-decoration:none}.entry-title a:hover{color:var(--accent)}.entry-summary p,.entry-content p{margin:0 0 1.2em}.post-meta{font-size:14px;color:var(--contrast-2);margin:0 0 10px}.read-more{display:inline-block;margin-top:4px;color:var(--accent);text-decoration:none;font-weight:700}.entry-content h2{font-size:24px;margin:1.5em 0 .6em}.entry-content h3{font-size:20px;margin:1.2em 0 .4em}.entry-content code{background:#f3f4f6;padding:2px 5px;border-radius:4px}.entry-content a{color:var(--accent)}.entry-content ul,.entry-content ol{padding-left:1.35em;margin:0 0 1.2em}.entry-content li{margin:.35em 0}.hero-figure{margin:0 0 24px}.hero-figure img{display:block;width:100%;height:auto;border:1px solid #e5e7eb}.summary-box{background:#f8fafc;border:1px solid #dbe4ee;padding:20px 22px;margin:0 0 24px}.summary-box h2{margin-top:0}.entry-content table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15px}.entry-content th,.entry-content td{border:1px solid #dfe5ec;padding:11px 12px;vertical-align:top}.entry-content th{background:#f3f6f9;text-align:left}.notice{background:#fff8db;border-left:4px solid #d7a500;padding:14px 16px}.site-info{padding:22px 20px;color:var(--contrast-2);font-size:14px;text-align:center}@media(max-width:640px){.inside-header{padding:28px 18px}.main-title{font-size:27px}.inside-navigation{padding:0 18px}.site-main{padding:20px 12px}.inside-article{padding:24px 18px}.entry-title{font-size:25px}.entry-content table{font-size:14px}.entry-content th,.entry-content td{padding:9px 8px}}
