/* SpotESG – stile delle pagine per argomento e delle pagine scheda (nessuno script) */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/bricolage-grotesque-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/bricolage-grotesque-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/figtree-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/figtree-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/figtree-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/figtree-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/figtree-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/figtree-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0b2a3d;--mut:#4a6272;--bg:#eef2f7;--pn:#fbfcfe;--ln:#d3dce6;--ok:#0a7a55;--okb:#d6f0e4;--ac:#0f5fa6;--acf:#fff;--g1:rgba(255,255,255,.55);--gl:rgba(255,255,255,.75);--gsh:0 8px 24px rgba(20,33,61,.06)}
@media(prefers-color-scheme:dark){:root{--ink:#e3f1f0;--mut:#9bb7bd;--bg:#0b1620;--pn:#122230;--ln:#243a4c;--ok:#5fe0b0;--okb:#0f3b32;--ac:#6cb8ff;--acf:#07192a;--g1:rgba(22,34,50,.66);--gl:rgba(255,255,255,.11);--gsh:0 10px 30px rgba(0,0,0,.35)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
.btn,.tbn,.tbc,.logo,.chips a,.ca{-webkit-user-select:none;user-select:none}
body{margin:0;font:16px/1.6 "Figtree",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#edf2f4,#e4ebee);background-attachment:fixed;overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){body{background:var(--bg)}}
a{color:var(--ac)}
.skip{position:absolute;left:-999px;top:8px;background:var(--pn);padding:8px 12px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
.tb{position:sticky;top:8px;z-index:20;width:calc(100% - 16px);margin:8px auto 0;border-radius:20px;background:rgba(244,248,250,.82);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 6px 20px rgba(20,33,61,.08)}
@media(prefers-color-scheme:dark){.tb{background:rgba(22,34,50,.82);border-color:rgba(255,255,255,.1)}}
.tbi{max-width:1160px;margin:0 auto;padding:0 20px;min-height:60px;display:flex;align-items:center;gap:14px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.015em;flex:none}
.logo i{position:relative;width:11px;height:11px;border-radius:50%;background:#2fbf8a}
.logo i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2fbf8a;animation:lp 2s ease-out infinite}
.logo b{color:#0a7a6a}
@media(prefers-color-scheme:dark){.logo b{color:#8eead2}}
@keyframes lp{0%{transform:scale(1);opacity:.75}80%,100%{transform:scale(2.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.logo i::after{animation:none}}
.tbn{display:flex;gap:2px;margin:0 auto}
.tbn a{padding:7px 11px;border-radius:99px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap}
.tbn a:hover,.tbn a[aria-current=page]{background:rgba(255,255,255,.8);color:var(--ac)}
@media(prefers-color-scheme:dark){.tbn a:hover,.tbn a[aria-current=page]{background:rgba(255,255,255,.1)}}
.tbc{flex:none;padding:8px 16px;border-radius:99px;background:var(--ac);color:var(--acf);text-decoration:none;font-weight:700;font-size:.92rem}
@media(max-width:1060px){.tbn{display:none}.tbc{margin-left:auto}}
main{max-width:980px;margin:0 auto;padding:22px 16px 40px}
.bc{font-size:.85rem;color:var(--mut);margin:6px 0 18px}
.bc a{color:var(--mut)}
h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
h2{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:1.25rem;margin:34px 0 12px}
.lead{font-size:1.06rem;color:var(--mut);max-width:70ch;margin:0 0 10px}
.meta{font-size:.88rem;color:var(--mut);margin:0 0 16px}
.eb{margin:0 0 6px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ok)}
.en{margin:2px 0 0;color:var(--mut);font-size:.95rem}
.en.big{font-size:1.05rem;margin:0 0 14px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:99px;border:1px solid var(--ac);background:var(--ac);color:var(--acf);font-weight:700;text-decoration:none;font-size:.95rem}
.btn.g{background:transparent;color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,transparent)}
.btn:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--ac) 55%,transparent);outline-offset:2px}
.cards{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--g1);border:1px solid var(--gl);box-shadow:var(--gsh);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.card h3{margin:0;font-size:1.04rem;line-height:1.3}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--ln);text-underline-offset:4px}
.ca{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.ext{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none}
.tags,.bds{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tags span{font-size:.8rem;padding:3px 10px;border-radius:99px;border:1px solid var(--ln);color:var(--mut)}
.bds{margin:0 0 16px}
.bds span{font-size:.82rem;padding:4px 12px;border-radius:99px;background:var(--okb);color:#05573c;font-weight:600}
@media(prefers-color-scheme:dark){.bds span{color:var(--ok)}}
.acts{margin:0 0 18px}
dl.f{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:10px 18px;margin:0;padding:18px;border-radius:18px;background:var(--g1);border:1px solid var(--gl)}
dl.f dt{font-weight:700;color:var(--mut);font-size:.9rem}
dl.f dd{margin:0}
.src{font-size:.88rem;color:var(--mut);margin:14px 0}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:7px 14px;border-radius:99px;background:var(--g1);border:1px solid var(--gl);text-decoration:none;font-weight:600;font-size:.9rem;color:var(--ink)}
.pf{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pf h2{margin-top:22px}
.pf ul{margin:0;padding-left:18px}
.prose{max-width:72ch}
.prose h2{font-size:1.1rem;margin:26px 0 6px}
.prose p{margin:0 0 10px}
footer{border-top:1px solid var(--ln);margin-top:20px}
.fi{max-width:980px;margin:0 auto;padding:22px 16px 40px;font-size:.88rem;color:var(--mut)}
.fa{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0}
.fa a{color:var(--mut)}
.fl a{margin-right:16px;color:var(--ink);font-weight:700;text-decoration:none}
@media(max-width:640px){.card{flex-direction:column;align-items:flex-start}.ca{flex-direction:row;align-items:center;flex-wrap:wrap}dl.f{grid-template-columns:1fr;gap:2px}dl.f dd{margin-bottom:10px}.pf{grid-template-columns:1fr}.tbi{padding:0 14px}.tbc{padding:7px 12px;font-size:.85rem}}
@media(prefers-reduced-transparency:reduce){.tb,.card,dl.f,.chips a{background:var(--pn);-webkit-backdrop-filter:none;backdrop-filter:none}}