{"id":15336,"date":"2026-05-13T19:31:46","date_gmt":"2026-05-13T17:31:46","guid":{"rendered":"https:\/\/www.coverfop.it\/?page_id=15336"},"modified":"2026-05-13T19:31:46","modified_gmt":"2026-05-13T17:31:46","slug":"margine-editor","status":"publish","type":"page","link":"https:\/\/www.coverfop.it\/index.php\/margine-editor\/","title":{"rendered":"margine editor"},"content":{"rendered":"<div>\n<p>    <!DOCTYPE html><br \/>\n<html lang=\"it\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>Margine \u2014 Editor mensile<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&#038;family=Source+Sans+3:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root {\n  --orange: #FF8040; --ink: #1C1C1A; --ink-mid: #4A4A46; --ink-soft: #888880;\n  --paper: #FAFAF7; --paper-warm: #F5F3EE; --rule: #D8D5CE;\n  --green: #2D7A4F; --green-bg: #EAF5EF;\n  --font: 'Source Sans 3', Helvetica, sans-serif;\n  --font-d: 'Cormorant Garamond', Georgia, serif;\n}\nbody { font-family: var(--font); background: var(--paper-warm); color: var(--ink); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }<\/p>\n<p>.topbar { background: var(--ink); padding: 11px 28px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; }\n.topbar-brand { display: flex; align-items: baseline; gap: 10px; }\n.topbar-logo { font-weight: 600; font-size: 14px; color: #fff; }\n.topbar-logo span { color: var(--orange); }\n.topbar-sep { width: 1px; height: 12px; background: rgba(255,255,255,0.2); align-self: center; }\n.topbar-tool { font-family: var(--font-d); font-style: italic; font-size: 15px; color: rgba(255,255,255,0.55); }\n.topbar-actions { display: flex; gap: 10px; align-items: center; }\n.btn-copy { padding: 8px 20px; background: var(--orange); color: #fff; font-family: var(--font); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border: none; cursor: pointer; transition: background 0.15s; }\n.btn-copy:hover { background: #e56a2a; }\n.copy-ok { font-size: 11px; color: var(--orange); letter-spacing: 0.08em; opacity: 0; transition: opacity 0.3s; }\n.copy-ok.show { opacity: 1; }<\/p>\n<p>.workspace { display: grid; grid-template-columns: 420px 1fr; height: calc(100vh - 44px); }<\/p>\n<p>.form-panel { overflow-y: auto; border-right: 1px solid var(--rule); background: var(--paper); }\n.form-section { border-bottom: 1px solid var(--rule); }\n.form-section-head { padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; background: var(--paper); transition: background 0.15s; }\n.form-section-head:hover { background: var(--paper-warm); }\n.form-section-title { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mid); }\n.form-section-arrow { font-size: 10px; color: var(--ink-soft); transition: transform 0.25s; display: inline-block; }\n.form-section.open .form-section-arrow { transform: rotate(180deg); }\n.form-section-body { display: none; padding: 4px 24px 20px; }\n.form-section.open .form-section-body { display: block; }<\/p>\n<p>.field { margin-top: 14px; }\nlabel { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 5px; }\nlabel .note { font-weight: 300; text-transform: none; letter-spacing: 0; color: #bbb; font-size: 10px; }\ninput[type=\"text\"], textarea { width: 100%; padding: 8px 11px; border: 1px solid var(--rule); background: var(--paper-warm); color: var(--ink); font-family: var(--font); font-size: 13px; outline: none; resize: vertical; transition: border-color 0.15s, background 0.15s; line-height: 1.5; }\ninput[type=\"text\"]:focus, textarea:focus { border-color: var(--orange); background: #fff8f4; }\ninput::placeholder, textarea::placeholder { color: #ccc; }\n.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }<\/p>\n<p>.preview-panel { background: #e8e6e0; display: flex; flex-direction: column; }\n.preview-bar { padding: 8px 20px; background: var(--paper-warm); border-bottom: 1px solid var(--rule); display: flex; align-items: center; gap: 10px; }\n.preview-bar-label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft); }\n.preview-badge { font-size: 10px; background: var(--green-bg); color: var(--green); padding: 2px 8px; letter-spacing: 0.06em; }\n.preview-frame { flex: 1; border: none; width: 100%; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"topbar\">\n<div class=\"topbar-brand\">\n<div class=\"topbar-logo\">Cover<span>fop<\/span><\/div>\n<div class=\"topbar-sep\"><\/div>\n<div class=\"topbar-tool\">Margine \u2014 editor mensile<\/div>\n<\/p><\/div>\n<div class=\"topbar-actions\">\n    <span class=\"copy-ok\" id=\"copy-ok\">\u2713 Copiato<\/span><br \/>\n    <button class=\"btn-copy\" onclick=\"copiaHTML()\">Copia HTML per YooTheme<\/button>\n  <\/div>\n<\/div>\n<div class=\"workspace\">\n<div class=\"form-panel\">\n<div class=\"form-section open\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">Testata<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field field-row\">\n<div>\n            <label>Numero edizione<\/label><br \/>\n            <input type=\"text\" id=\"f-num\" placeholder=\"es. 1\" oninput=\"aggiorna()\">\n          <\/div>\n<div>\n            <label>Mese e anno<\/label><br \/>\n            <input type=\"text\" id=\"f-mese\" placeholder=\"es. Maggio 2026\" oninput=\"aggiorna()\">\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section open\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">Hero<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\">\n          <label>Titolo \u2014 parte normale<\/label><br \/>\n          <input type=\"text\" id=\"f-titolo1\" placeholder=\"es. Il lavoro\" oninput=\"aggiorna()\">\n        <\/div>\n<div class=\"field\">\n          <label>Titolo \u2014 parte in corsivo arancio<\/label><br \/>\n          <input type=\"text\" id=\"f-titolo2\" placeholder=\"es. che cambia\" oninput=\"aggiorna()\">\n        <\/div>\n<div class=\"field\">\n          <label>Testo introduttivo<\/label><br \/>\n          <textarea id=\"f-intro\" rows=\"4\" placeholder=\"Breve presentazione dell'edizione...\" oninput=\"aggiorna()\"><\/textarea>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">Indice &#8220;In questo numero&#8221;<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\"><label>Formazione \u2014 titolo indice<\/label><input type=\"text\" id=\"i-form\" placeholder=\"Titolo breve\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Opportunit\u00e0 &amp; Stage \u2014 titolo indice<\/label><input type=\"text\" id=\"i-opp\" placeholder=\"Titolo breve\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Progetti \u2014 titolo indice<\/label><input type=\"text\" id=\"i-prog\" placeholder=\"Titolo breve\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Approfondimento \u2014 titolo indice<\/label><input type=\"text\" id=\"i-appr\" placeholder=\"Titolo breve\" oninput=\"aggiorna()\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">\u2460 Formazione<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\"><label>Titolo<\/label><input type=\"text\" id=\"c1-titolo\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Abstract <span class=\"note\">(2-3 righe)<\/span><\/label><textarea id=\"c1-abstract\" rows=\"3\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<div class=\"field\"><label>Testo completo <span class=\"note\">(riga vuota = nuovo paragrafo)<\/span><\/label><textarea id=\"c1-testo\" rows=\"8\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">\u2461 Opportunit\u00e0 &amp; Stage<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\"><label>Titolo<\/label><input type=\"text\" id=\"c2-titolo\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Abstract<\/label><textarea id=\"c2-abstract\" rows=\"3\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<div class=\"field\"><label>Testo completo<\/label><textarea id=\"c2-testo\" rows=\"8\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">\u2462 Progetti<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\"><label>Titolo<\/label><input type=\"text\" id=\"c3-titolo\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Abstract<\/label><textarea id=\"c3-abstract\" rows=\"3\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<div class=\"field\"><label>Testo completo<\/label><textarea id=\"c3-testo\" rows=\"8\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"form-section\">\n<div class=\"form-section-head\" onclick=\"toggleSection(this)\">\n        <span class=\"form-section-title\">\u2463 Approfondimento<\/span><br \/>\n        <span class=\"form-section-arrow\">\u25bc<\/span>\n      <\/div>\n<div class=\"form-section-body\">\n<div class=\"field\"><label>Titolo<\/label><input type=\"text\" id=\"c4-titolo\" oninput=\"aggiorna()\"><\/div>\n<div class=\"field\"><label>Abstract<\/label><textarea id=\"c4-abstract\" rows=\"3\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<div class=\"field\"><label>Testo completo<\/label><textarea id=\"c4-testo\" rows=\"8\" oninput=\"aggiorna()\"><\/textarea><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"preview-panel\">\n<div class=\"preview-bar\">\n      <span class=\"preview-bar-label\">Preview live<\/span><br \/>\n      <span class=\"preview-badge\">Anteprima fedele al blocco YooTheme<\/span>\n    <\/div>\n<p>    <iframe class=\"preview-frame\" id=\"preview-frame\"><\/iframe>\n  <\/div>\n<\/div>\n<p><script>\n\/\/ \u2500\u2500 Accordion\nfunction toggleSection(head) {\n  head.closest('.form-section').classList.toggle('open');\n}<\/p>\n<p>\/\/ \u2500\u2500 Escape HTML\nfunction esc(s) {\n  return (s || '').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n}<\/p>\n<p>\/\/ \u2500\u2500 Testo libero \u2192 paragrafi HTML\nfunction testo2p(s) {\n  if (!s || !s.trim()) return '<\/p>\n<p>Testo dell\\'articolo da inserire.<\/p>\n<p>';\n  return s.trim().split(\/\\n\\s*\\n\/).map(function(p){\n    return '<\/p>\n<p>' + esc(p.trim().replace(\/\\n\/g,' ')) + '<\/p>\n<p>';\n  }).join('\\n');\n}<\/p>\n<p>\/\/ \u2500\u2500 Leggi valore campo\nfunction v(id) { var el = document.getElementById(id); return el ? el.value : ''; }<\/p>\n<p>\/\/ \u2500\u2500 CSS del blocco (costante separata \u2014 non dentro template literal con script)\nvar MW_CSS = [\n  '.margine-wrap{font-family:\\'Source Sans 3\\',Helvetica,sans-serif;font-size:16px;line-height:1.65;color:#1C1C1A;background:#FAFAF7;-webkit-font-smoothing:antialiased;}',\n  '.margine-wrap *{box-sizing:border-box;margin:0;padding:0;}',\n  '.mw-ribbon{background:#1C1C1A;color:#FAFAF7;font-size:11px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;padding:8px 40px;display:flex;align-items:center;justify-content:space-between;}',\n  '.mw-ribbon-left{display:flex;align-items:center;gap:16px;}',\n  '.mw-ribbon-date{opacity:.9;}',\n  '.mw-ribbon-edition{color:#FF8040;border-left:1px solid rgba(255,255,255,.2);padding-left:16px;}',\n  '.mw-ribbon-right{opacity:.5;font-size:10px;letter-spacing:.08em;}',\n  '.mw-header{padding:32px 40px 0;border-bottom:2px solid #1C1C1A;background:#FAFAF7;}',\n  '.mw-header-inner{max-width:960px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;}',\n  '.mw-logo-block{display:flex;flex-direction:column;gap:2px;}',\n  '.mw-logo-name{font-weight:600;font-size:22px;letter-spacing:-.01em;color:#1C1C1A;line-height:1;}',\n  '.mw-logo-name span{color:#FF8040;}',\n  '.mw-logo-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888880;}',\n  '.mw-nl-block{text-align:center;flex:1;padding:0 24px;}',\n  '.mw-nl-name{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-weight:400;font-size:38px;letter-spacing:.04em;color:#1C1C1A;line-height:1;}',\n  '.mw-nl-tagline{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-style:italic;font-size:14px;color:#4A4A46;margin-top:4px;}',\n  '.mw-nl-quote{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-style:italic;font-size:12px;color:#888880;margin-top:10px;padding-top:8px;border-top:1px solid #D8D5CE;line-height:1.45;}',\n  '.mw-nl-quote cite{display:block;font-style:normal;font-family:\\'Source Sans 3\\',Helvetica,sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#FF8040;margin-top:4px;}',\n  '.mw-cta-block{text-align:right;}',\n  '.mw-btn-sub{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#FAFAF7;background:#FF8040;padding:10px 20px;border:none;transition:background .2s;}',\n  '.mw-btn-sub:hover{background:#e56a2a;}',\n  '.mw-cta-note{font-size:10px;color:#888880;margin-top:6px;}',\n  '.mw-strip{background:#F5F3EE;border-bottom:1px solid #D8D5CE;padding:0 40px;}',\n  '.mw-strip-inner{max-width:960px;margin:0 auto;display:flex;}',\n  '.mw-tab{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#4A4A46;padding:10px 20px;border-right:1px solid #D8D5CE;text-decoration:none;display:inline-flex;align-items:center;transition:color .15s;}',\n  '.mw-tab:first-child{padding-left:0;}',\n  '.mw-tab-active{color:#FF8040;border-bottom:2px solid #FF8040;margin-bottom:-1px;}',\n  '.mw-tab-ext{border-right:none;color:#888880;}',\n  '.mw-tab:hover:not(.mw-tab-active){color:#1C1C1A;}',\n  '.mw-hero{max-width:960px;margin:0 auto;padding:56px 40px 40px;display:grid;grid-template-columns:1fr 300px;gap:48px;border-bottom:1px solid #D8D5CE;background:#FAFAF7;}',\n  '.mw-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF8040;margin-bottom:16px;}',\n  '.mw-title{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-weight:300;font-size:56px;line-height:1.05;color:#1C1C1A;margin-bottom:20px;}',\n  '.mw-title em{font-style:italic;color:#FF8040;}',\n  '.mw-intro{font-size:16px;color:#4A4A46;line-height:1.7;max-width:520px;margin-bottom:28px;}',\n  '.mw-read-btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#1C1C1A;border-bottom:2px solid #FF8040;padding-bottom:3px;transition:color .2s;}',\n  '.mw-read-btn:hover{color:#FF8040;}',\n  '.mw-aside{padding-top:8px;}',\n  '.mw-aside-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#888880;border-top:1px solid #D8D5CE;padding-top:14px;margin-bottom:16px;}',\n  '.mw-aside-list{list-style:none;}',\n  '.mw-aside-list li{border-bottom:1px solid #D8D5CE;padding:12px 0;}',\n  '.mw-aside-list li:last-child{border-bottom:none;}',\n  '.mw-aside-cat{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#FF8040;margin-bottom:4px;}',\n  '.mw-aside-title{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-size:17px;line-height:1.2;color:#1C1C1A;}',\n  '.mw-sezioni{max-width:960px;margin:0 auto;padding:40px 40px 0;background:#FAFAF7;}',\n  '.mw-sezioni-hd{display:flex;align-items:center;gap:16px;margin-bottom:28px;}',\n  '.mw-sezioni-rule{flex:1;height:1px;background:#D8D5CE;}',\n  '.mw-sezioni-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#888880;flex-shrink:0;}',\n  '.mw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #D8D5CE;}',\n  '.mw-card{padding:28px 28px 24px;border-right:1px solid #D8D5CE;border-bottom:1px solid #D8D5CE;background:#FAFAF7;transition:background .2s;}',\n  '.mw-card:nth-child(even){border-right:none;}',\n  '.mw-card:nth-last-child(-n+2){border-bottom:none;}',\n  '.mw-card:hover{background:#FFF0E8;}',\n  '.mw-card-cat{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FAFAF7;background:#FF8040;padding:3px 8px;margin-bottom:14px;}',\n  '.mw-card-title{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;color:#1C1C1A;margin-bottom:10px;}',\n  '.mw-card-abstract{font-size:14px;color:#4A4A46;line-height:1.6;margin-bottom:4px;}',\n  '.mw-card-full{max-height:0;overflow:hidden;transition:max-height .45s ease;}',\n  '.mw-card.mw-expanded .mw-card-full{max-height:4000px;}',\n  '.mw-card-full-inner{padding-top:16px;border-top:1px solid #D8D5CE;margin-top:12px;font-size:14px;color:#4A4A46;line-height:1.75;}',\n  '.mw-card-full-inner p+p{margin-top:12px;}',\n  '.mw-toggle{display:inline-flex;align-items:center;gap:5px;font-family:\\'Source Sans 3\\',Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FF8040;background:none;border:none;border-bottom:1px solid #FF8040;padding:0 0 1px;cursor:pointer;transition:color .15s;margin-top:14px;}',\n  '.mw-toggle:hover{color:#1C1C1A;border-bottom-color:#1C1C1A;}',\n  '.mw-toggle-icon{display:inline-block;transition:transform .35s ease;}',\n  '.mw-card.mw-expanded .mw-toggle-icon{transform:rotate(180deg);}',\n  '.mw-cta{background:#1C1C1A;margin:48px 0 0;padding:56px 40px;}',\n  '.mw-cta-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}',\n  '.mw-cta-overline{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF8040;margin-bottom:12px;}',\n  '.mw-cta-headline{font-family:\\'Cormorant Garamond\\',Georgia,serif;font-weight:300;font-size:40px;line-height:1.1;color:#FAFAF7;margin-bottom:14px;}',\n  '.mw-cta-headline em{font-style:italic;color:#FF8040;}',\n  '.mw-cta-desc{font-size:14px;color:rgba(250,250,247,.6);line-height:1.65;}',\n  '.mw-cta-form-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.5);margin-bottom:10px;}',\n  '.mw-cta-form-desc{font-size:14px;color:rgba(250,250,247,.6);line-height:1.65;margin-bottom:20px;}',\n  '.mw-cta-link{display:inline-block;padding:14px 28px;background:#FF8040;color:#FAFAF7;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s;}',\n  '.mw-cta-link:hover{background:#e56a2a;}',\n  '.mw-cta-privacy{font-size:11px;color:rgba(250,250,247,.35);margin-top:14px;line-height:1.4;}',\n  '.mw-cta-privacy a{color:rgba(250,250,247,.5);}',\n  '.mw-social{border-bottom:1px solid #D8D5CE;background:#FAFAF7;}',\n  '.mw-social-inner{max-width:960px;margin:0 auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;}',\n  '.mw-social-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#888880;}',\n  '.mw-social-links{display:flex;gap:20px;}',\n  '.mw-social-link{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#4A4A46;transition:color .15s;}',\n  '.mw-social-link::before{content:\"\\\\2192 \";color:#FF8040;}',\n  '.mw-social-link:hover{color:#FF8040;}',\n  '.mw-footer{background:#F5F3EE;border-top:2px solid #1C1C1A;}',\n  '.mw-footer-inner{max-width:960px;margin:0 auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;}',\n  '.mw-footer-brand{font-size:14px;font-weight:600;color:#1C1C1A;}',\n  '.mw-footer-brand span{color:#FF8040;}',\n  '.mw-footer-legal{font-size:11px;color:#888880;line-height:1.5;text-align:center;flex:1;}',\n  '.mw-footer-legal a{color:#FF8040;text-decoration:none;border-bottom:1px solid currentColor;}',\n  '.mw-footer-actions{text-align:right;font-size:11px;}',\n  '.mw-footer-actions a{display:block;color:#4A4A46;text-decoration:none;margin-bottom:4px;}',\n  '.mw-footer-actions a:hover{color:#FF8040;}',\n  '@media(max-width:768px){',\n  '.mw-ribbon{padding:8px 20px;flex-direction:column;gap:4px;text-align:center;}',\n  '.mw-header{padding:24px 20px 0;}',\n  '.mw-header-inner{flex-direction:column;align-items:center;gap:16px;text-align:center;}',\n  '.mw-strip{padding:0 20px;overflow-x:auto;}',\n  '.mw-hero{grid-template-columns:1fr;gap:32px;padding:32px 20px;}',\n  '.mw-aside{border-top:1px solid #D8D5CE;padding-top:24px;}',\n  '.mw-title{font-size:38px;}',\n  '.mw-sezioni{padding:32px 20px 0;}',\n  '.mw-grid{grid-template-columns:1fr;}',\n  '.mw-card:nth-child(even){border-right:1px solid #D8D5CE;}',\n  '.mw-card:nth-last-child(-n+2){border-bottom:1px solid #D8D5CE;}',\n  '.mw-card:last-child{border-bottom:none;}',\n  '.mw-cta{padding:40px 20px;}',\n  '.mw-cta-inner{grid-template-columns:1fr;gap:28px;}',\n  '.mw-cta-headline{font-size:30px;}',\n  '.mw-social-inner{padding:24px 20px;flex-direction:column;gap:12px;text-align:center;}',\n  '.mw-footer-inner{flex-direction:column;text-align:center;}',\n  '}'\n].join('\\n');<\/p>\n<p>\/\/ \u2500\u2500 JS del blocco (costante separata)\nvar MW_JS = [\n  '(function(){',\n  '  var G=[\"domenica\",\"lunedi\",\"martedi\",\"mercoledi\",\"giovedi\",\"venerdi\",\"sabato\"];',\n  '  var M=[\"gennaio\",\"febbraio\",\"marzo\",\"aprile\",\"maggio\",\"giugno\",\"luglio\",\"agosto\",\"settembre\",\"ottobre\",\"novembre\",\"dicembre\"];',\n  '  var o=new Date(), el=document.getElementById(\"mw-date\");',\n  '  if(el){var s=G[o.getDay()];s=s.charAt(0).toUpperCase()+s.slice(1)+\" \"+o.getDate()+\" \"+M[o.getMonth()]+\" \"+o.getFullYear();el.textContent=s.toUpperCase();}',\n  '  window.mwToggle=function(btn){',\n  '    var card=btn.closest(\".mw-card\");',\n  '    var exp=card.classList.toggle(\"mw-expanded\");',\n  '    btn.firstChild.textContent=exp?\"Riduci \":\"Leggi tutto \";',\n  '    if(exp) setTimeout(function(){card.scrollIntoView({behavior:\"smooth\",block:\"nearest\"});},60);',\n  '  };',\n  '  document.querySelectorAll(\"a[href^=\\'#\\']\").forEach(function(a){',\n  '    a.addEventListener(\"click\",function(e){',\n  '      var t=document.querySelector(a.getAttribute(\"href\"));',\n  '      if(t){e.preventDefault();t.scrollIntoView({behavior:\"smooth\",block:\"start\"});}',\n  '    });',\n  '  });',\n  '})();'\n].join('\\n');<\/p>\n<p>\/\/ \u2500\u2500 Genera il blocco HTML per YooTheme\nfunction generaHTML() {\n  var num   = esc(v('f-num'))    || '1';\n  var mese  = esc(v('f-mese'))   || 'Edizione corrente';\n  var tit1  = esc(v('f-titolo1')) || 'Il titolo';\n  var tit2  = esc(v('f-titolo2')) || \"dell'edizione\";\n  var intro = esc(v('f-intro'))  || \"Testo introduttivo dell'edizione.\";\n  var i1 = esc(v('i-form'))  || 'Articolo formazione';\n  var i2 = esc(v('i-opp'))   || 'Articolo opportunita';\n  var i3 = esc(v('i-prog'))  || 'Articolo progetti';\n  var i4 = esc(v('i-appr'))  || 'Articolo approfondimento';<\/p>\n<p>  var cards = [\n    { id:'formazione',     cat:'Formazione',              t:v('c1-titolo'), ab:v('c1-abstract'), tx:v('c1-testo') },\n    { id:'opportunita',    cat:'Opportunit\\u00e0 &amp; Stage', t:v('c2-titolo'), ab:v('c2-abstract'), tx:v('c2-testo') },\n    { id:'progetti',       cat:'Progetti',                t:v('c3-titolo'), ab:v('c3-abstract'), tx:v('c3-testo') },\n    { id:'approfondimento',cat:'Approfondimento',         t:v('c4-titolo'), ab:v('c4-abstract'), tx:v('c4-testo') }\n  ];<\/p>\n<p>  var cardsHTML = cards.map(function(c) {\n    return '<\/p>\n<div class=\"mw-card\" id=\"' + c.id + '\">\\n' +\n      '  <\/p>\n<div class=\"mw-card-cat\">' + c.cat + '<\/div>\n<p>\\n' +\n      '  <\/p>\n<h2 class=\"mw-card-title\">' + (esc(c.t) || 'Titolo articolo') + '<\/h2>\n<p>\\n' +\n      '  <\/p>\n<p class=\"mw-card-abstract\">' + (esc(c.ab) || \"Abstract dell'articolo.\") + '<\/p>\n<p>\\n' +\n      '  <\/p>\n<div class=\"mw-card-full\">\n<div class=\"mw-card-full-inner\">\\n' +\n      testo2p(c.tx) +\n      '\\n  <\/div>\n<\/div>\n<p>\\n' +\n      '  <button class=\"mw-toggle\" onclick=\"mwToggle(this)\">Leggi tutto <span class=\"mw-toggle-icon\">\\u2193<\/span><\/button>\\n' +\n      '<\/div>\n<p>';\n  }).join('\\n');<\/p>\n<p>  \/\/ Usiamo \\x3c e \\x3e per < e > nei tag script\/style per evitare che il parser\n  \/\/ HTML chiuda prematuramente il tag <script> di questo editor\n  var SO = '\\x3cstyle\\x3e';\n  var SC = '\\x3c\/style\\x3e';\n  var JO = '\\x3cscript\\x3e';\n  var JC = '\\x3c\/script\\x3e';\n  var LK = '<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&#038;family=Source+Sans+3:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">';<\/p>\n<p>  var html = LK + '\\n\\n<\/p>\n<div class=\"margine-wrap\">\\n\\n' +\n    '<!-- RIBBON -->\\n' +\n    '<\/p>\n<div class=\"mw-ribbon\">\n<div class=\"mw-ribbon-left\">' +\n    '<span class=\"mw-ribbon-date\" id=\"mw-date\">\\u2014<\/span>' +\n    '<span class=\"mw-ribbon-edition\">N. ' + num + ' \\u00b7 ' + mese + '<\/span>' +\n    '<\/div>\n<div class=\"mw-ribbon-right\">Co.Ver.Fo.P. \\u00b7 Vercelli<\/div>\n<\/div>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- HEADER -->\\n' +\n    '<\/p>\n<header class=\"mw-header\">\n<div class=\"mw-header-inner\">' +\n    '<\/p>\n<div class=\"mw-logo-block\">\n<div class=\"mw-logo-name\">Cover<span>fop<\/span><\/div>\n<div class=\"mw-logo-sub\">Consorzio Vercellese Formazione Professionale<\/div>\n<\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-nl-block\">\n<div class=\"mw-nl-name\">Margine<\/div>\n<div class=\"mw-nl-tagline\">La newsletter di Coverfop<\/div>\n<p>' +\n    '<\/p>\n<blockquote class=\"mw-nl-quote\"><p>Non si capisce una cosa finch\\u00e9 non la si \\u00e8 anche vissuta.<cite>Cesare Pavese<\/cite><\/p><\/blockquote>\n<\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-cta-block\"><a href=\"https:\/\/www.coverfop.it\/index.php\/iscrizione-newsletter\/\" class=\"mw-btn-sub\" target=\"_blank\" rel=\"noopener\">Iscriviti<\/a>' +\n    '<\/p>\n<div class=\"mw-cta-note\">Gratuita \\u00b7 Disdici quando vuoi<\/div>\n<\/div>\n<p>' +\n    '<\/p><\/div>\n<\/header>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- STRIP -->\\n' +\n    '<\/p>\n<div class=\"mw-strip\">\n<div class=\"mw-strip-inner\">' +\n    '<a href=\"#formazione\" class=\"mw-tab mw-tab-active\">Formazione<\/a>' +\n    '<a href=\"#opportunita\" class=\"mw-tab\">Opportunit\\u00e0 &amp; Stage<\/a>' +\n    '<a href=\"#progetti\" class=\"mw-tab\">Progetti<\/a>' +\n    '<a href=\"#approfondimento\" class=\"mw-tab\">Approfondimento<\/a>' +\n    '<a href=\"https:\/\/www.coverfop.it\/index.php\/agenda\/\" class=\"mw-tab mw-tab-ext\" target=\"_blank\" rel=\"noopener\">Agenda \\u2197<\/a>' +\n    '<\/div>\n<\/div>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- HERO -->\\n' +\n    '<\/p>\n<section class=\"mw-hero\">\n<div class=\"mw-hero-main\">' +\n    '<\/p>\n<div class=\"mw-eyebrow\">Edizione di ' + mese + '<\/div>\n<p>' +\n    '<\/p>\n<h1 class=\"mw-title\">' + tit1 + '<br \/><em>' + tit2 + '<\/em><\/h1>\n<p>' +\n    '<\/p>\n<p class=\"mw-intro\">' + intro + '<\/p>\n<p>' +\n    '<a href=\"#contenuto\" class=\"mw-read-btn\">Leggi questo numero \\u2193<\/a>' +\n    '<\/div>\n<aside class=\"mw-aside\">\n<div class=\"mw-aside-label\">In questo numero<\/div>\n<p>' +\n    '<\/p>\n<ul class=\"mw-aside-list\">' +\n    '<\/p>\n<li>\n<div class=\"mw-aside-cat\">Formazione<\/div>\n<div class=\"mw-aside-title\">' + i1 + '<\/div>\n<\/li>\n<p>' +\n    '<\/p>\n<li>\n<div class=\"mw-aside-cat\">Opportunit\\u00e0 &amp; Stage<\/div>\n<div class=\"mw-aside-title\">' + i2 + '<\/div>\n<\/li>\n<p>' +\n    '<\/p>\n<li>\n<div class=\"mw-aside-cat\">Progetti<\/div>\n<div class=\"mw-aside-title\">' + i3 + '<\/div>\n<\/li>\n<p>' +\n    '<\/p>\n<li>\n<div class=\"mw-aside-cat\">Approfondimento<\/div>\n<div class=\"mw-aside-title\">' + i4 + '<\/div>\n<\/li>\n<p>' +\n    '<\/ul>\n<\/aside>\n<\/section>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- ARTICOLI -->\\n' +\n    '<\/p>\n<section class=\"mw-sezioni\" id=\"contenuto\">' +\n    '<\/p>\n<div class=\"mw-sezioni-hd\">\n<div class=\"mw-sezioni-rule\"><\/div>\n<div class=\"mw-sezioni-label\">I contenuti di questo numero<\/div>\n<div class=\"mw-sezioni-rule\"><\/div>\n<\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-grid\">\\n' + cardsHTML + '\\n<\/div>\n<\/section>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- CTA -->\\n' +\n    '<\/p>\n<section class=\"mw-cta\">\n<div class=\"mw-cta-inner\">' +\n    '<\/p>\n<div class=\"mw-cta-text\">\n<div class=\"mw-cta-overline\">Rimani aggiornato<\/div>\n<p>' +\n    '<\/p>\n<h2 class=\"mw-cta-headline\">Non perderti<br \/><em>il prossimo numero<\/em><\/h2>\n<p>' +\n    '<\/p>\n<p class=\"mw-cta-desc\">Margine arriva ogni mese direttamente nella tua casella. Formazione professionale, bandi regionali, notizie dal territorio: tutto quello che serve, senza rumore.<\/p>\n<\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-cta-form\">\n<div class=\"mw-cta-form-label\">Iscriviti gratuitamente<\/div>\n<p>' +\n    '<\/p>\n<p class=\"mw-cta-form-desc\">Compila il modulo di iscrizione: bastano nome e indirizzo email. Puoi disiscriverti in qualsiasi momento.<\/p>\n<p>' +\n    '<a href=\"https:\/\/www.coverfop.it\/index.php\/iscrizione-newsletter\/\" class=\"mw-cta-link\" target=\"_blank\" rel=\"noopener\">Vai al modulo di iscrizione \\u2192<\/a>' +\n    '<\/p>\n<p class=\"mw-cta-privacy\">Trattamento dati ai sensi dell\\'art. 13 GDPR. <a href=\"#\">Privacy policy<\/a> \\u00b7 <a href=\"#\">Informativa newsletter<\/a><\/p>\n<p>' +\n    '<\/p><\/div>\n<\/div>\n<\/section>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- SOCIAL -->\\n' +\n    '<\/p>\n<div class=\"mw-social\">\n<div class=\"mw-social-inner\">\n<div class=\"mw-social-label\">Seguici anche su<\/div>\n<div class=\"mw-social-links\">' +\n    '<a href=\"https:\/\/www.facebook.com\/coverfop.vercelli\/\" class=\"mw-social-link\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>' +\n    '<a href=\"https:\/\/www.instagram.com\/coverfop\/\" class=\"mw-social-link\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>' +\n    '<a href=\"https:\/\/x.com\/coverfop\" class=\"mw-social-link\" target=\"_blank\" rel=\"noopener\">X<\/a>' +\n    '<a href=\"https:\/\/www.tiktok.com\/@coverfop22\" class=\"mw-social-link\" target=\"_blank\" rel=\"noopener\">TikTok<\/a>' +\n    '<\/div>\n<\/div>\n<\/div>\n<p>\\n\\n' +<\/p>\n<p>    '<!-- FOOTER -->\\n' +\n    '<\/p>\n<footer class=\"mw-footer\">\n<div class=\"mw-footer-inner\">' +\n    '<\/p>\n<div class=\"mw-footer-brand\">Cover<span>fop<\/span><\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-footer-legal\">Co.Ver.Fo.P. \\u2014 Consorzio Vercellese Formazione Professionale<br \/>' +\n    'Trattamento dati: <a href=\"#\">privacy policy<\/a> \\u00b7 DPO: Prof. Claudio Maria Osenga \\u00b7 <a href=\"mailto:privacy@coverfop.it\">privacy@coverfop.it<\/a><\/div>\n<p>' +\n    '<\/p>\n<div class=\"mw-footer-actions\"><a href=\"mailto:privacy@coverfop.it?subject=Disiscrizione newsletter\">Disiscriviti<\/a><a href=\"https:\/\/www.coverfop.it\">coverfop.it<\/a><\/div>\n<p>' +\n    '<\/p><\/div>\n<\/footer>\n<p>\\n\\n<\/p><\/div>\n<p>\\n\\n' +<\/p>\n<p>    SO + '\\n' + MW_CSS + '\\n' + SC + '\\n\\n' +\n    JO + '\\n' + MW_JS + '\\n' + JC;<\/p>\n<p>  return html;\n}<\/p>\n<p>\/\/ \u2500\u2500 Preview live con debounce\nvar debounceTimer;\nfunction aggiorna() {\n  clearTimeout(debounceTimer);\n  debounceTimer = setTimeout(function() {\n    var html = generaHTML();\n    var frame = document.getElementById('preview-frame');\n    frame.srcdoc = '<!DOCTYPE html><html lang=\"it\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><\/head><body style=\"margin:0;background:#e8e6e0;padding:20px 0;\">' + html + '<\/body><\/html>';\n  }, 150);\n}<\/p>\n<p>\/\/ \u2500\u2500 Copia HTML negli appunti\nfunction copiaHTML() {\n  var html = generaHTML();\n  navigator.clipboard.writeText(html).then(function() {\n    var el = document.getElementById('copy-ok');\n    el.classList.add('show');\n    setTimeout(function(){ el.classList.remove('show'); }, 2500);\n  });\n}<\/p>\n<p>\/\/ \u2500\u2500 Init\naggiorna();\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"it\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>Margine \u2014 Editor mensile<\/title>\\n<link rel=\\\"preconnect\\\" href=\\\"https:\/\/fonts.googleapis.com\\\">\\n<link href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=Source+Sans+3:wght@300;400;600&display=swap\\\" rel=\\\"stylesheet\\\">\\n\n\n<style>\\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\\n:root {\\n  --orange: #FF8040; --ink: #1C1C1A; --ink-mid: #4A4A46; --ink-soft: #888880;\\n  --paper: #FAFAF7; --paper-warm: #F5F3EE; --rule: #D8D5CE;\\n  --green: #2D7A4F; --green-bg: #EAF5EF;\\n  --font: 'Source Sans 3', Helvetica, sans-serif;\\n  --font-d: 'Cormorant Garamond', Georgia, serif;\\n}\\nbody { font-family: var(--font); background: var(--paper-warm); color: var(--ink); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }\\n\\n.topbar { background: var(--ink); padding: 11px 28px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; }\\n.topbar-brand { display: flex; align-items: baseline; gap: 10px; }\\n.topbar-logo { font-weight: 600; font-size: 14px; color: #fff; }\\n.topbar-logo span { color: var(--orange); }\\n.topbar-sep { width: 1px; height: 12px; background: rgba(255,255,255,0.2); align-self: center; }\\n.topbar-tool { font-family: var(--font-d); font-style: italic; font-size: 15px; color: rgba(255,255,255,0.55); }\\n.topbar-actions { display: flex; gap: 10px; align-items: center; }\\n.btn-copy { padding: 8px 20px; background: var(--orange); color: #fff; font-family: var(--font); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border: none; cursor: pointer; transition: background 0.15s; }\\n.btn-copy:hover { background: #e56a2a; }\\n.copy-ok { font-size: 11px; color: var(--orange); letter-spacing: 0.08em; opacity: 0; transition: opacity 0.3s; }\\n.copy-ok.show { opacity: 1; }\\n\\n.workspace { display: grid; grid-template-columns: 420px 1fr; height: calc(100vh - 44px); }\\n\\n.form-panel { overflow-y: auto; border-right: 1px solid var(--rule); background: var(--paper); }\\n.form-section { border-bottom: 1px solid var(--rule); }\\n.form-section-head { padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; background: var(--paper); transition: background 0.15s; }\\n.form-section-head:hover { background: var(--paper-warm); }\\n.form-section-title { font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mid); }\\n.form-section-arrow { font-size: 10px; color: var(--ink-soft); transition: transform 0.25s; display: inline-block; }\\n.form-section.open .form-section-arrow { transform: rotate(180deg); }\\n.form-section-body { display: none; padding: 4px 24px 20px; }\\n.form-section.open .form-section-body { display: block; }\\n\\n.field { margin-top: 14px; }\\nlabel { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 5px; }\\nlabel .note { font-weight: 300; text-transform: none; letter-spacing: 0; color: #bbb; font-size: 10px; }\\ninput[type=\\\"text\\\"], textarea { width: 100%; padding: 8px 11px; border: 1px solid var(--rule); background: var(--paper-warm); color: var(--ink); font-family: var(--font); font-size: 13px; outline: none; resize: vertical; transition: border-color 0.15s, background 0.15s; line-height: 1.5; }\\ninput[type=\\\"text\\\"]:focus, textarea:focus { border-color: var(--orange); background: #fff8f4; }\\ninput::placeholder, textarea::placeholder { color: #ccc; }\\n.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\\n\\n.preview-panel { background: #e8e6e0; display: flex; flex-direction: column; }\\n.preview-bar { padding: 8px 20px; background: var(--paper-warm); border-bottom: 1px solid var(--rule); display: flex; align-items: center; gap: 10px; }\\n.preview-bar-label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft); }\\n.preview-badge { font-size: 10px; background: var(--green-bg); color: var(--green); padding: 2px 8px; letter-spacing: 0.06em; }\\n.preview-frame { flex: 1; border: none; width: 100%; }\\n<\/style>\n\n\\n<\/head>\\n<body>\\n\\n\n\n<div class=\\\"topbar\\\">\\n  \n\n<div class=\\\"topbar-brand\\\">\\n    \n\n<div class=\\\"topbar-logo\\\">Cover<span>fop<\/span><\/div>\n\n\\n    \n\n<div class=\\\"topbar-sep\\\"><\/div>\n\n\\n    \n\n<div class=\\\"topbar-tool\\\">Margine \u2014 editor mensile<\/div>\n\n\\n  <\/div>\n\n\\n  \n\n<div class=\\\"topbar-actions\\\">\\n    <span class=\\\"copy-ok\\\" id=\\\"copy-ok\\\">\u2713 Copiato<\/span>\\n    <button class=\\\"btn-copy\\\" onclick=\\\"copiaHTML()\\\">Copia HTML per YooTheme<\/button>\\n  <\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"workspace\\\">\\n  \n\n<div class=\\\"form-panel\\\">\\n\\n    \n\n<div class=\\\"form-section open\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">Testata<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field field-row\\\">\\n          \n\n<div>\\n            <label>Numero edizione<\/label>\\n            <input type=\\\"text\\\" id=\\\"f-num\\\" placeholder=\\\"es. 1\\\" oninput=\\\"aggiorna()\\\">\\n          <\/div>\n\n\\n          \n\n<div>\\n            <label>Mese e anno<\/label>\\n            <input type=\\\"text\\\" id=\\\"f-mese\\\" placeholder=\\\"es. Maggio 2026\\\" oninput=\\\"aggiorna()\\\">\\n          <\/div>\n\n\\n        <\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section open\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">Hero<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\">\\n          <label>Titolo \u2014 parte normale<\/label>\\n          <input type=\\\"text\\\" id=\\\"f-titolo1\\\" placeholder=\\\"es. Il lavoro\\\" oninput=\\\"aggiorna()\\\">\\n        <\/div>\n\n\\n        \n\n<div class=\\\"field\\\">\\n          <label>Titolo \u2014 parte in corsivo arancio<\/label>\\n          <input type=\\\"text\\\" id=\\\"f-titolo2\\\" placeholder=\\\"es. che cambia\\\" oninput=\\\"aggiorna()\\\">\\n        <\/div>\n\n\\n        \n\n<div class=\\\"field\\\">\\n          <label>Testo introduttivo<\/label>\\n          <textarea id=\\\"f-intro\\\" rows=\\\"4\\\" placeholder=\\\"Breve presentazione dell'edizione...\\\" oninput=\\\"aggiorna()\\\"><\/textarea>\\n        <\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">Indice \\\"In questo numero\\\"<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\"><label>Formazione \u2014 titolo indice<\/label><input type=\\\"text\\\" id=\\\"i-form\\\" placeholder=\\\"Titolo breve\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Opportunit\u00e0 &amp; Stage \u2014 titolo indice<\/label><input type=\\\"text\\\" id=\\\"i-opp\\\" placeholder=\\\"Titolo breve\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Progetti \u2014 titolo indice<\/label><input type=\\\"text\\\" id=\\\"i-prog\\\" placeholder=\\\"Titolo breve\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Approfondimento \u2014 titolo indice<\/label><input type=\\\"text\\\" id=\\\"i-appr\\\" placeholder=\\\"Titolo breve\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">\u2460 Formazione<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\"><label>Titolo<\/label><input type=\\\"text\\\" id=\\\"c1-titolo\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Abstract <span class=\\\"note\\\">(2-3 righe)<\/span><\/label><textarea id=\\\"c1-abstract\\\" rows=\\\"3\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Testo completo <span class=\\\"note\\\">(riga vuota = nuovo paragrafo)<\/span><\/label><textarea id=\\\"c1-testo\\\" rows=\\\"8\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">\u2461 Opportunit\u00e0 &amp; Stage<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\"><label>Titolo<\/label><input type=\\\"text\\\" id=\\\"c2-titolo\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Abstract<\/label><textarea id=\\\"c2-abstract\\\" rows=\\\"3\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Testo completo<\/label><textarea id=\\\"c2-testo\\\" rows=\\\"8\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">\u2462 Progetti<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\"><label>Titolo<\/label><input type=\\\"text\\\" id=\\\"c3-titolo\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Abstract<\/label><textarea id=\\\"c3-abstract\\\" rows=\\\"3\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Testo completo<\/label><textarea id=\\\"c3-testo\\\" rows=\\\"8\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n    \n\n<div class=\\\"form-section\\\">\\n      \n\n<div class=\\\"form-section-head\\\" onclick=\\\"toggleSection(this)\\\">\\n        <span class=\\\"form-section-title\\\">\u2463 Approfondimento<\/span>\\n        <span class=\\\"form-section-arrow\\\">\u25bc<\/span>\\n      <\/div>\n\n\\n      \n\n<div class=\\\"form-section-body\\\">\\n        \n\n<div class=\\\"field\\\"><label>Titolo<\/label><input type=\\\"text\\\" id=\\\"c4-titolo\\\" oninput=\\\"aggiorna()\\\"><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Abstract<\/label><textarea id=\\\"c4-abstract\\\" rows=\\\"3\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n        \n\n<div class=\\\"field\\\"><label>Testo completo<\/label><textarea id=\\\"c4-testo\\\" rows=\\\"8\\\" oninput=\\\"aggiorna()\\\"><\/textarea><\/div>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n\\n  <\/div>\n\n\\n\\n  \n\n<div class=\\\"preview-panel\\\">\\n    \n\n<div class=\\\"preview-bar\\\">\\n      <span class=\\\"preview-bar-label\\\">Preview live<\/span>\\n      <span class=\\\"preview-badge\\\">Anteprima fedele al blocco YooTheme<\/span>\\n    <\/div>\n\n\\n    <iframe class=\\\"preview-frame\\\" id=\\\"preview-frame\\\"><\/iframe>\\n  <\/div>\n\n\\n<\/div>\n\n\\n\\n<script>\\n\/\/ \u2500\u2500 Accordion\\nfunction toggleSection(head) {\\n  head.closest('.form-section').classList.toggle('open');\\n}\\n\\n\/\/ \u2500\u2500 Escape HTML\\nfunction esc(s) {\\n  return (s || '').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\\\"\/g,'&quot;');\\n}\\n\\n\/\/ \u2500\u2500 Testo libero \u2192 paragrafi HTML\\nfunction testo2p(s) {\\n  if (!s || !s.trim()) return '\n\n<p>Testo dell\\\\'articolo da inserire.<\/p>\n\n';\\n  return s.trim().split(\/\\\\n\\\\s*\\\\n\/).map(function(p){\\n    return '\n\n<p>' + esc(p.trim().replace(\/\\\\n\/g,' ')) + '<\/p>\n\n';\\n  }).join('\\\\n');\\n}\\n\\n\/\/ \u2500\u2500 Leggi valore campo\\nfunction v(id) { var el = document.getElementById(id); return el ? el.value : ''; }\\n\\n\/\/ \u2500\u2500 CSS del blocco (costante separata \u2014 non dentro template literal con script)\\nvar MW_CSS = [\\n  '.margine-wrap{font-family:\\\\'Source Sans 3\\\\',Helvetica,sans-serif;font-size:16px;line-height:1.65;color:#1C1C1A;background:#FAFAF7;-webkit-font-smoothing:antialiased;}',\\n  '.margine-wrap *{box-sizing:border-box;margin:0;padding:0;}',\\n  '.mw-ribbon{background:#1C1C1A;color:#FAFAF7;font-size:11px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;padding:8px 40px;display:flex;align-items:center;justify-content:space-between;}',\\n  '.mw-ribbon-left{display:flex;align-items:center;gap:16px;}',\\n  '.mw-ribbon-date{opacity:.9;}',\\n  '.mw-ribbon-edition{color:#FF8040;border-left:1px solid rgba(255,255,255,.2);padding-left:16px;}',\\n  '.mw-ribbon-right{opacity:.5;font-size:10px;letter-spacing:.08em;}',\\n  '.mw-header{padding:32px 40px 0;border-bottom:2px solid #1C1C1A;background:#FAFAF7;}',\\n  '.mw-header-inner{max-width:960px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;}',\\n  '.mw-logo-block{display:flex;flex-direction:column;gap:2px;}',\\n  '.mw-logo-name{font-weight:600;font-size:22px;letter-spacing:-.01em;color:#1C1C1A;line-height:1;}',\\n  '.mw-logo-name span{color:#FF8040;}',\\n  '.mw-logo-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888880;}',\\n  '.mw-nl-block{text-align:center;flex:1;padding:0 24px;}',\\n  '.mw-nl-name{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-weight:400;font-size:38px;letter-spacing:.04em;color:#1C1C1A;line-height:1;}',\\n  '.mw-nl-tagline{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-style:italic;font-size:14px;color:#4A4A46;margin-top:4px;}',\\n  '.mw-nl-quote{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-style:italic;font-size:12px;color:#888880;margin-top:10px;padding-top:8px;border-top:1px solid #D8D5CE;line-height:1.45;}',\\n  '.mw-nl-quote cite{display:block;font-style:normal;font-family:\\\\'Source Sans 3\\\\',Helvetica,sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#FF8040;margin-top:4px;}',\\n  '.mw-cta-block{text-align:right;}',\\n  '.mw-btn-sub{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#FAFAF7;background:#FF8040;padding:10px 20px;border:none;transition:background .2s;}',\\n  '.mw-btn-sub:hover{background:#e56a2a;}',\\n  '.mw-cta-note{font-size:10px;color:#888880;margin-top:6px;}',\\n  '.mw-strip{background:#F5F3EE;border-bottom:1px solid #D8D5CE;padding:0 40px;}',\\n  '.mw-strip-inner{max-width:960px;margin:0 auto;display:flex;}',\\n  '.mw-tab{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#4A4A46;padding:10px 20px;border-right:1px solid #D8D5CE;text-decoration:none;display:inline-flex;align-items:center;transition:color .15s;}',\\n  '.mw-tab:first-child{padding-left:0;}',\\n  '.mw-tab-active{color:#FF8040;border-bottom:2px solid #FF8040;margin-bottom:-1px;}',\\n  '.mw-tab-ext{border-right:none;color:#888880;}',\\n  '.mw-tab:hover:not(.mw-tab-active){color:#1C1C1A;}',\\n  '.mw-hero{max-width:960px;margin:0 auto;padding:56px 40px 40px;display:grid;grid-template-columns:1fr 300px;gap:48px;border-bottom:1px solid #D8D5CE;background:#FAFAF7;}',\\n  '.mw-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF8040;margin-bottom:16px;}',\\n  '.mw-title{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-weight:300;font-size:56px;line-height:1.05;color:#1C1C1A;margin-bottom:20px;}',\\n  '.mw-title em{font-style:italic;color:#FF8040;}',\\n  '.mw-intro{font-size:16px;color:#4A4A46;line-height:1.7;max-width:520px;margin-bottom:28px;}',\\n  '.mw-read-btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#1C1C1A;border-bottom:2px solid #FF8040;padding-bottom:3px;transition:color .2s;}',\\n  '.mw-read-btn:hover{color:#FF8040;}',\\n  '.mw-aside{padding-top:8px;}',\\n  '.mw-aside-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#888880;border-top:1px solid #D8D5CE;padding-top:14px;margin-bottom:16px;}',\\n  '.mw-aside-list{list-style:none;}',\\n  '.mw-aside-list li{border-bottom:1px solid #D8D5CE;padding:12px 0;}',\\n  '.mw-aside-list li:last-child{border-bottom:none;}',\\n  '.mw-aside-cat{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#FF8040;margin-bottom:4px;}',\\n  '.mw-aside-title{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-size:17px;line-height:1.2;color:#1C1C1A;}',\\n  '.mw-sezioni{max-width:960px;margin:0 auto;padding:40px 40px 0;background:#FAFAF7;}',\\n  '.mw-sezioni-hd{display:flex;align-items:center;gap:16px;margin-bottom:28px;}',\\n  '.mw-sezioni-rule{flex:1;height:1px;background:#D8D5CE;}',\\n  '.mw-sezioni-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#888880;flex-shrink:0;}',\\n  '.mw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #D8D5CE;}',\\n  '.mw-card{padding:28px 28px 24px;border-right:1px solid #D8D5CE;border-bottom:1px solid #D8D5CE;background:#FAFAF7;transition:background .2s;}',\\n  '.mw-card:nth-child(even){border-right:none;}',\\n  '.mw-card:nth-last-child(-n+2){border-bottom:none;}',\\n  '.mw-card:hover{background:#FFF0E8;}',\\n  '.mw-card-cat{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FAFAF7;background:#FF8040;padding:3px 8px;margin-bottom:14px;}',\\n  '.mw-card-title{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;color:#1C1C1A;margin-bottom:10px;}',\\n  '.mw-card-abstract{font-size:14px;color:#4A4A46;line-height:1.6;margin-bottom:4px;}',\\n  '.mw-card-full{max-height:0;overflow:hidden;transition:max-height .45s ease;}',\\n  '.mw-card.mw-expanded .mw-card-full{max-height:4000px;}',\\n  '.mw-card-full-inner{padding-top:16px;border-top:1px solid #D8D5CE;margin-top:12px;font-size:14px;color:#4A4A46;line-height:1.75;}',\\n  '.mw-card-full-inner p+p{margin-top:12px;}',\\n  '.mw-toggle{display:inline-flex;align-items:center;gap:5px;font-family:\\\\'Source Sans 3\\\\',Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FF8040;background:none;border:none;border-bottom:1px solid #FF8040;padding:0 0 1px;cursor:pointer;transition:color .15s;margin-top:14px;}',\\n  '.mw-toggle:hover{color:#1C1C1A;border-bottom-color:#1C1C1A;}',\\n  '.mw-toggle-icon{display:inline-block;transition:transform .35s ease;}',\\n  '.mw-card.mw-expanded .mw-toggle-icon{transform:rotate(180deg);}',\\n  '.mw-cta{background:#1C1C1A;margin:48px 0 0;padding:56px 40px;}',\\n  '.mw-cta-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}',\\n  '.mw-cta-overline{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF8040;margin-bottom:12px;}',\\n  '.mw-cta-headline{font-family:\\\\'Cormorant Garamond\\\\',Georgia,serif;font-weight:300;font-size:40px;line-height:1.1;color:#FAFAF7;margin-bottom:14px;}',\\n  '.mw-cta-headline em{font-style:italic;color:#FF8040;}',\\n  '.mw-cta-desc{font-size:14px;color:rgba(250,250,247,.6);line-height:1.65;}',\\n  '.mw-cta-form-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.5);margin-bottom:10px;}',\\n  '.mw-cta-form-desc{font-size:14px;color:rgba(250,250,247,.6);line-height:1.65;margin-bottom:20px;}',\\n  '.mw-cta-link{display:inline-block;padding:14px 28px;background:#FF8040;color:#FAFAF7;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s;}',\\n  '.mw-cta-link:hover{background:#e56a2a;}',\\n  '.mw-cta-privacy{font-size:11px;color:rgba(250,250,247,.35);margin-top:14px;line-height:1.4;}',\\n  '.mw-cta-privacy a{color:rgba(250,250,247,.5);}',\\n  '.mw-social{border-bottom:1px solid #D8D5CE;background:#FAFAF7;}',\\n  '.mw-social-inner{max-width:960px;margin:0 auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;}',\\n  '.mw-social-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#888880;}',\\n  '.mw-social-links{display:flex;gap:20px;}',\\n  '.mw-social-link{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#4A4A46;transition:color .15s;}',\\n  '.mw-social-link::before{content:\\\"\\\\\\\\2192 \\\";color:#FF8040;}',\\n  '.mw-social-link:hover{color:#FF8040;}',\\n  '.mw-footer{background:#F5F3EE;border-top:2px solid #1C1C1A;}',\\n  '.mw-footer-inner{max-width:960px;margin:0 auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;}',\\n  '.mw-footer-brand{font-size:14px;font-weight:600;color:#1C1C1A;}',\\n  '.mw-footer-brand span{color:#FF8040;}',\\n  '.mw-footer-legal{font-size:11px;color:#888880;line-height:1.5;text-align:center;flex:1;}',\\n  '.mw-footer-legal a{color:#FF8040;text-decoration:none;border-bottom:1px solid currentColor;}',\\n  '.mw-footer-actions{text-align:right;font-size:11px;}',\\n  '.mw-footer-actions a{display:block;color:#4A4A46;text-decoration:none;margin-bottom:4px;}',\\n  '.mw-footer-actions a:hover{color:#FF8040;}',\\n  '@media(max-width:768px){',\\n  '.mw-ribbon{padding:8px 20px;flex-direction:column;gap:4px;text-align:center;}',\\n  '.mw-header{padding:24px 20px 0;}',\\n  '.mw-header-inner{flex-direction:column;align-items:center;gap:16px;text-align:center;}',\\n  '.mw-strip{padding:0 20px;overflow-x:auto;}',\\n  '.mw-hero{grid-template-columns:1fr;gap:32px;padding:32px 20px;}',\\n  '.mw-aside{border-top:1px solid #D8D5CE;padding-top:24px;}',\\n  '.mw-title{font-size:38px;}',\\n  '.mw-sezioni{padding:32px 20px 0;}',\\n  '.mw-grid{grid-template-columns:1fr;}',\\n  '.mw-card:nth-child(even){border-right:1px solid #D8D5CE;}',\\n  '.mw-card:nth-last-child(-n+2){border-bottom:1px solid #D8D5CE;}',\\n  '.mw-card:last-child{border-bottom:none;}',\\n  '.mw-cta{padding:40px 20px;}',\\n  '.mw-cta-inner{grid-template-columns:1fr;gap:28px;}',\\n  '.mw-cta-headline{font-size:30px;}',\\n  '.mw-social-inner{padding:24px 20px;flex-direction:column;gap:12px;text-align:center;}',\\n  '.mw-footer-inner{flex-direction:column;text-align:center;}',\\n  '}'\\n].join('\\\\n');\\n\\n\/\/ \u2500\u2500 JS del blocco (costante separata)\\nvar MW_JS = [\\n  '(function(){',\\n  '  var G=[\\\"domenica\\\",\\\"lunedi\\\",\\\"martedi\\\",\\\"mercoledi\\\",\\\"giovedi\\\",\\\"venerdi\\\",\\\"sabato\\\"];',\\n  '  var M=[\\\"gennaio\\\",\\\"febbraio\\\",\\\"marzo\\\",\\\"aprile\\\",\\\"maggio\\\",\\\"giugno\\\",\\\"luglio\\\",\\\"agosto\\\",\\\"settembre\\\",\\\"ottobre\\\",\\\"novembre\\\",\\\"dicembre\\\"];',\\n  '  var o=new Date(), el=document.getElementById(\\\"mw-date\\\");',\\n  '  if(el){var s=G[o.getDay()];s=s.charAt(0).toUpperCase()+s.slice(1)+\\\" \\\"+o.getDate()+\\\" \\\"+M[o.getMonth()]+\\\" \\\"+o.getFullYear();el.textContent=s.toUpperCase();}',\\n  '  window.mwToggle=function(btn){',\\n  '    var card=btn.closest(\\\".mw-card\\\");',\\n  '    var exp=card.classList.toggle(\\\"mw-expanded\\\");',\\n  '    btn.firstChild.textContent=exp?\\\"Riduci \\\":\\\"Leggi tutto \\\";',\\n  '    if(exp) setTimeout(function(){card.scrollIntoView({behavior:\\\"smooth\\\",block:\\\"nearest\\\"});},60);',\\n  '  };',\\n  '  document.querySelectorAll(\\\"a[href^=\\\\'#\\\\']\\\").forEach(function(a){',\\n  '    a.addEventListener(\\\"click\\\",function(e){',\\n  '      var t=document.querySelector(a.getAttribute(\\\"href\\\"));',\\n  '      if(t){e.preventDefault();t.scrollIntoView({behavior:\\\"smooth\\\",block:\\\"start\\\"});}',\\n  '    });',\\n  '  });',\\n  '})();'\\n].join('\\\\n');\\n\\n\/\/ \u2500\u2500 Genera il blocco HTML per YooTheme\\nfunction generaHTML() {\\n  var num   = esc(v('f-num'))    || '1';\\n  var mese  = esc(v('f-mese'))   || 'Edizione corrente';\\n  var tit1  = esc(v('f-titolo1')) || 'Il titolo';\\n  var tit2  = esc(v('f-titolo2')) || \\\"dell'edizione\\\";\\n  var intro = esc(v('f-intro'))  || \\\"Testo introduttivo dell'edizione.\\\";\\n  var i1 = esc(v('i-form'))  || 'Articolo formazione';\\n  var i2 = esc(v('i-opp'))   || 'Articolo opportunita';\\n  var i3 = esc(v('i-prog'))  || 'Articolo progetti';\\n  var i4 = esc(v('i-appr'))  || 'Articolo approfondimento';\\n\\n  var cards = [\\n    { id:'formazione',     cat:'Formazione',              t:v('c1-titolo'), ab:v('c1-abstract'), tx:v('c1-testo') },\\n    { id:'opportunita',    cat:'Opportunit\\\\u00e0 &amp; Stage', t:v('c2-titolo'), ab:v('c2-abstract'), tx:v('c2-testo') },\\n    { id:'progetti',       cat:'Progetti',                t:v('c3-titolo'), ab:v('c3-abstract'), tx:v('c3-testo') },\\n    { id:'approfondimento',cat:'Approfondimento',         t:v('c4-titolo'), ab:v('c4-abstract'), tx:v('c4-testo') }\\n  ];\\n\\n  var cardsHTML = cards.map(function(c) {\\n    return '\n\n<div class=\\\"mw-card\\\" id=\\\"' + c.id + '\\\">\\\\n' +\\n      '  \n\n<div class=\\\"mw-card-cat\\\">' + c.cat + '<\/div>\n\n\\\\n' +\\n      '  \n\n<h2 class=\\\"mw-card-title\\\">' + (esc(c.t) || 'Titolo articolo') + '<\/h2>\n\n\\\\n' +\\n      '  \n\n<p class=\\\"mw-card-abstract\\\">' + (esc(c.ab) || \\\"Abstract dell'articolo.\\\") + '<\/p>\n\n\\\\n' +\\n      '  \n\n<div class=\\\"mw-card-full\\\">\n\n<div class=\\\"mw-card-full-inner\\\">\\\\n' +\\n      testo2p(c.tx) +\\n      '\\\\n  <\/div>\n\n<\/div>\n\n\\\\n' +\\n      '  <button class=\\\"mw-toggle\\\" onclick=\\\"mwToggle(this)\\\">Leggi tutto <span class=\\\"mw-toggle-icon\\\">\\\\u2193<\/span><\/button>\\\\n' +\\n      '<\/div>\n\n';\\n  }).join('\\\\n');\\n\\n  \/\/ Usiamo \\\\x3c e \\\\x3e per < e > nei tag script\/style per evitare che il parser\\n  \/\/ HTML chiuda prematuramente il tag <script> di questo editor\\n  var SO = '\\\\x3cstyle\\\\x3e';\\n  var SC = '\\\\x3c\/style\\\\x3e';\\n  var JO = '\\\\x3cscript\\\\x3e';\\n  var JC = '\\\\x3c\/script\\\\x3e';\\n  var LK = '<link href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Source+Sans+3:wght@300;400;600&display=swap\\\" rel=\\\"stylesheet\\\">';\\n\\n  var html = LK + '\\\\n\\\\n\n\n<div class=\\\"margine-wrap\\\">\\\\n\\\\n' +\\n    '<!-- RIBBON -->\\\\n' +\\n    '<\/p>\n<div class=\\\"mw-ribbon\\\">\n<div class=\\\"mw-ribbon-left\\\">' +\\n    '<span class=\\\"mw-ribbon-date\\\" id=\\\"mw-date\\\">\\\\u2014<\/span>' +\\n    '<span class=\\\"mw-ribbon-edition\\\">N. ' + num + ' \\\\u00b7 ' + mese + '<\/span>' +\\n    '<\/div>\n<div class=\\\"mw-ribbon-right\\\">Co.Ver.Fo.P. \\\\u00b7 Vercelli<\/div>\n<\/div>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- HEADER -->\\\\n' +\\n    '<\/p>\n<header class=\\\"mw-header\\\">\n<div class=\\\"mw-header-inner\\\">' +\\n    '<\/p>\n<div class=\\\"mw-logo-block\\\">\n<div class=\\\"mw-logo-name\\\">Cover<span>fop<\/span><\/div>\n<div class=\\\"mw-logo-sub\\\">Consorzio Vercellese Formazione Professionale<\/div>\n<\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-nl-block\\\">\n<div class=\\\"mw-nl-name\\\">Margine<\/div>\n<div class=\\\"mw-nl-tagline\\\">La newsletter di Coverfop<\/div>\n<p>' +\\n    '<\/p>\n<blockquote class=\\\"mw-nl-quote\\\"><p>Non si capisce una cosa finch\\\\u00e9 non la si \\\\u00e8 anche vissuta.<cite>Cesare Pavese<\/cite><\/p><\/blockquote>\n<\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-cta-block\\\"><a href=\\\"https:\/\/www.coverfop.it\/index.php\/iscrizione-newsletter\/\\\" class=\\\"mw-btn-sub\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Iscriviti<\/a>' +\\n    '<\/p>\n<div class=\\\"mw-cta-note\\\">Gratuita \\\\u00b7 Disdici quando vuoi<\/div>\n<\/div>\n<p>' +\\n    '<\/p><\/div>\n<\/header>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- STRIP -->\\\\n' +\\n    '<\/p>\n<div class=\\\"mw-strip\\\">\n<div class=\\\"mw-strip-inner\\\">' +\\n    '<a href=\\\"#formazione\\\" class=\\\"mw-tab mw-tab-active\\\">Formazione<\/a>' +\\n    '<a href=\\\"#opportunita\\\" class=\\\"mw-tab\\\">Opportunit\\\\u00e0 &amp; Stage<\/a>' +\\n    '<a href=\\\"#progetti\\\" class=\\\"mw-tab\\\">Progetti<\/a>' +\\n    '<a href=\\\"#approfondimento\\\" class=\\\"mw-tab\\\">Approfondimento<\/a>' +\\n    '<a href=\\\"https:\/\/www.coverfop.it\/index.php\/agenda\/\\\" class=\\\"mw-tab mw-tab-ext\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Agenda \\\\u2197<\/a>' +\\n    '<\/div>\n<\/div>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- HERO -->\\\\n' +\\n    '<\/p>\n<section class=\\\"mw-hero\\\">\n<div class=\\\"mw-hero-main\\\">' +\\n    '<\/p>\n<div class=\\\"mw-eyebrow\\\">Edizione di ' + mese + '<\/div>\n<p>' +\\n    '<\/p>\n<h1 class=\\\"mw-title\\\">' + tit1 + '<br \/><em>' + tit2 + '<\/em><\/h1>\n<p>' +\\n    '<\/p>\n<p class=\\\"mw-intro\\\">' + intro + '<\/p>\n<p>' +\\n    '<a href=\\\"#contenuto\\\" class=\\\"mw-read-btn\\\">Leggi questo numero \\\\u2193<\/a>' +\\n    '<\/div>\n<aside class=\\\"mw-aside\\\">\n<div class=\\\"mw-aside-label\\\">In questo numero<\/div>\n<p>' +\\n    '<\/p>\n<ul class=\\\"mw-aside-list\\\">' +\\n    '<\/p>\n<li>\n<div class=\\\"mw-aside-cat\\\">Formazione<\/div>\n<div class=\\\"mw-aside-title\\\">' + i1 + '<\/div>\n<\/li>\n<p>' +\\n    '<\/p>\n<li>\n<div class=\\\"mw-aside-cat\\\">Opportunit\\\\u00e0 &amp; Stage<\/div>\n<div class=\\\"mw-aside-title\\\">' + i2 + '<\/div>\n<\/li>\n<p>' +\\n    '<\/p>\n<li>\n<div class=\\\"mw-aside-cat\\\">Progetti<\/div>\n<div class=\\\"mw-aside-title\\\">' + i3 + '<\/div>\n<\/li>\n<p>' +\\n    '<\/p>\n<li>\n<div class=\\\"mw-aside-cat\\\">Approfondimento<\/div>\n<div class=\\\"mw-aside-title\\\">' + i4 + '<\/div>\n<\/li>\n<p>' +\\n    '<\/ul>\n<\/aside>\n<\/section>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- ARTICOLI -->\\\\n' +\\n    '<\/p>\n<section class=\\\"mw-sezioni\\\" id=\\\"contenuto\\\">' +\\n    '<\/p>\n<div class=\\\"mw-sezioni-hd\\\">\n<div class=\\\"mw-sezioni-rule\\\"><\/div>\n<div class=\\\"mw-sezioni-label\\\">I contenuti di questo numero<\/div>\n<div class=\\\"mw-sezioni-rule\\\"><\/div>\n<\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-grid\\\">\\\\n' + cardsHTML + '\\\\n<\/div>\n<\/section>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- CTA -->\\\\n' +\\n    '<\/p>\n<section class=\\\"mw-cta\\\">\n<div class=\\\"mw-cta-inner\\\">' +\\n    '<\/p>\n<div class=\\\"mw-cta-text\\\">\n<div class=\\\"mw-cta-overline\\\">Rimani aggiornato<\/div>\n<p>' +\\n    '<\/p>\n<h2 class=\\\"mw-cta-headline\\\">Non perderti<br \/><em>il prossimo numero<\/em><\/h2>\n<p>' +\\n    '<\/p>\n<p class=\\\"mw-cta-desc\\\">Margine arriva ogni mese direttamente nella tua casella. Formazione professionale, bandi regionali, notizie dal territorio: tutto quello che serve, senza rumore.<\/p>\n<\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-cta-form\\\">\n<div class=\\\"mw-cta-form-label\\\">Iscriviti gratuitamente<\/div>\n<p>' +\\n    '<\/p>\n<p class=\\\"mw-cta-form-desc\\\">Compila il modulo di iscrizione: bastano nome e indirizzo email. Puoi disiscriverti in qualsiasi momento.<\/p>\n<p>' +\\n    '<a href=\\\"https:\/\/www.coverfop.it\/index.php\/iscrizione-newsletter\/\\\" class=\\\"mw-cta-link\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Vai al modulo di iscrizione \\\\u2192<\/a>' +\\n    '<\/p>\n<p class=\\\"mw-cta-privacy\\\">Trattamento dati ai sensi dell\\\\'art. 13 GDPR. <a href=\\\"#\\\">Privacy policy<\/a> \\\\u00b7 <a href=\\\"#\\\">Informativa newsletter<\/a><\/p>\n<p>' +\\n    '<\/p><\/div>\n<\/div>\n<\/section>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- SOCIAL -->\\\\n' +\\n    '<\/p>\n<div class=\\\"mw-social\\\">\n<div class=\\\"mw-social-inner\\\">\n<div class=\\\"mw-social-label\\\">Seguici anche su<\/div>\n<div class=\\\"mw-social-links\\\">' +\\n    '<a href=\\\"https:\/\/www.facebook.com\/coverfop.vercelli\/\\\" class=\\\"mw-social-link\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Facebook<\/a>' +\\n    '<a href=\\\"https:\/\/www.instagram.com\/coverfop\/\\\" class=\\\"mw-social-link\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Instagram<\/a>' +\\n    '<a href=\\\"https:\/\/x.com\/coverfop\\\" class=\\\"mw-social-link\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">X<\/a>' +\\n    '<a href=\\\"https:\/\/www.tiktok.com\/@coverfop22\\\" class=\\\"mw-social-link\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">TikTok<\/a>' +\\n    '<\/div>\n<\/div>\n<\/div>\n<p>\\\\n\\\\n' +\\n\\n    '<!-- FOOTER -->\\\\n' +\\n    '<\/p>\n<footer class=\\\"mw-footer\\\">\n<div class=\\\"mw-footer-inner\\\">' +\\n    '<\/p>\n<div class=\\\"mw-footer-brand\\\">Cover<span>fop<\/span><\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-footer-legal\\\">Co.Ver.Fo.P. \\\\u2014 Consorzio Vercellese Formazione Professionale<br \/>' +\\n    'Trattamento dati: <a href=\\\"#\\\">privacy policy<\/a> \\\\u00b7 DPO: Prof. Claudio Maria Osenga \\\\u00b7 <a href=\\\"mailto:privacy@coverfop.it\\\">privacy@coverfop.it<\/a><\/div>\n<p>' +\\n    '<\/p>\n<div class=\\\"mw-footer-actions\\\"><a href=\\\"mailto:privacy@coverfop.it?subject=Disiscrizione newsletter\\\">Disiscriviti<\/a><a href=\\\"https:\/\/www.coverfop.it\\\">coverfop.it<\/a><\/div>\n<p>' +\\n    '<\/p><\/div>\n<\/footer>\n<p>\\\\n\\\\n<\/p><\/div>\n<p>\\\\n\\\\n' +\\n\\n    SO + '\\\\n' + MW_CSS + '\\\\n' + SC + '\\\\n\\\\n' +\\n    JO + '\\\\n' + MW_JS + '\\\\n' + JC;\\n\\n  return html;\\n}\\n\\n\/\/ \u2500\u2500 Preview live con debounce\\nvar debounceTimer;\\nfunction aggiorna() {\\n  clearTimeout(debounceTimer);\\n  debounceTimer = setTimeout(function() {\\n    var html = generaHTML();\\n    var frame = document.getElementById('preview-frame');\\n    frame.srcdoc = '<!DOCTYPE html><html lang=\\\"it\\\"><head><meta charset=\\\"UTF-8\\\"><meta name=\\\"viewport\\\" content=\\\"width=device-width,initial-scale=1\\\"><\/head><body style=\\\"margin:0;background:#e8e6e0;padding:20px 0;\\\">' + html + '<\/body><\/html>';\\n  }, 150);\\n}\\n\\n\/\/ \u2500\u2500 Copia HTML negli appunti\\nfunction copiaHTML() {\\n  var html = generaHTML();\\n  navigator.clipboard.writeText(html).then(function() {\\n    var el = document.getElementById('copy-ok');\\n    el.classList.add('show');\\n    setTimeout(function(){ el.classList.remove('show'); }, 2500);\\n  });\\n}\\n\\n\/\/ \u2500\u2500 Init\\naggiorna();\\n<\/script>\\n<\/body>\\n<\/html>\\n&#8221;}}]}]}]}],&#8221;version&#8221;:&#8221;5.0.32&#8243;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Margine \u2014 Editor mensile Coverfop Margine \u2014 editor mensile \u2713 Copiato Copia HTML per YooTheme Testata \u25bc Numero edizione Mese e anno Hero \u25bc Titolo \u2014 parte normale Titolo \u2014 parte in corsivo arancio Testo introduttivo Indice &#8220;In questo numero&#8221; \u25bc Formazione \u2014 titolo indice Opportunit\u00e0 &amp; Stage \u2014 titolo indice Progetti \u2014 titolo indice [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-15336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/pages\/15336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/comments?post=15336"}],"version-history":[{"count":2,"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/pages\/15336\/revisions"}],"predecessor-version":[{"id":15338,"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/pages\/15336\/revisions\/15338"}],"wp:attachment":[{"href":"https:\/\/www.coverfop.it\/index.php\/wp-json\/wp\/v2\/media?parent=15336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}