/* Striscia di sezione: sotto la barra col nome, mostra la sezione in lettura. Fixed = nessun impatto sul layout (no CLS). */
:root{--hs-glass:rgba(255,255,255,.85);--hs-h:52px;--hs-top:57px;--hs-ease:cubic-bezier(.2,.8,.2,1)}
@media(max-width:860px){:root{--hs-h:44px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--hs-glass:rgba(28,28,30,.85)}}:root[data-theme=dark]{--hs-glass:rgba(28,28,30,.85)}
.hs-strip{position:fixed;left:0;right:0;top:var(--hs-top);z-index:29;height:var(--hs-h);background:var(--glass-solid);border-bottom:1px solid var(--line);
 opacity:0;transform:translateY(-8px);pointer-events:none;cursor:default;user-select:none;-webkit-user-select:none;transition:opacity .3s var(--hs-ease),transform .3s var(--hs-ease);overflow:hidden;font-family:var(--sys)}
@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hs-strip{background:var(--hs-glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}
.hs-strip.on{opacity:1;transform:none;pointer-events:auto}
.hs-layer{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding-inline:max(clamp(16px,2vw,32px),env(safe-area-inset-left));
 transition:opacity .3s var(--hs-ease),transform .3s var(--hs-ease)}
.hs-layer.out-up{opacity:0;transform:translateY(-10px)}.hs-layer.in-down{opacity:0;transform:translateY(10px)}
.hs-layer.out-down{opacity:0;transform:translateY(10px)}.hs-layer.in-up{opacity:0;transform:translateY(-10px)}
.hs-thumb{flex:none;width:calc(var(--hs-h) - 14px);height:calc(var(--hs-h) - 14px);border-radius:8px;object-fit:cover;background:var(--line)}
.hs-lab{flex:none;font:600 11px/1 var(--sys);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.hs-t{min-width:0;flex:1;font:600 15px/1.2 var(--sys);letter-spacing:-.015em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.hs-t{font-size:14px}.hs-layer{gap:10px}}
/* spazio riservato: ancore e sidebar non finiscono sotto la striscia */
html{scroll-padding-top:calc(var(--hs-top) + var(--hs-h))!important}
@media(min-width:861px){.hr-side{top:calc(var(--hs-top) + var(--hs-h))!important;max-height:calc(100vh - var(--hs-top) - var(--hs-h))}}
/* bordo a bordo: niente margini laterali sul layout */
@media(min-width:861px){.hr-layout{max-width:none!important;border-left:0!important}}
.hr .site-header{padding-inline:clamp(16px,2vw,32px)!important}
/* Tendenze: 6 notizie, 2 righe da 3 su desktop; una colonna compatta su mobile */
.hr-trends>li:nth-child(n){display:block!important}
@media(min-width:861px){.hr-trends{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:860px){.hr-trends{grid-template-columns:1fr!important;gap:10px}.hr-trends a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:14px 16px}.hr-trends .hr-num{grid-row:1/3;line-height:1.1}.hr-trends .eyebrow{grid-column:2;margin:0}.hr-trends .hr-trend-t{grid-column:2}}
@media(prefers-reduced-motion:reduce){.hs-strip,.hs-layer{transition:none!important;transform:none!important}}
.hr-cred{margin-top:.2em!important;color:var(--muted)}
