.hn-breadcrumbs-shell { box-sizing: border-box; padding: 0 0 0; margin: 0; width: 100%; background: #f8faf9; border-bottom: 1px solid #e4ebe7; }
.hn-breadcrumbs { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 12px 24px; color: #536259; font-family: inherit; font-size: 14px; line-height: 1.6; text-align: left; }
.hn-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 0; list-style: none; margin: 0; padding: 0; }
.hn-breadcrumbs li { display: flex; align-items: baseline; min-width: 0; max-width: 100%; padding: 0; margin: 0; overflow-wrap: anywhere; }
.hn-breadcrumbs li + li::before { content: '›'; color: #6f7c74; flex: 0 0 auto; padding: 0 10px; }
.hn-breadcrumbs a { color: #216441; text-decoration: none; overflow-wrap: anywhere; }
.hn-breadcrumbs a:hover { text-decoration: underline; }
.hn-breadcrumbs a:focus-visible { outline: 2px solid #216441; outline-offset: 3px; border-radius: 2px; }
.hn-breadcrumbs [aria-current=page] { color: #273e30; font-weight: 600; }
@media (max-width: 768px) { .hn-breadcrumbs { padding: 10px 16px; font-size: 13px; } .hn-breadcrumbs li + li::before { padding: 0 7px; } }
@media print { .hn-breadcrumbs-shell { display: none; } }
/* 分類頁原本為固定搜尋橫條保留的頂部空間，已由麵包屑外框承接。 */
#hnBreadcrumbs ~ .acm-page { padding-top: 24px; }
