/* Home page "Ombre douce" (Gemini variant 2, chosen 21.10.2026): fewer lines.
   Cards lose their borders and get one soft shadow; chapter headers get a short accent bar instead of a long rule;
   rules between list items, column dividers and the dash before kickers are removed. Buttons, inputs and badges keep their borders.
   Loaded only by pages/home.php, after home-chapters.css. Rollback: remove the <link> in home.php. */

/* 1. Cards: no border, one soft shadow. */
html body main :is(.home-author-article, .offer-card, .home-ai-direction, .home-estimate-inner, .home-diagnostic-card, .diagnostic-launch-panel,
  .home-techblog-latest, .home-ai-partners, .home-launch-card, .home-launch-weburl, .home-launch-market, .home-job-choice, .home-job-live,
  .home-job-launch-state, .coopit-home-teaser, .don-inner),
html body main .home-chapter.home-chapter.home-chapter.home-chapter.home-chapter.home-chapter :is(.home-author-article, .offer-card, .home-ai-direction, .home-estimate-inner, .home-diagnostic-card, .diagnostic-launch-panel,
  .home-techblog-latest, .home-ai-partners, .home-launch-card, .home-launch-weburl, .home-launch-market, .home-job-choice, .home-job-live,
  .home-job-launch-state, .coopit-home-teaser, .don-inner) {
  border: 1px solid rgba(14, 34, 51, .08) !important;
  box-shadow: 0 2px 6px rgba(14, 34, 51, .06), 0 22px 44px -20px rgba(14, 34, 51, .34) !important;
}
html body main .home-chapter.is-dark :is(.home-launch-card, .home-launch-weburl, .home-launch-market, .home-job-choice, .home-job-live, .home-job-launch-state) {
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 22px 44px -18px rgba(0, 0, 0, .55) !important;
}
html body main :is(.home-author-article, .offer-card, .home-ai-direction, .home-job-choice, .coopit-home-teaser):hover {
  border-color: rgba(7, 89, 133, .28) !important;
  box-shadow: 0 3px 8px rgba(14, 34, 51, .08), 0 28px 52px -20px rgba(14, 34, 51, .4) !important;
}

/* 2. Rules under headers and between blocks. */
html body main :is(.home-author-articles-head, .home-ai-lab-head, .home-ai-partners-copy, .hygiene-contacts, .home-editorial-column, .home-chapter.is-white) {
  border-bottom: 0 !important;
}
html body main :is(.hygiene-signals, .home-launch-facts, .domain-list, .reason-grid, .home-editorial-grid, .home-editorial-list, .offer-points, .home-techblog-details) {
  border-top: 0 !important;
}
html body main :is(.home-tech-news-list, .hygiene-rule) { border-top: 0 !important; border-bottom: 0 !important; }
html body main .home-tech-news-item { border-left: 0 !important; border-top: 0 !important; }
html body main .apps-band.apps-band { border-top: 0 !important; border-bottom: 0 !important; }

/* 3. Hairlines between list items: spacing does the job. */
html body main .home-chapter li { border-bottom: 0 !important; }
html body main .home-editorial-row { border-bottom: 0 !important; }

/* 4. Column dividers and side rules. */
html body main :is(.hygiene-signal, .hygiene-contact, .reason, .diagnostic-promo-copy) { border-right: 0 !important; }
html body main :is(.sticky-intro, .home-ai-partner, .home-techblog-meta em, .home-ai-lab-head p, .why-lead p) { border-left: 0 !important; padding-left: 0 !important; }
html body main .home-ai-partner::before { display: none !important; }

/* 5. No dash before kicker labels. */
html body main :is(.home-estimate-kicker, .diagnostic-kicker, .offer-tag, .home-techblog-kicker, .home-launch-tag, .home-job-kicker, .coopit-home-label, .home-training-heading > span, [class*="tech-news"] span)::before {
  content: none !important;
}

/* 6. Chapter header: short accent bar next to the number instead of a long rule. */
html body main .home-chapter.home-chapter.home-chapter.home-chapter.home-chapter.home-chapter .home-chapter-line {
  order: -1 !important; flex: 0 0 24px !important; width: 24px !important; height: 3px !important; border-radius: 2px; background: var(--hc-acc, #075985) !important;
}
html body main .home-chapter.home-chapter.home-chapter.home-chapter.home-chapter.home-chapter .home-chapter-desc { margin-left: auto !important; }
html body main .home-chapter.home-chapter.home-chapter.home-chapter.home-chapter.home-chapter.is-dark .home-chapter-line { background: #57c7ef !important; }

/* 7. Round 2 (21.10.2026, after review): readability on white chapters. */
/* The offers row scrolls horizontally; give the shadow room so it is not cut into a hard edge. */
/* The offers row scrolls horizontally, and a scroll box clips any wide shadow into a grey band.
   Here the cards get a clear border and only a tight shadow instead. */
html body main .offers-grid { padding-top: 4px !important; padding-bottom: 8px !important; margin-top: -4px !important; }
html body main .offers-grid .offer-card { border: 1px solid rgba(14, 34, 51, .14) !important; box-shadow: 0 1px 3px rgba(14, 34, 51, .08) !important; }
html body main .offers-grid .offer-card:hover { border-color: rgba(7, 89, 133, .4) !important; box-shadow: 0 2px 6px rgba(14, 34, 51, .12) !important; }
/* Hygiene: the three signals as equal white cards on the beige chapter (the hover panel alone looked like a bug). */
html body main .hygiene-signal {
  background: #fff !important; border: 1px solid rgba(14, 34, 51, .07) !important; border-radius: 16px !important; padding: 22px !important;
  box-shadow: 0 2px 6px rgba(14, 34, 51, .05), 0 18px 36px -20px rgba(14, 34, 51, .28) !important;
}
html body main .hygiene-signals { gap: 16px !important; }
/* Daily news: light tiles instead of dividers, text aligned to the top. */
html body main .home-tech-news-list { gap: 12px !important; }
html body main .home-tech-news-item { background: #f5f4f0 !important; border-radius: 14px !important; align-items: flex-start !important; padding: 14px !important; }
/* The removed dash left a 26 px indent: kickers line up with their headings again. */
html body main :is(.home-estimate-kicker, .diagnostic-kicker, .offer-tag, .home-techblog-kicker, .home-launch-tag, .home-job-kicker, .coopit-home-label, .home-training-heading > span, [class*="tech-news"] span) {
  padding-left: 0 !important;
}
html body main .offer-tag { margin-left: 0 !important; }