.suggestions-page{
	padding:28px clamp(16px, 4vw, 32px) 36px !important;
}

.suggestion-form{
	width:calc(100% - 40px);
	max-width:760px;
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0 auto;
	padding:clamp(20px, 4vw, 28px);
	border:1px solid rgba(74,149,224,.24);
	border-radius:14px;
	background:var(--nh-card-bg, rgba(255, 255, 255, .85)) !important;
	box-shadow:0 10px 26px rgba(46,95,150,.12);
	box-sizing:border-box;
}

.suggestion-form label{
	font-size:.82rem;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(18,60,104,.86);
}

.suggestion-form select,
.suggestion-form textarea{
	width:100%;
	border:0 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;
	font-family:inherit;
}

.suggestion-form select:focus,
.suggestion-form textarea:focus{
	box-shadow:0 0 2px 1px var(--blue-dark);
}

.suggestion-form textarea{
	min-height:180px;
	resize:vertical;
	line-height:1.4;
}

.suggestions-submit{
	background:var(--blue-dark);
	border:0 solid white;
	outline:0 solid var(--blue-dark);
	padding:10px;
	margin:10px 0;
	font-size:1.2rem;
	width:100%;
	color:white;
	border-radius:10px;
	box-sizing:border-box;
	cursor:pointer;
}

.suggestions-submit:hover,
.suggestions-submit:focus-visible{
	background:rgba(18,60,104,.92);
}

.suggestions-status{
	margin:6px 0 0;
	padding:10px 12px;
	border-radius:8px;
	background:rgba(255,255,255,.65);
	color:var(--blue-dark);
}

/* Guidance beside the form; supporting text comes first on small screens. */
.suggestions-main > .billboard { height:auto; min-height:0; padding:36px 20px; }
.suggestions-main .suggestions-page { display:block; }
.suggestions-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    align-items:start;
    gap:clamp(24px,4vw,56px);
    width:calc(100% - 32px);
    max-width:1200px;
    margin:0 auto;
}
.suggestions-layout > .suggestion-form { width:100%; max-width:none; margin:0; }
.suggestions-guidance {
    box-sizing:border-box;
    min-width:0;
    padding:var(--nh-card-padding);
    border:var(--nh-card-border);
    border-radius:var(--nh-card-radius);
    background:var(--nh-card-bg);
    box-shadow:var(--nh-card-shadow);
    color:var(--nh-card-text);
}
.suggestions-guidance h1 { margin:0 0 20px; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; text-align:left; color:var(--blue-dark); }
.suggestions-guidance p { margin:0 0 18px; line-height:1.6; text-align:left; }
.suggestions-guidance .suggestions-kicker { font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.suggestions-guidance a { color:var(--blue-dark); font-weight:700; }
.suggestions-guidance > a { display:inline-block; margin-bottom:18px; }
.suggestions-guidance p:last-child { margin-bottom:0; }
@media(max-width:800px) { .suggestions-layout { grid-template-columns:minmax(0,1fr); max-width:760px; } }
