/* Ledger home (block mode). Loaded on the front page only, after ledger.css. */
:root { --leaf: #b3261e; --leaf-bg: #f7e4e1; }

/* Hero: one screen with the answer, the top 3 and the check */
.lg-hhero { background: var(--paper-2) url("img/map-texture.webp") center / cover; border-bottom: 1px solid var(--rule); padding: 26px 0 26px; }
.lg-hhero__in { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 34px; align-items: start; }
.lg-hhero .lg-kicker { display: flex; align-items: center; gap: 8px; color: var(--leaf); margin-bottom: 6px; }
.lg-hhero .lg-kicker::before { content: ""; width: 18px; height: 18px; background: var(--leaf); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l1.9 3.8 2.1-1-.6 5.2 2.9-2.9.8 1.8 3.4-.6-1.2 3.6 1.7.9-5 4 .6 1.9-5-.9.3 5.2h-1.8l.3-5.2-5 .9.6-1.9-5-4 1.7-.9L1.5 7.3l3.4.6.8-1.8 2.9 2.9L8 3.8l2.1 1z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l1.9 3.8 2.1-1-.6 5.2 2.9-2.9.8 1.8 3.4-.6-1.2 3.6 1.7.9-5 4 .6 1.9-5-.9.3 5.2h-1.8l.3-5.2-5 .9.6-1.9-5-4 1.7-.9L1.5 7.3l3.4.6.8-1.8 2.9 2.9L8 3.8l2.1 1z'/%3E%3C/svg%3E") center / contain no-repeat; }
.lg-hhero .lg-h1--front { font-size: clamp(30px, 3.7vw, 44px); line-height: 1.06; max-width: 22ch; }
.lg-hhero .lg-dek { font-size: 17.5px; line-height: 1.45; margin-top: 10px; }
.lg-hhero__prov { margin-top: 16px; display: flex; align-items: center; gap: 12px; }
.lg-hhero__ask { margin: 0; flex: none; font: 700 11.5px var(--sans); text-transform: uppercase; letter-spacing: .12em; color: var(--ink-2); }
.lg-hchips { display: flex; flex-wrap: wrap; gap: 4px; }
.lg-hchip { font: 700 13px var(--sans); min-width: 38px; padding: 6px 6px; background: var(--card); color: var(--ink); border: 1px solid var(--rule); border-radius: 2px; cursor: pointer; }
.lg-hchip.is-open { box-shadow: inset 0 3px 0 var(--teal); }
.lg-hchip:hover { border-color: var(--ink); }
.lg-hchip[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: none; }
.lg-hsnap { margin: 12px 0 0; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, .45fr) minmax(0, 1fr) minmax(0, 1.15fr); background: var(--card); border: 1px solid var(--rule); border-left: 6px solid var(--teal); }
.lg-hsnap.is-closed { border-left-color: var(--mustard); }
.lg-hsnap > div { padding: 10px 12px; border-right: 1px solid var(--rule-2); min-width: 0; }
.lg-hsnap > div:last-child { border-right: 0; }
.lg-hsnap dt { font: 700 10.5px/1.25 var(--sans); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); margin-bottom: 4px; }
.lg-hsnap dd { margin: 0; font-size: 14px; line-height: 1.35; }
.lg-hsnap dd b { font: 600 26px/1 var(--serif); }
.lg-hsnap__big dd { display: flex; gap: 10px; align-items: center; }
.lg-hsnap__big dd b { font-size: 38px; color: var(--teal-2); }
.lg-hsnap.is-closed .lg-hsnap__big dd b { color: var(--mustard); }
.lg-hsnap__big dd span { font-size: 13.5px; line-height: 1.3; color: var(--ink-2); }
.lg-hsnap a { font-weight: 700; white-space: nowrap; }
.lg-hhero__meta { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; justify-content: space-between; }
.lg-hhero__meta .lg-byline { margin: 0; padding: 0; border: 0; font-size: 13.5px; }
.lg-hhero__meta .lg-byline__img { width: 30px; height: 30px; }
.lg-hhero__meta .lg-link-arrow { font-weight: 700; font-size: 14.5px; }
.lg-hhero__side { background: var(--card); border: 1px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); position: relative; }
.lg-hhero__side::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, var(--leaf) 0 25%, var(--card) 25% 75%, var(--leaf) 75%); }
.lg-hh3 { padding: 16px 18px 8px; }
.lg-hh3__h { margin: 2px 0 6px; font: 600 19px/1.2 var(--serif); display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.lg-hh3__h a { font: 700 13px var(--sans); white-space: nowrap; }
.lg-hh3__h a::after { content: " \2193"; }
.lg-hh3__h a[hidden] { display: none; }
.lg-hh3__list { list-style: none; margin: 0; padding: 0; }
.lg-hh3__list li { display: grid; grid-template-columns: 18px 40px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--rule-2); }
.lg-hh3__list li:last-child { border-bottom: 0; }
.lg-hh3__pos { font: 700 15px var(--serif); color: var(--ink-3); }
.lg-hh3__list li:first-child .lg-hh3__pos { color: var(--leaf); }
.lg-hh3__id a { display: block; font: 600 16.5px/1.2 var(--serif); color: var(--ink); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-hh3__id a:hover { color: var(--teal-2); text-decoration: underline; }
.lg-hh3__id small { display: block; font-size: 12px; color: var(--ink-3); }
.lg-hh3__s { font: 700 19px var(--sans); color: var(--teal-2); }
.lg-hh3__s::after { content: "/100"; font: 500 10.5px var(--sans); color: var(--ink-3); }
.lg-hh3__list li.lg-hh3__none { display: block; font-size: 13.5px; color: var(--ink-2); background: var(--mustard-bg); padding: 8px 10px; margin-top: 6px; }
.lg-hhero__tool { padding: 12px 18px 14px; border-top: 1px solid var(--rule); background: var(--paper); }
.lg-hhero__toolk { display: block; font: 700 11px var(--sans); text-transform: uppercase; letter-spacing: .14em; color: var(--teal); margin-bottom: 2px; }
.lg-hhero__toolh { margin: 0 0 8px; font: 600 17px/1.25 var(--serif); }
.lg-hhero__tool .lg-hchk__form label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.lg-hhero__tool .lg-hchk__row input { font-size: 15.5px; padding: 8px 10px; }
.lg-hhero__tool .lg-hbtn { padding: 8px 14px; font-size: 14px; }
.lg-hhero__tool .lg-hchk__hint { margin-top: 6px; font-size: 12.5px; }
.lg-hhero__tool .lg-hchk__try { margin-top: 4px; font-size: 12.5px; }
.lg-hhero__tool .lg-hchk__out { margin-top: 8px; }

/* Buttons */
.lg-hbtn { display: inline-block; background: var(--ink); color: #fff; border: 1px solid var(--ink); font: 700 15px var(--sans); padding: 11px 18px; border-radius: var(--r); text-decoration: none; cursor: pointer; white-space: nowrap; }
.lg-hbtn[hidden] { display: none; }
.lg-hbtn:hover { background: var(--teal-2); border-color: var(--teal-2); color: #fff; }
.lg-hbtn--ghost { background: var(--card); color: var(--ink); }
.lg-hbtn--ghost:hover { color: #fff; }
.lg-hbtn--sm { font-size: 14px; padding: 7px 13px; }
.lg-hnote { font-size: 13.5px; color: var(--ink-3); margin: 12px 0 0; max-width: 80ch; }

/* Licence check */
.lg-hchk__form label { display: block; font-size: 14px; font-weight: 600; color: var(--ink-2); margin-bottom: 6px; }
.lg-hchk__row { display: flex; gap: 8px; }
.lg-hchk__row input { flex: 1; min-width: 0; font: 500 17px var(--sans); padding: 10px 12px; border: 1px solid var(--ink-2); border-radius: var(--r); background: #fff; color: var(--ink); }
.lg-hchk__hint { font-size: 14px; color: var(--ink-3); margin: 10px 0 0; }
.lg-hchk__try { margin: 10px 0 0; font-size: 13.5px; color: var(--ink-3); }
.lg-hchk__try button { font: 600 13px var(--sans); background: none; border: 0; border-bottom: 1px dashed var(--teal); color: var(--teal-2); padding: 0 2px; cursor: pointer; margin-right: 6px; }
.lg-hchk__out { margin-top: 12px; display: grid; gap: 10px; }
.lg-hres { border: 1px solid var(--rule); border-left-width: 6px; padding: 10px 14px 12px; background: #fff; }
.lg-hres--ok { border-left-color: var(--teal); }
.lg-hres--bad { border-left-color: var(--leaf); }
.lg-hres--none { border-left-color: var(--mustard); }
.lg-hres--none p { margin: 4px 0 0; font-size: 14.5px; }
.lg-hres__v { margin: 0 0 8px; font: 700 13px var(--sans); text-transform: uppercase; letter-spacing: .06em; }
.lg-hres--ok .lg-hres__v { color: var(--teal-2); }
.lg-hres--bad .lg-hres__v { color: var(--leaf); }
.lg-hres__id { display: flex; align-items: center; gap: 10px; }
.lg-hres__id > div { flex: 1; min-width: 0; }
.lg-hres__id b { display: block; font: 600 19px var(--serif); }
.lg-hres__id span { font-size: 13px; color: var(--ink-3); }
.lg-hres__s { font: 700 24px var(--sans); }
.lg-hres__s small { font-size: 12px; color: var(--ink-3); font-weight: 500; }
.lg-hres__map { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 3px; }
.lg-hres__map li { font: 700 10.5px/1 var(--sans); text-align: center; padding: 6px 0; border-radius: 2px; }
.lg-hres__map .is-legal { background: var(--teal); color: #fff; }
.lg-hres__map .is-offshore { background: var(--mustard-bg); color: var(--mustard); }
.lg-hres__map .is-none { background: var(--paper-2); color: var(--ink-3); }
.lg-hres__map .is-cur { outline: 2px solid var(--ink); outline-offset: 1px; }
.lg-hres__f { margin: 8px 0 0; font-size: 14px; display: flex; gap: 12px; align-items: center; }
.lg-hlogo { display: inline-block; flex: none; border-radius: 4px; object-fit: contain; background: #fff; border: 1px solid var(--rule-2); }
.lg-hlogo--mono { display: inline-grid; place-items: center; font: 700 18px var(--serif); background: var(--paper-2); color: var(--ink-2); }

/* Facts and RG band */
.lg-hfacts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 26px 0 0; border-top: 3px double var(--ink); border-bottom: 1px solid var(--ink); }
.lg-hfacts > div { padding: 14px 16px 12px; border-right: 1px solid var(--rule); }
.lg-hfacts > div:last-child { border-right: 0; }
.lg-hfacts dt { font: 700 11px/1.3 var(--sans); text-transform: uppercase; letter-spacing: .09em; color: var(--ink-3); }
.lg-hfacts dd { margin: 4px 0 0; font: 600 36px/1 var(--serif); }
.lg-hfacts dd.is-date { font-size: 24px; line-height: 1.5; }
.lg-hfacts .is-good dd { color: var(--teal-2); }
.lg-hfacts .is-warn dd { color: var(--leaf); }
.lg-hrg { display: flex; gap: 14px; align-items: center; margin: 18px 0 0; padding: 12px 16px; background: var(--ink); color: #e6e9ec; border-radius: var(--r); font-size: 14.5px; }
.lg-hrg p { margin: 0; }
.lg-hrg b { color: #fff; }
.lg-hrg a { color: #9fd6dc; }
.lg-hrg__age { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border: 2px solid #fff; border-radius: 50%; font: 700 15px var(--sans); color: #fff; }

/* Body layout: text at reading width, blocks at full width */
.lg-hbody { margin-top: 10px; }
.lg-prose--home > p, .lg-prose--home > ul, .lg-prose--home > ol, .lg-prose--home > h3, .lg-prose--home > blockquote, .lg-prose--home > .lg-hsplit p { max-width: var(--narrow); }
.lg-prose--home > h2 { font-size: 32px; margin-top: 56px; border-top: 3px double var(--ink); padding-top: 18px; }
.lg-prose--home > h2 + p { font-size: 18.5px; }
.lg-hbody .lg-related { max-width: var(--narrow); }
.lg-hbody + .lg-dir { margin-top: 48px; }
.lg-hsplit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; margin: 8px 0 20px; }
.lg-hsplit__a > :first-child { margin-top: 0; }

/* lists inside prose: no browser indent */
.lg-prose .lg-htop__list, .lg-prose .lg-hhelp, .lg-prose .lg-hfd__res, .lg-prose .lg-hop__feat, .lg-prose .lg-hslate ul, .lg-prose .lg-hres__map { padding-left: 0; }
.lg-prose--home > ul.lg-hhelp { max-width: none; }

/* Top list */
.lg-htop { margin: 18px 0 8px; }
.lg-htop__for { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin: 0 0 12px; font-size: 15px; }
.lg-htop__pick { font-size: 13.5px; color: var(--ink-3); display: inline-flex; gap: 8px; align-items: center; }
.lg-htop__pick select { font: 600 14px var(--sans); padding: 5px 8px; border: 1px solid var(--ink-2); border-radius: var(--r); background: #fff; }
.lg-htop__note { background: var(--mustard-bg); border-left: 5px solid var(--mustard); padding: 12px 16px; font-size: 15px; margin: 0 0 14px; max-width: none !important; }
.lg-htop__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.lg-prose .lg-htop__list li { margin: 0; }
.lg-hop { grid-column: 1 / -1; display: grid; grid-template-columns: 34px 56px minmax(0, 1.4fr) 150px minmax(0, 1.2fr) auto; gap: 14px; align-items: center; padding: 12px 16px; background: var(--card); border: 1px solid var(--rule); }
.lg-hop[hidden], .lg-hop.is-more { display: none; }
.lg-hop__pos { font: 600 22px var(--serif); color: var(--ink-3); text-align: center; }
.lg-hop__img, .lg-hop__mono { width: 56px; height: 56px; border-radius: 6px; object-fit: contain; background: #fff; border: 1px solid var(--rule-2); display: grid; place-items: center; font: 700 22px var(--serif); }
.lg-hop__name { display: block; font: 600 20px/1.2 var(--serif); }
.lg-hop__name a { color: var(--ink); text-decoration: none; }
.lg-hop__name a:hover { color: var(--teal-2); text-decoration: underline; }
.lg-hop__lic { display: block; font-size: 13px; color: var(--ink-3); margin-top: 3px; }
.lg-hop__reg { display: block; }
.lg-hop__score { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.lg-hmeter { display: flex; align-items: baseline; gap: 2px; position: relative; padding-bottom: 6px; min-width: 96px; }
.lg-hmeter b { font: 700 26px/1 var(--sans); }
.lg-hmeter small { font-size: 12px; color: var(--ink-3); }
.lg-hmeter::before, .lg-hmeter::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; border-radius: 2px; }
.lg-hmeter::before { width: 100%; background: var(--rule-2); }
.lg-hmeter::after { width: calc(var(--v) * 1%); background: var(--teal); }
.lg-hop__feat { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.lg-prose .lg-hop__feat li { margin: 0; font-size: 12.5px; font-weight: 600; padding: 2px 8px; border-radius: 20px; background: var(--paper-2); color: var(--ink-2); }
.lg-prose .lg-hop__feat li.is-yes { background: var(--teal-bg); color: var(--teal-2); }
.lg-prose .lg-hop__feat li.is-yes::before { content: "\2713  "; }
.lg-prose .lg-hop__feat li.is-na { background: transparent; color: var(--ink-3); font-weight: 500; border: 1px dashed var(--rule); }
.lg-hop__act { display: flex; flex-direction: column; gap: 6px; align-items: stretch; text-align: center; }
.lg-hop__rev { font-size: 13.5px; font-weight: 600; }
/* podium cards */
.lg-hop.is-podium { grid-column: auto; grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "logo id" "score score" "feat feat" "act act"; align-content: start; padding: 18px 18px 16px; border-top: 4px solid var(--teal); position: relative; }
.lg-hop.is-podium:first-child { border-top-color: var(--leaf); box-shadow: 4px 4px 0 var(--ink); border-color: var(--ink); border-top-color: var(--leaf); }
.lg-hop.is-podium .lg-hop__pos { position: absolute; top: -1px; right: 14px; background: var(--ink); color: #fff; font: 700 15px var(--sans); padding: 4px 9px 5px; }
.lg-hop.is-podium:first-child .lg-hop__pos { background: var(--leaf); }
.lg-hop.is-podium .lg-hop__logo { grid-area: logo; }
.lg-hop.is-podium .lg-hop__id { grid-area: id; padding-right: 26px; }
.lg-hop.is-podium .lg-hop__score { grid-area: score; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px 0; border-top: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule-2); }
.lg-hop.is-podium .lg-hmeter { flex: 1; margin-right: 12px; }
.lg-hop.is-podium .lg-hop__feat { grid-area: feat; }
.lg-hop.is-podium .lg-hop__act { grid-area: act; flex-direction: row; align-items: center; justify-content: space-between; }
.lg-htop__more { text-align: center; margin: 14px 0 0; max-width: none !important; }
.lg-htop__foot { font-size: 13.5px; color: var(--ink-3); margin: 12px 0 0; max-width: none !important; }

/* Map */
.lg-hmap { margin: 18px 0 24px; padding: 18px; background: var(--card) url("img/map-texture.webp") center / cover; border: 1px solid var(--rule); }
.lg-hmap__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.lg-hmap__t { font: inherit; text-align: left; color: var(--ink); border: 1px solid var(--rule); border-radius: 2px; padding: 10px 10px 9px; min-height: 108px; display: flex; flex-direction: column; gap: 2px; cursor: pointer; position: relative; min-width: 0; }
.lg-hmap__t b { font: 700 22px/1 var(--sans); }
.lg-hmap__n { font-size: 12px; font-weight: 600; line-height: 1.2; }
.lg-hmap__s { font-size: 11.5px; line-height: 1.2; margin-top: auto; }
.lg-hmap__a { position: absolute; top: 9px; right: 9px; font: 700 11px var(--sans); opacity: .8; }
.lg-hmap__t--open { background: var(--teal); color: #fff; border-color: var(--teal-2); }
.lg-hmap__t--crown { background: var(--sage-bg); border-color: #c6d2b8; }
.lg-hmap__t--lotto { background: var(--paper); border-style: dashed; color: var(--ink-2); }
.lg-hmap__t:hover { outline: 2px solid var(--ink); }
.lg-hmap__t[aria-pressed="true"] { outline: 3px solid var(--leaf); outline-offset: 2px; }
.lg-hmap__legend { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; font-size: 13.5px; color: var(--ink-2); }
.lg-hmap__legend .k::before, .lg-hpay figcaption .k::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 7px; vertical-align: -2px; border-radius: 2px; }
.lg-hmap__legend .k--open::before { background: var(--teal); }
.lg-hmap__legend .k--crown::before { background: var(--sage-bg); border: 1px solid #c6d2b8; }
.lg-hmap__legend .k--lotto::before { background: var(--paper); border: 1px dashed var(--ink-3); }

/* Head to head */
.lg-hvs { margin: 18px 0 8px; padding: 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hvs__pick { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: end; }
.lg-hvs__pick label span { display: block; font: 700 11.5px var(--sans); text-transform: uppercase; letter-spacing: .1em; color: var(--ink-3); margin-bottom: 4px; }
.lg-hvs__pick select { width: 100%; font: 600 15px var(--sans); padding: 9px 10px; border: 1px solid var(--ink-2); border-radius: var(--r); background: #fff; }
.lg-hvs__x { font: italic 600 26px var(--serif); color: var(--leaf); padding-bottom: 4px; }
.lg-hvs__heads { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 10px; }
.lg-hvs__head { display: grid; grid-template-columns: 48px 1fr auto; grid-template-rows: auto auto; gap: 2px 10px; align-items: center; padding: 12px; border: 1px solid var(--rule); background: #fff; }
.lg-hvs__head .lg-hlogo { grid-row: 1 / 3; }
.lg-hvs__head b { font: 600 19px/1.2 var(--serif); }
.lg-hvs__head .lg-chip { justify-self: start; grid-column: 2; }
.lg-hvs__score { grid-column: 3; grid-row: 1 / 3; font: 700 30px var(--sans); }
.lg-hvs__score small { font-size: 13px; color: var(--ink-3); font-weight: 500; }
.lg-hvs__head.is-win { border-color: var(--teal); box-shadow: inset 0 4px 0 var(--teal); }
.lg-hvs__subs { margin: 0; }
.lg-hvs__row { display: grid; grid-template-columns: 1fr 170px 1fr; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--rule-2); }
.lg-hvs__row dt { text-align: center; font-weight: 600; font-size: 14.5px; }
.lg-hvs__row dt small { color: var(--ink-3); font-weight: 500; }
.lg-hvs__bar { margin: 0; display: flex; align-items: center; gap: 8px; height: 22px; }
.lg-hvs__bar i { display: block; height: 12px; background: #b9c4c8; border-radius: 2px; }
.lg-hvs__bar.is-win i { background: var(--teal); }
.lg-hvs__bar b { font: 700 14px var(--sans); min-width: 20px; }
.lg-hvs__bar--a { flex-direction: row-reverse; }
.lg-hvs__facts { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 14.5px; }
.lg-prose .lg-hvs__facts td, .lg-prose .lg-hvs__facts th { padding: 8px 10px; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
.lg-prose .lg-hvs__facts th { text-align: center; font: 700 11.5px var(--sans); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); width: 130px; }
.lg-hvs__facts td:first-child { text-align: right; }
.lg-hvs__facts small { display: block; color: var(--ink-3); font-size: 12.5px; }
.lg-hvs__links { display: flex; justify-content: space-between; gap: 10px; font-weight: 600; font-size: 14.5px; margin: 12px 0 0; max-width: none !important; }

/* Finder */
.lg-hfd { margin: 18px 0 8px; padding: 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hfd__prov { margin: 0 0 10px; font-size: 15px; }
.lg-hfd__q { border: 0; margin: 0 0 14px; padding: 0; }
.lg-hfd__q legend { font: 600 19px var(--serif); margin-bottom: 8px; display: flex; gap: 10px; align-items: center; padding: 0; }
.lg-hfd__n { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ink); color: #fff; font: 700 13px var(--sans); }
.lg-hfd__opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.lg-hfd__opts label { cursor: pointer; }
.lg-hfd__opts input { position: absolute; opacity: 0; pointer-events: none; }
.lg-hfd__t { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; gap: 0 8px; align-items: center; height: 100%; padding: 10px 12px; border: 1px solid var(--rule); border-radius: var(--r); background: #fff; }
.lg-hfd__t b { font-size: 15px; }
.lg-hfd__t small { grid-column: 2; font-size: 12.5px; color: var(--ink-3); line-height: 1.3; }
.lg-hfd__opts input:checked + .lg-hfd__t { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); background: var(--teal-bg); }
.lg-hfd__opts input:focus-visible + .lg-hfd__t { outline: 3px solid var(--mustard); }
.lg-hfdi { grid-row: 1 / 3; width: 28px; height: 28px; background: var(--teal-2); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.lg-hfdi--play-c { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16v18H4zM6 5v14h12V5zm2 3h2v2H8zm6 0h2v2h-2zm-6 6h2v2H8zm6 0h2v2h-2zm-3-3h2v2h-2z'/%3E%3C/svg%3E"); }
.lg-hfdi--play-sp { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18l9-14 2 1-7 11h13v3H3zm14-6a3 3 0 110 .1z'/%3E%3C/svg%3E"); }
.lg-hfdi--play-lo { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='7' cy='8' r='4'/%3E%3Ccircle cx='17' cy='8' r='4'/%3E%3Ccircle cx='12' cy='17' r='4'/%3E%3C/svg%3E"); }
.lg-hfdi--play-po { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c4 5 8 7 8 11a4 4 0 01-7 2l1 6h-4l1-6a4 4 0 01-7-2c0-4 4-6 8-11z'/%3E%3C/svg%3E"); }
.lg-hfdi--need-any { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5zm-1 13l6-6-1.4-1.4L11 12.2 8.4 9.6 7 11z'/%3E%3C/svg%3E"); }
.lg-hfdi--need-interac { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6h20v12H2zm2 2v2h16V8zm0 5v3h6v-3z'/%3E%3C/svg%3E"); }
.lg-hfdi--need-ios, .lg-hfdi--need-android { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 1h10a2 2 0 012 2v18a2 2 0 01-2 2H7a2 2 0 01-2-2V3a2 2 0 012-2zm0 3v15h10V4zm5 16a1 1 0 100 .1z'/%3E%3C/svg%3E"); }
.lg-hfdi--want-s { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.5 7 .8-5.2 4.8 1.4 7L12 17.6 5.8 21l1.4-7L2 9.3l7-.8z'/%3E%3C/svg%3E"); }
.lg-hfdi--want-1 { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v2.1c2 .3 3.6 1.6 4 3.6l-2 .6c-.3-1.3-1.5-2.3-3-2.3-1.8 0-2.8.9-2.8 2s.8 1.6 3.2 2.2c3 .7 4.6 1.9 4.6 4.3 0 2-1.6 3.5-4 3.9V21h-2v-2.6c-2.3-.3-4-1.8-4.4-3.9l2-.6c.4 1.6 1.8 2.6 3.5 2.6 2 0 3-.9 3-2.1 0-1.2-.9-1.8-3.4-2.4C8.9 11.3 7.3 10 7.3 7.9c0-1.9 1.5-3.4 3.7-3.8z'/%3E%3C/svg%3E"); }
.lg-hfdi--want-4 { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.4-1.3C5.4 15 2 12 2 8.4 2 5.4 4.4 3 7.4 3c1.7 0 3.4.8 4.6 2.1C13.2 3.8 14.9 3 16.6 3 19.6 3 22 5.4 22 8.4c0 3.6-3.4 6.6-8.6 11.3z'/%3E%3C/svg%3E"); }
.lg-hfdi--want-3 { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z'/%3E%3C/svg%3E"); }
.lg-hfd__res { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 8px; }
.lg-prose .lg-hfd__res li { margin: 0; display: grid; grid-template-columns: 26px 44px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid var(--rule); }
.lg-prose .lg-hfd__res li:first-child { border-color: var(--teal); box-shadow: inset 4px 0 0 var(--teal); }
.lg-hfd__pos { font: 700 18px var(--serif); color: var(--ink-3); text-align: center; }
.lg-hfd__id b { display: block; font: 600 18px var(--serif); }
.lg-hfd__id small { color: var(--ink-3); font-size: 13px; }
.lg-hfd__s { font: 700 22px var(--sans); }
.lg-hfd__s small { font-size: 12px; color: var(--ink-3); font-weight: 500; }
.lg-hfd__go { display: flex; gap: 10px; align-items: center; font-weight: 600; font-size: 14px; }
.lg-hfd__count, .lg-hfd__none { font-size: 14px; color: var(--ink-2); margin: 10px 0 0; max-width: none !important; }

/* Crown table */
.lg-hcrown { margin: 10px 0 8px; }
.lg-hcrown .lg-opname { display: inline-flex; gap: 10px; align-items: center; }

/* Status bars */
.lg-hbars { margin: 16px 0 10px; padding: 18px 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hbars figcaption { font: 600 16px var(--serif); margin-bottom: 10px; }
.lg-hbars dl { margin: 0; display: grid; gap: 7px; }
.lg-hbars__r { display: grid; grid-template-columns: 260px 1fr; gap: 12px; align-items: center; }
.lg-hbars__r dt { font-size: 14px; text-align: right; color: var(--ink-2); }
.lg-hbars__r dd { margin: 0; display: flex; align-items: center; gap: 8px; }
.lg-hbars__track { flex: 1; height: 20px; background: var(--paper-2); }
.lg-hbars__fill { display: block; height: 100%; background: var(--ink-3); }
.lg-hbars__r--igo .lg-hbars__fill, .lg-hbars__r--crown .lg-hbars__fill { background: var(--teal); }
.lg-hbars__r--offshore .lg-hbars__fill { background: var(--mustard); }
.lg-hbars__r--unclear .lg-hbars__fill { background: #d7b56a; }
.lg-hbars__r--warning .lg-hbars__fill, .lg-hbars__r--closed .lg-hbars__fill { background: var(--leaf); }
.lg-hbars__r b { font: 700 15px var(--sans); min-width: 34px; }

/* Payments chart */
.lg-hpay { margin: 16px 0 10px; padding: 18px 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hpay figcaption { font-size: 14px; color: var(--ink-2); margin-bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.lg-hpay figcaption .k--lic::before { background: var(--teal); }
.lg-hpay figcaption .k--off::before { background: var(--mustard); }
.lg-hpay dl { margin: 0; display: grid; gap: 10px; }
.lg-hpay__r { display: grid; grid-template-columns: 240px 1fr; gap: 12px; align-items: center; }
.lg-hpay__r dt { font-weight: 600; font-size: 14.5px; display: flex; align-items: center; gap: 8px; }
.lg-hpay__r dd { margin: 0; display: grid; gap: 3px; }
.lg-hpay__bar { display: block; height: 14px; min-width: 2px; position: relative; }
.lg-hpay__bar b { position: absolute; left: calc(100% + 6px); top: -2px; font: 700 12px var(--sans); white-space: nowrap; }
.lg-hpay__bar--lic { background: var(--teal); }
.lg-hpay__bar--off { background: var(--mustard); }
.lg-hpay__r dd { padding-right: 46px; }
.lg-hpay__mark { flex: none; width: 34px; height: 22px; border-radius: 3px; display: inline-grid; place-items: center; font: 800 9px/1 var(--sans); color: #fff; background: var(--ink-2); }
.lg-hpay__mark--interac { background: #f5b800; color: #1d2733; }
.lg-hpay__mark--interac::after { content: "INTERAC"; font-size: 6.5px; letter-spacing: .02em; }
.lg-hpay__mark--card { background: #1a1f71; }
.lg-hpay__mark--card::after { content: "CARD"; }
.lg-hpay__mark--paypal { background: #003087; }
.lg-hpay__mark--paypal::after { content: "PP"; }
.lg-hpay__mark--apple { background: #111; }
.lg-hpay__mark--apple::after { content: "PAY"; }
.lg-hpay__mark--google { background: #fff; color: #444; border: 1px solid var(--rule); }
.lg-hpay__mark--google::after { content: "G PAY"; }
.lg-hpay__mark--idebit { background: #2c7a4b; }
.lg-hpay__mark--idebit::after { content: "iDB"; }
.lg-hpay__mark--wallet { background: #6b4fa0; }
.lg-hpay__mark--wallet::after { content: "WALLET"; font-size: 6.5px; }
.lg-hpay__mark--voucher { background: #2a7fb8; }
.lg-hpay__mark--voucher::after { content: "PIN"; }
.lg-hpay__mark--crypto { background: #e08a1e; }
.lg-hpay__mark--crypto::after { content: "BTC"; }

/* Wagering */
.lg-hwg { margin: 16px 0 10px; padding: 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hwg__form { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.lg-hwg__f label { display: block; font-size: 13px; font-weight: 600; color: var(--ink-2); margin-bottom: 4px; line-height: 1.25; min-height: 2.5em; }
.lg-hwg__in { display: flex; align-items: center; border: 1px solid var(--ink-2); border-radius: var(--r); background: #fff; }
.lg-hwg__in input { width: 100%; min-width: 0; border: 0; font: 600 17px var(--sans); padding: 8px 10px; background: transparent; }
.lg-hwg__in span { padding: 0 10px; color: var(--ink-3); font-weight: 600; }
.lg-hwg__f select { width: 100%; font: 600 15px var(--sans); padding: 9px 8px; border: 1px solid var(--ink-2); border-radius: var(--r); background: #fff; }
.lg-hwg__out { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0 0; border-top: 1px solid var(--ink); }
.lg-hwg__out > div { padding: 12px 14px 4px 0; }
.lg-hwg__out dt { font: 700 11px var(--sans); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); }
.lg-hwg__out dd { margin: 4px 0 0; font: 600 28px var(--serif); }
.lg-hwg__out .is-neg { color: var(--leaf); }
.lg-hwg__out .is-pos { color: var(--teal-2); }

/* Draws, slate */
.lg-hdraws .lg-draws-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; }
.lg-hdraws .lg-draws { margin: 0; }
.lg-hdraws .lg-draws__src { grid-column: 1 / -1; }
.lg-hslate { padding: 16px 18px; background: var(--card); border: 1px solid var(--rule); border-top: 4px solid var(--ink); }
.lg-hslate__h { margin: 0 0 8px; font: 600 19px var(--serif); max-width: none !important; }
.lg-hslate__h span { font: 500 12.5px var(--sans); color: var(--ink-3); margin-left: 6px; }
.lg-hslate ul { list-style: none; margin: 0; padding: 0; }
.lg-prose .lg-hslate li { margin: 0; display: grid; grid-template-columns: 120px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--rule-2); font-size: 14.5px; }
.lg-hslate time { font-weight: 600; }
.lg-hslate time span { display: block; font-weight: 400; color: var(--ink-3); font-size: 12.5px; }
.lg-hslate__m i { color: var(--ink-3); }
.lg-prose .lg-hslate li.is-ca { box-shadow: inset 3px 0 0 var(--leaf); padding-left: 8px; }
.lg-hslate__src { font-size: 12.5px; color: var(--ink-3); margin: 8px 0 0; max-width: none !important; }

/* Helplines */
.lg-hhelp { list-style: none; margin: 16px 0 10px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.lg-prose .lg-hhelp li { margin: 0; display: grid; grid-template-columns: 40px 1fr auto; grid-template-rows: auto auto auto; gap: 0 8px; padding: 10px 12px; background: var(--card); border: 1px solid var(--rule); font-size: 13.5px; }
.lg-hhelp__c { grid-row: 1 / 4; font: 700 15px var(--sans); background: var(--paper-2); display: grid; place-items: center; height: 40px; border-radius: 2px; }
.lg-hhelp__p { font-weight: 700; }
.lg-hhelp__n { grid-column: 2 / 4; color: var(--ink-2); line-height: 1.3; }
.lg-hhelp__t { grid-column: 2 / 4; font-weight: 700; font-size: 15px; }
.lg-hhelp__a { grid-column: 3; grid-row: 1; font-weight: 700; color: var(--ink-3); }
.lg-prose .lg-hhelp li.is-current { border-color: var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.lg-hhelp li.is-current .lg-hhelp__c { background: var(--leaf); color: #fff; }

/* Method */
.lg-hmeth { margin: 16px 0 10px; padding: 18px 20px; background: var(--card); border: 1px solid var(--rule); }
.lg-hmeth__bar { display: flex; height: 44px; gap: 3px; }
.lg-hmeth__seg { display: flex; align-items: center; justify-content: center; color: #fff; font: 700 17px var(--sans); }
.lg-hmeth__seg--licence, .lg-hmeth__dot--licence { background: var(--teal-2); }
.lg-hmeth__seg--payments, .lg-hmeth__dot--payments { background: var(--teal); }
.lg-hmeth__seg--protection, .lg-hmeth__dot--protection { background: var(--sage); }
.lg-hmeth__seg--bonus, .lg-hmeth__dot--bonus { background: var(--mustard); }
.lg-hmeth__seg--product, .lg-hmeth__dot--product { background: var(--ink-2); }
.lg-hmeth__key { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; }
.lg-hmeth__key dt { font-weight: 600; font-size: 13.5px; display: flex; gap: 6px; align-items: baseline; }
.lg-hmeth__key dd { margin: 0 0 0 16px; font-size: 13px; color: var(--ink-3); }
.lg-hmeth__dot { flex: none; width: 10px; height: 10px; border-radius: 2px; }
.lg-hmeth__v { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--rule-2); font-size: 13.5px; color: var(--ink-2); }

/* Illustrations */
.lg-hill { margin: 16px 0 12px; }
.lg-hill img { display: block; width: 100%; height: auto; border: 1px solid var(--rule); background: var(--card); }
.lg-hill figcaption { font-size: 13.5px; color: var(--ink-3); margin-top: 6px; }
.lg-hsplit .lg-hill { margin-top: 0; }

/* Mistakes list (in the text) */
.lg-prose--home ol.lg-hmist { list-style: none; padding: 0; counter-reset: m; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: none; }
.lg-prose--home ol.lg-hmist li { counter-increment: m; margin: 0; padding: 14px 16px 14px 58px; background: var(--card); border: 1px solid var(--rule); position: relative; font-size: 15.5px; }
.lg-prose--home ol.lg-hmist li::before { content: counter(m); position: absolute; left: 14px; top: 12px; width: 32px; height: 32px; border-radius: 50%; background: var(--leaf-bg); color: var(--leaf); font: 700 16px/32px var(--sans); text-align: center; }
.lg-prose--home ol.lg-hmist b { display: block; font: 600 17px var(--serif); margin-bottom: 2px; }

@media (max-width: 980px) {
	.lg-hhero__in { grid-template-columns: 1fr; gap: 18px; }
	.lg-hfacts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lg-hfacts > div:nth-child(3) { border-right: 0; }
	.lg-hfacts > div:nth-child(n+4) { border-top: 1px solid var(--rule); }
	.lg-htop__list { grid-template-columns: 1fr; }
	.lg-hop, .lg-hop.is-podium { grid-column: 1 / -1; }
	.lg-hop:not(.is-podium) { grid-template-columns: 30px 48px minmax(0, 1fr) auto; grid-template-areas: "pos logo id score" "feat feat feat feat" "act act act act"; }
	.lg-hop:not(.is-podium) .lg-hop__pos { grid-area: pos; }
	.lg-hop:not(.is-podium) .lg-hop__logo { grid-area: logo; }
	.lg-hop:not(.is-podium) .lg-hop__id { grid-area: id; }
	.lg-hop:not(.is-podium) .lg-hop__score { grid-area: score; align-items: flex-end; }
	.lg-hop:not(.is-podium) .lg-hop__feat { grid-area: feat; }
	.lg-hop:not(.is-podium) .lg-hop__act { grid-area: act; flex-direction: row; justify-content: space-between; align-items: center; }
	.lg-hop:not(.is-podium) .lg-hop__img, .lg-hop:not(.is-podium) .lg-hop__mono { width: 48px; height: 48px; }
}
@media (max-width: 600px) {
	.lg-hop:not(.is-podium) { grid-template-columns: 22px 44px minmax(0, 1fr); grid-template-areas: "pos logo id" "score score score" "feat feat feat" "act act act"; gap: 10px; padding: 12px; }
	.lg-hop:not(.is-podium) .lg-hop__score { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 8px; border-top: 1px solid var(--rule-2); }
	.lg-hop:not(.is-podium) .lg-hmeter { flex: 1; margin-right: 10px; }
	.lg-hop:not(.is-podium) .lg-hop__img, .lg-hop:not(.is-podium) .lg-hop__mono { width: 44px; height: 44px; }
	.lg-hop__pos { font-size: 18px; }
	.lg-hop.is-podium { padding: 14px; }
	.lg-hfd__opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lg-hwg__form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lg-hsplit { grid-template-columns: 1fr; gap: 12px; }
	.lg-hmeth__key { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.lg-hhero { padding: 16px 0 20px; }
	.lg-hhero .lg-dek { font-size: 16px; margin-top: 6px; }
	.lg-hhero__prov { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 12px; }
	.lg-hchip { min-width: 0; flex: 1 0 calc(14.28% - 4px); padding: 7px 0; }
	.lg-hsnap { grid-template-columns: 1fr 1fr; }
	.lg-hsnap__big { grid-column: 1 / -1; border-right: 0 !important; border-bottom: 1px solid var(--rule-2); }
	.lg-hsnap > div:nth-child(2) { border-right: 1px solid var(--rule-2); }
	.lg-hsnap > div:nth-child(3) { border-right: 0; }
	.lg-hsnap > div:nth-child(4) { grid-column: 1 / -1; border-top: 1px solid var(--rule-2); }
	.lg-hhero__meta .lg-byline { display: none; }
	.lg-hhero__side { box-shadow: 4px 4px 0 var(--ink); }
	.lg-hh3, .lg-hhero__tool { padding-left: 12px; padding-right: 12px; }
	.lg-hh3__list li { grid-template-columns: 16px 36px minmax(0, 1fr) auto auto; gap: 8px; }
	.lg-hh3__list .lg-hlogo { width: 36px; height: 36px; }
	.lg-hchk__row .lg-hbtn { padding: 10px 12px; }
	.lg-hres__map { grid-template-columns: repeat(7, minmax(0, 1fr)); }
	.lg-hfacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lg-hfacts > div { border-right: 1px solid var(--rule) !important; border-top: 1px solid var(--rule); }
	.lg-hfacts > div:nth-child(2n) { border-right: 0 !important; }
	.lg-hfacts > div:nth-child(-n+2) { border-top: 0; }
	.lg-hfacts > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.lg-hfacts dd { font-size: 30px; }
	.lg-hrg { align-items: flex-start; }
	.lg-prose--home > h2 { font-size: 26px; margin-top: 44px; }
	.lg-hmap { padding: 10px; }
	.lg-hmap__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.lg-hmap__t { grid-column: auto !important; grid-row: auto !important; min-height: 88px; padding: 8px; }
	.lg-hmap__t b { font-size: 18px; }
	.lg-hvs, .lg-hfd, .lg-hwg, .lg-hbars, .lg-hpay, .lg-hmeth { padding: 14px 12px; margin-left: -4px; margin-right: -4px; }
	.lg-hvs__pick { grid-template-columns: 1fr; }
	.lg-hvs__x { display: none; }
	.lg-hvs__heads { grid-template-columns: 1fr 1fr; gap: 6px; }
	.lg-hvs__head { grid-template-columns: 1fr; text-align: left; padding: 8px; }
	.lg-hvs__head .lg-hlogo { grid-row: auto; width: 36px !important; height: 36px !important; }
	.lg-hvs__head .lg-chip { grid-column: 1; }
	.lg-hvs__score { grid-column: 1; grid-row: auto; font-size: 24px; }
	.lg-hvs__head b { font-size: 16px; }
	.lg-hvs__row { grid-template-columns: 1fr 92px 1fr; gap: 6px; }
	.lg-hvs__row dt { font-size: 12.5px; line-height: 1.2; }
	.lg-hvs__row dt small { display: block; }
	.lg-prose .lg-hvs__facts th { width: 78px; font-size: 10px; padding: 8px 4px; }
	.lg-prose .lg-hvs__facts td { padding: 8px 4px; font-size: 13px; }
	.lg-hfd__opts { gap: 6px; }
	.lg-hfd__t { grid-template-columns: 1fr; padding: 9px; }
	.lg-hfdi { grid-row: auto; width: 22px; height: 22px; margin-bottom: 4px; }
	.lg-hfd__t small { grid-column: 1; }
	.lg-prose .lg-hfd__res li { grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-areas: "logo id s" "go go go"; padding: 10px; }
	.lg-hfd__pos { display: none; }
	.lg-hfd__res .lg-hlogo { grid-area: logo; width: 36px; height: 36px; }
	.lg-hfd__id { grid-area: id; }
	.lg-hfd__s { grid-area: s; }
	.lg-hfd__go { grid-area: go; justify-content: space-between; }
	.lg-hbars__r, .lg-hpay__r { grid-template-columns: 1fr; gap: 3px; }
	.lg-hbars__r dt { text-align: left; }
	.lg-hwg__form { grid-template-columns: 1fr 1fr; }
	.lg-hwg__out { grid-template-columns: 1fr 1fr; }
	.lg-hwg__out dd { font-size: 23px; }
	.lg-prose .lg-hslate li { grid-template-columns: 92px 1fr; }
	.lg-hmeth__key { grid-template-columns: 1fr 1fr; }
	.lg-hmeth__seg { font-size: 14px; }
	.lg-prose--home ol.lg-hmist { grid-template-columns: 1fr; }
	.lg-hcrown td, .lg-hcrown th { font-size: 14px; }
	.lg-hcrown tbody td[data-label="Casino"], .lg-hcrown tbody td[data-label="Sports"], .lg-hcrown tbody td[data-label="Lottery"] { display: inline-block; width: auto; margin-right: 14px; padding-top: 2px; padding-bottom: 2px; border: 0; }
	.lg-hill figcaption::after { content: " Tap to open full size."; }
}

/* FAQ: two columns, questions first */
.lg-hfaq { margin: 56px 0 0; }
.lg-hfaq__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-top: 3px double var(--ink); padding-top: 18px; margin-bottom: 14px; }
.lg-hfaq__head h2 { margin: 0; font: 600 32px/1.2 var(--serif); }
.lg-hfaq__all { font: 700 13.5px var(--sans); background: none; border: 0; color: var(--teal-2); text-decoration: underline; cursor: pointer; padding: 0; white-space: nowrap; }
.lg-hfaq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; align-items: start; }
.lg-hfaq__item { background: var(--card); border: 1px solid var(--rule); }
.lg-hfaq__item[open] { border-color: var(--ink); }
.lg-hfaq__item summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 26px minmax(0, 1fr) 16px; gap: 10px; align-items: center; padding: 12px 14px; }
.lg-hfaq__item summary::-webkit-details-marker { display: none; }
.lg-hfaq__item summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ink-2); border-bottom: 2px solid var(--ink-2); transform: rotate(45deg); justify-self: center; margin-top: -4px; transition: transform .15s; }
.lg-hfaq__item[open] summary::after { transform: rotate(225deg); margin-top: 4px; }
.lg-hfaq__item summary:hover .lg-hfaq__q { color: var(--teal-2); }
.lg-hfaq__n { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--paper-2); font: 700 12px var(--sans); color: var(--ink-2); }
.lg-hfaq__item[open] .lg-hfaq__n { background: var(--ink); color: #fff; }
.lg-hfaq__q { font: 600 17px/1.3 var(--serif); }
.lg-hfaq__a { padding: 0 16px 12px 50px; font-size: 15px; color: var(--ink-2); }
.lg-hfaq__a p { margin: 0 0 8px; }
@media (max-width: 720px) {
	.lg-hfaq__grid { grid-template-columns: 1fr; }
	.lg-hfaq__head h2 { font-size: 26px; }
	.lg-hfaq__a { padding-left: 14px; }
}

/* Hover on operator cards and rows */
.lg-hop { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease; }
.lg-hop__img, .lg-hop__mono { transition: transform .2s ease; }
.lg-hmeter::after { transition: width .35s ease, background-color .18s ease; }
.lg-hh3__list li { transition: background-color .15s ease; }
@media (hover: hover) {
	.lg-hop:hover { transform: translateY(-3px); border-color: var(--ink); background-color: #fff; box-shadow: 6px 6px 0 var(--teal); }
	.lg-hop.is-podium:first-child:hover { box-shadow: 7px 7px 0 var(--leaf); }
	.lg-hop:hover .lg-hop__img, .lg-hop:hover .lg-hop__mono { transform: scale(1.07); }
	.lg-hop:hover .lg-hop__name a { color: var(--teal-2); }
	.lg-hop:hover .lg-hmeter::after { background: var(--teal-2); }
	.lg-hop:hover .lg-hbtn { background: var(--teal-2); border-color: var(--teal-2); }
	.lg-hh3__list li:hover { background: var(--paper-2); }
	.lg-prose .lg-hfd__res li { transition: transform .18s ease, box-shadow .18s ease; }
	.lg-prose .lg-hfd__res li:hover { transform: translateY(-2px); box-shadow: 4px 4px 0 var(--teal); }
}
@media (prefers-reduced-motion: reduce) {
	.lg-hop, .lg-hop__img, .lg-hop__mono, .lg-hmeter::after, .lg-prose .lg-hfd__res li { transition: none; }
	.lg-hop:hover, .lg-prose .lg-hfd__res li:hover { transform: none; }
	.lg-hop:hover .lg-hop__img, .lg-hop:hover .lg-hop__mono { transform: none; }
}

/* Hero: author card */
.lg-hhero__meta { margin-top: 14px; align-items: center; }
.lg-hauth { display: flex; gap: 16px; align-items: center; flex: 1 1 380px; min-width: 0; padding: 12px 16px 12px 12px; background: var(--card); border: 1px solid var(--rule); border-radius: 60px 6px 6px 60px; }
.lg-hauth__pic { position: relative; flex: none; display: block; border-radius: 50%; }
.lg-hauth__img { display: block; width: 84px; height: 84px; border-radius: 50%; object-fit: cover; background: var(--paper-2); border: 3px solid var(--card); box-shadow: 0 0 0 3px var(--teal), 0 6px 14px rgba(29, 39, 51, .18); }
.lg-hauth__img--blank { display: grid; place-items: center; font: 600 34px var(--serif); color: var(--teal-2); }
.lg-hauth__tick { position: absolute; right: -2px; bottom: 2px; width: 26px; height: 26px; border-radius: 50%; background: var(--teal); border: 3px solid var(--card); }
.lg-hauth__tick::after { content: ""; position: absolute; left: 7px; top: 4px; width: 6px; height: 10px; border-right: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(45deg); }
.lg-hauth__txt { min-width: 0; }
.lg-hauth__txt p { margin: 0; }
.lg-hauth__k { font: 700 10.5px var(--sans); text-transform: uppercase; letter-spacing: .12em; color: var(--teal); }
.lg-hauth__n { font: 600 21px/1.15 var(--serif); }
.lg-hauth__n a { color: var(--ink); text-decoration: none; }
.lg-hauth__n a:hover { color: var(--teal-2); text-decoration: underline; }
.lg-hauth__r { font-size: 13.5px; color: var(--ink-2); }
.lg-hauth__d { font-size: 12.5px; color: var(--ink-3); margin-top: 2px !important; }
@media (hover: hover) {
	.lg-hauth__pic:hover .lg-hauth__img { box-shadow: 0 0 0 3px var(--leaf), 0 8px 18px rgba(29, 39, 51, .22); }
}
@media (max-width: 720px) {
	.lg-hhero__meta { flex-direction: column; align-items: stretch; }
	.lg-hauth { flex-basis: auto; padding: 10px 12px 10px 10px; gap: 12px; }
	.lg-hauth__img { width: 68px; height: 68px; }
	.lg-hauth__tick { width: 22px; height: 22px; }
	.lg-hauth__tick::after { left: 5px; top: 3px; }
	.lg-hauth__n { font-size: 19px; }
}

/* Hero: no empty space. Columns share one height; the side card ends with the latest draws. */
@media (min-width: 981px) {
	.lg-hhero__in { align-items: start; }
}
.lg-hhero__prov { flex-direction: column; align-items: flex-start; gap: 6px; }
.lg-hchips { gap: 4px; }
.lg-hhero__meta { flex-wrap: nowrap; gap: 18px; }
.lg-hauth { flex: 0 1 auto; }
.lg-hhero__meta .lg-link-arrow { flex: none; }
.lg-hhd { border-top: 1px solid var(--rule); padding: 10px 18px 14px; background: var(--card); }
.lg-hhd__h { margin: 0 0 6px; display: flex; justify-content: space-between; align-items: baseline; font: 700 11px var(--sans); text-transform: uppercase; letter-spacing: .14em; color: var(--teal); }
.lg-hhd__h a { font: 700 12.5px var(--sans); text-transform: none; letter-spacing: 0; }
.lg-hhd__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 0; }
.lg-hhd__row p { margin: 0; font-size: 13px; line-height: 1.2; }
.lg-hhd__row b { display: block; font: 600 15px var(--serif); }
.lg-hhd__row time { color: var(--ink-3); font-size: 12px; }
.lg-hhd .lg-balls { display: flex; gap: 3px; flex-wrap: nowrap; }
.lg-hhd .lg-ball { width: 26px; height: 26px; font-size: 12px; margin: 0; }
@media (max-width: 980px) {
	.lg-hhero__meta { flex-wrap: wrap; }
}
@media (max-width: 720px) {
	.lg-hhero__meta { flex-direction: column; align-items: stretch; gap: 10px; }
	.lg-hhd { padding-left: 12px; padding-right: 12px; }
	.lg-hhd .lg-ball { width: 24px; height: 24px; font-size: 11px; }
}

/* Map tiles are links to the province guides */
a.lg-hmap__t { text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }
a.lg-hmap__t--open, a.lg-hmap__t--open:hover { color: #fff; }
a.lg-hmap__t--crown, a.lg-hmap__t--lotto { color: var(--ink); }
a.lg-hmap__t:hover { color: inherit; }
.lg-hmap__go { display: none; font: 700 11.5px var(--sans); margin-top: 2px; }
.lg-hmap__go::after { content: " \2192"; }
@media (hover: hover) {
	a.lg-hmap__t:hover { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--ink); outline: 0; }
	a.lg-hmap__t:hover .lg-hmap__s { display: none; }
	a.lg-hmap__t:hover .lg-hmap__go { display: block; margin-top: auto; text-decoration: underline; }
}
@media (prefers-reduced-motion: reduce) { a.lg-hmap__t:hover { transform: none; } }
