/* ------------------------------------------------------------
 * Architecture SVG components
 *
 * Uses currentColor so the diagram automatically follows
 * the site's text color and works in light/dark themes.
 * ------------------------------------------------------------ */

.architecture-box {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
}

.architecture-rule {
    stroke: currentColor;
    stroke-width: 2;
}

.architecture-title {
    fill: currentColor;
    font-size: 28px;
    font-weight: 700;
}

.architecture-label {
    fill: currentColor;
    font-size: 22px;
}

.architecture-small {
    fill: currentColor;
    font-size: 17px;
}

.architecture-network {
    stroke: currentColor;
    stroke-width: 3;
}

.architecture-node {
    fill: currentColor;
}

.architecture-model {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
}

.architecture-interaction {
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
}

.architecture-arrow {
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
}