/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-lg: 32rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-widest: 0.1em;
    --radius-xs: 0.125rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    --default-mono-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .z-50 {
    z-index: 50;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .ml-auto {
    margin-left: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .inline-flex {
    display: inline-flex;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-default {
    cursor: default;
  }
  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground\/60 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:h-9 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      height: calc(var(--spacing) * 9);
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:h-fit {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      height: fit-content;
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:w-full {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      width: 100%;
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:flex-col {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      flex-direction: column;
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:justify-start {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      justify-content: flex-start;
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      background-color: transparent;
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:bg-foreground {
    &::after {
      content: var(--tw-content);
      background-color: var(--foreground);
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:transition-opacity {
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\] {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        bottom: -5px;
      }
    }
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5 {
    &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0.5);
      }
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * -1);
      }
    }
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5 {
    &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-ring {
    &:focus {
      --tw-ring-color: var(--ring);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:border-ring {
    &:focus-visible {
      border-color: var(--ring);
    }
  }
  .focus-visible\:ring-\[3px\] {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-destructive\/20 {
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring\/50 {
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .focus-visible\:outline-1 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-ring {
    &:focus-visible {
      outline-color: var(--ring);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .has-\[\>svg\]\:px-1\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\>svg\]\:px-2\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\>svg\]\:px-3 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>svg\]\:px-4 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
  }
  .aria-invalid\:ring-destructive\/20 {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .data-\[disabled\=true\]\:pointer-events-none {
    &[data-disabled="true"] {
      pointer-events: none;
    }
  }
  .data-\[disabled\=true\]\:opacity-50 {
    &[data-disabled="true"] {
      opacity: 50%;
    }
  }
  .data-\[orientation\=horizontal\]\:flex-col {
    &[data-orientation="horizontal"] {
      flex-direction: column;
    }
  }
  .data-\[selected\=true\]\:bg-accent {
    &[data-selected="true"] {
      background-color: var(--accent);
    }
  }
  .data-\[selected\=true\]\:text-accent-foreground {
    &[data-selected="true"] {
      color: var(--accent-foreground);
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=left\]\:slide-in-from-right-2 {
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .data-\[side\=right\]\:slide-in-from-left-2 {
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
    :is(& *) {
      &[data-slot="command-input-wrapper"] {
        height: calc(var(--spacing) * 12);
      }
    }
  }
  .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: var(--background);
    }
  }
  .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: var(--foreground);
    }
  }
  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm {
    &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
      &[data-state="active"] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        background-color: transparent;
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100 {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .data-\[state\=closed\]\:animate-out {
    &[data-state="closed"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:fade-out-0 {
    &[data-state="closed"] {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=closed\]\:zoom-out-95 {
    &[data-state="closed"] {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .data-\[state\=open\]\:animate-in {
    &[data-state="open"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:bg-accent {
    &[data-state="open"] {
      background-color: var(--accent);
    }
  }
  .data-\[state\=open\]\:text-muted-foreground {
    &[data-state="open"] {
      color: var(--muted-foreground);
    }
  }
  .data-\[state\=open\]\:fade-in-0 {
    &[data-state="open"] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=open\]\:zoom-in-95 {
    &[data-state="open"] {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .data-\[variant\=line\]\:rounded-none {
    &[data-variant="line"] {
      border-radius: 0;
    }
  }
  .sm\:max-w-lg {
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .dark\:border-input {
    @media (prefers-color-scheme: dark) {
      border-color: var(--input);
    }
  }
  .dark\:bg-destructive\/60 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
      }
    }
  }
  .dark\:bg-input\/30 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }
  .dark\:text-muted-foreground {
    @media (prefers-color-scheme: dark) {
      color: var(--muted-foreground);
    }
  }
  .dark\:hover\:bg-accent\/50 {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-input\/50 {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-foreground {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .dark\:focus-visible\:ring-destructive\/40 {
    @media (prefers-color-scheme: dark) {
      &:focus-visible {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40 {
    @media (prefers-color-scheme: dark) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:data-\[state\=active\]\:border-input {
    @media (prefers-color-scheme: dark) {
      &[data-state="active"] {
        border-color: var(--input);
      }
    }
  }
  .dark\:data-\[state\=active\]\:bg-input\/30 {
    @media (prefers-color-scheme: dark) {
      &[data-state="active"] {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-\[state\=active\]\:text-foreground {
    @media (prefers-color-scheme: dark) {
      &[data-state="active"] {
        color: var(--foreground);
      }
    }
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent {
    @media (prefers-color-scheme: dark) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &[data-state="active"] {
          border-color: transparent;
        }
      }
    }
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
    @media (prefers-color-scheme: dark) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &[data-state="active"] {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
    & [cmdk-group-heading] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
    & [cmdk-group-heading] {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
    & [cmdk-group-heading] {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
    & [cmdk-group-heading] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
    & [cmdk-group-heading] {
      color: var(--muted-foreground);
    }
  }
  .\[\&_\[cmdk-group\]\]\:px-2 {
    & [cmdk-group] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
    & [cmdk-group]:not([hidden]) ~[cmdk-group] {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
    & [cmdk-input-wrapper] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
    & [cmdk-input-wrapper] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input\]\]\:h-12 {
    & [cmdk-input] {
      height: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\[cmdk-item\]\]\:px-2 {
    & [cmdk-item] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-item\]\]\:py-3 {
    & [cmdk-item] {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 {
    & [cmdk-item] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 {
    & [cmdk-item] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
    & svg:not([class*='text-']) {
      color: var(--muted-foreground);
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-mask {
  syntax: "*";
  inherits: false;
}
@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}
@property --shimmer-image {
  syntax: "*";
  inherits: false;
}
@property --shimmer-text-fill {
  syntax: "*";
  inherits: false;
}
@media (prefers-reduced-motion: reduce) {
  .shimmer {
    animation: none;
    background-image: none;
    -webkit-text-fill-color: currentColor;
  }
}
:root {
  --background: #ffffff;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}
:root {
  --background: #fff;
  --foreground: #06163b;
  --primary: #07193c;
  --primary-foreground: #fff;
  --secondary: #f3f6fa;
  --muted: #f1f4f9;
  --muted-foreground: #53627a;
  --border: #d6deeb;
  --input: #cbd5e4;
  --accent: #f0f4fa;
  --ring: #176ce0;
  --radius: .3rem;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 24px;
}
body {
  margin: 0;
  background: #fff;
  color: #07183b;
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,p {
  margin: 0;
}
button,a,input,summary {
  touch-action: manipulation;
}
button,summary {
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline: 3px solid #1375d9;
  outline-offset: 3px;
}
.site-width {
  width: 100%;
  max-width: 960px;
  margin: auto;
  padding-inline: 26px;
}
.skip-link {
  position: absolute;
  left: 10px;
  top: -60px;
  z-index: 100;
  background: white;
  padding: 10px;
}
.skip-link:focus {
  top: 10px;
}
.masthead {
  background: linear-gradient(105deg,#07172f,#071c40 65%,#061329);
  color: white;
}
.masthead-inner {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.brand {
  font-size: 36px;
  font-weight: 950;
  letter-spacing: -1px;
  font-style: italic;
  line-height: 1.2;
  white-space: nowrap;
}
.brand>span {
  color: #3093f6;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.guide-link {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #bdcde4;
  border-radius: 4px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.menu-link {
  display: grid;
  place-items: center;
  color: #fff;
  padding: 5px;
}
.meeting-band {
  background: linear-gradient(105deg,#3b205d,#55255f 65%,#3c1645);
  color: #fff;
}
.meeting-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 62px;
}
.date-box,.venue-box {
  color: #10193d;
  font-weight: 800;
  background: #fff;
  border: 1px solid #d0bddc;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 15px;
  white-space: nowrap;
}
.venue-box {
  padding-inline: 18px;
}
.race-nav {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  min-width: 0;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #8d659c transparent;
  align-self: stretch;
  align-items: center;
}
.race-nav a {
  display: grid;
  place-items: center;
  flex: 0 0 45px;
  min-height: 40px;
  font-size: 15px;
  font-weight: 800;
  position: relative;
  background: #2a143627;
  clip-path: polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);
}
.race-nav a:hover {
  background: #815290;
}
.race-nav .active {
  color: #061333;
  background: white;
}
.page-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  border-bottom: 1px solid #e0e6ef;
  font-size: 13px;
  color: #445272;
}
.page-nav>div {
  display: flex;
  gap: 14px;
}
.page-nav a {
  display: inline-flex;
  gap: 3px;
  align-items: center;
}
.main-content {
  padding-block: 23px 40px;
  min-height: 70vh;
}
.race-heading {
  display: flex;
  align-items: center;
  gap: 24px;
}
.race-badge {
  width: 92px;
  min-height: 95px;
  background: linear-gradient(120deg,#061633,#0b214e);
  border-radius: 5px;
  color: white;
  text-align: center;
  padding: 8px 4px;
  flex-shrink: 0;
}
.race-badge>span {
  display: block;
  font-size: 16px;
  font-weight: 800;
}
.race-badge>b {
  display: block;
  font-size: 37px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 3px;
}
.race-badge small {
  font-size: 28px;
  margin-left: 1px;
}
.race-heading-title {
  flex: 1;
  min-width: 0;
}
.race-heading-title h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -.5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.race-heading-title p {
  font-size: 17px;
  margin-top: 7px;
}
.race-heading-title p strong {
  font-weight: 600;
}
.race-heading-title>small {
  display: block;
  font-size: 12px;
  color: #5d6c85;
  margin-top: 5px;
}
.grade {
  font-size: 13px;
  color: white;
  background: #5e267f;
  border-radius: 3px;
  padding: 2px 7px;
  letter-spacing: 0;
}
.rpt-badge {
  width: 87px;
  height: 93px;
  border: 1px solid #ccd7e7;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#fff,#f5f8fd);
  flex-shrink: 0;
}
.rpt-badge>span {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}
.rpt-badge>b {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 900;
}
.rpt-area {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  margin-top: 21px;
  padding-bottom: 21px;
}
.rpt-label {
  display: flex;
  align-items: center;
}
.rpt-label>strong {
  font-size: 16px;
  font-weight: 900;
}
.rpt-label>span {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-size: 12px;
  color: #55637c;
}
.rpt-label .rpt-category {
  display: none;
}
.rpt-scale {
  display: flex;
  flex: 1;
  min-width: 0;
  gap: 1px;
}
.rpt-scale>span {
  display: grid;
  place-items: center;
  flex: 1;
  min-width: 0;
  height: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  position: relative;
}
.rpt-scale>span:first-child {
  border-radius: 4px 0 0 4px;
}
.rpt-scale>span:last-child {
  border-radius: 0 4px 4px 0;
}
.rpt-scale .chosen {
  outline: 3px solid #091f45;
  outline-offset: 1px;
  border-radius: 3px;
  transform: scaleY(1.08);
  z-index: 1;
}
.snapshot {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 12px;
  color: #586986;
  margin: 10px 0 18px;
}
.snapshot svg {
  flex-shrink: 0;
}
.snapshot a {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.race-tabs {
  height: 54px !important;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  padding: 0;
  gap: 9px;
  border-radius: 0;
  background: transparent;
  margin-bottom: 18px;
}
.race-tabs [data-slot=tabs-trigger] {
  border: 1px solid #dce4ef;
  background: linear-gradient(#f8fafd,#eef2f8);
  height: 100%;
  font-size: 17px;
  font-weight: 800;
  color: #09193e;
  gap: 10px;
  border-radius: 5px;
  box-shadow: none;
}
.race-tabs [data-slot=tabs-trigger] svg {
  width: 21px;
  height: 21px;
}
.race-tabs [data-slot=tabs-trigger][data-state=active] {
  background: linear-gradient(115deg,#061733,#0e2854);
  color: white;
  border-color: #071b3c;
  box-shadow: none;
}
[data-slot=tabs-content][data-state=inactive] {
  display: none;
}
.race-overview {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.feature-panel {
  border: 1px solid #d5deed;
  border-radius: 5px;
  overflow: hidden;
  background: white;
}
.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 49px;
  padding: 10px 15px;
  background: linear-gradient(110deg,#f7f9fd,#edf2f8);
  border-bottom: 1px solid #e0e6ef;
}
.panel-heading h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
}
.panel-heading h2>svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.panel-heading>a {
  display: flex;
  gap: 3px;
  align-items: center;
  color: #0754bb;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  padding: 4px 0;
  min-height: 32px;
}
.red-count {
  color: #df2424;
  font-size: 16px;
  margin-left: 5px;
}
.course-summary-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  padding: 15px 0 10px;
}
.course-summary-grid>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
  padding: 0 12px;
  border-right: 1px solid #e2e6ed;
}
.course-summary-grid>div:last-child {
  border-right: 0;
}
.course-summary-grid svg {
  color: #087942;
  width: 32px;
  height: 32px;
  stroke-width: 2.7;
}
.course-summary-grid strong {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
}
.course-summary-note {
  color: #586886;
  font-size: 12px;
  padding: 3px 14px 11px;
}
.feature-odds-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) 105px 155px;
  background: #f7f9fc;
  min-height: 30px;
  border-bottom: 1px solid #dfe5ef;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.feature-odds-head>span {
  padding: 6px 8px;
  border-left: 1px solid #dde4ee;
}
.feature-odds-head>span:first-child {
  border: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  padding-left: 15px;
}
.featured-horse {
  display: grid;
  grid-template-columns: minmax(0,1fr) 105px 155px;
  border-bottom: 1px solid #e0e6ef;
  align-items: stretch;
  min-height: 88px;
}
.featured-horse-main {
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 12px 15px;
  min-width: 0;
}
.featured-horse-main .gate {
  width: 40px;
  height: 45px;
  font-size: 24px;
}
.featured-horse-main>div {
  min-width: 0;
}
.featured-horse-main strong {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.35;
  display: inline;
  margin-right: 9px;
  overflow-wrap: anywhere;
}
.featured-horse-main p {
  font-size: 13px;
  color: #31536c;
  margin-top: 6px;
}
.featured-horse>b,.primary-pair>b {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  font-weight: 900;
  border-left: 1px solid #dce3ee;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding: 5px;
}
.market-conditions-brief {
  padding: 9px 14px;
  background: #fffdf7;
  font-size: 12px;
  color: #75572c;
  line-height: 1.85;
}
.market-conditions-brief p+p {
  margin-top: 4px;
}
.market-conditions-brief b {
  color: #875400;
  margin-right: 4px;
}
.primary-methods {
  font-size: 14px;
  font-weight: 650;
  padding: 11px 15px;
  line-height: 1.85;
  color: #162849;
}
.primary-pair {
  display: grid;
  grid-template-columns: minmax(0,1fr) 105px 155px;
  border-bottom: 1px solid #e0e6ef;
  align-items: stretch;
}
.primary-pair>div {
  padding: 11px 15px;
  min-width: 0;
}
.pair-numbers {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 22px;
  font-weight: 800;
}
.pair-numbers small {
  font-size: 12px;
  font-weight: 600;
  color: #635471;
  margin-left: 4px;
}
.primary-pair p {
  font-size: 13px;
  color: #2c4665;
  margin-top: 5px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.panel-bottom {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 9px 14px;
  background: #f8fafc;
  font-size: 12px;
  color: #50617c;
}
.panel-bottom a {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  color: #0b56bb;
  font-size: 13px;
  font-weight: 700;
  min-height: 28px;
}
.gate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33px;
  height: 35px;
  border-radius: 3px;
  font-size: 20px;
  font-weight: 850;
  border: 1px solid transparent;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.gate-small {
  width: 25px;
  height: 27px;
  font-size: 14px;
}
.gate-1 {
  background: #fff;
  color: #111a2c;
  border-color: #858da0;
}
.gate-2 {
  background: #171920;
  color: #fff;
}
.gate-3 {
  background: #f12d35;
  color: #fff;
}
.gate-4 {
  background: #3f80ef;
  color: #fff;
}
.gate-5 {
  background: #ffcf00;
  color: #0b1730;
}
.gate-6 {
  background: #0dba4c;
  color: #fff;
}
.gate-7 {
  background: #fa9016;
  color: #141729;
}
.gate-8 {
  background: #f3419b;
  color: #fff;
}
.match-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ff7318;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.6;
  padding: 1px 9px;
  vertical-align: middle;
}
.unknown-badge {
  display: inline-flex;
  align-items: center;
  background: #eef1f6;
  color: #596681;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.6;
  padding: 1px 5px;
}
.table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #dce3ee;
}
.checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  min-height: 36px;
  color: #14274a;
}
.table-toolbar [data-slot=select-trigger],.bet-controls [data-slot=select-trigger] {
  font-size: 14px;
  background: white;
  min-height: 36px;
}
.odds-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-variant-numeric: tabular-nums;
}
.odds-table th {
  color: white;
  background: linear-gradient(110deg,#091a3c,#162950);
  font-size: 15px;
  text-align: center;
  font-weight: 800;
  border-right: 1px solid #445378;
  padding: 9px 6px;
  height: 42px;
}
.odds-table th:last-child {
  border: 0;
}
.odds-table .number-col {
  width: 64px;
}
.odds-table .win-col {
  width: 105px;
}
.odds-table .place-col {
  width: 155px;
}
.odds-table td {
  padding: 9px 8px;
  text-align: center;
  border-right: 1px solid #e0e5ee;
  border-bottom: 1px solid #d8e0eb;
  white-space: normal;
  font-size: 16px;
  line-height: 1.4;
}
.odds-table td:last-child {
  border-right: 0;
}
.odds-table tr:last-child td {
  border-bottom: 0;
}
.odds-table td:nth-child(2) {
  text-align: left;
  padding-left: 14px;
}
.odds-table tbody tr {
  background: #fff;
}
.odds-table tbody tr:hover {
  background: #f3f7fd;
}
.odds-table tbody .matched-row {
  background: #fff5d9;
}
.odds-table tbody .matched-row:hover {
  background: #ffedbf;
}
.runner-title {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.runner-title strong {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.runner-indices {
  font-size: 12px;
  line-height: 1.6;
  color: #3c5a75;
  margin-top: 3px;
}
.runner-indices b {
  font-weight: 700;
}
.runner-indices>span {
  color: #61718c;
  margin-left: 4px;
}
.runner-indices i {
  font-style: normal;
  color: #bbc6d4;
  margin: 0 4px;
}
.odds-value,.place-value {
  font-size: 17px;
  font-weight: 750;
  white-space: nowrap;
}
.matched-row .odds-value,.matched-row .place-value {
  font-weight: 900;
}
.popularity {
  display: block;
  font-size: 12px;
  color: #697995;
  margin-top: 2px;
}
.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 26px 0 14px;
}
.section-heading:first-child {
  margin-top: 0;
}
.section-heading h2 {
  font-size: 20px;
  font-weight: 850;
  border-left: 4px solid #0b1c43;
  padding-left: 11px;
  line-height: 1.3;
}
.muted {
  font-size: 13px;
  font-weight: 500;
  color: #617089;
}
.small-note {
  font-size: 13px;
  color: #536581;
  line-height: 1.85;
  margin: 12px 0;
}
.inline-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: #f1f5fa;
  border: 1px solid #dce4f0;
  border-radius: 4px;
  padding: 12px 14px;
  margin: 17px 0;
  color: #526681;
  font-size: 13px;
  line-height: 1.85;
}
.inline-note svg {
  flex-shrink: 0;
  margin-top: 4px;
}
.inline-note a {
  color: #095abc;
  text-decoration: underline;
  margin-left: 7px;
}
.condition-list {
  border: 1px solid #d9e1ee;
  background: #fff;
  border-radius: 4px;
  padding-inline: 16px;
}
.condition-heading {
  display: flex;
  gap: 9px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
}
.condition-heading>span:last-child {
  font-size: 12px;
  color: #735538;
}
.condition-list [data-slot=accordion-trigger] {
  min-height: 52px;
}
.market-condition {
  background: #fff8e9;
  border-left: 3px solid #eea234;
  padding: 11px 14px;
  margin: 6px 0 13px;
  font-size: 14px;
  color: #6b4b1b;
}
.market-condition b {
  font-size: 13px;
  color: #936121;
}
.market-condition p {
  margin-top: 4px;
}
.rule-row {
  padding: 15px 0;
  border-top: 1px solid #dce4ee;
}
.rule-row>small {
  font-size: 12px;
  color: #738198;
}
.rule-row>p {
  font-size: 15px;
  font-weight: 700;
  margin: 4px 0 9px;
}
.rule-row>div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  font-size: 13px;
  color: #3c5a77;
}
.rule-row .rule-years {
  font-size: 12px;
  font-weight: 400;
  color: #657994;
}
.analysis-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #dce4ef;
  border-radius: 4px;
}
.analysis-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 17px 12px;
  font-size: 16px;
  font-weight: 800;
}
.analysis-links a+button {
  border-left: 1px solid #dce4ef;
}
.analysis-links a>svg:first-child {
  width: 22px;
}
.overview-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}
.overview-heading h1 {
  font-size: 25px;
  font-weight: 900;
  line-height: 1.4;
}
.overview-heading>span {
  font-size: 13px;
  color: #435777;
  white-space: nowrap;
}
.overview-counts {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  padding: 10px 14px;
  background: #f3f6fa;
  border: 1px solid #dce4ee;
  border-radius: 4px;
}
.overview-counts strong {
  color: #e14d13;
  font-size: 16px;
}
.overview-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 15px 0;
}
.surface-tabs {
  height: 38px !important;
  background: #eff3f9;
  border: 1px solid #dce4ee;
  padding: 3px;
  border-radius: 4px;
}
.surface-tabs [data-slot=tabs-trigger] {
  min-width: 56px;
  font-size: 14px;
  font-weight: 700;
  padding-inline: 11px;
}
.surface-tabs [data-slot=tabs-trigger][data-state=active] {
  background: #0a1f46;
  color: white;
  box-shadow: none;
}
.search-box {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 260px;
  flex: 1;
  min-width: 180px;
}
.search-box svg {
  position: absolute;
  left: 10px;
  color: #647b95;
}
.search-box input {
  height: 38px;
  padding-left: 33px;
  font-size: 14px;
}
.race-jump {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #dde4ef;
  border-bottom: 1px solid #dde4ef;
  padding: 11px 0;
  margin: 14px 0 22px;
}
.race-jump>span {
  font-size: 13px;
  color: #536988;
  margin-right: 5px;
}
.race-jump a {
  font-size: 14px;
  font-weight: 750;
  color: #0954a5;
  background: #f3f6fb;
  border: 1px solid #d8e1ee;
  border-radius: 3px;
  padding: 4px 9px;
}
.all-races-odds {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.overview-race {
  border: 1px solid #cfd9e8;
  border-radius: 5px;
  overflow: hidden;
  scroll-margin-top: 16px;
}
.overview-race-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #f4f7fc;
  padding: 13px 15px;
  border-bottom: 1px solid #dce3ef;
}
.mini-race-number {
  background: #081c42;
  color: white;
  width: 50px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  font-weight: 900;
  border-radius: 3px;
  flex-shrink: 0;
}
.mini-race-number small {
  font-size: 17px;
  margin-left: 2px;
}
.overview-race-heading>div:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.overview-race-heading h2 {
  font-size: 19px;
  font-weight: 850;
  line-height: 1.4;
}
.overview-race-heading p {
  font-size: 13px;
  color: #475c7c;
  margin-top: 5px;
}
.mini-rpt {
  border: 1px solid #cad6e7;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  padding: 6px 12px;
  background: #fff;
}
.mini-rpt b {
  display: block;
  font-size: 23px;
  font-weight: 900;
  margin-top: 1px;
}
.overview-race-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 9px 15px;
  font-size: 13px;
}
.overview-race-meta>strong {
  color: #da4813;
}
.overview-race-meta a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #145aa9;
}
.race-detail-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px;
  background: #f4f7fb;
  color: #0d56a6;
  font-size: 14px;
  font-weight: 700;
  border-top: 1px solid #dce4ef;
}
.bet-explanation {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 7px;
  padding: 13px 15px;
  border: 1px solid #dce4ee;
  background: #f7f9fd;
  border-radius: 4px;
  margin: 15px 0;
  font-size: 14px;
}
.bet-explanation>b {
  background: #452064;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  align-self: start;
}
.bet-controls {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin: 16px 0;
}
.bets-count {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0 15px;
}
.bets-count>b {
  font-size: 28px;
  font-weight: 900;
}
.bets-count b>small {
  font-size: 15px;
  margin-left: 3px;
}
.bets-count>span {
  font-size: 13px;
  color: #566982;
}
.bet-list {
  border: 1px solid #d1dcec;
  border-radius: 4px;
  overflow: hidden;
}
.bet-row {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #dce4ef;
  padding: 15px;
}
.bet-row:last-child {
  border: 0;
}
.bet-row.selected {
  background: #f3edff;
}
.bet-pair {
  flex: 1;
  min-width: 0;
}
.bet-pair>div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bet-pair small {
  font-size: 12px;
  color: #634477;
  border: 1px solid #dcccdf;
  border-radius: 3px;
  padding: 0 5px;
}
.bet-pair p {
  font-size: 13px;
  color: #49617f;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
.bet-price {
  text-align: right;
  white-space: nowrap;
}
.bet-price strong {
  display: block;
  font-size: 24px;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  font-weight: 850;
}
.bet-price small {
  display: block;
  font-size: 12px;
  color: #647897;
  margin-top: 5px;
}
.selection-bar {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
  background: #f1f5fb;
  border: 1px solid #d4dfed;
  border-radius: 4px;
  margin: 17px 0 9px;
  font-size: 14px;
}
.selection-bar>span {
  flex: 1;
}
.selection-bar button {
  font-size: 14px;
}
.selection-details {
  font-size: 13px;
  color: #445b7d;
}
.selection-details summary {
  padding: 5px;
}
.selection-details pre {
  white-space: pre-wrap;
  background: #f7f9fd;
  padding: 13px;
  border: 1px solid #dce4ee;
  margin-top: 6px;
}
.copy-status {
  font-size: 14px;
  color: #057741;
  margin: 10px 0;
}
.metric-table {
  border: 1px solid #d2ddea;
  border-radius: 4px;
  overflow: hidden;
  background: white;
}
.metric-table th {
  background: #edf2f8;
  color: #112947;
  font-size: 14px;
  font-weight: 800;
  text-align: right;
  padding: 9px;
  height: 42px;
}
.metric-table th:first-child {
  text-align: left;
}
.metric-table td {
  font-size: 15px;
  text-align: right;
  padding: 11px 9px;
  border-right: 1px solid #e0e6ef;
  font-variant-numeric: tabular-nums;
}
.metric-table td:first-child {
  text-align: left;
}
.metric-table td:first-child>b {
  margin-right: 4px;
}
.roi-good {
  color: #076437;
  font-weight: 800;
  background: #f1faf4;
}
.cell-note {
  display: block;
  font-size: 12px;
  color: #5a708b;
  margin-top: 3px;
}
.source-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 16px 0;
}
.source-links a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #1a5cae;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.workout-list {
  border: 1px solid #d6dfed;
  border-radius: 4px;
  padding-inline: 16px;
}
.workout-heading>div {
  display: flex;
  gap: 9px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
}
.workout-heading>p {
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
  color: #4c6481;
  padding-left: 34px;
}
.workout-row {
  padding: 14px 8px;
  border-bottom: 1px solid #dfe6ef;
}
.workout-row>div {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #496786;
}
.workout-row p {
  font-size: 14px;
  color: #345572;
  margin-top: 6px;
}
.workout-row .workout-times {
  font-size: 17px;
  font-weight: 750;
  color: #142e4f;
  font-variant-numeric: tabular-nums;
}
.workout-row small {
  font-size: 12px;
  color: #5c7691;
}
.course-chip {
  background: #e6f5ea;
  color: #146836;
  font-size: 14px;
  padding: 4px 9px;
  border-radius: 3px;
}
.course-overview {
  border: 1px solid #d1dcec;
  background: #fff;
  border-radius: 4px;
  padding: 22px;
}
.course-big {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 17px;
}
.course-big>svg {
  color: #087943;
}
.course-big>div>span {
  font-size: 12px;
  letter-spacing: .06em;
  color: #466d57;
}
.course-big h3 {
  font-size: 21px;
  font-weight: 800;
  margin-top: 4px;
}
.course-big p {
  font-size: 14px;
  color: #4e677c;
  margin-top: 6px;
}
.course-big p b {
  font-size: 18px;
  color: #093d27;
}
.course-overview>p {
  border-top: 1px solid #dfe6ed;
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.9;
  color: #2f4c69;
}
.course-facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 16px;
}
.course-facts>div {
  border: 1px solid #cbded3;
  background: #f5fbf6;
  border-radius: 4px;
  padding: 19px;
}
.course-facts svg {
  color: #087443;
  margin-bottom: 9px;
}
.course-facts h3 {
  font-size: 17px;
  font-weight: 800;
  color: #123d27;
}
.course-facts p {
  font-size: 15px;
  margin-top: 8px;
  line-height: 1.9;
  color: #385d4a;
}
.pace-note {
  border-left: 3px solid #44795b;
  padding: 6px 0 6px 14px;
  margin: 19px 0;
  color: #315846;
}
.pace-note b {
  font-size: 14px;
}
.pace-note p {
  font-size: 15px;
  margin-top: 5px;
  line-height: 1.9;
}
.style-lineup {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 1px;
  background: #d3dfeb;
  border: 1px solid #d3dfeb;
  border-radius: 4px;
  overflow: hidden;
}
.style-lineup>div {
  text-align: center;
  background: white;
  padding: 14px 5px;
}
.style-lineup>div>span {
  font-size: 14px;
  color: #1c3a5a;
}
.style-lineup b {
  display: block;
  font-size: 28px;
  font-weight: 800;
  margin: 5px 0 11px;
}
.style-lineup b small {
  font-size: 12px;
  font-weight: 500;
  margin-left: 4px;
}
.style-lineup>div>div {
  display: flex;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.period-caption {
  font-size: 13px;
  color: #47607c;
  margin: 12px 0 20px;
}
.subheading {
  font-size: 17px;
  font-weight: 800;
  margin: 22px 0 11px;
}
.subheading>span {
  font-size: 13px;
  font-weight: 500;
  color: #526d85;
  margin-left: 10px;
}
.stat-rate {
  width: 100%;
  max-width: 160px;
  min-width: 75px;
  display: inline-block;
}
.stat-rate b {
  font-size: 15px;
  font-weight: 750;
}
.result-bar {
  display: flex;
  background: #dfe3e9;
  height: 8px;
  width: 100%;
  margin-top: 6px;
  overflow: hidden;
}
.result-bar i {
  background: #ff6e24;
}
.result-bar i:nth-child(2) {
  background: #ffca23;
}
.result-bar i:nth-child(3) {
  background: #20a2f6;
}
.bar-legend {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 9px 11px;
  font-size: 12px;
  color: #4a5c79;
  border-top: 1px solid #dbe4ed;
}
.bar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.bar-legend i {
  width: 7px;
  height: 7px;
  background: #ff6e24;
}
.bar-legend span:nth-child(2) i {
  background: #ffca23;
}
.bar-legend span:nth-child(3) i {
  background: #20a2f6;
}
.bar-legend span:last-child {
  margin-left: auto;
}
.small-sample {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #93611d;
}
.guide-page {
  max-width: 780px;
  margin: auto;
}
.page-kicker {
  font-size: 13px;
  color: #526c8c;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
.guide-page h1 {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.5;
}
.guide-page p,.guide-page li {
  font-size: 16px;
  color: #2e4969;
  line-height: 1.95;
  margin: 12px 0;
}
.guide-lead {
  margin-bottom: 30px !important;
}
.guide-page ul {
  padding-left: 23px;
  list-style: disc;
}
.guide-page .section-heading {
  margin-top: 32px;
}
.guide-bottom {
  margin-top: 30px;
  border-top: 1px solid #dbe3ee;
  padding-top: 22px;
}
.text-link {
  color: #0c58b2;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.empty-state {
  padding: 35px 15px;
  text-align: center;
  color: #465e7b;
  font-size: 16px;
}
.empty-state h1 {
  font-size: 24px;
  font-weight: 800;
}
.empty-state p {
  margin: 15px 0;
}
.empty-state button {
  display: block;
  margin: 14px auto;
}
.site-footer {
  background: linear-gradient(115deg,#0e1f41,#061333);
  color: #fff;
}
.footer-inner {
  padding-block: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 24px;
  font-size: 14px;
}
.footer-inner small {
  display: block;
  flex-basis: 100%;
  text-align: center;
  font-size: 12px;
  color: #bdcde1;
}
@media (max-width:700px) {
  .site-width {
    padding-inline: 12px;
  }
  .masthead-inner {
    height: 64px;
    padding-inline: 16px;
  }
  .brand {
    font-size: 27px;
    letter-spacing: -1px;
  }
  .header-right {
    gap: 12px;
  }
  .guide-link {
    font-size: 12px;
    padding: 7px 9px;
    gap: 5px;
  }
  .guide-link svg {
    display: none;
  }
  .menu-link {
    padding: 2px;
  }
  .menu-link svg {
    width: 25px;
    height: 25px;
  }
  .meeting-inner {
    height: 55px;
    gap: 7px;
    padding-inline: 10px;
  }
  .date-box,.venue-box {
    font-size: 14px;
    padding: 6px 9px;
    border-radius: 3px;
  }
  .venue-box {
    padding-inline: 10px;
  }
  .race-nav a {
    flex-basis: 43px;
    min-height: 37px;
    font-size: 14px;
  }
  .race-nav {
    scrollbar-width: none;
  }
  .page-nav {
    min-height: 35px;
    font-size: 12px;
  }
  .main-content {
    padding-block: 16px 30px;
  }
  .race-heading {
    gap: 11px;
  }
  .race-badge {
    width: 62px;
    min-height: 77px;
    border-radius: 4px;
    padding: 8px 2px;
  }
  .race-badge>span {
    font-size: 13px;
  }
  .race-badge>b {
    font-size: 30px;
    margin-top: 4px;
  }
  .race-badge small {
    font-size: 20px;
  }
  .race-heading-title h1 {
    font-size: 22px;
    letter-spacing: -.5px;
    line-height: 1.3;
    gap: 4px;
    flex-wrap: wrap;
  }
  .race-heading-title p {
    font-size: 12px;
    margin-top: 7px;
    line-height: 1.7;
  }
  .race-heading-title>small {
    font-size: 12px;
    margin-top: 3px;
    line-height: 1.5;
  }
  .rpt-badge {
    width: 55px;
    height: 73px;
    align-self: flex-start;
  }
  .rpt-badge>span {
    font-size: 14px;
  }
  .rpt-badge>b {
    font-size: 34px;
  }
  .grade {
    font-size: 12px;
    padding: 1px 5px;
  }
  .rpt-area {
    margin-top: 17px;
    gap: 9px;
    padding-bottom: 20px;
  }
  .rpt-label>strong {
    font-size: 14px;
  }
  .rpt-scale>span {
    height: 25px;
    font-size: 12px;
  }
  .rpt-scale .chosen {
    outline-width: 2px;
  }
  .rpt-label>span {
    font-size: 12px;
    bottom: -2px;
  }
  .snapshot {
    font-size: 12px;
    gap: 5px;
    margin: 9px 0 13px;
    line-height: 1.5;
    flex-wrap: wrap;
  }
  .snapshot svg {
    width: 13px;
    height: 13px;
  }
  .snapshot-extra {
    font-size: 12px;
  }
  .race-tabs {
    height: 44px !important;
    gap: 5px;
    margin-bottom: 12px;
  }
  .race-tabs [data-slot=tabs-trigger] {
    font-size: 14px;
    gap: 5px;
    padding: 6px 4px;
    border-radius: 4px;
  }
  .race-tabs [data-slot=tabs-trigger] svg {
    width: 17px;
    height: 17px;
  }
  .race-overview {
    gap: 14px;
  }
  .feature-panel {
    border-radius: 4px;
  }
  .panel-heading {
    min-height: 43px;
    padding: 8px 10px;
    gap: 6px;
  }
  .panel-heading h2 {
    font-size: 17px;
    gap: 7px;
  }
  .panel-heading h2>svg {
    width: 21px;
    height: 21px;
  }
  .panel-heading>a {
    font-size: 12px;
    gap: 0;
    min-height: 28px;
  }
  .panel-heading>a svg {
    width: 14px;
  }
  .red-count {
    font-size: 14px;
    margin-left: 0;
  }
  .course-summary-grid {
    padding: 11px 0 7px;
  }
  .course-summary-grid>div {
    padding: 0 5px;
    gap: 7px;
  }
  .course-summary-grid svg {
    width: 26px;
    height: 26px;
  }
  .course-summary-grid strong {
    font-size: 13px;
    line-height: 1.65;
    font-weight: 800;
  }
  .course-summary-note {
    font-size: 12px;
    line-height: 1.6;
    padding: 5px 10px 9px;
  }
  .feature-odds-head,.featured-horse,.primary-pair {
    grid-template-columns: minmax(0,1fr) 60px 94px;
  }
  .feature-odds-head {
    font-size: 13px;
    min-height: 28px;
  }
  .feature-odds-head>span {
    padding: 5px 3px;
  }
  .feature-odds-head>span:first-child {
    font-size: 12px;
    padding-left: 9px;
    line-height: 1.5;
  }
  .featured-horse {
    min-height: 84px;
  }
  .featured-horse-main {
    padding: 10px 7px;
    gap: 7px;
    align-items: flex-start;
  }
  .featured-horse-main .gate {
    width: 29px;
    height: 36px;
    font-size: 21px;
    margin-top: 2px;
  }
  .featured-horse-main strong {
    font-size: 16px;
    margin-right: 5px;
    display: block;
    line-height: 1.5;
  }
  .featured-horse-main .match-badge {
    font-size: 12px;
    margin-top: 3px;
    padding-inline: 8px;
  }
  .featured-horse-main p {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 4px;
  }
  .featured-horse>b,.primary-pair>b {
    font-size: 17px;
    line-height: 1.5;
    padding: 5px 2px;
  }
  .market-conditions-brief {
    font-size: 12px;
    padding: 8px 9px;
    line-height: 1.7;
  }
  .primary-methods {
    font-size: 13px;
    padding: 9px 10px;
  }
  .primary-pair>div {
    padding: 10px 9px;
  }
  .pair-numbers {
    gap: 7px;
    font-size: 20px;
    flex-wrap: wrap;
  }
  .pair-numbers .gate {
    width: 29px;
    height: 32px;
    font-size: 19px;
  }
  .pair-numbers small {
    font-size: 12px;
    margin-left: 0;
  }
  .primary-pair p {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: -.25px;
  }
  .panel-bottom {
    padding: 8px 9px;
    gap: 6px;
    font-size: 12px;
    flex-wrap: wrap;
  }
  .panel-bottom a {
    font-size: 12px;
    margin-left: auto;
  }
  .gate {
    width: 29px;
    height: 31px;
    font-size: 19px;
  }
  .gate-small {
    width: 25px;
    height: 27px;
    font-size: 14px;
  }
  .match-badge {
    font-size: 12px;
    padding: 0 8px;
  }
  .unknown-badge {
    font-size: 12px;
    padding: 0 3px;
  }
  .table-toolbar {
    padding: 8px 9px;
    gap: 7px;
  }
  .checkbox-label {
    font-size: 14px;
    gap: 7px;
  }
  .table-toolbar [data-slot=select-trigger] {
    font-size: 13px;
    min-height: 34px;
    height: 34px;
    padding-inline: 9px;
  }
  .odds-table .number-col {
    width: 44px;
  }
  .odds-table .win-col {
    width: 57px;
  }
  .odds-table .place-col {
    width: 89px;
  }
  .odds-table th {
    font-size: 14px;
    height: 37px;
    padding: 7px 3px;
  }
  .odds-table td {
    font-size: 14px;
    padding: 9px 4px;
  }
  .odds-table td:nth-child(2) {
    padding-left: 8px;
    padding-right: 5px;
  }
  .runner-title {
    gap: 3px 6px;
  }
  .runner-title strong {
    font-size: 14px;
    letter-spacing: -.35px;
    line-height: 1.6;
  }
  .runner-title .match-badge {
    padding-inline: 6px;
  }
  .runner-indices {
    font-size: 12px;
    line-height: 1.7;
    margin-top: 4px;
    letter-spacing: -.2px;
  }
  .runner-indices>span {
    margin-left: 3px;
  }
  .runner-indices i {
    margin: 0 1px;
  }
  .odds-value,.place-value {
    font-size: 14px;
    font-weight: 800;
  }
  .popularity {
    font-size: 12px;
    margin-top: 4px;
  }
  .section-heading {
    margin: 24px 0 13px;
  }
  .section-heading h2 {
    font-size: 18px;
    padding-left: 9px;
    border-left-width: 3px;
  }
  .condition-list {
    padding-inline: 10px;
  }
  .condition-heading {
    font-size: 14px;
    gap: 7px;
  }
  .condition-heading>span:last-child {
    font-size: 12px;
  }
  .inline-note {
    font-size: 13px;
    padding: 11px 10px;
    gap: 7px;
  }
  .small-note {
    font-size: 13px;
  }
  .rule-row>p {
    font-size: 14px;
  }
  .rule-row>div {
    font-size: 13px;
    gap: 6px 10px;
  }
  .rule-row .rule-years {
    line-height: 1.9;
  }
  .analysis-links a {
    font-size: 14px;
    gap: 8px;
    padding: 15px 8px;
  }
  .analysis-links svg {
    width: 18px;
  }
  .overview-heading {
    display: block;
    margin-bottom: 10px;
  }
  .overview-heading h1 {
    font-size: 22px;
  }
  .overview-heading>span {
    display: block;
    font-size: 12px;
    margin-top: 5px;
  }
  .overview-counts {
    font-size: 13px;
    gap: 5px 14px;
    padding: 8px 10px;
    line-height: 1.7;
  }
  .overview-counts strong {
    font-size: 14px;
  }
  .overview-controls {
    gap: 10px 8px;
    margin: 12px 0;
  }
  .surface-tabs [data-slot=tabs-trigger] {
    font-size: 14px;
    min-width: 43px;
    padding-inline: 8px;
  }
  .surface-tabs {
    height: 36px !important;
  }
  .search-box {
    max-width: none;
    min-width: 100%;
    flex-basis: 100%;
  }
  .search-box input {
    font-size: 14px;
    height: 38px;
  }
  .race-jump {
    gap: 5px;
    padding: 10px 0;
    margin: 11px 0 17px;
  }
  .race-jump>span {
    width: 100%;
    font-size: 12px;
    margin-bottom: 3px;
  }
  .race-jump a {
    flex: 1 0 13%;
    text-align: center;
    font-size: 14px;
    padding: 4px 6px;
  }
  .all-races-odds {
    gap: 23px;
  }
  .overview-race-heading {
    gap: 9px;
    padding: 11px 9px;
  }
  .mini-race-number {
    width: 43px;
    height: 48px;
    font-size: 25px;
  }
  .mini-race-number small {
    font-size: 16px;
  }
  .overview-race-heading h2 {
    font-size: 17px;
  }
  .overview-race-heading p {
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.6;
  }
  .overview-race-heading>svg {
    width: 15px;
  }
  .mini-rpt {
    font-size: 12px;
    padding: 5px 7px;
  }
  .mini-rpt b {
    font-size: 23px;
  }
  .overview-race-meta {
    font-size: 12px;
    padding: 8px 10px;
    gap: 7px;
  }
  .overview-race-meta>strong {
    font-size: 13px;
  }
  .overview-race-meta a {
    gap: 1px;
  }
  .race-detail-link {
    font-size: 13px;
    padding: 11px 8px;
    gap: 2px;
  }
  .bet-explanation {
    font-size: 14px;
    padding: 11px;
    gap: 7px;
  }
  .bet-controls {
    gap: 9px;
  }
  .bet-controls [data-slot=select-trigger] {
    font-size: 13px;
    padding-inline: 9px;
    min-width: 155px;
  }
  .bets-count {
    gap: 10px;
  }
  .bets-count>b {
    font-size: 27px;
  }
  .bets-count>span {
    font-size: 12px;
  }
  .bet-row {
    padding: 12px 10px;
    gap: 10px;
  }
  .bet-pair>div {
    gap: 8px;
  }
  .bet-pair p {
    font-size: 12px;
  }
  .bet-price strong {
    font-size: 20px;
  }
  .bet-price small {
    font-size: 12px;
  }
  .selection-bar {
    padding: 10px;
    gap: 6px;
    font-size: 13px;
  }
  .selection-bar button {
    font-size: 13px;
    padding-inline: 8px;
  }
  .metric-table th {
    font-size: 12px;
    padding: 8px 5px;
  }
  .metric-table td {
    font-size: 13px;
    padding: 10px 6px;
    white-space: normal;
  }
  .metric-table td:first-child {
    max-width: 125px;
  }
  .source-links {
    gap: 10px;
  }
  .source-links a {
    font-size: 13px;
  }
  .workout-list {
    padding-inline: 11px;
  }
  .workout-heading>div {
    font-size: 14px;
    gap: 7px;
  }
  .workout-heading>p {
    font-size: 13px;
    padding-left: 32px;
  }
  .workout-row {
    padding: 12px 4px;
  }
  .workout-row>div {
    font-size: 13px;
    gap: 8px;
  }
  .workout-row .workout-times {
    font-size: 15px;
  }
  .course-overview {
    padding: 17px 13px;
  }
  .course-big {
    gap: 12px;
  }
  .course-big h3 {
    font-size: 18px;
  }
  .course-big p {
    font-size: 13px;
  }
  .course-overview>p {
    font-size: 15px;
  }
  .course-facts {
    gap: 10px;
  }
  .course-facts>div {
    padding: 15px 11px;
  }
  .course-facts h3 {
    font-size: 16px;
  }
  .course-facts p {
    font-size: 14px;
  }
  .pace-note p {
    font-size: 14px;
  }
  .style-lineup>div {
    padding: 12px 3px;
  }
  .style-lineup>div>span {
    font-size: 13px;
  }
  .style-lineup b {
    font-size: 25px;
  }
  .style-lineup .gate-small {
    width: 23px;
    height: 25px;
    font-size: 14px;
  }
  .style-lineup b small {
    font-size: 12px;
    margin-left: 2px;
  }
  .subheading {
    font-size: 16px;
  }
  .stat-rate {
    min-width: 61px;
  }
  .stat-rate b {
    font-size: 13px;
  }
  .bar-legend {
    font-size: 12px;
    gap: 9px;
    padding: 8px;
  }
  .bar-legend span:last-child {
    font-size: 12px;
  }
  .guide-page h1 {
    font-size: 24px;
  }
  .guide-page p,.guide-page li {
    font-size: 15px;
  }
  .guide-page .section-heading h2 {
    font-size: 18px;
  }
  .footer-inner {
    font-size: 13px;
    gap: 12px 17px;
    padding-block: 24px;
  }
}
@media (max-width:359px) {
  .site-width {
    padding-inline: 9px;
  }
  .brand {
    font-size: 24px;
  }
  .header-right {
    gap: 8px;
  }
  .guide-link {
    font-size: 12px;
    padding-inline: 7px;
  }
  .race-heading {
    gap: 8px;
  }
  .race-badge {
    width: 54px;
  }
  .rpt-badge {
    width: 49px;
  }
  .race-heading-title h1 {
    font-size: 20px;
  }
  .race-tabs [data-slot=tabs-trigger] {
    font-size: 13px;
    gap: 3px;
  }
  .feature-odds-head,.featured-horse,.primary-pair {
    grid-template-columns: minmax(0,1fr) 53px 84px;
  }
  .featured-horse>b,.primary-pair>b {
    font-size: 15px;
  }
  .odds-table .place-col {
    width: 81px;
  }
  .odds-table .win-col {
    width: 53px;
  }
  .odds-table .number-col {
    width: 39px;
  }
  .runner-title strong {
    font-size: 14px;
    letter-spacing: -.5px;
  }
  .place-value {
    font-size: 13px;
  }
  .panel-heading h2 {
    font-size: 16px;
  }
  .panel-heading>a {
    font-size: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
.expand-horses {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 10px;
  border-top: 1px solid #d5deeb;
  background: linear-gradient(#f6f8fc,#edf2f8);
  font-size: 14px;
  color: #102951;
}
.rotate-down {
  transform: rotate(90deg);
}
.rotate-up {
  transform: rotate(-90deg);
}
.brand {
  background: linear-gradient(100deg,#61a9ff 0%,#7a8fea 22%,#fa655e 45%,#f7b729 65%,#62c261 91%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.brand>span {
  color: inherit;
}
.race-tabs {
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.race-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.horse-name-link {
  text-decoration: underline;
  text-decoration-color: #a7b7d0;
  text-underline-offset: 4px;
}
.horse-name-link:hover {
  color: #0754bb;
}
.runner-connections {
  display: block;
  color: #536581;
  font-size: 12px;
  margin-top: 3px;
  white-space: normal;
}
.horse-breadcrumb {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #415f91;
  font-size: 14px;
  margin: 0 0 18px;
  flex-wrap: wrap;
}
.horse-breadcrumb a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.horse-detail-heading {
  display: flex;
  gap: 13px;
  align-items: center;
  margin: 15px 0;
}
.horse-detail-heading>.gate {
  width: 47px;
  height: 55px;
  font-size: 28px;
}
.horse-detail-heading h1 {
  font-size: 29px;
  font-weight: 900;
  line-height: 1.4;
}
.horse-detail-heading p {
  color: #56657d;
  font-size: 13px;
}
.horse-summary-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid #d5deed;
  border-radius: 4px;
  overflow: hidden;
  margin: 18px 0;
}
.horse-summary-grid>div {
  padding: 12px 8px;
  text-align: center;
  border-right: 1px solid #d5deed;
  background: #f6f8fc;
}
.horse-summary-grid>div:last-child {
  border: 0;
}
.horse-summary-grid dt {
  color: #4c6080;
  font-size: 13px;
}
.horse-summary-grid dd {
  font-size: 22px;
  font-weight: 900;
}
.horse-summary-grid small {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #536581;
}
.horse-profile {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 20px;
  margin: 15px 0 20px;
}
.horse-profile>div {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #e0e6ef;
}
.horse-profile dt {
  color: #536581;
  font-size: 14px;
  min-width: 55px;
}
.horse-profile dd {
  font-weight: 700;
}
.horse-verdict {
  padding: 16px;
  background: #fffaf0;
  border: 1px solid #ecdbbb;
  border-left: 4px solid #dba343;
  border-radius: 3px;
}
.horse-verdict h2 {
  font-weight: 800;
  margin-bottom: 6px;
}
.horse-verdict p {
  font-size: 14px;
}
.horse-detail-links {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-top: 15px;
  border-top: 1px solid #d5deed;
  color: #0754bb;
  font-size: 14px;
}
.horse-workout {
  border: 1px solid #d5deed;
  border-radius: 4px;
  padding: 0 14px;
}
@media (max-width:700px) {
  .brand {
    font-size: 25px;
    letter-spacing: -1.5px;
  }
  .header-right {
    gap: 8px;
  }
  .masthead-inner {
    gap: 8px;
  }
  .race-tabs {
    gap: 4px;
  }
  .race-tabs [data-slot=tabs-trigger] {
    gap: 3px;
    font-size: 13px;
  }
  .race-tabs [data-slot=tabs-trigger] svg {
    width: 15px;
    height: 15px;
  }
  .horse-detail-heading h1 {
    font-size: 23px;
  }
  .horse-summary-grid dd {
    font-size: 18px;
  }
  .horse-summary-grid>div {
    padding-inline: 3px;
  }
  .horse-profile {
    gap: 0 12px;
  }
  .horse-profile dd {
    font-size: 14px;
  }
  .horse-detail-heading>.gate {
    width: 40px;
    height: 48px;
  }
}
@media (max-width:359px) {
  .brand {
    font-size: 22px;
  }
  .header-right {
    gap: 6px;
  }
  .guide-link {
    padding-inline: 5px;
  }
  .race-tabs [data-slot=tabs-trigger] {
    gap: 2px;
    font-size: 12px;
  }
  .race-tabs [data-slot=tabs-trigger] svg {
    width: 13px;
  }
  .horse-profile {
    grid-template-columns: 1fr;
  }
}
:root {
  --ai: #008982;
  --ai-dark: #00665f;
  --ai-tint: #ecfaf8;
}
.ai-badge,.ai-reference-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 750;
  white-space: nowrap;
  vertical-align: middle;
}
.ai-badge {
  background: var(--ai-dark);
  color: #fff;
}
.ai-reference-badge {
  background: #f0f3f8;
  color: #465371;
  border: 1px dashed #73819c;
}
.ai-count {
  color: var(--ai-dark) !important;
}
.race-match-counts {
  display: flex;
  gap: 6px 13px;
  flex-wrap: wrap;
  align-items: center;
}
.race-match-counts>span {
  color: #566580;
}
.odds-table tr.ai-matched-row>td {
  background: #eefaf9;
}
.odds-table tr.ai-matched-row>td:first-child {
  box-shadow: inset 3px 0 var(--ai);
}
.odds-table tr.ai-matched-row.matched-row>td:nth-child(2) {
  background: linear-gradient(90deg,#eefaf9 65%,#fff5e8);
}
.runner-ai-line {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #59677d;
  font-size: 13px;
  line-height: 1.65;
  margin-top: 3px;
}
.ai-mark-inline {
  color: #0b234c;
}
.ai-mark-inline b {
  font-size: 19px;
  vertical-align: middle;
  line-height: 1.25;
}
.ai-row-reason {
  font-size: 13px;
  color: var(--ai-dark);
  margin-top: 3px;
  line-height: 1.65;
  white-space: normal;
}
.ai-row-reason>span {
  display: block;
  color: #626d80;
  font-size: 12px;
}
.signal-legend {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  flex-wrap: wrap;
  font-size: 14px;
  margin: 12px 0;
}
.signal-legend>span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.signal-legend i {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.legend-ai {
  background: var(--ai);
}
.legend-training {
  background: #f87417;
}
.signal-legend>a {
  color: #1455a7;
  margin-left: auto;
  font-weight: 650;
}
.condition-filter-tabs {
  display: flex;
  min-height: 40px;
  height: auto !important;
  padding: 3px;
  background: #edf3f8;
  gap: 3px;
}
.condition-filter-tabs [data-slot=tabs-trigger] {
  font-size: 14px;
  padding: 7px 11px;
  min-height: 36px;
  border-radius: 4px;
}
.condition-filter-tabs [data-slot=tabs-trigger][data-state=active] {
  background: #071d42;
  color: white;
}
.overview-controls {
  flex-wrap: wrap;
}
.overview-race-meta {
  flex-wrap: wrap;
}
.overview-race-meta>a {
  margin-left: auto;
}
.ai-panel {
  border: 1px solid #9dccc8;
  background: white;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
.ai-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 15px;
  background: linear-gradient(100deg,#e7f8f5,#f5fbfd);
  border-bottom: 1px solid #b8ddd9;
}
.ai-panel-heading h2 {
  font-size: 20px;
  font-weight: 850;
  display: flex;
  gap: 10px;
  align-items: center;
}
.ai-panel-heading h2>span {
  font-size: 16px;
  color: var(--ai-dark);
}
.ai-panel-heading>a {
  font-size: 14px;
  color: #1557a6;
  display: flex;
  align-items: center;
  font-weight: 650;
  white-space: nowrap;
}
.ai-horse-card {
  padding: 16px;
  border: 1px solid #a8d6d2;
  border-radius: 4px;
  margin: 12px;
  background: #fff;
}
.ai-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-card-title>a {
  font-size: 20px;
  font-weight: 850;
  line-height: 1.5;
  min-width: 0;
}
.ai-mark {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dce4ee;
  background: #f7f9fc;
  padding: 3px 10px;
  font-size: 14px;
  white-space: nowrap;
}
.ai-mark>b {
  font-size: 26px;
  line-height: 1.5;
}
.ai-card-condition {
  padding-top: 12px;
}
.ai-card-condition+.ai-card-condition {
  margin-top: 14px;
  border-top: 1px solid #dce8e5;
}
.ai-condition-label {
  font-size: 15px;
  font-weight: 750;
  color: #075e59;
  background: #eef8f6;
  padding: 7px 10px;
  border-radius: 3px;
}
.ai-evidence {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0;
}
.ai-evidence>span {
  flex: 1;
  min-width: 115px;
  background: #f6f8fc;
  border: 1px solid #e7edf4;
  border-radius: 3px;
  padding: 9px 11px;
  font-size: 14px;
  line-height: 1.8;
}
.ai-evidence b {
  font-size: 17px;
  margin-left: 6px;
  display: inline-block;
}
.ai-evidence small {
  display: block;
  font-size: 12px;
  color: #5b6a81;
}
.ai-history {
  display: flex;
  gap: 16px 28px;
  align-items: center;
  background: #f3f6fa;
  border-radius: 3px;
  padding: 12px 14px;
}
.ai-history>div {
  display: flex;
  flex-direction: column;
}
.ai-history small {
  font-size: 13px;
  color: #465773;
}
.ai-history strong {
  font-size: 30px;
  font-weight: 850;
  line-height: 1.45;
}
.ai-history strong>span {
  font-size: 19px;
}
.ai-history b {
  font-size: 16px;
}
.ai-proof-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #1258b5;
  gap: 3px;
  font-size: 14px;
  margin-top: 10px;
  min-height: 36px;
}
.ai-status-note {
  font-size: 13px;
  color: #55657d;
  line-height: 1.8;
  margin: 8px 0;
}
.ai-panel-note {
  display: flex;
  gap: 7px;
  font-size: 13px;
  line-height: 1.8;
  color: #53647c;
  padding: 11px 14px;
  background: #f9fbfd;
  border-top: 1px solid #e1e8ed;
}
.ai-panel-note>svg {
  flex-shrink: 0;
  margin-top: 4px;
}
.ai-empty {
  font-size: 14px;
  padding: 14px 16px;
  color: #54657e;
}
.ai-reference-group {
  border-top: 1px solid #dbe4ef;
  padding-top: 12px;
}
.ai-reference-group>h3 {
  font-size: 16px;
  font-weight: 750;
  padding: 0 14px;
}
.ai-reference-group>h3>span {
  font-size: 13px;
  color: #69758a;
  font-weight: 500;
  margin-left: 10px;
}
.reference-card {
  border: 1px dashed #8c9bb0;
}
.reference-card .ai-condition-label {
  background: #f1f3f8;
  color: #40506c;
}
.ai-horse-detail {
  margin: 22px 0;
  scroll-margin-top: 18px;
}
.ai-horse-detail>h2 {
  font-size: 20px;
  font-weight: 850;
  margin-bottom: 12px;
}
.ai-horse-detail>.ai-horse-card {
  margin: 0 0 12px;
}
.bet-axis-note {
  padding: 10px 14px;
  background: #fff9ef;
  margin: 0;
}
.horse-detail-heading {
  flex-wrap: wrap;
}
.horse-detail-heading>div {
  flex: 1;
  min-width: 160px;
}
.criteria-page {
  max-width: 840px;
  margin: auto;
}
.criteria-page>h1 {
  font-size: 28px;
  font-weight: 850;
  margin: 15px 0;
}
.criteria-page>p {
  margin: 12px 0;
}
.criteria-rule {
  border: 1px solid #cadfdc;
  border-radius: 5px;
  margin: 15px 0;
  padding: 17px;
  scroll-margin-top: 20px;
}
.criteria-title {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 13px;
}
.criteria-title h2 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.6;
}
.criteria-year-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr;
  margin: 12px 0;
  background: #fbfcfe;
  border: 1px solid #e0e5ed;
}
.criteria-year-grid>div {
  padding: 12px;
  border-right: 1px solid #e0e5ed;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.criteria-year-grid>div:last-child {
  border: 0;
}
.criteria-year-grid small,.criteria-year-grid span {
  font-size: 12px;
  color: #53637a;
}
.criteria-year-grid b {
  font-size: 20px;
}
.criteria-definitions>div {
  padding: 14px 0;
  border-bottom: 1px solid #e0e6ed;
}
.criteria-definitions dt {
  font-weight: 750;
  margin-bottom: 5px;
}
.criteria-definitions dd {
  font-size: 15px;
  color: #40516c;
  line-height: 1.9;
}
.method-details {
  margin: 22px 0;
  border: 1px solid #d9e1ec;
  padding: 14px 16px;
  border-radius: 4px;
}
.method-details>summary {
  font-weight: 750;
  min-height: 32px;
}
.method-details>p {
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.9;
}
.snapshot {
  font-size: 14px;
  align-items: flex-start;
}
.snapshot svg {
  margin-top: 4px;
}
.overview-counts {
  flex-wrap: wrap;
}
@media (max-width:700px) {
  .ai-panel {
    margin-bottom: 15px;
  }
  .ai-panel-heading {
    padding: 10px;
  }
  .ai-panel-heading h2 {
    font-size: 17px;
    gap: 8px;
  }
  .ai-panel-heading h2>span {
    font-size: 14px;
  }
  .ai-panel-heading>a {
    font-size: 13px;
  }
  .ai-horse-card {
    margin: 9px;
    padding: 11px;
  }
  .ai-card-title {
    gap: 8px;
  }
  .ai-card-title>a {
    font-size: 17px;
  }
  .ai-mark {
    padding: 2px 6px;
    gap: 4px;
    font-size: 12px;
  }
  .ai-mark>b {
    font-size: 23px;
  }
  .ai-condition-label {
    font-size: 14px;
    padding: 7px 8px;
  }
  .ai-evidence {
    gap: 8px;
    margin: 10px 0;
  }
  .ai-evidence>span {
    font-size: 13px;
    padding: 7px 8px;
  }
  .ai-evidence b {
    font-size: 16px;
    margin-left: 4px;
  }
  .ai-history {
    gap: 12px;
    padding: 10px;
  }
  .ai-history strong {
    font-size: 27px;
  }
  .ai-history b {
    font-size: 14px;
  }
  .ai-history small {
    font-size: 12px;
  }
  .ai-history>div {
    min-width: 0;
  }
  .ai-reference-group>h3>span {
    display: block;
    margin-left: 0;
    margin-top: 3px;
  }
  .ai-badge,.ai-reference-badge {
    font-size: 12px;
    padding: 1px 6px;
  }
  .ai-row-reason {
    font-size: 12px;
  }
  .runner-ai-line {
    font-size: 12px;
    gap: 8px;
  }
  .runner-ai-line b {
    font-size: 14px;
  }
  .ai-mark-inline b {
    font-size: 18px;
  }
  .condition-filter-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
  }
  .condition-filter-tabs [data-slot=tabs-trigger] {
    font-size: 14px;
    padding-inline: 7px;
  }
  .overview-controls>[data-slot=tabs]:first-child {
    width: 100%;
  }
  .race-match-counts {
    gap: 4px 9px;
  }
  .signal-legend {
    font-size: 13px;
    gap: 8px 12px;
  }
  .signal-legend>a {
    font-size: 13px;
  }
  .criteria-page>h1 {
    font-size: 23px;
  }
  .criteria-title {
    flex-wrap: wrap;
    gap: 7px;
  }
  .criteria-title h2 {
    font-size: 16px;
  }
  .criteria-rule {
    padding: 12px;
  }
  .criteria-year-grid>div {
    padding: 9px 6px;
  }
  .criteria-year-grid b {
    font-size: 17px;
  }
  .snapshot {
    font-size: 13px;
  }
  .horse-detail-heading>.ai-badge {
    margin-left: 0;
  }
  .race-match-counts>strong {
    font-size: 13px;
  }
}
@media (max-width:420px) {
  .race-tabs [data-slot=tabs-trigger] {
    white-space: nowrap;
    padding-inline: 3px;
  }
  .race-tabs [data-slot=tabs-trigger] svg {
    display: none;
  }
  .race-heading-title p {
    word-break: keep-all;
  }
  .reference-card .ai-evidence>span:last-child {
    flex-basis: 100%;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.5}body{margin:0;background:#fff}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,[role=button],summary{cursor:pointer}button:disabled{cursor:default}fieldset{min-width:0;border:0;margin:0;padding:0}table{border-collapse:collapse;text-indent:0}img,svg{vertical-align:middle}button{border-radius:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008b91;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.taget-app{--tg-navy:#111d3e;--tg-teal:#008b91;--tg-line:#cbd0da;color:var(--tg-navy);background:#fff;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));font-size:16px}.taget-width{width:100%;max-width:1344px;margin:auto;padding-inline:24px}.taget-app button,.taget-app select,.taget-app input{font:inherit}.taget-app button,.taget-app a,.taget-app summary{touch-action:manipulation}.taget-app button:focus-visible,.taget-app a:focus-visible,.taget-app select:focus-visible,.taget-app input:focus-visible{outline:3px solid #008b91;outline-offset:2px}.taget-design-switch{display:flex;align-items:center;justify-content:center;gap:0;background:#edf0f6;border-bottom:1px solid #bcc5d5;min-height:41px;padding:4px 12px;font-size:12px}.taget-design-switch>span{margin-right:18px;color:#59677d}.taget-design-switch>a{display:flex;align-items:center;gap:5px;padding:5px 13px;min-height:34px;border:1px solid transparent}.taget-design-switch>a[aria-current=page]{background:#fff;border-color:#111d3e;font-weight:750}.taget-design-switch b{font-size:14px}.taget-design-switch small{color:#00767b;font-size:10px}.taget-header{background:#111d3e;color:#fff}.taget-header>.taget-width{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:12px}.taget-brand{display:flex;align-items:baseline;gap:17px;line-height:1.2}.taget-brand>span{font-size:27px;font-weight:950;font-style:italic;letter-spacing:-1px;background:linear-gradient(100deg,#6babff 0%,#8594e8 20%,#f16b65 45%,#f7b729 65%,#60c761 91%);background-clip:text;-webkit-background-clip:text;color:transparent}.taget-brand>strong{font-size:24px;letter-spacing:3px;font-weight:850}.taget-header>.taget-width>a:last-child{font-size:12px;border:1px solid #b4bfce;padding:7px 12px;white-space:nowrap}.taget-band{background:linear-gradient(100deg,#393977,#6b2358);color:#fff}.taget-band>.taget-width{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;font-size:12px}.taget-main{padding-block:22px 36px}.taget-page-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.taget-page-title h1{font-size:26px;font-weight:850;line-height:1.5;margin:0}.taget-page-title p{font-size:12px;color:#59677d;margin-top:4px}.taget-design-letter{font-size:15px;border:1px solid #cbd0da;padding:2px 10px;line-height:1.8;color:#69758a}.taget-workspace{display:grid;gap:24px;grid-template-columns:280px minmax(0,1fr);align-items:start}.taget-filter-panel{border:1px solid var(--tg-line);border-top:3px solid var(--tg-navy);padding:16px}.taget-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}.taget-filter-heading h2{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;margin:0}.taget-filter-heading>button{display:flex;align-items:center;gap:3px;background:none;border:0;font-size:11px;color:#59677d;min-height:32px}.taget-core-fields,.taget-advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.taget-core-fields>.taget-field:first-child{grid-column:1/-1}.taget-field{display:block;min-width:0}.taget-field>span{display:block;font-size:12px;font-weight:750;margin-bottom:5px;color:#40516b}.taget-field select,.taget-field input{width:100%;border:1px solid #aeb8ca;background:#fff;padding:9px 7px;min-height:44px;border-radius:0;font-size:14px;color:#111d3e;max-width:100%}.taget-core-fields>.taget-field:nth-child(2){grid-column:1/-1}.taget-advanced-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px!important;min-height:44px;width:100%;border:1px solid #cbd0da;padding:8px;background:#f4f6fa;margin-top:15px}.taget-advanced-trigger svg:last-child{margin-left:auto}.taget-advanced-fields{border-top:1px solid #d7deea;padding-top:15px;margin-top:15px}.taget-search-button{width:100%;background:#007d83;color:white;border:0;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:14px;font-size:15px!important;font-weight:750!important}.taget-search-button:hover{background:#00686d}.taget-validation,.taget-error{border-left:3px solid #b72835;color:#9d2630;background:#fff2f3;padding:12px;font-size:13px;margin-top:10px}.taget-error button,.taget-empty button{border:1px solid #111d3e;min-height:40px;padding:7px 13px;background:#fff;color:#111d3e;margin-top:12px;font-size:14px}.taget-result-area{min-width:0}.taget-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #111d3e;padding-bottom:10px}.taget-result-heading h2{font-size:18px;font-weight:800;margin:0}.taget-result-heading>span{font-size:12px}.taget-result-heading b{font-size:21px;font-weight:850}.taget-condition-tags{display:flex;gap:5px;flex-wrap:wrap;margin:11px 0 14px;min-height:25px}.taget-condition-tags>span{font-size:12px;color:#59677d}.taget-condition-tags>button{border:1px solid #8b9cb7;background:#f6f8fc;padding:3px 7px;display:flex;gap:7px;align-items:center;font-size:12px}.taget-condition-tags>button>span{color:#66738a}.taget-roi-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cbd0da;border-top:3px solid #008b91}.taget-roi-summary>div{padding:12px 13px;border-right:1px solid #cbd0da}.taget-roi-summary>div:last-child{border-right:0}.taget-roi-summary span{font-size:13px;font-weight:750;display:block}.taget-roi-summary strong{font-size:30px;font-weight:850;display:block;line-height:1.7;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.taget-roi-summary small{font-size:11px;color:#59677d;display:block}.taget-scope-note{font-size:12px;color:#59677d;line-height:1.8;margin:11px 0 16px}.taget-table-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}.taget-table-tools label{display:flex;align-items:center;gap:7px;font-size:12px;color:#59677d}.taget-table-tools select{border:1px solid #aeb8ca;padding:8px 7px;font-size:12px;background:#fff;color:#111d3e;min-height:39px}.taget-table-tools>button{display:flex;align-items:center;gap:6px;border:1px solid #aeb8ca;padding:7px 9px;min-height:39px;font-size:12px;background:white}.taget-column-options{border:1px solid #cbd0da;padding:12px;display:flex;flex-wrap:wrap;gap:10px 16px;margin:12px 0}.taget-column-options legend{font-size:12px;color:#59677d;padding:0 5px}.taget-column-options label{display:flex;align-items:center;gap:5px;font-size:12px}.taget-column-options input{accent-color:#008b91;width:16px;height:16px}.taget-result-tables{display:grid;grid-template-columns:1fr;gap:25px}.taget-section-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px}.taget-section-title h2{border-left:4px solid #111d3e;padding-left:10px;font-size:19px;font-weight:850;line-height:1.5;margin:0}.taget-section-title>span{font-size:11px;color:#66738a}.taget-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #cbd0da;overscroll-behavior-x:contain}.taget-results-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.taget-results-table th,.taget-results-table td{text-align:right;border-right:1px solid #cbd0da;border-bottom:1px solid #cbd0da;padding:10px 10px}.taget-results-table th:last-child,.taget-results-table td:last-child{border-right:0}.taget-results-table tbody tr:last-child>*{border-bottom:0}.taget-results-table thead th{background:#f0f3f8;color:#263a5b;font-size:12px;text-align:center;line-height:1.65;font-weight:750}.taget-results-table tr>th:first-child{position:sticky;left:0;z-index:1;background:#f1f4f9;text-align:center;min-width:47px;padding:0}.taget-results-table thead tr>th:first-child{z-index:2}.taget-results-table tbody th button{display:block;width:100%;min-height:45px;border:0;background:transparent;font-size:18px;font-weight:800;padding:5px 8px;color:#18284a}.taget-results-table th button small{font-size:10px;font-weight:500;margin-left:2px}.taget-results-table .roi-col{font-weight:800}.taget-results-table td.positive{background:#e0f3ef;color:#00685f}.taget-results-table .taget-small-sample{display:block;font-size:10px;font-weight:500;color:#8b5400}.taget-results-table tbody tr:hover>td{box-shadow:inset 0 1px #8096b9,inset 0 -1px #8096b9}.taget-expand{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #cbd0da;border-top:0;background:#f7f9fc;color:#405675;width:100%;min-height:40px;font-size:12px!important}.taget-table-note{font-size:12px;line-height:1.9;color:#66738a;margin:16px 0}.taget-method{border-block:1px solid #cbd0da;margin-top:28px;padding:14px 0;scroll-margin-top:20px}.taget-method summary{font-size:14px;font-weight:750;cursor:pointer;min-height:26px}.taget-method dl{margin-top:12px}.taget-method dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e1e6ed;font-size:12px;line-height:1.9}.taget-method dt{font-weight:750}.taget-method dd{color:#59677d}.taget-empty{padding:25px 14px;border:1px solid #cbd0da;background:#f8fafc}.taget-empty h2{font-size:17px;font-weight:750}.taget-empty p{font-size:13px;color:#66738a;margin-top:6px}.taget-loading{padding:40px 0;color:#59677d;font-size:15px}.taget-footer{padding:25px 0;background:#111d3e;color:white;font-size:14px;font-weight:750}.taget-footer small{font-size:12px;color:#b5c2d7;margin-left:20px;font-weight:400}.taget-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #aeb8ca;padding:4px max(8px,calc((100vw - 800px)/2)) calc(4px + env(safe-area-inset-bottom,0px))}.taget-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;font-size:12px;color:#40516b}.taget-bottom-nav a:first-child{color:#007c82}.taget-a .taget-width{max-width:1080px}.taget-a .taget-workspace{grid-template-columns:1fr}.taget-a .taget-core-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.taget-a .taget-core-fields>.taget-field{grid-column:auto}.taget-a .taget-filter-panel{background:#f6f7fa}.taget-a .taget-search-button{background:#111d3e}.taget-a .taget-results-table tbody tr:nth-child(even)>td{background:#f5f7fb}.taget-a .taget-results-table td.positive{color:#00685f}.taget-c .taget-page-title{border-left:4px solid #008b91;padding-left:12px}.taget-c .taget-filter-panel{background:#111d3e;color:white}.taget-c .taget-field>span,.taget-c .taget-filter-heading>button{color:#d4ddeb}.taget-c .taget-advanced-trigger{background:#233154;color:#fff;border-color:#58657c}.taget-c .taget-result-heading{border-color:#008b91}
@media(min-width:1200px){.taget-b .taget-result-tables{grid-template-columns:1fr 1fr;gap:18px}.taget-b .taget-results-table{font-size:13px}.taget-b .taget-results-table th,.taget-b .taget-results-table td{padding-inline:7px}}
@media(max-width:800px){.taget-width{padding-inline:14px}.taget-workspace{grid-template-columns:1fr;gap:23px}.taget-brand{gap:11px}.taget-brand>span{font-size:22px}.taget-brand>strong{font-size:20px;letter-spacing:2px}.taget-header>.taget-width{min-height:69px}.taget-header>.taget-width>a:last-child{padding:6px 8px}.taget-page-title h1{font-size:23px}.taget-main{padding-top:19px}.taget-filter-panel{padding:13px}.taget-core-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 10px}.taget-core-fields>.taget-field:first-child,.taget-core-fields>.taget-field:nth-child(2){grid-column:auto}.taget-a .taget-core-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.taget-roi-summary{grid-template-columns:1fr 1fr}.taget-roi-summary>div{padding:10px 12px}.taget-roi-summary>div:nth-child(2){border-right:0}.taget-roi-summary>div:last-child{grid-column:1/-1;border-top:1px solid #cbd0da;display:flex;gap:12px;align-items:center;padding:8px 12px}.taget-roi-summary>div:last-child strong{font-size:21px;margin-left:auto}.taget-roi-summary>div:last-child small{display:none}.taget-roi-summary strong{font-size:30px}.taget-table-scroll{margin-inline:0}.taget-results-table th,.taget-results-table td{padding:10px 7px}.taget-results-table thead th{font-size:11px;white-space:normal}.taget-results-table{font-size:13px}.taget-section-title h2{font-size:18px}.taget-design-switch{justify-content:space-between;padding:4px 8px;gap:0}.taget-design-switch>span{font-size:10px;margin-right:3px}.taget-design-switch>a{padding:5px 7px;font-size:11px;gap:3px}.taget-design-switch small{display:none}.taget-method dl>div{grid-template-columns:68px 1fr;gap:8px}.taget-footer small{display:block;margin:5px 0 0}.taget-result-heading>span{font-size:11px}.taget-result-heading b{font-size:19px}}
@media(max-width:370px){.taget-width{padding-inline:10px}.taget-brand>span{font-size:19px}.taget-brand>strong{font-size:17px;letter-spacing:1.5px}.taget-header>.taget-width>a:last-child{font-size:11px;padding:5px}.taget-brand{gap:8px}.taget-results-table{font-size:12px}.taget-results-table th,.taget-results-table td{padding-inline:5px}}
.taget-person-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 8px;border:1px solid #aeb8ca;background:white;color:#111d3e;font-size:14px!important;border-radius:0}.taget-person-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taget-person-trigger svg{flex-shrink:0}.taget-picker{width:min(320px,calc(100vw - 24px));border-radius:0;padding:0;box-shadow:0 4px 18px #111d3e20;border:1px solid #aeb8ca;color:#111d3e;background:#fff;z-index:70}.taget-picker [data-slot=command]{border-radius:0}.taget-picker [data-slot=command-input]{font-size:16px;min-height:44px}.taget-picker [data-slot=command-item]{min-height:44px;font-size:14px;border-radius:0}.taget-picker [data-slot=command-list]{max-height:280px}.taget-advanced-content{margin-top:14px}.taget-advanced-content fieldset{border:0;border-top:1px solid #cbd0da;margin-top:16px;padding-top:10px;min-width:0}.taget-advanced-content legend{font-size:13px;font-weight:750;padding-right:8px}.taget-advanced-content .taget-advanced-fields{border:0;margin-top:0;padding-top:5px}.taget-advanced-content fieldset>p{font-size:11px;color:#66738a;line-height:1.8;margin:8px 0 0}.taget-field input[type=date]{font-size:12px;min-width:0;padding-inline:3px}.taget-pending{font-size:12px;color:#86620c;background:#fff9e9;border-left:2px solid #b78828;padding:7px 9px;margin-top:10px}.taget-small-warning{font-size:12px;color:#83540c;background:#fff8e9;padding:9px 11px;border-left:3px solid #c28c22;margin-bottom:12px}.taget-result-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.taget-result-shortcuts>a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid #aeb8ca;font-size:13px;font-weight:650;min-height:41px}.taget-rank-section{scroll-margin-top:15px}.taget-cross{margin:18px 0 25px;min-width:0}.taget-cross-control{display:flex;align-items:center;gap:10px;font-size:12px;color:#59677d}.taget-cross-control select{border:1px solid #aeb8ca;background:#fff;min-height:39px;padding:7px;color:#111d3e;font-size:13px}.taget-cross-scroll{overflow-x:auto;border:1px solid #aeb8ca;overscroll-behavior-x:contain}.taget-cross table{border-collapse:collapse;width:100%;min-width:670px;font-variant-numeric:tabular-nums;font-size:12px}.taget-cross th{background:#111d3e;color:white;font-weight:700;padding:10px 6px;white-space:nowrap;border-right:1px solid #556078}.taget-cross tbody th{position:sticky;left:0;z-index:1}.taget-cross th:first-child{min-width:65px}.taget-cross td{padding:0;border:1px solid #cbd0da}.taget-cross td button{width:100%;height:65px;min-width:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;border:0;background:none;line-height:1.6;color:inherit}.taget-cross td b{font-size:14px;font-weight:800}.taget-cross td small{font-size:10px;white-space:nowrap}.taget-cross td.high{background:#007e83;color:white}.taget-cross td.mid{background:#c3e8e5;color:#095a5c}.taget-cross td.normal{background:#f3f6fa}.taget-cross td.small{background:#fff8e9;color:#6e5325}.taget-cross td.empty{background:#f4f5f8;color:#8c98a9}.taget-cross td button:not(:disabled):hover{outline:3px solid #111d3e;outline-offset:-3px}.taget-matrix-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:#66738a;margin-top:8px}.taget-matrix-legend i{height:10px;width:10px;background:#007e83}.taget-matrix-legend>span{margin-left:auto}.taget-cross-disclosure{border:1px solid #cbd0da;padding:13px;margin-top:22px}.taget-cross-disclosure>summary{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;cursor:pointer;min-height:28px}.taget-cross-disclosure .taget-cross{margin-bottom:0}.taget-c .taget-advanced-content fieldset>p{color:#b8c5d9}.taget-c .taget-advanced-content fieldset{border-color:#58657c}.taget-c .taget-pending{color:#f2d89b;background:#39435c}.taget-a .taget-result-tables{gap:30px}.taget-a .taget-roi-summary{border-top-color:#111d3e}.taget-a .taget-result-heading{border-bottom-width:1px}.taget-c .taget-roi-summary{border-top-color:#6b2358}
@media(min-width:801px){.taget-b .taget-filter-panel,.taget-c .taget-filter-panel{position:sticky;top:14px;max-height:calc(100vh - 105px);overflow-y:auto;scrollbar-width:thin}.taget-a .taget-advanced-content{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.taget-a .taget-filter-heading{margin-bottom:10px}.taget-a .taget-advanced-trigger{max-width:300px}.taget-a .taget-search-button{max-width:300px;margin-left:auto;margin-top:-44px}.taget-a .taget-advanced-content~.taget-search-button,.taget-a .taget-pending~.taget-search-button,.taget-a .taget-validation~.taget-search-button{margin-top:14px}}
@media(max-width:800px){.taget-c .taget-core-fields{grid-template-columns:1fr 1fr}.taget-c .taget-filter-panel{padding:13px}.taget-b .taget-filter-panel{border:0;background:#f3f6fa;border-left:3px solid #008b91;padding:12px}.taget-a .taget-filter-panel{border:1px solid #aeb8ca;border-top:3px solid #111d3e;background:white}.taget-a .taget-result-heading{background:#111d3e;color:#fff;padding:10px}.taget-a .taget-table-tools{background:#f3f5f9;padding:7px}.taget-cross table{min-width:620px}.taget-cross td button{min-width:68px}.taget-result-shortcuts{margin-top:14px}.taget-b .taget-section-title h2{border-left-color:#008b91}.taget-advanced-content fieldset>p{font-size:12px}.taget-cross-disclosure{padding:10px}.taget-matrix-legend>span{margin-left:0;flex-basis:100%}.taget-field input[type=date]{font-size:14px}}
.taget-horizontal-hint{font-size:11px;color:#66738a;text-align:right;margin:8px 0 5px}
.taget-view-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:3px solid #008b91;margin:18px 0}.taget-view-tabs button{background:#f1f4f8;border:1px solid #cbd0da;border-bottom:0;padding:12px 6px;font-size:15px;font-weight:750;color:#40516b;min-height:58px}.taget-view-tabs button[aria-pressed=true]{background:#008087;color:#fff;border-color:#008087}.taget-view-tabs button span{display:block;font-size:12px;font-weight:500;margin-top:3px}.taget-bet-period{background:#111d3e;color:#fff;padding:10px 12px;font-size:14px;margin:12px 0}.taget-bet-explanation{font-size:14px;line-height:1.9;margin:12px 0}.taget-bet-form{background:#f4f7fa;border:1px solid #cbd0da;padding:14px;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.taget-bet-form fieldset{min-width:0;border:0;display:grid;gap:12px;align-content:start}.taget-bet-form legend{font-size:16px;font-weight:800;margin-bottom:10px}.taget-bet-form>p,.taget-bet-form>button{grid-column:1/-1;margin:0}.taget-bet-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.taget-bet-strategy{font-size:14px;line-height:1.9;margin:15px 0}.taget-bet-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.taget-bet-table th,.taget-bet-table td{border:1px solid #cbd0da;padding:11px 8px;text-align:right;white-space:nowrap}.taget-bet-table thead th{background:#111d3e;color:white;text-align:center}.taget-bet-table tbody th{text-align:left;font-size:13px;background:#f3f6fa}.taget-bet-table small{display:block;font-size:12px;color:#66738a;margin-top:4px}.taget-bet-roi td{background:#e1f2f0;font-size:22px;font-weight:850;color:#006b70}.taget-all-horses .taget-roi-summary{margin-top:12px}.taget-bets{scroll-margin-top:15px}@media(max-width:500px){.taget-bet-table{font-size:12px}.taget-bet-table th,.taget-bet-table td{padding:10px 5px}.taget-bet-table tbody th{font-size:12px}.taget-bet-roi td{font-size:19px}.taget-bet-form{padding:12px;gap:12px}.taget-bet-period{font-size:13px}.taget-bet-table small{font-size:11px}}
.taget-service-nav{display:flex;border-bottom:1px solid #b6c1d1;padding-block:0;gap:0}.taget-service-nav a{flex:1;text-align:center;padding:15px 8px;font-size:15px;font-weight:750;border-bottom:3px solid transparent}.taget-service-nav a[aria-current=page]{border-bottom-color:#008087;color:#007a80;background:#f0f8f8}.taget-axis-link{display:block;font-size:14px;font-weight:700;border:1px solid #008087;color:#006d73;padding:12px;margin:14px 0}.te-data-period{font-size:14px;color:#40516b;margin:-6px 0 18px;padding:10px 12px;background:#eef2f7;border-left:3px solid #111d3e}.te-handoff{font-size:13px;background:#eef8f7;border-left:3px solid #008087;padding:10px 12px;line-height:1.8;margin:10px 0}.te-fieldset{min-width:0;border-top:1px solid #bbc5d4;margin:18px 0 0;padding-top:12px}.te-fieldset>legend{font-size:15px;font-weight:800;padding-right:10px}.te-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px;margin:8px 0}.te-field-grid>.taget-field:has([role=combobox]){grid-column:1/-1}.te-disclosure-button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:43px;font-size:13px!important;border:1px solid #bec8d6;width:100%;background:#fff;padding:9px;color:#31496a;margin-top:12px}.te-hint{font-size:13px;line-height:1.9;color:#59677d;margin:10px 0}.te-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.te-presets button{font-size:13px!important;font-weight:700;border:1px solid #8098b8;min-height:40px;padding:6px;background:white;color:#213859}.te-marks{border:0;padding:10px 0}.te-marks legend{font-size:14px;font-weight:750}.te-marks legend small{font-size:12px;font-weight:500;color:#64728a;margin-left:5px}.te-marks>label{display:inline-flex;align-items:center;gap:4px;margin-right:8px;min-height:44px}.te-marks>label span{font-size:23px}.te-marks input,.te-results input{accent-color:#008087;width:18px;height:18px;cursor:pointer}.te-marks>p{font-size:12px;color:#59677d;margin-top:3px}.te-missing-note{font-size:12px;line-height:1.8;color:#865414;background:#fff6e5;border-left:2px solid #b88428;padding:8px;margin:0 0 12px}.te-ticket-tabs{margin:18px 0 14px}.te-ticket-tabs [data-slot=tabs-list]{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:48px;border-radius:0;padding:0;background:#f0f3f8;border:1px solid #aebbd0}.te-ticket-tabs [data-slot=tabs-trigger]{border-radius:0;height:100%;font-size:16px;font-weight:750;color:#374c6b;border-right:1px solid #aebbd0;box-shadow:none}.te-ticket-tabs [data-slot=tabs-trigger][data-state=active]{background:#007e85;color:#fff;box-shadow:none}.te-opponent-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.te-result-count{font-size:14px;border-block:1px solid #cbd0da;padding:12px 0;margin:16px 0}.te-list-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:15px 0}.te-list-tools>label{font-size:12px;color:#4e607b;display:flex;flex-direction:column;gap:5px;flex:1;min-width:100px}.te-list-tools select,.te-list-tools input{min-height:40px;border:1px solid #aebbd0;background:white;padding:6px;font-size:13px;width:100%;color:#111d3e}.te-list-tools button{border:1px solid #aebbd0;background:white;font-size:12px;padding:9px;min-height:40px}.te-select-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:12px}.te-select-tools span{margin-right:auto;color:#59677d}.te-select-tools button{background:white;border:1px solid #bac4d3;min-height:36px;padding:5px 8px}.te-results{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.te-results th,.te-results td{padding:11px 10px;border-right:1px solid #cbd0da;border-bottom:1px solid #cbd0da;text-align:right}.te-results thead th{text-align:center;font-size:12px;line-height:1.6;background:#111d3e;color:white}.te-results tbody th{background:#f2f5f9;text-align:left;font-weight:750}.te-results tr>:first-child{text-align:center;padding-inline:7px;width:43px}.te-results td:nth-child(3){font-weight:850;font-size:17px}.te-results small{display:block;font-size:11px;color:#946416}.te-results .te-good{color:#00716a;background:#ddf1ed}.te-results .te-selected td,.te-results .te-selected th{background:#eaf5f5}.te-bundle{margin:24px 0;padding:16px;border:2px solid #008087;scroll-margin-top:16px}.te-bundle h2{font-size:19px;font-weight:800;margin-bottom:8px}.te-bundle>p,.te-bundle>details{font-size:14px;line-height:1.8}.te-bundle details summary{cursor:pointer;font-size:13px}.te-bundle button:disabled{background:#7f929c;cursor:not-allowed}.te-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bbc6d5;margin-top:14px}.te-stats>div{padding:13px 12px;background:#edf7f6}.te-stats>div:first-child{border-right:1px solid #bbc6d5}.te-stats span{display:block;font-size:13px;font-weight:750}.te-stats strong{font-size:30px;font-weight:850;line-height:1.7}.te-stats dl{grid-column:1/-1}.te-stats dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #d0d8e2;font-size:14px}.te-stats dt{color:#59677d}.te-stats dd{font-weight:700;font-variant-numeric:tabular-nums}.te-month-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px;margin-top:12px;font-variant-numeric:tabular-nums}.te-month-table th,.te-month-table td{padding:9px 7px;border:1px solid #cbd0da;text-align:right}.te-month-table thead th{background:#eef2f8}.te-unavailable h3,.taget-empty h3{font-weight:800;font-size:17px}.te-app .taget-filter-panel{border-top-color:#008087}.te-app .taget-width{max-width:1260px}@media(max-width:800px){.taget-service-nav a{font-size:14px;padding:13px 4px}.te-data-period{font-size:12px}.te-field-grid{grid-template-columns:1fr 1fr}.te-results{font-size:13px}.te-results th,.te-results td{padding:10px 6px}.te-results td:nth-child(3){font-size:16px}.te-results thead th{font-size:11px}.te-results tr>:first-child{width:38px}.te-list-tools{gap:8px}.te-list-tools>label{min-width:95px}.te-list-tools button{width:100%}.te-bundle{padding:12px}.te-marks>label{margin-right:14px}.te-opponent-controls .taget-field>span{font-size:13px}.te-search .taget-field>span{font-size:13px}.te-hint{font-size:13px}}
@media(max-width:800px){.te-search .te-fieldset:first-of-type>.te-field-grid:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr))}.te-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.te-presets button{font-size:12px!important;padding-inline:2px}}
.te-results td:has(input){position:relative}.te-results td:has(input)::after{content:none}
.te-results .te-pick{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;cursor:pointer}.te-results td:has(.te-pick){padding-block:0}
.ts-app .taget-width{max-width:980px}.ts-period{font-size:12px;color:#64718a;margin:0 0 18px}.ts-step{border:1px solid #bdc8d7;border-top:3px solid #111d3e;padding:18px;margin-bottom:22px;scroll-margin-top:14px}.ts-step-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.ts-step-title h2{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:850;margin:0}.ts-step-title h2>b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#111d3e;color:white;font-size:17px}.ts-step-title>button{font-size:12px;border:0;color:#53677f;background:white;min-height:38px}.ts-axis-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ts-axis-presets button{border:1px solid #9eafc5;background:#fff;color:#203b60;min-height:43px;font-size:14px;font-weight:750}.ts-axis-presets button[aria-pressed=true]{background:#007e85;border-color:#007e85;color:white}.ts-draft-axis{font-size:14px;line-height:1.9;margin:15px 0;overflow-wrap:anywhere}.ts-draft-axis strong{color:#006f77}.ts-rpt{max-width:240px}.ts-custom{margin-top:14px}.ts-custom>fieldset{margin:16px 0 0;border-top:1px solid #cbd0da;padding-top:10px}.ts-custom legend{font-weight:750;font-size:14px;padding-right:8px}.ts-current-axis{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.ts-bet-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ts-waiting{font-size:14px;line-height:1.9;background:#f2f5f9;color:#53677f;padding:14px}.ts-analysis-banner{background:#111d3e;color:white;padding:15px;display:flex;flex-direction:column;gap:7px;margin-bottom:12px;overflow-wrap:anywhere}.ts-analysis-banner>span{font-size:12px;color:#cbd9ed}.ts-analysis-banner strong{font-size:19px;line-height:1.5}.ts-analysis-banner small{font-size:13px;color:#d4dfef}.ts-condition-details{font-size:12px;color:#53677f;margin:12px 0}.ts-condition-details summary{cursor:pointer;min-height:28px}.ts-result-scope{font-size:13px;line-height:1.8;margin:14px 0}.ts-sort{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:#53677f}.ts-sort label{display:flex;align-items:center;gap:8px}.ts-sort select{border:1px solid #a9b8cc;background:white;padding:7px;color:#111d3e;min-height:40px;font-size:13px}.ts-results th:nth-child(2){white-space:normal;min-width:150px;text-align:left}.ts-ticket-axis{display:block;font-size:12px;line-height:1.7;font-weight:650;overflow-wrap:anywhere}.ts-ticket-others{display:block;font-size:14px;line-height:1.7;font-weight:800}.ts-results th:last-child{white-space:normal}.ts-app .te-bundle h3{font-size:17px;font-weight:800}.ts-selected-tickets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ts-selected-tickets button{background:#edf7f6;border:1px solid #9ebfbe;color:#095e62;padding:7px 9px;font-size:12px;line-height:1.6;text-align:left}.ts-clear{border:0;background:white;color:#53677f;margin-top:10px;min-height:38px;font-size:13px!important}.ts-advanced{margin-top:22px;border-block:1px solid #bac7d8;padding:14px 0}.ts-advanced>summary{font-size:15px;font-weight:750;min-height:30px;cursor:pointer}.ts-step-results{border-top-color:#008087}.ts-step-results .ts-step-title h2>b{background:#008087}@media(max-width:800px){.ts-step{padding:13px 10px}.ts-step-title h2{font-size:18px;gap:7px}.ts-axis-presets{gap:6px}.ts-axis-presets button{font-size:12px}.ts-analysis-banner{padding:12px}.ts-analysis-banner strong{font-size:17px}.ts-rpt{max-width:none}.ts-step-results{border-inline:0;padding-inline:0}.ts-results th:nth-child(2){min-width:116px}.ts-results th,.ts-results td{padding-inline:5px}.ts-results tr>:first-child{width:33px;min-width:33px;padding-inline:4px}.ts-results td:nth-child(3){font-size:15px}.ts-results td{font-size:12px}.ts-results .ts-ticket-axis{font-size:11px}.ts-results .ts-ticket-others{font-size:12px}.ts-results thead th{font-size:11px}.ts-sort{gap:5px}.ts-bet-fields{gap:9px}.ts-step .taget-field>span{font-size:13px}}

.ts-sort>a{color:#00767e;border-bottom:1px solid #00767e;font-weight:750;padding-block:8px}

.ts-ticket-period{font-size:13px;font-weight:700;margin:12px 0 6px;color:var(--taget-navy,#111d3e)}

/* Monthly purchaser access, preserving the TARGET working layout. */
.ta-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 9px;color:#62374e;background:#f5edf2;border:1px solid #dccad7;white-space:nowrap}.ta-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;max-width:1000px}.ta-unlock{border:1px solid var(--tg-line);border-top:3px solid var(--tg-navy);padding:24px}.ta-section-heading{display:flex;gap:10px;align-items:center}.ta-section-heading h2,.ta-purchase h2,.ta-guide h2{font-size:18px;font-weight:800;margin:0}.ta-intro{font-size:14px;line-height:1.9;margin:14px 0 22px}.ta-unlock form>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.ta-password{display:flex;border:1px solid #8d98ad;background:white}.ta-password input{min-width:0;width:100%;padding:12px;border:0;outline-offset:-3px;font-size:16px}.ta-password button{display:flex;align-items:center;justify-content:center;width:46px;flex-shrink:0;background:transparent;border:0;color:#59677d}.ta-help{font-size:11px;color:#59677d;margin:8px 0 16px;line-height:1.7}.ta-primary{display:block;min-height:48px;width:100%;padding:12px;background:#111d3e;color:white;border:1px solid #111d3e;font-weight:750}.ta-primary:disabled{opacity:.6}.ta-expiry{font-size:12px;text-align:center;color:#59677d;margin-top:12px}.ta-error{font-size:13px;color:#9b263b;background:#fff4f5;border-left:3px solid #9b263b;padding:10px;margin:10px 0;line-height:1.7}.ta-retry{display:block;margin:10px auto;text-decoration:underline;font-size:13px;background:none;border:0}.ta-purchase{background:#f5f6f9;border:1px solid #d8dde6;padding:26px}.ta-purchase>p{font-size:14px;line-height:1.8;margin:13px 0 18px}.ta-purchase ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px;font-size:13px}.ta-purchase li{display:flex;align-items:center;gap:8px}.ta-purchase li svg{color:#00777c}.ta-purchase-link{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #111d3e;background:white;min-height:46px;padding:10px;font-size:13px;font-weight:700}.ta-purchase small{display:block;color:#59677d;font-size:11px;text-align:center;margin-top:10px}.ta-guide{max-width:1000px;margin-top:30px}.ta-guide>h2{padding-bottom:10px;border-bottom:2px solid #111d3e}.ta-guide ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:20px 0;gap:16px}.ta-guide li{display:flex;gap:10px;align-items:flex-start}.ta-guide li>b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#eceef4;font-size:13px;flex-shrink:0}.ta-guide li strong{display:block;font-size:13px}.ta-guide li span{display:block;color:#59677d;font-size:12px;line-height:1.6;margin-top:4px}.ta-guide details{border-top:1px solid var(--tg-line);font-size:13px}.ta-guide summary{cursor:pointer;padding:14px 0;font-weight:700}.ta-guide details p{margin:0 0 15px;color:#59677d;line-height:1.9}.ta-free{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--tg-line);margin-top:25px;padding-top:20px;max-width:1000px;font-size:13px}.ta-free a{font-weight:750;color:#00777c;white-space:nowrap}.ta-mobile-break{display:none}.taget-access-bar{background:#eef5f4;color:#18504e;font-size:12px;border-bottom:1px solid #c2d6d4}.taget-access-bar>div{max-width:1344px;margin:auto;padding:8px 24px;display:flex;align-items:center;gap:16px}.taget-access-bar span{display:flex;gap:5px;align-items:center}.taget-access-bar button{display:flex;gap:5px;align-items:center;margin-left:auto;border:0;background:transparent;font:inherit;cursor:pointer;padding:6px}.taget-access-bar>p{max-width:1296px;margin:auto;color:#9b263b;padding:8px}.taget-bottom{display:flex;gap:20px;justify-content:center;font-size:12px;padding:15px;border-top:1px solid #cbd0da}.taget-bottom a[aria-current]{font-weight:750}
@media(max-width:700px){.ta-layout{grid-template-columns:1fr;gap:18px}.ta-unlock,.ta-purchase{padding:20px 16px}.ta-section-heading h2{font-size:17px}.ta-label{font-size:10px;padding:4px 6px}.ta-intro{margin:12px 0 18px;font-size:13px}.ta-mobile-break{display:initial}.ta-guide{margin-top:24px}.ta-guide ol{grid-template-columns:1fr;gap:16px}.ta-free{display:block;font-size:12px;line-height:1.8}.ta-free a{display:block;margin-top:8px}.taget-access-bar>div{padding:6px 12px;gap:6px;flex-wrap:wrap}.taget-access-bar span{font-size:11px}.ta-expiry{font-size:11px}.ta-purchase h2{font-size:16px}}