@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
:root{--max-w:1080px;--content-w:680px;--text:#2c2c2c;--text-sub:#666;--text-light:#999;--bg:#fff;--bg-soft:#f8f8f8;--border:#eaeaea;--accent:#3d7cf7}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;position:sticky;top:0}.header nav{max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;padding:18px 24px;display:flex}.logo{align-items:center;display:flex}.logo-img{width:auto;height:36px}.main{max-width:var(--max-w);margin:0 auto;padding:40px 24px 80px}.section-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-title{letter-spacing:-.2px;color:var(--text);white-space:nowrap;font-size:14px;font-weight:700}.section-line{background:var(--border);flex:1;height:1px}.header-tagline{color:var(--text-light);font-size:12px;font-weight:400}.featured-card{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:40px;padding-bottom:40px;display:grid}.featured-img-wrap{aspect-ratio:16/10;background:var(--bg-soft);border-radius:12px;overflow:hidden}.featured-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.featured-card:hover .featured-img{transform:scale(1.03)}.featured-text h3{letter-spacing:-.5px;margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.4;transition:color .15s}.featured-card:hover h3{color:var(--accent)}.featured-text .post-excerpt{color:var(--text-sub);margin-bottom:12px;font-size:15px;line-height:1.6}.post-category{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600;display:inline-block}.post-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-card{cursor:pointer;transition:transform .15s}.grid-card:hover{transform:translateY(-2px)}.grid-img-wrap{aspect-ratio:16/10;background:var(--bg-soft);border-radius:10px;margin-bottom:14px;overflow:hidden}.grid-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.grid-card:hover .grid-img{transform:scale(1.03)}.grid-text h3{letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.45;transition:color .15s}.grid-card:hover h3{color:var(--accent)}.grid-text .post-excerpt{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-light);font-size:12px}.post-layout{grid-template-columns:1fr 260px;align-items:start;gap:56px;display:grid}.post-article{min-width:0}.post-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.post-header .post-category{margin-bottom:12px}.post-title{letter-spacing:-.5px;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.4}.post-date{color:var(--text-light);font-size:13px;display:block}.post-content{color:var(--text);font-size:16px;font-weight:300;line-height:1.85}.post-content h2{color:#1a1a1a;letter-spacing:-.3px;margin:48px 0 14px;font-size:20px;font-weight:700}.post-content h3{color:#1a1a1a;margin:32px 0 10px;font-size:17px;font-weight:600}.post-content p{margin-bottom:20px}.post-content img{border-radius:10px;margin:28px 0}.post-content ul,.post-content ol{margin:10px 0 20px 20px}.post-content li{margin-bottom:8px;line-height:1.75}.post-content blockquote{border-left:3px solid var(--accent);background:var(--bg-soft);color:var(--text-sub);border-radius:0 8px 8px 0;margin:24px 0;padding:12px 16px;font-size:14.5px;line-height:1.7}.post-content strong{font-weight:500}.post-content a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #3d7cf74d;text-decoration:underline #3d7cf74d}.post-content a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.post-content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.post-content th,.post-content td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px}.post-content th{color:var(--text-sub);background:var(--bg-soft);font-size:13px;font-weight:500}.post-content code{background:var(--bg-soft);border-radius:4px;padding:2px 6px;font-size:14px}.post-content pre{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:16px;font-size:14px;line-height:1.6;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.buy-link{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:8px;margin-top:28px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s;display:inline-block}.buy-link:hover{background:#f0f0f0;border-color:#ddd}.affiliate-notice{border-top:1px solid var(--border);color:var(--text-light);margin-top:40px;padding-top:20px;font-size:12px;line-height:1.6}.sidebar{position:sticky;top:80px}.sidebar-section{background:var(--bg-soft);border-radius:14px;padding:22px}.sidebar-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px;font-size:12px;font-weight:700}.sidebar-posts{list-style:none}.sidebar-posts li{margin-bottom:18px}.sidebar-posts li:last-child{margin-bottom:0}.sidebar-post-link{align-items:start;gap:12px;display:flex}.sidebar-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.sidebar-post-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.sidebar-post-link:hover .sidebar-post-title{color:var(--accent)}.sidebar-post-date{color:var(--text-light);margin-top:4px;font-size:11px;display:block}.sidebar-empty{color:var(--text-light);font-size:13px;line-height:1.5}.footer{max-width:var(--max-w);border-top:1px solid var(--border);margin:0 auto;padding:28px 24px}.footer-inner{color:var(--text-light);justify-content:space-between;align-items:center;font-size:12px;display:flex}.footer-lang{gap:4px;display:flex}.footer-lang-btn{color:var(--text-light);border-radius:100px;padding:4px 10px;font-size:11px;transition:all .15s}.footer-lang-btn:hover{color:var(--text-sub)}.footer-lang-btn.active{color:var(--text);background:var(--bg-soft);font-weight:600}.empty{color:var(--text-light);text-align:center;padding:60px 0;font-size:14px}@media (max-width:860px){.featured-card{grid-template-columns:1fr;gap:20px}.featured-text h3{font-size:20px}.post-grid{grid-template-columns:repeat(2,1fr);gap:20px}.post-layout{grid-template-columns:1fr}.sidebar{position:static}.post-title{font-size:23px}.post-content{font-size:15px}}@media (max-width:560px){.post-grid{grid-template-columns:1fr;gap:24px}.main{padding:28px 16px 60px}.header nav{padding:14px 16px}}