/* CF — the hairline is the signature. Structure comes from 1px rules,
   not from shadows or fills. */
:root{
  --border-width-hairline:1px; /* @kind other */
  --border-width-strong:2px; /* @kind other */
  --rule:var(--border-width-hairline) solid var(--border-hairline); /* @kind other */
  --rule-strong:var(--border-width-hairline) solid var(--border-strong); /* @kind other */
  --rule-inverse:var(--border-width-hairline) solid var(--border-inverse); /* @kind other */
  --rule-accent:var(--border-width-strong) solid var(--accent); /* @kind other */
}
.cf-rule{border:0;border-top:var(--rule);height:0;margin:0}
.cf-rule-inverse{border:0;border-top:var(--rule-inverse);height:0;margin:0}