/* Fontify — Tech Specs styles. */

.fontify-tech-specs {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        color: #1f2937;
        margin: 16px 0;
}

.fontify-tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
}

.fontify-tech-section {
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 20px;
}

.fontify-tech-section h3 {
        margin: 0 0 16px;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #6366f1;
        padding-bottom: 8px;
        border-bottom: 2px solid #e5e7eb;
}

.fontify-tech-section dl {
        margin: 0;
        display: grid;
        grid-template-columns: max-content 1fr;
        gap: 6px 12px;
        font-size: 13px;
}

.fontify-tech-section dt {
        font-weight: 600;
        color: #6b7280;
}

.fontify-tech-section dd {
        margin: 0;
        color: #1f2937;
        font-size: 13px;
        word-break: break-word;
}

.fontify-tech-description p { font-size: 14px; line-height: 1.6; }

.fontify-tech-help {
        font-size: 11px;
        color: #6b7280;
        font-style: italic;
        margin: 8px 0 0;
}

/* Fonts-in-family table (v1.3). */
.fontify-tech-fonts-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        margin-top: 8px;
}

.fontify-tech-fonts-table th {
        background: var(--fontify-accent, #6366f1);
        color: #fff;
        text-align: left;
        padding: 8px 10px;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 600;
}

.fontify-tech-fonts-table td {
        padding: 8px 10px;
        border-bottom: 1px solid #e5e7eb;
        color: #1f2937;
}

.fontify-tech-fonts-table tr:hover td {
        background: #f9fafb;
}