/* TimeLift 공개 문서(블로그·소개) 공용 스타일 — download.html의 색 체계를 그대로 잇는다 */
:root {
  --bg: #FAFAFC; --fg: #1A1A20; --muted: #62626E; --line: #E6E6EC; --card: #FFFFFF;
  --accent: #E8192C; --accent-soft: #FDECEE; --accent-ink: #C41022;
  --tip-bg: #FFF7F0; --tip-line: #FFE3C8; --tip-fg: #7A4A12;
  --th-bg: #F3F3F7;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #111114; --fg: #F2F2F6; --muted: #9A9AA4; --line: #2A2A32; --card: #1B1B20;
          --accent-soft: #3A1418; --accent-ink: #FF6B7A; --tip-bg: #221A10; --tip-line: #3A2C18; --tip-fg: #D8A468;
          --th-bg: #202026; }
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Noto Sans KR", sans-serif;
       background: var(--bg); color: var(--fg); line-height: 1.75; }
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 22px 80px; }
.top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.logo { font-size: 24px; font-weight: 800; letter-spacing: -0.5px; color: var(--fg); text-decoration: none; }
.logo b { color: var(--accent); }
.lang { font-size: 13px; font-weight: 700; color: var(--accent); text-decoration: none; border: 1.5px solid var(--accent);
        border-radius: 99px; padding: 5px 13px; white-space: nowrap; }
.crumb { margin-top: 28px; font-size: 13px; color: var(--muted); }
.crumb a { color: var(--muted); }
h1 { font-size: 32px; font-weight: 800; letter-spacing: -1px; line-height: 1.25; margin: 10px 0 12px; text-wrap: balance; }
.meta { color: var(--muted); font-size: 13.5px; margin-bottom: 26px; }
.lead { font-size: 17.5px; line-height: 1.7; padding: 18px 20px; border-left: 4px solid var(--accent);
        background: var(--card); border-radius: 0 14px 14px 0; margin-bottom: 30px; }
.lead b { color: var(--accent-ink); }
h2 { font-size: 21px; font-weight: 800; letter-spacing: -0.4px; margin: 40px 0 12px; line-height: 1.3; text-wrap: balance; }
h3 { font-size: 16.5px; font-weight: 800; margin: 22px 0 6px; }
p, li { font-size: 15.5px; }
p + p { margin-top: 12px; }
ul, ol { padding-left: 22px; margin: 8px 0 12px; }
li + li { margin-top: 5px; }
a { color: var(--accent-ink); }
.tablewrap { overflow-x: auto; margin: 14px 0 6px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
table { border-collapse: collapse; width: 100%; min-width: 680px; font-size: 13.5px; line-height: 1.5; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
th { background: var(--th-bg); font-weight: 800; white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
td:first-child { font-weight: 800; white-space: nowrap; }
td.num { font-variant-numeric: tabular-nums; }
.tip { background: var(--tip-bg); border: 1px solid var(--tip-line); border-radius: 14px; padding: 14px 18px; font-size: 14.5px;
       color: var(--tip-fg); line-height: 1.7; margin: 16px 0; }
.faq dt { font-weight: 800; margin-top: 16px; font-size: 15.5px; }
.faq dd { margin: 4px 0 0; color: var(--fg); font-size: 15px; }
.cta { display: inline-block; margin-top: 14px; padding: 12px 22px; border-radius: 14px; background: var(--accent); color: #fff;
       font-weight: 700; font-size: 15px; text-decoration: none; }
.cta.ghost { background: transparent; color: var(--accent-ink); border: 1.5px solid var(--accent); margin-left: 8px; }
.sources { font-size: 13px; color: var(--muted); }
.sources li + li { margin-top: 3px; }
.foot { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.8; }
.foot a { color: var(--accent-ink); text-decoration: none; }
.post-list { list-style: none; padding: 0; }
.post-list li { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; margin-top: 14px; }
.post-list a { font-size: 17px; font-weight: 800; text-decoration: none; color: var(--fg); }
.post-list p { color: var(--muted); font-size: 14px; margin-top: 4px; }
.post-list .kind { display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .4px; color: var(--accent-ink);
                   background: var(--accent-soft); padding: 2px 9px; border-radius: 99px; margin-bottom: 6px; }