/* Roma77 — Premium Casino Editorial
   cream #F6EFE2 · dark red #7C1D2B · gold #C9A227 · ink #2A2320 */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,Arial,sans-serif;color:#2A2320;background:#FDFBF6;line-height:1.7;font-size:16px}
img,svg{max-width:100%;height:auto;display:block}
a{color:#7C1D2B;text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{list-style:none}
h1,h2,h3,.rm-logo-word{font-family:Georgia,"Times New Roman",serif;line-height:1.25}
.rm-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.rm-narrow{max-width:780px}
p{margin:0 0 14px}

/* top bar & masthead */
.rm-head{background:#F6EFE2;border-bottom:1px solid #D9C9A8}
.rm-topbar{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#6B5B33;padding:7px 22px;border-bottom:1px solid #E4D9BE;max-width:1120px;margin:0 auto}
.rm-masthead{max-width:1120px;margin:0 auto;padding:14px 22px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.rm-logo{display:flex;align-items:center;gap:10px;justify-self:start;color:#14100E}
.rm-logo:hover{text-decoration:none}
.rm-logo-word{font-size:30px;font-weight:700;letter-spacing:.02em}
.rm-logo-word span{color:#7C1D2B}
.rm-navbtn,.rm-navtog{display:none}
.rm-menubar{grid-column:1/-1;border-top:3px double #C9A227;margin-top:12px}
.rm-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 26px;padding:10px 0 12px}
.rm-nav a{font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:#3A2E28;padding:4px 2px;border-bottom:2px solid transparent}
.rm-nav a:hover,.rm-nav .active a{color:#7C1D2B;border-bottom-color:#C9A227;text-decoration:none}

/* hero */
.rm-hero{background:#2A0E14;color:#F6EFE2;border-bottom:4px solid #C9A227}
.rm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;padding-top:54px;padding-bottom:58px;align-items:start}
.rm-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#C9A227;margin-bottom:14px}
.rm-hero h1{font-size:44px;color:#FBF6EA;margin-bottom:18px}
.rm-lead{font-size:17.5px;color:#E4D6BC;margin-bottom:24px}
.rm-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.rm-btn{display:inline-block;padding:12px 26px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;border:1.5px solid transparent}
.rm-btn:hover{text-decoration:none}
.rm-btn-gold{background:#C9A227;color:#231A05;border-color:#C9A227}
.rm-btn-gold:hover{background:#D9B43E}
.rm-btn-line{border-color:#C9A227;color:#F0E3C0}
.rm-btn-line:hover{background:rgba(201,162,39,.12)}
.rm-hero-side img{border:6px double #C9A227;border-radius:2px}
.rm-picks{background:#FBF6EA;color:#2A2320;padding:18px 20px;margin-top:18px}
.rm-picks-h{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#7C1D2B;font-family:"Segoe UI",Arial,sans-serif;font-weight:700;margin-bottom:8px}
.rm-picks ol li{border-top:1px solid #E0D3B4}
.rm-picks ol li a{display:flex;gap:12px;align-items:baseline;padding:9px 2px;color:#2A2320}
.rm-picks ol li a:hover{text-decoration:none;background:#F3EAD5}
.rm-pick-n{font-family:Georgia,serif;color:#C9A227;font-weight:700;font-size:18px}
.rm-pick-t{font-size:14.5px;line-height:1.45}

/* three cards */
.rm-threecards{background:#F6EFE2;border-bottom:1px solid #E4D9BE}
.rm-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:34px;padding-bottom:34px}
.rm-card{display:flex;flex-direction:column;gap:6px;background:#FFFFFF;border:1px solid #D9C9A8;border-top:3px solid #7C1D2B;padding:20px 20px 18px;color:#2A2320}
.rm-card:hover{text-decoration:none;box-shadow:0 6px 18px rgba(60,35,20,.12);transform:translateY(-2px)}
.rm-card-k{font-size:11px;letter-spacing:.24em;color:#C9A227;font-weight:700}
.rm-card-t{font-family:Georgia,serif;font-size:20px;color:#7C1D2B}
.rm-card-d{font-size:13px;color:#6B5B45}

/* sections */
.rm-sec{padding:44px 0;background:#FFFFFF}
.rm-sec.alt{background:#F6EFE2}
.rm-sec-head{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid #C9A227;padding-bottom:10px;margin-bottom:18px}
.rm-sec-n{font-family:Georgia,serif;font-size:30px;color:#C9A227;font-weight:700}
.rm-sec-head h2{font-size:27px;color:#2A1E18}
.rm-sec-body{max-width:860px}
.rm-sec-body h3{font-size:20px;margin:22px 0 8px;color:#7C1D2B}
.rm-sec-body ul.md,.rm-sec-body ol.md{padding-left:0;margin:0 0 14px}
.rm-sec-body ul.md li{position:relative;padding-left:22px;margin-bottom:7px}
.rm-sec-body ul.md li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;background:#C9A227;transform:rotate(45deg)}
.rm-sec-body ol.md{counter-reset:rmol}
.rm-sec-body ol.md li{position:relative;padding-left:34px;margin-bottom:8px;counter-increment:rmol}
.rm-sec-body ol.md li::before{content:counter(rmol,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:Georgia,serif;color:#C9A227;font-weight:700}

/* tables */
.tbl-wrap{overflow-x:auto;margin:18px 0}
table{border-collapse:collapse;width:100%;min-width:520px;background:#fff;font-size:14.5px}
thead th{background:#7C1D2B;color:#F6EFE2;text-align:left;padding:10px 14px;font-family:Georgia,serif;letter-spacing:.04em}
tbody td{padding:10px 14px;border-bottom:1px solid #E4D9BE}
tbody tr:nth-child(even){background:#FBF7EC}

/* figures */
.fig{margin:26px 0;border:1px solid #D9C9A8;background:#FFFFFF;padding:18px}
.fig figcaption{font-size:13px;color:#6B5B45;margin-top:10px;font-style:italic;text-align:center}

/* article */
.rm-main{padding:34px 0 10px}
.rm-crumb{font-size:12.5px;letter-spacing:.06em;margin-bottom:18px}
.rm-crumb ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#8A7A55}
.rm-crumb li+li::before{content:"›";margin-right:6px;color:#C9A227}
.rm-art-h1{font-size:36px;margin-bottom:14px;color:#1E1512}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#7A6A4C;border-top:3px double #C9A227;border-bottom:1px solid #E4D9BE;padding:10px 0;margin-bottom:26px}
.toc{background:#F6EFE2;border:1px solid #E0D3B4;padding:18px 22px;margin-bottom:30px}
.toc-title{font-family:Georgia,serif;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#7C1D2B;margin-bottom:8px}
.toc ol{counter-reset:rmtoc;padding-left:0}
.toc ol li{counter-increment:rmtoc;padding:4px 0 4px 30px;position:relative;font-size:14.5px}
.toc ol li::before{content:counter(rmtoc,decimal-leading-zero);position:absolute;left:0;color:#C9A227;font-family:Georgia,serif;font-weight:700}
.rm-art-body{font-size:17px}
.rm-art-body h2{font-size:26px;margin:34px 0 12px;color:#2A1E18;border-bottom:1px solid #E4D9BE;padding-bottom:6px}
.rm-art-body h3{font-size:20px;margin:24px 0 8px;color:#7C1D2B}
.rm-art-body ul.md,.rm-art-body ol.md{margin:0 0 16px;padding-left:0}
.rm-art-body ul.md li{position:relative;padding-left:22px;margin-bottom:7px}
.rm-art-body ul.md li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;background:#C9A227;transform:rotate(45deg)}
.rm-art-body ol.md{counter-reset:rmol2}
.rm-art-body ol.md li{position:relative;padding-left:34px;margin-bottom:8px;counter-increment:rmol2}
.rm-art-body ol.md li::before{content:counter(rmol2,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:Georgia,serif;color:#C9A227;font-weight:700}
blockquote.md{border-left:3px solid #C9A227;background:#FBF7EC;padding:12px 18px;margin:16px 0;font-style:italic}

/* faq */
.rm-faq-item{background:#FFFFFF;border:1px solid #D9C9A8;margin-bottom:10px}
.rm-faq-item summary{cursor:pointer;padding:13px 18px;font-weight:600;font-family:Georgia,serif;font-size:16.5px;color:#7C1D2B;list-style:none;position:relative;padding-right:40px}
.rm-faq-item summary::-webkit-details-marker{display:none}
.rm-faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#C9A227;font-size:22px;font-family:Georgia,serif}
.rm-faq-item[open] summary::after{content:"–"}
.rm-faq-a{padding:0 18px 14px;font-size:15.5px}

/* related */
.related{background:#F6EFE2;border:1px solid #E0D3B4;padding:20px 22px;margin-top:34px}
.related-title{font-family:Georgia,serif;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#7C1D2B;margin-bottom:8px}
.related ul li{padding:7px 0;border-top:1px solid #E4D9BE;font-size:15px}

/* hub & index */
.rm-hubhead{padding:8px 0 22px;border-bottom:3px double #C9A227;margin-bottom:10px}
.rm-hubhead h1{font-size:38px;margin-bottom:12px}
.rm-idx{margin-top:8px}
.rm-idx-row{border-bottom:1px solid #E4D9BE}
.rm-idx-row a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:baseline;padding:14px 4px;color:#2A2320}
.rm-idx-row a:hover{text-decoration:none;background:#F3EAD5}
.rm-idx-n{font-family:Georgia,serif;font-size:24px;color:#C9A227;font-weight:700}
.rm-idx-t{font-family:Georgia,serif;font-size:19px;color:#7C1D2B}
.rm-idx-d{font-size:12.5px;color:#8A7A55;letter-spacing:.08em}
.rm-pl-sec{margin-bottom:26px}
.rm-pl-sec h2{font-size:24px;color:#2A1E18;border-bottom:1px solid #E4D9BE;padding-bottom:6px;margin-bottom:12px}
.rm-faqpage details{margin-bottom:10px}

/* 404 */
.e404{text-align:center;padding:70px 22px}
.e404-code{font-family:Georgia,serif;font-size:96px;color:#C9A227;line-height:1}
.e404-h1{font-size:32px;margin:6px 0 14px}
.e404-p{max-width:520px;margin:0 auto 22px}
.e404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.e404-actions .rm-btn{color:#2A2320;border-color:#7C1D2B}
.e404-actions .rm-btn:hover{background:#7C1D2B;color:#fff}
.p404 .rm-hero,.p404 .rm-threecards,.p404 .rm-sec{display:none}

/* footer */
.rm-foot{background:#14100E;color:#CBB88F;margin-top:56px;border-top:4px solid #C9A227}
.rm-fgrid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:38px 22px 10px}
.rm-fh{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#C9A227;margin-bottom:10px;font-family:"Segoe UI",Arial,sans-serif}
.rm-fcol ul li{padding:5px 0;font-size:14px}
.rm-fcol a{color:#D9C9A8}
.rm-fcol a:hover{color:#fff}
.rm-flegal{max-width:1120px;margin:0 auto;padding:16px 22px 30px;border-top:1px solid #2E2417;margin-top:16px}
.rm-flegal p{font-size:12.5px;color:#8F7E5C;margin-bottom:8px}
.rm-f18{color:#C9A227;letter-spacing:.1em}
.rm-fcopy{margin-top:10px}

/* responsive */
@media (max-width:900px){
 .rm-hero-grid{grid-template-columns:1fr;gap:26px}
 .rm-cards3{grid-template-columns:1fr}
 .rm-fgrid{grid-template-columns:1fr 1fr}
 .rm-hero h1{font-size:34px}
 .rm-art-h1{font-size:29px}
 .rm-hubhead h1{font-size:30px}
}
@media (max-width:768px){
 .rm-masthead{grid-template-columns:1fr;padding:12px 18px 0}
 .rm-navbtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid #C9A227;border-radius:4px;cursor:pointer;justify-self:end}
 .rm-navbtn span{display:block;width:20px;height:2px;background:#7C1D2B;margin:0 auto}
 .rm-menubar{display:none;border-top:none}
 .rm-navtog:checked ~ .rm-menubar{display:block;grid-column:1/-1;background:#FBF6EA;border-top:3px double #C9A227}
 .rm-navtog:checked ~ .rm-menubar .rm-nav{flex-direction:column;gap:0;padding:8px 0}
 .rm-nav a{display:block;padding:11px 16px;border-bottom:1px solid #EFE4C9;font-size:14.5px;text-transform:none;letter-spacing:.04em}
 .rm-nav .active a{background:#F3EAD5}
 .rm-sec{padding:32px 0}
 .rm-sec-head h2{font-size:22px}
 .rm-sec-n{font-size:24px}
 .rm-art-body{font-size:16.5px}
 .rm-art-body h2{font-size:22px}
 .rm-topbar{justify-content:center;text-align:center}
 .rm-idx-row a{grid-template-columns:40px 1fr;gap:10px}
 .rm-idx-d{display:none}
 .rm-fgrid{grid-template-columns:1fr}
}
@media (max-width:420px){
 .rm-hero h1{font-size:28px}
 .rm-logo-word{font-size:25px}
 .rm-lead{font-size:16px}
 .rm-btn{padding:11px 18px;font-size:13px}
 .rm-art-h1{font-size:25px}
 .rm-idx-t{font-size:16.5px}
}