.doc-cron {
  background: linear-gradient(180deg, #f4f7fb 0%, #eef3f8 100%);
  min-height: 100vh;
  color: #112132;
}
.doc-cron .hero {
  background: radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 35%),
              linear-gradient(135deg, #0b1220 0%, #13233a 55%, #0f766e 100%);
  color: #fff;
  padding: 64px 24px 52px;
}
.doc-cron .hero-inner,
.doc-cron .container {
  max-width: 1240px;
  margin: 0 auto;
}
.doc-cron .eyebrow {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.12);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  margin-bottom: 18px;
}
.doc-cron h1 { margin: 0 0 18px; font-size: 40px; line-height: 1.08; }
.doc-cron .hero-text { max-width: 940px; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.7; }
.doc-cron .hero-badges { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.doc-cron .hero-badges span {
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
  background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.14); font-size:13px; font-weight:600;
}
.doc-cron .container { padding: 28px 24px 56px; }
.overview-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; margin-top:-34px; margin-bottom:24px; }
.mini-card, .card, .highlight-card, .file-chip, .module-chip {
  background:#fff; border:1px solid #dbe3ee; border-radius:22px; box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.mini-card { padding:24px; }
.mini-card h2 { margin:0 0 8px; font-size:32px; color:#0f172a; }
.mini-card p { margin:0; color:#41566f; line-height:1.6; }
.card { padding:28px; margin-bottom:22px; }
.section-header { margin-bottom:18px; }
.section-header h2 { margin:0 0 10px; font-size:28px; display:flex; align-items:center; gap:10px; }
.section-header p { margin:0; color:#475569; line-height:1.7; }
.highlight-grid, .matrix { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dual-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.file-chips { display:grid; grid-template-columns:1fr; gap:12px; }
.file-chip { padding:16px 18px; border-radius:18px; background:#f8fbff; border-color:#d8e5f3; }
.file-chip strong { display:block; margin-bottom:8px; font-size:14px; }
.file-chip .chip-desc { display:block; color:#1f2937; font-weight:600; margin-bottom:8px; line-height:1.6; }
.file-chip .chip-meta { display:block; color:#4b5f76; line-height:1.65; }
.highlight-card, .module-chip { padding:18px; }
.highlight-card h3, .module-chip strong { margin:0 0 10px; font-size:18px; display:block; }
.highlight-card p, .module-chip { color:#4b5f76; line-height:1.65; }
.plain-list { margin:0; padding-left:18px; color:#43566f; line-height:1.8; }
.plain-list li + li { margin-top:8px; }
.cta-link {
  display:inline-flex; align-items:center; justify-content:center; margin-top:18px; padding:12px 18px;
  border-radius:999px; background:#0f172a; color:#fff; text-decoration:none; font-weight:700;
}
.cta-link:hover { background:#13233a; }
.badge {
  display:inline-block; margin-bottom:10px; padding:6px 10px; border-radius:999px;
  background:#e2f5ff; color:#0c4a6e; font-size:12px; font-weight:700;
}
@media (max-width: 1100px) {
  .overview-grid, .highlight-grid, .matrix { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
  .dual-grid, .overview-grid, .highlight-grid, .matrix { grid-template-columns: 1fr; }
  .doc-cron h1 { font-size:32px; }
  .doc-cron .hero-text { font-size:16px; }
}