/* Homepage shortlist, personal matchday and briefing cards. */
.compact-picks{padding:20px;border-radius:14px;border-color:#e0e8f4;background:linear-gradient(145deg,#fff 70%,#f6f9ff);box-shadow:0 5px 20px #10387304}
.compact-picks .section-head{margin-bottom:17px}.compact-picks .small-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#b78b12;background:#fff5cc;font-size:17px}
#tonight-picks{display:grid;gap:10px}.tonight-item{display:block!important;margin:0;padding:13px!important;border:1px solid #e5ecf6!important;border-radius:10px;background:white;text-decoration:none;color:var(--navy);transition:background .2s,border-color .2s,box-shadow .2s}.tonight-item:hover{background:#f5f9ff;border-color:#b5cffc!important;box-shadow:0 3px 12px #155eef08}.pick-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;color:#7b8da7;letter-spacing:.4px;margin-bottom:10px}.pick-meta small{font-size:10px;color:#a3b0c4}.pick-body{display:flex;align-items:center;gap:11px}.pick-badges{display:flex;align-items:center;flex-shrink:0}.pick-badges .crest{display:grid!important;place-items:center;width:32px!important;height:38px!important;border:1px solid #e5ecf4;border-radius:9px;background:#f8faff;padding:4px;box-sizing:border-box}.pick-badges .crest+.crest{margin-left:-7px;background:white;transform:translateY(5px)}.pick-badges img{width:100%;height:100%;object-fit:contain}.pick-copy{min-width:0;flex:1}.tonight-item .pick-copy h3{font-size:13px;line-height:1.65;margin:0 0 4px;overflow-wrap:anywhere}.tonight-item .pick-copy p{font-size:10px;line-height:1.6;margin:0;display:flex;align-items:center;gap:5px;color:#8794a8;flex-wrap:wrap}.pick-time-dot{width:5px;height:5px;border-radius:50%;background:#86a6df;flex-shrink:0}.pick-arrow{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;background:#eff5ff;border-radius:50%;color:var(--blue);font-size:14px}
.follow{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff9e3 0%,#fff3c0 100%);border:1px solid #f0dfa4;border-radius:14px;padding:24px;isolation:isolate;box-shadow:0 4px 15px #a7862105}.follow .follow-star{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffffc9;color:#ae8317;font-size:25px;margin-bottom:16px;box-shadow:0 3px 8px #a7862108}.follow h3{font-size:21px;line-height:1.5;margin:0 0 9px;max-width:310px;position:relative}.follow p{font-size:12px;line-height:1.9;max-width:290px;color:#8c825f;position:relative}.follow .blue{display:inline-flex;align-items:center;margin:18px 0 0;padding:11px 18px;border-radius:8px;font-size:12px;box-shadow:0 4px 10px #155eef1a;position:relative}.follow-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none}.follow-decoration span{position:absolute;border:1px solid #e9cf7066;border-radius:50%;width:200px;height:200px;right:-72px;top:-70px}.follow-decoration span:nth-child(2){width:150px;height:150px;right:-47px;top:-45px}.follow-decoration span:nth-child(3){width:90px;height:90px;right:-17px;top:-15px;background:#ffdf5c12}
.news-strip{display:block;padding:22px;border-radius:14px;background:#fff;border:1px solid #e0e8f4;box-shadow:0 5px 20px #10387304}.news-strip .news-kicker{display:block;font-size:15px;font-weight:700;padding-left:11px;margin-bottom:18px;color:var(--navy);border-left:3px solid var(--yellow)}.news-strip #news-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.news-strip .news-item{display:flex;gap:13px;border:1px solid #e8edf5;border-radius:10px;padding:17px;color:var(--navy);text-decoration:none;background:linear-gradient(135deg,#f9fbff,#fff);min-width:0;transition:border-color .2s,background .2s}.news-strip .news-item:hover{border-color:#b8ceee;background:#f2f7ff}.brief-number{font-size:23px;line-height:1.2;font-weight:800;color:#d1dced;flex-shrink:0;letter-spacing:-1px}.news-item>div{min-width:0}.brief-category{display:block;color:#7a90b2;font-size:9px;letter-spacing:.8px;font-weight:700;margin-bottom:7px}.news-item h3{font-size:13px;line-height:1.8;margin:0 0 11px;color:var(--navy);font-weight:600}.brief-link{color:var(--blue);font-size:10px}.brief-link span{margin-left:7px}.tonight-item:focus-visible,.news-item:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@container site (max-width:1000px){.news-strip #news-cards{grid-template-columns:1fr}.news-strip .news-item{padding:15px}.news-item h3{margin-bottom:7px}.compact-picks{padding:17px}.pick-body{gap:8px}.pick-badges .crest{width:28px!important;height:34px!important}.tonight-item .pick-copy h3{font-size:12px}}
@container site (max-width:500px){.compact-picks,.news-strip{padding:17px}.follow{padding:23px}.follow h3{font-size:21px}.follow p{max-width:250px}.tonight-item .pick-copy h3{font-size:13px}.pick-badges .crest{width:31px!important;height:37px!important}.pick-body{gap:11px}.news-strip .news-item{padding:15px 12px}.news-strip .news-kicker{font-size:15px}.news-item h3{font-size:13px}.brief-number{font-size:22px}}

.home-extra-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin-top:24px;align-items:stretch}.home-extra-grid>*{width:100%;min-width:0;box-sizing:border-box}.home-extra-grid .follow{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-extra-grid .follow-decoration span{width:260px;height:260px;top:-85px;right:-55px}.home-extra-grid .follow-decoration span:nth-child(2){width:200px;height:200px;top:-55px;right:-25px}.home-extra-grid .follow-decoration span:nth-child(3){width:140px;height:140px;top:-25px;right:5px}
@container site (max-width:760px){.home-extra-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.home-extra-grid .follow{padding:23px}.home-extra-grid .follow-decoration span{width:200px;height:200px;top:-70px;right:-72px}.home-extra-grid .follow-decoration span:nth-child(2){width:150px;height:150px;top:-45px;right:-47px}.home-extra-grid .follow-decoration span:nth-child(3){width:90px;height:90px;top:-15px;right:-17px}}