/* LRC product identity: section cues, purposeful contrast and recognisable tasks.
   All colours and shadows come from the shared Chip tokens. */
.lrc-site { --product-tint: var(--wash); --product-accent: var(--ink); }
[data-tone="casino"] { --product-tint: var(--wash); --product-accent: var(--coral); }
[data-tone="betting"] { --product-tint: var(--info-05); --product-accent: var(--info); }
[data-tone="learn"] { --product-tint: var(--caution-10); --product-accent: var(--caution-deep); }
[data-tone="results"] { --product-tint: var(--positive-05); --product-accent: var(--positive); }
[data-tone="tools"] { --product-tint: var(--wash); --product-accent: var(--ink-70); }
.product-icon { width: 24px; height: 24px; flex: none; vertical-align: middle; }
.product-icon-tile { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--product-tint); color: var(--ink); border: 1px solid var(--product-accent); border-radius: var(--r-sm); box-shadow: var(--chip-sm) var(--product-accent); flex: none; }
.product-icon-tile .product-icon { width: 26px; height: 26px; }
.lrc-site .product-kicker { color: var(--ink-70); font: 600 .68rem/1.5 var(--font-body); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 .4rem; }
.product-identity { display: flex; align-items: center; gap: .85rem; margin-bottom: 1rem; }
.product-identity .product-kicker { margin: 0; }
.lrc-site .product-primary { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; padding: .85rem 1rem; background: var(--ink); color: var(--surface); text-decoration: none; font-size: .85rem; font-weight: 600; border: var(--keyline-w-sm) solid var(--ink); border-radius: var(--r-sm); }
.lrc-site .product-primary:hover { background: var(--ink-strong); box-shadow: var(--chip-sm) var(--product-accent); }
.product-primary .product-icon { width: 18px; height: 18px; }
.lrc-site .product-access { display: inline-block; padding: .1rem .3rem; border: 1px solid var(--rule); color: var(--ink-70); font-size: .6rem; font-weight: 500; background: var(--surface); border-radius: var(--r-sm); }
.nav-section-icon { display: inline-flex; padding: .2rem; border-radius: var(--r-sm); background: var(--product-tint); color: var(--ink); }
.nav-section-icon .product-icon { width: 17px; height: 17px; }
.lrc-site .lrc-nav-group summary { gap: .4rem; white-space: nowrap; }
.lrc-site .lrc-nav-group summary > svg { margin-left: auto; }

