/* CNSBII · Osservatori Civici 345J · journey IDRA → domanda O.C. */
.portal74o-observers-join .oc345j-hero{padding-block:clamp(50px,6vw,84px)}
.portal74o-observers-join .oc345j-hero .oc74o-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:clamp(34px,5vw,72px)}
.portal74o-observers-join .oc345j-hero .oc74o-hero-lead{max-width:760px}
.portal74o-observers-join .oc345j-identity-note{display:grid;gap:5px;max-width:760px;margin-top:24px;padding:17px 19px;border-left:5px solid var(--oc-yellow);background:rgba(255,255,255,.09);color:#fff}
.portal74o-observers-join .oc345j-identity-note strong{font-size:1.05rem;line-height:1.35;color:#fff}
.portal74o-observers-join .oc345j-identity-note span{color:#e7edf6;line-height:1.55}
.portal74o-observers-join .oc345j-journey-card{padding:30px 30px 28px}
.portal74o-observers-join .oc345j-journey-card h2{margin-bottom:24px}
.portal74o-observers-join .oc345j-mini-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.portal74o-observers-join .oc345j-mini-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:15px 0;border-top:1px solid #d9dee7}
.portal74o-observers-join .oc345j-mini-steps li:first-child{border-top:0;padding-top:0}
.portal74o-observers-join .oc345j-mini-steps li>span{display:grid;place-items:center;width:36px;height:36px;background:var(--oc-ink);color:var(--oc-yellow);font-size:.75rem;font-weight:950;letter-spacing:.06em}
.portal74o-observers-join .oc345j-mini-steps strong{display:block;margin:1px 0 2px;color:var(--oc-ink);font-size:1rem}
.portal74o-observers-join .oc345j-mini-steps p{margin:0!important;color:#536078!important;font-size:.92rem;line-height:1.45!important}
.portal74o-observers-join .oc345j-path-section{padding-block:clamp(52px,6vw,82px)}
.portal74o-observers-join .oc345j-path-section .oc74o-section-heading{margin-bottom:34px;max-width:980px}
.portal74o-observers-join .oc345j-path-section .oc74o-section-heading h2{font-size:clamp(2.2rem,4vw,4.35rem)}
.portal74o-observers-join .oc345j-current-step{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff}
.portal74o-observers-join .oc345j-current-step strong{color:var(--oc-yellow)}
.portal74o-observers-join .oc345j-current-step span{color:#e5ebf5}
.portal74o-observers-join .oc345j-doc-band{padding-block:20px;background:#f0e45d}
.portal74o-observers-join .oc345j-doc-band .oc74o-wrap{grid-template-columns:minmax(150px,.55fr) minmax(220px,.9fr) minmax(0,2.2fr);gap:22px}
.portal74o-observers-join .oc345j-doc-band h2{max-width:none;font-size:1.05rem}
.portal74o-observers-join .oc345j-doc-band p{margin:0;line-height:1.5;color:#26344d}
.portal74o-observers-join .oc345j-idra-only{width:min(980px,calc(100% - 64px));margin-inline:auto}
.portal74o-observers-join .oc345j-idra-gate{margin:0;padding:clamp(28px,4vw,46px);border:1px solid #cfd6e1;border-top:6px solid var(--oc-blue);box-shadow:0 18px 50px rgba(7,17,38,.08)}
.portal74o-observers-join .oc345j-idra-gate h2{max-width:14ch;font-size:clamp(2.1rem,4.8vw,4.2rem);line-height:.98}
.portal74o-observers-join .oc345j-gate-lead{max-width:760px;font-size:1.08rem}
.portal74o-observers-join .oc345j-gate-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;background:#d8dee8;border:1px solid #d8dee8}
.portal74o-observers-join .oc345j-gate-points p{display:grid;gap:6px;margin:0;padding:18px;background:#f7f8fa;line-height:1.45}
.portal74o-observers-join .oc345j-gate-points strong{color:var(--oc-ink)}
.portal74o-observers-join .oc345j-gate-points span{color:#536078}
.portal74o-observers-join .oc345j-idra-gate .oc74o-button-ghost{background:#fff!important}
@media(max-width:980px){
  .portal74o-observers-join .oc345j-doc-band .oc74o-wrap{grid-template-columns:1fr}
  .portal74o-observers-join .oc345j-gate-points{grid-template-columns:1fr}
}
@media(max-width:760px){
  .portal74o-observers-join .oc345j-hero{padding-block:42px 52px}
  .portal74o-observers-join .oc345j-identity-note{margin-top:20px;padding:15px 16px}
  .portal74o-observers-join .oc345j-journey-card{padding:22px}
  .portal74o-observers-join .oc345j-idra-only{width:min(100% - 32px,980px)}
  .portal74o-observers-join .oc345j-idra-gate{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){
  .portal74o-observers-join .oc74o-button{transition:none}
}
@media print{
  .portal74o-observers-join .oc345j-identity-note,.portal74o-observers-join .oc345j-current-step{border:1px solid #000;background:#fff!important;color:#000!important}
  .portal74o-observers-join .oc345j-identity-note *,.portal74o-observers-join .oc345j-current-step *{color:#000!important}
}