/* CNSBII UX-01 · 378A · Navigazione dossier: strumenti per indici orizzontali. */
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:stretch;
  column-gap:0;
  width:100%;
  overflow:visible;
  isolation:isolate;
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .mtx-nav{
  min-width:0;
  width:100%;
  max-width:none;
  margin:0;
  padding-inline:clamp(8px,1.2vw,20px);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#64748b transparent;
  scroll-padding-inline:16px;
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .mtx-nav::-webkit-scrollbar{display:block;height:5px}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .mtx-nav::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:0}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-left{
  display:flex;align-items:stretch;min-width:0;
  border-right:1px solid rgba(16,21,30,.17);
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details{position:static;min-width:0}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details>summary{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;height:100%;padding:10px 15px;
  list-style:none;cursor:pointer;
  background:#102c3b;color:#fff;
  font:700 .82rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing:.01em;
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details>summary::-webkit-details-marker{display:none}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details>summary::after{content:'▾';font-size:.8rem}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details[open]>summary::after{content:'▴'}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-panel{
  position:absolute;z-index:75;top:calc(100% + 4px);left:clamp(8px,2vw,32px);
  width:min(620px,calc(100vw - 16px));max-height:min(65dvh,540px);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;
  gap:2px;padding:12px;overflow-y:auto;
  background:#fff;color:#15202a;border:1px solid #b8c5cd;
  box-shadow:0 20px 44px rgba(8,24,40,.25);
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-panel a{
  display:block;padding:12px 14px;min-height:44px;
  font:650 .85rem/1.4 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#102c3b;background:#f1f5f7;text-decoration:none;overflow-wrap:anywhere;
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-panel a:hover,
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-panel a:focus-visible{background:#dceaf0}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow{
  display:grid;place-items:center;flex:none;
  min-height:52px;width:48px;padding:0;
  border:0;border-right:1px solid rgba(16,21,30,.14);border-radius:0;
  color:#0e2834;background:#e3ecf0;cursor:pointer;
  font:700 1.6rem/1 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  box-shadow:none;transition:background .16s ease;
}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow:last-child{border-right:0;border-left:1px solid rgba(16,21,30,.14)}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow:hover:not(:disabled){background:#c5dbe4}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow:disabled{color:#6c7883;background:#edf0f2;cursor:default;opacity:.65}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced :is(summary,button,a):focus-visible{outline:3px solid #c57b00;outline-offset:-3px}
body.public-article-page .mtx-nav-wrap.cnsnav-enhanced [hidden]{display:none!important}
@media(max-width:720px){
  body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-details>summary{min-height:48px;padding-inline:10px;font-size:.75rem}
  body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow{min-height:48px;width:42px}
  body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .mtx-nav a{min-height:48px;display:inline-flex;align-items:center}
  body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-panel{left:8px;grid-template-columns:minmax(0,1fr);max-height:65dvh;padding:8px}
}
@media(prefers-reduced-motion:reduce){body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow{transition:none}}
@media print{body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-left,body.public-article-page .mtx-nav-wrap.cnsnav-enhanced .cnsnav-arrow{display:none!important}body.public-article-page .mtx-nav-wrap.cnsnav-enhanced{display:block!important}}

/* UX-02 · Calore + capitoli editoriali. Solo contenitori attivati dallo script. */
body.public-article-page.is-calore-longform .mtx-nav-wrap.cnsnav-enhanced,
body.public-article-page.is-calore-longform .calore-nav-wrap.cnsnav-enhanced.is-calore-fixed{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:stretch!important;
}
body.public-article-page.is-calore-longform .mtx-nav-wrap.cnsnav-enhanced .mtx-nav,
body.public-article-page.is-calore-longform .calore-nav-wrap.cnsnav-enhanced.is-calore-fixed .mtx-nav{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding-inline:12px!important;overflow-x:auto!important;
  scrollbar-width:thin!important;
}
body.public-article-page.is-calore-longform .mtx-nav-wrap.cnsnav-enhanced .mtx-nav::-webkit-scrollbar{display:block!important;height:5px!important}
body.public-article-page .cnsnav-secondary-host{
  position:sticky;top:0;z-index:47;display:grid;
  grid-template-columns:auto minmax(0,1fr);align-items:stretch;
  width:100%;min-width:0;max-width:100%;overflow:visible;
  border-bottom:1px solid rgba(15,23,42,.16);background:#f7f8f8;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-secondary-tools{
  display:flex;align-items:stretch;position:relative;min-width:0;z-index:5;
  background:#f1f5f7;border-right:1px solid #cbd5e1;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-details{position:static;min-width:0}
body.public-article-page .cnsnav-secondary-host .cnsnav-details>summary{
  display:flex;gap:5px;align-items:center;justify-content:center;
  min-height:50px;padding:10px 12px;cursor:pointer;list-style:none;
  color:#fff;background:#143645;font:700 .8rem/1.25 system-ui,sans-serif;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-details>summary::after{content:'▾'}
body.public-article-page .cnsnav-secondary-host .cnsnav-details[open]>summary::after{content:'▴'}
body.public-article-page .cnsnav-secondary-host .cnsnav-details>summary::-webkit-details-marker{display:none}
body.public-article-page .cnsnav-secondary-host .cnsnav-arrow{
  display:grid;place-items:center;width:44px;min-height:50px;padding:0;
  border:0;border-right:1px solid #cbd5e1;border-radius:0;
  background:#dce9ed;color:#16303b;font:700 1.4rem/1 system-ui,sans-serif;
  box-shadow:none;cursor:pointer;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-arrow:disabled{background:#ebeff1;color:#6b7280;cursor:default}
body.public-article-page .cnsnav-secondary-host .cnsnav-secondary-scroll{
  position:relative!important;top:auto!important;left:auto!important;z-index:1!important;
  display:flex!important;justify-content:flex-start!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:#64748b transparent;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-secondary-scroll>a{flex-shrink:0}
body.public-article-page .cnsnav-secondary-host .cnsnav-panel{
  position:absolute;top:calc(100% + 3px);left:8px;z-index:100;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;
  align-content:start;width:min(600px,calc(100vw - 16px));
  max-height:min(65dvh,520px);overflow:auto;padding:10px;
  background:#fff;color:#15202a;border:1px solid #bac6cd;
  box-shadow:0 15px 35px rgba(8,24,40,.22);
}
body.public-article-page .cnsnav-secondary-host .cnsnav-panel a{
  display:flex;align-items:center;min-height:44px;padding:10px 12px;
  color:#143645;background:#edf3f6;text-decoration:none;
  font:650 .84rem/1.4 system-ui,sans-serif;overflow-wrap:anywhere;
}
body.public-article-page .cnsnav-secondary-host .cnsnav-panel a:hover,
body.public-article-page .cnsnav-secondary-host .cnsnav-panel a:focus-visible{background:#d8e8ed}
body.public-article-page .cnsnav-secondary-host :is(summary,button,a):focus-visible{outline:3px solid #cc7a00;outline-offset:-3px}
body.public-article-page .cnsnav-secondary-host [hidden]{display:none!important}
body.public-article-page .cnsnav-secondary-host.cnsnav-secondary-sarno{
  background:#151a1c;border-color:#3a4448;
}
body.public-article-page .cnsnav-secondary-host.cnsnav-secondary-sarno .cnsnav-secondary-tools{background:#1b2226;border-color:#465059}
body.public-article-page .cnsnav-secondary-host.cnsnav-secondary-sarno .cnsnav-details>summary{background:#212f37;color:#fff}
body.public-article-page .cnsnav-secondary-host.cnsnav-secondary-sarno .cnsnav-arrow{background:#2c3f49;color:#fff;border-color:#4f636e}
body.public-article-page .cnsnav-secondary-host.cnsnav-secondary-sarno .cnsnav-arrow:disabled{background:#30373b;color:#aaa}
@media(max-width:720px){
  body.public-article-page .cnsnav-secondary-host .cnsnav-arrow{width:42px;min-height:48px}
  body.public-article-page .cnsnav-secondary-host .cnsnav-details>summary{min-height:48px;padding-inline:9px;font-size:.75rem}
  body.public-article-page .cnsnav-secondary-host .cnsnav-panel{left:4px;grid-template-columns:minmax(0,1fr);padding:7px}
}
@media print{body.public-article-page .cnsnav-secondary-host .cnsnav-secondary-tools{display:none!important}body.public-article-page .cnsnav-secondary-host{display:block!important;position:static!important}}
