/* Smart Interlinker Styles */
.si-badge {
    background: #e0e7ef;
    color: #215492;
    padding: 2px 8px;
    border-radius: 7px;
    font-size: .96em;
    font-weight: 600;
}
.si-status.si-active {
    color: #23ad4c;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.si-modal {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(30,44,66,0.13);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.si-modal-content {
    background: #fff;
    max-width: 530px;
    width: 96%;
    margin: 80px auto 0;
    padding: 38px 28px 26px 28px;
    border-radius: 15px;
    box-shadow: 0 6px 34px rgba(0,0,0,0.13);
    position: relative;
    min-height: 180px;
}
.si-form-row {
    margin-bottom: 18px;
}
.si-form-row label {
    font-weight: 600;
    color: #155fa0;
    font-size: 1.06em;
}
.si-form-actions {
    text-align: right;
    margin-top: 10px;
}
.si-injected-link-wrap {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
}
.si-injected-link {
    color: #237dd7;
    font-weight: 600;
    text-decoration: underline dotted #5eb6fc;
    transition: color 0.18s;
}
.si-injected-link:hover {
    color: #13426d;
    text-decoration: underline solid #215492;
    background: #f5faff;
    border-radius: 5px;
    padding: 2px 5px;
}
#si-preview-area {
    background: #f6faff;
    border: 1.5px solid #e0e7ef;
    border-radius: 9px;
    box-shadow: 0 1px 6px rgba(21,95,160,0.08);
    max-height: 340px;
    overflow-y: auto;
    padding: 16px;
}
.si-injected-link-wrap {
    display: inline-block;
    margin: 8px 12px 8px 0;
    padding: 10px 20px;
    border-radius: 18px;
    background: #eef5fc;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(20,70,200,0.04);
    transition: background 0.2s;
}

.si-injected-link-wrap:hover {
    background: #dbeafe;
}

.si-injected-link {
    color: #2261c5;
    text-decoration: none;
    font-size: 1.03em;
}

.si-injected-link:hover {
    text-decoration: underline;
}
.si-johnson-box {
    background: #f7fafc;
    border: 2px solid #1877f2;
    border-radius: 14px;
    padding: 22px 22px 16px 22px;
    margin-top: 36px;
    margin-bottom: 8px;
    box-shadow: 0 3px 12px rgba(16,40,80,0.04);
    max-width: 680px;
}
.si-johnson-title {
    font-weight: 700;
    font-size: 1.17em;
    color: #155fa0;
    margin-bottom: 10px;
    letter-spacing: -.3px;
}
.si-johnson-list {
    padding-left: 18px;
    margin: 0;
}
.si-johnson-list li {
    margin-bottom: 7px;
    font-size: 1.04em;
    line-height: 1.58;
}
.si-johnson-list li:last-child {
    margin-bottom: 0;
}
.si-johnson-box .si-injected-link {
    color: #1a50a0;
    font-weight: 600;
    text-decoration: underline dotted #6dc4fb;
    padding: 2px 4px;
    border-radius: 7px;
    transition: background 0.18s;
}
.si-johnson-box .si-injected-link:hover {
    background: #e3f1ff;
    color: #0e295c;
}