/*
Theme Name: Thrive Theme Builder Child
Theme URI: https://thrivethemes.com/
Template: thrive-theme
Author: Thrive Themes
Description: Thrive Theme Builder lets you visually design, build, edit and customize every aspect of your WordPress website with a visual drag-and-drop designer.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,custom-everything
Version: 10.7.4.1757281750
Updated: 2025-09-07 21:49:10
*/

body::before{content:"child CSS loaded";position:fixed;top:8px;right:8px;z-index:999999;background:#111;color:#fff;padding:4px 8px;font:600 12px/1 sans-serif}

/* ===== Course Single Quick Styles ===== */
.course-single-wrap { max-width:1100px; margin:0 auto; padding:2rem 1rem; }
.course-hero { display:grid; gap:1rem; align-items:center; margin-bottom:1.5rem; }
.course-hero__media { overflow:hidden; border-radius:16px; }
.course-hero__img { width:100%; height:auto; display:block; }
.course-hero__text { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1rem; }
.course-title { margin:0; line-height:1.2; font-size:clamp(1.75rem,2.5vw,2.5rem); }

.badge { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .65rem; border-radius:9999px; font-size:.85rem; line-height:1; border:1px solid rgba(0,0,0,.08); background:#f7f7f7; }
.badge--level { background:#eef7ff; border-color:#cfe6ff; }
.badge--price { background:#effaf0; border-color:#ccead1; }

.course-meta-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:.75rem; margin:1rem 0 2rem; }
.meta-item { background:#fafafa; border:1px solid #eee; border-radius:12px; padding:.85rem 1rem; }
.meta-label { font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:#666; margin-bottom:.25rem; }
.meta-value { font-weight:600; }

.course-article .entry-content > *:first-child { margin-top:0; }
.course-article .entry-content p { line-height:1.7; }
.course-article .entry-content h2 { margin-top:1.6rem; }

.course-footer-nav { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:2.25rem; padding-top:1.25rem; border-top:1px solid #eee; }
.prev-next { display:flex; gap:1rem; }
.prev-next a { text-decoration:none; }

/* === CNC overrides (namespaced) === */
.cnc-wrap .label{ text-transform:none !important; font-weight:500 !important; letter-spacing:.02em; }
.cnc-wrap .chip{  font-weight:400 !important; }
.cnc-wrap .value{ font-weight:600 !important; }
.cnc-wrap .cert{  color:#111 !important; }
.cnc-wrap .cert svg{ fill:#f59e0b !important; }

.cnc-right{ display:flex; flex-direction:column; }
.cnc-right .right-actions{ margin-top:auto; align-self:flex-end; }

/* Button base */
.cnc-wrap .cnc-btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.58rem .9rem; border-radius:0; border:1px solid #f0b4a2;
  background:#f6c8b8; color:#111; text-decoration:none;
  font-family:"Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:400; font-size:16px; line-height:1.1; transition:all .15s ease;
}
.cnc-wrap .cnc-btn .cnc-arrow{ font-size:18px; line-height:1; }
.cnc-wrap .cnc-btn:hover{ background:#ffc6b8; color:#fff; text-decoration:underline; }

/* ===== Coffee No Cream — Single Course ===== */
.cnc-wrap{
  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  max-width:1120px; margin:0 auto;
  padding:28px 18px 72px;
}
.cnc-wrap .label,.cnc-wrap .value,.cnc-wrap .chip,.cnc-wrap .cnc-title,.cnc-wrap .duration-pill{
  font-family:"Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

:root{
  --ink:#111318; --muted:#6b7280; --line:#e5e7eb;
  --btn-bg:#f6c8b8; --btn-hover:#ffc6b8; --btn-text:#111; --btn-text-hover:#fff; --btn-bd:#f0b4a2;
  --cert-star:#f59e0b;
  --cat-tech:#880acd; --cat-marketing-branding:#174172; --cat-social-media:#51829b;
  --cat-health:#72bce1; --cat-social-sciences:#225d21; --cat-project-management:#65a464;
  --cat-business-entrepreneur:#f1cc2b; --cat-education:#f19137; --cat-religion:#d80947;
  --skill-introductory:#83c7c8; --skill-intermediate:#009192; --skill-advanced:#388497;
  --fmt-webinar-ecourse:#3a0751; --fmt-live-online:#f2cf5b; --fmt-in-person:#fba465; --fmt-download-course:#f86e51;
  --av-anytime:#b6d7a8; --av-scheduled:#e06666;
}

/* Title & layout */
.cnc-title{ font-weight:800; font-size:clamp(28px,3vw,42px); line-height:1.15; margin:0 0 20px; }
.cnc-rule{ height:1px; background:var(--line); margin:8px 0 20px; }
.cnc-grid{ display:grid; gap:24px; }

/* Labels/values */
.label{ font-weight:500; font-size:12px; line-height:1.2; color:var(--muted); text-transform:none; letter-spacing:.02em; margin-bottom:6px; }
.value{ font-weight:600; font-size:22px; line-height:1.2; color:var(--ink); }
.cnc-left .block{ margin-bottom:18px; }
.cnc-left .block .value{ margin-bottom:14px; }

/* Chips row */
.field-row{ display:grid; grid-template-columns:repeat(4,max-content); gap:10px 22px; align-items:start; justify-content:start; }
@media (max-width:900px){ .field-row{ grid-template-columns:repeat(2,max-content); } }
.field{ display:flex; flex-direction:column; gap:6px; }
.chip{ display:inline-block; padding:.18rem .40rem; border-radius:0; font-weight:400; font-size:14px; line-height:1.1; color:#fff; white-space:nowrap; }

/* Category chips */
.chip.cat-tech{background:var(--cat-tech)}
.chip.cat-marketing-branding{background:var(--cat-marketing-branding)}
.chip.cat-social-media{background:var(--cat-social-media)}
.chip.cat-health{background:var(--cat-health)}
.chip.cat-social-sciences{background:var(--cat-social-sciences)}
.chip.cat-project-management{background:var(--cat-project-management)}
.chip.cat-business-entrepreneur{background:var(--cat-business-entrepreneur);color:#222}
.chip.cat-education{background:var(--cat-education)}
.chip.cat-religion{background:var(--cat-religion)}

/* Skill chips */
.chip.skill-introductory{background:var(--skill-introductory);color:#222}
.chip.skill-intermediate{background:var(--skill-intermediate)}
.chip.skill-advanced{background:var(--skill-advanced)}

/* Availability chips */
.chip.av-anytime{background:var(--av-anytime);color:#222}
.chip.av-scheduled{background:var(--av-scheduled)}

/* Format chips */
.chip.fmt-webinar-ecourse{background:var(--fmt-webinar-ecourse)}
.chip.fmt-live-online{background:var(--fmt-live-online);color:#222}
.chip.fmt-in-person{background:var(--fmt-in-person)}
.chip.fmt-download-course{background:var(--fmt-download-course)}

/* Description */
.cnc-desc{ padding:0; border:0; }
.cnc-desc, .cnc-desc p, .cnc-desc *{
  font-family:"Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  line-height:1.75; margin:0; color:#2b2b2b;
}

/* Footer row under description */
.cnc-meta{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  margin-top:18px; padding-top:14px; border-top:1px solid var(--line);
}

/* Right column values — not bold; Institution slightly larger */
.block-clean .value{ font-weight:400 !important; font-size:16px; }
.block-clean.inst .value{ font-weight:400 !important; font-size:18px; }

/* Duration pill */
.duration-pill{
  display:inline-block; border:1px solid #000; padding:.28rem .7rem; border-radius:0;
  font-weight:400 !important; font-size:15px; line-height:1; color:#000; background:transparent;
}

/* Certificate */
.cert{ display:inline-flex; align-items:center; gap:8px; font-weight:400 !important; font-size:15px; line-height:1; color:var(--ink); }
.cert svg{ width:16px; height:16px; fill:var(--cert-star); }

/* Links */
.cnc-link{ color:#2563eb; text-decoration:none; }

/* Enforce perfectly square corners even if a theme styles buttons globally */
a.cnc-btn,
.cnc-btn,
.cnc-btn:before,
.cnc-btn:after,
.cnc-btn *{
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Hide Thrive page title on single course pages */
.single-courses .tcb-post-title,
.single-course .tcb-post-title,
.single-courses h1.entry-title,
.single-course h1.entry-title { display:none !important; }

/* Bigger "Course Name" value */
.single-courses .cnc-wrap .cnc-left > .block:first-child .value,
.single-course  .cnc-wrap .cnc-left > .block:first-child .value{
  font-family:"Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:clamp(28px,3.5vw,44px) !important;
  line-height:1.1 !important;
}

/* Tighten the label above it */
.single-courses .cnc-left .block:first-of-type .label,
.single-course  .cnc-left .block:first-of-type .label{ margin-bottom:6px; }

/* Back link */
.single-courses .cnc-wrap .cnc-back,
.single-courses .cnc-wrap .cnc-back:link,
.single-courses .cnc-wrap .cnc-back:visited,
.single-course  .cnc-wrap .cnc-back,
.single-course  .cnc-wrap .cnc-back:link,
.single-course  .cnc-wrap .cnc-back:visited{ color:#333 !important; text-decoration:none !important; }
.single-courses .cnc-wrap .cnc-back:hover,
.single-course  .cnc-wrap .cnc-back:hover{ text-decoration:underline !important; }

/* ===== CNC Directory polish (scoped) ===== */
.cnc-dir{ max-width:1120px; margin:0 auto; padding:28px 18px 72px; }

/* Title */
.cnc-dir h1.cnc-dir-title{
  font-family:"Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:800; font-size:42px !important; line-height:1.15 !important;
  letter-spacing:.01em; margin:0 0 16px !important;
}

/* Search */
.cnc-dir .cnc-dir-search input{
  padding:.5rem .6rem; border:1px solid #ddd; border-radius:6px; min-width:220px;
  font:400 15px/1.3 "Roboto","Segoe UI",Arial,sans-serif;
}

/* Table */
.cnc-dir .cnc-dir-table{ width:100%; border-collapse:collapse; }
.cnc-dir .cnc-dir-table th,
.cnc-dir .cnc-dir-table td{ border-bottom:1px solid #e5e7eb; padding:10px 8px; text-align:left; vertical-align:top; }
.cnc-dir .cnc-dir-table th{
  font:700 12px/1.2 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:#6b7280; letter-spacing:.02em;
}
.cnc-dir .cnc-dir-table td{
  font:400 15px/1.45 "Roboto","Segoe UI",Arial,sans-serif; color:#111;
}
.cnc-dir .cnc-dir-table tr:hover td{ background:#fafafa; }
.cnc-dir .cnc-dir-table a{ color:#2563eb; text-decoration:none; }
.cnc-dir .cnc-dir-table a:hover{ text-decoration:underline; }

/* Chips */
.cnc-dir .cnc-chip{
  display:inline-block; white-space:nowrap; padding:.18rem .4rem; border-radius:0;
  font:400 12px/1.1 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:#fff; margin-right:6px; margin-bottom:4px;
}
.cnc-dir .cnc-chip.blue{background:#51829b}
.cnc-dir .cnc-chip.teal{background:#009192}
.cnc-dir .cnc-chip.green{background:#b6d7a8;color:#222}
.cnc-dir .cnc-chip.yellow{background:#f2cf5b;color:#222}
.cnc-dir .cnc-chip.orange{background:#fba465}
.cnc-dir .cnc-chip.red{background:#f86e51}

/* Pager */
.cnc-dir .cnc-dir-pager{ display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.cnc-dir .cnc-dir-pager a,
.cnc-dir .cnc-dir-pager span{
  font:500 13px/1.2 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  padding:.35rem .6rem; border:1px solid #e5e7eb; border-radius:6px; text-decoration:none; color:#111;
}
.cnc-dir .cnc-dir-pager .current{ background:#f6f6f6; }

/* Hide native page title on directory page */
.page-id-172 .tcb-post-title,
.page-id-172 h1.entry-title { display:none !important; }

/* Kill stray top margin on heading inside title block */
.cnc-left > .block .value { margin-top:0; }

/* Optional rule spacing */
.cnc-rule{ margin:8px 0 12px; }

/* Hide outer big page H1 we print elsewhere if needed */
.cnc-title{ display:none; }

/* Force "more…" (red) instead of plugin's gray arrow */
.cnc-dir .cnc-dir-table .col-title a::after{
  content:"\00A0more…" !important;  /* NBSP + more… */
  color:#e06666 !important;
  font:500 13px/1 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  opacity:.95 !important;
  margin-left:.1rem !important;
  transform:none !important;
  transition:transform .15s ease, opacity .15s ease !important;
}
.cnc-dir .cnc-dir-table .col-title a:hover::after{
  transform:translateX(2px) !important; opacity:1 !important;
}

/* Keep only the title link clickable; no row highlight */
.cnc-dir .cnc-dir-table tbody tr{ cursor:default !important; }
.cnc-dir .cnc-dir-table tr:hover td{ background:transparent !important; }

/* ===== Mobile polish for Courses Directory ===== */
@media (max-width:800px){
  .cnc-dir .cnc-dir-head{ flex-direction:column; align-items:stretch; gap:8px; }
  .cnc-dir .cnc-dir-search input{ width:100%; }
  .cnc-dir .cnc-filters-row{ flex-direction:column; align-items:stretch; gap:8px; }
  .cnc-dir .cnc-filters-left{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .cnc-dir .cnc-filters-left select{ width:100%; }
  .cnc-dir .cnc-clear{ align-self:flex-start; }
}
@media (max-width:720px){
  .cnc-dir .cnc-dir-table thead{ display:none; }
  .cnc-dir .cnc-dir-table,
  .cnc-dir .cnc-dir-table tbody,
  .cnc-dir .cnc-dir-table tr,
  .cnc-dir .cnc-dir-table td{ display:block; width:100%; }
  .cnc-dir .cnc-dir-table tr{
    border:1px solid #e5e7eb; border-radius:10px; padding:12px; margin-bottom:12px; background:#fff;
    box-sizing:border-box !important;
  }
  .cnc-dir .cnc-dir-table td{ border:none; padding:6px 0; }
  .cnc-dir .cnc-dir-table td::before{
    display:block; margin-bottom:4px; color:#6b7280;
    font:700 12px/1.1 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
    content:"";
  }
  .cnc-dir .cnc-dir-table td.col-title::before{ content:"Course Name"; }
  .cnc-dir .cnc-dir-table td.col-inst::before{ content:"Institution"; }
  .cnc-dir .cnc-dir-table td.col-desc::before{ content:"Description"; }
  .cnc-dir .cnc-dir-table td.col-skill::before{ content:"Skill Level"; }
  .cnc-dir .cnc-dir-table td.col-format::before{ content:"Format"; }
  .cnc-dir .cnc-dir-table .col-desc{ font-size:14px; line-height:1.5; }
  .cnc-dir .cnc-chip{ margin-top:2px; }

  /* Remove outer table borders / spacing on mobile */
  .cnc-dir .cnc-dir-table{
    border:none !important; border-top:0 !important; border-spacing:0 !important; width:100% !important; margin:0 !important;
  }
  .cnc-dir .cnc-dir-table tr{ margin:14px 0 12px !important; }
  .cnc-dir .cnc-dir-table tr:first-child{ margin-top:16px !important; }

  /* Bigger Course Name link on mobile */
  .cnc-dir .cnc-dir-table .col-title a{ display:inline-block; font:700 17px/1.35 "Roboto","Segoe UI",Arial,sans-serif; }

  /* Center pager / bigger tap targets */
  .cnc-dir .cnc-dir-pager{ justify-content:center; gap:8px; }
  .cnc-dir .cnc-dir-pager a,.cnc-dir .cnc-dir-pager span{ padding:10px 14px; border-radius:8px; }
}

/* Prevent "Learn More" from getting cut off on the right */
.cnc-footerbar .right-actions{ max-width:100%; }
.cnc-footerbar .cnc-btn{
  box-sizing:border-box;
  max-width:min(100%, calc(100vw - 36px));
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Small screens: full-width CTA */
@media (max-width:560px){
  .cnc-footerbar{ flex-direction:column; align-items:stretch; }
  .cnc-footerbar .right-actions{ order:1; width:100%; margin-left:0; }
  .cnc-footerbar .cnc-btn{ width:100%; justify-content:center; }
  .cnc-footerbar .footer-left{ order:2; margin-top:8px; }
}

/* Mobile/tablet: stack right column; CTA full width */
@media (max-width:959.98px){
  .cnc-wrap .cnc-grid > *:nth-child(2){
    display:grid !important; grid-template-columns:1fr !important; row-gap:12px !important;
  }
  .cnc-wrap .cnc-grid > *:nth-child(2) .right-actions{ width:100% !important; }
  .cnc-wrap .cnc-grid > *:nth-child(2) .cnc-btn{ width:100% !important; justify-content:center !important; }
}

/* === Single course header: base grid === */
.cnc-wrap .cnc-grid,
.cnc-wrap .cnc-top{
  display:grid; gap:24px; align-items:start;
}

/* Tablet/mobile: stack columns */
@media (max-width:1023.98px){
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{ grid-template-columns:1fr; }
}

/* Desktop: 3-column header with structured right area */
@media (min-width:1024px){
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns:minmax(640px,1fr) 180px 220px !important;
    column-gap:24px !important; align-items:start !important;
  }
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column:2 / span 2 !important;
    display:grid !important; grid-template-columns:180px 220px !important; column-gap:24px !important; align-items:start !important;
  }
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    grid-column:1 !important; justify-self:start !important; text-align:left !important;
  }
  .single-course  .cnc-right .right-top,
  .single-courses .cnc-right .right-top{
    grid-column:2 !important; display:flex !important; flex-direction:column !important; gap:10px !important;
  }
  .single-course  .right-actions,
  .single-courses .right-actions{
    grid-column:2 !important; justify-self:end !important; align-self:start !important;
  }
  .single-course  .cnc-desc,
  .single-courses .cnc-desc{ grid-column:1 / -1 !important; }
}

/* === FIX: Duration col left, Institution above Certificate (desktop) === */
@media (min-width:1024px){
  /* push the whole right side a bit further right */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(640px,1fr) 200px 260px !important;
    column-gap: 36px !important;
  }

  /* right side = 2-column grid: [Duration] | [Institution + Certificate] */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display: grid !important;
    grid-template-columns: 200px 260px !important;
    grid-template-areas:
      "dur inst"
      "dur cert"
      ".   actions";
    column-gap: 24px !important;
    align-items: start !important;
  }

  /* place blocks */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{ grid-area: dur !important; align-self:start !important; }

  .single-course  .cnc-right .inst,
  .single-courses .cnc-right .inst{ grid-area: inst !important; align-self:start !important; }

  /* certificate sits under Institution (works with either class) */
  .single-course  .cnc-right .cert-under-inst,
  .single-courses .cnc-right .cert-under-inst,
  .single-course  .cnc-right .cert,
  .single-courses .cnc-right .cert{ grid-area: cert !important; align-self:start !important; }

  /* button under the right stack */
  .single-course  .cnc-right .right-actions,
  .single-courses .cnc-right .right-actions{
    grid-area: actions !important;
    justify-self: end !important;
    align-self: start !important;
  }
}

/* === FINAL FIX: right column layout (desktop) === */
@media (min-width:1024px){

  /* widen left, push right side further right */
  body.single-course  .cnc-wrap .cnc-grid,
  body.single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(640px,1fr) 220px 280px !important;
    column-gap: 36px !important;
    align-items: start !important;
  }

  /* make the right side a 2-col grid: [Duration] | [Institution+Certificate] */
  body.single-course  .cnc-right,
  body.single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display: grid !important;
    grid-template-columns: 220px 280px !important;
    grid-auto-rows: auto;
    column-gap: 24px !important;
    align-items: start !important;
  }

  /* Duration (left of the right area) */
  body.single-course  .cnc-right .dur,
  body.single-courses .cnc-right .dur{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important; /* tall column */
    margin-left: 12px !important;     /* a bit further right */
    justify-self: start !important;
    text-align: left !important;
  }

  /* Institution top-right */
  body.single-course  .cnc-right .inst,
  body.single-courses .cnc-right .inst{
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  /* Certificate directly under Institution (handle either class) */
  body.single-course  .cnc-right .cert,
  body.single-course  .cnc-right .cert-under-inst,
  body.single-courses .cnc-right .cert,
  body.single-courses .cnc-right .cert-under-inst{
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  /* If Inst+Cert are wrapped in .right-top, stack them anyway */
  body.single-course  .cnc-right .right-top,
  body.single-courses .cnc-right .right-top{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }
  body.single-course  .cnc-right .right-top .inst,
  body.single-courses .cnc-right .right-top .inst{ order: 1 !important; }
  body.single-course  .cnc-right .right-top .cert,
  body.single-course  .cnc-right .right-top .cert-under-inst,
  body.single-courses .cnc-right .right-top .cert,
  body.single-courses .cnc-right .right-top .cert-under-inst{ order: 2 !important; }

  /* Button under the right stack */
  body.single-course  .cnc-right .right-actions,
  body.single-courses .cnc-right .right-actions{
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    align-self: start !important;
  }
}

/* (optional quick check) uncomment to verify these rules apply */
/* body.single-course .cnc-right{ outline:2px solid red !important; } */

/* === FINAL DESKTOP LAYOUT: Duration left, Institution top-right, Certificate under Institution === */
@media (min-width:1024px){

  /* widen left col; push right side further right */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(640px,1fr) 220px 280px !important;
    column-gap: 36px !important;
    align-items: start !important;
  }

  /* make right side a 2-col grid */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display: grid !important;
    grid-template-columns: 220px 280px !important;
    column-gap: 24px !important;
    align-items: start !important;
  }

  /* --- primary mapping by class names --- */
  /* Duration */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin-left: 12px !important;   /* nudge further right */
    justify-self: start !important;
    text-align: left !important;
  }
  /* Institution (top-right) */
  .single-course  .cnc-right .inst,
  .single-courses .cnc-right .inst{
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }
  /* Certificate directly under Institution */
  .single-course  .cnc-right .cert,
  .single-course  .cnc-right .cert-under-inst,
  .single-courses .cnc-right .cert,
  .single-courses .cnc-right .cert-under-inst{
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }
  /* Button under the right stack */
  .single-course  .cnc-right .right-actions,
  .single-courses .cnc-right .right-actions{
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    align-self: start !important;
  }

  /* --- fallback if those classes aren't present: use child order (1:Duration, 2:Institution, 3:Certificate) --- */
  .single-course  .cnc-right > :nth-child(1),
  .single-courses .cnc-right > :nth-child(1){
    grid-column: 1 !important; grid-row: 1 / span 2 !important; margin-left:12px !important;
  }
  .single-course  .cnc-right > :nth-child(2),
  .single-courses .cnc-right > :nth-child(2){
    grid-column: 2 !important; grid-row: 1 !important;
  }
  .single-course  .cnc-right > :nth-child(3),
  .single-courses .cnc-right > :nth-child(3){
    grid-column: 2 !important; grid-row: 2 !important;
  }
}

/* === ALIGN DURATION & INSTITUTION ON SAME LINE; CERT UNDER INSTITUTION === */
@media (min-width:1024px){

  /* push right side further right */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(640px,1fr) 220px 280px !important;
    column-gap: 36px !important;
  }

  /* right area is a 2-col grid */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display: grid !important;
    grid-template-columns: 220px 280px !important;
    column-gap: 24px !important;
    align-items: start !important;
  }

  /* Duration = left column, top-aligned (nudge right) */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    grid-column: 1 !important;
    grid-row: 1 !important;            /* same baseline as Institution */
    margin: 0 0 0 12px !important;     /* move a bit right */
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Wrapper that contains Institution + Certificate stacked */
  .single-course  .cnc-right .right-top,
  .single-courses .cnc-right .right-top{
    grid-column: 2 !important;
    grid-row: 1 !important;            /* align with Duration */
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* ensure inner blocks have no top offset */
  .single-course  .cnc-right .inst,
  .single-course  .cnc-right .cert,
  .single-courses .cnc-right .inst,
  .single-courses .cnc-right .cert{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* CTA button under Institution+Certificate */
  .single-course  .cnc-right .right-actions,
  .single-courses .cnc-right .right-actions{
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: start !important;
  }

  /* Fallback if there's no .right-top wrapper:
     1st child = Duration, 2nd = Institution, 3rd = Certificate */
  .single-course  .cnc-right > :nth-child(2),
  .single-courses .cnc-right > :nth-child(2){
    grid-column: 2 !important; grid-row: 1 !important; margin-top:0 !important; padding-top:0 !important;
  }
  .single-course  .cnc-right > :nth-child(3),
  .single-courses .cnc-right > :nth-child(3){
    grid-column: 2 !important; grid-row: 2 !important; margin-top:0 !important; padding-top:0 !important;
  }
}

/* === Push right column further right; keep Inst+Cert in same column as button; bump Inst font === */
@media (min-width:1024px){

  /* push the whole right area further to the right */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(760px,1fr) 220px 300px !important; /* wider left col */
    column-gap: 48px !important;                                      /* bigger gap */
  }

  /* right side = 2 columns (Duration | Inst+Cert+Button) */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display: grid !important;
    grid-template-columns: 220px 300px !important;
    column-gap: 32px !important;
    align-items: start !important;
  }

  /* Duration (more to the right within its column) */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-left: 16px !important;
    align-self: start !important;
  }

  /* Institution + Certificate stacked in same column as the button */
  .single-course  .cnc-right .right-top,
  .single-courses .cnc-right .right-top{
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Button sits under that same column; align left edge with Inst/Cert */
  .single-course  .cnc-right .right-actions,
  .single-courses .cnc-right .right-actions{
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important; /* left edges aligned */
    align-self: start !important;
  }
}

/* Bigger Institution value */
.single-course  .cnc-right .inst .value,
.single-courses .cnc-right .inst .value{
  font-size: 22px !important;
  font-weight: 500 !important;
}

/* === FINAL OVERRIDES (tuned) === */
/* Desktop only */
@media (min-width:1024px){

  /* Bring the right side back left a bit */
  .single-course  .cnc-wrap .cnc-grid,
  .single-course  .cnc-wrap .cnc-top,
  .single-courses .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-top{
    display:grid !important;
    grid-template-columns: minmax(780px,1fr) 200px 260px !important;
    column-gap: 28px !important;
    align-items:start !important;
  }

  /* Right side = 2 columns: [Duration] | [Inst+Cert+Button] */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-column: 2 / span 2 !important;
    display:grid !important;
    grid-template-columns: 200px 260px !important;
    column-gap: 28px !important;
    align-items:start !important;
  }

  /* Duration (left sub-col) */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-left: 0 !important; /* remove extra nudge */
    text-align:left !important;
  }

  /* Institution + Certificate stacked (right sub-col) */
  .single-course  .cnc-right .right-top,
  .single-courses .cnc-right .right-top{
    grid-column: 2 !important;
    grid-row: 1 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  /* Learn More button under Inst/Cert, left edges aligned */
  .single-course  .cnc-right .right-actions,
  .single-courses .cnc-right .right-actions{
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: start !important;
  }
}

/* Make Institution value larger */
.single-course  .cnc-right .inst .value,
.single-courses .cnc-right .inst .value{
  font-size: 24px !important;
  font-weight: 600 !important;
}

/* === Nudge right column left (final tweak) === */
@media (min-width:1024px){
  /* move Duration + Institution/Certificate + Button slightly left */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    margin-left: -18px !important;  /* adjust this number if needed */
  }

  /* bring the whole right area a touch closer by shrinking col 3 a bit */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(760px,1fr) 200px 240px !important;
    column-gap: 24px !important;
  }

  /* keep the internal right grid consistent */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-template-columns: 200px 240px !important;
    column-gap: 24px !important;
  }
}

/* Institution bigger */
.single-course  .cnc-right .inst .value,
.single-courses .cnc-right .inst .value{
  font-size: 24px !important;
  font-weight: 600 !important;
}

/* === FINAL NUDGE: right column position + bigger Institution === */
@media (min-width:1024px){
  /* move Duration / Institution / Certificate slightly LEFT */
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    margin-left: -28px !important; /* tweak this number if you still need a hair left/right */
  }

  /* keep internal right grid consistent */
  .single-course  .cnc-wrap .cnc-grid,
  .single-courses .cnc-wrap .cnc-grid{
    grid-template-columns: minmax(760px,1fr) 200px 240px !important;
    column-gap: 24px !important;
  }
  .single-course  .cnc-right,
  .single-courses .cnc-right{
    grid-template-columns: 200px 240px !important;
    column-gap: 24px !important;
    align-items: start !important;
  }

  /* make sure Duration and Institution sit on the same baseline */
  .single-course  .cnc-right .dur,
  .single-courses .cnc-right .dur{
    align-self: start !important;
    margin-top: 0 !important;
  }
}

/* bigger Institution value */
.single-course  .block-clean.inst .value,
.single-courses .block-clean.inst .value{
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.cnc-dir .cnc-chip{display:inline-block;white-space:nowrap;padding:.18rem .4rem;border-radius:0;
  font:400 12px/1.1 "Roboto Condensed","Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#fff;margin-right:6px;margin-bottom:4px}
.cnc-dir .cnc-chip.blue{background:#51829b}
.cnc-dir .cnc-chip.teal{background:#009192}
.cnc-dir .cnc-chip.green{background:#b6d7a8;color:#222}
.cnc-dir .cnc-chip.yellow{background:#f2cf5b;color:#222}
.cnc-dir .cnc-chip.orange{background:#fba465}
.cnc-dir .cnc-chip.red{background:#f86e51}

/* ======== CNC DIRECTORY — SINGLE, AUTHORITATIVE BLOCK ======== */

/* Scope */
.cnc-dir{max-width:1120px;margin:0 auto;padding:28px 0 72px}

/* Hide the little version tag */
.cnc-dir .cnc-version{display:none !important}

/* ---------- TABLE ---------- */
.cnc-dir .cnc-dir-table{width:100%;border-collapse:collapse}
.cnc-dir .cnc-dir-table th,
.cnc-dir .cnc-dir-table td{
  border-bottom:1px solid #e5e7eb;padding:10px 8px;text-align:left;vertical-align:top
}
.cnc-dir .cnc-dir-table th{
  font:700 12px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#6b7280;letter-spacing:.02em
}
.cnc-dir .cnc-dir-table td{
  font:400 15px/1.45 "Roboto","Segoe UI",Arial,sans-serif;color:#111
}
.cnc-dir .cnc-dir-table a{color:#2563eb;text-decoration:none}
.cnc-dir .cnc-dir-table a:hover{text-decoration:underline}

/* Chips (Category/Skill/Format) */
.cnc-dir .cnc-chip{
  display:inline-block;white-space:nowrap;padding:.18rem .4rem;border-radius:0;
  font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#fff;margin-right:6px;margin-bottom:4px
}
.cnc-dir .cnc-chip.blue{background:#51829b}
.cnc-dir .cnc-chip.teal{background:#009192}
.cnc-dir .cnc-chip.green{background:#b6d7a8;color:#222}
.cnc-dir .cnc-chip.yellow{background:#f2cf5b;color:#222}
.cnc-dir .cnc-chip.orange{background:#fba465}
.cnc-dir .cnc-chip.red{background:#f86e51}

/* ---------- TOOLBAR (Search + Filters + Clear) ---------- */
/* Use flex so we can reorder without HTML changes */
.cnc-dir form.toolbar{
  display:flex !important; flex-wrap:wrap !important; align-items:flex-end !important;
  gap:8px 10px !important; margin:0 0 12px !important; padding:0 !important
}

/* Labels above selects for compact width */
.cnc-dir form.toolbar label{
  display:flex !important; flex-direction:column !important; gap:4px !important;
  font:700 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important; color:#6b7280 !important;
  order:1 !important;
}
.cnc-dir form.toolbar select{
  height:36px !important; padding:8px 10px !important; min-width:130px !important;
  font:400 14px/1.2 "Roboto","Segoe UI",Arial,sans-serif !important
}

/* Search goes first row, left-justified; size matches selects */
.cnc-dir form.toolbar input[name="s"],
.cnc-dir form.toolbar input[type="search"]{
  order:0 !important; width:260px !important; max-width:260px !important; height:36px !important;
  padding:6px 10px !important; border:1px solid #ddd !important; border-radius:6px !important;
  font:400 15px/1.3 "Roboto","Segoe UI",Arial,sans-serif !important
}
.cnc-dir form.toolbar input[name="s"]::placeholder{color:#777 !important}

/* Simple line-art magnifier button (no text, no blue background) */
.cnc-dir form.toolbar button[type="submit"],
.cnc-dir form.toolbar input[type="submit"]{
  order:0 !important; margin-left:6px !important; width:36px !important; height:36px !important; padding:0 !important;
  border:1px solid #ddd !important; border-radius:6px !important; background:#fff !important;
  text-indent:-9999px !important; overflow:hidden !important; position:relative !important; cursor:pointer !important
}
.cnc-dir form.toolbar button[type="submit"]::after,
.cnc-dir form.toolbar input[type="submit"]::after{
  content:"" !important; position:absolute !important; inset:0 !important; margin:auto !important; width:18px !important; height:18px !important;
  background-repeat:no-repeat !important; background-position:center !important; background-size:18px 18px !important;
  /* clean line-art magnifier */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

/* Clear link = neutral text at the end of the controls row */
.cnc-dir form.toolbar .cnc-clear{
  order:2 !important; align-self:center !important; margin-left:12px !important;
  border:0 !important; background:none !important; padding:0 !important;
  font:500 13px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  color:#333 !important; text-decoration:none !important
}
.cnc-dir form.toolbar .cnc-clear:hover{text-decoration:underline !important}

/* ---------- COUNT ---------- */
.cnc-dir .count{margin:6px 0 10px !important; font:400 14px/1.2 "Roboto","Segoe UI",Arial,sans-serif !important; color:#555}

/* ---------- PAGINATION (right-justified, tight, chevrons) ---------- */
/* Handle both: paginate_links() outputs and theme wrappers */
.cnc-dir .pagination{display:flex !important; justify-content:flex-end !important; margin-top:14px !important; width:100% !important}
.cnc-dir .pagination ul,
.cnc-dir .pagination ol,
.cnc-dir ul.page-numbers,
.cnc-dir ol.page-numbers{
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:flex !important; gap:6px !important; align-items:center !important
}
.cnc-dir .pagination li{margin:0 !important; padding:0 !important}

.cnc-dir .pagination a.page-numbers,
.cnc-dir .pagination span.page-numbers{
  display:inline-block !important; min-width:28px !important; text-align:center !important;
  padding:4px 8px !important; border:1px solid #e5e7eb !important; border-radius:6px !important;
  text-decoration:none !important; color:#111 !important; background:#fff !important;
  font:500 14px/1.1 "Roboto","Segoe UI",Arial,sans-serif !important
}
.cnc-dir .pagination span.current{background:#111 !important;color:#fff !important;border-color:#111 !important}

.cnc-dir .pagination a.prev,
.cnc-dir .pagination a.next{font-size:0 !important; line-height:0 !important; position:relative !important; width:32px !important; padding:0 !important}
.cnc-dir .pagination a.prev::before{content:"‹" !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; font-size:16px !important; color:#111 !important}
.cnc-dir .pagination a.next::after{content:"›" !important; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; font-size:16px !important; color:#111 !important}

/* ---------- MOBILE ---------- */
@media (max-width:800px){
  .cnc-dir form.toolbar{gap:8px !important}
  .cnc-dir form.toolbar input[name="s"]{width:100% !important; max-width:none !important}
  .cnc-dir .pagination{justify-content:center !important}
}

/* ===== CNC DIRECTORY — HARD OVERRIDES (paste at very bottom) ===== */

/* Hide the tiny dev tag anywhere it appears */
.cnc-version{display:none !important}

/* ---------- TOOLBAR (works whether it's <form class="toolbar"> or not) ---------- */
.cnc-dir form.toolbar,
.cnc-dir .toolbar,
.cnc-dir .cnc-filters,
.cnc-dir .filters{display:flex !important;flex-wrap:wrap !important;align-items:flex-end !important;gap:8px 10px !important;margin:0 0 12px !important;padding:0 !important}

/* Labels above fields to save width */
.cnc-dir form.toolbar label,
.cnc-dir .toolbar label{
  display:flex !important;flex-direction:column !important;gap:4px !important;
  font:700 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;color:#6b7280 !important
}

/* Selects (skill/format/category/order/etc.) */
.cnc-dir form.toolbar select,
.cnc-dir .toolbar select{
  height:36px !important;padding:8px 10px !important;min-width:130px !important;
  font:400 14px/1.2 "Roboto","Segoe UI",Arial,sans-serif !important
}

/* Search input — same height as selects, simple font, compact width */
.cnc-dir input[name="s"],
.cnc-dir input[type="search"],
.cnc-dir .search-field{
  order:0 !important;width:240px !important;max-width:240px !important;height:36px !important;
  padding:6px 10px !important;border:1px solid #ddd !important;border-radius:6px !important;
  font:400 15px/1.3 "Roboto","Segoe UI",Arial,sans-serif !important;color:#111 !important
}
.cnc-dir input[name="s"]::placeholder,
.cnc-dir input[type="search"]::placeholder{color:#777 !important}

/* Submit button — plain line-art magnifier, no “Search” text */
.cnc-dir button[type="submit"],
.cnc-dir input[type="submit"]{
  order:0 !important;margin-left:6px !important;width:36px !important;height:36px !important;padding:0 !important;
  border:1px solid #ddd !important;border-radius:6px !important;background:#fff !important;
  text-indent:-9999px !important;overflow:hidden !important;position:relative !important;cursor:pointer !important
}
.cnc-dir button[type="submit"]::after,
.cnc-dir input[type="submit"]::after{
  content:"" !important;position:absolute !important;inset:0 !important;margin:auto !important;width:18px !important;height:18px !important;
  background-repeat:no-repeat !important;background-position:center !important;background-size:18px 18px !important;
  /* clean line-art SVG icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

/* “Clear Filters” — neutral text link (not blue, no button chrome) */
.cnc-dir .cnc-clear,
.cnc-dir a.cnc-clear{
  border:0 !important;background:none !important;padding:0 !important;margin-left:12px !important;
  font:500 13px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  color:#333 !important;text-decoration:none !important
}
.cnc-dir .cnc-clear:hover,
.cnc-dir a.cnc-clear:hover{text-decoration:underline !important}

/* ---------- TABLE (safe styling only) ---------- */
.cnc-dir .cnc-dir-table{width:100% !important;border-collapse:collapse !important}
.cnc-dir .cnc-dir-table th,
.cnc-dir .cnc-dir-table td{border-bottom:1px solid #e5e7eb !important;padding:10px 8px !important;vertical-align:top !important;text-align:left !important}
.cnc-dir .cnc-dir-table th{font:700 12px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;color:#6b7280 !important;letter-spacing:.02em !important}
.cnc-dir .cnc-dir-table td{font:400 15px/1.45 "Roboto","Segoe UI",Arial,sans-serif !important;color:#111 !important}

/* Category/Skill/Format “chips” */
.cnc-dir .cnc-chip{display:inline-block !important;white-space:nowrap !important;padding:.18rem .4rem !important;border-radius:0 !important;font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;color:#fff !important;margin-right:6px !important;margin-bottom:4px !important}
.cnc-dir .cnc-chip.blue{background:#51829b !important}
.cnc-dir .cnc-chip.teal{background:#009192 !important}
.cnc-dir .cnc-chip.green{background:#b6d7a8 !important;color:#222 !important}
.cnc-dir .cnc-chip.yellow{background:#f2cf5b !important;color:#222 !important}
.cnc-dir .cnc-chip.orange{background:#fba465 !important}
.cnc-dir .cnc-chip.red{background:#f86e51 !important}

/* ---------- PAGINATION (supports paginate_links variants + Thrive) ---------- */
.cnc-dir nav.pagination,
.cnc-dir .pagination,
.cnc-dir .cnc-dir-pager,
.cnc-dir .pagination-wrap,
.cnc-dir .tve_pagination{display:flex !important;justify-content:flex-end !important;margin-top:14px !important;width:100% !important}

.cnc-dir nav.pagination ul,
.cnc-dir .pagination ul,
.cnc-dir .pagination ol,
.cnc-dir ul.page-numbers,
.cnc-dir ol.page-numbers{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;gap:6px !important;align-items:center !important}

.cnc-dir .pagination li,
.cnc-dir .page-numbers li{margin:0 !important;padding:0 !important}

.cnc-dir .pagination a.page-numbers,
.cnc-dir .pagination span.page-numbers,
.cnc-dir .page-numbers a,
.cnc-dir .page-numbers span{
  display:inline-block !important;min-width:28px !important;text-align:center !important;
  padding:4px 8px !important;border:1px solid #e5e7eb !important;border-radius:6px !important;
  text-decoration:none !important;color:#111 !important;background:#fff !important;
  font:500 14px/1.1 "Roboto","Segoe UI",Arial,sans-serif !important
}
.cnc-dir .pagination span.current,
.cnc-dir .page-numbers .current{background:#111 !important;color:#fff !important;border-color:#111 !important}

/* Replace “Prev/Next” text with single chevrons */
.cnc-dir .pagination a.prev,
.cnc-dir .page-numbers a.prev,
.cnc-dir .pagination a.next,
.cnc-dir .page-numbers a.next{font-size:0 !important;line-height:0 !important;position:relative !important;width:32px !important;padding:0 !important}
.cnc-dir .pagination a.prev::before,
.cnc-dir .page-numbers a.prev::before{content:"‹" !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;font-size:16px !important;color:#111 !important}
.cnc-dir .pagination a.next::after,
.cnc-dir .page-numbers a.next::after{content:"›" !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;font-size:16px !important;color:#111 !important}

/* ---------- MOBILE ---------- */
@media (max-width:800px){
  .cnc-dir form.toolbar,
  .cnc-dir .toolbar{gap:8px !important}
  .cnc-dir input[name="s"],
  .cnc-dir input[type="search"],
  .cnc-dir .search-field{width:100% !important;max-width:none !important}
  .cnc-dir nav.pagination,
  .cnc-dir .pagination,
  .cnc-dir .pagination-wrap,
  .cnc-dir .tve_pagination{justify-content:center !important}
}

/* === CNC DIR — bring back underlined title + “more”, and enlarge pager arrows === */

/* Underline the course title link and append “more” */
.cnc-dir .cnc-dir-table td.col-title a,
.cnc-dir .cnc-dir-table .title a{
  text-decoration: underline !important;
}
.cnc-dir .cnc-dir-table td.col-title a::after,
.cnc-dir .cnc-dir-table .title a::after{
  content: "\00A0more" !important;           /* NBSP + more */
  color: #e06666 !important;
  font: 500 13px/1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  margin-left: .1rem !important;
  text-decoration: none !important;           /* keep just the link underlined */
  transform: none !important;
  opacity: .95 !important;
}

/* Make pagination chevrons larger (and keep right-aligned layout you have) */
.cnc-dir .pagination a.prev,
.cnc-dir .page-numbers a.prev,
.cnc-dir .pagination a.next,
.cnc-dir .page-numbers a.next{
  width: 40px !important;        /* a bit wider to fit bigger arrows */
  height: 36px !important;
  padding: 0 !important;
}
.cnc-dir .pagination a.prev::before,
.cnc-dir .page-numbers a.prev::before{
  content: "‹" !important;
  font-size: 20px !important;    /* was 16px */
  line-height: 1 !important;
}
.cnc-dir .pagination a.next::after,
.cnc-dir .page-numbers a.next::after{
  content: "›" !important;
  font-size: 20px !important;    /* was 16px */
  line-height: 1 !important;
}

/* === CNC DIR — fixes: pagination alignment, search placeholder font, non-blue title link === */

/* 1) Pagination: make numbers + chevrons the same size and perfectly centered */
.cnc-dir .page-numbers,
.cnc-dir .pagination .page-numbers{ display:flex !important; align-items:center !important; gap:6px !important; }

.cnc-dir .page-numbers a,
.cnc-dir .page-numbers span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:36px !important;
  min-width:36px !important;       /* numbers + arrows are identical boxes */
  padding:0 !important;
  border:1px solid #e5e7eb !important;
  border-radius:6px !important;
  text-decoration:none !important;
  color:#111 !important;
  background:#fff !important;
  font:500 14px/1 "Roboto","Segoe UI",Arial,sans-serif !important;
}
.cnc-dir .page-numbers .current{
  background:#111 !important; color:#fff !important; border-color:#111 !important;
}

/* Chevrons (bigger, now naturally centered because the <a> is flex) */
.cnc-dir .page-numbers a.prev,
.cnc-dir .page-numbers a.next{
  font-size:0 !important; line-height:0 !important; position:relative !important;
}
.cnc-dir .page-numbers a.prev::before{ content:"‹" !important; font-size:22px !important; line-height:1 !important; }
.cnc-dir .page-numbers a.next::after { content:"›" !important; font-size:22px !important; line-height:1 !important; }

/* 2) Search field + placeholder should be Roboto Condensed */
.cnc-dir form.toolbar input[name="s"],
.cnc-dir form.toolbar input[type="search"]{
  font:400 15px/1.3 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
}
.cnc-dir form.toolbar input[name="s"]::placeholder,
.cnc-dir form.toolbar input[type="search"]::placeholder{
  font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
}
.cnc-dir form.toolbar input[name="s"]::-webkit-input-placeholder{ font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important; }
.cnc-dir form.toolbar input[name="s"]::-moz-placeholder{ font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important; opacity:1; }
.cnc-dir form.toolbar input[name="s"]:-ms-input-placeholder{ font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important; }

/* 3) Course title link: use neutral ink color (not default blue) but keep underline + “more” */
.cnc-dir .cnc-dir-table td.col-title a,
.cnc-dir .cnc-dir-table .title a{
  color:#111 !important;
  text-decoration:underline !important;
}
.cnc-dir .cnc-dir-table td.col-title a:hover,
.cnc-dir .cnc-dir-table .title a:hover{
  color:#111 !important;           /* stay neutral on hover */
}

/* Only underline the course title text — not the "more" tag */
.cnc-dir .cnc-dir-table td.col-title a,
.cnc-dir .cnc-dir-table .title a{
  text-decoration: underline !important;
  color:#111 !important;
}

/* Make the pseudo “more” sit in its own inline-block so the underline stops */
.cnc-dir .cnc-dir-table td.col-title a::after,
.cnc-dir .cnc-dir-table .title a::after{
  /* your existing content, size, and color remain */
  display:inline-block !important;   /* breaks the underline flow */
  text-decoration:none !important;   /* ensure no underline on the tag itself */
  border-bottom:0 !important;
}

/* === NEW CATEGORIES — Science & Humanities === */

/* (single course chips use vars) */
:root{
  --cat-science:#e1a9e8;
  --cat-humanities:#9b518b;
}
.chip.cat-science{ background:var(--cat-science); color:#222; }     /* light purple needs dark text */
.chip.cat-humanities{ background:var(--cat-humanities); }           /* white text is fine */

/* (directory chips use explicit color classes) */
.cnc-dir .cnc-chip.science{ background:#e1a9e8; color:#222; }
.cnc-dir .cnc-chip.humanities{ background:#9b518b; }

/* === Make directory category chips match single-course colors === */
.cnc-dir .cnc-chip.cat-tech{background:var(--cat-tech)}
.cnc-dir .cnc-chip.cat-marketing-branding{background:var(--cat-marketing-branding)}
.cnc-dir .cnc-chip.cat-social-media{background:var(--cat-social-media)}
.cnc-dir .cnc-chip.cat-health{background:var(--cat-health)}
.cnc-dir .cnc-chip.cat-social-sciences{background:var(--cat-social-sciences)}
.cnc-dir .cnc-chip.cat-project-management{background:var(--cat-project-management)}
.cnc-dir .cnc-chip.cat-business-entrepreneur{background:var(--cat-business-entrepreneur);color:#222}
.cnc-dir .cnc-chip.cat-education{background:var(--cat-education)}
.cnc-dir .cnc-chip.cat-religion{background:var(--cat-religion)}
/* New ones you added */
.cnc-dir .cnc-chip.cat-science{background:#e1a9e8;color:#222}
.cnc-dir .cnc-chip.cat-humanities{background:#9b518b}

/* === CNC DIRECTORY — FINAL OVERRIDES (matches single-course chips, real “more”, clean pagination) === */

/* 0) Kill any old pseudo “more” so it doesn’t double up */
.cnc-dir .cnc-dir-table .col-title a::after,
.cnc-dir .cnc-dir-table .title a::after{
  content:none !important;
}

/* 1) Course title: underline only the link; neutral ink color; red “more” not underlined */
.cnc-dir .cnc-dir-table td.col-title .title a{
  color:#111 !important;
  text-decoration:underline !important;
}
.cnc-dir .cnc-dir-table td.col-title .title .more{
  display:inline-block !important;
  margin-left:.15rem !important;
  color:#e06666 !important;
  font:500 13px/1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  text-decoration:none !important;
}

/* 2) Directory chips use SAME classes as single: .chip.cat-... */
.cnc-dir .chip{
  display:inline-block !important;
  white-space:nowrap !important;
  padding:.18rem .40rem !important;
  border-radius:0 !important;
  font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  color:#fff !important;
  margin-right:6px !important;
  margin-bottom:4px !important;
}

/* Map directory category chips to the same colors as single (uses your :root vars) */
.cnc-dir .chip.cat-tech{background:var(--cat-tech) !important}
.cnc-dir .chip.cat-marketing-branding{background:var(--cat-marketing-branding) !important}
.cnc-dir .chip.cat-social-media{background:var(--cat-social-media) !important}
.cnc-dir .chip.cat-health{background:var(--cat-health) !important}
.cnc-dir .chip.cat-social-sciences{background:var(--cat-social-sciences) !important}
.cnc-dir .chip.cat-project-management{background:var(--cat-project-management) !important}
.cnc-dir .chip.cat-business-entrepreneur{background:var(--cat-business-entrepreneur) !important; color:#222 !important}
.cnc-dir .chip.cat-education{background:var(--cat-education) !important}
.cnc-dir .chip.cat-religion{background:var(--cat-religion) !important}

/* New ones you added */
:root{
  --cat-science:#e1a9e8;
  --cat-humanities:#9b518b;
}
.cnc-dir .chip.cat-science{background:var(--cat-science) !important; color:#222 !important}
.cnc-dir .chip.cat-humanities{background:var(--cat-humanities) !important}

/* 3) Search input + placeholder = Roboto Condensed */
.cnc-dir form.toolbar input[name="s"],
.cnc-dir form.toolbar input[type="search"]{
  font:400 15px/1.3 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
}
.cnc-dir form.toolbar input[name="s"]::placeholder,
.cnc-dir form.toolbar input[type="search"]::placeholder{
  font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
}

/* 4) Pagination: uniform boxes, centered chevrons, no pseudo content tricks */
.cnc-dir .page-numbers{display:flex !important; align-items:center !important; gap:6px !important}
.cnc-dir .page-numbers a,
.cnc-dir .page-numbers span{
  display:flex !important; align-items:center !important; justify-content:center !important;
  height:36px !important; min-width:36px !important; padding:0 !important;
  border:1px solid #e5e7eb !important; border-radius:6px !important;
  background:#fff !important; color:#111 !important; text-decoration:none !important;
  font:500 14px/1 "Roboto","Segoe UI",Arial,sans-serif !important;
}
.cnc-dir .page-numbers .current{background:#111 !important; color:#fff !important; border-color:#111 !important}

/* Ensure prev/next show the actual ‹ › characters from PHP (not hidden) */
.cnc-dir .page-numbers a.prev,
.cnc-dir .page-numbers a.next{
  font-size:18px !important; line-height:1 !important;
}
.cnc-dir .pagination a.prev::before,
.cnc-dir .page-numbers a.prev::before,
.cnc-dir .pagination a.next::after,
.cnc-dir .page-numbers a.next::after{
  content:none !important; /* disable any older pseudo icons */
}

/* ===== CNC DIRECTORY — hard-locked colors + UI polish ===== */

/* Scope */
.cnc-dir{max-width:1120px;margin:0 auto;padding:28px 18px 72px}
.cnc-dir .count{margin:6px 0 10px;font:400 14px/1.2 "Roboto","Segoe UI",Arial,sans-serif;color:#555}

/* --- Toolbar --- */
.cnc-dir form.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;margin:0 0 12px}
.cnc-dir form.toolbar label{
  display:flex;flex-direction:column;gap:4px;
  font:700 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#6b7280}
.cnc-dir form.toolbar select{
  height:36px;padding:8px 10px;min-width:130px;font:400 14px/1.2 "Roboto","Segoe UI",Arial,sans-serif}
.cnc-dir form.toolbar input[name="s"],
.cnc-dir form.toolbar input[type="search"]{
  width:260px;max-width:260px;height:36px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;
  font:400 15px/1.3 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#111}
.cnc-dir form.toolbar input[name="s"]::placeholder,
.cnc-dir form.toolbar input[type="search"]::placeholder{
  font-family:"Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#777}
.cnc-dir .cnc-clear{border:0;background:none;padding:0;margin-left:12px;
  font:500 13px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#333;text-decoration:none}
.cnc-dir .cnc-clear:hover{text-decoration:underline}

/* --- Table --- */
.cnc-dir .cnc-dir-table{width:100%;border-collapse:collapse}
.cnc-dir .cnc-dir-table th,
.cnc-dir .cnc-dir-table td{border-bottom:1px solid #e5e7eb;padding:10px 8px;vertical-align:top;text-align:left}
.cnc-dir .cnc-dir-table th{
  font:700 12px/1.2 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#6b7280;letter-spacing:.02em}

/* Course name link + red “more” (only the name is underlined) */
.cnc-dir .col-title a{color:#111;text-decoration:underline}
.cnc-dir .col-title .more{
  display:inline-block;margin-left:.15rem;color:#e06666;
  font:500 13px/1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;text-decoration:none}

/* --- Chips base --- */
.cnc-dir .cnc-chip{
  display:inline-block;white-space:nowrap;padding:.18rem .4rem;border-radius:0;
  font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;color:#fff;margin-right:6px;margin-bottom:4px}

/* ===== HARD-LOCKED CATEGORY COLORS (directory) =====
   Expecting chip markup like: <span class="cnc-chip cat-TECH-SLUG">…</span> */
.cnc-dir .cnc-chip.cat-tech{background:#880acd}
.cnc-dir .cnc-chip.cat-marketing-branding{background:#174172}
.cnc-dir .cnc-chip.cat-social-media{background:#51829b}
.cnc-dir .cnc-chip.cat-health{background:#72bce1;color:#fff}
.cnc-dir .cnc-chip.cat-social-sciences{background:#225d21}
.cnc-dir .cnc-chip.cat-project-management{background:#65a464}
.cnc-dir .cnc-chip.cat-business-entrepreneur{background:#f1cc2b;color:#222}
.cnc-dir .cnc-chip.cat-education{background:#f19137}
.cnc-dir .cnc-chip.cat-religion{background:#d80947}
.cnc-dir .cnc-chip.cat-science{background:#e1a9e8;color:#222}
.cnc-dir .cnc-chip.cat-humanities{background:#9b518b}

/* Fallback (if any legacy generic classes slip through). These DO NOT
   override the hard-locked .cat-* above, but give sane colors to old markup. */
.cnc-dir .cnc-chip.blue{background:#51829b}
.cnc-dir .cnc-chip.teal{background:#009192}
.cnc-dir .cnc-chip.green{background:#b6d7a8;color:#222}
.cnc-dir .cnc-chip.yellow{background:#f2cf5b;color:#222}
.cnc-dir .cnc-chip.orange{background:#fba465}
.cnc-dir .cnc-chip.red{background:#f86e51}

/* --- Pagination: equal sizing, centered chevrons, alignment fixed --- */
.cnc-dir nav.pagination,
.cnc-dir .pagination{display:flex;justify-content:flex-end;margin-top:14px}
.cnc-dir ul.page-numbers{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.cnc-dir .page-numbers a,
.cnc-dir .page-numbers span{
  display:flex;align-items:center;justify-content:center;height:36px;min-width:36px;
  padding:0;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#111;
  text-decoration:none;font:500 14px/1 "Roboto","Segoe UI",Arial,sans-serif}
.cnc-dir .page-numbers .current{background:#111;color:#fff;border-color:#111}
.cnc-dir .page-numbers a.prev,
.cnc-dir .page-numbers a.next{font-size:0;line-height:0;position:relative}
.cnc-dir .page-numbers a.prev::before{content:"‹";font-size:22px;line-height:1}
.cnc-dir .page-numbers a.next::after {content:"›";font-size:22px;line-height:1}

/* --- Mobile tweaks --- */
@media (max-width:800px){
  .cnc-dir form.toolbar{gap:8px}
  .cnc-dir form.toolbar input[name="s"]{width:100%;max-width:none}
  .cnc-dir nav.pagination,.cnc-dir .pagination{justify-content:center}
}

/* ===== SINGLE COURSE — match directory colors on chips (optional but safe) ===== */
:root{
  --cat-tech:#880acd;--cat-marketing-branding:#174172;--cat-social-media:#51829b;
  --cat-health:#72bce1;--cat-social-sciences:#225d21;--cat-project-management:#65a464;
  --cat-business-entrepreneur:#f1cc2b;--cat-education:#f19137;--cat-religion:#d80947;
  --cat-science:#e1a9e8;--cat-humanities:#9b518b;
}
.chip.cat-tech{background:var(--cat-tech)}
.chip.cat-marketing-branding{background:var(--cat-marketing-branding)}
.chip.cat-social-media{background:var(--cat-social-media)}
.chip.cat-health{background:var(--cat-health);color:#fff}
.chip.cat-social-sciences{background:var(--cat-social-sciences)}
.chip.cat-project-management{background:var(--cat-project-management)}
.chip.cat-business-entrepreneur{background:var(--cat-business-entrepreneur);color:#222}
.chip.cat-education{background:var(--cat-education)}
.chip.cat-religion{background:var(--cat-religion)}
.chip.cat-science{background:var(--cat-science);color:#222}
.chip.cat-humanities{background:var(--cat-humanities)}

/* ===== CNC — AUTHORITATIVE CATEGORY COLORS (hard-locked) ===== */
/* Base chip styles (safe, minimal) */
.chip,
.cnc-chip{
  display:inline-block;
  white-space:nowrap;
  padding:.18rem .40rem;
  border-radius:0;
  font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif;
  color:#fff;
  margin-right:6px;
  margin-bottom:4px;
}

/* Tech */
.chip.cat-tech,
.cnc-chip.cat-tech{ background:#880acd !important; }

/* Marketing / Branding */
.chip.cat-marketing-branding,
.cnc-chip.cat-marketing-branding{ background:#174172 !important; }

/* Social Media */
.chip.cat-social-media,
.cnc-chip.cat-social-media{ background:#51829b !important; }

/* Health (keep white text) */
.chip.cat-health,
.cnc-chip.cat-health{ background:#72bce1 !important; color:#fff !important; }

/* Social Sciences */
.chip.cat-social-sciences,
.cnc-chip.cat-social-sciences{ background:#225d21 !important; }

/* Project Management */
.chip.cat-project-management,
.cnc-chip.cat-project-management{ background:#65a464 !important; }

/* Business / Entrepreneur (needs dark text) */
.chip.cat-business-entrepreneur,
.cnc-chip.cat-business-entrepreneur{ background:#f1cc2b !important; color:#222 !important; }

/* Education */
.chip.cat-education,
.cnc-chip.cat-education{ background:#f19137 !important; }

/* Religion */
.chip.cat-religion,
.cnc-chip.cat-religion{ background:#d80947 !important; }

/* NEW — Science (light: use dark text) */
.chip.cat-science,
.cnc-chip.cat-science{ background:#e1a9e8 !important; color:#222 !important; }

/* NEW — Humanities */
.chip.cat-humanities,
.cnc-chip.cat-humanities{ background:#9b518b !important; }

/* (Optional) kill any legacy color classes so they never override these */
.cnc-chip.blue, .cnc-chip.teal, .cnc-chip.green,
.cnc-chip.yellow, .cnc-chip.orange, .cnc-chip.red{
  all:unset; /* wipe */
  display:inline-block !important;
  white-space:nowrap !important;
  padding:.18rem .40rem !important;
  border-radius:0 !important;
  font:400 12px/1.1 "Roboto Condensed","Roboto","Segoe UI",Arial,sans-serif !important;
  color:#fff !important;
  margin-right:6px !important;
  margin-bottom:4px !important;
}

/* ==== CNC Directory: keep search on the same row as filters (desktop) ==== */
@media (min-width: 801px){
  .cnc-dir form.toolbar{
    display:flex !important;
    align-items:flex-end !important;
    flex-wrap:wrap !important;          /* allow wrap if truly needed */
    gap:8px 10px !important;
  }
  /* Don't let the search block claim 100% width */
  .cnc-dir form.toolbar > .search-wrap{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex:0 0 auto !important;           /* <-- key: no flex-basis:100% */
    margin:0 !important;
  }
  /* Lock the search input/button size so they sit inline with selects */
  .cnc-dir form.toolbar > .search-wrap input[name="s"],
  .cnc-dir form.toolbar > .search-wrap input[type="search"]{
    width:260px !important;
    max-width:260px !important;
    height:36px !important;
    padding:6px 10px !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    display:inline-block !important;
  }
  .cnc-dir form.toolbar > .search-wrap button[type="submit"]{
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    background:#fff !important;
    text-indent:-9999px !important;
    position:relative !important;
  }
  .cnc-dir form.toolbar > .search-wrap button[type="submit"]::after{
    content:"" !important;
    position:absolute !important; inset:0 !important; margin:auto !important;
    width:18px !important; height:18px !important;
    background-repeat:no-repeat !important; background-position:center !important; background-size:18px 18px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  }

  /* Keep labels tight so nothing bumps to a new row unnecessarily */
  .cnc-dir form.toolbar label{ margin:0 !important; }
  .cnc-dir form.toolbar select{ height:36px !important; }
  .cnc-dir form.toolbar .cnc-clear{ margin-left:12px !important; }
}

/* === CNC Directory toolbar: force ONE row on desktop === */
@media (min-width: 900px){
  .cnc-dir form.toolbar{
    display:flex !important;
    flex-wrap:nowrap !important;           /* keep everything on one line */
    align-items:flex-end !important;
    gap:8px 10px !important;
  }
  /* prevent any child from claiming full width */
  .cnc-dir form.toolbar > *{
    flex:0 0 auto !important;
    margin:0 !important;
  }

  /* search input + button sized like the selects */
  .cnc-dir form.toolbar input[name="s"],
  .cnc-dir form.toolbar input[type="search"]{
    width:220px !important;
    max-width:220px !important;
    height:36px !important;
    padding:6px 10px !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    display:inline-block !important;
  }
  .cnc-dir form.toolbar button[type="submit"]{
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    background:#fff !important;
    text-indent:-9999px !important;
    position:relative !important;
  }
  .cnc-dir form.toolbar button[type="submit"]::after{
    content:"" !important;
    position:absolute !important; inset:0; margin:auto;
    width:18px !important; height:18px !important;
    background: center / 18px 18px no-repeat
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M20 20l-3.5-3.5' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* make selects compact so all fit */
  .cnc-dir form.toolbar select{
    min-width:120px !important;            /* was 130–140 */
    height:36px !important;
  }

  /* keep “Clear Filters” on the row */
  .cnc-dir form.toolbar .cnc-clear{
    white-space:nowrap !important;
    margin-left:12px !important;
  }
}

/* DEV: child CSS loaded badge */
html::before{
  content:"child CSS loaded";
  position:fixed;
  top:8px;
  right:8px;
  z-index:999999;
  background:#111;
  color:#fff;
  padding:4px 8px;
  font:600 12px/1 sans-serif;
}