#petitions_tabs{
	margin: 20px;
	width:100%;
	max-width:1000px;
	display:flex;
	justify-content: space-around;
	border-bottom:1px solid var(--blue-dark);
}
#petitions_form{
	display: none;
}
#petitions_list{
	display:flex;
	width:100%;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	box-sizing:border-box;
	padding:0 20px;
}
#petitions_form{
	width:100%;
	justify-content: center;
	box-sizing:border-box;
	padding:0 20px;
}
#petitions_tabs>span{
	display:block;
	position:relative;
	top: 1px;
	text-align:center;
	border:1px solid var(--blue-dark);
	border-bottom:0px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	padding: 10px 10%;
	background-color:var(--blue-medium);
}
#petition_idea{
	margin:20px;
	width: calc(100% - 40px);
	max-width:1000px;
	box-sizing:border-box;
}
#petition_idea textarea, #petition_idea input[type="text"], #petition_idea select{
	width: 100%;
	border: 0px solid white;
	outline: 1px solid var(--blue-medium);
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1em;
	color: var(--blue-dark);
	font-size: 1.2rem;
	border-radius: 10px;
	box-sizing: border-box;
	background:#fff;
	max-width:1000px;
	min-height:50px;
}
#petition_idea textarea:focus, #petition_idea input[type="text"]:focus, #petition_idea select:focus{
	box-shadow:0px 0px 2px 1px var(--blue-dark);
}
#petition_idea input[type="submit"]{
	background:var(--blue-dark);
	border:0px solid white;
	outline:0px solid var(--blue-dark);
	padding:10px;
	margin:10px 0px;
	font-size:1.2rem;
	width:100%;
	color:white;
	border-radius:10px;
	box-sizing:border-box;
}

.petition-status{
	width:calc(100% - 40px);
	max-width:1000px;
	margin:16px auto 0;
	padding:12px 14px;
	box-sizing:border-box;
	color:var(--blue-dark);
	background:#fff;
	border:1px solid rgba(18,60,104,.2);
	border-left:5px solid var(--purple-medium);
	border-radius:8px;
}

.petition-status.success{
	border-left-color:var(--green-dark);
}

.petition-card-list{
	width:100%;
	max-width:1000px;
	margin:20px 0;
	display:flex;
	flex-direction:column;
	gap:16px;
	box-sizing:border-box;
}

.petition-card{
	width:100%;
	box-sizing:border-box;
	background:var(--nh-card-bg, rgba(255, 255, 255, .85)) !important;
	border:1px solid rgba(18,60,104,.16);
	border-radius:8px;
	box-shadow:0 10px 26px rgba(18,60,104,.08);
	overflow:hidden;
	cursor:pointer;
}

.petition-card-summary{
	display:grid;
	grid-template-columns:minmax(0,1fr) 180px;
	gap:18px;
	padding:18px;
	box-sizing:border-box;
}

.petition-card-main h2{
	margin:8px 0;
	color:var(--blue-dark);
	font-size:1.45rem;
	line-height:1.2;
}

.petition-card-main p,
.petition-card-detail-grid p,
.petition-comment p{
	margin:0;
	color:rgba(18,60,104,.86);
	line-height:1.45;
}

.petition-card-topline{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}

.petition-card-type,
.petition-card-date,
.petition-card-toggle-hint,
.petition-signed-note{
	font-size:.85rem;
	color:rgba(18,60,104,.78);
}

.petition-card-type{
	padding:5px 8px;
	color:#fff;
	background:var(--green-dark);
	border-radius:999px;
	font-weight:700;
}

.petition-card-side{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:4px;
	text-align:right;
	color:var(--blue-dark);
}

.petition-card-side strong{
	font-size:2rem;
	line-height:1;
}

.petition-progress{
	height:8px;
	background:rgba(18,60,104,.1);
}

.petition-progress span{
	display:block;
	height:100%;
	background:linear-gradient(90deg, var(--green-dark), var(--blue-dark));
}

.petition-card-details{
	display:none;
	padding:18px;
	border-top:1px solid rgba(18,60,104,.12);
	background:rgba(255,255,255,.78);
}

