@layer quartz-base{.content-meta{margin:0 0 var(--space-s);font-size:var(--font-size-sm);color:color-mix(in srgb, var(--darkgray) 75%, var(--light));flex-wrap:wrap;gap:0 .5em;line-height:1.6;display:flex}.growth-stage{display:inline-flex;position:relative}.growth-stage-button{font:inherit;color:inherit;cursor:help;background:0 0;border:0;align-items:center;gap:.3em;margin:0;padding:0;display:inline-flex}.growth-stage-button:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;border-radius:2px}.growth-icon{color:var(--secondary);transform-origin:50% 100%;flex-shrink:0}.growth-stage-tooltip{z-index:10;border:1px solid var(--lightgray);background:var(--light);width:max-content;max-width:min(18rem,80vw);font-size:var(--font-size-xs);color:var(--darkgray);opacity:0;visibility:hidden;border-radius:6px;padding:.5rem .75rem;line-height:1.45;transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.growth-stage-tooltip:before{content:"";position:absolute;inset:-.5rem 0 100%}.growth-stage:is(:hover,:focus-within):not([data-dismissed]) .growth-stage-tooltip{opacity:1;visibility:visible;transform:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.growth-stage-button:is(:hover,:focus-visible) .growth-icon{animation:.56s ease-in-out growth-sway}.growth-stage-button:is(:hover,:focus-visible) .growth-icon[data-stage=seedling]{animation:.56s cubic-bezier(.34,1.36,.64,1) growth-sprout}.growth-stage-button:is(:hover,:focus-visible) .growth-icon[data-stage=evergreen]{animation-name:growth-sway-reverse}}@media (prefers-reduced-motion:reduce){.growth-stage-tooltip{transition:none;transform:none}}@keyframes growth-sprout{0%{transform:scaleY(.82)rotate(0)}30%{transform:scaleY(1.06)rotate(-7deg)}55%{transform:scaleY(1)rotate(6deg)}75%{transform:scaleY(1)rotate(-3deg)}to{transform:scaleY(1)rotate(0)}}@keyframes growth-sway{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}@keyframes growth-sway-reverse{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}}