:root{
  --cc-bg:#0f1115;
  --cc-ink:#111;
  --cc-paper:#fbf7ef;
  --cc-cream:#f3eadb;
  --cc-gold:#c7a65a;
  --cc-slate:#2f3a45;
  --cc-line:#e6dccb;
  --cc-radius:18px;
  --cc-shadow:0 10px 30px rgba(0,0,0,.12);
}
.cc-issue{max-width:1100px;margin:0 auto;padding:18px}
.cc-cover{border-radius:28px;overflow:hidden;background:var(--cc-paper);box-shadow:var(--cc-shadow);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
.cc-cover:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(199,166,90,.20), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgba(47,58,69,.12), transparent 60%),
    linear-gradient(180deg, rgba(15,17,21,.06), rgba(15,17,21,0));
  pointer-events:none;
}
.cc-cover__inner{position:relative;padding:34px 28px 28px;background:linear-gradient(180deg, rgba(251,247,239,.92), rgba(251,247,239,.88));backdrop-filter:saturate(110%) blur(1px)}
.cc-cover__mast{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:rgba(17,17,17,.70)}
.cc-cover__month{margin-top:10px;font-size:14px;color:rgba(17,17,17,.70)}
.cc-cover__title{margin:10px 0 6px;font-size:44px;line-height:1.08;color:#111;font-family:Georgia, "Times New Roman", serif}
.cc-cover__line{font-size:18px;color:#111;margin-bottom:8px}
.cc-cover__theme{font-size:14px;color:rgba(17,17,17,.75);max-width:70ch}
.cc-cover__buttons{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.cc-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:999px;text-decoration:none;
  background:var(--cc-slate);color:var(--cc-paper);font-weight:600;
}
.cc-button--ghost{background:transparent;color:var(--cc-slate);border:1px solid rgba(47,58,69,.25)}
.cc-link{color:var(--cc-slate);text-decoration:none;border-bottom:1px solid rgba(47,58,69,.25)}
.cc-dot{color:rgba(47,58,69,.55)}
.cc-issue__grid{
  margin-top:16px;
  display:grid;gap:14px;
  grid-template-columns: repeat(12, 1fr);
}
.cc-card{
  background:white;border:1px solid var(--cc-line);border-radius:var(--cc-radius);
  padding:16px;box-shadow:0 1px 0 rgba(0,0,0,.03);
  text-decoration:none;color:inherit;min-height:140px;
  display:flex;flex-direction:column;gap:8px;
}
.cc-card:hover{transform:translateY(-1px);transition:transform .12s ease}
.cc-card__kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(17,17,17,.60)}
.cc-card__title{font-size:18px;line-height:1.2;margin:0;color:#111;font-family:Georgia, "Times New Roman", serif}
.cc-card__excerpt{font-size:14px;color:rgba(17,17,17,.72)}
.cc-card__meta{margin-top:auto;font-size:13px;color:rgba(17,17,17,.70)}
.cc-card--featured{grid-column: span 7; background:linear-gradient(180deg, #ffffff, #fbf7ef)}
.cc-card--practice{grid-column: span 5; border-color:rgba(199,166,90,.40); background:linear-gradient(180deg, #ffffff, #f7f0e4)}
@media (max-width: 980px){
  .cc-card--featured, .cc-card--practice{grid-column: span 12;}
  .cc-issue__grid{grid-template-columns: repeat(6, 1fr);}
  .cc-card{grid-column: span 6;}
}
@media (max-width: 620px){
  .cc-issue__grid{grid-template-columns: repeat(1, 1fr);}
  .cc-card{grid-column: span 1;}
  .cc-cover__title{font-size:34px;}
}
.cc-box{border:1px solid var(--cc-line);background:var(--cc-paper);border-radius:16px;padding:14px 14px 12px;margin:18px 0}
.cc-box--accent{border-color:rgba(199,166,90,.55)}
.cc-box__title{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:rgba(17,17,17,.65);margin-bottom:8px}
.cc-checklist{padding-left:18px}
.cc-steps{padding-left:18px}
.cc-rule{border:none;border-top:1px solid var(--cc-line);margin:22px 0}
.cc-lede{font-size:18px;line-height:1.6}
.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cc-card h3{margin:0 0 6px}
.cc-signature{margin-top:16px;font-weight:700}
.cc-signoff{margin-top:18px;font-style:italic}