/* Selat editorial system: BK8 Malaysia. Local assets; no font or UI dependencies. */
body { background:#f0f4f9; }
.selat-bk8-reading { padding-top:44px; }
.selat-bk8-layout { grid-template-columns:236px minmax(0,880px); gap:48px; }
.selat-bk8-reading article { max-width:880px; }
.selat-bk8-article-section { background:#fff; border:1px solid #d9e3f0; border-radius:18px; padding:32px; margin:0 0 24px; box-shadow:0 4px 0 #e3eaf3; }
.selat-bk8-chapter-head { display:flex; align-items:flex-start; gap:18px; margin-bottom:26px; padding-bottom:24px; border-bottom:1px solid #dde7f3; }
.selat-bk8-chapter-head h2,.selat-bk8-article-section:first-of-type .selat-bk8-chapter-head h2 { margin:0; font-size:29px; line-height:1.3; letter-spacing:-.025em; }
.selat-bk8-chapter-mark { display:flex; flex-direction:column; align-items:center; gap:3px; flex:0 0 44px; padding:9px 4px 5px; border-radius:10px 10px 3px 10px; background:#fff0d9; color:#743900; font-size:11px; line-height:1.2; font-weight:700; font-variant-numeric:tabular-nums; }
.selat-bk8-chapter-mark .selat-bk8-icon { height:21px; width:21px; }
.selat-bk8-article-section>p:last-child,.selat-bk8-topic-panel>p:last-child { margin-bottom:0; }
.selat-bk8-article-section p { line-height:1.85; }
.selat-bk8-article-section h3 { font-size:21px; color:#084b9a; }
.selat-bk8-reading article>p:first-child { background:#e4edf9; border:0; border-radius:12px; color:#344e6d; padding:18px 24px; font-size:14px; }
.selat-bk8-benefit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.selat-bk8-benefit-card { padding:24px; background:#f2f7fe; border:1px solid #d8e5f5; border-radius:14px 14px 4px 14px; }
.selat-bk8-benefit-card:nth-child(2),.selat-bk8-benefit-card:nth-child(3) { background:#fff8ed; border-color:#f2dfbd; }
.selat-bk8-benefit-symbol { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; background:#0756b8; color:white; border-radius:12px; margin-bottom:16px; }
.selat-bk8-benefit-card:nth-child(2) .selat-bk8-benefit-symbol,.selat-bk8-benefit-card:nth-child(3) .selat-bk8-benefit-symbol { background:#ff9519; color:#081934; }
.selat-bk8-benefit-card p { margin:0; font-size:15px; }
.selat-bk8-benefit-card strong:first-child { display:block; color:#081934; font-size:18px; line-height:1.55; margin-bottom:10px; }
.selat-bk8-topic-panel { border:1px solid #dae5f3; border-left:4px solid #0756b8; border-radius:0 12px 12px 0; padding:24px; margin-top:24px; }
.selat-bk8-topic-panel h3:first-child { margin-top:0; }
.selat-bk8-article-section ol { counter-reset:selat-bk8-step; list-style:none; padding:0; margin:24px 0; display:grid; gap:10px; }
.selat-bk8-article-section ol li { counter-increment:selat-bk8-step; position:relative; padding:17px 18px 17px 65px; margin:0; border:1px solid #d8e5f5; background:#f4f8fe; border-radius:10px; line-height:1.8; }
.selat-bk8-article-section ol li::before { content:counter(selat-bk8-step,decimal-leading-zero); position:absolute; left:16px; top:17px; width:33px; height:33px; display:grid; place-items:center; background:#0756b8; color:#fff; border-radius:50%; font-size:12px; font-weight:700; }
.selat-bk8-table-wrap { margin:26px 0; border-color:#cbdcef; border-radius:12px; background:#fff; }
.selat-bk8-table-wrap table { min-width:0; font-size:15px; line-height:1.7; }
.selat-bk8-table-wrap th,.selat-bk8-layout [data-section='16'] th { background:#0756b8; color:#fff; border-color:#3d79c4; padding:16px; }
.selat-bk8-table-wrap td { padding:16px; border-color:#dae5f2; }
.selat-bk8-table-wrap tbody tr:nth-child(even) { background:#f1f6fd; }
.selat-bk8-table-wrap tbody tr:hover { background:#fff5e6; }
.selat-bk8-table-facts td:first-child { width:31%; font-weight:700; color:#153f71; }
.selat-bk8-table-wrap a { color:#0756b8; }
.selat-bk8-bonus-example,.selat-bk8-method-note { padding:22px 24px; margin:24px 0 0; border-radius:10px; border-left:4px solid #ff9519; background:#fff3df; }
.selat-bk8-bonus-example p,.selat-bk8-method-note p { margin:0; }
.selat-bk8-method-note { background:#edf3fa; border-left-color:#0756b8; font-size:14px; }
.selat-bk8-voice-grid { display:grid; grid-template-columns:1fr; gap:16px; margin:28px 0; }
.selat-bk8-reader-voice { padding:22px 24px 22px 76px; position:relative; background:#f2f7fe; border:1px solid #d8e5f5; border-radius:14px; }
.selat-bk8-reader-voice:nth-child(2) { background:#fff8ed; border-color:#f2dfbd; }
.selat-bk8-voice-symbol { position:absolute; top:24px; left:24px; display:grid; place-items:center; height:34px; width:34px; color:#0756b8; background:#fff; border-radius:50%; }
.selat-bk8-reader-voice p:first-of-type { margin-bottom:8px; color:#0756b8; }
.selat-bk8-reader-voice p:last-child { margin:0; }
.selat-bk8-editorial-verdict { padding:28px; background:#082d62; border-top:5px solid #ff9519; border-radius:12px; color:#e8f1ff; margin-bottom:26px; }
.selat-bk8-editorial-verdict p { margin:0; }
.selat-bk8-editorial-verdict strong { color:#fff; display:block; font-size:25px; line-height:1.5; margin-bottom:12px; }
.selat-bk8-editorial-image { margin:26px 0; border-radius:12px; border:1px solid #d9e3ef; }
.selat-bk8-promo { grid-template-columns:45% 1fr; padding:16px; gap:24px; background:#082d62; border:0; border-bottom:5px solid #ff9519; border-radius:16px; margin:28px 0; color:white; }
.selat-bk8-promo-copy p { color:#dce9fa; }
.selat-bk8-promo-art { max-width:none; }
.selat-bk8-promo-copy { padding:8px 8px 8px 0; }
.selat-bk8-promo-title { font-size:24px; }
.selat-bk8-promo .selat-bk8-text-link { background:#ff9519; color:#081934; padding:12px 16px; min-height:46px; border-radius:7px 7px 2px 7px; line-height:1.5; }
.selat-bk8-promo .selat-bk8-text-link:hover { background:#ffb24f; text-decoration:none; }
.selat-bk8-button { border-radius:9px 9px 3px 9px; box-shadow:inset 0 -3px 0 #a5500026; }
.selat-bk8-faq,.selat-bk8-faq:last-child { border:1px solid #d4e1f2; border-radius:12px; margin:12px 0; overflow:hidden; }
.selat-bk8-faq h3 button { padding:22px; color:#123e73; }
.selat-bk8-faq button[aria-expanded=true] { background:#eaf2ff; }
.selat-bk8-faq h3 button .selat-bk8-icon { border-radius:50%; padding:6px; width:32px; height:32px; background:#fff0d9; color:#743900; }
.selat-bk8-answer { padding:20px 22px 0; font-size:16px; }
.selat-bk8-toc { top:155px; padding:18px 0; }
.selat-bk8-toc summary { color:#083c80; padding-bottom:16px; border-bottom:3px solid #ff9519; }
.selat-bk8-toc nav a { padding:11px 8px; border-left:3px solid transparent; border-radius:0 7px 7px 0; }
.selat-bk8-toc nav a.selat-bk8-current { border-left-color:#ff9519; background:#e1ebfb; font-weight:700; }
.selat-bk8-toc-chevron { margin-left:auto; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.selat-bk8-toc details[open] .selat-bk8-toc-chevron { transform:rotate(225deg); }
.selat-bk8-toc-app { padding:16px; border:1px solid #cfdef0; border-radius:10px; background:#fff; }
.selat-bk8-policy-article section { padding:28px; margin-bottom:22px; border:1px solid #d9e3f0; border-radius:14px; background:#fff; }
.selat-bk8-policy-article section h2 { margin-top:0; }
.selat-bk8-footer { background:#fff; }
.selat-bk8-footer nav a,.selat-bk8-privacy-settings { min-height:44px; }
.selat-bk8-footer nav { gap:2px; }
[lang='ta-MY'] .selat-bk8-chapter-head h2 { font-size:25px; line-height:1.65; letter-spacing:0; }
[lang='ta-MY'] .selat-bk8-benefit-card strong:first-child { font-size:17px; }
[lang='zh-Hans-MY'] .selat-bk8-article-section p { line-height:1.95; }
@media (max-width:1100px) {
 .selat-bk8-layout { grid-template-columns:205px minmax(0,1fr); gap:24px; }
 .selat-bk8-article-section { padding:26px; }
 .selat-bk8-benefit-grid { grid-template-columns:1fr; }
 .selat-bk8-promo { grid-template-columns:1fr; }
 .selat-bk8-promo-copy { padding:8px; }
}
@media (max-width:900px) {
 html { scroll-padding-top:235px; }
 .selat-bk8-layout { display:block; }
 .selat-bk8-layout article { max-width:none; }
 .selat-bk8-toc { position:sticky; top:133px; z-index:20; background:#fff; padding:0; margin-bottom:24px; border:1px solid #c7d9ef; box-shadow:0 4px 16px #0b397418; border-radius:12px; }
 .selat-bk8-toc details { padding:0; }
 .selat-bk8-toc summary { min-height:58px; padding:16px; border:0; margin:0; }
 .selat-bk8-toc nav { grid-template-columns:1fr; max-height:min(48dvh,380px); margin:0; padding:0 12px 12px; overscroll-behavior:contain; }
 .selat-bk8-toc nav a { min-height:44px; }
 .selat-bk8-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .selat-bk8-promo { grid-template-columns:42% 1fr; }
}
@media (max-width:760px) {
 body { font-size:16px; }
 html { scroll-padding-top:157px; }
 .selat-bk8-container { width:calc(100% - 32px); }
 .selat-bk8-hero-intro,[lang='ta-MY'] .selat-bk8-hero-intro { font-size:16px; }
 .selat-bk8-reading { padding-top:24px; }
 .selat-bk8-toc { top:80px; margin-bottom:20px; }
 .selat-bk8-article-section { padding:22px 18px; border-radius:14px; margin-bottom:20px; }
 .selat-bk8-chapter-head { gap:12px; padding-bottom:20px; margin-bottom:22px; }
 .selat-bk8-chapter-head h2,.selat-bk8-article-section:first-of-type .selat-bk8-chapter-head h2 { font-size:24px; overflow-wrap:anywhere; }
 .selat-bk8-chapter-mark { flex-basis:36px; }
 .selat-bk8-chapter-head h2,[lang='ta-MY'] .selat-bk8-chapter-head h2 { letter-spacing:0; }
 [lang='ta-MY'] .selat-bk8-chapter-head h2 { font-size:21px; }
 .selat-bk8-reading article>p:first-child { padding:16px 18px; }
 .selat-bk8-benefit-grid { grid-template-columns:1fr; gap:14px; }
 .selat-bk8-benefit-card { padding:20px; }
 .selat-bk8-benefit-card p { font-size:16px; }
 .selat-bk8-topic-panel { padding:18px 14px; }
 .selat-bk8-topic-panel h3 { font-size:19px; }
 .selat-bk8-article-section ol li { padding:16px 14px 16px 56px; }
 .selat-bk8-article-section ol li::before { left:12px; width:30px; height:30px; }
 .selat-bk8-table-wrap { border:0; overflow:visible; }
 .selat-bk8-table-wrap table { display:block; width:100%; min-width:0; font-size:16px; }
 .selat-bk8-table-wrap thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .selat-bk8-table-wrap tbody { display:grid; gap:12px; }
 .selat-bk8-table-wrap tr { display:block; border:1px solid #cddcef; border-radius:10px; overflow:hidden; }
 .selat-bk8-table-wrap td { display:block; padding:12px 14px; width:auto; border-bottom:1px solid #dce6f2; overflow-wrap:anywhere; }
 .selat-bk8-table-wrap td:first-child { width:auto; background:#e6effb; font-weight:700; color:#123e73; border-left:3px solid #ff9519; }
 .selat-bk8-table-wrap td:last-child { border-bottom:0; }
 .selat-bk8-table-comparison td::before { content:attr(data-label); display:block; color:#4d6179; font-size:12px; font-weight:700; margin-bottom:5px; line-height:1.5; }
 .selat-bk8-table-facts td:first-child { font-size:15px; }
 .selat-bk8-bonus-example,.selat-bk8-method-note { padding:18px; }
 .selat-bk8-reader-voice { padding:20px; }
 .selat-bk8-voice-symbol { position:static; margin-bottom:12px; }
 .selat-bk8-editorial-verdict { padding:22px 20px; }
 .selat-bk8-editorial-verdict strong { font-size:23px; }
 .selat-bk8-promo { grid-template-columns:1fr; padding:14px; gap:16px; }
 .selat-bk8-promo-copy { padding:0 6px 8px; }
 .selat-bk8-promo .selat-bk8-text-link { justify-content:space-between; width:100%; }
 .selat-bk8-faq h3 button { padding:18px 14px; gap:12px; font-size:16px; }
 .selat-bk8-answer { padding:18px 14px 0; }
 .selat-bk8-policy-article section { padding:24px 20px; }
 .selat-bk8-cookie>.selat-bk8-button { min-height:44px; }
}
@media (max-width:360px) {
 .selat-bk8-article-section { padding:20px 14px; }
 .selat-bk8-chapter-head { display:block; }
 .selat-bk8-chapter-mark { width:36px; margin-bottom:14px; }
}