.petitions-page { background: #f5f7fa; color: #33445b; }
.petition-hero { padding: clamp(3.5rem, 7vw, 6rem) 0 clamp(2.75rem, 5vw, 4.5rem); color: #fff; background: linear-gradient(145deg, #071426 0%, #102a4d 72%, #173759 100%); }
.petition-hero__inner, .petition-shell { max-width: 1120px; }
.petition-breadcrumbs { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 1.5rem; color:rgba(255,255,255,.7); font-size:.83rem; }
.petition-breadcrumbs a { color:inherit; text-decoration:none; }
.petition-breadcrumbs a:hover { color:#fff; text-decoration:underline; }
.petition-hero__eyebrow { margin:0 0 .7rem; color:#ff2f55; font-size:.78rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.petition-hero h1 { max-width:920px; margin:0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.45rem,6vw,5rem); line-height:1.04; letter-spacing:-.04em; }
.petition-hero__lead { max-width:820px; margin:1.35rem 0 0; color:rgba(255,255,255,.86); font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.7; }
.petition-catalog { padding:clamp(2.75rem,6vw,5.5rem) 0 5.5rem; }
.petition-catalog__heading { max-width:760px; margin:0 0 2rem; }
.petition-catalog__heading h2 { margin:0 0 .75rem; color:#0b1f3a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3vw,2.7rem); }
.petition-catalog__heading p { margin:0; line-height:1.75; }
.petitions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.petition-card { display:grid; grid-template-columns:minmax(180px,.82fr) minmax(0,1.18fr); overflow:hidden; border:1px solid #dfe5ed; border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(7,20,38,.07); transition:transform .25s ease,box-shadow .25s ease; }
.petition-card:hover { transform:translateY(-4px); box-shadow:0 22px 46px rgba(7,20,38,.12); }
.petition-card__visual { display:flex; align-items:stretch; min-height:100%; background:#071426; }
.petition-card__visual img { display:block; width:100%; height:100%; min-height:220px; object-fit:cover; }
.petition-card__content { display:flex; flex-direction:column; padding:1.6rem; }
.petition-card__meta { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:0 0 .85rem; color:#718096; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.petition-status { display:inline-flex; padding:.28rem .58rem; border-radius:999px; color:#0b1f3a; background:#d9f6ef; font-size:.68rem; letter-spacing:.04em; }
.petition-card h3 { margin:0 0 .75rem; color:#0b1f3a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.25rem,2vw,1.6rem); line-height:1.18; }
.petition-card p { margin:0; line-height:1.7; }
.petition-card__actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:auto; padding-top:1.35rem; }
.petition-card__actions .btn { min-height:2.65rem; }
.petition-card__sign { color:#c8102e; font-weight:800; text-decoration:none; align-self:center; }
.petition-card__sign:hover { text-decoration:underline; }
.petition-detail { padding:clamp(2.75rem,6vw,5.5rem) 0 5.5rem; }
.petition-detail__layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:2rem; align-items:start; }
.petition-detail__image { overflow:hidden; border-radius:18px; background:#071426; box-shadow:0 20px 48px rgba(7,20,38,.13); }
.petition-detail__image img { display:block; width:100%; height:auto; }
.petition-detail__aside { padding:clamp(1.35rem,3vw,2rem); border:1px solid #dfe5ed; border-radius:16px; background:#fff; box-shadow:0 12px 32px rgba(7,20,38,.06); }
.petition-detail__aside h2 { margin:0 0 1.25rem; color:#0b1f3a; font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; }
.petition-facts { display:grid; gap:1rem; margin:0; }
.petition-facts div { padding-bottom:1rem; border-bottom:1px solid #e7ecf2; }
.petition-facts div:last-child { padding-bottom:0; border-bottom:0; }
.petition-facts dt { margin:0 0 .25rem; color:#718096; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.petition-facts dd { margin:0; color:#0b1f3a; font-weight:700; line-height:1.5; }
.petition-detail__aside .btn { width:100%; margin-top:1.6rem; text-align:center; }
.petition-detail__copy { max-width:850px; margin:3rem auto 0; padding:clamp(1.5rem,4vw,3.25rem); border:1px solid #dfe5ed; border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(7,20,38,.07); }
.petition-detail__copy h2 { margin:2.4rem 0 .85rem; color:#0b1f3a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.45rem,2.5vw,2.1rem); line-height:1.2; }
.petition-detail__copy h2:first-child { margin-top:0; }
.petition-detail__copy p { margin:0 0 1.15rem; line-height:1.82; }
.petition-detail__copy ul { margin:0 0 1.5rem; padding-left:1.35rem; }
.petition-detail__copy li { margin:.6rem 0; line-height:1.7; }
.petition-detail__closing { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; margin-top:2.25rem; padding-top:1.75rem; border-top:1px solid #dfe5ed; }
.petition-detail__back { color:#0b1f3a; font-weight:800; text-decoration:none; }
.petition-detail__back:hover { color:#c8102e; }
@media (max-width: 900px) { .petitions-grid { grid-template-columns:1fr; } .petition-card { grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr); } }
@media (max-width: 680px) { .petition-hero { padding-top:2.75rem; } .petition-hero h1 { font-size:clamp(2.2rem,12vw,3.4rem); } .petition-card, .petition-detail__layout { grid-template-columns:1fr; } .petition-card__visual img { min-height:0; aspect-ratio:16/9; } .petition-detail__copy { border-radius:12px; } .petition-detail__image { border-radius:12px; } .petition-detail__closing { align-items:stretch; flex-direction:column; } .petition-detail__closing .btn { width:100%; text-align:center; } }