
.ys-container{width:min(1180px,92%);margin:auto}
.ys-hero{background:linear-gradient(135deg,#0a3d8f,#1976d2);color:#fff;padding:36px 0}
.ys-hero .ys-container{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.ys-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;opacity:.9}
.ys-hero h1{font-size:38px;margin:7px 0 10px}.ys-hero p{margin:0;color:#eaf2ff;line-height:1.6}
.ys-search{background:#fff;padding:6px;border-radius:10px;display:flex}
.ys-search input{flex:1;border:0;outline:0;padding:13px;font-size:16px;min-width:0}
.ys-search button{border:0;background:#e53935;color:#fff;font-weight:800;border-radius:7px;padding:0 20px}
.ys-main{padding:34px 0 55px}.ys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ys-card{background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 8px 24px #0000000c;overflow:hidden}
.ys-card-head{background:#0f63c8;color:#fff;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ys-card-head h2{font-size:20px;margin:0}.ys-card-head span{font-size:12px;background:#ffffff22;padding:5px 8px;border-radius:999px;white-space:nowrap}
.ys-card ul{list-style:none;padding:0 17px;margin:0}.ys-card li{border-bottom:1px dashed #dde3eb}
.ys-card li a{display:block;padding:10px 0;color:#172033;line-height:1.45;font-weight:600}
.ys-card li a:hover{color:#0f63c8}.ys-card li:nth-child(n+11){display:none}
.ys-card.expanded li{display:list-item}.ys-more{width:100%;border:0;border-top:1px solid #e7ebf1;background:#f6f9ff;color:#0f63c8;padding:11px;font-weight:800;cursor:pointer}
.ys-card.hidden{display:none}.ys-card li.hidden{display:none!important}
@media(max-width:850px){.ys-hero .ys-container{grid-template-columns:1fr}.ys-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ys-hero h1{font-size:30px}.ys-card-head{align-items:flex-start}.ys-card-head h2{font-size:18px}}
