.classification-route #contextbar { margin-bottom: 26px; }
.classification-route .contextsearch { width: min(230px, 28vw); transition: width .18s ease; }
.classification-route .contextsearch:is(:hover, :focus-within) { width: min(320px, 32vw); }
.classification-page { padding-top: 0; }
#app > .listpage .listpanel { margin-top: 10px; }
#app > .classification-code-page .listpanel { margin-top: 0; }
.classification-tabs { display: flex; gap: 5px; padding: 9px 20px 0; border-bottom: 1px solid #cfdfe2; background: #f3f8f8; }
.classification-page .panel.pad > .classification-tabs { margin: -26px -26px 24px; border-radius: 6px 6px 0 0; }
.listpanel > .classification-tabs { border-radius: 6px 6px 0 0; }
.classification-tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-bottom: -1px; padding: 9px 20px; border: 1px solid transparent; border-bottom: 0; border-radius: 5px 5px 0 0; color: #48666c; font-weight: 600; text-decoration: none; }
.classification-tabs a:hover, .classification-tabs a:focus-visible { color: #006f7b; background: #e7f2f2; text-decoration: none; }
.classification-tabs a[aria-current="page"] { color: #005d68; border-color: #cfdfe2; background: #fff; }
.classification-tabs-detail { align-items: end; justify-content: space-between; }
.classification-current-tab { display: inline-flex; align-items: center; min-width: 0; max-width: 42%; min-height: 42px; margin-bottom: -1px; padding: 9px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #cfdfe2; border-bottom: 0; border-radius: 5px 5px 0 0; background: #fff; color: #005d68; font-weight: 700; }
.classification-tabs-detail .classification-method-label { border-color: transparent; background: transparent; color: #48666c; font-weight: 600; }
.classification-entry-links { display: flex; justify-content: flex-end; min-width: 0; gap: 3px; margin-left: auto; }
.classification-tabs-detail .classification-entry-links a { padding: 9px 12px; font-size: 14px; font-weight: 500; }
.classification-tabs-detail .classification-entry-links a[aria-current="page"] { border-color: #cfdfe2; background: #fff; color: #005d68; font-weight: 700; }
.classification-tab-short { display: none; }
.classification-page > .panel { margin-bottom: 18px; }
.classification-page h1 { margin: 0 0 8px; font-size: 19px; line-height: 1.4; letter-spacing: 0; }
.classification-screen-reader { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.classification-head { display: flex; justify-content: space-between; align-items: start; gap: 24px; }
.classification-heading { min-width: 0; flex: 1; }
.classification-head h1 { margin: 0 0 8px; font-size: 19px; }
.classification-head p { margin: 0 0 20px; color: #64748b; }
.classification-switch { display: flex; flex-wrap: wrap; gap: 8px; }
.classification-switch a { padding: 8px 12px; border: 1px solid #dbe5ef; border-radius: 8px; white-space: nowrap; }
.classification-switch a[aria-current="page"] { color: #fff; background: #0875be; border-color: #0875be; }
.classification-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); gap: 10px; }
.classification-card { display: flex; align-items: center; gap: 8px; padding: 13px; border: 1px solid #dbe5ef; border-radius: 8px; color: #1d4e76; text-decoration: none; }
.classification-card:hover, .classification-card:focus-visible { border-color: #0875be; background: #f1f8fd; }
.classification-card strong { flex: none; }
.classification-card span:nth-child(2) { min-width: 0; flex: 1; }
.classification-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.classification-overview-card { display: flex; flex-direction: column; min-width: 0; padding: 13px 14px 11px; border: 1px solid #dbe5ef; border-radius: 6px; background: #fff; }
.classification-overview-title { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 8px; min-height: 49px; color: #174e65; font-weight: 700; line-height: 1.45; }
.classification-overview-title strong { color: #006e79; }
.classification-overview-title span:nth-child(2) { overflow-wrap: anywhere; }
.classification-overview-title span:last-child { color: #008a94; }
.classification-overview-children { display: grid; gap: 2px; min-width: 0; padding: 8px 0; border-top: 1px solid #e6eeee; }
.classification-overview-child { display: grid; grid-template-columns: minmax(0, 1fr) 25px; align-items: start; min-width: 0; }
.classification-overview-child > a, .classification-overview-third a { display: flex; gap: 6px; min-width: 0; padding: 4px 0; color: #4b6c74; font-size: 12px; }
.classification-overview-child strong { flex: none; color: #007681; }
.classification-overview-child span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.classification-overview-child button { width: 25px; height: 25px; border: 1px solid #d3e4e5; border-radius: 3px; background: #f8fbfb; color: #007681; line-height: 1; cursor: pointer; }
.classification-overview-child button:hover, .classification-overview-child button:focus-visible { background: #eaf6f5; border-color: #8bbdc2; }
.classification-overview-third { grid-column: 1 / -1; display: grid; gap: 2px; margin: 4px 0 8px 8px; padding: 5px 9px; border-left: 2px solid #b5d5d8; background: #f5f9f9; }
.classification-overview-third[hidden] { display: none; }
.classification-overview-third a { padding: 2px 0; }
.classification-overview-count { margin-top: auto; padding-top: 6px; border-top: 1px solid #e6eeee; color: #789096; font-size: 11px; }
.classification-crumb-parent, .classification-crumb-leaf { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crumbtrail .crumbcontrol { margin: 0; }
.crumbcontrol .crumbbutton { min-width: 0; padding-left: 5px; padding-right: 2px; text-decoration: none; }
.crumbcontrol .crumbbutton:hover, .crumbcontrol .crumbbutton:focus-visible { text-decoration: none; }
.detail-crumb-node { display: inline-flex; align-items: center; align-self: stretch; padding-right: 6px; border: 1px solid transparent; }
.detail-crumb-node .detail-crumb-link { display: inline-flex; align-items: center; height: 100%; padding: 0 2px 0 5px; color: #156b75; font-size: 13px; font-weight: 600; white-space: nowrap; }
.detail-crumb-arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 34px; color: #91acb2; pointer-events: none; }
.detail-crumb-arrow::before { content: ""; display: block; width: 0; height: 0; border: 4px solid transparent; border-left: 5px solid currentColor; border-right: 0; }
.crumbcontrol .crumbpin { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 34px; margin: 0; color: #91acb2; }
.crumbtrail > .crumbsep { width: 11px; margin: 0 1px; }
.standardmeta .classification-code-link { color: #007681; font-weight: 600; text-decoration: underline; text-decoration-color: #88b8bd; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.standardmeta .classification-code-link:hover, .standardmeta .classification-code-link:focus-visible { color: #005d68; text-decoration-color: currentColor; text-decoration-thickness: 2px; }
.standardmeta .classification-code-link:focus-visible { outline: 2px solid #008a94; outline-offset: 3px; }
.crumbcontrol .crumbpin:hover, .crumbcontrol .crumbpin:focus-visible, .crumbnode.pinned .crumbpin { color: #287b85; }
.crumbcontrol .crumbpin::before { display: none; }
.crumbcontrol .crumbpin::after { position: static; display: block; width: 0; height: 0; border: 4px solid transparent; border-left: 5px solid currentColor; border-right: 0; background: none; transform: rotate(0deg); transition: transform .15s ease; }
.crumbnode:hover .crumbpin::after, .crumbnode:focus-within .crumbpin::after, .crumbnode.pinned .crumbpin::after, .crumbpin[aria-expanded="true"]::after { transform: rotate(90deg); }
.crumbnode.suppress-hover .crumbpin::after { transform: rotate(0deg); }
.crumbnode-category, .crumbnode-national, .crumbnode-international { position: static; }
.contextinner .crumbmenu { border-bottom: 0; }
#contextbar:not(:has(.pinned-shelf)):has(.crumbnode:hover) + #app > .listpage .listpanel { border-top-color: transparent; }
.contextinner > .crumbtrail .crumbmenu-category { left: 20px; right: 20px; width: auto; max-width: var(--crumb-menu-width); padding: 16px; }
.crumbmenu-category .crumbchoices { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--crumb-item-width, 138px)), 1fr)); gap: 8px; }
.crumbmenu-category :is(button,a)[data-crumb-kind] { display: flex; align-items: center; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #dce8e9; border-radius: 4px; background: #fff; color: #31565e; line-height: 1.45; text-align: left; white-space: normal; }
.crumbmenu-category :is(button,a)[data-crumb-kind]:last-child { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dce8e9; }
.crumbmenu-category :is(button,a)[data-crumb-kind]:hover, .crumbmenu-category :is(button,a)[data-crumb-kind]:focus-visible { border-color: #8bbdc2; background: #eff8f7; color: #005d68; }
.crumbmenu-category :is(button,a)[data-crumb-kind].active { border: 1px solid #8bbdc2; background: #e9f5f4; color: #005d68; font-weight: 700; }
.pinned-shelf-category .crumbmenu-category, .pinned-shelf-national .crumbmenu-category, .pinned-shelf-international .crumbmenu-category { width: 100%; max-width: var(--crumb-menu-width); margin-left: 0; }
.crumbnode-classification { min-width: 0; }
.crumbnode-classification .crumbbutton { max-width: 260px; min-width: 0; }
.classification-crumb-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crumbmenu-classification { left: 20px; right: 20px; width: auto; padding: 16px; }
.crumbmenu-classification .crumbchoices { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.crumbmenu-classification a[data-crumb-kind] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 9px; min-width: 0; padding: 11px 12px; border: 1px solid #dce8e9; border-radius: 4px; color: #31565e; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
.crumbmenu-classification a[data-crumb-kind] strong { color: #006e79; white-space: nowrap; }
.crumbmenu-classification a[data-crumb-kind] span { min-width: 0; }
.crumbmenu-classification a[data-crumb-kind]:hover, .crumbmenu-classification a[data-crumb-kind]:focus-visible { border-color: #8bbdc2; background: #eff8f7; }
.crumbmenu-classification a[data-crumb-kind].active { border-color: #8bbdc2; background: #e9f5f4; }
.crumbmenu-classification a[data-crumb-kind]:focus-visible { outline: 2px solid #008a94; outline-offset: 2px; }
.pinned-shelf-classification .crumbmenu-classification { width: 100%; }
.contextbar:has(.pinned-shelf) .crumbnode .crumbmenu { display: none !important; }
.crumbnode.previewing .crumbcontrol { background: #fff; border-color: #bdd6d9; border-bottom-color: #fff; }
.crumbnode.previewing .crumbpin::after { transform: rotate(90deg); }
.pinned-shelf .crumbmenu { max-height: min(460px, 65vh); overflow: auto; }
.category-entry-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.category-entry-grid a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 5px; min-width: 0; min-height: 60px; padding: 12px 15px; border: 1px solid #dce7e9; border-radius: 5px; color: #31565e; text-decoration: none; }
.category-entry-grid a strong { color: #104953; font-size: 16px; }
.category-entry-grid a span { color: #00808c; }
.category-entry-grid a:hover, .category-entry-grid a:focus-visible { border-color: #8bbdc2; background: #eff8f7; }
.category-directory-section { padding-top: 20px; }
.category-directory-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 13px; }
.category-directory-head h2 { margin: 0; color: #173f47; font-size: 18px; }
.category-directory-head a { color: #007681; font-size: 13px; text-decoration: none; white-space: nowrap; }
.category-directory-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.category-directory-links a { display: flex; align-items: baseline; gap: 7px; min-width: 0; padding: 9px 11px; border: 1px solid #e0e9ea; border-radius: 3px; color: #3b6269; text-decoration: none; overflow-wrap: anywhere; }
.category-directory-links a strong { flex: none; color: #006d78; }
.category-directory-links a:hover, .category-directory-links a:focus-visible { background: #eff8f7; color: #005d68; }
.classification-page .listpage { padding: 0; }
@media (max-width: 900px) { .crumbmenu-classification .crumbchoices { grid-template-columns: repeat(2, minmax(0, 1fr)); } .category-entry-grid, .category-directory-links { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .classification-route .contextsearch { width: min(190px, 24vw); } .classification-route .contextsearch:is(:hover, :focus-within) { width: min(240px, 28vw); } }
@media (max-width: 1100px) { .classification-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) { .classification-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .classification-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; } .classification-tabs a { min-width: 0; padding: 8px 4px; font-size: 12px; white-space: nowrap; } .classification-tab-full { display: none; } .classification-tab-short { display: inline; } .classification-head { display: block; } .classification-crumb-parent, .classification-crumb-leaf { max-width: 120px; } .crumbnode-classification .crumbbutton { max-width: 150px; } .crumbmenu-classification { left: 0; right: 0; padding: 10px; } .crumbmenu-classification .crumbchoices { grid-template-columns: 1fr; } .classification-page h1 { overflow-wrap: anywhere; } .category-entry-grid, .category-directory-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .category-entry-grid a { min-height: 60px; padding: 11px; } .category-directory-links a { font-size: 12px; } }
@media (max-width: 720px) { .classification-tabs-detail { display: flex; flex-wrap: wrap; padding: 8px 10px 0; } .classification-current-tab { width: 100%; max-width: 100%; min-height: 36px; margin: 0; padding: 6px 10px; border-bottom: 1px solid #cfdfe2; border-radius: 4px; } .classification-entry-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; margin: 0; } .classification-tabs-detail .classification-entry-links a { min-width: 0; min-height: 36px; padding: 7px 3px; font-size: 13px; } }
@media (max-width: 720px) { .classification-page h1, .classification-head h1 { font-size: 15px; } .category-directory-head h2 { font-size: 16px; } }
@media (max-width: 640px) { .classification-route #contextbar { margin-bottom: 18px; } .classification-route .contextsearch, .classification-route .contextsearch:is(:hover, :focus-within) { width: 100%; transition: none; } }
@media (max-width: 640px) { .crumbcontrol .crumbpin { flex-basis: 22px; width: 22px; height: 32px; margin-right: 1px; } }
@media (max-width: 640px) { .crumbcontrol .crumbbutton { font-size: 12px; } }
@media (max-width: 640px) { .detail-crumb-node { height: 38px; padding-right: 2px; } .detail-crumb-node .detail-crumb-link { font-size: 12px; } .detail-crumb-arrow { flex-basis: 22px; width: 22px; height: 32px; } }
@media (max-width: 640px) { .contextinner > .crumbtrail .crumbmenu-category { left: 0; right: 0; padding: 10px; } }
@media (prefers-reduced-motion: reduce) { .crumbcontrol .crumbpin::after { transition: none; } }
@media (prefers-reduced-motion: reduce) { .classification-route .contextsearch { transition: none; } }
@media (max-width: 540px) { .classification-overview-grid { grid-template-columns: 1fr; } }