/* "Made by Kehr & Co." mark. External stylesheet only: works under style-src 'self' with no inline styles. */
.kc-mark {
  display: inline-flex;
  align-items: center;
  min-height: 44px;            /* touch target */
  padding-inline: 4px;
  color: var(--kc-ink, #1b1a17);
  text-decoration: none;
  --kc-mark-muted: var(--kc-muted, #69645a);
  --kc-mark-amp: var(--kc-primary, #2f5233);
}
.kc-mark:hover { color: var(--kc-primary, #2f5233); }
.kc-mark:focus-visible { outline: 2px solid var(--kc-accent, #2f5233); outline-offset: 3px; border-radius: 4px; }
.kc-mark-svg { display: block; width: 128px; height: 24px; overflow: visible; }
.kc-mark-svg .kc-by { fill: var(--kc-mark-muted); }
.kc-mark-svg .kc-name { fill: currentColor; }
.kc-mark-svg .kc-amp { fill: var(--kc-mark-amp); }
/* Large screens and TV: scale up, never below 128px wide. */
@media (min-width: 1280px) { .kc-mark-svg { width: 160px; height: 30px; } }
@media (min-width: 1920px) { .kc-mark-svg { width: 208px; height: 39px; } }
/* Standalone fallback when tokens.css is not loaded. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .kc-mark { color: var(--kc-ink, #ece7dc); --kc-mark-muted: var(--kc-muted, #b2aa9c); --kc-mark-amp: var(--kc-primary, #a9c09a); }
}
:root[data-theme="dark"] .kc-mark { color: var(--kc-ink, #ece7dc); --kc-mark-muted: var(--kc-muted, #b2aa9c); --kc-mark-amp: var(--kc-primary, #a9c09a); }
@media print { .kc-mark { color: #000; --kc-mark-muted: #444; --kc-mark-amp: #000; } }
.kc-mark-text { font: 0.75rem/1.4 var(--kc-font-sans, system-ui, sans-serif); color: var(--kc-muted, #69645a); margin: 0; }
.kc-mark-text a { color: inherit; text-underline-offset: 0.2em; display: inline-flex; align-items: center; min-height: 44px; }