/* =====================================================================
   Stil „Ingenieur“ – hell, präzise, technisch. Blaupause & Signalorange.
   ===================================================================== */
body.hhab-style-ingenieur {
	--hh-body-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--hh-head-font: 'IBM Plex Sans', system-ui, sans-serif;
	--hh-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
	--hh-num-font: var(--hh-mono);
	--hh-stat-font: var(--hh-mono);
	--hh-eyebrow-font: var(--hh-mono);
	--hh-head-weight: 600;
	--hh-head-tracking: -0.018em;

	--hh-bg: #f4f6f9;
	--hh-surface: #ffffff;
	--hh-surface-2: #eef2f6;
	--hh-text: #1c2735;
	--hh-heading: #0b2545;
	--hh-muted: #566578;
	--hh-border: #d9e0e8;
	--hh-border-soft: #e8edf2;
	--hh-zebra: #f8fafc;
	--hh-link: #0a58ca;
	--hh-link-hover: #0b2545;
	--hh-accent: #0a58ca;
	--hh-accent-hover: #0847a3;
	--hh-accent-ink: #ffffff;
	--hh-accent-soft: #e8f0fc;
	--hh-signal: #ff7a1a;
	--hh-eyebrow: #0a58ca;
	--hh-table-head: #0b2545;
	--hh-table-head-ink: #ffffff;

	--hh-radius: 6px;
	--hh-radius-sm: 4px;
	--hh-btn-radius: 4px;
	--hh-logo-radius: 4px;
	--hh-logo-bg: #0b2545;
	--hh-logo-ink: #ff7a1a;

	--hh-shadow: 0 1px 2px rgba(11, 37, 69, .06);
	--hh-shadow-lg: 0 10px 30px -10px rgba(11, 37, 69, .25);
	--hh-shadow-xl: 0 30px 60px -20px rgba(0, 0, 0, .5);

	--hh-header-bg: rgba(255, 255, 255, .88);
	--hh-header-text: #0b2545;
	--hh-nav-hover: #eef2f6;
	--hh-nav-active: #0a58ca;

	--hh-hero-bg:
		linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px) 0 0 / 8px 8px,
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) 0 0 / 8px 8px,
		#0b2545;
	--hh-hero-text: #ffffff;
	--hh-hero-muted: #b3c3d8;
	--hh-hero-line: rgba(255, 255, 255, .14);
	--hh-hero-frame: rgba(255, 255, 255, .08);

	--hh-footer-bg: #0b2545;
	--hh-footer-text: #e3eaf3;
	--hh-footer-muted: #93a6bf;
	--hh-footer-line: rgba(255, 255, 255, .12);
	--hh-footer-link-hover: #ff9a4d;
}

.hhab-style-ingenieur .site-header { box-shadow: 0 1px 0 rgba(11,37,69,.04); }
.hhab-style-ingenieur .hhab-eyebrow { font-weight: 500; letter-spacing: .08em; }
.hhab-style-ingenieur .hhab-eyebrow::before { content: "// "; color: var(--hh-signal); }
.hhab-style-ingenieur .hhab-hero .hhab-eyebrow { color: #ff9a4d; }
.hhab-style-ingenieur .hhab-hero .hhab-eyebrow::before { color: #ff9a4d; }
.hhab-style-ingenieur .hhab-hero .hhab-btn--primary { background: #ff7a1a; color: #0b2545; }
.hhab-style-ingenieur .hhab-hero .hhab-btn--primary:hover { background: #ff9a4d; color: #0b2545; }
.hhab-style-ingenieur .hhab-stat strong { font-size: 1.15rem; font-weight: 500; }

/* Überschriften mit technischer Markierung */
.hhab-style-ingenieur .entry-content h2 { padding-top: .9rem; border-top: 2px solid var(--hh-heading); position: relative; }
.hhab-style-ingenieur .entry-content h2::before { content: ""; position: absolute; top: -2px; left: 0; width: 56px; height: 2px; background: var(--hh-signal); }
.hhab-style-ingenieur .entry-title { padding-bottom: 1rem; border-bottom: 1px solid var(--hh-border); }

/* Karten wie Datenblätter */
.hhab-style-ingenieur .hhab-card { border-top: 3px solid var(--hh-heading); }
.hhab-style-ingenieur .hhab-card:hover { border-top-color: var(--hh-signal); border-color: var(--hh-border); border-top-color: var(--hh-signal); }
.hhab-style-ingenieur .hhab-card__meta { font-family: var(--hh-mono); font-weight: 500; color: var(--hh-muted); }
.hhab-style-ingenieur .hhab-card__list a::before { color: var(--hh-signal); }
.hhab-style-ingenieur .entry-content li::marker { color: var(--hh-signal); }
.hhab-style-ingenieur .entry-content .wp-block-table td:first-child { font-family: var(--hh-body-font); }
.hhab-style-ingenieur .entry-content .wp-block-table table { font-size: .84rem; }
.hhab-style-ingenieur .hhab-about { border-left: 4px solid var(--hh-signal); }