/* Clearancify Journal kit: widget + card styles. Uses the site's color variables so dark mode follows. */
.ck,.ck-finds{--ck-bg:#edf0e6}
.ck{margin:46px -28px;padding:30px 28px 32px;background:var(--ck-bg);border-radius:4px;scroll-margin-top:110px;font-family:var(--sans)}
.ck .article-kicker{margin:0}
.ck .ck-title{font:30px/1.2 var(--serif);letter-spacing:-.5px;color:var(--ink);margin:8px 0 6px}
.ck .ck-intro{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.ck h4{font:24px/1.25 var(--serif);color:var(--ink);margin:18px 0 8px}
.ck p{font-size:15px;line-height:1.75;margin:0 0 12px}
.ck-fb-block{border-top:1px solid var(--line);padding-top:6px;margin-top:14px}
.ck-fb-note{font-size:13px;color:var(--muted)}

.ck-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ck-chip{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 14px/1.3 var(--sans);padding:10px 15px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:left}
.ck-chip:hover{border-color:var(--ink)}
.ck-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ck-chip:focus-visible,.ck-dot:focus-visible,.ck-range input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.ck-chip-small{font-size:12px;padding:7px 12px}
.ck-ghost{background:transparent}
.ck-link{border:0;background:none;padding:6px 0;color:var(--muted);text-decoration:underline;font-size:13px}
.ck-panel{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
.ck-empty{color:var(--muted);font-style:italic}

/* product cards */
.ck-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:16px;margin:18px 0 8px}
.ck-card{background:var(--paper);padding:10px 10px 12px;border-radius:3px;display:flex;flex-direction:column}
.ck-card>a{display:block}
.ck-card h3{font:500 14px/1.45 var(--sans)!important;margin:8px 0 4px!important;color:var(--ink)}
.ck-brand{font:600 10px/1.4 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;margin:10px 0 0!important}
.ck-card .article-find-price{font-size:18px!important;margin:4px 0!important}
.ck-off{font:600 11px/1 var(--sans);color:var(--orange);white-space:nowrap}
.ck-note{font-style:italic;color:var(--ink)!important;font-size:12px!important}
.ck-finds .ck-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* swatches + colormix */
.ck-swatches{display:flex;flex-wrap:wrap;gap:10px 16px;margin:10px 0 6px}
.ck-swatch{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}
.ck-swatch i{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block}
.ck-mix-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.ck-plus{font:28px/52px var(--serif);color:var(--muted)}
.ck-dots{display:flex;flex-wrap:wrap;gap:6px}
.ck-dot{appearance:none;background:none;border:0;padding:4px;display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;cursor:pointer;color:var(--ink)}
.ck-dot i{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:block;transition:transform .15s,box-shadow .15s}
.ck-dot b{font:500 11px/1.25 var(--sans);text-align:center}
.ck-dot[aria-pressed=true] i{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink);transform:scale(1.04)}
.ck-dot-base{cursor:default}
.ck-dot-base i{width:52px;height:52px}
.ck-split{display:grid;grid-template-columns:1fr 1fr;height:120px;border-radius:4px;overflow:hidden;margin:16px 0 4px}
.ck-split span{display:flex;align-items:flex-end;padding:10px 12px;font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.ck-verdict{display:inline-block;vertical-align:middle;font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 9px;border-radius:999px;margin-left:6px}
.ck-try{font-size:14px!important}

/* quiz */
.ck-progress{font:600 11px/1.4 var(--sans)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;margin:6px 0!important}
.ck-bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin:4px 0 12px}
.ck-bar span{display:block;height:100%;background:var(--ink);transition:width .3s}
.ck-bar-over span{background:#b44a2c}
.ck-answers{display:grid;gap:8px;margin:12px 0}
.ck-answer{border-radius:6px;padding:14px 16px;font-size:15px}
.ck-result-title{font-size:32px!important}
.ck-result-title:focus{outline:none}

/* builder */
.ck-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:14px 0}
.ck-slot{position:relative}
.ck-slot-label{font:600 11px/1.4 var(--sans)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;margin:0 0 6px!important}
.ck-slot-label span{font-weight:400;letter-spacing:0}
.ck-slot-nav{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;padding:0 6px;z-index:1;pointer-events:none;margin-top:calc(50% - 6px)}
.ck-arrow{pointer-events:auto;width:36px;height:36px;padding:0;border-radius:50%;font-size:22px;line-height:1;text-align:center;background:var(--paper);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.ck-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;font-size:15px;color:var(--ink)}
.ck-total s{color:var(--muted);font-size:13px}

/* stocking */
.ck-meter{position:sticky;top:76px;z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px 16px 6px;margin-bottom:6px}
.ck-meter .ck-chips{margin-bottom:8px}
.ck-meter-status{font-size:15px;color:var(--ink)}
.ck-over{color:#b44a2c;font-weight:500}
.ck-add{margin-top:auto;border-radius:6px;font-size:13px;text-align:center;justify-content:center}
.ck-stock-item{display:flex}
.ck-stock-item>.ck-card{flex:1;border:2px solid transparent;transition:border-color .15s}
.ck-picked>.ck-card{border-color:var(--ink)}

/* slider */
.ck-range{margin:4px 0 8px}
.ck-range-value{font:22px/1.3 var(--serif)!important;color:var(--ink)}
.ck-range input{width:100%;accent-color:var(--ink);height:28px}
.ck-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.ck-layers{margin:14px 0 6px;padding-left:20px;font-size:15px;line-height:1.6}
.ck-layers li{margin-bottom:6px;color:var(--muted)}
.ck-layers li span{display:inline-block;min-width:44px;font-weight:600;color:var(--ink)}
.ck-layers li.ck-new{color:var(--ink);font-weight:500}

/* compare */
.ck-table-wrap{overflow-x:auto;margin:12px 0}
.ck-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;background:var(--paper)}
.ck-table th,.ck-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ck-table thead th{font:600 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.ck-table tbody th{font-weight:500;color:var(--ink);width:26%}

/* guess */
.ck-score{font-size:15px!important;color:var(--ink)}
.ck-guess .ck-retail{font-size:13px!important;margin:2px 0!important}
.ck-guess .ck-ask{font-size:12px!important;color:var(--muted)!important;margin:6px 0 4px!important}
.ck-guess-row{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.ck-guess-row .ck-chip{text-align:center}
.ck-chip:disabled{opacity:.55;cursor:default}
.ck-chip.ck-right{background:#2f6b4f;border-color:#2f6b4f;color:#fff;opacity:1}
.ck-chip.ck-wrong{background:#b44a2c;border-color:#b44a2c;color:#fff;opacity:1}
.ck-reveal{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}
.ck-reveal p{font-size:13px!important;margin:4px 0!important}

/* article extras */
.ck-related{padding-left:20px}
.ck-sources{font-size:12px!important}
.ck-sources a{margin-right:2px}
.ck-draft-banner{background:#c75c37;color:#fff;font:600 12px/1.4 var(--sans);letter-spacing:.06em;text-align:center;padding:9px 12px;margin:12px 0 0;border-radius:3px}

@media(max-width:700px){
  .ck{margin:36px -20px;padding:24px 18px}
  .ck .ck-title{font-size:25px}
  .ck-grid,.ck-finds .ck-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .ck-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-mix-row{flex-direction:column}
  .ck-plus{display:none}
  .ck-dot{width:58px}
  .ck-meter{top:64px}
  .ck-split{height:90px}
}

html[data-theme=dark] .ck,html[data-theme=dark] .ck-finds{--ck-bg:#353635}
html[data-theme=dark] .ck-card,html[data-theme=dark] .ck-meter,html[data-theme=dark] .ck-table{background:#2a2a29}
@media(prefers-color-scheme:dark){
  html:not([data-theme=light]) .ck,html:not([data-theme=light]) .ck-finds{--ck-bg:#353635}
  html:not([data-theme=light]) .ck-card,html:not([data-theme=light]) .ck-meter,html:not([data-theme=light]) .ck-table{background:#2a2a29}
}

/* Journal index: alternate the picture side card by card (left, right, left…); phones keep the picture on top. */
.journal-page>.journal-feature:nth-of-type(even){grid-template-columns:1.15fr .85fr}
.journal-page>.journal-feature:nth-of-type(even)>a{order:2}
@media(max-width:700px){
  .journal-page>.journal-feature:nth-of-type(even){grid-template-columns:1fr}
  .journal-page>.journal-feature:nth-of-type(even)>a{order:0}
}