@charset "utf-8";
/* ==========================================================================
   Jah-Page.css — shared responsive styles for content pages that use the
   responsive banner (jah-banner-responsive.php). Pairs with Jah-Main.css.
   ========================================================================== */

body { background-color: #E8EAA6; }

/* Content wrapper. Top padding clears the absolutely-positioned banner
   (three stacked 30px buttons ≈ 90px) so content isn't hidden underneath. */
.pageWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 14px 30px;
	box-sizing: border-box;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1a1a1a;
}

/* --- Search box --- */
.wordSearch { margin: 6px auto 18px; }
.wordSearch label {
	display: block;
	color: green;
	font-size: 13px;
	margin-bottom: 6px;
}
.wordSearchRow {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}
.wordSearch input[type="text"] {
	flex: 1 1 220px;
	max-width: 320px;
	padding: 8px;
	font-size: 14px;
	box-sizing: border-box;
}
.wordSearch input[type="submit"] {
	padding: 8px 18px;
	font-size: 14px;
	cursor: pointer;
}

/* --- Intro / headings --- */
.speechIntro  { font-size: 13px; margin: 8px 0; }
.speechHeading { font-size: 13px; margin: 12px 0 4px; }
.speechGroup  { font-size: 14px; color: #000066; margin: 18px 0 8px; }

.speechRule {
	border: 0;
	border-top: 1px solid #9a9a6a;
	max-width: 900px;
	margin: 20px auto;
}

/* --- Speech lists --- */
/* New / Recent: a centered single column. */
.speechList {
	display: inline-block;
	text-align: left;
	margin: 0 auto;
}

/* Old speeches / search results: flow into as many ~240px columns as fit
   (multi-column on desktop, single column on phones). */
.speechColumns {
	max-width: 900px;
	margin: 0 auto;
	text-align: left;
	column-width: 240px;
	column-gap: 36px;
}

.speechLink {
	display: block;
	padding: 5px 2px;
	font-size: 13px;
	color: #9D0000;
	text-decoration: none;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}
.speechLink:hover { color: #c00; text-decoration: underline; }

/* --- Search result captions --- */
.searchStatement { font-size: 15px; font-weight: bold; margin: 8px 0; }
.spaceNote       { font-size: 13px; color: #ff0000; margin: 6px 0; }
.speechCount     { font-size: 13px; margin: 18px 0; }

/* --- Forum post / reply / edit forms --- */
.forumReturn { max-width: 760px; margin: 8px auto; text-align: left; }
.forumForm { max-width: 600px; margin: 0 auto; text-align: left; }
.forumForm table { width: 100%; max-width: 600px; }
.forumForm textarea { width: 100%; box-sizing: border-box; min-height: 300px; }
.forumForm input[type="text"] { width: 100%; box-sizing: border-box; }
.forumHelp { max-width: 600px; margin: 14px auto; text-align: left; }
.forumHelp table { width: 100%; }
.forumQuote { max-width: 660px; margin: 12px auto; text-align: left; }
.forumQuote textarea { width: 100%; box-sizing: border-box; }

/* --- Single speech view (show-jah-word.php) --- */
.speechMeta { font-size: 13px; margin: 14px 0; }
.pageLink {
	font-size: 11px;
	color: #006600;
	margin: 12px 0;
	word-break: break-all;
}
.speechView {
	max-width: 600px;
	margin: 10px auto;
	text-align: left;
}
.speechViewTitle { font-size: 15px; font-weight: bold; text-align: center; margin: 6px 0; }
.speechViewDate  { font-size: 11px; text-align: center; margin: 2px 0; }
.speechViewHeader { font-size: 13px; text-align: center; margin: 16px 0; }
.speechBody { font-size: 13px; line-height: 1.55; }

/* --- Sign-in form (login.php / jah-login-err.php) --- */
.loginIntro { max-width: 560px; margin: 8px auto; font-size: 13px; line-height: 1.5; }
.loginIntro a { color: #9D0000; }
.loginForm { max-width: 360px; margin: 14px auto 0; text-align: left; }
.loginForm .loginRow { margin: 12px 0; }
.loginForm label { display: block; font-weight: bold; font-size: 13px; margin-bottom: 4px; }
.loginForm input[type="text"],
.loginForm input[type="password"] { width: 100%; padding: 8px; font-size: 14px; box-sizing: border-box; }
.loginForm .loginRemember label { font-weight: normal; font-size: 12px; }
.loginForm .loginRemember input { width: auto; margin-right: 6px; }
.loginForm .loginSubmit { margin-top: 16px; text-align: center; }
.loginForm input[type="submit"] { padding: 8px 24px; font-size: 14px; cursor: pointer; }
.loginErrorMark { color: #FF0000; }
.loginMsg { max-width: 560px; margin: 14px auto; font-size: 14px; line-height: 1.5; }
.loginMsg a { color: #9D0000; }

/* --- Membership form (jah-new-member.php) --- */
.memberForm { max-width: 460px; }
.loginForm select { width: 100%; padding: 8px; font-size: 14px; box-sizing: border-box; }
.loginForm .fieldHint { font-size: 11px; font-weight: normal; line-height: 1.4; margin: 4px 0 0; }
#testPad { margin: 8px 0; font-size: 22px; font-weight: bold; letter-spacing: 3px; }