.page-trail{display:flex;align-items:center;gap:22px;padding-top:28px;padding-bottom:20px;color:var(--muted)}
.page-back{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:40px;padding:6px 18px 6px 0;border-right:1px solid var(--border);color:var(--text);font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s}
.page-back svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-back:hover{color:var(--accent)}
.page-back:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.breadcrumbs .page-back{font-size:inherit}
.page-breadcrumbs{min-width:0;display:block;font-size:14px;line-height:1.6}
.page-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
.page-breadcrumbs li{display:flex;align-items:baseline;min-width:0;overflow-wrap:anywhere}
.page-breadcrumbs li+li::before{content:'/';margin:0 12px;color:var(--muted);opacity:.65}
.page-breadcrumbs a{color:var(--muted);padding:0}
.page-breadcrumbs a:hover{color:var(--accent);text-decoration:underline}
.page-breadcrumbs [aria-current=page]{color:var(--text)}
.page-trail+.product-main.section,.page-trail+.legal-main.section{padding-top:28px}
.page-trail+.system-content .intro,.page-trail+.system-content .validation-intro{padding-top:28px}
@media(max-width:600px){.page-trail{align-items:flex-start;flex-direction:column;gap:8px;padding-top:14px;padding-bottom:12px}.page-back{border-right:0;padding-right:0;min-height:40px}.page-breadcrumbs li+li::before{margin:0 8px}.page-trail+.system-content .intro{padding-top:20px}.breadcrumbs{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.page-back{transition:none}}