/* Editoriale approved 2026-10-14. Keep these visual values unchanged.
   The host replaces the conversation stage: container width is card width.
   Explicit 32px wide padding and 26px inherited line-height reproduce the
   approved 580px reference in Sparker, independently of the page's CSS. */
.knight-cover-host{
  container-type:inline-size;container-name:kc-preview;color-scheme:light;
  --kc-paper:#f4f1e8;--kc-ink:#183e49;--kc-muted:#596360;
  --kc-line:#d8dbd0;--kc-accent:#183e49;
  --kc-watermark-opacity:.04;--kc-check-opacity:.024;
  min-width:0;width:100%;max-width:580px;margin-inline:auto;
}
.knight-cover-host[data-format="RAPID"]{--kc-accent:#58725d}
.knight-cover-host[data-format="BLITZ"]{--kc-accent:#a45038}
.knight-cover-host .kc-cover{
  container-type:inline-size;position:relative;isolation:isolate;
  box-sizing:border-box;width:100%;aspect-ratio:auto;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-start;
  padding:40px 32px;background:var(--kc-paper);color:var(--kc-ink);
  border:1px solid var(--kc-line);border-radius:2px;
  box-shadow:0 8px 30px #183e4910;
  font-family:"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:26px;
  font-weight:400;text-align:left;
}
.knight-cover-host .kc-cover:before{
  position:absolute;inset:0 0 auto;height:4px;content:"";
  background:var(--kc-accent);z-index:3;
}
.knight-cover-host .kc-checks{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:conic-gradient(var(--kc-ink) 25%,transparent 0 50%,var(--kc-ink) 0 75%,transparent 0);
  background-size:16cqi 16cqi;opacity:var(--kc-check-opacity);
  mask-image:linear-gradient(to top,#000,transparent 90%);
}
.knight-cover-host .kc-watermark{
  position:absolute;right:-1cqi;bottom:8cqi;z-index:-1;
  font-family:"Segoe UI Symbol","DejaVu Sans",serif;
  font-size:57cqi;line-height:.9;color:var(--kc-accent);
  opacity:var(--kc-watermark-opacity);pointer-events:none;user-select:none;
}
.knight-cover-host .kc-top{
  position:relative;display:flex;align-items:center;
  justify-content:space-between;gap:12px;min-width:0;
}
.knight-cover-host .kc-brand{
  white-space:nowrap;font-size:clamp(12px,3.1cqi,18px);font-weight:750;
  letter-spacing:.12em;display:flex;gap:.4em;align-items:center;
}
.knight-cover-host .kc-brand>span{font-family:"Segoe UI Symbol",serif;font-size:1.45em;line-height:1}
.knight-cover-host .kc-format{
  white-space:nowrap;padding:.45em .65em;border-radius:3px;
  font-size:clamp(11px,2.2cqi,13px);font-weight:700;letter-spacing:.09em;
  color:var(--kc-accent);background:color-mix(in srgb,var(--kc-accent) 8%,var(--kc-paper));
}
.knight-cover-host .kc-main{position:relative;max-width:96%;min-width:0;margin:32px 0}
.knight-cover-host .kc-title{
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,7.2cqi,44px);
  font-weight:700;line-height:1.06;letter-spacing:-.035em;margin:0;
  overflow-wrap:anywhere;text-wrap:balance;display:block;
  -webkit-line-clamp:unset;overflow:visible;color:var(--kc-ink);
}
.knight-cover-host .kc-city{
  font-size:clamp(18px,4.6cqi,28px);line-height:1.2;letter-spacing:-.025em;
  margin:.35em 0 0;font-weight:400;color:var(--kc-ink);
}
.knight-cover-host .kc-bottom{
  position:relative;display:flex;flex-direction:column;gap:10px;
  padding-top:14px;border-top:1px solid var(--kc-line);
}
.knight-cover-host .kc-date{
  font-size:clamp(12px,3.1cqi,18px);line-height:1.25;font-weight:650;
  letter-spacing:.055em;margin:0;overflow-wrap:anywhere;color:var(--kc-ink);
}
.knight-cover-host .kc-categories{
  font-size:clamp(11px,2.5cqi,14px);line-height:1.35;color:var(--kc-muted);
  margin:0;max-width:100%;overflow-wrap:anywhere;
}
.knight-cover-host .kc-categories:empty{display:none}
@container kc-preview (max-width:430px){
  .knight-cover-host .kc-cover{padding:17px}
  .knight-cover-host .kc-main{margin:31px 0}
  .knight-cover-host .kc-bottom{gap:6px;padding-top:9px}
}