
.co-ml-wrap{max-width:1400px;margin:0 auto;padding:32px 18px 60px;color:#16181d}
.co-ml-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:22px}
.co-ml-eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:800;margin:0 0 6px;color:#ff7800}
.co-ml-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 8px}
.co-ml-subtitle{margin:0;color:#667085;font-size:1.04rem}
.co-ml-count{display:flex;align-items:baseline;gap:8px;background:#f5f7fb;border:1px solid #e4e7ec;padding:12px 16px;border-radius:12px}
.co-ml-count strong{font-size:1.45rem}.co-ml-count span{color:#667085}
.co-ml-dev-note{border:1px solid #f2d184;background:#fff8e6;padding:12px 15px;border-radius:10px;margin:0 0 18px}
.co-ml-filters{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(160px,1fr)) auto;gap:12px;align-items:end;background:#fff;border:1px solid #e4e7ec;padding:16px;border-radius:14px;margin-bottom:24px;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.co-ml-field{display:flex;flex-direction:column;gap:6px;margin:0}.co-ml-field span{font-size:.78rem;font-weight:700;color:#475467}
.co-ml-field input,.co-ml-field select{min-height:43px;width:100%;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;padding:8px 11px!important;font-size:.95rem!important}
.co-ml-actions{display:flex;gap:10px;align-items:center;padding-bottom:1px}
.co-ml-button{min-height:43px;border:0;border-radius:8px;padding:0 18px;background:#ff7800;color:#fff;font-weight:700;cursor:pointer}
.co-ml-reset{color:#475467;text-decoration:none;font-weight:600}
.co-ml-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.co-ml-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;box-shadow:0 2px 9px rgba(16,24,40,.05);display:flex;flex-direction:column;min-width:0}
.co-ml-image-link{display:block;background:#f2f4f7;aspect-ratio:4/3;overflow:hidden}
.co-ml-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.co-ml-image-link:hover .co-ml-card-image:not(.co-ml-placeholder){transform:scale(1.025)}
.co-ml-placeholder{display:flex;align-items:center;justify-content:center;color:#98a2b3;font-weight:700;background:linear-gradient(135deg,#f2f4f7,#eaecf0)}
.co-ml-card-body{padding:15px 16px 14px;display:flex;flex-direction:column;flex:1}
.co-ml-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.co-ml-badge{font-size:.7rem;line-height:1;padding:5px 7px;border-radius:999px;background:#fff1e5;color:#a84f00;font-weight:700}
.co-ml-badge-light{background:#f2f4f7;color:#475467}
.co-ml-title{font-size:1.05rem;line-height:1.3;margin:0 0 5px}
.co-ml-title a{color:#101828;text-decoration:none}.co-ml-title a:hover{color:#ff7800}
.co-ml-model-id{font-size:.76rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#667085;margin-bottom:9px}
.co-ml-excerpt{font-size:.87rem;line-height:1.5;color:#667085;margin:0 0 14px}
.co-ml-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:11px;border-top:1px solid #eef0f3}
.co-ml-access{font-size:.72rem;color:#667085}
.co-ml-view{font-size:.84rem;color:#ff7800;text-decoration:none;font-weight:700;white-space:nowrap}
.co-ml-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:30px}
.co-ml-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;padding:0 11px;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:8px;text-decoration:none;color:#344054;background:#fff}
.co-ml-pagination .current{background:#ff7800;color:#fff;border-color:#ff7800}
.co-ml-empty,.co-ml-message,.co-ml-gate{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:28px}
.co-ml-gate{max-width:520px;margin:40px auto}
@media(max-width:1100px){.co-ml-grid{grid-template-columns:repeat(3,1fr)}.co-ml-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.co-ml-header{align-items:flex-start;flex-direction:column}.co-ml-grid{grid-template-columns:repeat(2,1fr)}.co-ml-filters{grid-template-columns:1fr}.co-ml-actions{padding-top:3px}}
@media(max-width:520px){.co-ml-grid{grid-template-columns:1fr}.co-ml-wrap{padding-left:12px;padding-right:12px}}


/* v0.2 */
.co-ml-filter-note{
  grid-column:1/-1;
  margin:-2px 0 2px;
  font-size:.78rem;
  color:#667085;
}
.co-ml-filters{
  grid-template-columns:minmax(220px,1.6fr) minmax(170px,1fr) minmax(170px,1fr) minmax(160px,.9fr);
}
.co-ml-actions{
  grid-column:1/-1;
  justify-content:flex-end;
  padding-top:2px;
}

/* Remove common theme sidebars only on a page containing this library. */
body:has(.co-ml-wrap) .widget-area,
body:has(.co-ml-wrap) aside#secondary,
body:has(.co-ml-wrap) .sidebar{
  display:none!important;
}
body:has(.co-ml-wrap) #primary,
body:has(.co-ml-wrap) .content-area,
body:has(.co-ml-wrap) .site-main,
body:has(.co-ml-wrap) .entry-content{
  width:100%!important;
  max-width:none!important;
  float:none!important;
}
body:has(.co-ml-wrap) .entry-header{
  display:none!important;
}

@media(max-width:900px){
  .co-ml-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .co-ml-filters{grid-template-columns:1fr}
}


/* v0.5 member access visibility */
.co-ml-member-note{
    margin:0 0 18px;
    padding:13px 16px;
    border:1px solid #ffd0a8;
    border-radius:12px;
    background:#fff8f1;
    color:#344054;
    line-height:1.45;
}
.co-ml-member-note strong{
    color:#a84f00;
}
.co-ml-member-inactive{
    border-color:#f1c7c1;
    background:#fff5f3;
}
.co-ml-member-inactive strong{
    color:#b42318;
}


/* v0.7 compact clickable cards */
.co-ml-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.co-ml-card:hover,.co-ml-card:focus-visible{transform:translateY(-2px);box-shadow:0 7px 18px rgba(16,24,40,.10);border-color:#cfd6e4;outline:none}
.co-ml-card-body{padding:13px 14px 12px}
.co-ml-badges{margin-bottom:7px}
.co-ml-title{margin-bottom:4px}
.co-ml-model-id{margin-bottom:7px}
.co-ml-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;line-height:1.45;min-height:4.35em;height:4.35em;max-height:4.35em;margin-bottom:11px}
.co-ml-card-footer{justify-content:flex-end;padding-top:9px}
.co-ml-view{position:relative;z-index:2}

/* v1.0 Chopper Originals visual polish */
.co-ml-wrap{
  max-width:1400px;
  padding-top:26px;
}
.co-ml-header{
  position:relative;
  overflow:hidden;
  align-items:center;
  margin-bottom:18px;
  padding:28px 30px;
  border:1px solid #202733;
  border-radius:18px;
  background:linear-gradient(135deg,#11151c 0%,#1a202a 68%,#202838 100%);
  box-shadow:0 10px 28px rgba(16,24,40,.12);
}
.co-ml-header:after{
  content:"";
  position:absolute;
  right:-72px;
  top:-94px;
  width:280px;
  height:280px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);
  pointer-events:none;
}
.co-ml-header>div:first-child{position:relative;z-index:1}
.co-ml-eyebrow{
  margin-bottom:8px;
  color:#ff8a1f;
  font-size:.76rem;
  letter-spacing:.19em;
}
.co-ml-header h1{
  color:#fff;
  font-size:clamp(2.15rem,4vw,3.2rem);
  letter-spacing:-.025em;
  margin-bottom:8px;
}
.co-ml-subtitle{color:#c3cad6;font-size:1rem}
.co-ml-count{
  position:relative;
  z-index:1;
  min-width:122px;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.co-ml-count strong{color:#fff;font-size:1.55rem}
.co-ml-count span{color:#c3cad6}
.co-ml-dev-note{
  border-color:#efcf7a;
  background:#fff9e9;
}
.co-ml-filters{
  padding:18px;
  border-radius:16px;
  box-shadow:0 5px 16px rgba(16,24,40,.055);
}
.co-ml-filter-note{
  color:#667085;
  font-size:.76rem;
  letter-spacing:.005em;
}
.co-ml-field span{
  color:#344054;
  font-size:.76rem;
  letter-spacing:.01em;
}
.co-ml-field input,.co-ml-field select{
  transition:border-color .15s ease,box-shadow .15s ease;
}
.co-ml-field input:focus,.co-ml-field select:focus{
  border-color:#ff9b42!important;
  box-shadow:0 0 0 3px rgba(255,120,0,.12)!important;
  outline:none!important;
}
.co-ml-button{
  background:#ff7800;
  box-shadow:0 2px 5px rgba(255,120,0,.20);
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
}
.co-ml-button:hover,.co-ml-button:focus-visible{
  background:#e96d00;
  box-shadow:0 4px 9px rgba(255,120,0,.25);
  transform:translateY(-1px);
}
.co-ml-reset:hover{color:#101828}
.co-ml-card{
  border-color:#dfe4ec;
  box-shadow:0 3px 11px rgba(16,24,40,.055);
}
.co-ml-badge{
  background:#fff1e5;
  color:#a84f00;
}
.co-ml-title{font-weight:650;letter-spacing:-.01em}
.co-ml-view{color:#d96300}
.co-ml-pagination .current{
  background:#ff7800;
  border-color:#d96300;
}
@media(max-width:760px){
  .co-ml-header{padding:22px 20px}
  .co-ml-count{align-self:flex-start}
}

/* v1.0.2 Chopper Originals orange branding */
.co-ml-title a:hover,
.co-ml-view:hover,
.co-ml-reset:hover {
  color:#d96300;
}
.co-ml-card:hover,
.co-ml-card:focus-visible {
  border-color:#efc39c;
}
