/* agogo · icone per argomento negli elenchi del blog (scuro di base, chiaro con html[data-tema="chiaro"]) */
.agb{--agb-fg:#e9edf5;--agb-mut:#9aa4b8;--agb-ai:#ffb238;--agb-mondo:#6cb6ff;--agb-guide:#5ee6a8;--agb-c:var(--agb-ai)}
html[data-tema="chiaro"] .agb{--agb-fg:#10151f;--agb-mut:#5a6475;--agb-ai:#8f5300;--agb-mondo:#1d5fa8;--agb-guide:#11764a}
.agb-t-ai{--agb-c:var(--agb-ai)}.agb-t-mondo{--agb-c:var(--agb-mondo)}.agb-t-guide{--agb-c:var(--agb-guide)}

/* icona */
.agb-ic{display:inline-flex;flex:none;line-height:0}
.agb-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;box-sizing:border-box;border-radius:16px;color:var(--agb-c);
  background:color-mix(in srgb,var(--agb-c) 11%,transparent);border:1px solid color-mix(in srgb,var(--agb-c) 34%,transparent)}
.agb-tile svg{width:50%;height:50%}
.agb-tile--xl{width:120px;height:120px;border-radius:28px}.agb-tile--xl svg{width:47%;height:47%}
.agb-tile--lg{width:64px;height:64px;border-radius:18px}
.agb-tile--sm{width:48px;height:48px;border-radius:14px}
.agb-tile--xs{width:40px;height:40px;border-radius:12px}

/* rubrica colorata */
.agb-rub{display:block;font:600 12.5px/1.3 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--agb-c)}

/* testata articolo */
.agb a.agb-art,.agb-art{display:inline-flex;align-items:center;gap:14px;font:600 13px/1.3 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--agb-c);text-decoration:none}
.agb-art span{display:flex;flex-direction:column;gap:4px}
.agb-art em{font-style:normal;font-weight:500;letter-spacing:.06em;color:var(--agb-mut)}

/* newsletter dentro la colonna */
.agb-nl{width:100%}
.agb-nl .agn{margin:0}
.agb-nl .agn-row{flex-wrap:wrap}
.agb-nl .agn input[type=email]{flex:1 1 180px}
@media (max-width:600px){.agb-tile--xl{width:72px;height:72px;border-radius:20px}}

/* firma dell'articolo */
.agb-firma{margin:0;padding-top:18px;border-top:1px solid #26314a;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;line-height:1.5;color:#8e98ad}
.agb-firma strong{color:#e9edf5}
html[data-tema="chiaro"] .agb-firma{border-top-color:#dde2ea;color:#5a6475}
html[data-tema="chiaro"] .agb-firma strong{color:#10151f}

/* firma dell'agente: avatar illustrato ed etichetta */
.agb-firma--agente{display:flex;align-items:center;gap:14px}
.agb-firma-avatar{flex:none;width:48px;height:48px;border-radius:50%}
.agb-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font:600 11px/1.5 'IBM Plex Mono',monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#ffb238;background:rgba(255,178,56,.12);border:1px solid rgba(255,178,56,.4);vertical-align:2px}
html[data-tema="chiaro"] .agb-badge{color:#8f5300;background:rgba(143,83,0,.08);border-color:rgba(143,83,0,.35)}

/* firma: link alla bio dell'agente */
.agb-firma a{color:inherit;text-decoration:underline;text-decoration-color:rgba(142,152,173,.5);text-underline-offset:3px}
.agb-firma a:hover{text-decoration-color:currentColor}

/* pagina «Gli agenti di agogo» */
.agb-agenti{display:grid;gap:28px}
.agb-agente{display:flex;gap:20px;align-items:flex-start;padding:24px;border:1px solid #26314a;border-radius:16px;scroll-margin-top:100px;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#c3cad8;line-height:1.6}
.agb-agente .agb-firma-avatar{width:96px;height:96px}
.agb-agente h2{margin:0 0 4px;font-size:26px;color:#e9edf5}
.agb-agente p{margin:0 0 10px}
.agb-agente-sez{color:#8e98ad;font-size:15px}
.agb-agente-nota{font-size:14px;color:#8e98ad}
.agb-agente:target{border-color:#ffb238}
html[data-tema="chiaro"] .agb-agente{border-color:#dde2ea;color:#2b3240}
html[data-tema="chiaro"] .agb-agente h2{color:#10151f}
html[data-tema="chiaro"] .agb-agente-sez,html[data-tema="chiaro"] .agb-agente-nota{color:#5a6475}
@media (max-width:600px){.agb-agente{flex-direction:column;padding:18px}}
