@layer arche.base;@layer arche.components{.arche-byline{align-items:center;gap:var(--arche-spacing-2) var(--arche-spacing-3);min-width:0;font-family:var(--arche-font-family-sans);font-size:var(--arche-font-size-xs);line-height:var(--arche-font-line-height-body);color:var(--arche-color-text-subtle);flex-wrap:wrap;display:flex}.arche-byline__author{flex-wrap:wrap;align-items:baseline;gap:0 .3em;min-width:0;display:inline-flex}.arche-byline__name{font-weight:var(--arche-font-weight-semibold);color:var(--arche-color-text-strong);white-space:normal;overflow-wrap:anywhere}a.arche-byline__name{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);border-radius:var(--arche-radius-md);transition:text-decoration-color var(--arche-duration-fast) var(--arche-easing-standard);margin-block:-.25rem;padding-block:.25rem}a.arche-byline__name:hover{text-decoration-color:currentColor}.arche-byline__item{align-items:baseline;gap:var(--arche-spacing-3);white-space:nowrap;min-width:0;display:inline-flex}.arche-byline__separator{color:var(--arche-color-text-subtle)}.arche-byline__date,.arche-byline__reading{font-variant-numeric:tabular-nums}.arche-byline__reading-label{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arche-byline:has(>.arche-byline__end):after{content:"";flex:1 1 0;order:1;margin-inline-start:calc(-1 * var(--arche-spacing-3))}.arche-byline__end{align-items:center;gap:var(--arche-spacing-2) var(--arche-spacing-3);flex-wrap:wrap;order:2;min-width:0;display:flex}.arche-byline__end :where(a,button):where(:not([class*=arche-])){font:inherit;color:var(--arche-color-link);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);border-radius:var(--arche-radius-md);cursor:pointer;transition:text-decoration-color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:0;margin-block:-.25rem;padding:.25rem 0}.arche-byline__end :where(a,button):where(:not([class*=arche-])):hover{text-decoration-color:currentColor}@media (forced-colors:active){.arche-byline__separator{color:canvastext}}}