{"id":1242,"date":"2026-05-06T09:34:14","date_gmt":"2026-05-06T09:34:14","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1242"},"modified":"2026-07-07T09:26:38","modified_gmt":"2026-07-07T09:26:38","slug":"civic-discussion-room","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/it\/civic-discussion-room\/","title":{"rendered":"Sala di Discussione Civica"},"content":{"rendered":"<div id=\"sv-civic-room\">\n\n<style>\n#sv-civic-room{\n  width:100%;\n  max-width:100%;\n  margin:0;\n  padding:0 0 100px;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  background:#ffffff;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n#sv-civic-room *{\n  box-sizing:border-box;\n}\n\n#sv-civic-room .sv-wrap{\n  width:min(96vw,1700px);\n  max-width:1700px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HERO *\/\n#sv-civic-room .sv-hero{\n  position:relative;\n  margin:0 auto 86px;\n  padding:96px 0 86px;\n  background:\n    radial-gradient(circle at 78% 30%,rgba(106,92,255,.20),transparent 34%),\n    radial-gradient(circle at 12% 20%,rgba(225,29,72,.09),transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  overflow:hidden;\n}\n\n#sv-civic-room .sv-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:28px 18px;\n  border:1px solid rgba(226,232,240,.95);\n  border-radius:46px;\n  background:rgba(255,255,255,.58);\n  box-shadow:0 30px 100px rgba(15,23,42,.08);\n  pointer-events:none;\n}\n\n#sv-civic-room .sv-hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\n  gap:72px;\n  align-items:center;\n}\n\n#sv-civic-room .sv-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:22px;\n  padding:12px 18px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-civic-room h1{\n  margin:0 0 26px;\n  font-size:78px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:-.06em;\n  color:#0f172a;\n}\n\n#sv-civic-room .sv-lead{\n  max-width:820px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:24px;\n  line-height:1.6;\n}\n\n#sv-civic-room .sv-sub{\n  max-width:760px;\n  margin:0 0 36px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.85;\n}\n\n#sv-civic-room .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-civic-room .sv-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:210px;\n  min-height:58px;\n  padding:16px 26px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-size:16px;\n  font-weight:900;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  box-shadow:0 18px 42px rgba(106,92,255,.28);\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-civic-room .sv-btn:hover{\n  transform:translateY(-3px);\n  box-shadow:0 26px 56px rgba(106,92,255,.34);\n}\n\n#sv-civic-room .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.20);\n}\n\n#sv-civic-room .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n\/* PANEL *\/\n#sv-civic-room .sv-panel{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:36px;\n  box-shadow:0 28px 78px rgba(15,23,42,.12);\n}\n\n#sv-civic-room .sv-panel-main{\n  padding:34px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 38%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:18px;\n}\n\n#sv-civic-room .sv-panel-main strong{\n  display:block;\n  margin-bottom:12px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#sv-civic-room .sv-panel-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-civic-room .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#sv-civic-room .sv-mini{\n  padding:20px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 30px rgba(15,23,42,.05);\n}\n\n#sv-civic-room .sv-mini strong{\n  display:block;\n  margin-bottom:7px;\n  color:#0f172a;\n  font-size:17px;\n}\n\n#sv-civic-room .sv-mini span{\n  display:block;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* INTRO *\/\n#sv-civic-room .sv-section-title{\n  max-width:980px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n#sv-civic-room .sv-section-title h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:58px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n}\n\n#sv-civic-room .sv-section-title p{\n  max-width:860px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* ROOM GRID *\/\n#sv-civic-room .sv-room-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n  margin-bottom:92px;\n}\n\n#sv-civic-room .sv-room-card{\n  min-height:360px;\n  padding:34px 30px;\n  border-radius:34px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 24px 58px rgba(15,23,42,.08);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-civic-room .sv-room-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 34px 76px rgba(15,23,42,.13);\n}\n\n#sv-civic-room .sv-room-card:nth-child(1){\n  background:linear-gradient(180deg,#eef2ff,#ffffff);\n  border-color:#c4b5fd;\n}\n\n#sv-civic-room .sv-room-card:nth-child(2){\n  background:linear-gradient(180deg,#fff1f2,#ffffff);\n  border-color:#fda4af;\n}\n\n#sv-civic-room .sv-room-card:nth-child(3){\n  background:linear-gradient(180deg,#eff6ff,#ffffff);\n  border-color:#93c5fd;\n}\n\n#sv-civic-room .sv-room-card:nth-child(4){\n  background:linear-gradient(180deg,#fff7ed,#ffffff);\n  border-color:#fdba74;\n}\n\n#sv-civic-room .sv-icon{\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#ffffff;\n  font-size:38px;\n  box-shadow:0 14px 34px rgba(15,23,42,.09);\n  margin-bottom:24px;\n}\n\n#sv-civic-room .sv-room-card h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:30px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-civic-room .sv-room-card p{\n  margin:0;\n  color:#475569;\n  line-height:1.72;\n  font-size:16px;\n}\n\n\/* DISCUSSION FORM *\/\n#sv-civic-room .sv-discussion{\n  margin-top:70px;\n  padding:54px;\n  border-radius:46px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 34%),\n    radial-gradient(circle at bottom left,rgba(225,29,72,.08),transparent 32%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border:1px solid #e2e8f0;\n  box-shadow:0 30px 90px rgba(15,23,42,.08);\n}\n\n#sv-civic-room .sv-discussion-grid{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:30px;\n  align-items:start;\n}\n\n#sv-civic-room .sv-box{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:34px;\n  padding:34px;\n  box-shadow:0 22px 58px rgba(15,23,42,.07);\n}\n\n#sv-civic-room .sv-box h2,\n#sv-civic-room .sv-box h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-civic-room .sv-box p{\n  margin:0 0 20px;\n  color:#64748b;\n  font-size:17px;\n  line-height:1.85;\n}\n\n#sv-civic-room label{\n  display:block;\n  margin:18px 0 8px;\n  color:#0f172a;\n  font-weight:900;\n  font-size:14px;\n}\n\n#sv-civic-room select,\n#sv-civic-room textarea,\n#sv-civic-room input{\n  width:100%;\n  border:1px solid #cbd5e1;\n  border-radius:18px;\n  padding:16px;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:15px;\n  line-height:1.6;\n  color:#0f172a;\n  background:#ffffff;\n  outline:none;\n}\n\n#sv-civic-room textarea{\n  min-height:170px;\n  resize:vertical;\n}\n\n#sv-civic-room select:focus,\n#sv-civic-room textarea:focus,\n#sv-civic-room input:focus{\n  border-color:#6a5cff;\n  box-shadow:0 0 0 4px rgba(106,92,255,.12);\n}\n\n#sv-civic-room .sv-preview{\n  padding:24px;\n  border-radius:26px;\n  background:#0f172a;\n  color:#ffffff;\n}\n\n#sv-civic-room .sv-preview small{\n  display:inline-block;\n  margin-bottom:14px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  color:#dbe4f0;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-civic-room .sv-preview h3{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:30px;\n  line-height:1.12;\n}\n\n#sv-civic-room .sv-preview p{\n  margin:0;\n  color:#dbe4f0;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-civic-room .sv-generated{\n  margin-top:18px;\n  padding:18px;\n  border-radius:20px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:#ffffff;\n  line-height:1.7;\n}\n\n\/* DARK *\/\n#sv-civic-room .sv-dark{\n  margin:90px 0;\n  padding:108px 56px;\n  border-radius:48px;\n  background:\n    radial-gradient(circle at top left,rgba(225,29,72,.20),transparent 36%),\n    radial-gradient(circle at bottom right,rgba(106,92,255,.22),transparent 34%),\n    linear-gradient(135deg,#0f172a 0%,#111827 55%,#312e81 100%);\n  color:#fff;\n  text-align:center;\n  box-shadow:0 36px 100px rgba(15,23,42,.28);\n}\n\n#sv-civic-room .sv-dark h2{\n  max-width:1100px;\n  margin:0 auto 24px;\n  color:#fff;\n  font-size:70px;\n  line-height:.98;\n  letter-spacing:-.06em;\n}\n\n#sv-civic-room .sv-dark p{\n  max-width:880px;\n  margin:0 auto;\n  color:#dbe4f0;\n  font-size:22px;\n  line-height:1.75;\n}\n\n\/* FINAL *\/\n#sv-civic-room .sv-final{\n  margin-top:100px;\n  padding:82px 40px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top,rgba(106,92,255,.12),transparent 36%),\n    #f8fafc;\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-civic-room .sv-final h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:60px;\n  line-height:1.03;\n  letter-spacing:-.05em;\n}\n\n#sv-civic-room .sv-final p{\n  max-width:820px;\n  margin:0 auto 34px;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.8;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-civic-room h1{\n    font-size:66px;\n  }\n\n  #sv-civic-room .sv-hero-inner,\n  #sv-civic-room .sv-discussion-grid{\n    grid-template-columns:1fr;\n    gap:54px;\n  }\n\n  #sv-civic-room .sv-panel{\n    max-width:980px;\n    margin:0 auto;\n  }\n\n  #sv-civic-room .sv-room-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:860px){\n  #sv-civic-room .sv-hero-inner{\n    text-align:center;\n  }\n\n  #sv-civic-room .sv-lead,\n  #sv-civic-room .sv-sub{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  #sv-civic-room .sv-actions{\n    justify-content:center;\n  }\n\n  #sv-civic-room .sv-mini-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-civic-room .sv-dark h2{\n    font-size:48px;\n  }\n}\n\n@media(max-width:760px){\n  #sv-civic-room .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-civic-room .sv-hero{\n    padding:58px 0 66px;\n  }\n\n  #sv-civic-room .sv-hero::before{\n    inset:18px 12px;\n    border-radius:32px;\n  }\n\n  #sv-civic-room h1{\n    font-size:42px;\n  }\n\n  #sv-civic-room .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-civic-room .sv-sub{\n    font-size:16px;\n  }\n\n  #sv-civic-room .sv-panel,\n  #sv-civic-room .sv-discussion{\n    padding:22px;\n    border-radius:30px;\n  }\n\n  #sv-civic-room .sv-panel-main{\n    padding:24px;\n  }\n\n  #sv-civic-room .sv-panel-main strong{\n    font-size:28px;\n  }\n\n  #sv-civic-room .sv-section-title h2,\n  #sv-civic-room .sv-final h2{\n    font-size:38px;\n  }\n\n  #sv-civic-room .sv-room-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-civic-room .sv-dark{\n    padding:76px 22px;\n    margin:70px 0;\n  }\n\n  #sv-civic-room .sv-dark h2{\n    font-size:38px;\n  }\n\n  #sv-civic-room .sv-dark p{\n    font-size:18px;\n  }\n\n  #sv-civic-room .sv-btn{\n    width:100%;\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-inner\">\n\n      <div>\n        <div class=\"sv-kicker\">Sala di Discussione Civica<\/div>\n\n        <h1>\n          Dentro il serio<br>\n          conversazione civica.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          Questa stanza \u00e8 progettata per segnali, schemi e interpretazioni ponderate.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          Le persone discutono di pressioni reali, cambiamenti sociali, instabilit\u00e0 lavorativa, stress abitativo, costi energetici, fiducia pubblica e direzione futura \u2014 non come rumore, ma come segnali civici strutturati.\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#room-builder\">Avvia discussione<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-signals\/\">Indietro ai Segnali Civici \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/proposals\/\">Vai a Proposte \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-panel\">\n        <div class=\"sv-panel-main\">\n          <strong>La discussione non \u00e8 reazione.<\/strong>\n          <span>\n            La sala aiuta a trasformare la pressione in interpretazione, confronto e proposta.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Segnali<\/strong>\n            <span>Problemi ricorrenti che interessano pi\u00f9 di una persona.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Interpretazione<\/strong>\n            <span>Cosa significa il segnale per le persone e i sistemi.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Proposta<\/strong>\n            <span>In che modo la discussione pu\u00f2 portare a modelli migliori.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>Cosa succede nella stanza?<\/h2>\n    <p>\n      La stanza non \u00e8 costruita per commenti casuali. \u00c8 costruita per guidare le persone dall'esperienza all'interpretazione,\ndall'interpretazione al confronto, e dal confronto a possibili proposte.\n    <\/p>\n  <\/section>\n\n  <section class=\"sv-room-grid\">\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udd0e<\/div>\n        <h3>Interpreta il segnale<\/h3>\n        <p>\n          Cosa rivela questa pressione sulla societ\u00e0, sui sistemi, sul comportamento o sulla fiducia?\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udccc<\/div>\n        <h3>Condividi impatto<\/h3>\n        <p>\n          Descrivi ci\u00f2 che le persone, le famiglie, i lavoratori, le imprese o le comunit\u00e0 vivono realmente.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\u2696\ufe0f<\/div>\n        <h3>Confronta le prospettive<\/h3>\n        <p>\n          Riunire punti di vista personali, civici, professionali e istituzionali.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\udded<\/div>\n        <h3>Passa alla proposta<\/h3>\n        <p>\n          Trasforma la discussione in modelli pi\u00f9 chiari, regole migliori o alternative pratiche.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-dark\">\n    <h2>\n      Una sala civica dovrebbe ridurre il rumore.\n    <\/h2>\n\n    <p>\n      L'obiettivo non \u00e8 vincere una discussione. L'obiettivo \u00e8 comprendere il segnale,\nidentificare la pressione che lo sottende e rendere possibile un passo successivo costruttivo.\n    <\/p>\n  <\/section>\n\n  <section id=\"room-builder\" class=\"sv-discussion\">\n\n    <div class=\"sv-section-title\" style=\"margin-bottom:34px;\">\n      <h2>Avvia un contributo strutturato.<\/h2>\n      <p>\n        Scegli il tipo di contributo, scrivi un'affermazione chiara e genera un'apertura pi\u00f9 strutturata.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-discussion-grid\">\n\n      <div class=\"sv-box\">\n        <h2>Il tuo contributo<\/h2>\n        <p>\n          Questa \u00e8 una versione iniziale del generatore di discussioni. Aiuta le persone a evitare reazioni vaghe e a iniziare con un contributo civico pi\u00f9 chiaro.\n        <\/p>\n\n        <label for=\"sv-room-type\">Tipo di contributo<\/label>\n        <select id=\"sv-room-type\">\n          <option value=\"Interpretation\">Interpretazione<\/option>\n          <option value=\"Impact\">Impatto<\/option>\n          <option value=\"Comparison\">Confronto<\/option>\n          <option value=\"Proposal\">Proposta<\/option>\n        <\/select>\n\n        <label for=\"sv-room-signal\">Segnale<\/label>\n        <select id=\"sv-room-signal\">\n          <option value=\"Energy prices and instability\">Prezzi dell'energia e instabilit\u00e0<\/option>\n          <option value=\"Housing pressure\">Pressione abitativa<\/option>\n          <option value=\"Work instability\">Instabilit\u00e0 lavorativa<\/option>\n          <option value=\"Public trust\">Fiducia pubblica<\/option>\n          <option value=\"AI and society\">L'IA e la societ\u00e0<\/option>\n          <option value=\"Future uncertainty\">Incertezza futura<\/option>\n        <\/select>\n\n        <label for=\"sv-room-text\">La tua dichiarazione<\/label>\n        <textarea id=\"sv-room-text\" placeholder=\"Scrivi una chiara osservazione, esperienza o proposta...\"><\/textarea>\n\n        <div class=\"sv-actions\" style=\"margin-top:18px;\">\n          <button class=\"sv-btn\" id=\"sv-room-build\" type=\"button\">Creare apertura strutturata<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-preview\">\n        <small>Apertura strutturata<\/small>\n        <h3 id=\"sv-room-preview-title\">Interpretazione \u2192 Prezzi dell'energia e instabilit\u00e0<\/h3>\n\n        <p>\n          Questa anteprima aiuta la discussione a diventare pi\u00f9 chiara prima che venga inviata o trasformata in una proposta.\n        <\/p>\n\n        <div class=\"sv-generated\" id=\"sv-room-generated\">\n          \u201cVorrei offrire un'interpretazione sui prezzi dell'energia e sull'instabilit\u00e0. La mia osservazione principale \u00e8 che questo segnale influisce sulla fiducia, sulla pianificazione e sul comportamento sociale.\u201d\n        <\/div>\n\n        <div class=\"sv-actions\" style=\"margin-top:20px;\">\n          <button class=\"sv-btn sv-btn-light\" id=\"sv-room-copy\" type=\"button\">Copia del testo iniziale \u2192<\/button>\n        <\/div>\n\n        <p id=\"sv-room-note\" style=\"margin-top:14px;font-size:14px;color:#cbd5e1;\">\n          Puoi copiare questa introduzione e usarla nella discussione, in un modulo o in una proposta futura.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-final\">\n    <h2>\n      Dall'idea alla proposta.\n    <\/h2>\n\n    <p>\n      La Sala di Discussione Civica \u00e8 il ponte tra Segnali Civici e Proposte.\nAiuta a trasformare la pressione sociale in intelligenza pubblica strutturata.\n    <\/p>\n\n    <div class=\"sv-actions\">\n      <a class=\"sv-btn\" href=\"\/proposals\/\">Proposte Aperte \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-signals\/\">Indietro ai Segnali Civici \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/open-conversation\/\">Apri Conversazione \u2192<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-civic-room\");\n  if(!root){return;}\n\n  var typeEl=root.querySelector(\"#sv-room-type\");\n  var signalEl=root.querySelector(\"#sv-room-signal\");\n  var textEl=root.querySelector(\"#sv-room-text\");\n  var titleEl=root.querySelector(\"#sv-room-preview-title\");\n  var generatedEl=root.querySelector(\"#sv-room-generated\");\n  var buildBtn=root.querySelector(\"#sv-room-build\");\n  var copyBtn=root.querySelector(\"#sv-room-copy\");\n  var noteEl=root.querySelector(\"#sv-room-note\");\n\n  function updatePreview(){\n    var type=typeEl ? typeEl.value : \"Interpretation\";\n    var signal=signalEl ? signalEl.value : \"Energy prices and instability\";\n    var text=textEl && textEl.value.trim() ? textEl.value.trim() : \"this signal affects trust, planning and social behavior\";\n\n    if(titleEl){\n      titleEl.textContent=type+\" \u2192 \"+signal;\n    }\n\n    if(generatedEl){\n      generatedEl.textContent=\"\u201cI would like to contribute a \"+type.toLowerCase()+\" about \"+signal.toLowerCase()+\". My main observation is that \"+text+\".\u201d\";\n    }\n  }\n\n  if(typeEl){typeEl.addEventListener(\"change\",updatePreview);}\n  if(signalEl){signalEl.addEventListener(\"change\",updatePreview);}\n  if(textEl){textEl.addEventListener(\"input\",updatePreview);}\n\n  if(buildBtn){\n    buildBtn.addEventListener(\"click\",function(){\n      updatePreview();\n      var preview=root.querySelector(\".sv-preview\");\n      if(preview){\n        preview.scrollIntoView({behavior:\"smooth\",block:\"center\"});\n      }\n    });\n  }\n\n  if(copyBtn){\n    copyBtn.addEventListener(\"click\",function(){\n      updatePreview();\n      var text=generatedEl ? generatedEl.textContent : \"\";\n\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){\n          if(noteEl){noteEl.textContent=\"Copied. You can now paste it into a form, comment or proposal.\";}\n        }).catch(function(){\n          if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n        });\n      }else{\n        if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n      }\n    });\n  }\n\n  updatePreview();\n});\n<\/script>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Civic Discussion Room Inside the serious civic conversation. This room is designed for signals, patterns and thoughtful interpretation. People discuss real pressure, social change, work instability, housing stress, energy costs, public trust and future direction \u2014 not as noise, but as structured civic signals. Start discussion \u2192 Back to Civic Signals \u2192 Go to Proposals [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/pages\/1242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/comments?post=1242"}],"version-history":[{"count":7,"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/pages\/1242\/revisions"}],"predecessor-version":[{"id":1444,"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/pages\/1242\/revisions\/1444"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/it\/wp-json\/wp\/v2\/media?parent=1242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}