#voterguide {
}
.canguidebreak h3 {
	font-size:28px !important;
}
.cancard {
    width:200px;
    background:#213e75;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.4);
    transition:.3s;
	color:#fff;
	margin:0 20px 20px 20px;
	display:inline-block;
}
.cancard:hover{
    transform:translateY(-8px);
}
.photo{
    height:200px;
    background-size:cover;
    background-position:center;
}
.name{
    text-align:center;
    font-size:20px;
    padding:15px;
}
.vote{
    text-align:center;
    font-size:40px;
    font-weight:bold;
    padding:20px;
}
.yes{
    background:#1aa34a;
}
.no{
    background:#c62828;
}
.actionstep {
	line-height:22px !important;
}
.artcard {
	min-height:420px;
}
.plainsticker {
	background-color:#213e75;
}
.max4 {
	max-width:748px;
	margin:0 auto;
}
.max8 {
	max-width:1040px;
	margin:0 auto;
}
.questionexplain strong {
	color:#d22525
}

    .choice {
        text-align:center;
        font-size:36px;
        font-weight:bold;
        padding:20px 20px 30px 20px;
        line-height: 36px;
    }
    .mildagree {
        background:#5ea978;
    }
    .milddisagree {
        background:#c85656;
    }
    .agree {
        background:#1aa34a;
    }
    .disagree {
        background:#c62828;
    }
    .priority-container {
        display: flex;
        gap: 20px;
        width: 100%;
        margin: 30px auto;
    }
    .priority-name {
        font-size:12px;
        margin:0 auto -20px 0;
        display:block;
        font-style:normal;
        letter-spacing:1px;
    }
    .priority-name span {
        font-size:20px;
        font-weight:700;
        margin-right:7px;
    }
    .demcolor {
        color:#2752b5;
    }
    .repcolor {
        color:#bc0f0f;
    }
    .nocolor {
        color:#000;
    }
    .priority-box {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 15px;
        background: #f1f1f1;
        padding: 18px;
        border-radius: 8px;
        min-height: 100px;
        box-sizing: border-box;
    }
    .priority-box img {
        width: 78px;
        height: 78px;
        object-fit: cover;
        border-radius: 50%;
        flex-shrink: 0;
    }
    .priority-box p {
        margin: 0;
        font-size: 18px;
        line-height: 1.4;
        color: #333;
    }
    .questionexplain img {
        border-radius:6px;
    }
    /* Stack boxes on smaller screens */
    @media (max-width: 700px) {
        .priority-container {
            flex-direction: column;
        }
    }