.op-preview-main{
  --op-ink:#0f3654;--op-muted:#5e7079;--op-border:#c7d1d2;--op-surface:#fff;
  --op-green:#235c42;--op-amber:#7b5917
}
.op-preview-main .op-preview-hero{position:relative}
.op-preview-main .op-preview-hero p strong{color:var(--ink)}
.op-preview-banner{margin:24px 0 0;padding:13px 16px;border:1px solid #d7bd72;border-radius:12px;background:#fff3cf;color:#624d17;font-size:12px;line-height:1.55;font-weight:650}
.op-preview-meta{max-width:820px;margin:28px 0 0 auto;padding-top:18px;border-top:1px solid var(--op-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.op-preview-meta div{display:grid;gap:4px}.op-preview-meta span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:760}.op-preview-meta strong{font-size:15px}
.op-preview-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.op-preview-summary li{min-height:165px;background:#ffffffb8}.op-preview-summary h3{margin:28px 0 12px;font-size:15px}.op-preview-summary strong{font-size:42px;line-height:1;letter-spacing:-.05em}
.op-preview-controls{display:grid;grid-template-columns:minmax(155px,1fr) minmax(190px,1.3fr) minmax(180px,1.1fr) minmax(210px,1.4fr) auto;gap:11px;align-items:end;margin:30px 0 14px}
.op-preview-controls label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.07em}
.op-preview-controls select,.op-preview-controls input{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #b9c9cc;border-radius:11px;padding:11px 12px;font:inherit;font-size:12px;text-transform:none;letter-spacing:0}
.op-preview-controls select:focus,.op-preview-controls input:focus{border-color:#185e7d;outline:3px solid #185e7d22}
.op-preview-reset{appearance:none;border:1px solid #b9c9cc;border-radius:11px;padding:11px 14px;background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:720;cursor:pointer}.op-preview-reset:hover{border-color:#185e7d}
.op-preview-resultbar{padding:0 0 20px;border-bottom:1px solid var(--op-border);font-size:10px;text-transform:uppercase;letter-spacing:.065em;font-weight:720}.op-preview-resultbar strong{color:var(--ink)}
.op-preview-list{display:grid;gap:22px;margin-top:24px}
.op-card{
  --card-accent:#557785;--card-tint:#f3f7f7;
  position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-accent) 35%,#d7dfdf);
  border-radius:20px;background:linear-gradient(135deg,var(--card-tint) 0%,#fff 62%);
  padding:25px 26px 24px;box-shadow:0 7px 24px #163e5210;min-width:0
}
.op-card[hidden]{display:none}.op-card-accent{position:absolute;inset:0 auto 0 0;width:7px;background:var(--card-accent)}
.op-card[data-category="ambiente"]{--card-accent:#36825b;--card-tint:#eaf5ed}
.op-card[data-category="istruzione"]{--card-accent:#bd6c2c;--card-tint:#fff1e5}
.op-card[data-category="sociale"]{--card-accent:#9d4e72;--card-tint:#f8eaf1}
.op-card[data-category="cultura"]{--card-accent:#7456a6;--card-tint:#f1ecfa}
.op-card[data-category="opere"]{--card-accent:#3e6f98;--card-tint:#eaf2f9}
.op-card[data-category="territorio"]{--card-accent:#8b732c;--card-tint:#f6f1df}
.op-card[data-category="mobilita"]{--card-accent:#247f88;--card-tint:#e7f4f5}
.op-card[data-category="abitare"]{--card-accent:#b75247;--card-tint:#faece9}
.op-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.op-source-id{display:flex;align-items:center;gap:11px;min-width:0}.op-source-id>div{display:grid;gap:2px}.op-source-id strong{font-size:11px;line-height:1.25}
.op-source-kicker{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.op-source-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;font-size:10px;font-weight:850;letter-spacing:.02em;border:1px solid #ffffffaa;box-shadow:0 2px 8px #0d334518}
.op-source-regione{background:#b62431;color:#fff}.op-source-fondazione{background:#1b5a78;color:#fff}.op-source-digitale{background:#263e72;color:#fff}.op-source-other{background:#4f6872;color:#fff}
.op-access{display:inline-flex;align-items:center;max-width:260px;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:790;line-height:1.25;text-align:center}
.op-access-direct{background:#dceee3;color:#245b3e}.op-access-specific{background:#fff0bf;color:#674d13;border:1px solid #e1c975}
.op-card-heading{margin:20px 0 0}.op-card h3{margin:0;max-width:920px;font-size:clamp(23px,2.15vw,31px);line-height:1.07;letter-spacing:-.04em;overflow-wrap:anywhere}
.op-description{max-width:900px;margin:12px 0 0;color:#435861;font-size:13px;line-height:1.6}
.op-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 0}
.op-card-grid div{background:#ffffffd9;border:1px solid #cad6d7;border-radius:13px;padding:13px 14px;min-width:0}
.op-card-grid dt{margin:0 0 6px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:790}.op-card-grid dd{margin:0;color:var(--ink);font-size:12px;line-height:1.45;font-weight:680;overflow-wrap:anywhere}
.op-card-grid .op-deadline{background:color-mix(in srgb,var(--card-tint) 48%,#fff);border-color:color-mix(in srgb,var(--card-accent) 30%,#cbd6d7)}.op-card-grid .op-deadline dd{color:var(--card-accent);font-size:13px;font-weight:820}
.op-condition{display:grid;gap:5px;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff8df;border:1px solid #e4ce87}.op-condition strong{color:#604811;font-size:9px;text-transform:uppercase;letter-spacing:.075em}.op-condition span{font-size:12px;line-height:1.55}
.op-town-block{margin-top:20px}.op-town-block h4{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.075em}
.op-town-list{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.op-town-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #c7d2d3;border-radius:999px;padding:7px 9px;background:#fff;font-size:10px;font-weight:700;line-height:1.2}
.op-town-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#a2acb1}.op-town-chip[data-town-status="eligible"]::before{background:#4d8b5e}.op-town-chip[data-town-status="conditional"]::before{background:#c39a31}.op-town-chip[data-town-status="not_eligible"]{color:#7b858a;background:#eef1ef}.op-town-chip.is-selected{outline:2px solid var(--card-accent);outline-offset:2px}
.op-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:21px;padding-top:17px;border-top:1px solid #cbd6d7}.op-final{display:grid;gap:4px;max-width:760px;color:#52666f;font-size:10px;line-height:1.5}.op-final strong{color:var(--ink);font-size:8px;text-transform:uppercase;letter-spacing:.075em}
.op-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 13px;border-radius:10px;background:var(--card-accent);color:#fff;text-decoration:none;font-size:10px;font-weight:780;white-space:nowrap}.op-source-link:hover{filter:brightness(.9)}
.op-preview-empty,.op-archive-empty{padding:34px 20px;border:1px dashed #aebbbc;border-radius:16px;text-align:center;color:var(--muted);font-size:12px}.op-preview-empty[hidden]{display:none}.op-archive-empty{display:grid;gap:5px}.op-archive-empty strong{color:var(--ink)}
.op-archive{border:1px solid #bdc9cb;border-radius:16px;background:#ffffffa8;overflow:hidden}.op-archive summary{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;cursor:pointer;font-weight:760}.op-archive summary strong{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;border-radius:999px;background:#e5eaeb}.op-archive ul{margin:0;padding:0;list-style:none;border-top:1px solid #d4dcdd}
.op-archive-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 17px;border-bottom:1px solid #e0e5e5}.op-archive-row:last-child{border-bottom:0}.op-archive-row .op-source-mark{width:34px;height:34px;border-radius:9px}.op-archive-copy{display:grid;gap:3px}.op-archive-copy strong{font-size:12px}.op-archive-copy span{color:var(--muted);font-size:10px}.op-archive-row>a{font-size:10px;font-weight:730;color:#175673}
@media(max-width:1050px){.op-preview-controls{grid-template-columns:1fr 1fr}.op-preview-controls .op-search-field{grid-column:1/-1}.op-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.op-preview-meta{grid-template-columns:1fr;gap:10px}.op-preview-summary{grid-template-columns:1fr 1fr}.op-preview-summary li{min-height:130px}.op-preview-summary strong{font-size:36px}.op-preview-controls{grid-template-columns:1fr}.op-preview-controls .op-search-field{grid-column:auto}.op-preview-reset{width:100%}.op-card{padding:20px 17px 19px 21px;border-radius:16px}.op-card-top{display:grid;gap:12px}.op-access{justify-self:start}.op-card-grid{grid-template-columns:1fr}.op-card-foot{align-items:stretch;flex-direction:column}.op-source-link{width:100%;white-space:normal;text-align:center}.op-archive-row{grid-template-columns:auto 1fr}.op-archive-row>a{grid-column:2}}