:root{--phone-width:430px;--gold:#ffc400;--gold2:#ffd84a}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.tpl2-phone{width:min(var(--phone-width),100vw);margin:0 auto;background:#020405;padding:0 18px 55px;overflow:hidden}
.topbar{height:24px;display:flex;align-items:center;justify-content:space-between;margin:0 -18px;padding:4px 28px;background:#010101}.brand{display:flex;align-items:center;gap:7px}.brand-mark{width:16px;height:16px;display:block;background:url("./assets/home-v2/logo-mark.png?v=20260711") center/contain no-repeat}.brand-mark.has-logo{background:center/contain no-repeat}.brand strong{font-size:12px;font-weight:950}.top-actions{display:flex;align-items:center;gap:7px}.top-btn{height:18px;min-width:35px;border-radius:4px;padding:0 9px;font-size:7px;font-weight:950}.top-btn.outline{border:1px solid rgba(255,255,255,.55);background:#050505}.top-btn.gold,.btn.gold{border:1px solid #d79d00;color:#070707;background:linear-gradient(#ffdc4a,#ffb900)}.hamburger{width:20px;height:18px;display:grid;gap:3px;align-content:center;border:0;background:transparent}.hamburger span{width:15px;height:2px;background:#fff;border-radius:99px}
.drawer{position:fixed;z-index:50;top:28px;right:max(10px,calc((100vw - var(--phone-width))/2 + 10px));width:200px;display:grid;gap:2px;border:1px solid rgba(255,196,0,.45);border-radius:10px;padding:8px;background:#07090d}.drawer[hidden]{display:none}.drawer a{min-height:34px;display:flex;align-items:center;border-radius:7px;padding:0 10px;font-size:12px;font-weight:850}
.hero{position:relative;height:135px;margin:0 -18px;padding:11px 0 0 38px;background:radial-gradient(circle at 74% 45%,rgba(255,196,0,.22),transparent 28%),linear-gradient(90deg,#070a0d,#080b0f 58%,#030303);overflow:hidden}.hero-copy{position:relative;z-index:2;width:180px}.hero h1{margin:0;font-size:17px;line-height:1.12;font-weight:950}.hero mark{display:block;color:var(--gold);background:transparent}.hero p{width:160px;margin:6px 0 0;font-size:7px;line-height:1.35;font-weight:650}.hero-actions{display:flex;gap:6px;margin-top:9px}.btn{min-height:23px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:4px;padding:0 11px;font-size:6.8px;font-weight:950;white-space:nowrap}.btn.large{width:112px}.btn.dark{width:78px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.45)}.hero-stats{display:grid;grid-template-columns:62px 64px 70px;gap:8px;margin-top:9px}.hero-stats span{display:grid;grid-template-columns:17px 1fr;grid-template-rows:10px 10px}.hero-stats i{grid-row:1/3;color:var(--gold);font-style:normal}.hero-stats b{font-size:7px}.hero-stats small{font-size:5.4px}.hero-art{position:absolute;right:12px;top:16px;width:196px;height:auto}
.trust-card,.why,.steps,.app,.faq{border-radius:8px;background:#fff;color:#07090c}.trust-card{height:43px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;margin:0 0 10px}.trust-card article{display:grid;grid-template-columns:20px 1fr;grid-template-rows:12px 16px;column-gap:5px;align-items:center;padding:0 6px}.trust-card article+article{border-left:1px solid #e2e5eb}.trust-card i{grid-row:1/3;color:#f5b800;font-style:normal;font-size:13px}.trust-card b{font-size:6.1px;line-height:1.05}.trust-card small{font-size:5.2px;line-height:1.1}
.block{margin-top:10px}.head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}h2{margin:0;font-size:9px;line-height:1.1;font-weight:950}.head-row a{color:var(--gold);font-size:6.4px;font-weight:950}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bonus-card{position:relative;height:76px;overflow:hidden;border-radius:4px;padding:8px;border:1px solid rgba(255,196,0,.28)}.bonus-card.purple{background:linear-gradient(135deg,#220733,#0b0710);border-color:#7930bd}.bonus-card.blue{background:linear-gradient(135deg,#06254d,#07111c);border-color:#1c65ba}.bonus-card.green{background:linear-gradient(135deg,#06341a,#06120b);border-color:#148847}.bonus-card em{display:inline-flex;min-height:11px;align-items:center;border-radius:3px;padding:0 5px;background:#8a24e9;font-size:5px;font-style:normal;font-weight:950}.bonus-card.blue em{background:#277ed5}.bonus-card.green em{background:#32a34b}.bonus-card strong,.bonus-card b,.bonus-card small{position:relative;z-index:2;display:block}.bonus-card strong{margin-top:5px;font-size:7px}.bonus-card b{margin-top:3px;color:var(--gold);font-size:9px}.bonus-card small{margin-top:3px;font-size:5.5px}.bonus-card button{position:absolute;left:8px;bottom:8px;z-index:3;height:17px;border:1px solid rgba(255,255,255,.4);border-radius:3px;background:rgba(0,0,0,.25);font-size:5.8px}.bonus-card img{position:absolute;right:4px;bottom:0;width:58px}.bonus-card.blue img,.bonus-card.green img{width:62px}
.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.quick-grid a,.quick-grid button{height:37px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-radius:5px;background:#fff;color:#07090c;font-size:6px;font-weight:900}.quick-grid i{font-size:16px;font-style:normal}
.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.article-grid article{overflow:hidden;border-radius:5px;background:#fff;color:#07090c}.article-grid img{width:100%;height:42px;display:block;object-fit:cover}.article-grid em{display:inline-flex;margin:4px 5px 0;border-radius:2px;padding:1px 3px;background:var(--gold);font-size:4.6px;font-style:normal;font-weight:950}.article-grid b{display:block;min-height:24px;margin:3px 5px 0;font-size:6px;line-height:1.15}.article-grid small{display:block;margin:4px 5px 6px;color:#4a5563;font-size:4.6px}
.why{min-height:97px;display:grid;grid-template-columns:126px 1fr;gap:11px;margin-top:10px;padding:8px 13px 8px 8px}.why>img{width:120px}.why h2{font-size:10.5px}.why p{margin:5px 0 0;font-size:6.3px;line-height:1.25}.why ul{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 12px;margin:7px 0 0;padding:0;list-style:none}.why li{font-size:6px}.why .btn{min-height:21px;margin-top:7px;font-size:6px}
.steps{margin-top:5px;padding:9px 10px 11px}.steps>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}.steps article{display:grid;justify-items:center;text-align:center}.steps span{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#fff;font-size:7px}.steps i{margin-top:5px;font-style:normal;font-size:20px}.steps b{margin-top:5px;font-size:6px}.steps small{width:62px;margin-top:3px;font-size:5.2px;line-height:1.2}
.app{height:44px;display:grid;grid-template-columns:1fr repeat(3,88px);gap:7px;align-items:center;margin-top:5px;padding:7px}.app p{margin:4px 0 0;font-size:5.8px}.app button{height:30px;display:grid;grid-template-columns:21px 1fr;grid-template-rows:13px 13px;align-items:center;border:1px solid #e0e4ea;border-radius:5px;background:#fff;color:#07090c;text-align:left}.app button i{grid-row:1/3;color:#21b63a}.app b{font-size:6.4px}.app small{font-size:5px}
.review{height:56px;display:grid;grid-template-columns:42px 84px 1fr 88px 76px;gap:8px;align-items:center;margin-top:7px;border:1px solid rgba(255,255,255,.22);border-radius:5px;padding:6px 10px;background:#070b0f}.review>img{width:38px}.review strong{font-size:15px}.review span{color:var(--gold);font-size:8px}.review small,.players small{font-size:5px}.review p{margin:0;font-size:6px;line-height:1.35}.review p i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#16c64b}.review .btn{min-height:24px;font-size:6px}.players{display:flex;gap:3px;align-items:center}.players img{width:40px}
.faq{margin-top:7px;padding:10px 8px 8px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 8px}.faq details{border-radius:4px;background:#f8fafc}.faq summary{height:17px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:5.8px;font-weight:950;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"⌄";font-size:10px}.faq p{margin:0;padding:0 8px 6px;font-size:5.5px}.safe-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;border-top:1px solid #e1e5ec;padding-top:8px}.safe-strip span{display:grid;font-size:6px;font-weight:950}.safe-strip small{font-size:5px;color:#46515e}
.footer{display:grid;grid-template-columns:102px repeat(4,1fr);gap:10px;padding:12px 0;background:#020405}.footer p{margin:6px 0 0;color:#d6dce4;font-size:5.4px;line-height:1.25}.footer nav{display:grid;align-content:start;gap:3px}.footer b{font-size:5.8px}.footer a{font-size:5px;color:#d4dbe4}
.bottom-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;width:min(var(--phone-width),100vw);height:55px;display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto;border-top:1px solid rgba(255,255,255,.14);background:#020303}.bottom-nav a,.bottom-nav button{display:grid;justify-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#fff;font-size:18px}.bottom-nav span{font-size:6.5px;font-weight:900}.bottom-nav [aria-current=page]{color:var(--gold)}
.toast{position:fixed;z-index:90;left:50%;bottom:65px;max-width:min(350px,calc(100vw - 34px));border:1px solid rgba(255,196,0,.45);border-radius:999px;padding:9px 14px;background:rgba(0,0,0,.94);transform:translateX(-50%);font-size:10px;font-weight:850}.toast[hidden]{display:none}

/* Template 2 DOM fidelity pass: keep the page proportional to the source capture. */
.tpl2-phone{padding-bottom:0}
.block{margin-top:8px}
.bonus-card{height:57px;padding:6px}.bonus-card strong{margin-top:3px;font-size:6px}.bonus-card b{margin-top:2px;font-size:8px}.bonus-card small{margin-top:1px;font-size:4.8px}.bonus-card button{left:6px;bottom:5px;height:14px;font-size:5px}.bonus-card img{width:46px}.bonus-card.blue img,.bonus-card.green img{width:50px}
.quick-grid a,.quick-grid button{height:34px}
.article-grid img{height:32px}.article-grid b{min-height:17px;margin-top:2px;font-size:5.3px}.article-grid small{margin:2px 5px 4px;font-size:4.2px}.article-grid em{margin-top:3px;font-size:4.2px}
.why{min-height:92px;grid-template-columns:112px 1fr;gap:8px;padding:7px 12px 7px 7px}.why>img{width:105px}.why h2{font-size:10px}.why p{margin-top:4px;font-size:5.7px}.why ul{gap:4px 10px;margin-top:5px}.why li{font-size:5.2px}.why .btn{min-height:18px;margin-top:5px;font-size:5.3px}
.steps{padding:7px 10px 8px}.steps>div{margin-top:5px}.steps span{width:13px;height:13px}.steps i{margin-top:3px;font-size:16px}.steps b{margin-top:3px;font-size:5.4px}.steps small{width:58px;margin-top:2px;font-size:4.6px}
.app{height:38px;margin-top:4px;padding:5px}.app button{height:27px}.app p{margin-top:2px}
.review{height:48px;margin-top:6px;padding:5px 9px}.review>img{width:33px}.review strong{font-size:13px}.review p{font-size:5.4px}.review .btn{min-height:20px;font-size:5.2px}
.faq{margin-top:6px;padding:8px 8px 7px}.faq-grid{gap:3px 7px}.faq summary{height:13px;padding:0 7px;font-size:5.2px}.faq p{padding:0 7px 4px;font-size:4.8px}.safe-strip{margin-top:6px;padding-top:6px}.safe-strip span{font-size:5.2px}.safe-strip small{font-size:4.3px}
.footer{padding:9px 0 7px}.bottom-nav{height:45px}.bottom-nav a,.bottom-nav button{font-size:15px}.bottom-nav span{font-size:5.8px}
.steps{height:68px;overflow:hidden}.steps small{line-height:1.05}
.faq{height:106px;overflow:hidden}.faq:has(details[open]){height:auto;overflow:visible}
.footer{padding-bottom:52px;margin-bottom:-45px}
.hero{height:130px}.hero-art{top:13px;width:190px}.hero-stats{margin-top:7px}
.trust-card{height:40px;padding:7px}
.block{margin-top:7px}.bonus-card{height:52px}.quick-grid a,.quick-grid button{height:32px}
.article-grid img{height:28px}.article-grid b{min-height:15px;font-size:5px}
.why{min-height:88px;grid-template-columns:104px 1fr}.why>img{width:98px}.why p{font-size:5.3px}.why .btn{min-height:17px}
.steps{height:66px;padding-top:6px}.steps i{font-size:14px}.steps small{font-size:4px}
.hero{height:142px}.hero-stats{margin-top:4px}.hero-stats span{grid-template-rows:9px 9px}.hero-stats small{font-size:4.8px}
.trust-card{margin-top:0}
.bonus-card{height:56px}.bonus-card b{font-size:7px}.bonus-card small{font-size:4.4px}.bonus-card button{height:13px;font-size:4.6px}.bonus-card img{width:42px}.bonus-card.blue img,.bonus-card.green img{width:46px}
.bonus-card{padding:5px 6px 4px}.bonus-card em{min-height:10px;padding:0 4px;font-size:4.5px}.bonus-card strong,.bonus-card b,.bonus-card small{max-width:58px}.bonus-card strong{margin-top:2px;font-size:5.4px}.bonus-card b{margin-top:1px;font-size:6.4px;line-height:1}.bonus-card small{margin-top:1px;font-size:3.9px;line-height:1}.bonus-card button{position:static;margin-top:2px;max-width:48px;padding:0 4px;line-height:1}.bonus-card img{right:2px;bottom:2px;width:39px}.bonus-card.blue img,.bonus-card.green img{width:43px}
.app{height:36px}.review{height:45px}.faq{height:98px}.footer{padding:8px 0 5px;margin-bottom:0}
.bottom-nav{position:static;height:40px;margin:0 -18px;width:auto}.bottom-nav a,.bottom-nav button{font-size:13px}.bottom-nav span{font-size:5px}

/* Final correction pass from annotated QA: prioritize complete text and assets over forced page compression. */
.brand-mark{width:17px;height:17px;background-image:url("/assets/p2-brand/logo.svg?v=20260716b")!important}
.topbar{height:25px}
.hero{height:144px}
.trust-card{height:42px}
.bonus-grid{gap:6px}.bonus-card{height:68px;padding:8px 9px}.bonus-card strong,.bonus-card b,.bonus-card small{max-width:68px}.bonus-card strong{font-size:6.4px;line-height:1.05}.bonus-card b{font-size:8.4px;line-height:1.05}.bonus-card small{font-size:5px;line-height:1.1}.bonus-card button{position:absolute;left:9px;bottom:8px;height:16px;max-width:58px;padding:0 7px;font-size:5.2px}.bonus-card img{right:6px;bottom:0;width:56px;mix-blend-mode:screen}.bonus-card.blue img{width:54px}.bonus-card.green img{width:58px}.bonus-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(0,0,0,.2));pointer-events:none}
.article-grid img{height:38px}.article-grid b{min-height:20px;font-size:5.4px}.article-grid small{font-size:4.4px}
.steps{height:84px;overflow:visible}.steps>div{margin-top:8px}.steps i{font-size:18px}.steps b{font-size:5.8px}.steps small{font-size:4.8px;line-height:1.15}
.app{height:40px}
.review{height:60px;grid-template-columns:43px 82px 1fr 88px 70px;overflow:visible}.review>img{width:38px}.review p{font-size:5.7px;line-height:1.25}.review .btn{min-height:22px}
.faq{height:116px}
.footer{height:76px;padding:9px 0 8px}
.bottom-nav{height:55px;margin:0 -18px;border-top:1px solid rgba(255,255,255,.16);background:#020303}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;padding:0;overflow:hidden}.bottom-nav img{display:block;width:72px;max-width:100%;height:auto;object-fit:contain}
.quick-grid img{width:auto;height:20px;display:block;object-fit:contain}
.quick-grid a,.quick-grid button{gap:1px}

/* Annotation repair: real floating nav, readable cards, no clipped FAQ/review text. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-ico,.step-ico,.nav-ico,.app-ico{display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.ui-ico{width:18px;height:18px}.step-ico{width:20px;height:20px;margin-top:5px;color:#030713}.nav-ico{width:19px;height:19px;margin-bottom:2px}
.tpl2-phone{padding-bottom:58px}
.bonus-card{height:77px;padding:9px 9px 8px}.bonus-card strong,.bonus-card b,.bonus-card small{max-width:70px}.bonus-card strong{margin-top:4px;font-size:6.5px}.bonus-card b{font-size:8px}.bonus-card small{font-size:5px}.bonus-card button{bottom:8px;height:16px}.bonus-card img{right:8px;bottom:7px;width:60px;mix-blend-mode:normal;filter:drop-shadow(0 8px 7px rgba(0,0,0,.24))}.bonus-card.blue img{width:58px}.bonus-card.green img{right:9px;width:62px}.bonus-card:after{display:none}
.quick-grid a,.quick-grid button{height:37px;gap:2px}.quick-grid span{font-size:6px}
.article-grid article{display:flex;flex-direction:column;min-height:128px;overflow:hidden;background:#fff}.article-grid img{height:49px;width:100%;object-fit:cover;display:block;flex:0 0 auto}.article-grid em{align-self:flex-start;margin:7px 6px 0;padding:2px 4px;line-height:1;background:var(--gold);z-index:1}.article-grid b{display:block;margin:7px 6px 0;font-size:5.5px;line-height:1.22;min-height:27px;overflow:visible}.article-grid small{display:block;margin:auto 6px 6px;padding:0;font-size:4.3px;line-height:1.05}
.steps{height:auto;min-height:112px;padding:10px 12px 12px;overflow:visible}.steps>div{margin-top:11px}.steps span{width:15px;height:15px}.step-ico{margin-top:4px}.steps b{margin-top:5px;font-size:5.8px}.steps small{width:72px;margin-top:2px;font-size:4.8px;line-height:1.16}
.app{height:43px}
.app button{grid-template-columns:22px 1fr;grid-template-rows:13px 13px}.app-ico{grid-row:1/3;width:16px;height:16px;align-self:center;justify-self:center}.app-ico.android{color:#16b43c;fill:#16b43c;stroke:#16b43c}.app-ico.apple{color:#080a0d;fill:#080a0d;stroke:#080a0d}.app-ico.web{width:18px;height:18px;color:#13b94c;stroke-width:2.1}
.review{height:auto;min-height:112px;margin-top:9px;padding:12px 14px;grid-template-columns:52px 92px 1fr 96px;grid-template-rows:auto auto;gap:8px 12px;align-items:center}.review>img{width:46px;grid-row:1/3}.review p{font-size:6px;line-height:1.32;max-width:142px}.review p i{vertical-align:middle}.review .btn{min-height:28px;font-size:5.9px}.players{grid-column:3/5;justify-content:flex-end}.players img{width:52px}
.faq{height:auto;overflow:visible;padding-bottom:9px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.faq summary{height:17px;font-size:5.5px}.footer{height:auto;min-height:82px;margin-bottom:0;padding:10px 0 12px}
.bottom-nav{position:fixed;z-index:80;left:50%;right:auto;bottom:0;width:min(var(--phone-width),100vw);height:55px;margin:0;transform:translateX(-50%);border-top:1px solid rgba(255,255,255,.16);background:#020303;box-shadow:0 -8px 20px rgba(0,0,0,.24)}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;align-content:center;gap:2px;padding:0;overflow:visible;color:#fff;font-size:0}.bottom-nav span{display:block;font-size:5.6px;font-weight:900}.bottom-nav [aria-current=page],.bottom-nav [aria-current=page] span{color:var(--gold)}.bottom-nav img{display:none}

/* Bonus card proportion fix: keep text column clear and reduce illustration size. */
.bonus-grid{gap:7px}.bonus-card{height:83px;padding:10px 9px 9px}.bonus-card em{min-height:11px;font-size:5px}.bonus-card strong,.bonus-card b,.bonus-card small{max-width:76px;text-shadow:none}.bonus-card strong{margin-top:5px;font-size:6.8px;line-height:1.15}.bonus-card b{margin-top:2px;font-size:8.4px;line-height:1.05}.bonus-card small{margin-top:2px;font-size:5.1px;line-height:1.12}.bonus-card button{left:9px;bottom:9px;height:17px;min-width:54px;max-width:62px;padding:0 7px;font-size:5.2px;line-height:1;border-radius:3px}.bonus-card img{right:9px;bottom:8px;width:48px;max-height:56px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.22))}.bonus-card.blue img{right:12px;width:48px}.bonus-card.green img{right:11px;width:50px}.bonus-card.purple img{width:48px}

/* Bonus card source-proportion correction: fixed left text rail, separate right artwork rail. */
.bonus-card{height:87px;padding:10px 8px 8px;display:grid;grid-template-columns:64% 36%;grid-template-rows:12px 15px 13px 12px 18px;column-gap:0;align-items:start}
.bonus-card em,.bonus-card strong,.bonus-card b,.bonus-card small,.bonus-card button{grid-column:1;position:relative;z-index:2;justify-self:start}
.bonus-card em{grid-row:1;margin:0;align-self:start}
.bonus-card strong{grid-row:2;margin:3px 0 0;max-width:74px;font-size:6.4px;line-height:1.05;white-space:normal}
.bonus-card b{grid-row:3;margin:0;max-width:76px;font-size:8.2px;line-height:1.05;white-space:nowrap}
.bonus-card small{grid-row:4;margin:1px 0 0;max-width:76px;font-size:4.9px;line-height:1.05;white-space:nowrap}
.bonus-card button{grid-row:5;position:relative;left:auto;bottom:auto;margin-top:3px;height:17px;min-width:52px;max-width:none}
.bonus-card img{grid-column:2;grid-row:1/6;align-self:center;justify-self:end;position:relative;right:auto;bottom:auto;width:43px;max-height:58px;z-index:1}
.bonus-card.purple img{width:46px}.bonus-card.blue img{width:45px}.bonus-card.green img{width:47px}

/* Final source-ratio repair: article covers are clean image-only crops, so labels render once. */
.article-grid{gap:6px}
.article-grid article{height:88px;min-height:0;display:grid;grid-template-rows:33px 12px 28px 15px;overflow:hidden;border-radius:5px;background:#fff;color:#07090c}
.article-grid img{width:100%;height:33px;display:block;object-fit:cover;object-position:center;grid-row:1}
.article-grid em{grid-row:2;align-self:start;justify-self:start;margin:5px 5px 0;padding:1px 4px;border-radius:2px;background:var(--gold);color:#07090c;font-size:4.4px;line-height:1.1;font-style:normal;font-weight:950}
.article-grid b{grid-row:3;display:block;min-height:0;margin:2px 5px 0;overflow:visible;color:#07090c;font-size:5.2px;line-height:1.18;font-weight:950}
.article-grid small{grid-row:4;display:block;align-self:end;margin:0 5px 5px;padding:0;color:#4a5563;font-size:4.2px;line-height:1}

/* The rating strip in the reference is a compact horizontal banner, not a tall card. */
.review{height:66px;min-height:0;margin-top:7px;padding:8px 12px;display:grid;grid-template-columns:44px 96px 1fr 92px 64px;grid-template-rows:1fr;gap:8px;align-items:center;overflow:hidden;border-radius:5px}
.review>img{grid-row:auto;width:42px;align-self:center}
.review strong{font-size:14px;line-height:1}
.review span{font-size:8px;line-height:1}
.review small,.players small{font-size:4.7px;line-height:1.08}
.review p{max-width:none;margin:0;font-size:5.7px;line-height:1.24}
.review .btn{min-height:23px;padding:0 10px;font-size:5.6px}
.players{grid-column:auto;display:flex;justify-content:flex-end;align-items:center;gap:3px}
.players img{width:44px;height:auto;display:block}

/* Article cards source compression: reduce the white content band to match the reference. */
.article-grid article{height:74px;grid-template-rows:31px 10px 22px 11px;border-radius:5px}
.article-grid img{height:31px}
.article-grid em{margin:3px 5px 0;padding:1px 3px;font-size:3.9px;line-height:1}
.article-grid b{margin:1px 5px 0;font-size:4.7px;line-height:1.12}
.article-grid small{margin:0 5px 4px;font-size:3.8px;line-height:1}

/* Article card final layout: source-like image/content split with complete two-line titles. */
.article-grid article{height:82px;grid-template-rows:38px 11px 22px 11px}
.article-grid img{height:38px}
.article-grid em{margin:3px 5px 0;padding:1px 4px;font-size:4px}
.article-grid b{
  margin:1px 5px 0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:4.8px;
  line-height:1.18;
}
.article-grid small{align-self:end;margin:0 5px 4px;font-size:3.8px}

/* Article type final: keep the compact height, but use readable source-like text scale. */
.article-grid article{height:83px;grid-template-rows:40px 11px 19px 13px}
.article-grid img{height:40px}
.article-grid em{margin:3px 5px 0;font-size:4px}
.article-grid b{margin:1px 5px 0;font-size:5.25px;line-height:1.14}
.article-grid small{margin:0 5px 5px;font-size:3.9px}