/* Shared reading layout for database articles and existing guide articles. */
.article-site {margin:0;color:#25282d;background:#fff;font-family:"Pretendard","Apple SD Gothic Neo",sans-serif;-webkit-font-smoothing:antialiased}
.article-site * {box-sizing:border-box}
.article-site a {color:inherit;text-decoration:none}
.article-site img {max-width:100%;display:block}
.article-site button {font:inherit;cursor:pointer}
.article-progress {position:fixed;inset:0 0 auto;width:100%;height:3px;z-index:20;appearance:none;border:0;background:transparent;color:#1675e8}.article-progress::-webkit-progress-bar{background:transparent}.article-progress::-webkit-progress-value{background:#1675e8}.article-progress::-moz-progress-bar{background:#1675e8}
.article-site .article-share nav{display:flex;gap:14px;align-items:center}.article-site .article-share nav a{color:#637083;font-size:12px}
.article-site a:focus-visible,.article-site button:focus-visible {outline:3px solid #2873ed;outline-offset:5px}
.article-skip {position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:1rem}.article-skip:focus{top:1rem}
.article-site-header {height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #f1f2f4;background:#fff;position:sticky;top:0;z-index:10;gap:24px}
.article-brand {display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.5px;white-space:nowrap;font-weight:750}
.article-site-header nav {display:flex;gap:30px;font-size:14px;font-weight:600}.article-site-header [aria-current]{color:#006fee}
.guide-article-surface {background:#fff;color:#25282d}
.guide-article-surface .guide-article-page {max-width:1320px;margin:0 auto;padding:56px 24px 100px}
.guide-article-surface .editorial-breadcrumb {max-width:700px;margin:0 auto 24px;color:#757b85;font-size:13px}
.guide-article-surface .guide-article {display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,700px) minmax(170px,1fr);column-gap:48px;align-items:start}
.guide-article-surface .guide-article-header {grid-column:2;width:auto;max-width:none;margin:0 0 42px;padding:0;text-align:left}
.article-category {display:inline-block;padding:5px 10px;border-radius:5px;background:#f2f4f7;color:#637084;font-size:12px;line-height:1.5}
.guide-article-surface .guide-article-header h1 {font-family:inherit;font-size:44px;line-height:1.32;letter-spacing:-1.9px;font-weight:750;margin:24px 0 22px;max-width:none;color:#25282d;word-break:keep-all;overflow-wrap:anywhere}
.guide-article-surface .article-answer {font-size:18px;line-height:1.7;font-weight:400;color:#747b87;margin:0;max-width:none}
.guide-article-surface .guide-article-meta {display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:30px 0 0;font-size:13px;color:#7a808b}
.guide-article-surface .guide-article-author {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e4e8ed;border-radius:50%;background:#fff;color:#1972e5;font-size:18px;font-weight:700}
.guide-article-surface .guide-article-author-details {display:grid;gap:5px}.guide-article-author-details strong{color:#303640;font-size:14px}.guide-article-reading-time{margin-left:auto}
.guide-article-surface .guide-article-grid {display:contents}
.guide-article-surface .guide-toc {position:sticky;top:124px;grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-self:start;gap:15px;padding:14px 0 0;margin:0;max-height:calc(100vh - 150px);overflow-y:auto;background:none;border:0;border-radius:0;box-shadow:none}
.guide-article-surface .guide-toc strong {margin:0 0 8px;font-size:16px;color:#25282d}.guide-article-surface .guide-toc a{font-size:13px;line-height:1.6;color:#777e89;text-decoration:none;transform:none}.guide-article-surface .guide-toc a::before{display:none}.guide-article-surface .guide-toc a:hover,.guide-article-surface .guide-toc a.is-active{color:#0875ee}.guide-article-surface .guide-toc .toc-sub{padding-left:12px}
.guide-article-surface .guide-article-content {grid-column:2;min-width:0;width:100%}
.article-cover {margin:0 0 44px}.article-cover img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:8px}
.article-body,.guide-article-surface .guide-article-prose,.guide-article-surface .guide-content-section {font-size:17px;line-height:1.95;letter-spacing:-.25px;color:#414750;word-break:keep-all;overflow-wrap:anywhere}
.article-body p {margin:0 0 24px}.article-body h2,.guide-article-surface .guide-content-section h2 {font-size:27px;line-height:1.55;letter-spacing:-.9px;color:#242a34;margin:64px 0 22px;scroll-margin-top:120px}.article-body h3{font-size:21px;line-height:1.6;margin:36px 0 16px;scroll-margin-top:120px}
.article-body a,.article-body a:visited{color:#0969da;text-decoration:underline;text-underline-offset:4px}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:30px auto}.article-body ul,.article-body ol{padding-left:1.5rem;margin:20px 0 28px}.article-body li{margin:8px 0}.article-body blockquote{border-left:3px solid #2880ed;background:#f5f8fd;margin:32px 0;padding:20px 24px}.article-body blockquote p:last-child{margin:0}.article-body pre{overflow:auto;background:#f5f6f8;padding:20px;border-radius:8px}.article-body code{font-size:.9em}.article-body table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;margin:28px 0}.article-body td,.article-body th{border:1px solid #e1e4e9;padding:12px}.article-body hr{border:0;border-top:1px solid #e9ebef;margin:40px 0}
.guide-article-surface .guide-tool-panel {position:sticky;top:124px;grid-column:3;grid-row:1 / span 2;align-self:start;display:grid;gap:0;margin:0;padding:14px 0 0;background:none;border:0;border-radius:0;box-shadow:none}.guide-tool-panel>strong{font-size:14px;margin-bottom:20px}.article-side-link{display:flex;align-items:center;gap:12px;border-top:1px solid #e8ebef;padding:18px 0;font-size:13px;line-height:1.6;color:#586171}.article-side-link img{width:62px;height:48px;object-fit:cover;border-radius:4px}.article-tool-cta{display:flex;justify-content:space-between;margin-top:26px;padding:16px;border-radius:8px;background:#f4f7fb;color:#1b65bc!important;font-size:13px;font-weight:600}
.article-share {display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid #e9ebef;margin:56px 0 26px;padding-top:28px;font-size:13px;color:#7a818b}.article-share button{margin-left:auto;padding:10px 15px;border:1px solid #dce2e9;background:#fff;border-radius:6px;color:#343c49}.article-back{display:inline-block;font-size:14px;color:#5f6b7e!important}
.article-list-header {max-width:780px;margin:16px auto 56px;text-align:center}.article-list-header h1{font-size:42px;line-height:1.35;letter-spacing:-1.5px;margin:22px 0}.article-list-header p{color:#737b87;line-height:1.7}.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.article-card img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:9px;margin-bottom:22px}.article-card h2{font-size:22px;line-height:1.5;letter-spacing:-.7px}.article-card p{font-size:15px;line-height:1.7;color:#737c89}.article-card-meta{font-size:12px;color:#87909e}.article-pagination{display:flex;justify-content:center;gap:40px;margin-top:52px}.article-site-footer{max-width:1240px;margin:auto;border-top:1px solid #e8ebef;padding:40px 24px 60px;color:#747c8a;font-size:13px}.article-site-footer nav{display:flex;gap:24px;margin-top:26px}.article-preview-notice{padding:12px 24px;background:#fff5df;text-align:center;font-size:13px}
@media(max-width:1150px){.guide-article-surface .guide-article{grid-template-columns:180px minmax(0,700px);gap:30px}.guide-article-surface .guide-tool-panel{display:none}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.article-site-header{height:70px;padding:0 20px}.article-site-header .article-brand{font-size:14px}.article-site-header img{width:26px;height:auto}.article-site-header nav{gap:14px;font-size:12px}.article-site-header nav a:first-child{display:none}.guide-article-surface .guide-article-page{padding:32px 22px 64px}.guide-article-surface .guide-article{display:flex;flex-direction:column;gap:0}.guide-article-surface .guide-article-header{margin-bottom:30px;width:100%}.guide-article-surface .guide-article-header h1{font-size:32px;letter-spacing:-1.2px;line-height:1.4;margin:18px 0}.guide-article-surface .article-answer{font-size:16px}.guide-article-surface .guide-toc{position:static;width:100%;max-height:none;border-block:1px solid #e9ebef;padding:20px 0;margin:0 0 32px;gap:12px}.guide-article-surface .guide-article-content{width:100%}.article-body{font-size:16px;line-height:1.9}.article-body h2,.guide-article-surface .guide-content-section h2{font-size:24px;margin-top:42px}.article-cover{margin-bottom:30px}.article-card-grid{grid-template-columns:1fr}.article-list-header h1{font-size:32px}.guide-article-surface .guide-tool-panel{display:none}.guide-article-surface .guide-article-reading-time{font-size:12px}}
@media(prefers-reduced-motion:no-preference){html:has(.article-site){scroll-behavior:smooth}}