/* Rules typography and layout. The original rules are preserved in the HTML. */
.terms-modern .terms-hero h1 { text-wrap: balance; }
html body.terms-modern { background: #0b1220 !important; }
html body.terms-modern .terms-layout { width: min(1180px,calc(100% - 40px)); margin: 132px auto 40px !important; }
.terms-modern .terms-hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding:36px;border:1px solid #30473d;border-radius:26px;background:radial-gradient(ellipse at 100% 0%,#2e66342c,transparent 65%),#101b2a;overflow:hidden; }
.terms-modern .terms-eyebrow {display:inline-flex;align-items:center;gap:9px;color:#b3ef9e;font-size:12px;letter-spacing:.02em;margin-bottom:18px;}
.terms-modern .terms-eyebrow::before{content:'';width:7px;height:7px;background:#99ec72;border-radius:50%;box-shadow:0 0 0 5px #99ec7212;}
.terms-modern .terms-hero h1{font-size:clamp(27px,3.1vw,41px);line-height:1.65;margin:0 0 20px;letter-spacing:-.7px;max-width:500px;}
.terms-modern .terms-intro{font-size:15px;line-height:2.15;margin:0;max-width:530px;color:#b9c9c8 !important;}
.terms-modern .terms-visual{width:100%;aspect-ratio:3/2;margin:0;background-position:center;background-size:cover;border-radius:18px;box-shadow:0 20px 50px #0003;}
.terms-modern .terms-reading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:28px;align-items:start;}
.terms-modern .terms-toc{position:sticky;top:125px;display:flex;flex-direction:column;gap:8px;padding:22px 18px;background:#111c2c;border:1px solid #2b3b48;border-radius:18px;}
.terms-modern .terms-toc h2{font-size:15px;margin:0 0 10px;}
.terms-modern .terms-toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:10px;font-size:13px;line-height:1.8;}
.terms-modern .terms-toc a:hover{background:#20392b;border-color:#70b56e55;}
.terms-modern .terms-toc a span{font-size:11px;color:#80a88d;direction:ltr;}
.terms-modern .terms-toc .terms-help{border-top:1px solid #2b3b48;border-radius:0;margin-top:10px;padding-top:16px;color:#abbdbd !important;}
.terms-modern .terms-document{min-width:0;padding:32px 36px;background:#111b2a;border:1px solid #2b3b48;border-radius:20px;text-align:right;}
.terms-modern .terms-document h2{font-size:23px;line-height:1.9;padding:0 0 20px;margin:0 0 8px;border-bottom:1px solid #31443e;scroll-margin-top:128px;}
.terms-modern .terms-document h2:not(:first-child){margin-top:38px;}
.terms-modern .terms-document ul{margin:0 0 24px;padding:0;list-style:none;counter-reset:terms-rule;}
.terms-modern .terms-document li{position:relative;padding:22px 42px 22px 0;margin:0;border-bottom:1px solid #ffffff0b;font-size:15px;line-height:2.25;color:#c4ced9 !important;overflow-wrap:anywhere;counter-increment:terms-rule;}
.terms-modern .terms-document li::before{content:counter(terms-rule,decimal-leading-zero);position:absolute;inset:26px 0 auto auto;display:grid;place-items:center;width:27px;height:27px;border:1px solid #6fbc7040;border-radius:8px;background:#66bd6410;color:#a2dc92;font-family:Tahoma,sans-serif;font-size:11px;line-height:1;}
.terms-modern .terms-document li:last-child{border-bottom:0;}
.terms-modern .terms-document a{text-decoration:underline;text-underline-offset:4px;}
.terms-modern .footer{margin-top:40px;border-top:1px solid #2b3b48;background:transparent !important;padding-top:24px;}
@media(max-width:900px){.terms-modern .terms-reading{grid-template-columns:1fr;}.terms-modern .terms-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;}.terms-modern .terms-toc h2{grid-column:1/-1;}.terms-modern .terms-toc .terms-help{grid-column:1/-1;}.terms-modern .terms-hero{gap:22px;padding:26px;}}
@media(max-width:600px){html body.terms-modern .terms-layout{width:calc(100% - 24px);margin-top:110px !important;}.terms-modern .terms-hero{grid-template-columns:1fr;padding:24px 20px;gap:24px;border-radius:20px;}.terms-modern .terms-hero h1{font-size:28px;}.terms-modern .terms-visual{aspect-ratio:3/2;}.terms-modern .terms-reading{gap:18px;margin-top:18px;}.terms-modern .terms-document{padding:24px 18px;}.terms-modern .terms-document h2{font-size:20px;}.terms-modern .terms-document li{padding-inline-start:38px;font-size:14px;line-height:2.2;}.terms-modern .terms-toc{padding:18px 12px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Artwork generated with the built-in image tool. Art direction: A premium editorial 3D still-life of an emerald green glass chess knight and ivory ceramic rook on a small dark midnight navy chessboard, soft studio lighting and restrained green rim light; modern fair-play visual for the Sibmo rules page, no text or logos. Optimized artwork is served as a separate WebP asset. */
.terms-modern .terms-visual{background-image:url("/img/terms-chess-20261111.webp")}