/* Instant Banking Casino – article style.css */
:root{--blue:#00396e;--accent:#c97f00;--text:#1c1c2e;--muted:#545454;--border:#cdd5e0;--bg:#f7f8fa}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.88;color:var(--text);background:var(--bg)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}

/* breadcrumb */
.bc{background:#fff;border-bottom:1px solid var(--border);padding:8px 0;font:13px/1 Arial,sans-serif;color:var(--muted)}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.bc li+li::before{content:"›";margin-right:4px}
.bc a{color:var(--blue);text-decoration:none}
.bc a:hover{text-decoration:underline}

/* header */
.site-header{background:var(--blue);color:#fff;padding:38px 0 28px}
.site-header h1{font:700 clamp(1.4rem,3vw,2rem)/1.2 Arial,sans-serif;margin-bottom:10px;color:#fff}
.site-header .sub{font:1rem/1.62 Arial,sans-serif;opacity:.88;max-width:660px;color:#fff}
.site-header .sub strong{color:#fff}
.site-header strong{color:#fff !important}
.site-header .meta{margin-top:10px;font:13px/1 Arial,sans-serif;opacity:.6}

/* article */
article{background:#fff;padding:32px 0 52px}

/* typography */
h2{font:700 1.3rem/1.25 Arial,sans-serif;color:var(--blue);margin:38px 0 10px;padding-bottom:5px;border-bottom:2px solid var(--accent)}
h3{font:700 1.05rem/1.3 Arial,sans-serif;color:var(--blue);margin:26px 0 7px}
p{margin-bottom:13px}
article strong{color:var(--blue)}
a{color:var(--blue)}
ul,ol{padding-left:22px;margin-bottom:14px}
li{margin-bottom:4px}

/* definition – snippet bait */
.def{border-left:4px solid var(--blue);background:#edf2fc;padding:14px 18px;margin:16px 0 22px;font:16px/1.72 Arial,sans-serif;border-radius:0 6px 6px 0}
.def strong{display:block;margin-bottom:4px;font-size:1.02rem}

/* toc */
.toc{background:#f2f5fb;border:1px solid var(--border);border-radius:7px;padding:16px 20px;margin:0 0 30px;font:14px/1.6 Arial,sans-serif}
.toc b{display:block;color:var(--blue);margin-bottom:7px;font-size:.95rem}
.toc ol{padding-left:18px}
.toc li{margin-bottom:2px}
.toc a{color:var(--blue);text-decoration:none}
.toc a:hover{text-decoration:underline}

/* tables */
.t-wrap{overflow-x:auto;margin:16px 0 22px}
table{width:100%;border-collapse:collapse;font:14px/1.5 Arial,sans-serif}
thead th{background:var(--blue);color:#fff;padding:10px 12px;text-align:left;font-weight:700}
tbody tr:nth-child(even){background:#f4f7fc}
tbody tr:hover{background:#e8eef8}
td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}
.hi{color:#1a6e34;font-weight:700}
.lo{color:#b01010;font-weight:700}
.md{color:#7a5200;font-weight:700}

/* faq */
.faq-q{font:700 .97rem/1.4 Arial,sans-serif;color:var(--blue);margin:22px 0 5px}
.faq-a{font-size:.95rem;margin-bottom:0}

/* keyword cloud */
.kwc{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 26px;font-family:Arial,sans-serif}
.kwc span{background:#edf2fc;color:var(--blue);font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid #c2d3ee}

/* images */
.hero-img{width:100%;background:var(--blue);line-height:0}
.hero-img img{width:100%;max-height:460px;object-fit:cover;display:block}
.art-img{margin:22px 0 20px}
.art-img img{width:100%;height:auto;border-radius:8px;display:block;border:1px solid var(--border)}
.art-img figcaption{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin-top:6px;font-style:italic;text-align:center}

/* footer */
footer{background:var(--blue);color:rgba(255,255,255,.78);text-align:center;padding:28px 0;font:13px/1.7 Arial,sans-serif}
footer a{color:#f0a830}
footer p+p{margin-top:5px}

@media(max-width:580px){body{font-size:15.5px}h2{font-size:1.1rem}.site-header{padding:26px 0 20px}}

/* Featured Snippet Guide */
.snippet-guide{background:#fff;border-bottom:1px solid var(--border);padding:36px 0}
.snippet-guide h2{font:700 clamp(1.15rem,2.5vw,1.45rem)/1.3 Arial,sans-serif;color:var(--blue);margin-bottom:1.1rem}
.snippet-steps{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.snippet-steps li{font:1rem/1.7 Arial,sans-serif;color:var(--text);padding-left:.2rem}
.snippet-steps li::marker{color:var(--accent);font-weight:700}
@media(max-width:520px){.snippet-guide{padding:24px 0}.snippet-guide h2{font-size:1.05rem}}