*{box-sizing:border-box}
html{background:#0d1b16}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#262626;background:#e7e1ce}
a{color:#8d220d;text-decoration:none}
a:hover{text-decoration:underline}
.site{max-width:980px;margin:0 auto;box-shadow:0 0 24px rgba(0,0,0,.35);background:#fffdf3;min-height:100vh}
.header{height:190px;background:#10281d url('https://web.archive.org/web/20120324033823im_/http://blackjacktournamentsguru.com/img/main-top-img.jpg') center/cover no-repeat;position:relative}
.brand{position:absolute;left:26px;bottom:21px;background:rgba(7,22,15,.88);padding:13px 18px;border-left:5px solid #c7a55b;color:#fff;letter-spacing:.5px}
.brand strong{font-size:27px;display:block}
.brand span{font:14px Arial,sans-serif;color:#dfd5b7}
.topnav{display:flex;flex-wrap:wrap;background:#1e3d2c;border-top:1px solid #496c56;border-bottom:4px solid #bda060}
.topnav a{color:#fff;font:bold 15px Arial,sans-serif;padding:13px 22px;border-right:1px solid rgba(255,255,255,.12)}
.topnav a:hover{background:#315840;text-decoration:none}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px;padding:26px}
main h1{font-size:30px;color:#173e2a;border-bottom:1px solid #d7ccb0;margin:0 0 20px;padding-bottom:9px}
main h2{font-size:22px;color:#6d250d;margin-top:26px}
main p,main li{font-size:16px;line-height:1.58}
.content-img{max-width:100%;height:auto;border:1px solid #cdbf9f;padding:4px;background:#fff;margin:5px 0 18px}
.float-right{float:right;max-width:280px;margin:4px 0 15px 20px}
.float-left{float:left;max-width:260px;margin:4px 20px 15px 0}
.sidebar{font:14px Arial,sans-serif}
.box{border:1px solid #c8b98f;background:#f5f0df;margin-bottom:18px}
.box h3{margin:0;padding:10px 12px;background:#31583f;color:#fff;font:700 16px Arial,sans-serif}
.box .inside{padding:12px}
.box ul{list-style:none;margin:0;padding:0}
.box li{border-bottom:1px dotted #b8aa88;padding:7px 0}
.poll label{display:block;margin:8px 0}
.crosslinks{clear:both;border-top:1px solid #d7ccb0;margin-top:28px;padding-top:15px}
.crosslinks a{display:inline-block;margin:3px 9px 3px 0;font:bold 14px Arial,sans-serif}
.games{background:#183725;color:#eee;padding:20px 26px;font:14px Arial,sans-serif}
.games a{color:#f3cd79}
.footer{background:#0b2117;color:#bdb8aa;padding:16px 26px;font:13px Arial,sans-serif;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer a{color:#e2cf99}
.note{padding:12px 15px;background:#fff2c9;border-left:4px solid #c39130;font:14px Arial,sans-serif;margin:16px 0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{border:1px solid #d8ccb1;background:#faf6e8;padding:14px}
.card h3{margin-top:0;color:#173e2a}
@media(max-width:760px){.layout{grid-template-columns:1fr}.header{height:145px}.brand strong{font-size:22px}.topnav a{flex:1 1 50%;text-align:center}.float-right,.float-left{float:none;margin:8px auto 18px;display:block}.cards{grid-template-columns:1fr}}


/* Double Attack article components */
.lead{font-size:18px;line-height:1.65;color:#34312a}
.quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 24px}
.quick-facts>div{background:#f5f0df;border:1px solid #d6c7a4;border-radius:6px;padding:14px;font:14px/1.45 Arial,sans-serif}
.fact-icon{display:inline-block;font-size:24px;margin-right:6px;vertical-align:middle}
.toc{background:#f9f5e9;border:1px solid #d7ccb0;border-left:5px solid #31583f;padding:14px 16px;margin:20px 0;font:14px/1.55 Arial,sans-serif}
.toc strong{display:block;color:#173e2a;margin-bottom:7px}
.toc a{display:inline-block;margin:3px 12px 3px 0}
.article-photo{margin:22px 0;text-align:center}
.article-photo img{width:100%;max-height:430px;object-fit:cover;border:1px solid #cdbf9f;padding:4px;background:#fff;border-radius:4px}
.article-photo figcaption{font:13px/1.45 Arial,sans-serif;color:#666;margin-top:7px}
.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 24px;border:1px solid #d4c7a8}
.responsive-table table{width:100%;min-width:620px;border-collapse:collapse;background:#fff}
.responsive-table th{background:#31583f;color:#fff;text-align:left}
.responsive-table th,.responsive-table td{padding:11px 12px;border-bottom:1px solid #e1d9c6;vertical-align:top;font:14px/1.45 Arial,sans-serif}
.responsive-table tbody tr:nth-child(even){background:#faf7ef}
.steps{padding-left:22px}
.steps li{margin:0 0 10px;padding-left:4px}
.tip-box{display:flex;gap:12px;align-items:flex-start;background:#fff5d8;border-left:5px solid #c39130;padding:14px 16px;margin:20px 0;font:14px/1.55 Arial,sans-serif}
.tip-box>span{font-size:25px;line-height:1}
.icon-list{list-style:none;padding:0;margin:18px 0}
.icon-list li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:11px 12px;background:#f8f5eb;border:1px solid #ded3b9}
.icon-list li>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#31583f;color:#fff;font:bold 14px Arial,sans-serif;flex:0 0 24px}
.badge{display:inline-block;border-radius:12px;padding:3px 8px;font:bold 12px Arial,sans-serif;white-space:nowrap}
.badge.good{background:#e7f2e9;color:#235733}
.badge.caution{background:#f8e7df;color:#7b2b18}
.faq details{border:1px solid #d9cfb8;background:#fbf8ef;margin:10px 0;border-radius:5px}
.faq summary{cursor:pointer;padding:12px 14px;font:bold 15px Arial,sans-serif;color:#173e2a}
.faq details p{padding:0 14px 14px;margin:0;font-size:15px}
@media(max-width:760px){
  .quick-facts{grid-template-columns:1fr}
  .lead{font-size:17px}
  .layout{padding:18px}
  main h1{font-size:26px}
  main h2{font-size:21px}
  .responsive-table{margin-left:0;margin-right:0}
  .toc a{display:block;margin:5px 0}
}

/* Spanish 21 article enhancements */
main h3{font-size:18px;color:#31583f;margin-top:22px}
@media(max-width:760px){main h3{font-size:17px}}


/* Blackjack Switch article enhancements */
.switch-demo{display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:center;margin:20px 0;padding:14px;background:#f8f5eb;border:1px solid #d8ccb1;border-radius:6px}
.switch-hand{display:grid;gap:7px;text-align:center;font:15px/1.45 Arial,sans-serif}
.switch-hand strong{color:#173e2a}
.switch-hand span{display:block;background:#fff;border:1px solid #d6c7a4;border-radius:4px;padding:9px}
.switch-arrow{text-align:center;font-size:34px;color:#8d220d;font-weight:bold}
@media(max-width:600px){
  .switch-demo{grid-template-columns:1fr}
  .switch-arrow{transform:rotate(90deg)}
}

/* Responsive image performance */
.article-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
}


/* Blackjack Strategies category and pages */
.strategy-box h3{background:#6b351e}
.strategy-series{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;border-top:1px solid #d7ccb0;border-bottom:1px solid #d7ccb0;padding:13px 0;margin:28px 0 18px;font:14px Arial,sans-serif}
.strategy-series strong{color:#173e2a;margin-right:5px}
.strategy-series a{font-weight:bold}
.strategy-rule-note{background:#eef4e9;border-left:5px solid #31583f;padding:13px 15px;margin:18px 0;font:14px/1.55 Arial,sans-serif}
.strategy-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px;font:13px Arial,sans-serif}
.strategy-legend span{border-radius:4px;padding:7px 10px;border:1px solid #d1c5a9;background:#fff}
.strategy-table td{text-align:center;font-weight:bold}
.strategy-table td span{display:inline-flex;min-width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;font:bold 13px Arial,sans-serif}
.act-h span,.strategy-legend .act-h{background:#e8f0f8;color:#234b6d}
.act-s span,.strategy-legend .act-s{background:#e8f3e8;color:#235c33}
.act-d span,.strategy-legend .act-d{background:#fff0d7;color:#7a4d04}
.act-p span,.strategy-legend .act-p{background:#f1e9fa;color:#57347a}
.act-r span,.strategy-legend .act-r{background:#f8e5e1;color:#792b20}
.flow-chart{display:flex;align-items:stretch;justify-content:space-between;gap:8px;margin:20px 0}
.flow-chart>div{flex:1;background:#f8f5eb;border:1px solid #d8ccb1;padding:12px;text-align:center;border-radius:5px;font:14px Arial,sans-serif}
.flow-chart b{display:block;width:28px;height:28px;line-height:28px;margin:0 auto 7px;border-radius:50%;background:#31583f;color:white}
.flow-chart span{display:block}
.flow-chart i{align-self:center;font-style:normal;font-size:22px;color:#8d220d}
.decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.decision-cards>div{border:1px solid #d8ccb1;background:#faf7ed;padding:14px;border-radius:5px}
.decision-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#31583f;color:#fff;font:bold 17px Arial,sans-serif;margin-right:6px}
.decision-cards p{font-size:14px;margin-bottom:0}
.next-strategy{background:#173e2a;color:#fff;padding:14px 16px;margin:26px 0 8px;border-radius:5px;font:14px Arial,sans-serif}
.next-strategy a{color:#f3cd79;font-weight:bold}
.phase-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 22px}
.phase{padding:13px;background:#eee9dc;border:1px solid #d1c5a9;text-align:center;border-radius:5px;font:13px Arial,sans-serif}
.phase span,.phase b{display:block}
.phase span{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#666;margin-bottom:5px}
.phase.active{background:#31583f;color:#fff;border-color:#31583f}
.phase.active span{color:#e7e0c9}
.priority-chart{display:grid;gap:10px;margin:18px 0 24px}
.priority-chart>div{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:center;font:14px Arial,sans-serif}
.priority-chart meter{width:100%;height:18px}
.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.position-card{border:1px solid #d8ccb1;background:#faf7ed;padding:14px;border-radius:5px}
.position-card b{display:block;color:#173e2a;font-size:17px}
.position-card span{display:block;font:bold 13px Arial,sans-serif;color:#8d220d;margin:4px 0 8px}
.position-card p{font-size:14px;margin:0}
.example-box{background:#f8f5eb;border:1px solid #d6c9ab;border-left:5px solid #6b351e;padding:15px;margin:20px 0}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.example-grid>div{background:#fff;border:1px solid #ddd3bd;padding:10px;text-align:center}
.example-grid span,.example-grid b{display:block;font-family:Arial,sans-serif}
.example-grid span{font-size:12px;color:#666}
.example-grid b{font-size:18px;color:#173e2a}
.worksheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.worksheet>div{display:flex;justify-content:space-between;gap:12px;background:#faf7ed;border:1px solid #d8ccb1;padding:12px;font:14px Arial,sans-serif}
.worksheet label{font-weight:bold;color:#173e2a}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.check-grid>div{background:#f4f0e5;border:1px solid #d9ceb5;padding:11px;font:14px Arial,sans-serif}
.strategy-landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 25px}
.strategy-landing-grid a{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:8px;border:1px solid #d8ccb1;background:#faf7ed;padding:14px;border-radius:5px}
.strategy-landing-grid a:hover{text-decoration:none;background:#f4eedc}
.strategy-landing-grid span{grid-row:1 / 3;font-size:27px}
.strategy-landing-grid strong{color:#173e2a}
.strategy-landing-grid small{color:#666;margin-top:3px}
@media(max-width:760px){
  .flow-chart{display:grid;grid-template-columns:1fr}
  .flow-chart i{transform:rotate(90deg);text-align:center}
  .decision-cards{grid-template-columns:1fr}
  .phase-chart{grid-template-columns:1fr}
  .priority-chart>div{grid-template-columns:1fr;gap:4px}
  .position-grid{grid-template-columns:1fr}
  .example-grid{grid-template-columns:1fr}
  .worksheet{grid-template-columns:1fr}
  .check-grid{grid-template-columns:1fr}
  .strategy-landing-grid{grid-template-columns:1fr}
  .strategy-table table{min-width:760px}
}


/* Insights category and news articles */
.insights-box h3{background:#78510d}
.article-kicker{display:inline-block;background:#31583f;color:#fff;border-radius:3px;padding:5px 9px;margin-bottom:9px;font:bold 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px}
.article-meta{font:13px Arial,sans-serif;color:#726956;border-bottom:1px solid #ddd2b8;padding-bottom:12px;margin:-10px 0 18px}
.news-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.news-facts>div{background:#f8f4e8;border:1px solid #d9cdb1;border-radius:5px;padding:13px;text-align:center;font-family:Arial,sans-serif}
.news-facts span{display:block;font-size:25px;margin-bottom:5px}
.news-facts b{display:block;color:#173e2a;font-size:14px}
.news-facts small{display:block;color:#655f53;margin-top:4px;line-height:1.35}
.insight-callout{background:#eef4e9;border:1px solid #cdddc8;border-left:5px solid #31583f;padding:14px 16px;margin:20px 0;font:14px/1.55 Arial,sans-serif}
.source-box{background:#f5f0df;border:1px solid #d5c7a5;padding:14px 16px;margin:24px 0;font:13px/1.55 Arial,sans-serif}
.source-box strong{color:#173e2a}
.insights-grid{display:grid;grid-template-columns:1fr;gap:15px;margin:22px 0 28px}
.insight-card{position:relative;border:1px solid #d8ccb1;background:#faf7ed;padding:18px;border-radius:6px}
.insight-card h2{font-size:21px;margin:8px 0 8px;border:0;padding:0}
.insight-card h2 a{color:#173e2a}
.insight-card p{font-size:15px;margin:8px 0 12px}
.insight-date{float:right;font:12px Arial,sans-serif;color:#6d665b}
.insight-tag{display:inline-block;background:#31583f;color:#fff;padding:4px 7px;border-radius:3px;font:bold 11px Arial,sans-serif;text-transform:uppercase}
.read-more{font:bold 14px Arial,sans-serif}
@media(max-width:760px){
  .news-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-meta{margin-top:-4px}
  .insight-date{float:none;margin-bottom:7px}
}
@media(max-width:430px){
  .news-facts{grid-template-columns:1fr}
}

/* Insights article responsive images */
.article-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
}