/* Satnam Siri WaheGuru Sahib Ji */
.cr-main { max-width: 860px; padding-top: 30px; padding-bottom: 64px; }
.cr-main svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.cr-head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.cr-ic { width: 52px; height: 52px; border-radius: 14px; background: var(--accent-soft); color: var(--accent);
  display: grid; place-items: center; flex: none; }
.cr-ic svg { width: 27px; height: 27px; }
.cr-head h1 { margin: 0; font-size: clamp(1.4rem, 1rem + 1.9vw, 2rem); letter-spacing: -.02em; }
.cr-head p { margin: 3px 0 0; color: var(--muted); font-size: .92rem; }

.cr-intro { margin: 0 0 26px; font-size: .95rem; line-height: 1.7; color: var(--muted); }
.cr-intro b { color: var(--text); }

.cr-list { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.cr-item { background: var(--bg-2); border: 1px solid var(--border); border-radius: 16px; padding: 18px 20px; }
.cr-item-top { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.cr-item-top h2 { margin: 0; font-size: 1.05rem; letter-spacing: -.01em; }
.cr-ver { font-size: .76rem; font-weight: 600; color: var(--muted); background: var(--bg-3);
  border: 1px solid var(--border); border-radius: 999px; padding: 2px 9px; }
.cr-lic { margin-left: auto; font-size: .72rem; font-weight: 700; color: var(--teal-ink);
  border: 1px solid color-mix(in srgb, var(--c-teal) 40%, var(--border)); border-radius: 999px; padding: 3px 10px; }
.cr-by { margin: 8px 0 0; font-size: .88rem; color: var(--muted); }
.cr-by b { color: var(--text); font-weight: 650; }
.cr-used { margin: 8px 0 0; font-size: .9rem; line-height: 1.6; }
.cr-note { margin: 8px 0 0; font-size: .84rem; line-height: 1.6; color: var(--muted);
  padding-left: 12px; border-left: 2px solid var(--border); }
.cr-copy { margin: 12px 0 0; font-size: .78rem; color: var(--faint);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.cr-lictext { margin: 12px 0 0; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-3); }
.cr-lictext summary { padding: 9px 12px; font-size: .8rem; font-weight: 600; color: var(--muted); cursor: pointer; }
.cr-lictext summary:hover { color: var(--text); }
.cr-lictext[open] summary { border-bottom: 1px solid var(--border); }
.cr-lictext pre { margin: 0; padding: 12px; overflow-x: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .72rem; line-height: 1.65; color: var(--muted); white-space: pre-wrap; word-break: break-word; }
.cr-links { display: flex; align-items: center; gap: 9px; margin: 12px 0 0; font-size: .84rem; }
.cr-links a { color: var(--accent); font-weight: 600; }
.cr-links a:hover { text-decoration: underline; }
.cr-links span { color: var(--faint); }

.cr-block { margin: 0 0 28px; padding: 22px 24px; background: var(--bg-2);
  border: 1px solid var(--border); border-radius: 16px; }
.cr-block h2 { margin: 0 0 10px; font-size: 1.05rem; letter-spacing: -.01em; }
.cr-block p { margin: 0 0 12px; font-size: .9rem; line-height: 1.7; color: var(--muted); }
.cr-block p:last-child { margin-bottom: 0; }
.cr-block code { font-size: .84rem; background: var(--bg-3); border: 1px solid var(--border-2);
  border-radius: 6px; padding: 1px 6px; }
.cr-nope { margin: 0 0 14px; padding-left: 20px; }
.cr-nope li { font-size: .9rem; line-height: 1.7; color: var(--muted); margin-bottom: 6px; }
.cr-nope b { color: var(--text); }

.cr-foot { margin: 0; font-size: .86rem; line-height: 1.7; color: var(--faint); text-align: center; }

@media (max-width: 620px) {
  .cr-item { padding: 16px; }
  .cr-block { padding: 18px; }
  .cr-lic { margin-left: 0; }
}
/* webk · v0.1.0 */