.consultation-item { background: #fff; margin-bottom: 50px; position:relative; border-radius: 12px; overflow: hidden; border:1px solid rgba(0, 0, 0, 0.07); }
.consultation-item .content { padding:3rem; }
.consultation-item h2 { font-size:1.5rem; font-weight: 700; line-height:1.5;}
.consultation-item .content p { font-size:1rem; }
.consultation-item .summary { background:#eeefef; padding:2rem; }
.consultation-item .summary p { margin-bottom:0; }
.consultation-item .summary .ico {  float:left; margin:5px 25px 0 0; }
.consultation-item .title { margin-bottom:0.2rem; }
.consultation-item .data { font-weight: 700; }
.consultation-item .go-to-consultation { text-align:right; }
.petition-card .go-to-consultation { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
.consultation-item .image-bg { background: url('../assets/gfx/cbg1.jpg') no-repeat; background-size:cover; background-position:center; }
.petition-card__main { display: flex; align-items: stretch; }
.petition-card__media {
    position: relative;
    flex: 0 0 34%;
    max-width: 34%;
    min-height: 180px;
    background: #e8eef3;
}
.petition-card__media .petition-cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.petition-card__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42%;
    max-height: 55%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.petition-card__main .content { flex: 1 1 auto; min-width: 0; }
@media (max-width: 767px) {
    .petition-card__main { flex-direction: column; }
    .petition-card__media { flex: none; max-width: none; width: 100%; height: 220px; }
    .petition-card .go-to-consultation { justify-content: flex-start; }
}
.petition-cover-detail { width: 100%; max-height: 420px; object-fit: cover; border-radius: 12px; margin: 0 0 24px; display: block; }
.petition-sign-btn { display: inline-block; margin: 0 0 1.5rem; }
#consultation-sidebar .petition-sign-btn { display: block; width: 100%; }

.consultation-item.event-item .summary {display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; } 
.consultation-item.event-item .summary .time { flex:1; } 
.consultation-item.event-item .summary .ico { margin:0 10px 0 0 ; }

.consultation-item.event-item .go-to-consultation { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px 15px; } 
@media all and (max-width: 1199px) {
.consultation-item.event-item .summary .time { flex:46%; } 
}

@media all and (max-width: 768px) {
.consultation-item.event-item .summary .time { flex:100%; } 
}

.consultation-item .btn { margin-bottom:10px;}

.consultation-item::after { position: absolute; top:0; right:0; width:0%; height: 100%; background: #FFF; content:""; } 
.consultation-item.anim::after { width:100%; }

#consultation { background:#fff; padding:3rem; line-height:180%; border-radius:8px;  }
#consultation:after { position:absolute; background:#fff; content:""; z-index:9; height:100%; width:0%; top:0; right:0; transition: all 1s cubic-bezier(0.915, 0.000, 0.180, 0.990); z-index:10; } 
#consultation.anim:after { width:100%; }
#consultation h1 { font-weight: 700; line-height: 1.5; margin-bottom: 2rem; font-size:2rem; }

#consultation .photo-wrapper { margin-bottom:2rem;  }
#consultation .main-photo { }

#consultation .header { font-size:1.2rem; font-weight: 600; padding:.8rem 1rem; margin:2rem 0 1rem 0; }
#consultation .subheader { font-weight: 600; }
#consultation-content { padding-right: 2rem; padding-left:0px; } 
#consultation-content img  { max-width:100%; height:auto; } 
#consultation-sidebar {  padding:2rem; text-align: center; }
#consultation-sidebar hr { margin:2.5rem 0; }
#consultation-sidebar > p .title { font-weight: 600; margin:.5rem 0; display: inline-block;}
#consultation-sidebar > p .date { font-size: 1.2rem; font-weight: 600; }
#consultation-sidebar > p .num { font-size: 2rem; font-weight: 600; }
#consultation .period-mobile  {  font-size:1rem; font-weight: 600; line-height: 150%; margin-bottom:2rem; } 
#consultation .period-mobile .ico { float:left; margin:10px 15px 0 0; }
#consultation .period-mobile span { font-weight: 300; font-size:0.9rem; }

#consultation .header,
#consultation #consultation-conclusion,
#consultation-sidebar  { background: rgba(0,0,0,.03); }

#consultation #consultation-conclusion { display: block; margin-top:1rem; padding:2rem; }
#consultation #consultation-conclusion p { margin:0; }
#consultation #consultation-conclusion img { float:left; margin:.5rem 1.5rem 0 0;  }
#consultation #consultation-conclusion .title { font-size: 1.2rem; font-weight: 600; }
#consultation #consultation-conclusion .title span { font-size: 1rem; font-weight: 400; }
#consultation #consultation-conclusion .btn { float: right; }

#consultation .desc  { word-wrap:break-word; }
#consultation-mobile-action {  position: fixed; z-index:9; bottom:0; width:100%; left:0; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.1); text-align:center; padding:1rem; }

@media all and (max-width: 991px) {
#consultation .photo-wrapper {  }
}

#consultation-content .nav-link { background:none; border:none; } 
#consultation-content .nav-tabs { border-bottom:1px solid rgba(0,0,0,0.1); } 
#consultation-content .nav-item a {  color:#000; } 
#consultation-content .nav-link:hover {  color:#000; } 
#consultation-content .nav-link.active { font-weight:600; color:#000; } 

#consultation-opinions h1 {  margin-bottom: 30px; font-size: 1.8rem; text-align:center; }
#consultation-opinions h2 { text-align: center; font-size: 1.3rem; font-weight: 700; margin-bottom: 30px; color: #444; }
#consultation-opinions h2 a { color:#000; }

#consultation-opinions #consultation { background:#fff; padding:0px; }

#consultation-opinions .box { padding:15px 20px; border-radius:12px; background:#f0f2f5; position:relative; }
#consultation-opinions .box.positive  {  }
#consultation-opinions .box.negative  {  }
#consultation-opinions .time { color:#444; font-size:0.8rem; margin-bottom:10px;  }
#consultation-opinions .time i,
#consultation-opinions .username i { margin-right:3px; }

#consultation-opinions .username { color:#333; font-size:0.9rem; margin-bottom:10px; font-weight:500; }
#consultation-opinions .answer { line-height: 1.5; font-size: 0.94rem; } 

#consultation-opinions .box .box-content { margin:15px 0; }
#consultation-opinions .box .box-footer { border-top:1px solid #ddd; padding-top:10px; }
#consultation-opinions .box .box-footer .footer-action { color:#444; font-size:0.85rem; font-weight:500;  float:right;}

#consultation-opinions  h4 { text-transform: uppercase; font-size: 0.9rem;  font-weight:700;  }
#consultation-opinions  h4 b { font-weight:700; text-transform: uppercase; font-size:1.2rem; margin-left:5px; }
#consultation-opinions .positive-answer-panels  h4 b { color:#00ca00;  }
#consultation-opinions .negative-answer-panels  h4 b { color:#c82333;  }

#consultation-opinions .opinion-type { text-align:center; margin-bottom:30px; padding:25px 15px; border: 1px solid #eee; border-radius: 12px; box-shadow: 0px 20px 30px -20px rgba(0,0,0,0); background:#fff; transition: all .2s linear;  }

#consultation-opinions .opinion-type._pos:hover { background:#e3f0e3;  }
#consultation-opinions .opinion-type._neg:hover { background:#f0e3e3;  }

#consultation-opinions .opinion-type .btn { border-radius:20px; margin-top:10px; }
#consultation-opinions .opinion-type .icon-wrapper { border-radius: 50px; margin-left:5px; width: 26px; height: 26px; color: #fff; background: #00ca00; text-align: center; display: inline-block; font-size: 14px; line-height: 26px; transform: translateY(-3px);  }

#consultation-opinions .opinion-type.neg .icon-wrapper { background:#c82333; }

#consultation-opinions .opinion-type.neg { /* background-image: linear-gradient(#efefef, #ffd5e5); */ } 
#consultation-opinions .opinion-type.pos { /* background-image: linear-gradient(#efefef, #b8fdc8); */ } 
#consultation-opinions .opinion-type.pos .btn { background:#00aa00; border-color:#00aa00; }

#consultation-opinions .prev-opinions { position:relative; display:none; }
#consultation-opinions .prev-opinions-btn-wrapper { position:relative;}
#consultation-opinions #prev-opinions-btn { position: absolute;left: 50%;top: -16px;width: 26px; height: 26px;font-size: 26px; color: #666;text-align: center;background: #fff;border-radius: 50px; cursor:pointer; z-index:9; }

#consultation-opinions .box .icon-wrapper { position:absolute; right:10px; top:10px; color: #f0f2f5; background: #00ca00; height: 24px; width: 24px; border-radius: 50px; text-align: center; line-height: 24px; font-size: 12px; }
#consultation-opinions .box .icon-wrapper.pos { background: #00ca00; }
#consultation-opinions .box .icon-wrapper.neg { background:#c82333; }

#consultation-opinions .box .comments-info { margin-left:15px; color:#444;  }

#opinions-section  { position:relative;  }
#opinions-section:not(.no-border):after { content:""; height:100%; left:50%; border-left:1px solid #eee; position: absolute; top:0; left:50%;  }

#tab-map { position:relative; }
#map-wrapper { } 
#map-loader { position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; } 
#map-loader-icon { color: #ddd; left: 50%; margin-left: -40px; margin-top: 0px; position: absolute; top:45%; z-index: 2; font-size: 4em; } 
#map-loader-spinner { width:40px; height:40px; font-size:15px; color:rgba(0,0,0,.3); left:50%; top:50%; margin: -20px 0 0 -20px; position:absolute;  opacity:0; transition: opacity .2s linear; } 
#map-loader-spinner { opacity:1; } 

#tab-map #map { width:100%; height:680px; }

#consultation .comments-info { text-decoration:none; } 
#consultation .comments-info i { color:#444; } 
#consultation .add-like {  transition: all .2s linear; transform: scale(1); display:inline-block; color:#0778e8; }
#consultation .add-like.neg { color:#c82333; }
#consultation .add-like:hover { transform: scale(1.4); }
#consultation #form_container { display: none; }
#consultation .alert { display: none; }

.gorzow-wielkopolski .consultation-item .image-bg { background-size: cover; background-color: #fff;   }


:root{
    --tl-gray: #d9d9d9;
    --tl-muted: #6b7280;
}

.stages ul.timeline{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.stages ul.timeline > li{
    position: relative;
    padding: 0 0 28px 0;
}

.stages ul.timeline > li::after{
    content: "";
    position: absolute;
    left: 14px;
    top: 28px;
    bottom: -28px;
    width: 2px;
    background: var(--tl-gray);
}

.stages ul.timeline > li:last-child::after{
    display: none;
}

.stages ul.timeline > li > i{
    position: absolute;
    left: 0;
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--tl-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.stages ul.timeline .timeline-item{
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0 35px;
    box-shadow: none;
}

.stages ul.timeline .timeline-header{
    padding: 0;
    margin: 0 0 4px 0;
    border: 0;
    background: transparent;
    line-height: 1.2;
}

.stages ul.timeline .timeline-header .stage_title{
    font-weight: 700;
    font-size: 16px;
}

.stages ul.timeline .timeline-header .help{
    display: none;
}

.stages ul.timeline .timeline-body{
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: var(--tl-muted);
}

.stages ul.timeline > li.is-done > i{
    border-color: var(--dark);
}

.stages ul.timeline > li.is-done > i::before{
    font-family: "bootstrap-icons";
    content: "\f26e";
    font-size: 16px;
    color: var(--dark);
    line-height: 1;
}

.stages ul.timeline > li.is-done::after{
    background: var(--dark);
}

.stages ul.timeline > li.is-current > i{
    border-color: var(--dark);
    border-width: 6px;
}

.stages ul.timeline > li.is-current > i::before{
    content: "";
}

.stages ul.timeline > li.is-current::after{
    background: var(--tl-gray);
    top:30px;
}

.stages ul.timeline > li.is-future > i{
    border-color: var(--tl-gray);
}

.stages ul.timeline > li.is-future > i::before{
    content: "";
}

.stages ul.timeline > li.is-future::after{
    background: var(--tl-gray);
}

/* Consultation status tabs, matching the public mockup. */
#home-consultations .consultation-status-tabs{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%;overflow-x:auto;gap:2px;background:#ebe9e5;border:0;border-radius:100px;padding:4px;margin:0 auto 30px;list-style:none;font-family:'Footer Inter',system-ui,sans-serif}
#home-consultations .consultation-status-tabs .nav-item{flex:0 0 auto;margin:0;padding:0;border:0;background:transparent}
#home-consultations .consultation-status-tabs .nav-link{display:block;border:0;background:transparent;color:#615d59;box-shadow:none;border-radius:100px;padding:9px 18px;font-size:14px;line-height:1.5;font-weight:700;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}
#home-consultations .consultation-status-tabs .nav-link.active{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.12)}
#home-consultations .consultation-status-tabs .nav-link:hover{color:#111;background:rgba(255,255,255,.55)}
#home-consultations .consultation-status-tabs .nav-link.active:hover{background:#fff}
#home-consultations .consultation-status-tabs .nav-link:after{display:none}
#home-consultations .consultation-status-tabs .nav-link:focus-visible{outline:2px solid #111;outline-offset:-3px}
body.contrast #home-consultations .consultation-status-tabs{background:#000;border:1px solid #fff}
body.contrast #home-consultations .consultation-status-tabs .nav-link{color:#fff;background:#000}
body.contrast #home-consultations .consultation-status-tabs .nav-link.active{color:#000;background:#ffec00}
body.contrast #home-consultations .consultation-status-tabs .nav-link:focus-visible{outline-color:#ffec00}
body.contrast #home-consultations .consultation-status-tabs .nav-link.active:focus-visible{outline-color:#000}
@media(prefers-reduced-motion:reduce){#home-consultations .consultation-status-tabs .nav-link{transition:none}}

/* Newsletter konsultacji i formularz zgłoszenia — wspólna oprawa wizualna, bez zmian obsługi formularzy. */
#sign-in-section.consultation-newsletter,
#submit-proposal.consultation-newsletter { padding:20px 20px 20px; font-family:'Footer Inter',system-ui,sans-serif; color:#111; }
#sign-in-section.consultation-newsletter > .container,
#submit-proposal.consultation-newsletter > .container { max-width:1192px; padding:0; }
.consultation-newsletter .newsletter-card { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr)); background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:28px; overflow:hidden; box-shadow:0 20px 50px -24px rgba(16,55,132,.22); }
.consultation-newsletter .newsletter-intro { display:flex; flex-direction:column; gap:14px; padding:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0; background:#c4ebf6; overflow:hidden;  }
.consultation-newsletter .newsletter-intro h1,
.consultation-newsletter .newsletter-intro h2 { margin:0; font-family:inherit; font-size:clamp(40px,5vw,62px); font-weight:800; letter-spacing:-.045em; line-height:1; text-wrap:balance; color:#111; }
.consultation-newsletter .newsletter-intro h1 span,
.consultation-newsletter .newsletter-intro h2 span { position:relative; display:inline-block; white-space:nowrap; z-index:0; }
.consultation-newsletter .newsletter-bubble { position:relative; align-self:flex-start; max-width:320px; margin:8px 0 0; padding:12px 18px; background:#fff; border:2px solid #111; border-radius:18px; box-shadow:4px 5px 0 #111; font-size:17px; font-weight:700; line-height:1.4; text-wrap:balance; z-index:1; }
.consultation-newsletter .newsletter-bubble::after { content:''; position:absolute; bottom:-9px; left:28px; width:16px; height:16px; background:#fff; border-right:2px solid #111; border-bottom:2px solid #111; transform:rotate(45deg); }
.consultation-newsletter .newsletter-illustration { display:block; margin:auto calc(-1 * clamp(28px,4vw,48px)) 0; width:calc(100% + 2 * clamp(28px,4vw,48px)); max-width:none; height:auto; padding-top:28px; transform:scale(1.12); transform-origin:50% 100%; }
.consultation-newsletter .newsletter-fields { min-width:0; padding:clamp(24px,3.4vw,40px); }
#sign-in-section.consultation-newsletter form,
#submit-proposal.consultation-newsletter form { margin:0; }
#sign-in-section.consultation-newsletter .label,
#submit-proposal.consultation-newsletter .label { display:block; font-size:13.5px; font-weight:700; margin-bottom:6px; }
#sign-in-section.consultation-newsletter .form-control,
#sign-in-section.consultation-newsletter .bootstrap-select > .dropdown-toggle,
#submit-proposal.consultation-newsletter .form-control { min-height:48px; border:1px solid #dcdad7; background:#f6f5f4; border-radius:12px; padding:12px 14px; font-family:inherit; font-size:15px; color:#111; }

#sign-in-section.consultation-newsletter .form-control.dropdown.bootstrap-select { border:0px; padding:0px; } 


#sign-in-section.consultation-newsletter .form-control.is-invalid,
#submit-proposal.consultation-newsletter .form-control.is-invalid,
#submit-proposal.consultation-newsletter .file_input.is-invalid { border-color:#dc3545; }
#sign-in-section.consultation-newsletter .form-control:focus,
#submit-proposal.consultation-newsletter .form-control:focus { border-color:#0075de; box-shadow:0 0 0 3px rgba(0,117,222,.15); }
#sign-in-section.consultation-newsletter .form-text,
#sign-in-section.consultation-newsletter .custom-control-label,
#submit-proposal.consultation-newsletter .form-text,
#submit-proposal.consultation-newsletter .custom-control-label { font-size:13px; line-height:1.5; }
#sign-in-section.consultation-newsletter #newsletter-send-bt,
#submit-proposal.consultation-newsletter #send-bt { display:inline-block; margin:0; border:0; border-radius:100px; padding:14px 28px; background:#111; color:#fff; font-family:inherit; font-size:15px; font-weight:700; }
#sign-in-section.consultation-newsletter #newsletter-send-bt:hover,
#submit-proposal.consultation-newsletter #send-bt:hover { background:#333; }
#sign-in-section.consultation-newsletter #newsletter-send-bt:focus-visible,
#submit-proposal.consultation-newsletter #send-bt:focus-visible { outline:3px solid #0075de; outline-offset:3px; }
#submit-proposal.consultation-newsletter > .container:after,
#submit-proposal.consultation-newsletter.anim > .container:after { content:none; display:none; }
#submit-proposal.consultation-newsletter .proposal-heading { margin:0 0 28px; }
#submit-proposal.consultation-newsletter .proposal-heading .big-h { margin-bottom:12px; }
#submit-proposal.consultation-newsletter .box-image { min-height:240px; }
#submit-proposal.consultation-newsletter p.label { margin:0 0 6px; }
#submit-proposal.consultation-newsletter .proposal-required-note { margin:0 0 4px; text-align:right; font-size:13px; color:#615d59; }
#submit-proposal.consultation-newsletter .form-check { margin:0 0 8px; }
#submit-proposal.consultation-newsletter .form-check-label { font-size:15px; font-weight:500; line-height:1.45; }
#submit-proposal.consultation-newsletter .file_input { width:100%; min-height:48px; border:1px solid #dcdad7; background:#f6f5f4; border-radius:12px; padding:10px 14px; font-family:inherit; font-size:15px; color:#111; }
#submit-proposal.consultation-newsletter .field-hint { display:block; margin-top:8px; font-size:13px; line-height:1.5; color:#615d59; }
#submit-proposal.consultation-newsletter form .row { margin-left:0; margin-right:0; }
#submit-proposal.consultation-newsletter form .row > [class*="col-"] { padding-left:0; padding-right:0; }
#submit-proposal #form-box { position:relative; }
#submit-proposal .send-info.active { position:relative; top:auto; left:auto; height:auto; margin:8px 0 0; transform:none; }
@media (max-width:575px) {
    #sign-in-section.consultation-newsletter,
    #submit-proposal.consultation-newsletter { padding:40px 16px 56px; }
}
.contrast #submit-proposal.consultation-newsletter,
.contrast #submit-proposal.consultation-newsletter .newsletter-card,
.contrast #submit-proposal.consultation-newsletter .newsletter-fields { background:#000; color:#fff; }
.contrast #submit-proposal.consultation-newsletter .newsletter-card { border-color:#fff; }
.contrast #submit-proposal.consultation-newsletter .newsletter-intro { background:#000; }
.contrast #submit-proposal.consultation-newsletter .newsletter-intro h1,
.contrast #submit-proposal.consultation-newsletter .newsletter-bubble,
.contrast #submit-proposal.consultation-newsletter .form-check-label,
.contrast #submit-proposal.consultation-newsletter .field-hint,
.contrast #submit-proposal.consultation-newsletter .proposal-required-note { color:#fff; }
.contrast #submit-proposal.consultation-newsletter .newsletter-intro h1 span::before { background:#ffec00; }
.contrast #submit-proposal.consultation-newsletter .newsletter-bubble,
.contrast #submit-proposal.consultation-newsletter .form-control,
.contrast #submit-proposal.consultation-newsletter .file_input { background:#000; color:#fff; border-color:#fff; }
.contrast #submit-proposal.consultation-newsletter #send-bt { background:#ffec00 !important; color:#000 !important; }

/* Formularz podpisu petycji — ta sama oprawa co zgłoszenie konsultacji, bez zdjęcia. */
#petition-sign.consultation-newsletter { padding:20px 20px 56px; font-family:'Footer Inter',system-ui,sans-serif; color:#111; }
#petition-sign.consultation-newsletter > .container { max-width:760px; padding:0; }
#petition-sign.consultation-newsletter .proposal-heading { margin:0 0 28px; }
#petition-sign.consultation-newsletter .proposal-heading .big-h { margin-bottom:12px; }
#petition-sign.consultation-newsletter .proposal-heading .desc { max-width:36em; margin:0 auto; color:#615d59; font-size:17px; line-height:1.5; }
#petition-sign.consultation-newsletter .newsletter-card { grid-template-columns:minmax(0,1fr); }
#petition-sign.consultation-newsletter form { margin:0; }
#petition-sign.consultation-newsletter .form-group { margin:0 0 18px; }
#petition-sign.consultation-newsletter .label { display:block; font-size:13.5px; font-weight:700; margin-bottom:6px; }
#petition-sign.consultation-newsletter .address-title { margin:8px 0 14px; font-size:16px; font-weight:700; }
#petition-sign.consultation-newsletter .form-control { min-height:48px; border:1px solid #dcdad7; background:#f6f5f4; border-radius:12px; padding:12px 14px; font-family:inherit; font-size:15px; color:#111; }
#petition-sign.consultation-newsletter textarea.form-control { min-height:110px; }
#petition-sign.consultation-newsletter select.form-control { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23615d59' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; padding-right:40px; }
#petition-sign.consultation-newsletter .form-control:focus { border-color:#0075de; box-shadow:0 0 0 3px rgba(0,117,222,.15); }
#petition-sign.consultation-newsletter .proposal-required-note { margin:0 0 18px; text-align:right; font-size:13px; color:#615d59; }
#petition-sign.consultation-newsletter .petition-sign-sample-wrap { margin:0 0 18px; text-align:center; }
#petition-sign.consultation-newsletter .petition-sign-sample { display:inline-block; border:1px solid #0075de; border-radius:100px; padding:8px 16px; background:#fff; color:#0075de; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
#petition-sign.consultation-newsletter .petition-sign-sample:hover { background:#0075de; color:#fff; }
#petition-sign.consultation-newsletter .petition-sign-sample:focus-visible { outline:3px solid #0075de; outline-offset:3px; }
#petition-sign.consultation-newsletter .petition-clause { margin:8px 0 18px; }
#petition-sign.consultation-newsletter .petition-clause .clause-title { margin:0 0 8px; font-size:16px; font-weight:700; }
#petition-sign.consultation-newsletter .petition-clause .clause-content { max-height:160px; overflow:auto; background:#f6f5f4; border-radius:12px; padding:14px; font-size:14px; line-height:1.5; }
#petition-sign.consultation-newsletter .petition-consents .form-group { margin-bottom:12px; }
#petition-sign.consultation-newsletter .form-check-label a { color:#0075de; }
#petition-sign.consultation-newsletter .form-check { display:flex; align-items:flex-start; gap:10px; margin:0; }
#petition-sign.consultation-newsletter .form-check input { width:18px; height:18px; margin:2px 0 0; flex:0 0 auto; }
#petition-sign.consultation-newsletter .form-check-label { font-size:15px; font-weight:500; line-height:1.45; }
#petition-sign.consultation-newsletter .petition-sign-submit { display:inline-block; margin:0; border:0; border-radius:100px; padding:14px 28px; background:#111; color:#fff; font-family:inherit; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; }
#petition-sign.consultation-newsletter .petition-sign-submit:hover { background:#333; color:#fff; }
#petition-sign.consultation-newsletter .petition-sign-submit:focus-visible { outline:3px solid #0075de; outline-offset:3px; }
#petition-sign.consultation-newsletter .alert { border:0; border-radius:12px; }
#petition-sign.consultation-newsletter .petition-sign-done { text-align:center; padding:8px 8px 4px; animation:petition-sign-done-in .45s ease; }
@keyframes petition-sign-done-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) {
    #petition-sign.consultation-newsletter .petition-sign-done { animation:none; }
}
#petition-sign.consultation-newsletter .petition-sign-done-art { display:block; width:180px; height:auto; margin:0 auto 8px; }
#petition-sign.consultation-newsletter .art-glow { fill:#e8f3ff; }
#petition-sign.consultation-newsletter .art-sheet { fill:#fff; stroke:#dcdad7; stroke-width:2; }
#petition-sign.consultation-newsletter .art-line { stroke:#e4e2df; stroke-width:7; stroke-linecap:round; }
#petition-sign.consultation-newsletter .art-sign { stroke:#0075de; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; }
#petition-sign.consultation-newsletter .art-badge { fill:#111; }
#petition-sign.consultation-newsletter .art-check { stroke:#fff; stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
#petition-sign.consultation-newsletter .petition-sign-done-title { margin:0 0 8px; font-size:28px; font-weight:800; letter-spacing:-.03em; line-height:1.2; }
#petition-sign.consultation-newsletter .petition-sign-done-text { max-width:28em; margin:0 auto 24px; color:#615d59; font-size:16px; line-height:1.55; }
@media (max-width:575px) {
    #petition-sign.consultation-newsletter { padding:40px 16px 56px; }
}
.contrast #petition-sign.consultation-newsletter,
.contrast #petition-sign.consultation-newsletter .newsletter-card,
.contrast #petition-sign.consultation-newsletter .newsletter-fields { background:#000; color:#fff; }
.contrast #petition-sign.consultation-newsletter .newsletter-card { border-color:#fff; }
.contrast #petition-sign.consultation-newsletter .proposal-heading .desc,
.contrast #petition-sign.consultation-newsletter .form-check-label,
.contrast #petition-sign.consultation-newsletter .proposal-required-note { color:#fff; }
.contrast #petition-sign.consultation-newsletter .form-control { background:#000; color:#fff; border-color:#fff; }
.contrast #petition-sign.consultation-newsletter .petition-sign-submit { background:#ffec00; color:#000; }
.contrast #petition-sign.consultation-newsletter .petition-sign-submit:hover { background:#ffec00; color:#000; }
.contrast #petition-sign.consultation-newsletter .petition-sign-sample { background:#000; color:#ffec00; border-color:#ffec00; }
.contrast #petition-sign.consultation-newsletter .petition-sign-sample:hover { background:#ffec00; color:#000; }
.contrast #petition-sign.consultation-newsletter .petition-sign-done-text { color:#fff; }
.contrast #petition-sign.consultation-newsletter .art-glow { fill:#000; }
.contrast #petition-sign.consultation-newsletter .art-sheet { fill:#000; stroke:#fff; }
.contrast #petition-sign.consultation-newsletter .art-line { stroke:#fff; }
.contrast #petition-sign.consultation-newsletter .art-sign { stroke:#ffec00; }
.contrast #petition-sign.consultation-newsletter .art-badge { fill:#ffec00; }
.contrast #petition-sign.consultation-newsletter .art-check { stroke:#000; }