.post-container{width:100%;max-width:800px;margin:64px auto 0;padding:40px 24px}.hero-image{width:100%;margin-bottom:32px}.hero-image img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 4px 12px #0000001a}.prose{color:var(--md-sys-color-on-surface);font-family:Google Sans Text,Noto Sans KR,sans-serif;line-height:1.7;font-size:18px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:Google Sans Display,Noto Sans KR,sans-serif;color:var(--md-sys-color-on-surface);margin-top:2em;margin-bottom:.5em}.title{margin-bottom:32px;text-align:center}.title h1{font-size:42px;line-height:52px;margin:0 0 16px;font-weight:700}.date{color:var(--md-sys-color-on-surface-variant);font-size:16px;margin-bottom:8px}.last-updated-on{font-style:italic;font-size:14px}.category-badge{display:inline-block;padding:6px 16px;border-radius:16px;background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:14px;font-weight:500;margin-bottom:16px;text-decoration:none;transition:background-color .2s}.category-badge:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}hr{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin:32px 0}.prose p{margin-bottom:1.5em}.prose a{color:var(--md-sys-color-primary);text-decoration:none}.prose a:hover{text-decoration:underline}.prose img{display:block;max-width:100%;height:auto;border-radius:16px;margin:2rem auto;box-shadow:0 4px 16px #0000000f;border:1px solid var(--md-sys-color-outline-variant)}.prose img[alt$=로고]{display:block;height:80px;width:auto;object-fit:contain;margin:1.5em auto;border-radius:0;box-shadow:none;border:none}.prose blockquote{border-left:4px solid var(--md-sys-color-primary);margin:0 0 1.5em;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);padding:16px;border-radius:0 12px 12px 0}.prose pre{padding:24px;border-radius:16px;overflow-x:auto;margin-block:32px;box-shadow:0 4px 24px #0000001a;border:1px solid var(--md-sys-color-outline-variant)}.prose pre::-webkit-scrollbar{height:8px}.prose pre::-webkit-scrollbar-thumb{background-color:#96969680;border-radius:4px}.prose code{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:4px 8px;border-radius:8px;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:.9em;font-weight:500}.prose pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;font-size:15px;line-height:1.6;font-weight:400}.prose table{width:100%;border-spacing:0;border-collapse:separate;text-align:left;margin-block:24px;display:block;overflow-x:auto;border-radius:16px}.prose th,.prose td{border-top:1px solid var(--md-sys-color-outline-variant);border-left:1px solid var(--md-sys-color-outline-variant);padding:12px 18px;vertical-align:middle}.prose th{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font),sans-serif;font-size:16px;font-weight:500;text-align:center;letter-spacing:.1px}.prose td{font-size:14px;color:var(--md-sys-color-on-surface);line-height:1.5;background-color:var(--md-sys-color-surface-container-lowest)}.prose tr:last-of-type td,.prose tr:last-of-type th{border-bottom:1px solid var(--md-sys-color-outline-variant)}.prose tr td:last-of-type,.prose tr th:last-of-type{border-right:1px solid var(--md-sys-color-outline-variant)}.prose thead tr:first-child th:first-child,.prose tr:first-child th:first-child{border-top-left-radius:16px}.prose thead tr:first-child th:last-child,.prose tr:first-child th:last-child{border-top-right-radius:16px}.prose tr:last-child td:first-child{border-bottom-left-radius:16px}.prose tr:last-child td:last-child{border-bottom-right-radius:16px}.toc{background:var(--md-sys-color-surface-container-low);border-radius:16px;padding:16px 12px;margin-bottom:32px;box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.toc-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 16px;border-radius:12px;transition:background-color .2s}.toc-summary:hover{background-color:var(--md-sys-color-surface-container-highest)}.toc-summary::marker,.toc-summary::-webkit-details-marker{display:none}.toc h2{margin:0;font-size:14px;font-weight:500;letter-spacing:.1px;color:var(--md-sys-color-primary);font-family:var(--md-sys-typescale-title-small-font, "Google Sans Text", sans-serif);text-transform:uppercase}.toc-chevron{fill:var(--md-sys-color-primary);transition:transform .3s ease}.toc[open] .toc-chevron{transform:rotate(180deg)}.toc ul{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px solid var(--md-sys-color-outline-variant)}.toc li{margin-bottom:2px}.toc li a{color:var(--md-sys-color-on-surface-variant);text-decoration:none;display:block;padding:10px 16px;border-radius:24px;font-size:14px;line-height:1.4;transition:background-color .2s,color .2s}.toc li a:hover{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.toc .depth-1 a{padding-left:16px;font-weight:600;color:var(--md-sys-color-on-surface);margin-top:8px}.toc li:first-child .depth-1 a{margin-top:0}.toc .depth-2 a{padding-left:32px;font-weight:400;font-size:14px;position:relative}.toc .depth-2 a:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--md-sys-color-outline)}.toc .depth-3 a{padding-left:48px;font-weight:400;font-size:13px;position:relative}.toc .depth-3 a:before{content:"";position:absolute;left:32px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--md-sys-color-outline-variant)}.toc .depth-4,.toc .depth-5,.toc .depth-6{display:none}@media(min-width:1300px){.toc{position:fixed;top:100px;left:calc(50% + 420px);width:260px;max-height:calc(100vh - 140px);overflow-y:auto;margin-bottom:0}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border-radius:3px}}@media(max-width:480px){.post-container{padding:24px 16px}.title h1{font-size:28px;line-height:36px}.prose img{max-width:88%;border-radius:12px;margin:1.5rem auto}.prose img[alt$=로고]{height:60px;box-shadow:none;border:none;margin:1rem auto}}
