/* ==========================================================================
   ResearchOps UI - Start route stylesheet source
   Service:    Home Office Biometrics - ResearchOps
   Route:      /pages/start/
   Build:      GOV.UK Frontend components with route-specific support
   Repo:       /src/styles/start.scss
   License:    All rights reserved
   ========================================================================== */

/* Start page shell */

.start-card {
	margin-bottom: 24px;
	}

.start-step {
	margin-top: 24px;
	}

.start-step:first-of-type {
	margin-top: 0;
	}

.start-step[hidden] {
	display: none;
	}

.hidden {
	display: none;
	}

.start-step .lede, .start-step .govuk-body {
	max-width: 760px;
	}

.start-form {
	display: grid;
	gap: 12px;
	}

.start-form label {
	margin: 0;
	}

.start-form textarea {
	min-height: 140px;
	resize: vertical;
	}

.start-form .hint {
	margin: 0;
	}

.start-form .cta, .start-step .cta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
	}

.start-panel {
	margin: 12px 0 24px;
	}

.start-assist {
	margin-top: 30px;
	}

.start-assist-output {
	margin-top: 20px;
	}

.start-assist-status {
	color: #505a5f;
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 10px;
	vertical-align: top;
	}

.sugg-visible, .ai-region {
	margin-top: 20px;
	}

.sugg-grid {
	display: grid;
	gap: 20px;
	}

.sugg-col {
	border-top: 1px solid #b1b4b6;
	padding-top: 15px;
	}

.sugg-heading, .sugg-col .govuk-heading-s {
	margin-bottom: 10px;
	}

.sugg-list {
	margin-bottom: 0;
	}

.sugg-item {
	margin-bottom: 20px;
	}

.sugg-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 4px;
	}

.sugg-cat {
	display: inline-block;
	}

.sugg-sev {
	text-transform: lowercase;
	}

.sugg-tip {
	margin-bottom: 5px;
	max-width: 68ch;
	}

.sugg-why {
	color: #505a5f;
	margin-bottom: 0;
	max-width: 68ch;
	}

.ai-summary {
	margin-bottom: 20px;
	max-width: 68ch;
	}

.ai-summary .govuk-body {
	margin-bottom: 0;
	}

.rewrite-block {
	background: #f3f2f1;
	border-left: 5px solid #b1b4b6;
	margin-bottom: 20px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
	}

.rewrite-block h2, .rewrite-block h3 {
	font-size: 19px;
	margin: 0 0 10px;
	}

.rewrite-block p, .rewrite-block ul, .rewrite-block ol {
	margin-bottom: 15px;
	max-width: 68ch;
	}

.rewrite-block > :last-child {
	margin-bottom: 0;
	}

@media (min-width: 40.0625em) {
	.sugg-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

.start-error {
	margin: 12px 0;
	}

.start-summary-list {
	margin-bottom: 24px;
	}

.start-summary-list .govuk-summary-list__value {
	word-break: break-word;
	}

@media (min-width: 40.0625em) {
	.start-summary-list .govuk-summary-list__actions {
		width: 20%;
		}
	}

/* transparency begins in the cascade */