.kc-trail-checklist-container { margin-bottom: 30px; }
.kc-trail-checklist-title { margin-bottom: 20px; font-size: 24px; color: #333; }

/* Tabs */
.kc-trail-checklist-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 16px;
    justify-content: center;
}
.kc-trail-checklist-section-title {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    padding: 12px 20px;
    border-radius: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}
.kc-trail-checklist-section-title:hover { background: #f5f5f5; }
.kc-trail-checklist-section-title.is-active { background: #4CAF50; color: #fff; border-color: #4CAF50; }
/* Make tabs tight and grouped */
.kc-trail-checklist-section-title { border-right-width: 0; }
.kc-trail-checklist-section-title:last-child { border-right-width: 1px; }
.kc-trail-checklist-section-title:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.kc-trail-checklist-section-title:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Panels */
.kc-trail-checklist-panels { }
.kc-trail-checklist-panel {
    display: none;
    padding: 0px;
    background: #fff;
    border-radius: 5px;
}
.kc-trail-checklist-panel.is-active { display: block; }

.kc-trail-checklist-section-description { margin-bottom: 15px; color: #666; }
.kc-trail-checklist-tasks { margin: 0; padding: 0; list-style: none; }
.kc-trail-checklist-task { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid #eee; }
.kc-trail-checklist-task:last-child { border-bottom: none; }
.kc-trail-checklist-task:before { content: "✓"; position: absolute; left: 0; top: 10px; color: #4CAF50; font-weight: bold; }
.kc-trail-checklist-task-name { display: block; font-weight: bold; color: #333; }
.kc-trail-checklist-task-description { display: block; margin-top: 5px; font-size: 14px; color: #666; }

/* Matrix (comparison) view) */
.kc-trail-checklist-matrix { width: 100%; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.kc-trail-matrix-row { display: grid; grid-template-columns: 1fr 140px 140px 140px; align-items: center; }
.kc-trail-matrix-header { background: #1f2937; color: #fff; font-weight: 600; }
.kc-trail-matrix-row:not(.kc-trail-matrix-header) { background: #fff; }
.kc-trail-matrix-row:nth-child(odd):not(.kc-trail-matrix-header) {
    background: #fff;
}
.kc-trail-matrix-col { padding: 12px 14px; text-align: center; }
.kc-trail-matrix-col-task { text-align: left; }
/* Make checks and crosses larger and bolder */
.kc-flag { display: inline-block; font-weight: 800; font-size: 24px; line-height: 1; }
.kc-flag.is-yes { color: #2e7d32; }
.kc-flag.is-no { color: #c62828; }
/* Bolder text across all non-header matrix cells */
.kc-trail-matrix-row:not(.kc-trail-matrix-header) .kc-trail-matrix-col,
.kc-trail-matrix-row:not(.kc-trail-matrix-header) .kc-trail-matrix-col-task {
  font-weight: 600;
}
/* Baby blue background only on every other (even) non-header row */
.kc-trail-matrix-row:nth-child(even):not(.kc-trail-matrix-header) .kc-trail-matrix-col,
.kc-trail-matrix-row:nth-child(even):not(.kc-trail-matrix-header) .kc-trail-matrix-col-task {
  background-color: #E6F4FF; /* baby blue */
}

/* Section shortcode styles */
.kc-trail-section-container { margin-bottom: 30px; padding: 20px; background-color: #f9f9f9; border-radius: 5px; }
.kc-trail-section-title { margin-top: 0; margin-bottom: 10px; font-size: 20px; color: #333; }
.kc-trail-section-description { margin-bottom: 15px; color: #666; }
.kc-trail-section-tasks { margin: 0; padding: 0; list-style: none; }
.kc-trail-section-task { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid #eee; }
.kc-trail-section-task:last-child { border-bottom: none; }
.kc-trail-section-task:before { content: "✓"; position: absolute; left: 0; top: 10px; color: #4CAF50; font-weight: bold; }
.kc-trail-section-task-name { display: block; font-weight: bold; color: #333; }
.kc-trail-section-task-description { display: block; margin-top: 5px; font-size: 14px; color: #666; }

@media (max-width: 768px) {
  .kc-trail-checklist-panel { padding: 0px; }
  .kc-trail-checklist-task { padding: 8px 0 8px 25px; }
  .kc-trail-checklist-task:before { top: 8px; }
  .kc-trail-matrix-row { grid-template-columns: 1fr 90px 90px 90px; }
  .kc-trail-matrix-col { padding: 10px; }
  .kc-trail-section-container { padding: 15px; }
  .kc-trail-section-task { padding: 8px 0 8px 25px; }
  .kc-trail-section-task:before { top: 8px; }
  .kc-trail-checklist-section-title {
      font-size: 12px;
  }
    .kc-trail-checklist-tabs {
        flex-wrap: nowrap;
    }
}