.search-topics-container{margin-bottom: 10px;padding: 20px;background: rgb(249, 249, 249);border-radius: 8px;border: 1px solid rgb(238, 238, 238)}
.topics-label{font-size: 0.9rem;font-weight: 700;text-transform: uppercase;color: rgb(102, 102, 102);margin-bottom: 15px;display: block;letter-spacing: 0.5px}
.topics-list{display: flex;flex-wrap: wrap;gap: 10px}
.topic-badge{display: inline-flex;align-items: center;padding: 3px 12px;border-radius: 50px;text-decoration: none;font-weight: 500;font-size: 0.85rem;transition: 0.2s;border: 1px solid transparent}
.topic-badge.category{background-color: rgb(227, 242, 253);color: rgb(13, 71, 161);border-color: rgb(187, 222, 251)}
.topic-badge.category:hover{background-color: rgb(187, 222, 251)}
.topic-badge.tag{background-color: rgb(243, 229, 245);color: rgb(123, 31, 162);border-color: rgb(225, 190, 231)}
.topic-badge.tag:hover{background-color: rgb(225, 190, 231)}
.topic-icon{margin-right: 6px;font-size: 0.8em}
.dx-hero{margin: 6px 0px 22px}
.dx-hero .page-title{margin: 0px 0px 8px}
.dx-lead{margin: 0px 0px 16px;color: rgb(75, 85, 99);font-size: 15.5px;line-height: 1.6;max-width: 820px}
.dx-stats{display: flex;flex-wrap: wrap;gap: 8px;margin: 0px 0px 16px}
.dx-stats span{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: 99px;background: rgb(243, 244, 246);font-size: 13.5px;color: rgb(55, 65, 81)}
.dx-stats b{color: rgb(17, 24, 39)}
.dx-search{position: relative;display: block;max-width: 520px}
.dx-search input{width: 100%;height: 48px;padding: 0px 16px 0px 44px;border: 1px solid rgb(209, 213, 219);border-radius: 12px;font-style: inherit;font-variant: inherit;font-weight: inherit;font-stretch: inherit;line-height: inherit;font-family: inherit;font-optical-sizing: inherit;font-size-adjust: inherit;font-kerning: inherit;font-feature-settings: inherit;font-variation-settings: inherit;font-language-override: inherit;font-size: 15px;background: rgb(255, 255, 255);color: rgb(17, 24, 39);box-sizing: border-box;transition: border-color 0.15s, box-shadow 0.15s}
.dx-search input:focus{outline: none;border-color: var(--gc-accent,#0c6878);box-shadow: color-mix(in srgb,var(--gc-accent) 12%,transparent) 0px 0px 0px 4px}
.dx-search svg{position: absolute;left: 15px;top: 50%;width: 18px;height: 18px;transform: translateY(-50%);fill: rgb(156, 163, 175)}
.dx-h2{margin: 26px 0px 12px;font-size: 20px;font-weight: 800;color: rgb(17, 24, 39)}
.dx-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 14px}
.dx-card{display: flex;gap: 14px;align-items: flex-start;padding: 16px;border: 1px solid rgb(229, 231, 235);border-radius: 14px;background: rgb(255, 255, 255);transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;color: rgb(17, 24, 39) !important}
.dx-card:hover{border-color: var(--gc-accent,#0c6878);box-shadow: rgba(16, 24, 40, 0.08) 0px 8px 22px;transform: translateY(-2px)}
.dx-ico{flex-shrink: 0;width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;background: color-mix(in srgb,var(--gc-accent) 9%,transparent);color: var(--gc-accent,#0c6878)}
.dx-ico svg{width: 22px;height: 22px;fill: currentcolor}
.dx-body{min-width: 0px;flex: 1 1 0%}
.dx-name{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin: 0px;font-size: 16px;font-weight: 700;line-height: 1.3;color: rgb(17, 24, 39)}
.dx-n{flex-shrink: 0;font-size: 12px;font-weight: 700;color: var(--gc-accent,#0c6878);background: color-mix(in srgb,var(--gc-accent) 9%,transparent);border-radius: 99px;padding: 2px 9px}
.dx-latest{margin: 6px 0px 0px;font-size: 13.5px;line-height: 1.45;color: rgb(75, 85, 99);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.dx-when{display: block;margin-top: 4px;font-size: 12px;color: rgb(156, 163, 175)}
.dx-soon{display: flex;flex-wrap: wrap;gap: 8px}
.dx-soon a{padding: 7px 13px;border: 1px dashed rgb(209, 213, 219);border-radius: 99px;font-size: 13.5px;background: rgb(250, 250, 250);color: rgb(107, 114, 128) !important}
.dx-soon a:hover{border-color: var(--gc-accent,#0c6878);color: var(--gc-accent,#0c6878) !important}
.dx-none{display: none;padding: 16px;border: 1px dashed rgb(209, 213, 219);border-radius: 12px;color: rgb(107, 114, 128);text-align: center}
@media (max-width: 600px){.dx-grid{grid-template-columns: 1fr;gap: 10px}
.dx-card{padding: 14px}
.dx-lead{font-size: 15px}
}
.jc-grid{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap: 14px;margin: 6px 0px 18px}
.jc{position: relative;min-width: 0px;display: flex;flex-direction: column;padding: 12px 14px;border: 1px solid rgb(218, 220, 224);border-radius: 8px;background: rgb(255, 255, 255);font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;transition: box-shadow 0.2s, border-color 0.2s}
.jc:hover{border-color: rgb(196, 199, 204);box-shadow: rgba(16, 24, 40, 0.08) 0px 4px 14px}
.jc-link{position: absolute;inset: 0px;z-index: 1;border-radius: 8px}
.jc-link:focus-visible{outline: 2px solid var(--gc-accent,#0c6878);outline-offset: 2px}
.jc-share{position: absolute;top: 10px;right: 10px;z-index: 2;width: 30px;height: 30px;padding: 0px;border: 0px;border-radius: 50%;background: none;color: rgb(32, 33, 36);cursor: pointer;display: grid;place-items: center}
.jc-share:hover{background: rgb(241, 243, 244)}
.jc-share svg{width: 20px;height: 20px;fill: currentcolor}
.jc-top{display: flex;gap: 12px;align-items: center;padding-right: 30px}
.jc-logo{flex-shrink: 0;width: 50px;height: 50px;border: 1px solid rgb(232, 234, 237);border-radius: 6px;background: rgb(255, 255, 255);display: grid;place-items: center;overflow: hidden}
.jc-logo img{width: 100%;height: 100%;object-fit: contain}
.jc-head{min-width: 0px;flex: 1 1 0%}
.jc .jc-title{margin: 0px;font-size: 17px;font-weight: 700;line-height: 1.3;color: rgb(32, 33, 36);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-org{display: block;margin-top: 3px;font-size: 15px;color: rgb(32, 33, 36);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-info{display: grid;grid-template-columns: 1fr 1fr;gap: 6px 14px;margin: 10px 0px 0px}
.jc-i{display: flex;align-items: center;gap: 7px;min-width: 0px;font-size: 13.5px;color: rgb(60, 64, 67)}
.jc-i svg{flex-shrink: 0;width: 15px;height: 15px;fill: rgb(128, 134, 139)}
.jc-i span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-foot{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: auto;padding-top: 9px;border-top: 1px dashed rgb(218, 220, 224);font-size: 14px;color: rgb(60, 64, 67)}
.jc-info + .jc-foot{margin-top: 10px}
.jc-top + .jc-foot{margin-top: 12px}
.jc-last, .jc-ago{white-space: nowrap}
.jc-last b{color: rgb(197, 34, 31);font-weight: 700}
.jc-chips{display: flex;gap: 8px;overflow-x: auto;margin: 4px 0px 14px;padding-bottom: 2px;scrollbar-width: none}
.jc-chips::-webkit-scrollbar{display: none}
.jc-chips button{flex-shrink: 0;padding: 6px 14px;border: 1px solid rgb(218, 220, 224);border-radius: 99px;background: rgb(255, 255, 255);color: rgb(60, 64, 67);font: 500 14px / 1.2 Roboto, system-ui, sans-serif;cursor: pointer}
.jc-chips button.on{background: var(--gc-accent,#0c6878);border-color: var(--gc-accent,#0c6878);color: rgb(255, 255, 255)}
@media (max-width: 1024px){.jc-grid{grid-template-columns: repeat(2, minmax(0px, 1fr))}
}
@media (max-width: 640px){.jc-foot{font-size: 13px;gap: 6px}
.jc-grid{grid-template-columns: minmax(0px, 1fr);gap: 12px}
.jc .jc-title{font-size: 16px}
.jc-org{font-size: 14px}
}
.hf{max-width: var(--nb-container,1200px);margin: 46px auto 20px;padding: 0px 16px;display: grid;grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.7fr);gap: 36px;align-items: start;box-sizing: border-box}
.hf-intro{position: sticky;top: 90px;padding: 28px 26px;border-radius: 18px;background: linear-gradient(160deg,color-mix(in srgb,var(--gc-accent,#0c6878) 9%,#fff),#fff);border: 1px solid color-mix(in srgb,var(--gc-accent,#0c6878) 16%,#fff)}
.hf-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 11px;border-radius: 99px;background: var(--gc-accent,#0c6878);color: rgb(255, 255, 255);font-size: 12px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}
.hf-badge svg{width: 14px;height: 14px;fill: currentcolor}
.hf .hf-h2{margin: 14px 0px 10px;font-size: 28px;line-height: 1.25;font-weight: 800;color: var(--text-primary,#111827)}
.hf-sub{margin: 0px 0px 20px;color: rgb(75, 85, 99);font-size: 15px;line-height: 1.6}
.hf-help{display: flex;align-items: center;gap: 12px;padding-top: 18px;border-top: 1px dashed color-mix(in srgb,var(--gc-accent,#0c6878) 25%,#fff)}
.hf-help span{font-size: 14px;color: rgb(55, 65, 81);line-height: 1.4}
.hf-help b{display: block;color: rgb(17, 24, 39)}
.hf-btn{margin-left: auto;flex-shrink: 0;display: inline-flex;align-items: center;gap: 6px;padding: 10px 16px;border-radius: 10px;background: var(--gc-accent,#0c6878);font-size: 14px;font-weight: 700;transition: filter 0.15s, transform 0.15s;color: rgb(255, 255, 255) !important}
.hf-btn:hover{filter: brightness(1.08);transform: translateY(-1px)}
.hf-list{display: flex;flex-direction: column;gap: 12px}
.hf-item{border: 1px solid rgb(229, 231, 235);border-radius: 14px;background: rgb(255, 255, 255);transition: border-color 0.2s, box-shadow 0.2s}
.hf-item[open]{border-color: color-mix(in srgb,var(--gc-accent,#0c6878) 45%,#fff);box-shadow: rgba(16, 24, 40, 0.07) 0px 10px 26px}
.hf-item summary{list-style: none;display: flex;align-items: center;gap: 14px;padding: 16px 18px;cursor: pointer;font-size: 16px;font-weight: 700;line-height: 1.45;color: rgb(17, 24, 39)}
.hf-item summary::-webkit-details-marker{display: none}
.hf-item summary:focus-visible{outline: 2px solid var(--gc-accent,#0c6878);outline-offset: 2px;border-radius: 14px}
.hf-num{flex-shrink: 0;width: 32px;height: 32px;border-radius: 10px;display: grid;place-items: center;background: color-mix(in srgb,var(--gc-accent,#0c6878) 10%,#fff);color: var(--gc-accent,#0c6878);font-size: 13px;font-weight: 800}
.hf-item[open] .hf-num{background: var(--gc-accent,#0c6878);color: rgb(255, 255, 255)}
.hf-q{flex: 1 1 0%;min-width: 0px}
.hf-pm{position: relative;flex-shrink: 0;width: 28px;height: 28px;border-radius: 50%;background: rgb(243, 244, 246);transition: background 0.2s, transform 0.25s}
.hf-pm::before, .hf-pm::after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 2px;margin: -1px 0px 0px -6px;border-radius: 2px;background: rgb(55, 65, 81);transition: transform 0.25s, background 0.2s}
.hf-pm::after{transform: rotate(90deg)}
.hf-item[open] .hf-pm{background: var(--gc-accent,#0c6878);transform: rotate(180deg)}
.hf-item[open] .hf-pm::before, .hf-item[open] .hf-pm::after{background: rgb(255, 255, 255)}
.hf-item[open] .hf-pm::after{transform: rotate(0deg)}
.hf-a{padding: 0px 18px 18px 64px;color: rgb(75, 85, 99);font-size: 15px;line-height: 1.7}
.hf-a p{margin: 0px 0px 0.6em}
.hf-a p:last-child{margin: 0px}
.hf-a a{color: var(--gc-accent,#0c6878)}
@media (max-width: 900px){.hf{grid-template-columns: 1fr;gap: 20px;margin-top: 34px}
.hf-intro{position: static;padding: 22px 20px}
.hf .hf-h2{font-size: 23px}
}
@media (max-width: 520px){.hf-item summary{padding: 14px;gap: 11px;font-size: 15px}
.hf-num{width: 28px;height: 28px;font-size: 12px}
.hf-a{padding: 0px 14px 16px 53px;font-size: 14.5px}
.hf-help{flex-wrap: wrap}
.hf-btn{margin-left: 0px}
}