.post{max-width:720px}.post-head{padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--hair)}.post-head .meta-line{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:18px}.post-head .meta-line .d{width:3px;height:3px;background:var(--muted-2);border-radius:50%}.post-head .meta-line .lang{padding:1px 6px;border:1px solid var(--hair);border-radius:3px}.post-head .meta-line .views{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.post-head .meta-line .views-icon{color:var(--accent);font-size:6px}.post-head .meta-line .views-count{font-weight:500;color:var(--ink-2)}.post-head h1{font-family:var(--display);font-weight:400;font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink)}.post-head h1.kr{font-family:var(--kr);font-weight:600;letter-spacing:-.025em}.post-head .tags-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.post-head .tg{font-family:var(--mono);font-size:12px;color:var(--muted);padding:2px 8px;border:1px solid var(--hair);border-radius:3px}.lang-switch{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:9px 14px;background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);border-radius:8px;font-family:var(--mono);font-size:13px;color:var(--accent-ink);letter-spacing:.04em;transition:background .12s,transform .12s}.lang-switch:hover{background:color-mix(in oklab,var(--accent) 18%,var(--bg));transform:translateY(-1px)}.lang-switch .code{font-weight:600;letter-spacing:.08em;padding:2px 6px;background:var(--bg);border-radius:3px;color:var(--accent-ink)}.lang-switch .hint{color:var(--accent-ink);opacity:.85}.lang-switch .arr{color:var(--accent)}.post-body{font-size:16px;line-height:1.75;color:var(--ink-2)}.post-body.kr{font-family:var(--kr);font-size:15.5px;letter-spacing:-.005em;line-height:1.8}.post-body h2{font-family:var(--display);font-weight:400;font-size:28px;letter-spacing:-.015em;margin:48px 0 16px;color:var(--ink)}.post-body.kr h2{font-family:var(--kr);font-weight:600;font-size:24px;letter-spacing:-.02em}.post-body h3{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.01em;margin:32px 0 12px;color:var(--ink)}.post-body.kr h3{font-family:var(--kr);font-weight:600;font-size:19px}.post-body p{margin:0 0 18px}.post-body a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.post-body code{font-family:var(--mono);font-size:13px;background:var(--bg-2);padding:1px 5px;border-radius:3px}.post-body pre{font-family:var(--mono);font-size:13px;background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:16px 20px;overflow-x:auto;line-height:1.5}.post-body pre code{background:transparent;padding:0}.post-body blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--accent);color:var(--ink-2)}.post-body blockquote p{margin:0 0 10px}.post-body blockquote p:last-child{margin-bottom:0}.post-body blockquote strong{color:var(--ink)}.post-body ul,.post-body ol{margin:0 0 18px;padding-left:24px}.post-body li{margin-bottom:6px}.post-body hr{border:0;border-top:1px solid var(--hair);margin:36px 0}.post-body table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;table-layout:auto;border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px #14141408,0 4px 14px #1414140a;font-feature-settings:"tnum" 1,"ss01" 1}.post-body table thead{background:linear-gradient(180deg,var(--bg-2) 0%,color-mix(in oklab,var(--bg-2) 92%,var(--surface)) 100%)}.post-body table th{text-align:left;font-family:var(--mono),"SUIT Variable",sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:14px 18px;border-bottom:1.5px solid var(--hair);vertical-align:middle;line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.post-body table td{font-size:13.5px;line-height:1.55;padding:13px 18px;border-bottom:1px solid var(--hair-2);color:var(--ink-2);vertical-align:top;word-break:keep-all;overflow-wrap:break-word;transition:background .12s}.post-body table td:first-child,.post-body table th:first-child{min-width:7em;white-space:nowrap}.post-body table tbody tr:nth-child(2n) td{background:color-mix(in oklab,var(--bg-2) 40%,var(--surface))}.post-body table tbody tr:last-child td{border-bottom:0}.post-body table tbody tr:hover td{background:var(--accent-soft)}.post-body table tbody td:first-child{font-weight:500;color:var(--ink);position:relative}.post-body table tbody td:first-child strong{color:var(--accent-ink)}.post-body table td,.post-body table th{text-align:left}.post-body.kr table{font-family:var(--kr);letter-spacing:-.005em}.post-body table code{font-family:var(--mono);font-size:12px;background:color-mix(in oklab,var(--accent) 8%,var(--surface));color:var(--accent-ink);padding:2px 6px;border-radius:4px;word-break:break-all;border:1px solid color-mix(in oklab,var(--accent) 18%,transparent)}.post-body table strong{color:var(--ink);font-weight:600}.post-body table em{color:var(--accent-ink);font-style:normal;font-weight:500}.post-body .katex-display{margin:24px 0;padding:20px;background:var(--surface);border:1px solid var(--hair);border-radius:8px;overflow-x:auto}.post-body .katex{font-size:1.05em}.post-body pre.mermaid{background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:24px;margin:28px 0;text-align:center;overflow-x:auto}.post-body pre.mermaid svg{max-width:100%;height:auto}.post-foot{margin-top:56px;padding-top:40px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:24px}.prev-card{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--surface);border:1px solid var(--hair);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.prev-card:hover{border-color:var(--accent);transform:translate(-2px);box-shadow:0 10px 30px #1414140f}.prev-card .prev-arr{font-family:var(--mono);font-size:18px;color:var(--muted-2);transition:color .15s,transform .15s}.prev-card:hover .prev-arr{color:var(--accent);transform:translate(-4px)}.prev-card .prev-body{display:flex;flex-direction:column;gap:4px;min-width:0}.prev-card .prev-label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.prev-card .prev-title{font-size:18px;line-height:1.35;color:var(--ink);letter-spacing:-.005em;font-weight:500}.prev-card .prev-title.kr{font-family:var(--kr);font-size:18px;font-weight:600;letter-spacing:-.015em}.next-card{display:block;padding:22px 24px;background:var(--surface);border:1px solid var(--hair);border-radius:10px;position:relative;color:inherit;text-decoration:none}.next-card.clickable{transition:border-color .15s,transform .15s,box-shadow .15s}.next-card.clickable:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #1414140f}.next-card.clickable:hover .next-arr{color:var(--accent);transform:translate(4px)}.next-card .next-arr{position:absolute;right:24px;top:22px;font-family:var(--mono);font-size:18px;color:var(--muted-2);transition:color .15s,transform .15s}.next-card .next-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.next-card .next-label .pulse{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--accent-soft)}.next-card .draft-tag{padding:2px 8px;background:var(--hair-2);border-radius:3px;color:var(--muted-2);letter-spacing:.08em;font-size:11px}.next-card h3{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.01em;line-height:1.25;margin:0 0 8px;color:var(--ink)}.next-card h3.kr{font-family:var(--kr);font-weight:600;font-size:19px;letter-spacing:-.02em}.next-card p{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0;max-width:560px}.next-card p.kr{font-family:var(--kr);font-size:13.5px;letter-spacing:-.005em;line-height:1.7}.foot-meta{display:flex;flex-direction:column;gap:1px}.foot-meta .foot-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--hair-2);font-family:var(--mono);font-size:13px}.foot-meta .foot-row:last-child{border-bottom:0}.foot-meta .foot-row .k{display:inline-block;min-width:70px;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.foot-meta .foot-row a{color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:color .12s}.foot-meta .foot-row a:hover{color:var(--accent-ink)}.foot-meta .foot-row .arr{color:var(--muted-2)}.foot-meta .foot-row a:hover .arr{color:var(--accent)}.attribution{font-size:12px;line-height:1.6;color:var(--muted);padding:16px 0;margin:0;border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2);max-width:620px}.attribution.kr{font-family:var(--kr);font-size:12.5px;letter-spacing:-.005em}.foot-nav{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.foot-nav a{transition:color .12s}.foot-nav a:hover{color:var(--ink)}.comments{margin-top:40px;padding-top:32px;border-top:1px solid var(--hair)}.comments-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;flex-wrap:wrap;gap:10px}.comments-head h3{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:-.01em;color:var(--ink);margin:0}.comments-head .hint{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}.giscus,.giscus-frame{width:100%}.giscus-frame{border:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:32px 0;border-radius:10px;border:1px solid var(--hair);box-shadow:0 1px 2px #14141408,0 4px 14px #1414140a}.table-scroll .post-body table{margin:0;border:none;border-radius:0;box-shadow:none;width:max-content;min-width:100%}
