/* mariarudakova.ru, 6 Oct 2026: tighter rhythm, flat cards, light/dark alternation. Loaded last. */

/* 1. Spacing between blocks */
body.concise-personal .section,
body.concise-personal #resume.section,
body.concise-personal .brief-publications,
body.concise-personal #resume + #feed.section { padding-block: 40px; }
body.concise-personal .section-title { margin-bottom: 18px; }
body.concise-personal .brief-note { margin: 14px 0 6px; }
body.concise-personal .brief-hero { min-height: 540px; padding-bottom: 44px; }
@media (max-width: 700px) {
  body.concise-personal .section,
  body.concise-personal #resume.section,
  body.concise-personal .brief-publications,
  body.concise-personal #resume + #feed.section { padding-block: 28px; }
  body.concise-personal .brief-hero { min-height: 0; }
}

/* 2. Dark blocks: one even background, flat cards */
body.concise-personal #services,
body.concise-personal #blog,
body.concise-personal #feed,
body.concise-personal .site-footer { background: #141413; }
body.concise-personal .brief-service,
body.concise-personal .brief-case-grid .case-card,
body.concise-personal .blog-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
}
body.concise-personal .brief-case-grid .case-card::before { display: none; }
body.concise-personal .brief-case-grid .case-card:hover,
body.concise-personal .blog-card:hover { transform: none; box-shadow: none; border-color: var(--line-strong); }
body.concise-personal .section-title em { background: none; padding: 0; }

/* 3. Light blocks, alternating with dark */
body.concise-personal #about,
body.concise-personal #cases,
body.concise-personal #resume,
body.concise-personal #contact {
  --bg: #f4f3ee;
  --bg-2: #f4f3ee;
  --surface: #ffffff;
  --surface-2: #ffffff;
  --text: #1d2422;
  --pearl: #1d2422;
  --text-muted: #4f5b57;
  --text-faint: #66716d;
  --line: rgba(29, 36, 34, .12);
  --line-strong: rgba(29, 36, 34, .24);
  --green: #126957;
  --green-bright: #126957;
  --green-glow: rgba(18, 105, 87, .1);
  --teal: #126957;
  --gold: #6f5d33;
  background: #f4f3ee;
  color: var(--text);
  border-color: transparent;
}
body.concise-personal #about .about-prose,
body.concise-personal #about .about-prose p { color: var(--text); }
body.concise-personal #about .about-prose p + p + p { color: var(--text-muted); }
body.concise-personal #about .about-photo-frame { box-shadow: none; border: 1px solid var(--line); }
body.concise-personal #contact .telegram-actions .btn { color: var(--text); background: #fff; }
body.concise-personal #contact .telegram-actions .btn:hover { color: #fff; background: #126957; }
body.concise-personal #cases .case-card-num,
body.concise-personal #cases .case-tag { color: var(--text-muted); }

/* 4. Kailas LAB blog: compact, regular-size type */
.brief-blog-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
body.concise-personal #blog .section-title { font-size: 28px; margin: 0; }
body.concise-personal #blog .brief-text-link { min-height: 0; }
.blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.blog-card { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; color: var(--text); text-decoration: none; min-width: 0; }
.blog-card time { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.blog-card h3 { font-family: var(--font-body, inherit); font-size: 17px; line-height: 1.35; font-weight: 600; margin: 0; color: var(--text); }
.blog-card p { font-size: 14px; line-height: 1.55; margin: 0; color: var(--text-muted); }
.blog-card:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (max-width: 900px) { .blog-grid { grid-template-columns: 1fr; gap: 12px; } }