/* CC Pack 3 · generato da design-2027/pack_css.py, non modificare a mano */
:root:root .cc-st-tools{display:grid; gap:18px; margin-bottom:40px}
:root:root .cc-search{display:flex; gap:10px; max-width:560px}
:root:root .cc-search input{flex:1; min-width:0; font:400 1rem/1.4 var(--cc-font-body); padding:12px 16px; border-radius:var(--cc-r-pill); border:1.5px solid var(--cc-field-border); background:var(--cc-white); color:var(--cc-ink)}
:root:root .cc-search input:focus{outline:none; border-color:var(--cc-accent)}
:root:root .cc-reports--grid{grid-template-columns:repeat(4,minmax(0,1fr))}
:root:root .cc-reports--grid .cc-report[hidden]{display:none}
:root:root .cc-reports--grid .cc-report:last-child{grid-column:auto}
@media (max-width:1200px){:root:root .cc-reports--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){:root:root .cc-reports--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){:root:root .cc-reports--grid{grid-template-columns:1fr}}
:root:root .cc-pager{display:flex; gap:8px; justify-content:center; margin-top:40px}
:root:root .cc-pager a{min-width:44px; height:44px; display:grid; place-items:center; border-radius:var(--cc-r-pill); border:1px solid var(--cc-field-border); text-decoration:none; color:var(--cc-ink); font-weight:600}
:root:root .cc-pager a[aria-current]{background:var(--cc-ink); border-color:var(--cc-ink); color:var(--cc-white)}
:root:root .cc-art-hero h1{font-size:clamp(2rem,4.4vw,4.4rem); max-width:24ch}
:root:root .cc-art-meta{display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin-top:22px; color:var(--cc-text-dark-2)}
:root:root .cc-art{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:64px; align-items:start}
:root:root .cc-art aside.cc-side{position:sticky; top:110px; display:grid; gap:16px; padding:22px; border-radius:var(--cc-r-md); background:var(--cc-surface)}
:root:root .cc-art aside.cc-side h3{font:700 .95rem/1.3 var(--cc-font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--cc-ink)}
:root:root .cc-prevnext{display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:center; margin-top:40px; padding:14px; border-radius:var(--cc-r-md); border:1px solid var(--cc-border); text-decoration:none; color:var(--cc-ink)}
:root:root .cc-prevnext img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--cc-r-sm)}
:root:root .cc-prevnext small{display:block; font:700 .74rem/1 var(--cc-font-body); letter-spacing:.1em; text-transform:uppercase; color:var(--cc-muted); margin-bottom:6px}
@media (max-width:960px){:root:root .cc-art{grid-template-columns:1fr}
:root:root .cc-art aside.cc-side{position:static}}