/* Workspace: a welcome and results overview, two destinations, then utility rows. */
.lrc-site[data-section="account"] .main-content { max-width: 1220px; padding-top: 2rem; }
.lrc-site[data-section="account"] .main-content > .container { max-width: none; padding: 0; }
.workspace-welcome { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.8fr); gap: 3rem; align-items: center; padding: clamp(1.5rem,3vw,2rem); background: var(--ink); color: var(--surface); border-radius: var(--r-sm); border-bottom: 4px solid var(--coral); position: relative; margin-bottom: 2.25rem; }
.workspace-overline { display: flex; gap: .65rem; align-items: center; font-size: .66rem; letter-spacing: .14em; font-weight: 600; color: var(--ink-20); }
.workspace-brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: var(--coral); color: var(--ink); border-radius: 50%; font: 700 21px var(--font-display); }
.lrc-site .workspace-welcome h1 { font-family: var(--font-display); color: var(--surface); font-size: clamp(2.3rem,4vw,3.45rem); line-height: 1.08; letter-spacing: -.025em; margin: 1.1rem 0; }
.workspace-welcome h1 em { color: var(--coral-light); font-style: normal; }
.workspace-welcome-copy > p { color: var(--ink-20); font-size: .9rem; line-height: 1.7; max-width: 420px; margin: 0 0 1.25rem; }
.workspace-member { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .55rem .7rem; border: 1px solid var(--ink-60); color: var(--surface); text-decoration: none; font-size: .72rem; border-radius: var(--r-sm); }
.workspace-member:hover { border-color: var(--coral); }
.workspace-member .product-icon { width: 16px; height: 16px; }
.lrc-site .workspace-welcome .stat-hero { margin: 0; padding: 1.3rem; background: var(--positive-05); border: 0; box-shadow: var(--chip-lg) var(--coral); min-width: 0; }
.lrc-site .workspace-welcome .stat-hero-content { display: block; }
.lrc-site .workspace-welcome .stat-hero-label { display: flex; align-items: center; gap: .6rem; color: var(--ink-70); font-size: .65rem; letter-spacing: .1em; }
.workspace-welcome .stat-hero-label .product-icon { color: var(--positive); width: 22px; height: 22px; }
.lrc-site .workspace-welcome .stat-hero-value { color: var(--ink); font-family: var(--font-display); font-size: clamp(2.5rem,4.5vw,3.6rem); line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; margin: .9rem 0 .5rem; }
.lrc-site .workspace-welcome .stat-hero-value.is-loss { color: var(--negative-deep); }
.lrc-site .workspace-welcome .stat-hero-value[data-state="loading"], .lrc-site .workspace-welcome .stat-hero-value[data-state="error"] { font: 600 1.2rem/1.4 var(--font-body); }
.lrc-site .workspace-welcome .stat-hero-cta { display: flex; justify-content: space-between; align-items: center; gap: .75rem; border: 0; border-top: 1px solid var(--rule); background: none; color: var(--ink); padding: 1rem 0 0; margin-top: 1.2rem; font-size: .8rem; }
.workspace-welcome .stat-hero-cta .product-icon { width: 18px; height: 18px; }
.lrc-site .workspace-section-heading { margin-bottom: 1.2rem; align-items: flex-end; }
.lrc-site .workspace-section-heading h2, .workspace-essentials h2 { font: 600 1.8rem/1.2 var(--font-display); color: var(--ink); margin: 0; }
.workspace-section-heading > a { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.workspace-section-heading > a .product-icon { width: 18px; height: 18px; }
.workspace-route-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.workspace-route { padding: 1.5rem; border: 1px solid var(--rule); border-top: 4px solid var(--product-accent); border-radius: var(--r-sm); background: var(--product-tint); }
.workspace-route-top { display: flex; gap: .8rem; align-items: center; }
.workspace-route-top .product-kicker { margin: 0; }
.workspace-route .product-icon-tile { background: var(--surface); }
.workspace-route-number { margin-left: auto; font: 600 1rem var(--font-display); color: var(--ink-60); }
.workspace-route h3 { margin: 1.25rem 0 .5rem; font: 600 2.1rem/1.1 var(--font-display); color: var(--ink); }
.workspace-route > p { margin: 0 0 1.1rem; max-width: 370px; font-size: .88rem; line-height: 1.65; color: var(--ink-70); }
.workspace-route .product-primary { width: 100%; }
.workspace-route-links { display: flex; gap: .75rem 1.2rem; flex-wrap: wrap; margin-top: 1rem; }
.workspace-route-links a { color: var(--ink); font-size: .75rem; text-underline-offset: .2em; }
.workspace-lower { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.8fr); gap: 2rem; margin: 2.75rem 0 2rem; }
.workspace-essentials { padding: .5rem 0; }
.workspace-essentials h2 { margin: 0 0 1rem; }
.workspace-utility { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; text-decoration: none; border-bottom: 1px solid var(--rule); color: var(--ink); }
.workspace-utility:hover { background: var(--wash-2); }
.workspace-utility .product-icon-tile { width: 40px; height: 40px; box-shadow: none; border-color: var(--rule); }
.workspace-utility .product-icon-tile .product-icon { width: 21px; height: 21px; }
.workspace-utility strong, .workspace-utility small { display: block; }
.workspace-utility strong { font-size: .9rem; font-weight: 600; }
.workspace-utility small { margin-top: .2rem; font-size: .78rem; color: var(--ink-60); }
.workspace-utility .utility-arrow { margin-left: auto; width: 19px; height: 19px; }
.workspace-learn { background: var(--caution-10); padding: 1.65rem; border-radius: var(--r-sm); border: 1px solid var(--caution-20); }
.workspace-learn .product-icon-tile { float: right; margin-left: .5rem; background: var(--canvas); }
.workspace-learn h2 { font: 600 2.1rem/1.08 var(--font-display); margin: .75rem 0; color: var(--ink); }
.workspace-learn > p:not(.product-kicker) { font-size: .85rem; color: var(--ink-70); line-height: 1.6; margin: 0 0 1.1rem; }
.workspace-learn > a { display: flex; align-items: center; justify-content: space-between; gap: .5rem; border-top: 1px solid var(--caution-20); padding: .7rem 0; font-size: .78rem; color: var(--ink); font-weight: 600; text-decoration: none; }
.workspace-learn > a:hover { text-decoration: underline; }
.workspace-learn > a .product-icon { width: 18px; height: 18px; }
.workspace-learn > small { display: block; font-size: .72rem; color: var(--ink-70); margin-top: .5rem; }
.lrc-site .account-settings { background: none; border: 0; border-top: 1px solid var(--rule); padding: 1.2rem 0; margin: 0; }
.lrc-site .account-settings > summary { align-items: center; }
.lrc-site .account-settings > summary .workspace-settings-title { display: inline-flex; align-items: center; gap: .6rem; color: var(--ink); font-size: .95rem; font-weight: 600; }
.workspace-settings-title .product-icon { width: 20px; height: 20px; }
.lrc-site .account-settings[open] { background: var(--surface); padding: 1.2rem; border: 1px solid var(--rule); }
.lrc-site .discord-prompt { margin-top: 1rem; }
.lrc-site .not-logged-in { background: var(--ink); border-bottom: 4px solid var(--coral); border-radius: var(--r-sm); padding: 3rem 1.5rem; }
.lrc-site .not-logged-in h2 { color: var(--surface); }
.lrc-site .not-logged-in p { color: var(--ink-20); }
.lrc-site .not-logged-in a { background: var(--coral); color: var(--ink); border-radius: var(--r-sm); }
.lrc-site .loading-state { color: var(--ink-70); }

