.hfk-ppr-main { max-width: 860px; margin: 0 auto; padding: 24px 16px 48px; }
.hfk-ppr { --ppr-accent: #1f5fa8; --ppr-border: #c9d1db; --ppr-muted: #5b6573; max-width: 860px; font-size: 16px; line-height: 1.5; }
.hfk-ppr *, .hfk-ppr *::before, .hfk-ppr *::after { box-sizing: border-box; }
.hfk-ppr-intro { margin-bottom: 1em; }
.hfk-ppr-form fieldset { border: 1px solid var(--ppr-border); border-radius: 8px; padding: 14px 16px 6px; margin: 0 0 18px; }
.hfk-ppr-form legend { font-weight: 700; padding: 0 6px; }
.hfk-ppr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 16px; }
.hfk-ppr-felt { display: block; font-weight: 600; font-size: 14px; margin-bottom: 12px; }
.hfk-ppr-felt input, .hfk-ppr-felt select, .hfk-ppr-felt textarea {
	display: block; width: 100%; margin-top: 4px; padding: 9px 10px; font: inherit; font-weight: 400;
	border: 1px solid var(--ppr-border); border-radius: 6px; background: #fff; color: #111;
}
.hfk-ppr-felt input:focus, .hfk-ppr-felt select:focus, .hfk-ppr-felt textarea:focus { outline: 2px solid var(--ppr-accent); outline-offset: 0; border-color: var(--ppr-accent); }
.hfk-ppr-felt--bred { grid-column: 1 / -1; }
.hfk-ppr-felt--fejl input, .hfk-ppr-felt--fejl select { border-color: #b32d2e; background: #fff6f6; }
.hfk-ppr-err { display: block; color: #b32d2e; font-weight: 400; font-size: 13px; margin-top: 3px; }
.hfk-ppr-hint { color: var(--ppr-muted); font-size: 14px; margin: 0 0 10px; }
.hfk-ppr-accept { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 6px; }
.hfk-ppr-accept input { margin-top: 4px; }
.hfk-ppr-accept.hfk-ppr-felt--fejl { color: #b32d2e; }
.hfk-ppr-btn { display: inline-block; padding: 11px 22px; border: 0; border-radius: 6px; background: var(--ppr-accent); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.hfk-ppr-btn:hover { filter: brightness(1.1); }
.hfk-ppr-btn--fare { background: #b32d2e; }
.hfk-ppr-box { border: 1px solid var(--ppr-border); border-left-width: 5px; border-radius: 6px; padding: 12px 16px; margin: 0 0 18px; background: #f7f9fb; }
.hfk-ppr-box h3 { margin: 0 0 6px; }
.hfk-ppr-box p { margin: 6px 0; }
.hfk-ppr-ok { border-left-color: #0a7a2f; background: #f1faf3; }
.hfk-ppr-vent { border-left-color: #b26200; background: #fff8ee; }
.hfk-ppr-fejl { border-left-color: #b32d2e; background: #fff6f6; }
.hfk-ppr-nr { font-size: 26px; font-weight: 800; letter-spacing: 1px; font-family: ui-monospace, Menlo, Consolas, monospace; }
.hfk-ppr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.hfk-ppr-tank { margin: 4px 0 12px; }
.hfk-ppr-felt[hidden] { display: none !important; }