:root{--paper:#f5f0e5;--ink:#252622;--muted:#756e61;--line:#c9c0ae;--accent:#744333}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,'Times New Roman',serif}
button,input{font:inherit}
a{color:inherit;text-underline-offset:4px}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #957645;outline-offset:4px}
.wrap{width:min(1180px,92%);margin:auto}
header{padding-top:15px}
.topline{display:flex;justify-content:space-between;border-block:1px solid var(--ink);padding:7px 0;font:10px/1.5 system-ui;letter-spacing:1px;text-transform:uppercase}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}
.identity{display:flex;gap:22px;align-items:center;text-decoration:none}
.seal{width:88px;height:88px;border:3px double var(--ink);border-radius:50%;display:grid;place-items:center;font-size:30px;letter-spacing:-3px}
.masthead h1{font-size:clamp(25px,4.5vw,52px);letter-spacing:-2px;line-height:1.1;margin:0;font-weight:normal}
.kicker{font:10px/1.6 system-ui;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.author-label{font:12px/1.7 system-ui;text-align:right}
.ticker{display:flex;overflow:hidden;gap:20px;border-block:1px solid var(--ink);font:12px/2.8 system-ui;align-items:center}
.ticker strong{background:var(--ink);color:var(--paper);padding:0 16px;white-space:nowrap;z-index:1}
.ticker-window{overflow:hidden;flex:1}
.ticker-track{white-space:nowrap;display:inline-block;min-width:max-content;animation:news 26s linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker button{font:12px system-ui;border:0;background:transparent;cursor:pointer;padding:10px}
@keyframes news{from{transform:translateX(15%)}
to{transform:translateX(-100%)}
}
nav{display:flex;justify-content:center;gap:33px;flex-wrap:wrap;border-bottom:4px double var(--ink);padding:14px 0;font:12px system-ui;text-transform:uppercase;letter-spacing:1px}
nav a{text-decoration:none;padding:5px 2px}
nav a[aria-current]{font-weight:800;border-bottom:2px solid var(--accent);color:var(--accent)}
.breadcrumb{font:11px/1.8 system-ui;color:var(--muted);padding:15px 0}
.home-intro{display:grid;grid-template-columns:.8fr 1.25fr .7fr;align-items:center;gap:27px;border-bottom:3px double var(--ink);padding:15px 0 30px}
.home-intro h2{font-size:42px;line-height:1.08;letter-spacing:-1.5px;font-weight:normal;margin:12px 0}
.home-intro p,.side-note p{font-size:15px;color:var(--muted)}
.animation-wrap{border-inline:1px solid var(--line);padding:0 18px}
.animation-wrap iframe{width:100%;height:350px;border:0;display:block}
.side-note{font-size:14px}
.side-note h3{font-size:24px;font-weight:normal;line-height:1.2}
.section-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding:20px 0 10px;margin-bottom:25px}
.section-title h2{font-size:32px;font-weight:normal;margin:0}
.section-title span{font:11px system-ui;color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:35px}
.story{border-right:1px solid var(--line);padding-right:24px;display:flex;flex-direction:column}
.story:last-child{border:0}
.story:first-child{grid-column:span 2}
.art{height:160px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#e9e2d5 0,#e9e2d5 2px,#eee8dc 2px,#eee8dc 7px);border:1px solid var(--line);font-size:85px;color:#735240;text-decoration:none}
.story:first-child .art{height:240px}
.story h3{font-size:29px;line-height:1.15;font-weight:normal;margin:12px 0}
.story p{color:var(--muted);font-size:15px;margin-top:0}
.story .more{font:700 11px system-ui;text-transform:uppercase;margin-top:auto}
.byline{font:11px system-ui;color:var(--muted);padding:8px 0}
.author-block{border-top:3px double var(--ink);padding:30px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}
.author-block h2{font-size:32px;line-height:1.2;font-weight:normal;margin:10px 0}
.author-block p{margin-top:0;color:var(--muted);font-size:16px}
footer{border-top:4px double var(--ink);padding:20px 0;margin-top:20px;font:11px/1.8 system-ui}
.footer-row{display:flex;justify-content:space-between;gap:20px}
.reader-top{text-align:center;border-block:1px solid var(--ink);padding:17px 0 22px}
.reader-top h2{font-size:clamp(32px,5.5vw,60px);line-height:1.1;font-weight:normal;margin:12px auto;max-width:950px;letter-spacing:-1.4px}
.reader-top p{color:var(--muted);font-size:16px;max-width:680px;margin:10px auto}
.book{touch-action:pan-y;min-height:460px;padding:28px 0;border-bottom:1px solid var(--ink)}
.page-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:10px system-ui;text-transform:uppercase;letter-spacing:1px;padding-bottom:10px}
.book h3{font-size:36px;font-weight:normal;line-height:1.2;margin:25px 0}
.columns{column-count:2;column-gap:50px;column-rule:1px solid var(--line);font-size:18px}
.columns p{margin:0 0 18px}
.columns p:first-child:first-letter{float:left;font-size:66px;line-height:.9;margin:7px 9px 0 0}
.pullquote{font-style:italic;font-size:24px;border-block:1px solid var(--line);padding:15px;margin:25px 0;color:var(--accent)}
.paging{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0}
.paging button,.back{border:1px solid var(--ink);background:transparent;padding:10px 22px;font:12px system-ui;cursor:pointer;text-decoration:none}
.paging button:hover{background:var(--ink);color:var(--paper)}
.paging button:disabled{opacity:.3;cursor:default}
.page-status{font:12px system-ui}
.category-intro h2{font-size:50px;font-weight:normal;margin:15px 0 0}
.category-intro p{color:var(--muted)}
.empty{padding:35px}
.reader-hint{text-align:center;font:11px system-ui;color:var(--muted)}
[hidden]{display:none!important}
.skip{position:absolute;top:-100px}
.skip:focus{top:0;background:white;padding:8px;z-index:20}
@media(max-width:760px){.author-label{display:none}
.seal{width:60px;height:60px;font-size:24px}
.masthead{padding:20px 0}
.identity{gap:12px}
.masthead h1{letter-spacing:-1px}
nav{gap:17px;font-size:10px}
.topline{font-size:8px}
.home-intro{grid-template-columns:1fr}
.home-intro h2{font-size:39px}
.animation-wrap{border-inline:0;border-block:1px solid var(--line);padding:15px 0}
.animation-wrap iframe{height:330px}
.side-note{display:none}
.story-grid{grid-template-columns:1fr}
.story:first-child{grid-column:auto}
.story,.story:last-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}
.story:first-child .art,.art{height:185px}
.columns{column-count:1;font-size:17px}
.book{min-height:0}
.book h3{font-size:30px}
.author-block{grid-template-columns:1fr;gap:12px}
.paging button{padding:12px}
.footer-row{flex-direction:column;gap:7px}
.ticker strong{padding:0 8px}
.section-title h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}
.ticker-track{white-space:normal;min-width:0}
}
[data-theme="light"]{--paper:#fff;--ink:#202722;--muted:#626760;--line:#d5d9d3;--accent:#784334}
[data-theme="dark"]{color-scheme:dark;--paper:#191e1c;--ink:#f0ece1;--muted:#b6b8ac;--line:#535b52;--accent:#deb78d}
[data-theme="green"]{--paper:#e9efe5;--ink:#163e31;--muted:#536951;--line:#b3c3ac;--accent:#7a4e30}
.reading-tools{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font:12px system-ui}
.reading-tools label{display:flex;align-items:center;gap:8px}
.reading-tools select{font:12px system-ui;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:8px;min-height:38px}
.art{background:repeating-linear-gradient(135deg,var(--line) 0,var(--line) 1px,var(--paper) 1px,var(--paper) 7px);color:var(--accent)}
.identity>div{min-width:0}
.masthead h1{overflow-wrap:anywhere}
.animation-wrap{min-width:0}
.story-grid>*{min-width:0}
.reader-top h2{overflow-wrap:anywhere}
.paging button{min-height:44px}
.seal{flex-shrink:0}
@media(min-width:761px) and (max-width:1024px){.home-intro{grid-template-columns:1fr 1fr}
.side-note{display:none}
.masthead h1{font-size:38px}
.author-label{font-size:10px}
.columns{column-gap:30px}
}
@media(max-width:380px){.masthead h1{font-size:24px}
.seal{width:47px;height:47px;font-size:21px}
.kicker{font-size:9px;letter-spacing:1px}
.paging{gap:7px}
.paging button{font-size:10px;padding:10px}
.page-status{font-size:10px}
}


/* Perbaikan keterbacaan dan kontrol tanpa mengubah susunan halaman. */
select,button{min-height:48px}

nav a{min-height:48px;display:inline-flex;align-items:center}

.home-intro p,.side-note p,.story p{font-size:16px}

.reading-tools select{min-height:48px;font-size:16px}

.section-title{gap:16px;flex-wrap:wrap}

.paging{flex-wrap:wrap}

.paging button{min-height:48px}

.back{min-height:48px;display:inline-flex;align-items:center}

.story:only-child{border-right:0;padding-right:0}

@media(max-width:760px){
  nav{gap:4px 16px;font-size:12px}

  .topline{flex-wrap:wrap;gap:4px 12px;font-size:10px}

  .ticker{gap:8px}

  .ticker button{min-width:48px}

  .reading-tools{justify-content:space-between;gap:10px}

  .section-title span{line-height:1.6}

  .paging button{font-size:12px;padding:10px}

  .page-status{font-size:12px}

}



/* Gambar asli ditanam di HTML, ditampilkan utuh tanpa pemotongan. */
.header-logo{display:block;width:112px;height:112px;object-fit:contain;flex-shrink:0;border:1px solid var(--line)}
.author-banner{display:block;width:100%;height:auto;border:1px solid var(--line);margin-bottom:22px}
.art,.story:first-child .art{height:auto;background:transparent;display:block;font-size:0}
.art img{display:block;width:100%;height:auto}
.author-block{align-items:center}
@media(max-width:760px){.header-logo{width:76px;height:76px}.identity{gap:12px}.masthead h1{font-size:clamp(22px,5.5vw,32px)}.kicker{letter-spacing:1px}}

/* Masukan seperti chat, mengikuti tema koran. */
.feedback{border-top:3px double var(--ink);padding:30px 0;margin-top:24px}
.feedback h2{font-size:32px;line-height:1.2;font-weight:normal;margin:0 0 12px}
.feedback-note{font-size:16px;color:var(--muted);margin:0 0 20px;max-width:700px}
.feedback-log{list-style:none;padding:0;margin:0 0 18px;max-height:380px;overflow-y:auto;overflow-wrap:anywhere}
.feedback-log li{margin:12px 0 12px auto;padding:16px 20px;width:fit-content;max-width:min(90%,720px);background:var(--paper);border:1px solid var(--line);border-radius:18px 18px 3px 18px}
.feedback-log p{white-space:pre-wrap;margin:0;font-size:16px}
.feedback-log time{display:block;color:var(--muted);font:12px/1.5 system-ui;margin-top:8px}
.feedback-empty{color:var(--muted);font-size:16px}
.feedback form{display:flex;align-items:flex-end;gap:12px}
.feedback-field{flex:1;min-width:0}
.feedback label{display:block;font:14px/1.6 system-ui;margin-bottom:6px}
.feedback textarea{display:block;width:100%;min-height:96px;max-height:260px;resize:vertical;padding:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);font:16px/1.6 system-ui;border-radius:8px}
.feedback textarea:focus-visible{outline:3px solid #957645;outline-offset:3px}
.feedback button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 24px;min-height:48px;cursor:pointer;font:600 16px system-ui;border-radius:6px}
.feedback-status{min-height:24px;font:14px/1.6 system-ui;color:var(--muted);margin:10px 0 0}
@media(max-width:760px){.feedback form{flex-direction:column;align-items:stretch}.feedback button{align-self:flex-end}.feedback-log li{max-width:95%}}

/* Tabel dan contoh artikel Poker, tetap mengikuti tampilan koran. */
.columns.guide-content{column-count:1;max-width:900px;margin-inline:auto;overflow-wrap:anywhere}
.guide-content p{margin:0 0 20px}
.guide-content h4{font:normal 26px/1.3 Georgia,'Times New Roman',serif;margin:30px 0 14px;break-after:avoid}
.guide-content ul,.guide-content ol{padding-left:25px;margin:16px 0 24px}
.guide-content li{margin-bottom:10px}
.guide-content strong{font-weight:700}
.guide-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:2px}
.guide-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6;min-width:560px}
.guide-table th,.guide-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.guide-table th{font:600 14px/1.5 system-ui;border-bottom:2px solid var(--ink)}
.guide-table tr:last-child td{border-bottom:0}
.guide-table:focus-visible{outline:3px solid #957645;outline-offset:3px}
@media(max-width:760px){
  .guide-content h4{font-size:23px}
  .guide-table table{min-width:0}
  .guide-table thead{display:none}
  .guide-table tbody,.guide-table tr{display:block}
  .guide-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .guide-table tr:last-child{border-bottom:0}
  .guide-table td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;padding:7px 12px;border:0}
  .guide-table td::before{content:attr(data-label);font:600 13px/1.6 system-ui;color:var(--muted)}
  .guide-cell{min-width:0}
}

