/**
 * Muscles EEAT — Iron Chrome design
 * Matchar muscles-1rm plugin
 */

.m-eeat {
    /* Iron Chrome färgpalett — samma som 1RM-pluginet */
    --m-eeat-primary: #1e3a5f;
    --m-eeat-primary-dark: #142841;
    --m-eeat-accent: #d4e157;
    --m-eeat-accent-dark: #aeb930;
    --m-eeat-ink: #151922;
    --m-eeat-ink-soft: #242936;
    --m-eeat-paper: #f7f6f2;
    --m-eeat-paper-pure: #ffffff;
    --m-eeat-muted: #6b7280;
    --m-eeat-border: #e5e7eb;

    --m-eeat-font-display: 'Barlow Condensed', 'Impact', sans-serif;
    --m-eeat-font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --m-eeat-font-mono: 'JetBrains Mono', 'Courier New', monospace;

    font-family: var(--m-eeat-font-body);
    color: var(--m-eeat-ink);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.m-eeat *,
.m-eeat *::before,
.m-eeat *::after {
    box-sizing: border-box;
    min-width: 0;
}

/* ============ TOPMETA (toppen av artikel) ============ */
.m-eeat-top {
    margin: 0 0 28px;
    padding: 16px 0;
    border-top: 1px solid var(--m-eeat-border);
    border-bottom: 1px solid var(--m-eeat-border);
}

.m-eeat-top-author {
    display: flex;
    align-items: center;
    gap: 14px;
}

.m-eeat-top-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--m-eeat-primary);
}

.m-eeat-top-meta {
    flex: 1;
    min-width: 0;
}

.m-eeat-top-byline {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.m-eeat-top-label {
    color: var(--m-eeat-muted);
    font-size: 14px;
}

.m-eeat-top-name {
    color: var(--m-eeat-primary) !important;
    font-weight: 700;
    text-decoration: none !important;
    font-size: 15px;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease;
}

.m-eeat-top-name:hover {
    border-bottom-color: var(--m-eeat-primary);
}

.m-eeat-top-title {
    color: var(--m-eeat-muted);
    font-size: 13px;
    font-style: italic;
}

.m-eeat-top-title::before {
    content: "·";
    margin-right: 6px;
    color: var(--m-eeat-border);
}

.m-eeat-top-dates {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-family: var(--m-eeat-font-mono);
    font-size: 12px;
    color: var(--m-eeat-muted);
    line-height: 1.4;
}

.m-eeat-top-date {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.m-eeat-top-date-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 10px;
    font-weight: 700;
    color: var(--m-eeat-primary);
}

.m-eeat-top-date-updated .m-eeat-top-date-label {
    color: var(--m-eeat-accent-dark);
}

.m-eeat-top-date time {
    color: var(--m-eeat-ink);
    font-weight: 500;
}

@media (max-width: 600px) {
    .m-eeat-top-author { gap: 12px; }
    .m-eeat-top-avatar { width: 40px; height: 40px; }
    .m-eeat-top-byline { font-size: 14px; }
    .m-eeat-top-dates { font-size: 11px; gap: 10px; }
}

/* ============ FÖRFATTARBOX (botten av artikel) ============ */
.m-eeat-author-box {
    margin: 48px 0 0;
    background: var(--m-eeat-paper);
    border: 1px solid var(--m-eeat-border);
    border-left: 4px solid var(--m-eeat-primary);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.m-eeat-author-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 4px;
    background: var(--m-eeat-accent);
}

.m-eeat-box-header {
    padding: 16px 28px 0;
}

.m-eeat-box-eyebrow {
    font-family: var(--m-eeat-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--m-eeat-primary);
}

.m-eeat-box-body {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    padding: 16px 28px 28px;
    align-items: start;
}

.m-eeat-box-avatar-wrap {
    flex-shrink: 0;
}

.m-eeat-box-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--m-eeat-primary);
    background: var(--m-eeat-paper-pure);
    display: block;
}

.m-eeat-box-content {
    min-width: 0;
}

.m-eeat-box-name {
    font-family: var(--m-eeat-font-display);
    font-size: 28px;
    font-weight: 800;
    color: var(--m-eeat-ink) !important;
    margin: 0 0 4px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.m-eeat-box-title {
    font-size: 14px;
    color: var(--m-eeat-primary);
    font-weight: 600;
    margin-bottom: 12px;
}

.m-eeat-box-credentials {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--m-eeat-ink);
    color: var(--m-eeat-accent);
    padding: 6px 12px;
    border-radius: 3px;
    font-family: var(--m-eeat-font-mono);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1.3;
}

.m-eeat-box-cred-icon {
    font-size: 14px;
    line-height: 1;
}

.m-eeat-box-bio {
    font-size: 15px;
    line-height: 1.65;
    color: var(--m-eeat-ink);
    margin: 0 0 18px;
}

.m-eeat-box-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px;
    padding: 14px 16px;
    background: var(--m-eeat-paper-pure);
    border: 1px solid var(--m-eeat-border);
    border-radius: 3px;
}

.m-eeat-box-fact {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.m-eeat-box-fact-label {
    font-family: var(--m-eeat-font-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--m-eeat-muted);
    font-weight: 600;
}

.m-eeat-box-fact-value {
    font-size: 14px;
    color: var(--m-eeat-ink);
    font-weight: 600;
}

.m-eeat-box-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
}

.m-eeat-box-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--m-eeat-primary) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 0;
    border-bottom: 1px solid transparent;
    transition: all 0.15s ease;
}

.m-eeat-box-link:hover {
    border-bottom-color: var(--m-eeat-primary);
}

.m-eeat-box-link-arrow {
    color: var(--m-eeat-accent-dark);
    font-weight: 700;
}

.m-eeat-box-link-primary {
    background: var(--m-eeat-primary);
    color: var(--m-eeat-paper) !important;
    padding: 8px 14px;
    border-radius: 3px;
    border-bottom: none !important;
    transition: background 0.15s ease;
}

.m-eeat-box-link-primary:hover {
    background: var(--m-eeat-ink);
    border-bottom: none !important;
}

.m-eeat-box-link-primary .m-eeat-box-link-arrow {
    color: var(--m-eeat-accent);
}

.m-eeat-box-social {
    display: inline-flex;
    gap: 8px;
    margin-left: auto;
}

.m-eeat-box-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--m-eeat-paper-pure);
    border: 1px solid var(--m-eeat-border);
    color: var(--m-eeat-primary) !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.m-eeat-box-social-link:hover {
    background: var(--m-eeat-primary);
    color: var(--m-eeat-paper) !important;
    border-color: var(--m-eeat-primary);
}

.m-eeat-box-social-link svg {
    display: block;
}

@media (max-width: 700px) {
    .m-eeat-box-header { padding: 14px 20px 0; }
    .m-eeat-box-body {
        grid-template-columns: 1fr;
        padding: 14px 20px 22px;
        gap: 16px;
    }
    .m-eeat-box-avatar-wrap { display: flex; }
    .m-eeat-box-avatar { width: 80px; height: 80px; }
    .m-eeat-box-name { font-size: 22px; }
    .m-eeat-box-bio { font-size: 14px; }
    .m-eeat-box-facts { gap: 14px; padding: 10px 12px; }
    .m-eeat-box-links { gap: 8px 14px; }
    .m-eeat-box-link { font-size: 13px; }
    .m-eeat-box-social { margin-left: 0; margin-top: 8px; width: 100%; }
}