/*
Theme Name: W69 SEO Thailand
Author: Codex
Version: 1.0.0
Description: Thai SEO theme for W69.
*/
:root{--red:#d71920;--blue:#241d4f;--white:#fff;--ink:#121826;--muted:#5b6475;--line:#d8dee8;--soft:#f6f8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;color:var(--ink);line-height:1.78;background:#fff}.flag{height:10px;background:linear-gradient(180deg,var(--red) 0 17%,#fff 17% 34%,var(--blue) 34% 66%,#fff 66% 83%,var(--red) 83%)}.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--blue),#151033);border-bottom:4px solid var(--red);box-shadow:0 2px 18px rgba(0,0,0,.18)}.nav-wrap{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;gap:22px;align-items:center}.brand{display:flex;align-items:center;text-decoration:none;padding:0;background:transparent;border-radius:0;box-shadow:none}.brand img{height:66px;width:auto;display:block}.main-nav{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}.main-nav a{text-decoration:none;color:#fff;font-weight:700;font-size:14px;padding:7px 9px;border-radius:6px}.main-nav a:hover{background:#fff;color:var(--red)}.hero{background:linear-gradient(135deg,rgba(36,29,79,.96),rgba(215,25,32,.90));color:#fff}.hero-inner{max-width:1180px;margin:0 auto;padding:54px 20px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:32px;align-items:center}.hero h1{font-size:clamp(32px,4vw,58px);line-height:1.12;margin:0 0 18px;letter-spacing:0}.hero p{font-size:18px;color:#f5f7ff}.hero img{width:100%;border-radius:8px;display:block;box-shadow:0 18px 40px rgba(0,0,0,.24)}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;margin:8px 10px 0 0;padding:10px 18px;border-radius:6px;font-weight:800;text-decoration:none}.btn-red{background:var(--red);color:#fff}.btn-white{background:#fff;color:var(--blue)}.wrap{max-width:1080px;margin:0 auto;padding:34px 20px}.page-title{font-size:clamp(30px,4vw,48px);line-height:1.15;color:var(--blue);margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:900px}.entry{font-size:17px}.entry h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:42px 0 14px;color:var(--blue);border-left:7px solid var(--red);padding-left:14px}.entry h3{font-size:20px;color:#1f2a44;margin:18px 0 6px}.entry p{margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.feature{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.feature img{height:62px;width:auto;display:block;margin-bottom:10px}.feature strong{display:block;color:var(--blue);font-size:18px}.shot{margin:26px 0}.shot img{width:100%;border-radius:8px;display:block}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.cards a{display:block;border:1px solid var(--line);border-radius:8px;padding:18px;text-decoration:none;color:var(--ink);background:#fff}.cards strong{display:block;color:var(--blue);font-size:20px}.faq{border-top:1px solid var(--line);margin-top:18px}.faq-item{border-bottom:1px solid var(--line);padding:14px 0}.faq-item h3{margin:0 0 6px;color:var(--red)}.footer{margin-top:44px;background:var(--blue);color:#fff}.footer-inner{max-width:1180px;margin:0 auto;padding:28px 20px}@media(max-width:820px){.nav-wrap{align-items:flex-start;flex-direction:column}.main-nav{margin-left:0}.hero-inner{grid-template-columns:1fr;padding:36px 18px}.grid,.cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.cards{grid-template-columns:1fr}.main-nav a{padding:6px 0}.wrap{padding:26px 16px}}



/* Header/menu refinement */
.flag{height:0;background:none}.site-header{background:#8b0000;border-top:32px solid #ef4444;border-bottom:0;box-shadow:none}.nav-wrap{max-width:1040px;min-height:58px;padding:0 16px;gap:24px;justify-content:center}.brand{flex:0 0 auto}.brand img{height:52px}.main-nav{margin-left:0;display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:visible}.main-nav a{color:#fff200;font-size:24px;font-weight:900;line-height:1;padding:17px 0 11px;border-radius:0}.main-nav a:first-child{color:#fff;border-bottom:5px solid #fff}.main-nav a:hover{background:transparent;color:#fff}
@media(max-width:820px){.site-header{border-top:0;background:#8b0000;position:sticky}.nav-wrap{max-width:none;min-height:auto;padding:7px 10px 0;display:block}.brand{display:flex;justify-content:center;margin:0 0 5px}.brand img{height:38px;max-width:90vw;object-fit:contain}.main-nav{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:0 2px 7px;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:16px;padding:8px 0 6px;flex:0 0 auto}.main-nav a:first-child{border-bottom:3px solid #fff}.hero-inner{grid-template-columns:1fr;padding:24px 14px}.hero h1{font-size:29px}.hero p{font-size:15px}.wrap{padding:22px 14px}.entry{font-size:15px}.entry h2{font-size:22px;margin:28px 0 10px}.grid,.cards{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:12px}.feature img{height:46px}}
@media(max-width:480px){.brand img{height:34px}.main-nav{gap:13px}.main-nav a{font-size:15px}.hero h1{font-size:25px}.grid,.cards{grid-template-columns:1fr}.btn{width:100%;margin-right:0}.shot{margin:16px 0}}

/* W69 lobby style */
body{background:#f3f4f8}.site-header{position:sticky;top:0;z-index:30;background:#8b0000;border-top:0;border-bottom:3px solid #ffd400;box-shadow:0 8px 22px rgba(0,0,0,.25)}.topbar{background:linear-gradient(180deg,#4d0909 0%,#7b0000 56%,#9b0000 100%)}.topbar-inner{max-width:1280px;margin:0 auto;min-height:82px;padding:10px 18px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{height:62px;width:auto;max-width:340px;object-fit:contain}.login-panel{margin-left:auto;display:flex;align-items:center;gap:10px}.field{height:42px;min-width:180px;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(10,8,20,.72);color:#fff;font-weight:800;font-size:15px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}.action{height:42px;display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:0 16px;border-radius:7px;text-decoration:none;color:#fff;font-weight:900;font-size:15px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}.action.gold{background:linear-gradient(180deg,#ffe15a,#c79b12);color:#221400}.action.red{background:linear-gradient(180deg,#ff1c23,#b40000)}.action.line{min-width:82px;background:#16bf35;color:#fff}.icon-nav{height:86px;background:#8b0000;display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 18px 8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.icon-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;min-width:86px;text-align:center;color:#fff200;text-decoration:none;font-weight:900;font-size:16px;line-height:1.15;text-shadow:0 2px 2px rgba(0,0,0,.45)}.nav-item.active span:last-child,.nav-item:hover span:last-child{color:#fff}.nav-icon{height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.nav-icon img{max-height:42px;max-width:58px;width:auto;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.nav-item:first-child .nav-icon img{max-width:74px}.hero-banner{background:#111;margin:0;color:#fff;position:relative;overflow:hidden}.hero-banner img{width:100%;display:block;aspect-ratio:2000/485;object-fit:cover}.hero-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:12px}.hero-dots span{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 1px 3px rgba(0,0,0,.45)}.hero-dots span:first-child{width:54px;border-radius:12px;background:#ffd400}.promo-strip{background:#8b0000;overflow:hidden}.promo-strip img{width:100%;display:block;max-height:120px;object-fit:cover}.wrap{background:#fff;max-width:1180px;margin:28px auto 0;padding:32px 24px;border-radius:8px;box-shadow:0 4px 16px rgba(17,24,39,.08)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.feature{background:linear-gradient(180deg,#fff,#fff8d9);border-color:#efd24a}.feature img{height:72px;margin:0 auto 10px}.feature strong{text-align:center;color:#8b0000}.feature p{text-align:center;font-size:15px}.cards a{border-color:#efd24a;background:#fffdf0}.entry h2{color:#8b0000;border-left-color:#ffd400}.faq-item h3{color:#8b0000}.footer{background:#7b0000}
@media(max-width:980px){.topbar-inner{gap:16px;align-items:flex-start}.brand img{height:52px;max-width:250px}.login-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.field{min-width:0;height:38px}.action{height:38px;min-width:0}.action.line{grid-column:auto}.icon-nav{justify-content:flex-start;height:78px;gap:14px}.nav-item{min-width:76px;font-size:14px}.nav-icon{height:36px}.nav-icon img{max-height:36px}.wrap{margin-top:18px;border-radius:0}}
@media(max-width:640px){.site-header{position:sticky}.topbar-inner{display:block;min-height:0;padding:8px 10px}.brand{justify-content:center;margin-bottom:8px}.brand img{height:40px;max-width:92vw}.login-panel{width:100%;grid-template-columns:1fr 1fr}.field{height:34px;font-size:13px;padding:7px 10px}.action{height:36px;font-size:13px;padding:0 8px}.action.line{grid-column:span 2}.icon-nav{height:70px;padding:6px 8px;gap:10px}.nav-item{min-width:64px;font-size:12px}.nav-icon{height:31px}.nav-icon img{max-height:31px;max-width:42px}.nav-item:first-child .nav-icon img{max-width:48px}.hero-banner img{aspect-ratio:2000/600;object-position:center}.hero-dots{bottom:7px;gap:7px}.hero-dots span{width:8px;height:8px}.hero-dots span:first-child{width:32px}.promo-strip img{height:58px;object-fit:cover}.wrap{padding:22px 14px;margin-top:14px}.grid{grid-template-columns:1fr 1fr}.feature img{height:48px}.feature p{font-size:13px}.page-title{font-size:25px}.lead{font-size:15px}.entry{font-size:15px}.entry h2{font-size:21px;margin-top:28px}}
@media(max-width:420px){.field{display:none}.login-panel{grid-template-columns:1fr 1fr}.action.line{grid-column:span 2}.grid,.cards{grid-template-columns:1fr}.hero-banner img{aspect-ratio:2000/720}.promo-strip img{height:50px}.wrap{margin-top:10px}}
.nav-item[href*="w69-free-credit-188"] .nav-icon img,.nav-item[href*="w69-slot-thang-khao"] .nav-icon img{width:54px;height:42px;object-fit:cover;border-radius:6px}.nav-item[href="/"] .nav-icon img{width:58px;height:auto;object-fit:contain}
.icon-nav{height:58px;padding:0 18px;gap:34px}.nav-item{min-width:auto;font-size:20px;display:flex;align-items:center;height:58px}.nav-item span{display:block}.nav-icon{display:none}.marquee-strip{height:52px;overflow:hidden;background:linear-gradient(180deg,#a00000,#7b0000);border-top:3px solid #ffd400;border-bottom:3px solid #ffd400;color:#fff200;display:flex;align-items:center}.marquee-track{display:flex;white-space:nowrap;animation:w69-marquee 18s linear infinite}.marquee-track span{font-size:22px;font-weight:900;padding-right:80px;text-shadow:0 2px 3px rgba(0,0,0,.45)}@keyframes w69-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:980px){.icon-nav{height:50px;gap:24px;justify-content:flex-start}.nav-item{height:50px;font-size:17px}.marquee-strip{height:46px}.marquee-track span{font-size:18px;padding-right:56px}}
@media(max-width:640px){.icon-nav{height:44px;padding:0 10px;gap:18px}.nav-item{height:44px;font-size:15px;min-width:auto}.marquee-strip{height:40px}.marquee-track span{font-size:15px;padding-right:42px}}
.feature img{height:118px;width:auto;max-width:150px;object-fit:contain;margin:0 auto 12px}
@media(max-width:640px){.feature img{height:92px;max-width:120px}}
.hero-carousel{background:#111;margin:0;color:#fff;position:relative;overflow:hidden;touch-action:pan-y}.carousel-track{display:flex;width:100%;transition:transform .42s ease}.carousel-slide{flex:0 0 100%;min-width:100%}.carousel-slide img{width:100%;display:block;aspect-ratio:2000/485;object-fit:cover;border-radius:0;box-shadow:none}.hero-carousel .hero-dots span{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 1px 3px rgba(0,0,0,.45)}.hero-carousel .hero-dots span.active{width:54px;border-radius:12px;background:#ffd400}.carousel-arrow{display:none}
@media(max-width:640px){.carousel-slide img{aspect-ratio:2000/600;object-position:center}.hero-carousel .hero-dots span{width:8px;height:8px}.hero-carousel .hero-dots span.active{width:32px}}
@media(max-width:420px){.carousel-slide img{aspect-ratio:2000/720}}
.footer{margin-top:56px;background:#09010d;color:#fff;box-shadow:inset 0 5px 0 rgba(255,212,0,.18)}.footer-inner{max-width:1180px;margin:0 auto;padding:34px 20px 42px;text-align:center}.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0 auto 26px}.footer-nav a{color:#fff;text-decoration:none;font-size:18px;font-weight:800;line-height:1;padding:0 20px;border-right:1px solid rgba(255,255,255,.52)}.footer-nav a:last-child{border-right:0}.footer-nav a:hover{color:#fff200}.footer-rule{height:1px;background:rgba(255,255,255,.44);margin:0 0 28px}.payment-section{padding:0 0 28px}.payment-section h2{margin:0 0 20px;color:#fff;font-size:20px;font-style:italic;font-weight:900;letter-spacing:0}.payment-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px;max-width:920px;margin:0 auto}.payment-logos span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:7px 12px;font-weight:900;font-size:16px;line-height:1;text-shadow:0 0 8px rgba(255,255,255,.38);filter:grayscale(1)}.payment-logos span:nth-child(3){color:#ff4aa2}.payment-logos span:nth-child(9){border-radius:50%;width:44px;height:44px;padding:0}.copyright{margin:0;color:#fff;font-size:20px;font-weight:900}
@media(max-width:760px){.footer{margin-top:34px}.footer-inner{padding:26px 14px 32px}.footer-nav{gap:12px 0;margin-bottom:22px}.footer-nav a{font-size:15px;padding:0 12px}.payment-section h2{font-size:17px}.payment-logos{gap:10px}.payment-logos span{font-size:12px;min-height:32px;padding:6px 9px}.copyright{font-size:16px}.footer-rule{margin-bottom:22px}}
.footer{margin-top:44px;background:#7b0000;color:#fff;box-shadow:none}.footer-inner{padding:28px 20px;text-align:center}.footer-nav{margin-bottom:22px}.footer-rule{background:rgba(255,255,255,.32);margin:0 0 22px}.payment-section,.payment-logos{display:none}.copyright{font-size:18px}
@media(max-width:760px){.footer-inner{padding:24px 14px}.footer-nav a{font-size:14px;padding:0 10px}.copyright{font-size:15px}}
.mid-shot{max-width:760px;margin:26px auto 30px}.mid-shot img{border-radius:8px;box-shadow:0 12px 28px rgba(17,24,39,.14)}
.slot-marquee{overflow:hidden;margin:26px 0 34px;padding:18px 0;background:linear-gradient(180deg,#fffdf2,#fff7cf);border:1px solid #efd24a;border-radius:8px;box-shadow:0 8px 20px rgba(17,24,39,.08)}.slot-marquee-track{display:flex;align-items:center;gap:18px;width:max-content;animation:slot-game-scroll 32s linear infinite}.slot-marquee img{width:142px;height:142px;object-fit:cover;border-radius:16px;flex:0 0 auto;box-shadow:0 8px 18px rgba(0,0,0,.18)}@keyframes slot-game-scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 9px))}}
@media(max-width:760px){.slot-marquee{margin:20px 0 26px;padding:14px 0}.slot-marquee-track{gap:12px;animation-duration:26s}.slot-marquee img{width:104px;height:104px;border-radius:12px}}
.feature{text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(139,0,0,.14);border-color:#ffd400}.feature:hover strong{color:#b40000}

/* Thai flag inspired backgrounds */
:root{--thai-red:#a00000;--thai-blue:#241d4f;--thai-gold:#ffd400}
html{background:#f5f6fb}
body{background:linear-gradient(180deg,rgba(160,0,0,.07) 0 9%,rgba(255,255,255,.72) 9% 17%,rgba(36,29,79,.09) 17% 35%,rgba(255,255,255,.72) 35% 43%,rgba(160,0,0,.07) 43% 52%,rgba(245,246,251,.96) 52% 100%),repeating-linear-gradient(135deg,rgba(255,212,0,.09) 0 2px,transparent 2px 34px),#f5f6fb}
.topbar{background:linear-gradient(180deg,#580000 0%,#8f0000 58%,#b20000 100%)}
.icon-nav,.footer{background:linear-gradient(180deg,#980000,#760000)}
.site-header{border-bottom:4px solid var(--thai-gold)}
.marquee-strip{background:linear-gradient(90deg,var(--thai-red) 0 22%,#fff 22% 29%,var(--thai-blue) 29% 71%,#fff 71% 78%,var(--thai-red) 78% 100%);box-shadow:inset 0 0 0 999px rgba(110,0,0,.42)}
.wrap{background:linear-gradient(#ffffffee,#ffffffee),linear-gradient(90deg,var(--thai-red) 0 18%,#fff 18% 28%,var(--thai-blue) 28% 72%,#fff 72% 82%,var(--thai-red) 82% 100%);border-top:6px solid var(--thai-gold);border-bottom:6px solid var(--thai-red)}
.feature,.cards a,.slot-marquee{background:linear-gradient(180deg,#fff,#fff9de);border-color:var(--thai-gold)}
.entry h2{border-left-color:var(--thai-gold);color:var(--thai-red)}
.faq{border-top-color:rgba(36,29,79,.22)}
.faq-item{border-bottom-color:rgba(160,0,0,.18)}
.shot img,.mid-shot img{border:3px solid rgba(255,212,0,.86)}
.footer{border-top:4px solid var(--thai-gold)}

/* Fixed Thai-style bottom action bar */
body{padding-bottom:76px}
.footer{padding-bottom:76px}
.bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;min-height:66px;background:linear-gradient(90deg,#ffd400 0%,#ffbd00 49%,#ffad00 100%);border-top:1px solid rgba(255,255,255,.55);box-shadow:0 -10px 26px rgba(0,0,0,.26)}
.bottom-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--thai-red) 0 18%,#fff 18% 27%,var(--thai-blue) 27% 73%,#fff 73% 82%,var(--thai-red) 82% 100%)}
.bottom-cta a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:9px 12px 7px;color:#170b33;text-decoration:none;font-size:19px;font-weight:900;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.bottom-cta a:first-child{background:linear-gradient(90deg,#ffd900,#ffc400)}
.bottom-cta a:last-child{background:linear-gradient(90deg,#ffbd00,#ffa000)}
.bottom-cta a+a:before{content:"";position:absolute;left:0;top:6px;bottom:6px;border-left:1px dashed rgba(36,29,79,.42)}
.bottom-cta .cta-icon{font-size:25px;line-height:1;color:#241d4f;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.bottom-cta a:hover,.bottom-cta a:focus{filter:brightness(1.05)}
@media(max-width:640px){body{padding-bottom:64px}.footer{padding-bottom:64px}.bottom-cta{min-height:58px}.bottom-cta a{font-size:16px;padding:8px 8px 6px}.bottom-cta .cta-icon{font-size:21px}}

/* Article-style SEO layout */
.article-wrap{max-width:1120px;padding:30px 28px 36px}.article-entry{max-width:920px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px;color:#6b1220;font-size:14px;font-weight:800}.breadcrumb a{color:#8b0000;text-decoration:none}.breadcrumb a:hover{color:#241d4f}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.article-meta span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:6px;background:#fff7cf;border:1px solid rgba(255,212,0,.85);color:#6c0202;font-size:13px;font-weight:800}.article-summary,.toc,.article-conclusion{margin:22px 0;padding:18px 20px;border:1px solid rgba(255,212,0,.92);border-left:7px solid #a00000;border-radius:8px;background:linear-gradient(180deg,#fffdf1,#fff8d6);box-shadow:0 8px 18px rgba(139,0,0,.08)}.article-summary strong,.toc strong{display:block;color:#8b0000;font-size:20px;margin-bottom:8px}.article-summary ul,.toc ol{margin:0;padding-left:22px}.article-summary li,.toc li{margin:5px 0}.toc a{color:#241d4f;text-decoration:none;font-weight:800}.toc a:hover{color:#a00000}.article-table{margin:24px 0;overflow-x:auto;border-radius:8px;border:1px solid rgba(160,0,0,.18);box-shadow:0 8px 20px rgba(17,24,39,.07)}.article-table table{width:100%;border-collapse:collapse;background:#fff}.article-table th{background:linear-gradient(90deg,#a00000,#7b0000);color:#fff;text-align:left}.article-table th,.article-table td{padding:12px 14px;border-bottom:1px solid rgba(36,29,79,.12);vertical-align:top}.article-table tr:nth-child(even) td{background:#fffaf0}.article-entry h3{color:#241d4f;font-size:21px;line-height:1.35;margin:14px 0 8px}.article-conclusion h3,.article-related h3{margin:0 0 8px;color:#8b0000}.article-conclusion p{margin:0}.article-related{margin:28px 0}.article-related .cards{margin:12px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}.article-related .cards a{min-height:104px}.article-related .cards span{display:block;margin-top:7px;color:#5b6475;font-size:14px}.related-pages a{transition:transform .18s ease,box-shadow .18s ease}.related-pages a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(139,0,0,.12)}
@media(max-width:820px){.article-wrap{padding:24px 16px}.article-related .cards{grid-template-columns:1fr 1fr}.article-table th,.article-table td{min-width:180px}}
@media(max-width:520px){.article-wrap{padding:20px 14px}.article-meta span{font-size:12px}.article-summary,.toc,.article-conclusion{padding:15px 14px}.article-related .cards{grid-template-columns:1fr}}