/* ExtraPickels — static site component styles (recreated from the design system) */
.ep-logo{display:inline-flex;align-items:center;gap:calc(var(--logo-size,30px)*0.34);line-height:1}
.ep-logo .mark{display:inline-flex;align-items:center;justify-content:center;width:var(--logo-size,30px);height:var(--logo-size,30px);border-radius:calc(var(--logo-size,30px)*0.32);background:var(--brine-500);color:var(--ink-950);font-family:var(--font-display);font-weight:600;font-size:calc(var(--logo-size,30px)*0.54);letter-spacing:-0.02em;flex:none}
.ep-logo .word{font-family:var(--font-display);font-size:calc(var(--logo-size,30px)*0.78);letter-spacing:-0.015em;color:var(--text-strong);white-space:nowrap}
.ep-logo .word .reg{font-weight:400}
.ep-logo .word .bold{font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;letter-spacing:-0.005em;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast)}
.btn--sm{font-size:var(--text-sm);padding:.5rem .9rem;min-height:38px}
.btn--md{font-size:var(--text-base);padding:.7rem 1.25rem;min-height:46px}
.btn--lg{font-size:var(--text-lg);padding:.95rem 1.8rem;min-height:56px}
.btn--primary{background:var(--accent);color:var(--text-on-accent)}
.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-brine);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--text-strong);border-color:var(--border-strong)}
.btn--outline:hover{border-color:var(--accent);color:var(--accent-soft-text)}
.btn--ghost{background:transparent;color:var(--text-strong)}
.btn--ghost:hover{background:var(--surface-sunken)}
.btn--inverse{background:var(--surface-inverse);color:var(--text-inverse)}
.btn--pill{border-radius:var(--radius-pill)}
.btn:active{transform:scale(.96)}

.tag{display:inline-flex;align-items:center;padding:.34rem .8rem;background:var(--surface-card,var(--surface-raised));color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);line-height:1.2;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out)}
.tag:hover{border-color:var(--accent)}