@layer quartz-base{.byline{color:var(--gray);flex-wrap:wrap;align-items:baseline;gap:.15rem 0;margin:.5rem 0 0;font-size:1rem;display:flex;position:relative}.byline>*+:before{content:"·";margin:0 .6em}.byline b{color:var(--dark);font-weight:500}.byline-with{cursor:default;position:relative}.byline-with u{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--gray);text-decoration-color:var(--gray);text-underline-offset:.2em}.byline-with:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.byline-note{z-index:5;border:1px solid var(--lightgray);background:var(--surface,var(--light));width:max-content;max-width:min(26rem,100vw - 3rem);color:var(--dark);opacity:0;visibility:hidden;border-radius:3px;padding:.6rem .8rem;font-size:.95rem;line-height:1.45;transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1),visibility 0s linear .15s;position:absolute;top:calc(100% + .4rem);left:0;transform:translateY(-2px);box-shadow:0 8px 24px -8px #00000059}.byline-with:focus .byline-note,.byline-with:focus-visible .byline-note{opacity:1;visibility:visible;transition-delay:0s;transform:none}@media (hover:hover) and (pointer:fine){.byline-with:hover .byline-note{opacity:1;visibility:visible;transition-delay:0s;transform:none}}@media (prefers-reduced-motion:reduce){.byline-note{transform:none}}}