.rules-hero{position:relative;overflow:hidden;padding:56px 0 64px;background:radial-gradient(circle at 86% 12%,rgba(82,154,134,.18),transparent 30%),radial-gradient(circle at 12% 86%,rgba(240,138,50,.2),transparent 28%),linear-gradient(135deg,#fff5eb,#fff7fb)}
.rules-hero:after{content:"R";position:absolute;right:-38px;top:-150px;color:rgba(116,64,94,.045);font:700 30rem/1 Lora,serif}
.rules-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:68px;align-items:end}
.rules-breadcrumb{display:flex;gap:9px;margin-bottom:25px;color:var(--muted);font-size:.8rem;font-weight:700}
.rules-breadcrumb a{color:var(--plum)}
.rules-hero h1{max-width:830px;margin:0 0 16px;font:700 clamp(2.65rem,5vw,4.7rem)/1.06 Lora,serif}
.rules-hero p{max-width:690px;margin:0;color:var(--muted);font-size:1.02rem}
.rules-note{padding:25px;border-left:4px solid #c75998;border-radius:0 18px 18px 0;background:#ffffffcc;box-shadow:var(--shadow)}
.rules-note strong{display:block;margin-bottom:9px;color:var(--plum);font:700 1.25rem Lora,serif}
.rules-note p{margin:0 0 14px;font-size:.82rem}
.rules-note a{color:var(--plum);font-size:.8rem;font-weight:800}
.rules-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px;align-items:start;padding-top:46px}
.rules-card{min-width:0;padding:36px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(89,62,79,.07)}
.rules-rich-text{color:#5f545b;font-size:1rem;line-height:1.78}
.rules-rich-text p{margin:0 0 17px}
.rules-rich-text h2,.rules-rich-text h3,.rules-rich-text h4{margin:30px 0 12px;color:var(--ink);font:700 1.55rem/1.25 Lora,serif}
.rules-rich-text h2:first-child,.rules-rich-text h3:first-child,.rules-rich-text h4:first-child{margin-top:0}
.rules-rich-text ul,.rules-rich-text ol{margin:0 0 20px;padding-left:24px}
.rules-rich-text li{margin-bottom:9px}
.rules-rich-text a{color:var(--plum);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.rules-rich-text blockquote{margin:24px 0;padding:8px 0 8px 20px;border-left:3px solid #d47da8;color:#63354f;font:600 1.15rem/1.6 Lora,serif}
.rules-rich-text img{display:block;max-width:100%;height:auto;margin:22px 0;border-radius:12px}
.rules-side{position:sticky;top:24px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.rules-side strong{display:block;margin-bottom:12px;color:var(--plum);font:700 1.05rem Lora,serif}
.rules-side a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:#665963;font-size:.8rem;font-weight:800}
.rules-side a:last-child{border-bottom:0}
.rules-side a:hover{color:var(--plum)}
.rules-empty{padding:42px 24px;border:1px dashed var(--line);border-radius:18px;background:#fffaf7;text-align:center}
.rules-empty h2{margin:0 0 10px;font:700 1.55rem Lora,serif}
.rules-empty p{margin:0;color:var(--muted)}
.rules-ad{min-height:125px;margin-bottom:42px;border-block:1px solid #f0e8e1}
@media(max-width:860px){.rules-hero-grid,.rules-content{grid-template-columns:1fr}.rules-note{max-width:320px}.rules-side{position:static}}
@media(max-width:560px){.rules-hero{padding:38px 0 48px}.rules-hero h1{font-size:2.55rem}.rules-card{padding:24px 18px}.rules-rich-text{font-size:.95rem}.rules-side{display:none}}
