/* ==========================================================
 soril-ungu.css — сорил бодох хуудсуудын өнгөлөг, орчин үеийн загвар
 (анх 8-р ангийн хуудсанд хийгдсэн; одоо бүх сорилд нийтлэг).
 soril-stil.css-ийн ДАРАА холбоно.
 ========================================================== */
body { background: radial-gradient(1200px 600px at 10% -10%, #3b2a8f 0%, transparent 60%),
                   radial-gradient(900px 500px at 110% 10%, #0e7c86 0%, transparent 55%), #151e30; background-attachment: fixed; }
h1 { background: linear-gradient(90deg, #ffd166, #ff8fab 45%, #8ecbff); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 28px; }
.dedger { color: #c9d6ff; }
.buleg { display: table; margin: 30px auto 12px; padding: 6px 18px; border-radius: 999px; color: #1b1b3a;
         background: linear-gradient(90deg, #ffd166, #ffb3c1); box-shadow: 0 6px 18px rgba(255, 209, 102, .25); }
.bodlogo { position: relative; border-radius: 20px; border: none; overflow: hidden;
           box-shadow: 0 10px 30px rgba(10, 20, 60, .35); padding-left: 30px; }
.bodlogo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: linear-gradient(180deg, #4f8cff, #7c5cff); }
#heseg1 .bodlogo:nth-child(3n+2)::before { background: linear-gradient(180deg, #ff9f43, #ff6b9a); }
#heseg1 .bodlogo:nth-child(3n)::before { background: linear-gradient(180deg, #20c997, #12a4c8); }
#heseg2 .bodlogo::before { background: linear-gradient(180deg, #a855f7, #ec4899); }
.toloh > b:first-child { display: inline-block; min-width: 30px; padding: 0 9px; margin-right: 6px; border-radius: 10px; text-align: center;
                         color: #fff; background: linear-gradient(135deg, #4f8cff, #7c5cff); box-shadow: 0 3px 8px rgba(79, 140, 255, .35); line-height: 1.7; }
#heseg1 .bodlogo:nth-child(3n+2) .toloh > b:first-child { background: linear-gradient(135deg, #ff9f43, #ff6b9a); box-shadow: 0 3px 8px rgba(255, 107, 154, .35); }
#heseg1 .bodlogo:nth-child(3n) .toloh > b:first-child { background: linear-gradient(135deg, #20c997, #12a4c8); box-shadow: 0 3px 8px rgba(18, 164, 200, .35); }
.onoo { color: #7c5cff; font-weight: 700; background: #f1edff; padding: 1px 8px; border-radius: 999px; }
.bodlogo svg { background: linear-gradient(180deg, #f8fbff, #eef3ff); border-radius: 14px; padding: 8px; box-sizing: content-box; }
.bodlogo table { border-radius: 10px; overflow: hidden; }
.songolt { border-radius: 14px; border-width: 2px; transition: transform .12s, border-color .12s, background-color .12s, box-shadow .12s; }
.songolt:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(79, 140, 255, .18); border-color: #9db8ff; }
.songolt b:first-child { display: inline-block; min-width: 26px; text-align: center; padding: 0 7px; border-radius: 8px; background: #eef3ff; color: #3b5bdb; }
.songolt:nth-of-type(2) b:first-child { background: #fff1e6; color: #e8590c; }
.songolt:nth-of-type(3) b:first-child { background: #e6fcf5; color: #0ca678; }
.songolt:nth-of-type(4) b:first-child { background: #f8f0fc; color: #ae3ec9; }
.songolt:nth-of-type(5) b:first-child { background: #fff0f6; color: #d6336c; }
.songolt.songogdson { background: linear-gradient(135deg, #4f8cff, #7c5cff); border-color: transparent; }
.songolt.songogdson b:first-child { background: rgba(255, 255, 255, .22) !important; color: #fff !important; }
.tovch { background: linear-gradient(90deg, #ffd166, #ff9f43); border-radius: 999px; box-shadow: 0 8px 20px rgba(255, 159, 67, .35); }
.tovch.hoyordugaar { background: linear-gradient(90deg, #4f8cff, #7c5cff); color: #fff; box-shadow: 0 8px 20px rgba(124, 92, 255, .35); }
.dun-kart { border-radius: 20px; }