/* Общие стили для блога SkipPlanning */
/* Фирменные токены (те же значения, что и в src/index.css) */
:root {
  --paper:     #F4EFE4;
  --card:      #FFFDF8;   /* off-white card (tinted, not pure #fff) */
  --ink-900:   #0f2a1e;
  --ink-700:   #2b3a33;
  --ink-600:   #3a4a42;
  --link:      #2d6a4f;
  --muted:     #6b7a72;
  --line:      #e4dccb;
  --line-2:    #e0d8c6;
  --surface:   #efe8d8;   /* table head fill */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;
}
* { box-sizing: border-box; }
html, body { overflow-x: clip; }
body { margin: 0; background: var(--paper); color: var(--ink-700); font-family: var(--font-body); line-height: 1.7; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 740px; margin: 0 auto; padding: clamp(28px,5vw,56px) clamp(18px,5vw,28px); }
.crumbs { font-size: 14px; margin-bottom: 22px; color: var(--muted); }
.crumbs a { color: var(--link); font-weight: 600; text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
article h1, .blog-index h1 { font-size: clamp(27px,4.6vw,38px); color: var(--ink-900); line-height: 1.15; margin: 0 0 10px; font-family: var(--font-display); letter-spacing: -.01em; }
.byline { font-size: 14px; color: var(--muted); margin: 0 0 26px; }
article h2 { font-size: 22px; color: var(--ink-900); margin: 34px 0 10px; font-family: var(--font-display); }
article h3 { font-size: 18px; color: var(--ink-900); margin: 24px 0 6px; font-family: var(--font-display); }
article p, article li { font-size: 16.5px; color: var(--ink-600); }
article p { margin: 0 0 14px; }
article .lead { font-size: 18px; color: var(--ink-700); }
article ul { padding-left: 22px; }
article li { margin: 6px 0; }
a { color: var(--link); font-weight: 600; }
table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 15px; }
th, td { text-align: left; padding: 10px 12px; border: 1px solid var(--line-2); vertical-align: top; }
th { background: var(--surface); color: var(--ink-900); font-weight: 700; }
td { color: var(--ink-600); }
.sources { font-size: 14px; color: var(--muted); margin-top: 30px; border-top: 1px solid var(--line-2); padding-top: 16px; }
.sources a { color: var(--link); }
.cta { display: inline-block; margin: 28px 0 8px; padding: 13px 26px; border-radius: 12px; background: var(--ink-900); color: var(--paper); font-weight: 700; text-decoration: none; }
.art-footer { border-top: 1px solid var(--line-2); margin-top: 44px; padding-top: 20px; font-size: 14px; color: var(--muted); }
.art-footer nav a { margin-right: 18px; display: inline-block; margin-bottom: 8px; }
/* Индекс блога */
.blog-index .lead { font-size: 18px; color: var(--ink-700); margin: 0 0 28px; }
.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li { margin: 0 0 18px; padding: 18px 20px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; }
.post-list a.title { font-size: 19px; color: var(--ink-900); font-family: var(--font-display); text-decoration: none; display: block; margin-bottom: 6px; }
.post-list a.title:hover { color: var(--link); }
.post-list p { margin: 0; font-size: 15px; color: var(--ink-600); }