/* CLM Archive public styling (lightweight, embed-friendly) */
:root{
  --clm-text:#111;
  --clm-muted:#666;
  --clm-border:#e9e9e9;
  --clm-link:#0b57d0;
  --clm-card:#fff;
  --clm-bg:#fff;
  --clm-radius:16px;
}

html,body{margin:0;padding:0;background:var(--clm-bg);color:var(--clm-text);}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.35;
}
.clm-wrap{
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 18px;
}
a{color:var(--clm-link);text-decoration:none;}
a:hover{text-decoration:underline;}
.muted{color:var(--clm-muted);font-size:13px;}
.card{
  background:var(--clm-card);
  border:1px solid var(--clm-border);
  border-radius: var(--clm-radius);
  padding:14px;
}
.btn{
  display:inline-block;
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid var(--clm-border);
  background:#fff;
}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:900px){.grid3{grid-template-columns:1fr;}}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:980px){.grid4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.grid4{grid-template-columns:1fr;}}
.thumb{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--clm-border);
}
.hr{border:0;border-top:1px solid var(--clm-border);margin:14px 0;}