/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Copyright © 2026 Douglas Anthony Lawrence. All rights reserved worldwide. */
#blazor-error-ui[b-gp4ceiw7he] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gp4ceiw7he] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/TrackRecord.razor.rz.scp.css */
/* Copyright © 2026 Douglas Anthony Lawrence. All rights reserved worldwide. */

/* The instrument and degree pickers: side by side, the button level with the boxes, wrapping on a phone. */
.tr-pick[b-2v12t44tj7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
    margin: 1rem 0;
}

.tr-pick select[b-2v12t44tj7] {
    min-width: 9rem;
}

/* "Show what-ifs", level with the two boxes beside it. */
.tr-toggle[b-2v12t44tj7] {
    padding-bottom: .5rem;
}

.tr-toggle label[b-2v12t44tj7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
}

/* Unticked: everything that is a what-if goes - its boxes and "?" marks in both drawings of every
   step, and its rows and sentences in the detailed data. CSS alone, so a tick asks the server for
   nothing. The drawings keep their scale: a what-if's box helped set it, and the space it leaves
   is left empty rather than every drawing being sent twice. */
.tr-pick:has(#tr-whatifs:not(:checked)) ~ .tr-window[b-2v12t44tj7]  .tr-whatif {
    display: none;
}

/* The page carries a window of steps and shows ONE: the step the address's #id points at, or, with
   no #id, the step the page opens on. Back and Next are links to a neighbour's #id, so moving
   between steps never leaves the browser. */
.tr-step[b-2v12t44tj7] {
    display: none;
}

/* Fixed to the top of the window and of no size: following a link to it moves nothing. */
.tr-anchor[b-2v12t44tj7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.tr-anchor:target + .tr-step[b-2v12t44tj7],
.tr-window:not(:has(.tr-anchor:target)) .tr-step.tr-start[b-2v12t44tj7] {
    display: block;
}

/* "Show detailed data" and "Show hit rates": a <details>, so they open with no script. */
.tr-more[b-2v12t44tj7] {
    margin-top: 1rem;
}

.tr-more > summary[b-2v12t44tj7] {
    display: inline-block;
    cursor: pointer;
    list-style: none;
}

.tr-more > summary[b-2v12t44tj7]::-webkit-details-marker {
    display: none;
}

.tr-more[open] > summary[b-2v12t44tj7] {
    margin-bottom: .75rem;
}

.tr-more:not([open]) .tr-when-open[b-2v12t44tj7],
.tr-more[open] .tr-when-closed[b-2v12t44tj7] {
    display: none;
}

/* Back and Next sit together and wrap on a phone rather than overflow. */
.tr-steps[b-2v12t44tj7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem 0;
}

.tr-steps [aria-disabled="true"][b-2v12t44tj7] {
    opacity: .55;
    cursor: default;
}

.tr-key[b-2v12t44tj7] {
    margin-top: .75rem;
    margin-bottom: 0;
    padding-left: 1.2rem;
}

.tr-key li + li[b-2v12t44tj7] {
    margin-top: .25rem;
}

.tr-nowrap[b-2v12t44tj7] {
    white-space: nowrap;
}

/* The line between the main drawing and its close-up. */
.tr-closeup[b-2v12t44tj7] {
    margin: 1rem 0 .25rem;
}
/* /Components/TrackRecordChart.razor.rz.scp.css */
/* Copyright © 2026 Douglas Anthony Lawrence. All rights reserved worldwide. */

/* The drawing is exactly as wide as its card. It had a 520px minimum, which is WIDER than the card
   on a desktop (496px): a scroll bar appeared and hid the prices on the right (Doug, 2026-09-19:
   "I don't want the scroll bar to appear"). Every colour in it is one of the site's tokens, so it
   follows light and dark with everything else. */
.tr-chart-scroll[b-d4iywb2agm] {
    overflow-x: hidden;
}

.tr-chart[b-d4iywb2agm] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ::deep: the labels are written as markup (see SvgText), so they carry no scope attribute. */
.tr-chart[b-d4iywb2agm]  .tr-axis {
    font: 13px var(--lw-font-data);
    fill: var(--lw-text-3);
}

.tr-chart[b-d4iywb2agm]  .tr-verdict {
    font: 600 13px var(--lw-font-ui);
    fill: var(--lw-text-1);
}

/* On a phone the drawing is about half its natural size, so the labels are drawn larger to stay
   readable - that is what replaced the sideways scroll. */
@media (max-width: 560px) {
    .tr-chart[b-d4iywb2agm]  .tr-axis {
        font-size: 19px;
    }

    .tr-chart[b-d4iywb2agm]  .tr-verdict {
        font-size: 19px;
    }
}
/* /Components/TrackRecordRates.razor.rz.scp.css */
/* Copyright © 2026 Douglas Anthony Lawrence. All rights reserved worldwide. */

/* Six columns in a card about 500px wide: with a rate held on one line they fit only with tighter
   sides than the site's tables have, and with headers free to wrap ("Before it started" is the
   widest thing in its column). Measured 2026-09-20: 553px in a 530px card before this. */
.tr-rates th[b-88tx50u8fw],
.tr-rates td[b-88tx50u8fw] {
    padding-left: 6px;
    padding-right: 6px;
}

.tr-rates th[b-88tx50u8fw] {
    white-space: normal;
    vertical-align: bottom;
}

/* The line over the five lead columns says what they are, so it reads as a caption for them: set
   over their middle, and free to wrap - it is a sentence, and the columns under it are narrow. */
.tr-lead[b-88tx50u8fw] {
    text-align: center;
    white-space: normal;
    font-weight: 500;
}

/* A rate and its Hit+ count each stay on one line; the Hit+ count sits UNDER the rate. Beside it,
   "3/3 · 100% (3 Hit+)" broke mid-phrase in a narrow column (Doug, 2026-09-20). */
.tr-nowrap[b-88tx50u8fw] {
    white-space: nowrap;
}