/* Ilustrasi dan catatan edukasi poker. */
.poker-figure{margin:26px 0;padding:24px;border:1px solid var(--line);background:var(--paper);break-inside:avoid}.poker-figure figcaption strong{display:block;font:normal 27px/1.25 Georgia,serif;margin:7px 0 20px}.card-zone{margin:16px 0}.card-label{display:block;font:600 13px/1.5 system-ui;margin-bottom:9px;color:var(--muted)}.card-row{display:flex;gap:9px;flex-wrap:wrap}.study-card{display:flex;flex-direction:column;justify-content:space-between;width:62px;height:88px;padding:7px 9px;border:1px solid #b7ac98;border-radius:6px;background:#fffdf8;color:#252622;box-shadow:0 2px 0 #00000012;line-height:1}.study-card b{font:700 21px/1.1 Georgia,serif}.study-card>span{align-self:flex-end;font-size:31px}.study-card.red{color:#a52f39}.best-five{border-top:1px solid var(--line);padding-top:16px;margin-top:20px!important;font-size:16px!important}.editor-note,.math-note,.article-sources{border-block:1px solid var(--line);padding:20px 0;margin:25px 0}.editor-note{border-left:3px solid var(--accent);padding:16px 20px}.editor-note p,.source-note{font:14px/1.7 system-ui!important;color:var(--muted)}.math-note h4,.article-sources h4{margin-top:0}.math-note dl{margin:20px 0}.math-note dt{font:600 14px/1.6 system-ui;color:var(--muted);margin-top:14px}.math-note dd{margin:4px 0 0;font-size:18px;overflow-wrap:anywhere}.formula{font-weight:700;font-size:22px!important}.source-note a,.article-sources a{overflow-wrap:anywhere}.guide-content .editor-note p:first-child:first-letter,.guide-content .poker-figure p:first-child:first-letter{float:none;font:inherit;margin:0}.guide-content .poker-figure p:last-child,.guide-content .editor-note p:last-child{margin-bottom:0}@media(max-width:480px){.poker-figure{padding:16px;margin-inline:0}.poker-figure figcaption strong{font-size:24px}.card-row{gap:6px}.study-card{width:45px;height:67px;padding:6px}.study-card b{font-size:17px}.study-card>span{font-size:24px}.editor-note{padding:14px}.math-note dd{font-size:16px}}

.author-bio p{font-size:16px;line-height:1.8}.author-bio p:last-child{margin-bottom:0}

.parlay-tool{margin:24px 0 40px}.parlay-tool>p{font-size:16px}.parlay-tool iframe{display:block;width:100%;height:1050px;border:1px solid var(--line);border-radius:14px;background:#08190D}.parlay-tool .section-title{margin-bottom:16px}@media(min-width:1100px){.parlay-tool iframe{height:930px}}

/* Diagram literasi slot, mengikuti tema koran. */
.slot-overview{margin:26px 0;padding:22px;border:1px solid var(--line);break-inside:avoid}.slot-overview figcaption strong{display:block;font:normal 27px/1.3 Georgia,serif;margin:8px 0 18px}.slot-overview p{font-size:16px!important;margin:18px 0 0!important}.slot-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.slot-concepts>div{border-top:2px solid var(--accent);padding-top:12px}.slot-concepts b{display:block;font:normal 27px/1.3 Georgia,serif;margin-bottom:7px}.slot-concepts span{font:16px/1.6 system-ui}.rtp-strip{display:grid;grid-template-columns:96fr 4fr;height:54px;margin:20px 0;border:1px solid var(--ink)}.rtp-return{display:flex;align-items:center;padding-left:18px;background:var(--ink);color:var(--paper);font:700 22px/1 system-ui}.rtp-edge{background:var(--accent);font-size:0}.slot-frequency{display:grid;grid-template-columns:85px minmax(0,1fr) 50px;align-items:center;gap:18px 12px;font:16px/1.6 system-ui;margin:22px 0}.slot-frequency>div{height:18px;background:var(--line)}.slot-frequency i{height:100%;display:block;background:var(--accent)}.slot-frequency b{text-align:right}.slot-answer{border:1px solid var(--line);padding:16px;margin:22px 0}.slot-answer summary{cursor:pointer;min-height:48px;display:list-item;font:600 16px/1.6 system-ui}.slot-answer summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.slot-answer p{margin-top:15px}.guide-content .slot-overview p:first-child:first-letter{float:none;font:inherit;margin:0}@media(max-width:600px){.slot-overview{padding:16px}.slot-concepts{grid-template-columns:1fr;gap:16px}.slot-concepts b{font-size:24px}.slot-overview figcaption strong{font-size:24px}.slot-frequency{grid-template-columns:70px minmax(0,1fr) 44px;gap:14px 8px}}

/* Ilustrasi ubin domino, mengikuti tema artikel. */
.dom-figure{margin:26px 0;padding:22px;border:1px solid var(--line);break-inside:avoid}.dom-figure figcaption strong{display:block;font:normal 27px/1.3 Georgia,serif;margin:8px 0 20px}.dom-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dom-tile{display:inline-flex;flex-shrink:0;width:112px;height:56px;border:1px solid #a89b85;border-radius:6px;background:#fffdf7;color:#272722;box-shadow:0 2px 0 #00000013;padding:4px}.dom-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:50%;gap:3px;padding:4px}.dom-half+.dom-half{border-left:1px solid #a89b85}.dom-half i{display:block;align-self:center;justify-self:center;width:6px;height:6px;border-radius:50%}.dom-half i.pip{background:#272722}.dom-equals{font-size:26px}.dom-figure p{font-size:16px!important;margin:18px 0 0!important}.dom-pair+.dom-pair{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.dom-answer{border:1px solid var(--line);padding:16px;margin:22px 0}.dom-answer summary{cursor:pointer;min-height:48px;font:600 16px/1.6 system-ui}.dom-answer summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.dom-answer p{margin-top:16px}.guide-content .dom-figure p:first-child:first-letter{float:none;font:inherit;margin:0}@media(max-width:600px){.dom-figure{padding:16px}.dom-figure figcaption strong{font-size:24px}.dom-tile{width:90px;height:46px;padding:3px}.dom-row{gap:8px}.dom-half{padding:3px;gap:2px}.dom-half i{width:5px;height:5px}}

.live-archive-entry{border:1px solid var(--line);padding:26px;margin:24px 0}.live-archive-entry h2{font:normal clamp(28px,4vw,40px)/1.2 Georgia,serif;margin:12px 0}.live-archive-entry p{max-width:800px;font-size:16px}.live-archive-entry .back{background:var(--ink);color:var(--paper)}@media(max-width:600px){.live-archive-entry{padding:18px}}

/* Konten statis tetap terbaca tanpa JavaScript; lembar bacaan adalah peningkatan opsional. */
.site-title{font-size:clamp(25px,4.5vw,52px);letter-spacing:-2px;line-height:1.1;margin:0;font-weight:normal;overflow-wrap:anywhere}
.reader-top h1{font-size:clamp(32px,5.5vw,60px);line-height:1.1;font-weight:normal;margin:12px auto;max-width:950px;letter-spacing:-1.4px;overflow-wrap:anywhere}
.category-intro h1{font-size:50px;font-weight:normal;margin:15px 0 0;overflow-wrap:anywhere}
.chapter-title{font-size:36px;font-weight:normal;line-height:1.2;margin:25px 0}
.chapter{scroll-margin-top:24px}.chapter+.chapter{border-top:1px solid var(--line);margin-top:32px;padding-top:8px}
.columns{column-count:1;max-width:900px;margin-inline:auto}
.chapter .columns{min-width:0}.article-contents{margin:20px 0;border-block:1px solid var(--line);padding:14px 0;font-size:16px}
.article-contents summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-family:system-ui;font-size:14px}
.article-contents ol{padding-left:25px}.article-contents a{display:inline-block;padding:5px 0}
.paging a,.paging button{border:1px solid var(--ink);background:transparent;padding:12px 18px;font:12px system-ui;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);cursor:pointer}
.paging a[aria-disabled=true]{opacity:.4;pointer-events:none}.paging a:hover{background:var(--ink);color:var(--paper)}
.paging{display:none}.paged .paging{display:flex}.page-status{margin-right:auto}.chapter[hidden]{display:none!important}
.page-controls{display:flex;gap:8px;flex-wrap:wrap}.language-notice{font:14px/1.6 system-ui;color:var(--muted)}
.feedback-note a{overflow-wrap:anywhere}.feedback-field{width:100%}.feedback button{flex-shrink:0}
.breadcrumb a{display:inline-block;padding-block:6px}.footer-row{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.ticker-window{overflow-x:auto}.ticker-track{white-space:nowrap;min-width:max-content}}
@media(max-width:760px){.site-title{font-size:clamp(22px,5.5vw,32px);letter-spacing:-1px}.chapter-title{font-size:30px}.category-intro h1{font-size:38px}.page-controls{width:100%}.paging a,.paging button{font-size:12px;flex:1;padding:12px}.feedback button{align-self:stretch}.reader-top h1{font-size:34px}.topline span{overflow-wrap:anywhere}}