.sesverin-rules-page { background: #f2f7fb; }
.sesverin-rules-page .site-content { background: radial-gradient(circle at 50% 0,#fff,#edf5fb 74%); }
.svr-page.sv-container { width: min(1138px,calc(100% - 48px)); padding-bottom: 14px; color: #101d40; font-family: Inter,Arial,sans-serif; }
.svr-page * { box-sizing: border-box; }
.svr-page a { color: inherit; text-decoration: none; }
.svr-page button { font-family: inherit; }
.svr-breadcrumb { height: 34px; display: flex; align-items: center; gap: 8px; color: #697c9a; font-size: 12px; }.svr-breadcrumb a { display: flex; align-items: center; gap: 5px; }.svr-breadcrumb .sv-icon { width: 14px; height: 14px; color: #0874f7; }.svr-breadcrumb i { color: #9ca9bc; font-size: 15px; font-style: normal; }.svr-breadcrumb strong { color: #14213e; }
.svr-layout { display: grid; grid-template-columns: minmax(0,808px) 316px; align-items: start; gap: 14px; }.svr-main { min-width: 0; }
.svr-hero { min-height: 155px; display: grid; grid-template-columns: minmax(0,1fr) 255px; overflow: hidden; border-radius: 7px; color: #fff; background: radial-gradient(circle at 75% 35%,#1b68fc,transparent 36%),linear-gradient(112deg,#06154d,#0d3bab 58%,#184fd2); box-shadow: 0 8px 22px rgba(16,55,150,.14); }.svr-hero-copy { display: grid; grid-template-columns: 64px minmax(0,1fr); align-content: center; gap: 0 14px; padding: 17px 0 14px 18px; }.svr-hero-copy > span { width: 62px; height: 62px; display: grid; place-items: center; grid-row: 1; border: 3px solid rgba(255,255,255,.8); border-radius: 16px; color: #fff; background: linear-gradient(145deg,#2891ff,#0660e8); box-shadow: 0 7px 15px rgba(0,36,111,.3); }.svr-hero-copy > span .sv-icon { width: 36px; height: 36px; }.svr-hero h1 { margin: 0 0 3px; font-size: 29px; line-height: 1.1; letter-spacing: -1px; white-space: nowrap; }.svr-hero h2 { margin: 0; color: #e4ecff; font-size: 15px; font-weight: 500; }.svr-hero-copy > p { grid-column: 1/-1; margin: 12px 0 0; color: #e7edff; font-size: 11px; line-height: 1.55; }
.svr-hero-art { position: relative; overflow: hidden; }.svr-hero-art::before { position: absolute; inset: 0; background: radial-gradient(circle at 50% 48%,rgba(105,153,255,.48),transparent 55%); content: ''; }.svr-hero-art .people { position: absolute; left: 8px; bottom: 34px; width: 77px; height: 54px; display: grid; place-items: center; border-radius: 24px; color: #6d91f9; background: rgba(104,142,240,.32); transform: rotate(-8deg); }.svr-hero-art .people .sv-icon { width: 45px; height: 45px; }.svr-hero-art .paper { position: absolute; z-index: 2; top: 10px; left: 78px; width: 105px; height: 132px; display: block; padding: 27px 16px; border-radius: 8px 8px 20px 20px; color: #9c5d34; background: linear-gradient(145deg,#fff,#ffd9b5); box-shadow: 0 15px 24px rgba(3,28,94,.28); transform: rotate(4deg); }.svr-hero-art .paper > .sv-icon { position: absolute; inset: 0; width: 100%; height: 100%; padding: 12px; opacity: .7; }.svr-hero-art .paper i { position: relative; z-index: 2; width: 18px; height: 18px; display: grid; place-items: center; margin: 5px 0; border-radius: 4px; color: #fff; background: #c77c46; font-size: 11px; font-style: normal; }.svr-hero-art > b { position: absolute; z-index: 3; right: 10px; bottom: 12px; color: #f0a20f; font-size: 57px; line-height: 1; text-shadow: 0 5px 12px rgba(5,27,90,.28); }
.svr-tabs { display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap: 5px; margin-top: 8px; }.svr-tabs a { min-width: 0; min-height: 67px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid #e0e8f2; border-radius: 6px; background: #fff; box-shadow: 0 4px 12px rgba(29,62,103,.03); }.svr-tabs a > span { width: 40px; height: 36px; display: grid; place-items: center; border-radius: 8px; }.svr-tabs a > span .sv-icon { width: 22px; height: 22px; }.svr-tabs strong { overflow: hidden; max-width: 100%; padding-inline: 3px; font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }.svr-page .tone-blue{color:#0874f7;background:#e5f1ff}.svr-page .tone-red{color:#ed3150;background:#ffe7ed}.svr-page .tone-purple{color:#8738e5;background:#f0e5ff}.svr-page .tone-green{color:#0aa55e;background:#e2f8eb}.svr-page .tone-orange{color:#e9870d;background:#fff0dc}.svr-page .tone-teal{color:#05a79a;background:#e2f8f5}
.svr-rules { margin-top: 12px; overflow: hidden; border: 1px solid #dfe8f2; border-radius: 7px; background: #fff; box-shadow: 0 5px 17px rgba(29,62,103,.035); }.svr-rules article { min-height: 82px; display: grid; grid-template-columns: 26px 54px minmax(0,1fr) 87px; align-items: center; gap: 10px; padding: 8px 11px 8px 8px; border-bottom: 1px solid #e5ecf4; scroll-margin-top: 12px; }.svr-rules article:last-child { border-bottom: 0; }.svr-rules article > b { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #27477c; background: #eef3fa; font-size: 10px; }.svr-rule-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 10px; }.svr-rule-icon .sv-icon { width: 29px; height: 29px; }.svr-rules article > div { min-width: 0; }.svr-rules h2 { margin: 0 0 2px; font-size: 14px; }.svr-rules p { margin: 0 0 6px; color: #617594; font-size: 11px; }.svr-rules ul { display: flex; flex-wrap: wrap; gap: 5px 28px; margin: 0; padding: 0; color: #52698e; list-style: none; }.svr-rules li { position: relative; padding-left: 11px; font-size: 9px; white-space: nowrap; }.svr-rules li::before { position: absolute; left: 0; color: #5947d8; content: '•'; }.svr-rules aside { margin-top: 7px; padding: 8px 10px; border-radius: 5px; color: #405a7e; background: #f2f7fd; font-size: 10px; line-height: 1.4; }.svr-rules article > button { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 0; border: 0; color: #0874f7; background: transparent; cursor: pointer; font-size: 9px; white-space: nowrap; }.svr-rules article > button .sv-icon { width: 12px; height: 12px; }
.svr-sidebar { display: grid; gap: 12px; }.svr-side-card { overflow: hidden; border: 1px solid #dfe8f2; border-radius: 7px; background: #fff; box-shadow: 0 5px 17px rgba(29,62,103,.035); }.svr-side-card > header { min-height: 39px; display: flex; align-items: center; padding: 0 11px; border-bottom: 1px solid #e8eef5; }.svr-side-card > header h2 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 14px; }.svr-side-card > header h2 .sv-icon { width: 18px; height: 18px; color: #ed3150; }.svr-side-card > header > a { display: flex; align-items: center; gap: 4px; margin-left: auto; color: #0874f7; font-size: 10px; }.svr-side-card > header > a .sv-icon { width: 11px; height: 11px; }
.svr-summary { padding-bottom: 9px; }.svr-summary ul { margin: 0; padding: 4px 11px 7px; list-style: none; }.svr-summary li { min-height: 24px; display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: center; gap: 7px; font-size: 10px; }.svr-summary li .sv-icon { width: 15px; height: 15px; color: #0ab267; fill: #0ab267; }.svr-summary > p { min-height: 48px; display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 8px; margin: 0 9px; padding: 7px 9px; border-radius: 6px; color: #72500b; background: #fff1ca; font-size: 9px; line-height: 1.35; }.svr-summary > p > span { width: 26px; height: 26px; display: grid; place-items: center; clip-path: polygon(50% 0,100% 100%,0 100%); color: #fff; background: #ee9910; font-size: 12px; font-weight: 800; }
.svr-penalties ol { margin: 0; padding: 5px 9px 9px; list-style: none; }.svr-penalties li { min-height: 31px; display: grid; grid-template-columns: 38px 80px minmax(0,1fr); align-items: center; margin-bottom: 3px; overflow: hidden; border-radius: 5px; background: #f2f6fc; }.svr-penalties li > b { align-self: stretch; display: grid; place-items: center; color: #5e430b; background: #ffe498; font-size: 12px; }.svr-penalties li:nth-child(2) > b { color:#9e2032;background:#ffd9df}.svr-penalties li:nth-child(3) > b { color:#fff;background:#ef2d58}.svr-penalties li:nth-child(4) > b { color:#fff;background:#d41434}.svr-penalties strong { padding-left: 8px; font-size: 9px; }.svr-penalties small { color: #697c9a; font-size: 8px; }
.svr-updates ul { margin: 0; padding: 5px 11px 8px; list-style: none; }.svr-updates li { min-height: 31px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 7px; border-bottom: 1px solid #edf1f5; }.svr-updates li:last-child { border: 0; }.svr-updates li > b { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 8px; }.svr-updates li > b.red{background:#ef3150}.svr-updates li > b.purple{background:#8738e5}.svr-updates li > b.orange{background:#f0a310}.svr-updates li span { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.svr-updates time { color: #71839f; font-size: 8px; white-space: nowrap; }
.svr-team > div { padding: 3px 11px 8px; }.svr-team article { min-height: 49px; display: grid; grid-template-columns: 41px minmax(0,1fr) auto; align-items: center; gap: 8px; }.svr-team article img { width: 39px; height: 39px; border-radius: 50%; object-fit: cover; }.svr-team article p { min-width: 0; margin: 0; }.svr-team article strong,.svr-team article small { display: block; }.svr-team article strong { font-size: 10px; }.svr-team article strong i { width: 7px; height: 7px; display: inline-block; margin-left: 4px; border-radius: 50%; background: #0bb367; }.svr-team article small { margin-top: 2px; color: #72839e; font-size: 9px; }.svr-team article > a { height: 28px; display: flex; align-items: center; padding: 0 10px; border: 1px solid #dce5f0; border-radius: 5px; color: #0874f7; font-size: 9px; }
.svr-help { min-height: 112px; display: grid; grid-template-columns: 53px minmax(0,1fr); align-items: center; gap: 8px; padding: 11px; border: 1px solid #dfe8f2; border-radius: 7px; background: linear-gradient(130deg,#fff,#f0f4ff); box-shadow: 0 5px 17px rgba(29,62,103,.035); }.svr-help > span { width: 49px; height: 49px; display: grid; place-items: center; color: #101a87; }.svr-help > span .sv-icon { width: 39px; height: 39px; }.svr-help h2 { margin: 0 0 3px; font-size: 13px; }.svr-help p { margin: 0 0 7px; color: #687b98; font-size: 10px; line-height: 1.4; }.svr-help a { height: 29px; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #0874f7; border-radius: 5px; color: #0874f7; background: #fff; font-size: 10px; }.svr-help a .sv-icon { width: 12px; height: 12px; }
.sesverin-rules-page .community-stats,.sesverin-rules-page .site-footer,.sesverin-rules-page .footer-bottom { font-size: 12px; }
@media (max-width: 920px) {
  .svr-layout { grid-template-columns: minmax(0,1fr) 280px; }.svr-hero { grid-template-columns: minmax(0,1fr) 220px; }.svr-tabs { grid-template-columns: repeat(5,minmax(0,1fr)); }.svr-rules article { grid-template-columns: 26px 54px minmax(0,1fr); }.svr-rules article > button { grid-column: 3; justify-content: flex-start; }.svr-rules ul { gap-inline: 18px; }
}
@media (max-width: 720px) {
  .svr-page.sv-container { width: calc(100% - 20px); }.svr-layout { display: block; }.svr-hero { min-height: 255px; display: block; }.svr-hero-copy { min-height: 165px; grid-template-columns: 52px minmax(0,1fr); padding: 17px 14px 10px; }.svr-hero-copy > span { width: 50px; height: 50px; }.svr-hero h1 { font-size: 24px; white-space: normal; }.svr-hero h2 { font-size: 13px; }.svr-hero-copy > p { font-size: 10px; }.svr-hero-art { height: 90px; }.svr-hero-art .paper { top: -15px; left: 45%; height: 112px; }.svr-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }.svr-rules article { grid-template-columns: 24px 47px minmax(0,1fr); align-items: start; }.svr-rule-icon { width: 45px; height: 45px; }.svr-rules ul { display: grid; gap: 4px; }.svr-sidebar { margin-top: 13px; }
}
@media (max-width: 440px) {
  .svr-hero { min-height: 280px; }.svr-hero-copy { min-height: 190px; }.svr-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }.svr-rules article { grid-template-columns: 22px 42px minmax(0,1fr); gap: 7px; }.svr-rule-icon { width: 40px; height: 40px; }.svr-rule-icon .sv-icon { width: 23px; height: 23px; }.svr-rules h2 { font-size: 13px; }.svr-rules p { font-size: 10px; }
}
[data-theme="dark"] .sesverin-rules-page .site-content,[data-theme="dark"].sesverin-rules-page .site-content { background:#0e1728 }[data-theme="dark"] .svr-page,[data-theme="dark"].sesverin-rules-page .svr-page { color:#e8effa }[data-theme="dark"] .svr-tabs a,[data-theme="dark"] .svr-rules,[data-theme="dark"] .svr-side-card,[data-theme="dark"] .svr-help { border-color:#293a52;background:#172238;color:#e8effa }

/* Keep rule details readable without changing the reference density. */
.svr-tabs strong { font-size: 10px; }.svr-rules li,.svr-rules article > button { font-size: 10px; }.svr-rules aside { font-size: 11px; }.svr-summary li { font-size: 11px; }.svr-summary > p { font-size: 10px; }.svr-penalties strong { font-size: 10px; }.svr-penalties small { font-size: 9px; }.svr-updates li span,.svr-updates time { font-size: 10px; }.svr-team article strong { font-size: 11px; }.svr-team article small,.svr-team article > a { font-size: 10px; }