:root{--bg:#fbfaf7;--paper:#fff;--ink:#161616;--muted:#6f6a61;--line:#e8e1d7;--soft:#f2eee7;--accent:#1d5fd0;--accent-soft:#e8f0ff;--max:1040px;--sans:"Pretendard","Inter","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--max);margin:0 auto;padding:22px 24px;background:rgba(251,250,247,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,225,215,.7)}.logo{font-weight:900;letter-spacing:-.03em;font-size:22px}.simple-nav{display:flex;align-items:center;gap:16px;color:var(--muted);font-weight:800}.simple-nav a:hover{color:var(--accent)}.search{display:flex;align-items:center;gap:10px;min-width:min(380px,44vw)}.search label{font-size:13px;color:var(--muted);font-weight:700}.search input{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:12px 16px;font:inherit;font-size:15px;outline:none}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}main{max-width:var(--max);margin:0 auto;padding:0 24px}.intro{padding:78px 0 54px;border-bottom:1px solid var(--line)}.kicker,.section-label,.meta{margin:0;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.02em}.kicker{color:var(--accent)}.intro h1{margin:14px 0 0;font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-.07em;word-break:keep-all}.intro-text{max-width:710px;margin:24px 0 0;color:#47423b;font-size:20px;word-break:keep-all}.featured{padding:42px 0;border-bottom:1px solid var(--line)}.section-label{margin-bottom:14px}.featured-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#f2f5fb);transition:transform .18s,border-color .18s,box-shadow .18s}.featured-card:hover{transform:translateY(-3px);border-color:#c8d8f6;box-shadow:0 16px 45px rgba(20,40,80,.08)}.featured-card h2{margin:10px 0 8px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.055em;word-break:keep-all}.featured-card p:not(.meta){margin:0;color:#4e4a43;font-size:18px;word-break:keep-all}.featured-card span{font-weight:900;color:var(--accent);white-space:nowrap}.posts{padding:52px 0}.posts-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.posts-head h2,.about-strip h2{margin:0;font-size:32px;letter-spacing:-.04em}.tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tags button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 13px;font-weight:800;color:#5c564e;cursor:pointer}.tags button.active,.tags button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.post-list{display:grid;gap:0;border-top:1px solid var(--line)}.post-item{display:block;padding:28px 0;border-bottom:1px solid var(--line);transition:padding-left .18s}.post-item:hover{padding-left:10px}.post-item h3{margin:8px 0 8px;font-size:30px;line-height:1.18;letter-spacing:-.045em;word-break:keep-all}.post-item p:not(.meta){max-width:760px;margin:0;color:#514c45;font-size:17px;word-break:keep-all}.post-item[hidden]{display:none!important}.about-strip{margin:16px 0 70px;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--soft)}.about-strip ul{margin:18px 0 0;padding-left:20px;color:#4c4740}.about-strip li+li{margin-top:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:var(--max);margin:0 auto;padding:34px 24px 54px;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer a:hover{color:var(--accent)}@media(max-width:760px){.site-header{position:static;display:block}.logo{display:block;margin-bottom:14px}.search{min-width:0;width:100%}.intro{padding-top:46px}.intro h1{font-size:42px}.intro-text{font-size:18px}.featured-card{grid-template-columns:1fr;padding:24px}.posts-head{align-items:flex-start;flex-direction:column}.tags{justify-content:flex-start}.post-item h3{font-size:25px}.site-footer{align-items:flex-start;flex-direction:column}}
.article-page,.page-simple{max-width:820px;margin:0 auto;padding:72px 0 86px}.article-page h1,.page-simple h1{margin:12px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-.06em;word-break:keep-all}.article-lead,.page-simple>p{font-size:20px;color:#47423b;line-height:1.75;word-break:keep-all}.article-body{margin-top:38px;padding-top:8px;border-top:1px solid var(--line)}.article-body h2,.note-box h2{margin:38px 0 12px;font-size:28px;line-height:1.25;letter-spacing:-.04em}.article-body p,.article-body li,.note-box li{font-size:18px;color:#302d28;line-height:1.85;word-break:keep-all}.article-body ul,.note-box ul{padding-left:22px}.back-link{margin-top:42px;font-weight:900;color:var(--accent)}.note-box{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--soft)}
@media(max-width:760px){.simple-nav{margin-top:12px;gap:12px;flex-wrap:wrap}.article-page,.page-simple{padding:46px 0 64px}.article-page h1,.page-simple h1{font-size:38px}.article-lead,.page-simple>p{font-size:18px}.article-body p,.article-body li,.note-box li{font-size:17px}}

.article-figure{margin:34px 0;padding:0}.article-figure img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid var(--line);background:#fff}.article-figure figcaption{margin-top:10px;color:var(--muted);font-size:14px}.toc{display:grid;gap:8px;margin:30px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.toc strong{font-size:18px}.toc a{color:#3f4d65;font-weight:800}.toc a:hover{color:var(--accent)}.article-body table{width:100%;border-collapse:collapse;margin:24px 0 30px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:table}.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}.article-body th{background:var(--soft);font-weight:900}.article-body tr:last-child td{border-bottom:0}.article-body a{color:var(--accent);font-weight:900;text-decoration:underline;text-underline-offset:3px}.faq h3{margin:24px 0 8px;font-size:21px;letter-spacing:-.025em}.faq p{margin-top:0}
@media(max-width:760px){.article-body table{display:block;overflow-x:auto}.article-figure img{border-radius:18px}}