/* Legal action and fund. Width steps avoid inline styles (blocked by the site's content security policy).
   Path: /home/designfi/uberfife.com/modules/legal-fund/assets/legal.css */
.fund { background: var(--card); border-radius: var(--r-md); padding: clamp(1.25rem, 4vw, 2rem); margin-bottom: 2rem; }
.fund__state { display: inline-block; margin: 0 0 1rem; padding: 0.25rem 0.75rem; border-radius: var(--r-pill); font-size: 0.8rem; font-weight: 800; background: var(--ink); color: var(--paper); }
.fund__state--preparing, .fund__state--closed { background: var(--paper); color: var(--ink); border: 1px solid var(--ink); }
.fund__state--funded, .fund__state--completed { background: #0e7a3a; color: #fff; }
.fund__figures { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; }
.fund__raised { font-size: clamp(2.4rem, 9vw, 4rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.fund__of { font-size: 1.1rem; font-weight: 600; color: var(--muted); }
.fund__bar { height: 0.9rem; background: var(--paper); border: 2px solid var(--ink); border-radius: var(--r-pill); overflow: hidden; margin: 1rem 0 0.5rem; }
.fund__fill { display: block; height: 100%; background: var(--ink); }
.fund__meta { margin: 0; color: var(--muted); font-size: 0.9rem; }
.fund__donate { margin: 1.25rem 0 0.5rem; }
.fund__donate .btn { min-width: 12rem; }
.fund__note { margin: 0; font-size: 0.875rem; color: var(--muted); }
.legal__kind { margin: 0 0 1rem; font-weight: 700; }
.legal__kind a { text-decoration: none; padding: 0.35rem 0.8rem; background: var(--card); border-radius: var(--r-pill); font-size: 0.9rem; }
.legal__section { margin-top: 3rem; }
.legal__heading { font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 1rem; }
.legal__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.legal__list a { display: flex; flex-direction: column; gap: 0.2rem; padding: 1rem 1.25rem; background: var(--card); border-radius: var(--r-md); text-decoration: none; }
.legal__list a:hover { background: var(--card-hover); }
.legal__date { font-size: 0.8rem; font-weight: 700; color: var(--muted); }
.legal__title { font-weight: 700; font-size: 1.1rem; }
.legal__text { color: var(--muted); font-size: 0.95rem; }
.legal-index { padding: clamp(2rem, 7vw, 5rem) var(--gutter) var(--space); }
.legal-index__title { font-size: clamp(2.3rem, 8vw, 4.5rem); font-weight: 800; letter-spacing: -0.035em; margin-bottom: 1.5rem; }
.legal-index__intro { color: var(--muted); }
.legal-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
@media (min-width: 760px) { .legal-cards { grid-template-columns: repeat(2, 1fr); gap: 1rem; } }
.legal-card { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; padding: 1.5rem; background: var(--card); border-radius: var(--r-md); text-decoration: none; }
.legal-card:hover { background: var(--card-hover); }
.legal-card .fund__state { align-self: flex-start; margin: 0; }
.legal-card__title { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; }
.legal-card__text { color: #333; }
.legal-card__meta { margin-top: auto; font-weight: 700; }
.block--fund { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.fund-card { border: 2px solid var(--ink); border-radius: var(--r-md); padding: clamp(1.25rem, 4vw, 2rem); }
.fund-card__title { font-size: clamp(1.4rem, 4vw, 1.9rem); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 1rem; }
.fund-card .fund { background: none; padding: 0; margin: 0; }
.fund-card__more { margin: 1rem 0 0; font-weight: 700; }
.fund__fill--0 { width: 0%; }
.fund__fill--5 { width: 5%; }
.fund__fill--10 { width: 10%; }
.fund__fill--15 { width: 15%; }
.fund__fill--20 { width: 20%; }
.fund__fill--25 { width: 25%; }
.fund__fill--30 { width: 30%; }
.fund__fill--35 { width: 35%; }
.fund__fill--40 { width: 40%; }
.fund__fill--45 { width: 45%; }
.fund__fill--50 { width: 50%; }
.fund__fill--55 { width: 55%; }
.fund__fill--60 { width: 60%; }
.fund__fill--65 { width: 65%; }
.fund__fill--70 { width: 70%; }
.fund__fill--75 { width: 75%; }
.fund__fill--80 { width: 80%; }
.fund__fill--85 { width: 85%; }
.fund__fill--90 { width: 90%; }
.fund__fill--95 { width: 95%; }
.fund__fill--100 { width: 100%; }