.my-trees,.my-trees-state{gap:1.5rem;display:grid}.my-trees-state{border:1px solid var(--publishing-stone);background:var(--publishing-surface-soft);max-width:42rem;padding:clamp(1.25rem,4vw,2rem)}.my-trees-state h2{color:var(--publishing-ink);font-family:var(--publishing-serif);margin:0;font-size:clamp(1.55rem,4vw,2rem);font-weight:400}.my-trees-state button{border:1px solid var(--publishing-stone-bright);width:fit-content;min-height:46px;color:var(--publishing-ink);font:inherit;cursor:pointer;background:0 0;border-radius:3px;padding:10px 16px;font-weight:600}.my-trees-state button:hover,.my-trees-state button:focus-visible{border-color:var(--publishing-bronze);color:var(--publishing-bronze-bright)}.my-trees__intro{gap:.7rem;max-width:50rem;display:grid}.my-trees__intro p{margin:0}.my-trees__boundary{border-left:2px solid var(--publishing-bronze);color:var(--publishing-ink-soft);padding-left:1rem}.my-trees__status,.my-trees__error{border-left:3px solid var(--publishing-cypress);background:color-mix(in srgb, var(--publishing-cypress) 8%, transparent);margin:0;padding:.8rem 1rem}.my-trees__error{background:#8b3b3214;border-left-color:#8b3b32}.my-trees__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tree-card{border:1px solid var(--publishing-stone);background:linear-gradient(145deg, var(--publishing-surface-soft), transparent), var(--publishing-paper);align-content:start;gap:1rem;min-width:0;padding:clamp(1.1rem,3vw,1.5rem);display:grid}.tree-card--primary{border-color:var(--publishing-cypress);box-shadow:inset 3px 0 0 var(--publishing-cypress)}.tree-card__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tree-card h2,.tree-card p{margin:0}.tree-card h2{color:var(--publishing-ink);font-family:var(--publishing-serif);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:400}.tree-card__meta,.tree-card__state{color:var(--publishing-bronze-bright);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.tree-card__current{border:1px solid var(--publishing-cypress);color:var(--publishing-cypress);letter-spacing:.08em;text-transform:uppercase;flex:none;padding:.32rem .5rem;font-size:.7rem}.tree-card__start{color:var(--publishing-ink-soft);font-size:.92rem}.tree-card__target-counts{color:var(--publishing-ink-soft);font-size:.9rem}.tree-card__actions{gap:.7rem;display:grid}.tree-card__progress{border:1px solid var(--publishing-stone);background:color-mix(in srgb, var(--publishing-cypress) 5%, transparent);gap:.45rem;padding:.9rem;display:grid}.tree-card__progress>p{color:var(--publishing-ink-soft);font-size:.9rem}.tree-card__progress>p strong{color:var(--publishing-ink)}.tree-card__progress summary{color:var(--publishing-cypress);cursor:pointer;margin-top:.35rem;font-weight:650}.tree-card__progress ol{gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.tree-card__progress li{border-top:1px solid var(--publishing-stone);grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding-top:.55rem;display:grid}.tree-card__progress li>span:first-child{gap:.15rem;display:grid}.tree-card__progress li small{color:var(--publishing-ink-soft)}.tree-card__progress li>span:last-child{color:var(--publishing-bronze-bright);font-size:.78rem;font-weight:700}.tree-card__progress li>span.is-met{color:var(--publishing-cypress)}.tree-card button{border:1px solid var(--publishing-stone-bright);width:100%;min-height:2.75rem;color:var(--publishing-ink);font:inherit;cursor:pointer;background:0 0;font-weight:650}.tree-card button:hover:not(:disabled),.tree-card button:focus-visible{border-color:var(--publishing-cypress);color:var(--publishing-cypress)}.tree-card button:disabled{cursor:wait;opacity:.6}.tree-card .tree-card__leave{color:var(--publishing-ink-soft);border-color:#0000;font-weight:500}.tree-card__leave-confirmation{border:1px solid #8b3b32;gap:.7rem;padding:.9rem;display:grid}.tree-card__leave-confirmation>div{gap:.6rem;display:flex}@media (width<=760px){.my-trees__grid{grid-template-columns:1fr}.tree-card__heading{flex-direction:column;align-items:flex-start}.tree-card__leave-confirmation>div{flex-direction:column}.my-trees-state button{width:100%}}