/* Image page (/pixelart/<id>/<handle>): spec line and the Read More toggle (SEO S4, 2026-11-13).
   The rest of this page's styles still live in the template's legacy <style> block. */

.spec-line {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9em;
    line-height: 1.5;
    margin: 8px 0 0 0;
    opacity: 0.85;
}

.spec-line a {
    color: inherit;
    text-decoration: underline;
}

/* Read More is a real <button> now: undo the global button look so it reads as an inline link. */
.description-box button.read-more-link,
.description-box button.read-more-link:hover {
    display: inline;
    padding: 0;
    margin-left: 5px;
    border: none;
    background: none;
    font: inherit;
    font-weight: bold;
    line-height: inherit;
    color: var(--contrast-color);
    text-decoration: underline;
    cursor: cell;
}