/* Public layout (pages for visitors who are not logged in: the help). No admin sidebar, no admin scripts. */
* { box-sizing: border-box; }
body.public-help { margin: 0; background: #f8f9fa; color: #2c3e50;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.5; }
.public-topbar { background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.08); }
.public-topbar-inner { max-width: 1100px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.public-brand { font-size: 20px; font-weight: 700; color: #2c3e50; text-decoration: none; }
.public-login { display: inline-block; padding: 8px 18px; border-radius: 5px; background: #5a67d8; color: #fff; font-weight: 600; text-decoration: none; }
.public-login:hover { background: #4c51bf; }
.public-brand:focus-visible, .public-login:focus-visible { outline: 3px solid #3b82f6; outline-offset: 2px; }
.public-main { max-width: 1100px; margin: 0 auto; padding: 24px 20px 48px; }
.public-main .header { margin-bottom: 20px; }
.public-main .header h1 { margin: 0 0 4px; font-size: 28px; }
.public-main .header p { margin: 0; color: #64748b; }
.public-main .help-breadcrumb { padding-right: 0; }
.public-main .btn { display: inline-block; padding: 9px 16px; border: 0; border-radius: 5px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; }
.public-main .btn-primary { background: #5a67d8; color: #fff; }
.public-main .btn-secondary { background: #fff; color: #5a67d8; border: 2px solid #5a67d8; padding: 7px 14px; }
@media (max-width: 768px) {
    .public-main { padding: 16px 12px 32px; }
}
@media print {
    body.public-help { background: #fff; }
    .public-main { padding: 0; max-width: none; }
}