.noob-container {
	max-width: 820px;
	margin: 0 auto;
}

.welcome-section {
	background: var(--paper-2);
	border: 1px solid var(--rule);
	padding: 1.15rem 1.4rem;
	border-radius: 6px;
}

.welcome-section h2 {
	font-family: var(--serif);
	font-size: 1.7rem;
	margin-bottom: .4rem;
	color: var(--ink);
	text-align: center;
}

.subtitle {
	text-align: center;
	font-size: 1.05rem;
	color: var(--ink-dim);
	margin-bottom: 1.5rem;
	font-style: italic;
}

.guide-content {
	margin-top: 1.5rem;
}

.guide-section {
	margin-bottom: .8rem;
	padding: .75rem 1rem;
	background: var(--paper-2);
	border-left: 3px solid var(--accent);
	border-radius: 4px;
}

.guide-section h3 {
	font-size: 1.15rem;
	color: var(--ink);
	margin-bottom: .6rem;
	display: flex;
	align-items: center;
	gap: .5rem;
}

.guide-section p {
	color: var(--ink-dim);
	line-height: 1.6;
	margin-bottom: .6rem;
}

.guide-section ul {
	margin-left: 1.6rem;
	color: var(--ink-dim);
	line-height: 1.7;
}

.guide-section li {
	margin-bottom: .45rem;
}

.guide-section a {
	color: var(--accent);
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	word-break: break-word;
}

.guide-section a:hover {
	border-bottom-color: var(--accent);
}

.info-box {
	background: var(--paper-2);
	padding: .8rem 1rem;
	border-radius: 4px;
	border: 1px solid var(--rule-strong);
	margin: .8rem 0;
}

.info-box p {
	margin: .35rem 0;
	color: var(--ink);
	font-weight: 500;
}

.next-steps {
	margin-top: 1.1rem;
	padding-top: .9rem;
	border-top: 1px solid var(--rule);
	display: flex;
	gap: 1.2rem;
	justify-content: center;
	flex-wrap: wrap;
}

.action-button {
	display: inline-block;
	background: var(--ink);
	color: var(--paper);
	text-decoration: none;
	padding: .65rem 1.5rem;
	border-radius: 4px;
	font-weight: 600;
	font-size: .95rem;
}

.action-button:hover {
	background: var(--ink-dim);
	color: var(--paper);
}

.action-button:focus,
.action-button:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
	.welcome-section {
		padding: 1.25rem;
	}

	.welcome-section h2 {
		font-size: 1.35rem;
	}

	.subtitle {
		font-size: .95rem;
		margin-bottom: 1.1rem;
	}

	.guide-content {
		margin-top: 1.1rem;
	}

	.guide-section {
		padding: .85rem 1rem;
		margin-bottom: 1.1rem;
	}

	.guide-section h3 {
		font-size: 1.05rem;
		flex-wrap: wrap;
	}

	.guide-section p,
	.guide-section li {
		font-size: .88rem;
	}

	.next-steps {
		flex-direction: column;
		gap: .8rem;
		margin-top: 1.5rem;
		padding-top: 1.1rem;
	}

	.action-button {
		width: 100%;
		text-align: center;
	}
}