/* Hubs and directory share the same confident header and identifiable routes. */
.lrc-site .hub-header { background: var(--ink); border-radius: var(--r-sm); color: var(--surface); padding: 2rem; border-bottom: 4px solid var(--product-accent); gap: 1.5rem; }
.hub-identity { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.hub-identity .product-icon-tile { background: var(--product-accent); border-color: var(--product-accent); color: var(--surface); box-shadow: none; }
[data-tone="casino"] .hub-identity .product-icon-tile { color: var(--ink); }
.lrc-site .hub-identity .product-kicker { color: var(--ink-20); margin: 0; }
.lrc-site .hub-header h1 { color: var(--surface); margin: 0 0 .5rem; }
.lrc-site .hub-header p { color: var(--ink-20); font-size: .9rem; }
.lrc-site .hub-header > .board-btn { display: inline-flex; align-items: center; gap: 1rem; background: var(--coral); color: var(--ink); border-color: var(--coral); white-space: nowrap; }
.hub-header .board-btn .product-icon { width: 18px; height: 18px; }
.lrc-site .hub-tool-card { display: flex; flex-direction: column; align-items: flex-start; padding: 1.2rem; }
.lrc-site .hub-start-grid .hub-tool-card { border-top: 1px solid var(--rule); }
.hub-tool-card > .product-icon-tile { margin-bottom: 1rem; }
.lrc-site .hub-tool-card h3 { font-size: 1rem; margin: 0 0 .5rem; }
.lrc-site .hub-tool-card p { margin-bottom: 1rem; }
.lrc-site .hub-tool-card .board-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--rule); color: var(--ink); }
.hub-tool-card .board-btn .product-icon { width: 18px; height: 18px; }
.lrc-site .hub-tool-card:hover { border-color: var(--product-accent); box-shadow: var(--chip-sm) var(--product-accent); }
.lrc-site .board-head { background: var(--ink); }
.lrc-site .board-head h2 { color: var(--surface); }
.lrc-site .board-head .meta { color: var(--ink-20); }
.lrc-site .rail-item { display: flex; align-items: center; gap: .65rem; }
.rail-item > .product-icon { width: 19px; height: 19px; color: var(--ink-60); }
.lrc-site .tools-heading { max-width: none; background: var(--ink); padding: 2rem; border-bottom: 4px solid var(--coral); border-radius: var(--r-sm); }
.lrc-site .tools-heading h1 { color: var(--surface); margin: .8rem 0; }
.lrc-site .tools-heading p, .lrc-site .tools-heading a { color: var(--ink-20); max-width: 760px; }
.lrc-site .tools-heading .eyebrow { color: var(--coral-light); display: flex; align-items: center; gap: .65rem; }
.lrc-site .tool-card { position: relative; padding: 1.2rem 1.2rem 1.2rem 5.25rem; min-height: 160px; }
.tool-card > .product-icon-tile { position: absolute; left: 1.2rem; top: 1.2rem; }
.lrc-site .tool-card:hover { border-color: var(--product-accent); background: var(--product-tint); }
.lrc-site .tools-section h2 { border-left: 3px solid var(--coral); padding-left: .75rem; }

