/* np-spec: entity spec box, styled after Ollie's details-card pattern */
.np-spec {
    border-radius: 5px;
    overflow: hidden;
    margin: var(--wp--preset--spacing--large, 2rem) 0;
}
.np-spec__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background: var(--wp--preset--color--primary, #1e1e1e);
    color: var(--wp--preset--color--base, #fff);
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium, 1.1em);
    padding: var(--wp--preset--spacing--medium, 1rem) var(--wp--preset--spacing--large, 1.5rem);
}
.np-spec__header a {
    color: inherit;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.8em;
    white-space: nowrap;
}
.np-spec__header a:hover { text-decoration: underline; }
.np-spec dl { margin: 0; }
.np-spec__row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: var(--wp--preset--spacing--medium, 1rem) var(--wp--preset--spacing--large, 1.5rem);
    color: var(--wp--preset--color--main, inherit);
    background: var(--wp--preset--color--base, transparent);
}
.np-spec__row:nth-child(even) { background: var(--wp--preset--color--tertiary, rgba(0, 0, 0, 0.04)); }
.np-spec__row dt { margin: 0; }
.np-spec__row dd { margin: 0; text-align: right; }
.np-spec__row dd small { display: block; opacity: 0.75; }

/* np-compare: same family, table layout */
.np-compare table { border-collapse: collapse; width: 100%; }
.np-compare thead th {
    background: var(--wp--preset--color--primary, #1e1e1e);
    color: var(--wp--preset--color--base, #fff);
    font-weight: 600;
    text-align: left;
    padding: var(--wp--preset--spacing--small, 0.75rem) var(--wp--preset--spacing--medium, 1rem);
}
.np-compare tbody tr:nth-child(even) { background: var(--wp--preset--color--tertiary, rgba(0, 0, 0, 0.04)); }
.np-compare tbody th, .np-compare tbody td {
    padding: var(--wp--preset--spacing--small, 0.75rem) var(--wp--preset--spacing--medium, 1rem);
    text-align: left;
}