/**
 * Innova GEO AI Indexer — stili dei blocchi GEO.
 *
 * Due contesti:
 *  - `.innogai22-block-edit*` → solo editor, per rendere compilabili i campi
 *  - `.innogai22-definition|statistic|comparison|process` → frontend
 *
 * Il frontend resta volutamente sobrio e senza colori di brand: questi blocchi
 * finiscono dentro temi di terze parti, e un box colorato a sorpresa dentro un
 * articolo altrui è il modo più rapido per farsi disinstallare.
 */

/* ------------------------------------------------------------------ editor */

.innogai22-block-edit {
    border: 1px solid #dcdcde;
    border-left: 3px solid #2b4eff;
    border-radius: 4px;
    padding: 12px 14px;
    background: #fff;
}

.innogai22-block-edit__title {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #2b4eff;
}

.innogai22-block-edit__row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.innogai22-block-edit__row > * {
    flex: 1 1 140px;
}

.innogai22-block-edit__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.innogai22-block-edit__table th,
.innogai22-block-edit__table td {
    padding: 2px 4px;
    vertical-align: top;
}

.innogai22-block-edit__actions {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.innogai22-block-edit__help {
    margin: 0;
    font-size: 12px;
    color: #50575e;
}

.innogai22-block-edit__steps {
    margin: 0 0 12px;
    padding-left: 20px;
}

.innogai22-block-edit__steps > li {
    margin-bottom: 14px;
}

/* ---------------------------------------------------------------- frontend */

.innogai22-definition {
    margin: 1.5em 0;
    padding-left: 1em;
    border-left: 3px solid currentColor;
}

.innogai22-definition__term {
    font-weight: 700;
}

.innogai22-definition__text {
    margin: .25em 0 0;
}

.innogai22-statistic {
    display: flex;
    flex-direction: column;
    gap: .2em;
    margin: 1.5em 0;
    padding: .8em 1em;
    border: 1px solid currentColor;
    border-radius: 4px;
}

.innogai22-statistic__value {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.1;
}

.innogai22-statistic__description {
    font-size: .95em;
}

.innogai22-statistic__source {
    font-size: .8em;
    opacity: .8;
}

.innogai22-comparison {
    width: 100%;
    margin: 1.5em 0;
    border-collapse: collapse;
}

.innogai22-comparison caption {
    text-align: left;
    font-weight: 600;
    padding-bottom: .5em;
}

.innogai22-comparison th,
.innogai22-comparison td {
    border: 1px solid currentColor;
    padding: .5em .7em;
    text-align: left;
}

.innogai22-process {
    margin: 1.5em 0;
}

.innogai22-process__title {
    font-weight: 600;
    margin: 0 0 .5em;
}

.innogai22-process__step-title {
    display: block;
    font-weight: 600;
}

.innogai22-process__step-text {
    display: block;
}