.moyo-blog-page{margin:0;background:#f5f1eb;color:#222;font-family:'Noto Sans KR',sans-serif}.moyo-blog-page .topbar{display:none}.blog-topbar{position:sticky;top:0;z-index:1200;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid rgba(255,255,255,.12);background:rgba(19,19,20,.96);color:#fff;backdrop-filter:blur(16px)}.blog-brand{display:flex;align-items:baseline;gap:8px;color:#fff!important;text-decoration:none}.blog-brand b{font:900 24px/1 'JetBrains Mono',monospace;letter-spacing:-.09em}.blog-brand span{font:italic 20px/1 'Instrument Serif',serif;color:#20bfe7}.blog-topbar nav{display:flex;align-items:center;gap:4px}.blog-topbar nav a,.blog-topbar nav button{border:0;background:transparent;color:#d9d9da;padding:10px 12px;font:700 11px 'JetBrains Mono',monospace;text-decoration:none;cursor:pointer}.blog-topbar nav a:hover,.blog-topbar nav button:hover{color:#20bfe7}.blog-hero{min-height:250px;display:grid;place-items:center;padding:44px 24px;background:linear-gradient(110deg,rgba(10,10,11,.94),rgba(20,23,27,.76)),radial-gradient(circle at 75% 30%,#14738b,#18181a 48%,#0e0e0f);color:#fff;text-align:center}.blog-hero span{font:700 10px 'JetBrains Mono',monospace;letter-spacing:.24em;color:#20bfe7}.blog-hero h1{margin:10px 0 7px;font:italic 68px/1 'Instrument Serif',serif;letter-spacing:-.04em}.blog-hero p{margin:0;color:#bbb;font-size:14px}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;width:min(1240px,calc(100% - 40px));margin:48px auto 80px}.blog-main{min-width:0}.blog-search{display:flex;gap:8px;margin-bottom:22px}.blog-search input{flex:1;min-height:46px;border:1px solid #d8d2ca;border-radius:3px;background:#fff;padding:10px 14px;color:#222;font-size:15px}.blog-search button{border:0;border-radius:3px;background:#1b1b1c;color:#fff;padding:0 20px;font-weight:800;cursor:pointer}.blog-post-list{display:grid;gap:26px}.blog-card{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:220px;background:#fff;box-shadow:0 8px 28px rgba(32,28,24,.08)}.blog-card-media{display:grid;min-height:220px;place-items:center;overflow:hidden;background:#1e1e20;color:#20bfe7!important;text-decoration:none}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-media img{transform:scale(1.035)}.blog-card-media span{font:200 72px 'Instrument Serif',serif}.blog-card-body{display:flex;min-width:0;flex-direction:column;padding:24px}.blog-card h2{margin:0 0 9px;font:600 25px/1.3 'Noto Sans KR',sans-serif;letter-spacing:-.045em}.blog-card h2 a{color:#202024;text-decoration:none}.blog-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:#999;font:10px 'JetBrains Mono',monospace}.blog-meta a{color:#1486a3;text-decoration:none}.blog-card p{display:-webkit-box;overflow:hidden;margin:18px 0;color:#6c6864;font-size:14px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid #eee9e3;color:#999;font-size:11px}.blog-card-foot a{color:#202024;font-weight:800;text-decoration:none}.blog-sidebar{display:grid;align-content:start;gap:18px}.blog-sidebar section{border-top:3px solid #202024;background:#fff;padding:22px;box-shadow:0 7px 24px rgba(32,28,24,.06)}.blog-sidebar h2{margin:0 0 16px;font:800 12px 'JetBrains Mono',monospace;letter-spacing:.12em}.blog-sidebar section>a{display:block;border-bottom:1px solid #eee9e3;color:#504c48;padding:9px 0;font-size:13px;line-height:1.5;text-decoration:none}.blog-category-list a{display:flex;justify-content:space-between;color:#5f5a55;padding:7px 0;text-decoration:none}.blog-category-list b{color:#aaa;font:11px 'JetBrains Mono',monospace}.blog-contact{background:#1e1e20!important;color:#eee}.blog-contact p{color:#aaa}.blog-contact a{color:#20bfe7!important}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px}.blog-pagination a,.blog-pagination b{border:1px solid #d8d2ca;background:#fff;color:#444;padding:8px 12px;font-size:12px;text-decoration:none}.blog-pagination a.disabled{pointer-events:none;opacity:.35}.blog-detail{background:#fff;padding:clamp(22px,4vw,48px);box-shadow:0 8px 30px rgba(32,28,24,.08)}.blog-back{display:inline-block;margin-bottom:24px;color:#1486a3;text-decoration:none}.blog-detail-cover{width:100%;max-height:520px;object-fit:cover;margin-bottom:30px}.blog-detail header h1{margin:0 0 14px;font-size:clamp(30px,5vw,48px);line-height:1.22;letter-spacing:-.055em}.blog-term-row{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.blog-term-row a{border:1px solid #dcd6ce;border-radius:999px;color:#4e4a46;padding:5px 10px;font-size:11px;text-decoration:none}.blog-term-row a.tag{color:#1486a3}.blog-content{color:#393633;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.blog-content img{max-width:100%;height:auto}.blog-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.blog-content td,.blog-content th{border:1px solid #ddd;padding:8px}.blog-content pre{overflow:auto;background:#19191b;color:#eee;padding:16px}.blog-content blockquote{margin:22px 0;border-left:4px solid #20bfe7;background:#f5f1eb;padding:14px 20px}.blog-comments{margin-top:48px;border-top:1px solid #ddd7cf;padding-top:28px}.blog-comments h2{font-size:20px}.blog-comments article{padding:18px 0;border-bottom:1px solid #eee}.blog-comments time{margin-left:10px;color:#999;font-size:11px}.blog-comments article div{margin-top:8px;color:#555}.blog-empty{background:#fff;padding:60px;text-align:center;color:#888}.blog-footer{padding:35px 20px;background:#18181a;color:#888;text-align:center;font:10px 'JetBrains Mono',monospace}.dark .moyo-blog-page{background:#121214;color:#eee}.dark .blog-card,.dark .blog-sidebar section,.dark .blog-detail,.dark .blog-search input{border-color:#39393d;background:#202023;color:#eee}.dark .blog-card h2 a,.dark .blog-card-foot a,.dark .blog-content{color:#eee}.dark .blog-card p,.dark .blog-meta,.dark .blog-category-list a{color:#aaa}.dark .blog-sidebar section{border-top-color:#eee}.dark .blog-card-foot,.dark .blog-sidebar section>a,.dark .blog-comments,.dark .blog-comments article{border-color:#36363a}.dark .blog-term-row a,.dark .blog-pagination a,.dark .blog-pagination b{border-color:#45454a;background:#262629;color:#ddd}.dark .blog-content blockquote{background:#29292c}.dark .blog-empty{background:#202023}
@media(max-width:850px){.blog-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}.blog-sidebar{grid-template-columns:1fr 1fr}.blog-sidebar .blog-contact{grid-column:1/-1}.blog-hero{min-height:190px}.blog-hero h1{font-size:54px}}
@media(max-width:620px){.blog-topbar{min-height:56px;padding:0 10px}.blog-topbar nav a{display:none}.blog-topbar nav a:first-child{display:block}.blog-layout{width:calc(100% - 20px)}.blog-card{grid-template-columns:1fr}.blog-card-media{height:190px;min-height:190px}.blog-card-body{padding:19px 17px}.blog-card h2{font-size:21px}.blog-sidebar{grid-template-columns:1fr}.blog-sidebar .blog-contact{grid-column:auto}.blog-detail{padding:22px 17px}.blog-content{font-size:15px}.blog-pagination a,.blog-pagination b{padding:8px 9px}}
.blog-comments form{display:grid;gap:9px;margin-top:20px}.blog-comments textarea{box-sizing:border-box;width:100%;border:1px solid #d8d2ca;border-radius:4px;background:#fff;color:#222;padding:12px;font:inherit;resize:vertical}.blog-comments form button{justify-self:end;border:0;border-radius:3px;background:#1b1b1c;color:#fff;padding:10px 18px;font-weight:800;cursor:pointer}.blog-comment-login{display:inline-block;margin-top:18px;color:#1486a3;text-decoration:none}.dark .blog-comments textarea{border-color:#45454a;background:#262629;color:#eee}
.blog-profile-theme{--blog-accent:#20bfe7;min-height:100dvh}.blog-profile-theme .blog-brand span,.blog-profile-theme .blog-topbar nav a:hover,.blog-profile-theme .blog-topbar nav button:hover,.blog-profile-theme .blog-hero span,.blog-profile-theme .blog-card-media span,.blog-profile-theme .blog-meta a,.blog-profile-theme .blog-term-row a.tag,.blog-profile-theme .blog-back,.blog-profile-theme .blog-comment-login{color:var(--blog-accent)!important}.blog-hero.has-cover{background-image:linear-gradient(110deg,rgba(10,10,11,.88),rgba(20,23,27,.56)),var(--blog-hero-image);background-position:center;background-size:cover}.blog-theme-minimal .blog-hero{min-height:190px;background:#f9f8f6;color:#222}.blog-theme-minimal .blog-hero p{color:#666}.dark .blog-theme-minimal .blog-hero{background:#1b1b1e;color:#eee}.dark .blog-theme-minimal .blog-hero p{color:#aaa}.blog-theme-minimal .blog-card,.blog-theme-minimal .blog-detail,.blog-theme-minimal .blog-sidebar section{box-shadow:none;border:1px solid #e5e0da}.dark .blog-theme-minimal .blog-card,.dark .blog-theme-minimal .blog-detail,.dark .blog-theme-minimal .blog-sidebar section{border-color:#39393d}.blog-theme-magazine .blog-post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-theme-magazine .blog-card{grid-template-columns:1fr}.blog-theme-magazine .blog-card-media{height:220px}.blog-theme-magazine .blog-card:first-child{grid-column:1/-1;grid-template-columns:minmax(300px,1.15fr) minmax(0,1fr)}
@media(max-width:720px){.blog-theme-magazine .blog-post-list{grid-template-columns:1fr}.blog-theme-magazine .blog-card:first-child{grid-column:auto;grid-template-columns:1fr}.blog-theme-magazine .blog-card:first-child .blog-card-media{height:190px}}
.blog-attachments{display:grid;gap:8px;margin-top:34px;border-top:1px solid #ddd7cf;padding-top:24px}.blog-attachments h2{margin:0 0 5px;font-size:19px}.blog-attachments>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e3ddd5;border-radius:5px;background:#faf8f5;color:#333;padding:11px 13px;text-decoration:none}.blog-attachments>a small{color:#888}.dark .blog-attachments{border-color:#36363a}.dark .blog-attachments>a{border-color:#45454a;background:#262629;color:#eee}@media(max-width:620px){.blog-attachments>a{align-items:flex-start;flex-direction:column}}