/* Guides and calculators have a clear identity without competing with the task. */
.lrc-site .main-content > .offer-guide-heading { padding: .5rem 0 1rem; border-bottom: 1px solid var(--rule); margin-bottom: 1.25rem; }
.offer-guide-heading .product-icon-tile { width: 34px; height: 34px; }
.offer-guide-heading .product-icon-tile .product-icon { width: 21px; height: 21px; }
.lrc-site .main-content .offer-guide-heading h1 { margin-top: .5rem; }
.lrc-site .main-content .offer-header-section { justify-content: space-between; align-items: center; gap: .75rem; }
.offer-summary-label { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 600; color: var(--ink); }
.offer-summary-label .product-icon { width: 20px; height: 20px; }
.lrc-site .main-content #offer-summary { border-top: 4px solid var(--coral); }
.lrc-site .main-content #offer-summary .offer-stats > .stat-item:first-child { background: var(--positive-05); border: 1px solid var(--positive-20); }
.lrc-site .main-content .guide-section h2 { border-bottom-color: var(--rule); border-left: 3px solid var(--coral); padding-left: .8rem; }
.lrc-site .main-content .steps-list li::before { background: var(--ink); color: var(--surface); font-family: var(--font-body); font-size: .85rem; }
.lrc-site .tool-identity { padding: .85rem; margin: 0 0 1.2rem; border-left: 3px solid var(--product-accent); background: var(--product-tint); text-align: left; }
.tool-identity > a { display: inline-flex; align-items: center; gap: .4rem; margin-left: auto; color: var(--ink-70); font-size: .75rem; white-space: nowrap; }
.tool-identity > a .product-icon { width: 17px; height: 17px; }
.lrc-site .main-content .calculator-card { border-top: 3px solid var(--coral); }
.lrc-site[data-section="betting"] .main-content .card { border-top: 3px solid var(--info); }
.lrc-site[data-section="betting"] .main-content .tab.active { background: var(--info-strong); color: var(--surface); }
.lrc-site[data-section="betting"] .main-content .explainer { border-left-color: var(--info); background: var(--info-05); }
.lrc-site .main-content .results { border-left: 3px solid var(--info); }

@media (max-width: 1180px) and (min-width: 961px) { .lrc-header .logo-sub { display: none; } .lrc-header-inner { gap: .5rem; } .lrc-nav-group summary { padding-left: .4rem; padding-right: .4rem; } }
@media (max-width: 960px) {
  .lrc-site .lrc-nav-group summary { justify-content: flex-start; gap: .7rem; }
  .workspace-welcome { gap: 1.5rem; }
  .workspace-route-top .product-kicker { font-size: .6rem; }
  .workspace-route { padding: 1.2rem; }
}
@media (max-width: 680px) {
  .lrc-site[data-section="account"] .main-content { padding-top: 1rem; }
  .workspace-welcome { grid-template-columns: 1fr; padding: 1.5rem; gap: 1.5rem; margin-bottom: 2rem; }
  .lrc-site .workspace-welcome h1 { font-size: 2.2rem; margin: .85rem 0; }
  .workspace-welcome h1 br, .workspace-welcome h1 em { display: none; }
  .workspace-welcome-copy > p { margin-bottom: .85rem; }
  .lrc-site .workspace-welcome .stat-hero { padding: 1.15rem; }
  .lrc-site .workspace-welcome .stat-hero-value { font-size: 2.5rem; margin-top: .5rem; }
  .lrc-site .workspace-welcome .stat-hero-content { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .6rem; }
  .lrc-site .workspace-welcome .stat-hero-cta { margin: 0; padding: 0; border: 0; max-width: 70px; flex-wrap: wrap; font-size: .72rem; white-space: normal; }
  .lrc-site .workspace-welcome .stat-hero-label { letter-spacing: .04em; font-size: .6rem; gap: .3rem; }
  .lrc-site .workspace-welcome .stat-hero-meta, .lrc-site .workspace-welcome .stat-hero-empty { font-size: .72rem; }
  .workspace-route-grid, .workspace-lower { grid-template-columns: 1fr; }
  .workspace-route h3 { font-size: 1.9rem; margin-top: 1rem; }
  .workspace-route-links { justify-content: space-between; }
  .workspace-route-number { display: none; }
  .workspace-lower { gap: 1.5rem; margin-top: 2rem; }
  .workspace-section-heading h2 { font-size: 1.6rem; }
  .lrc-site .workspace-section-heading { align-items: center; gap: .7rem; }
  .workspace-section-heading > a { font-size: .75rem; }
  .lrc-site .hub-header { padding: 1.4rem; align-items: flex-start; flex-direction: column; }
  .lrc-site .hub-header h1 { font-size: 2.3rem; }
  .lrc-site .hub-identity .product-kicker { font-size: .6rem; }
  .lrc-site .hub-tool-card { padding: 1rem; }
  .lrc-site .tools-heading { padding: 1.4rem; }
  .lrc-site .tool-card { padding-left: 4.7rem; }
  .tool-card > .product-icon-tile { width: 40px; height: 40px; }
  .lrc-site .account-settings > summary { align-items: flex-start; }
  .tool-identity .product-kicker { font-size: .6rem; }
  .tool-identity { gap: .6rem; }
  .tool-identity .product-icon-tile { width: 38px; height: 38px; }
}

