/* Husdebook Pages Importer — content styling only. Scoped to .hdb-page. */

.hdb-page {
	--hdb-fg: #1c1f1d;
	--hdb-muted: #66706a;
	--hdb-border: #e3e6e2;
	--hdb-card: #ffffff;
	--hdb-soft: #f7f6f1;
	--hdb-primary: #1f4d36;
	--hdb-accent: #b4703a;
	color: var(--hdb-fg);
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px 64px;
	line-height: 1.7;
	font-size: 16px;
}

/* Page head */
.hdb-pagehead {
	padding: 40px 0 28px;
	border-bottom: 1px solid var(--hdb-border);
	margin-bottom: 32px;
}
.hdb-eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hdb-muted);
}
.hdb-title {
	margin: 0;
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -.01em;
}
.hdb-lede {
	margin: 14px 0 0;
	font-size: 17px;
	color: var(--hdb-muted);
	max-width: 62ch;
}

/* Body text */
.hdb-prose h2 {
	margin: 36px 0 12px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}
.hdb-prose h3 { margin: 26px 0 10px; font-size: 18px; font-weight: 600; }
.hdb-prose p { margin: 0 0 16px; }
.hdb-prose ul,
.hdb-prose ol { margin: 0 0 16px; padding-left: 22px; }
.hdb-prose li { margin: 0 0 8px; }
.hdb-prose a { color: var(--hdb-primary); text-decoration: underline; text-underline-offset: 2px; }
.hdb-prose a:hover { opacity: .8; }
.hdb-muted { color: var(--hdb-muted); }

/* At a glance */
.hdb-facts {
	margin: 32px 0;
	border: 1px solid var(--hdb-border);
	border-radius: 10px;
	background: var(--hdb-card);
	overflow: hidden;
}
.hdb-facts-title {
	margin: 0 !important;
	padding: 12px 20px;
	border-bottom: 1px solid var(--hdb-border);
	font-size: 12px !important;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hdb-muted);
}
.hdb-facts dl { margin: 0; }
.hdb-fact {
	display: grid;
	gap: 4px;
	padding: 12px 20px;
	border-top: 1px solid var(--hdb-border);
	font-size: 14px;
}
.hdb-fact:first-child { border-top: 0; }
.hdb-fact dt { color: var(--hdb-muted); margin: 0; }
.hdb-fact dd { margin: 0; }
@media (min-width: 640px) {
	.hdb-fact { grid-template-columns: 13rem 1fr; gap: 16px; }
}

/* Callouts */
.hdb-note {
	margin: 26px 0;
	padding: 16px 20px;
	border: 1px solid var(--hdb-border);
	border-left-width: 4px;
	border-radius: 0 8px 8px 0;
	background: var(--hdb-soft);
}
.hdb-note-positive { border-left-color: var(--hdb-primary); background: rgba(31, 77, 54, .05); }
.hdb-note-attention { border-left-color: var(--hdb-accent); background: rgba(180, 112, 58, .06); }
.hdb-note-neutral { border-left-color: var(--hdb-border); }
.hdb-note-title { margin: 0 0 6px !important; font-weight: 600; font-size: 14px; }
.hdb-note-body { font-size: 14px; }
.hdb-note-body p { margin: 0 0 8px; }
.hdb-note-body p:last-child { margin-bottom: 0; }

/* Help block */
.hdb-help {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid var(--hdb-border);
	border-radius: 10px;
	background: var(--hdb-soft);
}
.hdb-help h2 { margin: 0 0 4px !important; font-size: 16px !important; }
.hdb-help-intro { margin: 0 0 10px; font-size: 14px; color: var(--hdb-muted); }
.hdb-help ul { margin: 0; padding-left: 0; list-style: none; font-size: 14px; }
.hdb-help li { margin: 0 0 4px; }

/* Related pages */
.hdb-related { margin-top: 32px; border-top: 1px solid var(--hdb-border); padding-top: 18px; }
.hdb-related-title { margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.hdb-related ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	font-size: 14px;
}

.hdb-updated {
	margin-top: 40px;
	padding-top: 16px;
	border-top: 1px solid var(--hdb-border);
	font-size: 12px;
	color: var(--hdb-muted);
}

/* Two-column layouts (About / Contact / Track Order) */
.hdb-split { display: grid; gap: 40px; }
@media (min-width: 900px) {
	.hdb-split { grid-template-columns: 2fr 1fr; }
	.hdb-split-even { grid-template-columns: 1fr 1fr; }
}
.hdb-aside { font-size: 14px; }
.hdb-aside h2 { margin-top: 0 !important; font-size: 18px !important; }
.hdb-aside-block { margin-bottom: 20px; }
.hdb-aside-label {
	margin: 0 0 4px;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--hdb-muted);
}
.hdb-aside address { font-style: normal; }

/* Accordion (FAQ) */
.hdb-accordion {
	border: 1px solid var(--hdb-border);
	border-radius: 10px;
	background: var(--hdb-card);
	overflow: hidden;
}
.hdb-accordion details { border-top: 1px solid var(--hdb-border); }
.hdb-accordion details:first-child { border-top: 0; }
.hdb-accordion summary {
	padding: 16px 20px;
	cursor: pointer;
	font-weight: 500;
	list-style: none;
	position: relative;
	padding-right: 48px;
}
.hdb-accordion summary::-webkit-details-marker { display: none; }
.hdb-accordion summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: var(--hdb-muted);
}
.hdb-accordion details[open] summary::after { content: "–"; }
.hdb-accordion-body { padding: 0 20px 18px; font-size: 15px; color: #3a423d; }

/* Cards & forms */
.hdb-card {
	border: 1px solid var(--hdb-border);
	border-radius: 10px;
	background: var(--hdb-card);
	padding: 24px;
}
.hdb-field { margin-bottom: 16px; }
.hdb-field label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.hdb-field input,
.hdb-field textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--hdb-border);
	border-radius: 6px;
	font: inherit;
	font-size: 15px;
	background: #fff;
	color: var(--hdb-fg);
}
.hdb-field input:focus,
.hdb-field textarea:focus { outline: 2px solid var(--hdb-primary); outline-offset: 1px; }
.hdb-hp { position: absolute; left: -9999px; }
.hdb-button {
	display: inline-block;
	padding: 11px 22px;
	border: 0;
	border-radius: 6px;
	background: var(--hdb-primary);
	color: #fff;
	font: inherit;
	font-weight: 500;
	cursor: pointer;
}
.hdb-button:hover { opacity: .92; }
.hdb-alert {
	margin-bottom: 18px;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	border: 1px solid;
}
.hdb-alert-ok { border-color: rgba(31, 77, 54, .3); background: rgba(31, 77, 54, .06); }
.hdb-alert-err { border-color: rgba(178, 48, 48, .3); background: rgba(178, 48, 48, .06); }
.hdb-contact-list { list-style: none; padding: 0; margin: 12px 0 0; }
.hdb-contact-list li { margin-bottom: 6px; }