/* SOEI components. CSS only; classes read tokens.css. */
.soei-btn{display:inline-block;font-family:var(--font-mono);font-size:16px;line-height:24px;font-weight:700;text-transform:none;padding:var(--space-3) var(--space-6);border:var(--stroke-rule) solid var(--border);border-radius:var(--radius-sm);background:var(--surface-100);color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.soei-btn--primary{background:var(--surface-blue);color:var(--on-blue);border-color:var(--on-blue)}
.soei-btn--ink{background:var(--ink);color:var(--surface-000);border-color:var(--ink)}
.soei-btn:hover{box-shadow:var(--shadow-offset);transform:translate(-4px,-4px)}
.soei-btn:focus-visible{outline:var(--stroke-mark) solid var(--focus);outline-offset:2px}
.soei-btn[disabled],.soei-btn--disabled{background:var(--ash);color:var(--ink-muted);border-color:var(--ash);box-shadow:none;transform:none;cursor:not-allowed}

.soei-stamp{display:inline-block;font-family:var(--font-display);font-size:24px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);background:var(--surface-blue);border:var(--stroke-mark) solid var(--ink);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);transform:rotate(var(--stroke-tilt));text-align:center;mix-blend-mode:multiply;opacity:.92}
.soei-stamp--lg{font-size:40px;padding:var(--space-2) var(--space-3);border-width:4px}
.soei-stamp--sm{font-size:14px;letter-spacing:.06em;border-width:2px}
[data-theme="ink"] .soei-stamp{mix-blend-mode:screen}

.soei-score{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:var(--stroke-rule) solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:var(--surface-100)}
.soei-score__num{font-size:20px;line-height:20px;color:var(--blue)}
.soei-score--tier{background:var(--ink);color:var(--surface-000);border-color:var(--ink)}

.soei-headline{font-family:var(--font-display);font-size:96px;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0;max-width:11ch}
.soei-headline--lg{font-size:64px;line-height:.95}
.soei-headline--md{font-size:40px;line-height:1}
.soei-headline .soei-ul{background:linear-gradient(transparent 82%,var(--blue) 82%,var(--blue) 96%,transparent 96%)}
.soei-sub{font-family:var(--font-mono);font-size:16px;line-height:24px;color:var(--ink);margin:var(--space-4) 0 0;max-width:36ch}

.soei-card{position:relative;background:var(--surface-100);color:var(--ink);border:var(--stroke-rule) solid var(--border);border-radius:var(--radius-0);padding:var(--space-4);font-family:var(--font-mono);font-size:16px;line-height:24px}
.soei-card--kraft{background:var(--surface-kraft)}
.soei-card--sticker{border-radius:var(--radius-md);box-shadow:var(--shadow-offset)}
.soei-card__tape{position:absolute;top:-10px;left:24px;width:72px;height:20px;background:var(--ash);opacity:.85;transform:rotate(var(--stroke-tilt))}
.soei-card__tape--r{left:auto;right:24px;transform:rotate(3deg)}
.soei-card h3{font-family:var(--font-display);font-size:40px;line-height:1;text-transform:uppercase;margin:0 0 var(--space-2)}
.soei-card .soei-note{font-family:var(--font-marker);font-size:20px;line-height:1.15;color:var(--blue);margin:var(--space-2) 0 0}