.nanopost-tool--spf-merger { display: block; }

.nanopost-tool--spf-merger textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.95em;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em 0.75em;
    line-height: 1.4;
}

.nanopost-tool--spf-merger select[multiple] {
    width: 100%;
    box-sizing: border-box;
}

.nanopost-tool__hint {
    font-size: 0.85em;
    opacity: 0.8;
    margin: 0.25em 0 0;
}

.nanopost-tool__lookup-count {
    display: flex;
    align-items: baseline;
    gap: 0.75em;
    flex-wrap: wrap;
    padding: 0.75em 1em;
    border-left: 4px solid;
    margin-bottom: 1em;
    background: rgba(0,0,0,0.03);
}
.nanopost-tool__badge--pass { border-left-color: #1a7f37; }
.nanopost-tool__badge--warn { border-left-color: #bf8700; }
.nanopost-tool__badge--fail { border-left-color: #cf222e; }

.nanopost-tool__badge-label { font-weight: 600; }
.nanopost-tool__badge-value {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.05em;
    font-weight: 700;
}
.nanopost-tool__badge-detail { flex-basis: 100%; font-size: 0.9em; }

.nanopost-tool__spf-output {
    position: relative;
    margin-bottom: 1em;
}
.nanopost-tool__spf-output label { display: block; font-weight: 600; margin-bottom: 0.25em; }
.nanopost-tool__spf-output textarea { background: #fafafa; }
.nanopost-tool__copy {
    margin-top: 0.5em;
}

.nanopost-tool__subhead {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-size: 1.05em;
    font-weight: 600;
}

.nanopost-tool__notice {
    padding: 0.6em 0.9em;
    border-radius: 4px;
    margin-top: 1em;
    font-size: 0.95em;
}
.nanopost-tool__notice--info {
    background: rgba(9, 105, 218, 0.08);
    border-left: 3px solid #0969da;
}
.nanopost-tool__notice code {
    margin: 0 0.15em;
}

.nanopost-tool__empty {
    padding: 0.75em 0;
    opacity: 0.8;
    font-style: italic;
}

.nanopost-tool__foot {
    margin-top: 1.5em;
    font-size: 0.85em;
    opacity: 0.75;
}