:root{--text:#20221f;--text-light:#6f746d;--accent:#386f63;--accent-soft:#e5eee8;--paper:#fffdf8;--surface:#f6f2ea;--border:#dfd8cc;--bg:#fbf8f1}*{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}body{font-family:Apple SD Gothic Neo,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}.container{max-width:920px;margin:0 auto;padding:0 24px}.site-header{text-align:left;padding:36px 0 32px;border-bottom:1px solid var(--border);margin-bottom:44px}.site-title{font-size:1.45rem;font-weight:700;color:var(--text);text-decoration:none}.site-tagline{color:var(--text-light);margin-top:8px;font-size:.95rem;max-width:640px}.site-nav{margin-top:22px;display:flex;flex-wrap:wrap;gap:18px}.site-nav a{color:var(--text-light);text-decoration:none;font-size:.9rem}.site-nav a:hover{color:var(--accent)}.hero{padding:36px 0 56px;border-bottom:1px solid var(--border)}.eyebrow,.section-label{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:720px;margin-top:18px;font-size:3.4rem;line-height:1.12;font-weight:750}.hero p{max-width:640px;margin-top:22px;color:var(--text-light);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions a{min-height:42px;padding:8px 16px;border:1px solid var(--border);color:var(--text);background:var(--paper);text-decoration:none;font-size:.9rem}.hero-actions a:first-child{border-color:var(--accent);color:#fff;background:var(--accent)}.notes-section,.topic-section{padding:52px 0 0}.notes-section h2,.topic-section h2{margin-top:8px;font-size:1.7rem;line-height:1.3}.topic-section>p{max-width:620px;margin-top:10px;color:var(--text-light)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.topic-card{min-height:180px;padding:20px;border:1px solid var(--border);background:var(--paper)}.topic-card span{color:var(--accent);font-size:.8rem;font-weight:700}.topic-card h3{margin-top:18px;font-size:1.08rem}.topic-card p{margin-top:8px;color:var(--text-light);font-size:.9rem;line-height:1.65}.post-list{list-style:none;margin-top:14px}.post-item{padding:30px 0;border-bottom:1px solid var(--border)}.post-item a{text-decoration:none;color:inherit;display:block}.post-item h2{font-size:1.32rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.post-item a:hover h2{color:var(--accent)}.post-item .desc{color:var(--text-light);font-size:.95rem;margin-bottom:8px}.post-meta{color:var(--text-light);font-size:.83rem;display:flex;gap:10px}.post-meta .category{color:var(--accent);padding:1px 8px;background:var(--accent-soft)}.empty-state{text-align:left;color:var(--text-light);padding:36px 0}.post-header{margin-bottom:40px}.post-header h1{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin-bottom:14px}.post-content{font-size:1.05rem;max-width:680px}.post-content h2{font-size:1.35rem;margin:44px 0 16px;letter-spacing:-.01em}.post-content h3{font-size:1.15rem;margin:32px 0 12px}.post-content p{margin-bottom:20px}.post-content ol,.post-content ul{margin:0 0 20px 24px}.post-content li{margin-bottom:8px}.post-content blockquote{border-left:3px solid var(--accent);padding-left:18px;color:var(--text-light);margin-bottom:20px}.post-content a{color:var(--accent)}.post-content img{max-width:100%;border-radius:6px}.post-content hr{border:none;border-top:1px solid var(--border);margin:40px 0}.post-content table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.95rem}.post-content td,.post-content th{border:1px solid var(--border);padding:8px 12px;text-align:left}.back-link{display:inline-block;margin-top:48px;color:var(--text-light);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:72px;padding:32px 0 48px;text-align:center;color:var(--text-light);font-size:.83rem}.site-footer .disclaimer{margin-top:8px;font-size:.78rem}@media (max-width:600px){html{font-size:16px}.site-header{padding:30px 0 28px}.site-title{font-size:1.28rem}.hero{padding:18px 0 42px}.hero h1{font-size:2.35rem}.topic-grid{grid-template-columns:1fr}}@media (min-width:601px) and (max-width:860px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}