/* GRW docs custom styling */

:root {
    --accent: #c0392b;
}

.content main h1 {
    border-bottom: 2px solid var(--accent);
    padding-bottom: 8px;
}

.content main h2 {
    margin-top: 2em;
}

/* Side-by-side code + image layout */
.side-by-side {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 1em 0;
}
.side-by-side pre {
    flex: 1;
    margin: 0;
}
.side-by-side img {
    max-width: 280px;
}

/* Morphism verdict badges */
.verdict-accept {
    color: #27ae60;
    font-weight: bold;
}
.verdict-reject {
    color: #c0392b;
    font-weight: bold;
}

/* Skill tags */
.tag {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    margin: 2px;
}
.tag-primary {
    background: var(--accent);
    color: white;
}
.tag-secondary {
    background: rgba(128,128,128,0.15);
    border: 1px solid rgba(128,128,128,0.3);
}