.petition-card[data-expanded="1"] .petition-card-details{
	display:block;
}

.petition-card[data-expanded="1"] .petition-card-toggle-hint::before{
	content:"Hide details";
}

.petition-card[data-expanded="0"] .petition-card-toggle-hint::before{
	content:"Tap for more details";
}

.petition-card-toggle-hint{
	font-size:0;
}

.petition-card-toggle-hint::before{
	font-size:.85rem;
}

.petition-card-detail-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:12px;
	margin-bottom:16px;
}

.petition-card-detail-grid strong,
.petition-comments h3{
	display:block;
	margin:0 0 4px;
	color:var(--blue-dark);
}

.petition-sign-form{
	display:grid;
	gap:10px;
	margin:14px 0;
}

.petition-sign-form textarea{
	width:100%;
	min-height:76px;
	box-sizing:border-box;
	padding:10px;
	border:1px solid rgba(18,60,104,.22);
	border-radius:8px;
	font-size:1rem;
	color:var(--blue-dark);
}

.petition-sign-form button{
	justify-self:start;
	padding:10px 18px;
	border:0;
	border-radius:8px;
	background:var(--blue-dark);
	color:#fff;
	font-size:1rem;
	cursor:pointer;
}

.petition-signed-note{
	margin:14px 0;
}

.petition-comments{
	margin-top:16px;
	display:grid;
	gap:8px;
}

.petition-comment{
	padding:10px;
	background:#fff;
	border:1px solid rgba(18,60,104,.12);
	border-radius:8px;
}

.petition-comment span{
	display:block;
	margin:2px 0 6px;
	font-size:.8rem;
	color:rgba(18,60,104,.68);
}

.petition-empty-state{
	width:100%;
	max-width:1000px;
	margin:20px 0;
	padding:36px 28px;
	box-sizing:border-box;
	text-align:center;
	background:var(--nh-card-bg, rgba(255, 255, 255, .85)) !important;
	border:1px solid rgba(18,60,104,.14);
	border-radius:18px;
	box-shadow:0 14px 32px rgba(18,60,104,.08);
}

.petition-member-gate{
	width:calc(100% - 40px);
	max-width:1000px;
	margin:20px;
	padding:24px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid rgba(18,60,104,.16);
	border-radius:8px;
	box-shadow:0 10px 26px rgba(18,60,104,.08);
	color:var(--blue-dark);
}

.petition-member-gate h2{
	margin:0 0 8px;
}

.petition-member-gate p{
	margin:0;
	line-height:1.5;
}

.petition-empty-kicker{
	margin:0 0 10px;
	font-size:.82rem;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--blue-dark);
	opacity:.74;
}

.petition-empty-message{
	margin:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	line-height:1.08;
}

.petition-empty-message span{
	display:block;
}

.petition-empty-blue{
	color:var(--blue-dark);
	font-family: Georgia, "Times New Roman", serif;
	font-size:clamp(1.75rem, 3.2vw, 2.5rem);
	font-weight:700;
}

.petition-empty-green{
	color:var(--green-dark);
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:clamp(1.35rem, 2.6vw, 2.05rem);
	font-weight:700;
}

.petition-empty-purple{
	color:var(--purple-medium);
	font-family: Candara, "Segoe UI", sans-serif;
	font-size:clamp(1.55rem, 2.8vw, 2.2rem);
	font-weight:800;
}

.petition-empty-subcopy{
	margin:16px auto 0;
	max-width:560px;
	font-size:1rem;
	line-height:1.55;
	color:rgba(18,60,104,.82);
}

@media only screen and (max-width:749px){
	#petition_idea,
	.petition-member-gate{
		width:calc(100% - 32px);
		margin:16px;
	}

	#petitions_list,
	#petitions_form{
		padding:0 16px;
	}

	.petition-card-list{
		margin:16px 0;
	}

	.petition-card-summary,
	.petition-card-detail-grid{
		grid-template-columns:1fr;
	}

	.petition-card-side{
		align-items:flex-start;
		text-align:left;
	}

	.petition-empty-state{
		margin:16px 0;
		padding:28px 18px;
		border-radius:14px;
	}
}