/* Everyday tools share the same compact entry point and return route. */
.lrc-site .work-tool-page { padding-top: 1.5rem; margin-inline: auto; }
.lrc-site .work-tool-header { margin: 0 0 1.5rem; padding: 1.25rem 1.5rem; background: var(--product-tint); border-left: 3px solid var(--product-accent); text-align: left; }
.work-tool-context { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.25rem; }
.work-tool-context a { display: inline-flex; align-items: center; gap: .4rem; color: var(--ink-70); font-size: .78rem; text-underline-offset: .2em; }
.work-tool-context .product-icon { width: 16px; height: 16px; }
.work-tool-title { display: flex; gap: 1rem; align-items: center; }
.work-tool-title > div { min-width: 0; }
.lrc-site .work-tool-title h1 { margin: .15rem 0 0; color: var(--ink); font: 600 clamp(1.8rem,3vw,2.5rem)/1.12 var(--font-display); letter-spacing: -.02em; }
.lrc-site .work-tool-title .product-kicker { margin: 0; }
.lrc-site .work-tool-description { margin: .85rem 0 0; max-width: 760px; font-size: .9rem; line-height: 1.6; color: var(--ink-70); }
.work-tool-actions { display: flex; justify-content: flex-end; align-items: center; gap: 1.25rem; margin: 0 0 1.25rem; }
.work-tool-actions a { color: var(--ink); font-size: .85rem; text-underline-offset: .2em; }
.lrc-site .work-tool-page .add-entry-btn, .lrc-site .work-tool-page .add-btn { background: var(--ink); color: var(--surface); border: 1px solid var(--ink); border-radius: var(--r-sm); }
.lrc-site .work-tool-page .period-filter, .lrc-site .work-tool-page .pd-period-filter { justify-content: flex-start; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.work-filter-label { min-width: 3.2rem; color: var(--ink-70); font-size: .75rem; font-weight: 600; }
.lrc-site .work-tool-page .period-btn.active, .lrc-site .work-tool-page .pd-period-btn.active { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.lrc-site .planner-wrap .rgd-notice { background: var(--info-05); color: var(--ink-70); border: 1px solid var(--rule); border-left: 3px solid var(--info); border-radius: var(--r-sm); margin-bottom: .75rem; padding: .65rem .85rem; }
.lrc-site .planner-wrap .auth-strip { margin-bottom: 1rem; padding: .6rem .85rem; font-size: .8rem; overflow-wrap: anywhere; }
.lrc-site .planner-wrap .ev-card { text-align: left; box-shadow: none; border-radius: var(--r-sm); }
.lrc-site .planner-wrap .ev-card-value.orange { color: var(--ink); }
@media (max-width: 680px) {
  .lrc-site .work-tool-header { padding: 1rem; }
  .work-tool-title { gap: .75rem; }
  .work-tool-title .product-icon-tile { width: 38px; height: 38px; }
  .work-tool-title .product-icon { width: 23px; height: 23px; }
  .work-tool-context a { font-size: .72rem; }
  .work-tool-context { margin-bottom: 1rem; }
  .work-tool-actions { justify-content: space-between; gap: .75rem; }
  .work-tool-actions .add-entry-btn { padding: .7rem .85rem; }
  .work-filter-label { flex-basis: 100%; }
}

.lrc-site .work-tool-page :is(.auth-gate, .pd-auth-gate) { padding: 2rem 1.25rem; border-radius: var(--r-sm); box-shadow: none; }
.lrc-site .work-tool-page :is(.auth-gate-btn, .pd-auth-btn) { background: var(--ink); color: var(--surface); border-radius: var(--r-sm); }