/* 2COMAS theme components. Requires tokens.css. */
.dc-theme{background:var(--dc-ink);color:var(--dc-paper);font:16px/1.6 var(--dc-font-body)}
.dc-grid-bg{background-image:repeating-linear-gradient(90deg,var(--dc-grid) 0 1px,transparent 1px var(--dc-grid-step));background-color:var(--dc-ink)}
.dc-display{font-family:var(--dc-font-display);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em}
.dc-label{font-family:var(--dc-font-label);font-weight:700;font-size:12px;letter-spacing:var(--dc-track-label);text-transform:uppercase;color:var(--dc-paper-soft)}
.dc-label--green{color:var(--dc-green)}
.dc-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:2px solid var(--dc-paper-soft)}
.dc-tag{display:inline-block;background:var(--dc-green);color:var(--dc-green-ink);font-family:var(--dc-font-display);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border-radius:var(--dc-radius)}
.dc-tag--light{background:var(--dc-paper);color:var(--dc-ink)}
.dc-card{background:var(--dc-card);border:1px solid var(--dc-line);border-radius:var(--dc-radius)}
.dc-btn{display:inline-block;border:2px solid var(--dc-green);background:var(--dc-green);color:var(--dc-green-ink);font-family:var(--dc-font-display);font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.04em;padding:14px 22px;border-radius:var(--dc-radius);cursor:pointer}
.dc-btn--ghost{background:transparent;color:var(--dc-paper);border-color:var(--dc-paper-soft)}
.dc-photo{filter:none;object-fit:cover} /* photos are pre-graded; see README for the grade recipe */
.dc-fade-bottom{position:relative}.dc-fade-bottom:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,var(--dc-ink));pointer-events:none}
.dc-corner-comma{position:absolute;right:24px;bottom:20px;width:44px;height:auto}
/* v1.1 header rule: the top bar is TEXT ONLY ("2COMAS Podcast"); no logo mark, no icons. Nav sits in a minimal row below. */
.dc-header-bar{display:flex;align-items:center;padding:16px 0 12px;border-bottom:2px solid var(--dc-paper-soft)}
.dc-header-bar a{font-family:var(--dc-font-label);font-weight:700;font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:var(--dc-paper);text-decoration:none}
.dc-nav-row{display:flex;justify-content:flex-end;gap:30px;padding:10px 0;font-family:var(--dc-font-label);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase}