/* Traspality Connettore v0.1.0 — eredita font e colori del tema; --trsp-accent = colore del team */
.trsp-cert,.trsp-dna,.trsp-stories,.trsp-badge,.trsp-area{--trsp-accent:#175F75}
.trsp-cert{border-left:4px solid var(--trsp-accent);background:rgba(23,95,117,.06);padding:12px 16px;margin:0 0 1.5em;font-size:.9em;line-height:1.5;border-radius:6px}
.trsp-cert-mark{color:var(--trsp-accent)}
.trsp-cert a{color:var(--trsp-accent)}
.trsp-cert code{font-size:.85em}
.trsp-cert-warn{margin-top:8px;color:#9a3412;font-weight:600}
.trsp-story-img{max-width:100%;height:auto;border-radius:8px}
.trsp-powered{font-size:.8em;opacity:.7;margin-top:1.5em}
.trsp-powered a{color:inherit}
.trsp-note{background:#fff8e1;border:1px dashed #e0b100;padding:8px 12px;font-size:.9em}
.trsp-empty{opacity:.7}

.trsp-dna{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5em 0}
.trsp-dna .trsp-powered{grid-column:1/-1;margin:0}
.trsp-dna-group h3{margin:0 0 .6em;padding-bottom:.4em;border-bottom:3px solid var(--trsp-accent)}
.trsp-dna-value h3{border-color:#175F75}.trsp-dna-service h3{border-color:#B54D8D}.trsp-dna-role h3{border-color:#8FC55B}
.trsp-dna ul{list-style:none;margin:0;padding:0}
.trsp-dna li{margin:0 0 .8em}
.trsp-dna li strong{display:block}
.trsp-dna li span{display:block;font-size:.9em;opacity:.8}

.trsp-stories{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:1.5em 0}
.trsp-story{border:1px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden;padding:0 0 16px}
.trsp-story-thumb{width:100%;height:180px;object-fit:cover;display:block}
.trsp-story-meta,.trsp-story h3,.trsp-story p{padding:0 16px}
.trsp-story-meta{display:flex;justify-content:space-between;font-size:.8em;opacity:.8;margin-top:12px}
.trsp-story-rating{color:var(--trsp-accent);font-weight:700;opacity:1}
.trsp-story h3{font-size:1.1em;margin:.5em 0}
.trsp-story h3 a{text-decoration:none}
.trsp-story p{font-size:.9em;margin:0}
.trsp-more a{color:var(--trsp-accent);font-weight:600}

.trsp-badge{display:flex;align-items:center;gap:16px;max-width:520px;padding:14px 18px;border:1px solid rgba(0,0,0,.1);border-left:5px solid var(--trsp-accent);border-radius:12px;text-decoration:none!important;color:inherit;background:#fff;margin:1em 0}
.trsp-badge-logo{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:var(--trsp-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;overflow:hidden}
.trsp-badge-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.trsp-badge-text{flex:1;display:flex;flex-direction:column;line-height:1.3}
.trsp-badge-text span{font-size:.85em;opacity:.8}
.trsp-badge-text em{font-size:.75em;font-style:normal;color:var(--trsp-accent);margin-top:4px}
.trsp-badge-score{text-align:center;font-weight:800;font-size:1.5em;color:var(--trsp-accent);line-height:1}
.trsp-badge-score small{font-size:.5em;opacity:.7}
.trsp-badge-score em{display:block;font-size:.4em;font-style:normal;font-weight:600;opacity:.8;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}

.trsp-area{margin:1em 0}
.trsp-area-bar{display:flex;justify-content:space-between;align-items:center;background:var(--trsp-accent);color:#fff;padding:10px 16px;border-radius:10px 10px 0 0;font-weight:600}
.trsp-area-bar a{color:#fff}
.trsp-area iframe{display:block;width:100%;border:1px solid rgba(0,0,0,.12);border-top:none;border-radius:0 0 10px 10px;background:#fff}
.trsp-area-note{font-size:.8em;opacity:.7;margin:.6em 0 0}
@media (max-width:600px){.trsp-area iframe{height:80vh!important}}