.sa26 *, .sa26 *::before, .sa26 *::after{
box-sizing: border-box;}
.sa26{
--sa-red:       #c8102e;
--sa-red-dark:  #9b0c23;
--sa-orange:    #d41234;
--sa-yellow:    #ffd700;
--sa-ink:       #0a0a4a;
--sa-ink-s:     #3d3d5c;
--sa-muted:     #6c757d;
--sa-line:      #e3e5ee;
--sa-soft:      #f8f9fa;
--sa-shadow:    0 2px 6px rgba(0,0,70,.06), 0 12px 32px rgba(0,0,70,.08);
--sa-shadow-sm: 0 1px 3px rgba(0,0,70,.08);
background: var(--sa-soft);
font-family: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
color:var(--sa-ink) !important;
-webkit-font-smoothing: antialiased;}
.sa26 .sa-wrap{
max-width: 1160px; margin: 0 auto; padding: 0 32px;}
.sa26 .sa-bc{
background: #fff; border-bottom: 1px solid var(--sa-line); padding: 11px 0;}
.sa26 .sa-bc-in{
max-width: 1160px; margin: 0 auto; padding: 0 32px;
display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
font-size: 12.5px; color:var(--sa-muted) !important;}
.sa26 .sa-bc-in a{
color:var(--sa-muted) !important; text-decoration: none; transition: color .15s;}
.sa26 .sa-bc-in a:hover{
color:var(--sa-red) !important;}
.sa26 .sa-bc-sep{
color:var(--sa-line) !important;}
.sa26 .sa-bc-home{
width: 26px; height: 26px; border-radius: 6px; background: var(--sa-soft);
display: inline-flex; align-items: center; justify-content: center;
font-size: 12px; color:var(--sa-muted) !important; text-decoration: none; transition: all .15s;}
.sa26 .sa-bc-home:hover{
background: var(--sa-red); color:#fff !important;}
.sa26 .sa-top{
background: linear-gradient(135deg, var(--sa-red) 0%, var(--sa-red-dark) 100%);
padding: 48px 0 42px; position: relative; overflow: hidden;}
.sa26 .sa-top::before{
content: ''; position: absolute; top: -100px; right: -100px;
width: 400px; height: 400px; border-radius: 50%;
background: rgba(255,255,255,.06); pointer-events: none;}
.sa26 .sa-top::after{
content: ''; position: absolute; bottom: -80px; left: 55%;
width: 260px; height: 260px; border-radius: 50%;
background: rgba(255,255,255,.04); pointer-events: none;}
.sa26 .sa-top-inner{
display: flex; align-items: center; justify-content: space-between;
gap: 28px; flex-wrap: wrap; position: relative; z-index: 1;}
.sa26 .sa-cat-badge{
display: inline-flex; align-items: center; gap: 6px;
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
color:var(--sa-ink) !important; background: var(--sa-yellow);
padding: 5px 14px; border-radius: 20px; margin-bottom: 12px; width: fit-content;}
.sa26 .sa-top h1{
font-size: 34px; font-weight: 800; color:#fff !important;
letter-spacing: -.025em; line-height: 1.2; margin: 0 0 8px;}
.sa26 .sa-top h1 span{
color:rgba(255,255,255,.75) !important; font-weight: 600;}
.sa26 .sa-top-sub{
font-size: 14px; color:rgba(255,255,255,.72) !important; line-height: 1.65; margin: 0; max-width: 500px;}
.sa26 .sa-top-count{
display: inline-flex; align-items: center; gap: 6px;
font-size: 12.5px; color:rgba(255,255,255,.6) !important; margin-top: 10px;}
.sa26 .sa-top-count b{
color:var(--sa-yellow) !important; font-weight: 700;}
.sa26 .sa-search-box{
display: flex; border-radius: 12px; overflow: hidden;
background: #fff; min-width: 300px;
box-shadow: 0 4px 20px rgba(0,0,0,.18);}
.sa26 .sa-search-box i{
padding: 0 12px; color:#ABABAB !important; font-size: 15px; flex-shrink: 0;}
.sa26 .sa-search-box input[type="search"]{
flex: 1; min-width: 0; height: 48px; border: none; background: transparent;
font-family: inherit; font-size: 14px; color:var(--sa-ink) !important; outline: none; padding: 0 4px;}
.sa26 .sa-search-box input[type="search"]::placeholder{
color:#BCBCBC !important;}
.sa26 .sa-search-box button{
flex-shrink: 0; height: 48px; padding: 0 18px;
background: var(--sa-ink); color:#fff !important; border: none;
font-family: inherit; font-size: 13px; font-weight: 700;
cursor: pointer; white-space: nowrap; transition: background .15s;}
.sa26 .sa-search-box button:hover{
background: #000066;}
.sa26 .sa-chips-bar{
background: #fff; border-bottom: 1px solid var(--sa-line);}
.sa26 .sa-chips-inner{
display: flex; gap: 8px; padding: 13px 0;
overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.sa26 .sa-chips-inner::-webkit-scrollbar{
display: none;}
.sa26 .sa-chip{
display: inline-flex; align-items: center;
font-family: inherit; font-size: 12.5px; font-weight: 600; color:var(--sa-ink-s) !important;
padding: 6px 15px; border-radius: 30px;
border: 1.5px solid var(--sa-line); background: var(--sa-soft);
white-space: nowrap; text-decoration: none; cursor: pointer;
transition: all .15s; flex-shrink: 0;}
.sa26 .sa-chip.active, .sa26 .sa-chip:hover{
background: var(--sa-ink); color:#fff !important; border-color: var(--sa-ink);}
.sa26 .sa-chip-count{
display: inline-flex; align-items: center; justify-content: center;
font-size: 10px; font-weight: 700; background: rgba(0,0,0,.08);
min-width: 18px; height: 18px; border-radius: 9px; padding: 0 5px; margin-left: 6px;}
.sa26 .sa-chip.active .sa-chip-count{
background: rgba(255,255,255,.2);}
.sa26 .sa-body{
background: var(--sa-soft); padding: 36px 0 0;}
.sa26 .sa-results-bar{
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid var(--sa-line);
flex-wrap: wrap; gap: 10px;}
.sa26 .sa-results-count{
font-size: 13px; color:var(--sa-muted) !important;}
.sa26 .sa-results-count b{
color:var(--sa-ink) !important; font-weight: 700;}
.sa26 .sa-results-back{
font-size: 13px; font-weight: 600; color:var(--sa-muted) !important;
text-decoration: none; display: flex; align-items: center; gap: 5px; transition: color .15s;}
.sa26 .sa-results-back:hover{
color:var(--sa-red) !important;}
.sa26 .sa-cards-main{
display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.sa26 .sa-card{
display: flex; flex-direction: column;
border-radius: 14px; overflow: hidden; background: #fff;
border: 1px solid var(--sa-line); text-decoration: none;
box-shadow: var(--sa-shadow-sm);
transition: box-shadow .2s, transform .2s, border-color .2s;}
.sa26 .sa-card:hover{
box-shadow: var(--sa-shadow); transform: translateY(-3px); border-color: #f3c3cc;}
.sa26 .sa-card-img{
position: relative; height: 170px; overflow: hidden; flex-shrink: 0;}
.sa26 .sa-card-img img{
width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s;}
.sa26 .sa-card:hover .sa-card-img img{
transform: scale(1.05);}
.sa26 .sa-card-img-bg{
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.sa26 .sa-card-img-letter{
font-size: 72px; font-weight: 900; font-family: "Roboto",Arial,sans-serif;
line-height: 1; user-select: none; opacity: .2;}
.sa26 .sa-card-subj{
position: absolute; top: 12px; left: 12px;
font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
color:#fff !important; background: rgba(0,0,0,.52); backdrop-filter: blur(4px);
padding: 4px 10px; border-radius: 20px;}
.sa26 .sa-card-body{
padding: 16px 18px; flex: 1; display: flex; flex-direction: column;}
.sa26 .sa-card-type{
font-size: 10.5px; font-weight: 700; letter-spacing: .07em;
text-transform: uppercase; color:var(--sa-muted) !important; margin-bottom: 7px;}
.sa26 .sa-card-body h4{
font-size: 14.5px; font-weight: 700; color:var(--sa-ink) !important;
line-height: 1.4; margin: 0 0 8px; letter-spacing: -.01em; flex: 1;}
.sa26 .sa-card:hover .sa-card-body h4{
color:var(--sa-red) !important;}
.sa26 .sa-card-excerpt{
font-size: 12.5px; color:var(--sa-muted) !important; line-height: 1.6; margin: 0 0 10px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.sa26 .sa-card-meta{
display: flex; align-items: center; gap: 8px;
padding-top: 10px; border-top: 1px solid #f1f3f7; margin-top: auto;}
.sa26 .sa-card-date{
font-size: 11.5px; color:var(--sa-muted) !important;}
.sa26 .sa-card-arrow{
margin-left: auto; color:#CCC !important; font-size: 16px; transition: color .15s, transform .15s;}
.sa26 .sa-card:hover .sa-card-arrow{
color:var(--sa-red) !important; transform: translateX(3px);}
.sa26 .sa-cta-strip{
background: linear-gradient(135deg, var(--sa-ink) 0%, #000066 100%);
border-radius: 14px; padding: 20px 28px; margin: 36px 0;
display: flex; align-items: center; justify-content: space-between; gap: 20px;
box-shadow: var(--sa-shadow-sm);}
.sa26 .sa-cta-strip p{
margin: 0; font-size: 15px; font-weight: 600; color:#fff !important; line-height: 1.4;}
.sa26 .sa-cta-strip p span{
color:var(--sa-yellow) !important; font-weight: 700;}
.sa26 .sa-cta-strip a{
flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px;
background: var(--sa-red); color:#fff !important; font-family: inherit;
font-size: 13.5px; font-weight: 700; padding: 12px 22px; border-radius: 50px;
text-decoration: none; box-shadow: 0 4px 14px rgba(200,16,46,.35);
transition: background .15s, transform .15s;}
.sa26 .sa-cta-strip a:hover{
background: var(--sa-red-dark); transform: translateY(-1px); color:#fff !important;}
.sa26 .sa-load-wrap{
display: flex; justify-content: center;
padding: 36px 0 60px; border-top: 1px solid var(--sa-line); margin-top: 28px;}
#load-more-univ-question{
display: inline-flex !important; align-items: center !important; gap: 8px !important;
font-family: "Roboto", sans-serif !important; font-size: 14px !important;
font-weight: 700 !important; color: var(--sa-red) !important;
background: #fff !important; border: 2px solid var(--sa-red) !important;
border-radius: 50px !important; padding: 12px 36px !important;
cursor: pointer !important; transition: all .18s !important;
box-shadow: 0 2px 8px rgba(200,16,46,.1) !important;}
#load-more-univ-question:hover{
background: var(--sa-red) !important; color: #fff !important;
box-shadow: 0 6px 18px rgba(200,16,46,.3) !important;}
.sa26 .sa-empty{
grid-column: 1 / -1; text-align: center;
padding: 80px 20px; background: #fff;
border-radius: 16px; border: 1px solid var(--sa-line);}
.sa26 .sa-empty-icon{
font-size: 48px; margin-bottom: 16px; opacity: .4;}
.sa26 .sa-empty h3{
font-size: 20px; font-weight: 700; color:var(--sa-ink) !important; margin: 0 0 8px;}
.sa26 .sa-empty p{
font-size: 14px; color:var(--sa-muted) !important; margin: 0 0 20px;}
.sa26 .sa-empty a{
display: inline-flex; align-items: center; gap: 6px;
background: var(--sa-red); color:#fff !important; font-family: inherit;
font-size: 13.5px; font-weight: 700; padding: 11px 24px;
border-radius: 50px; text-decoration: none; transition: background .15s;}
.sa26 .sa-empty a:hover{
background: var(--sa-red-dark); color:#fff !important;}
.sa26 .sa-feats-band{
background: linear-gradient(135deg, var(--sa-ink) 0%, #000066 100%);
padding: 44px 0;}
.sa26 .sa-feats-inner{
display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;}
.sa26 .sa-feats-list{
display: flex; gap: 6px 28px; flex-wrap: wrap;}
.sa26 .sa-feat-item{
font-size: 13.5px; color:rgba(255,255,255,.85) !important; display: flex; align-items: center; gap: 8px;}
.sa26 .sa-feat-item i{
color:var(--sa-yellow) !important; font-size: 13px;}
.sa26 .sa-feats-cta a{
display: inline-flex; align-items: center; gap: 8px;
background: #fff; color:var(--sa-red) !important; font-family: inherit;
font-size: 14px; font-weight: 700; padding: 13px 28px; border-radius: 50px;
text-decoration: none; box-shadow: 0 4px 16px rgba(0,0,0,.18);
transition: transform .15s, box-shadow .15s;}
.sa26 .sa-feats-cta a:hover{
transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.22); color:var(--sa-red) !important;}
.sa26 .bg-c1{
background: linear-gradient(135deg, #000066, #1a1a99);}
.sa26 .bg-c2{
background: linear-gradient(135deg, #7a0018, #c8102e);}
.sa26 .bg-c3{
background: linear-gradient(135deg, #0d0040, #3a000e);}
.sa26 .bg-c4{
background: linear-gradient(135deg, #5c4300, #c99300);}
.sa26 .bg-c5{
background: linear-gradient(135deg, #000055, #d41234);}
.sa26 .bg-c6{
background: linear-gradient(135deg, #10006e, #000066);}
.sa26 .sa-card-img-letter.lc1{
color:rgba(200,180,255,1) !important;}
.sa26 .sa-card-img-letter.lc2{
color:rgba(180,220,255,1) !important;}
.sa26 .sa-card-img-letter.lc3{
color:rgba(180,255,200,1) !important;}
.sa26 .sa-card-img-letter.lc4{
color:rgba(255,210,180,1) !important;}
.sa26 .sa-card-img-letter.lc5{
color:rgba(210,180,255,1) !important;}
.sa26 .sa-card-img-letter.lc6{
color:rgba(255,240,180,1) !important;}
@media (max-width: 960px){
.sa26 .sa-cards-main{
grid-template-columns: 1fr 1fr;}
}
@media (max-width: 680px){
.sa26 .sa-wrap{
padding: 0 18px;}
.sa26 .sa-bc-in{
padding: 0 18px;}
.sa26 .sa-top{
padding: 32px 0 26px;}
.sa26 .sa-top-inner{
flex-direction: column; align-items: flex-start; gap: 20px;}
.sa26 .sa-top h1{
font-size: 24px;}
.sa26 .sa-search-box{
width: 100%; min-width: 0;}
.sa26 .sa-cards-main{
grid-template-columns: 1fr;}
.sa26 .sa-cta-strip{
flex-direction: column; align-items: flex-start; gap: 14px;}
.sa26 .sa-feats-inner{
flex-direction: column; align-items: flex-start;}
.sa26 .sa-feats-cta a{
width: 100%; justify-content: center;}
}
.sa26 .sa-cards-main .sa-cta-strip{
grid-column: 1 / -1; margin: 12px 0;}
@media (min-width: 768px){
.sa26 .sa-chips-inner{
display: flex !important; flex-wrap: nowrap !important;
overflow-x: auto !important; overflow-y: hidden !important;
padding-bottom: 10px !important;
scrollbar-width: thin !important;
scrollbar-color: #c8102e #eef0f5 !important;}
.sa26 .sa-chips-inner.sah-chips-multi{
display: flex !important;
flex-wrap: wrap !important;
gap: 8px 8px !important;
overflow: visible !important;
padding-bottom: 0 !important;}
.sa26 .sa-chips-inner::-webkit-scrollbar{
display: block !important; height: 6px !important; width: 6px !important;}
.sa26 .sa-chips-inner::-webkit-scrollbar-track{
background: #eef0f5 !important; border-radius: 3px !important;}
.sa26 .sa-chips-inner::-webkit-scrollbar-thumb{
background: #c8102e !important; border-radius: 3px !important;}
.sa26 .sa-chip{
justify-self: start !important; white-space: nowrap !important; flex: 0 0 auto !important;}
}