.hero-search-section{padding: var(--space-4) 0}
.hero-search-card{background: var(--gradient-primary);border-radius: var(--border-radius-lg);padding: var(--space-10) var(--space-8);text-align: center;position: relative;overflow: hidden;box-shadow: var(--shadow-lg)}
.hero-search-card::before, .hero-search-card::after{content: "";position: absolute;border-radius: 50%;opacity: 0.15;pointer-events: none}
.hero-search-card::before{width: 300px;height: 300px;background: rgb(255, 255, 255);top: -80px;right: -60px}
.hero-search-card::after{width: 200px;height: 200px;background: rgb(255, 255, 255);bottom: -60px;left: -40px}
.hero-search-label{font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: var(--weight-bold);color: var(--text-white);margin-bottom: var(--space-2);line-height: var(--leading-tight)}
.hero-search-sub{font-size: var(--text-base);color: rgba(255, 255, 255, 0.75);margin-bottom: var(--space-6)}
.hero-search-form{display: flex;align-items: center;max-width: 560px;margin: 0px auto;background: var(--bg-card);border-radius: var(--border-radius-full);padding: 5px 5px 5px var(--space-5);box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px;gap: var(--space-2)}
.hero-search-input{flex: 1 1 0%;border-width: medium;border-style: none;border-color: currentcolor;border-image: none;outline: none;font-family: var(--font-body);font-size: var(--text-base);color: var(--text-body);background: transparent;min-width: 0px}
.hero-search-input::placeholder{color: var(--text-faint)}
.hero-search-btn{background: var(--gradient-dark);color: var(--text-white);border-width: medium;border-style: none;border-color: currentcolor;border-image: none;border-radius: var(--border-radius-full);padding: 0 var(--space-6);height: 38px;font-size: var(--text-sm);font-weight: var(--weight-semibold);cursor: pointer;white-space: nowrap;display: flex;align-items: center;gap: var(--space-2);flex-shrink: 0;transition: opacity var(--ease-fast)}
.hero-search-btn:hover{opacity: 0.88}
.hero-categories{display: grid;grid-template-columns: repeat(8, 1fr);gap: var(--space-3);margin-top: var(--space-5);list-style: none;padding: 0px}
.hc-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-4) var(--space-2);background: var(--bg-card);border: var(--border-width) solid var(--border-light);border-radius: var(--border-radius-md);text-decoration: none;color: var(--text-secondary);box-shadow: var(--shadow-sm);transition: background var(--ease-fast),border-color var(--ease-fast),color var(--ease-fast),box-shadow var(--ease-fast),transform var(--ease-fast)}
.hc-item:hover{background: var(--color-primary-soft);border-color: var(--color-primary-light);color: var(--color-primary);box-shadow: var(--shadow-md);transform: translateY(-2px)}
.hc-icon{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center}
.hc-icon svg{width: 28px;height: 28px;stroke: var(--text-muted);fill: none;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: stroke var(--ease-fast)}
.hc-item:hover .hc-icon svg{stroke: var(--color-primary)}
.hc-name{font-size: var(--text-xs);font-weight: var(--weight-semibold);text-align: center;line-height: var(--leading-tight)}
@media (max-width: 900px){.hero-categories{grid-template-columns: repeat(4, 1fr)}
}
@media (max-width: 560px){.hero-search-card{padding: var(--space-8) var(--space-5)}
.hero-search-label{font-size: var(--text-xl)}
.hero-categories{grid-template-columns: repeat(4, 1fr);gap: var(--space-2)}
.hc-item{padding: var(--space-3) var(--space-1)}
}
.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}
}
.jss{margin: 30px 0px 8px}
.jss-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin: 0px 0px 12px}
.jss .jss-h2{margin: 0px;font-size: 22px;font-weight: 800;color: var(--text-primary,#111827)}
.jss-all{font-weight: 600;font-size: 14.5px;white-space: nowrap;color: var(--gc-accent,#0c6878) !important}
.jss-track{display: flex;gap: 14px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;overscroll-behavior-x: contain;scrollbar-width: none;padding: 2px 2px 4px;cursor: grab}
.jss-track::-webkit-scrollbar{display: none}
.jss-track.is-dragging{cursor: grabbing;scroll-snap-type: none;scroll-behavior: auto;user-select: none}
.jss-slide{flex: 0 0 calc(31.4465% - 8.80503px);min-width: 0px;display: flex;flex-direction: column;gap: 14px;scroll-snap-align: start}
.jss-slide .jc{flex: 1 1 0%}
.jss-dots{display: flex;justify-content: center;align-items: center;gap: 6px;margin-top: 14px}
.jss-dots button{width: 14px;height: 4px;padding: 0px;border: 0px;border-radius: 999px;background: rgb(209, 213, 219);cursor: pointer;transition: width 0.25s, background 0.25s}
.jss-dots button.is-active{width: 30px;background: var(--gc-accent,#0c6878)}
@media (max-width: 1024px){.jss-slide{flex-basis: calc(45.4545% - 6.36364px)}
}
@media (max-width: 640px){.jss-slide{flex-basis: 85%;gap: 12px}
.jss-track{gap: 12px}
.jss .jss-h2{font-size: 20px}
}
.hv-section{margin: 34px 0px 10px}
.hv-section .hv-h2{margin: 0px 0px 6px;font-size: 24px;line-height: 1.3;font-weight: 800;color: var(--text-primary,#111827)}
.hv-sub{margin: 0px 0px 18px;color: rgb(107, 114, 128);font-size: 14.5px}
.hv-grid{display: grid;grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr);gap: 18px;align-items: start}
.hv-side{display: flex;flex-direction: column;gap: 18px;min-width: 0px}
.hv-card{--hv: var(--gc-accent,#0c6878);--hv-soft: color-mix(in srgb,var(--gc-accent) 10%,#fff);background: rgb(255, 255, 255);border: 1px solid rgb(229, 231, 235);border-radius: 14px;overflow: hidden;box-shadow: rgba(16, 24, 40, 0.04) 0px 1px 2px}
.hv-recent{--hv: var(--gc-accent,#0c6878);--hv-soft: color-mix(in srgb,var(--gc-accent) 10%,#fff)}
.hv-admit{--hv: #2563eb;--hv-soft: #eaf1fe}
.hv-answer{--hv: #059669;--hv-soft: #e7f7f1}
.hv-result{--hv: #d97706;--hv-soft: #fdf3e2}
.hv-head{display: flex;align-items: center;gap: 10px;padding: 14px 16px;border-bottom: 1px solid rgb(240, 241, 243);border-top: 3px solid var(--hv)}
.hv-ico{width: 34px;height: 34px;border-radius: 10px;background: var(--hv-soft);color: var(--hv);display: grid;place-items: center;flex-shrink: 0}
.hv-ico svg{width: 19px;height: 19px;fill: currentcolor}
.hv-section .hv-title{margin: 0px;font-size: 17px;font-weight: 700;color: rgb(17, 24, 39);line-height: 1.2}
.hv-count{font-size: 12px;font-weight: 700;color: var(--hv);background: var(--hv-soft);border-radius: 99px;padding: 2px 8px}
.hv-all{margin-left: auto;display: inline-flex;align-items: center;gap: 2px;font-size: 13.5px;font-weight: 600;white-space: nowrap;padding: 6px 4px;color: var(--hv) !important}
.hv-all svg{width: 15px;height: 15px}
.hv-all:hover{opacity: 0.8}
.hv-list{list-style: none;margin: 0px;padding: 4px 0px}
.hv-list li + li{border-top: 1px solid rgb(243, 244, 246)}
.hv-row{display: flex;align-items: center;gap: 12px;padding: 10px 16px;transition: background 0.15s;color: rgb(31, 41, 55) !important}
.hv-row:hover{background: rgb(249, 250, 251)}
.hv-row:hover .hv-text{color: var(--hv)}
.hv-row:hover .hv-go{color: var(--hv);transform: translateX(2px)}
.hv-date{flex-shrink: 0;width: 44px;padding: 4px 0px;border-radius: 8px;background: rgb(245, 246, 248);text-align: center;line-height: 1.1}
.hv-date b{display: block;font-size: 16px;font-weight: 800;color: rgb(17, 24, 39)}
.hv-date span{display: block;font-size: 10.5px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;color: rgb(107, 114, 128)}
.hv-text{flex: 1 1 0%;min-width: 0px;font-size: 14.5px;font-weight: 500;line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color 0.15s}
.hv-new{display: inline-block;vertical-align: 1px;margin-right: 6px;padding: 1px 6px;border-radius: 4px;background: rgb(220, 38, 38);color: rgb(255, 255, 255);font-size: 10.5px;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase}
.hv-go{width: 16px;height: 16px;flex-shrink: 0;color: rgb(156, 163, 175);transition: transform 0.15s, color 0.15s}
@media (max-width: 860px){.hv-grid{grid-template-columns: 1fr;gap: 14px}
.hv-side{gap: 14px}
.hv-section .hv-h2{font-size: 21px}
}
@media (max-width: 480px){.hv-head{padding: 12px 14px}
.hv-row{padding: 10px 14px;gap: 10px}
.hv-text{font-size: 14px}
.hv-date{width: 40px}
}
.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}
}