/* Styles for Calcpad rendered output embedded in the docs.
   This is copied from template.html.
   All rules are scoped to .calcpad-output via @scope to avoid
   clashing with MkDocs Material's own heading and table styles. */

@scope (.calcpad-output) {

    :scope {
        background-color: white;
        color: black;
        font-size: 11pt;
        font-family: 'Segoe UI', 'Arial Nova', Helvetica, sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .roundBox {
        font-family: 'Arial Nova', Helvetica, sans-serif;
        margin: 0.5em 0 0.5em 0;
        padding: 0;
        line-height: 150%;
    }

    h1 {
        font-size: 2.1em;
    }

    h2 {
        font-size: 1.7em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.1em;
    }

    h6 {
        font-size: 1em;
    }

    p,
    li {
        margin: 0.3em 0 0.3em 0;
        padding: 0;
        line-height: 150%;
    }

    select,
    kbd {
        font-family: 'Segoe UI', sans-serif;
    }

    a:hover {
        background-color: #e9f6ff;
    }

    .eq,
    input[type="text"],
    table.matrix {
        font-family: 'Georgia Pro', 'Century Schoolbook', 'Times New Roman', Times, serif;
    }

    .eq var {
        color: #06d;
        font-size: 105%;
    }

    .eq i {
        color: #086;
        font-style: normal;
        font-size: 90%;
    }

    i.unit {
        color: #043 !important;
        font-size: 90% !important;
        vertical-align: -1pt;
    }

    sup.unit {
        font-family: Calibri, Candara, Corbel, sans-serif;
        font-size: 70% !important;
    }

    .eq b {
        font-weight: 600;
    }

    .eq sub {
        font-family: Calibri, Candara, Corbel, sans-serif;
        font-size: 80%;
        vertical-align: -18%;
        margin-left: 1pt;
    }

    .eq sup {
        display: inline-block;
        margin-left: 1pt;
        margin-top: -3pt;
        font-size: 75%;
    }

    .eq small {
        font-family: Calibri, Candara, Corbel, sans-serif;
        font-size: 70%;
    }

    .eq small var {
        font-family: 'Georgia Pro', 'Century Schoolbook', 'Times New Roman', Times, serif;
        font-size: 8.5pt;
    }

    .eq small i {
        font-family: 'Georgia Pro', 'Century Schoolbook', 'Times New Roman', Times, serif;
        font-size: 6pt;
    }

    .eq u,
    input,
    select {
        background-color: LightYellow;
    }

    input[type="text"],
    select {
        font-size: 10pt;
        padding: 0.2em 0.4em;
        border: 0.5pt solid #CCC;
        border-radius: 0.35em;
        box-shadow: 0.06em 0.06em 0.5em #ddd;
        min-width: 3em;
    }

    input[type="text"] {
        text-align: right;
    }

    input[type="checkbox"],
    input[type="radio"] {
        vertical-align: baseline;
        position: relative;
        bottom: -1pt;
        margin-right: 1pt;
    }

    input[type="checkbox"].post:disabled:not(:checked),
    input[type="checkbox"].post:disabled:not(:checked)+label,
    input[type="radio"].post:disabled:not(:checked),
    input[type="radio"].post:disabled:not(:checked)+label {
        display: none;
    }

    select:disabled {
        background: none;
        color: #444;
    }

    select.post:disabled {
        font-size: 12pt;
        border: none;
        box-shadow: none;
        color: red;
        background: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    select.post:disabled::-ms-expand {
        display: none;
    }

    input[type="text"]:focus {
        box-shadow: 0.1em 0.1em 1em #ccc;
        color: black;
    }

    td,
    th {
        padding: 2pt 4pt 2pt 4pt;
        vertical-align: top;
    }

    small {
        font-weight: normal;
    }

    table {
        border-collapse: collapse;
    }

    table.bordered {
        margin-top: 1em;
    }

    table.bordered th {
        background-color: #F0F0F0;
        border: solid 1pt #AAAAAA;
    }

    table.bordered td {
        border: solid 1pt #CCCCCC;
    }

    table.centered td,
    .matrix .td {
        text-align: center;
    }

    table.data td {
        text-align: right;
    }

    table.data td:first-child {
        text-align: left;
        padding-left: 0;
    }

    .matrix {
        display: inline-table;
    }

    .matrix .tr {
        display: table-row;
    }

    .matrix .td {
        white-space: nowrap;
        padding: 0 2pt 0 2pt;
        min-width: 10pt;
        display: table-cell;
        font-size: 10pt;
    }

    .matrix .td:first-child,
    .matrix .td:last-child {
        width: 0.75pt;
        min-width: 0.75pt;
        max-width: 0.75pt;
        padding: 0 1pt 0 1pt;
    }

    .matrix .td:first-child {
        border-left: solid 1pt black;
    }

    .matrix .td:last-child {
        border-right: solid 1pt black;
    }

    .matrix .tr:first-child .td:first-child,
    .matrix .tr:first-child .td:last-child {
        border-top: solid 1pt black;
    }

    .matrix .tr:last-child .td:first-child,
    .matrix .tr:last-child .td:last-child {
        border-bottom: solid 1pt black;
    }

    .block {
        display: inline-block;
        vertical-align: middle;
        padding-left: 4pt;
        margin-left: -1pt;
        border-left: solid 1pt #80b0e8;
        background: linear-gradient(to right, rgba(0, 192, 255, 0.06), rgba(0, 192, 255, 0.03));
    }

    .block .block {
        background: linear-gradient(to right, rgba(0, 192, 255, 0.04), rgba(0, 192, 255, 0.02));
    }

    .dvcs:has(.block):not(.block *) {
        display: inline-block;
        border-left: solid 1pt #80b0e8;
        padding-left: 0;
        margin-left: 3pt;
    }

    .dvcs:has(.block):not(.block *)::before {
        content: " 🞀";
        font-size: 9pt;
        color: #90c4f0;
        margin-left: -4.5pt;
    }

    .arr {
        color: #90c4f0;
    }

    .r0,
    .r1,
    .r2,
    .r3,
    .o0,
    .o1,
    .o2,
    .o3,
    .b1,
    .b2,
    .b3,
    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8 {
        display: inline-block;
    }

    .r0,
    .r1,
    .r2,
    .r3 {
        margin-top: -1.5pt;
        margin-right: 1.5pt;
        vertical-align: top;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right top;
    }

    .o0,
    .o1,
    .o2,
    .o3 {
        border-top: solid 0.75pt;
        line-height: 130%;
        vertical-align: middle;
        margin-top: 0.75pt;
        padding-top: 1.25pt;
        padding-left: 1pt;
        padding-right: 1pt;
    }

    .r {
        font-family: 'Times New Roman', Times, serif;
        font-size: 150%;
        display: inline-block;
        vertical-align: top;
        margin-left: -9.5pt;
        position: relative;
        top: 1pt;
    }

    .r0 {
        content: "";
        background-image: url("data: image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwIDIwIiBoZWlnaHQ9IjE1cHQiIHdpZHRoPSIxMHB4Ij4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMCwxMyAyLDEyIDUsMTkgOSwwIiBzdHlsZT0ic3Ryb2tlOmJsYWNrOyBzdHJva2Utd2lkdGg6MC42cHQ7IHN0cm9rZS1saW5lam9pbjpyb3VuZDsgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7IGZpbGw6bm9uZSIgLz4NCiAgPGxpbmUgeDE9IjIuMiIgeTE9IjEyLjMiIHgyPSI0LjYiIHkyPSIxOC43IiBzdHlsZT0ic3Ryb2tlOmJsYWNrOyBzdHJva2Utd2lkdGg6MC44cHQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyIgLz4NCjwvc3ZnPg==");
        width: 8pt;
        height: 16pt;
        margin-left: -8pt;
    }

    .r1 {
        content: "";
        background-image: url("data: image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1IDQwIiBoZWlnaHQ9IjMwcHQiIHdpZHRoPSIxNXB4Ij4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMSwyNiAzLDI0IDgsMzggMTQsMCIgc3R5bGU9InN0cm9rZTpibGFjazsgc3Ryb2tlLXdpZHRoOjAuNnB0OyBzdHJva2UtbGluZWpvaW46cm91bmQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyBmaWxsOm5vbmUiIC8+DQogIDxsaW5lIHgxPSIzLjIiIHkxPSIyNC40IiB4Mj0iNy42IiB5Mj0iMzcuNiIgc3R5bGU9InN0cm9rZTpibGFjazsgc3Ryb2tlLXdpZHRoOjFwdDsgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7IiAvPg0KPC9zdmc+");
        width: 12pt;
        height: 32pt;
        margin-left: -12pt;
    }

    .r2 {
        content: "";
        background-image: url("data: image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDYwIiBoZWlnaHQ9IjQ1cHQiIHdpZHRoPSIyMHB4Ij4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMiwzNyA1LDM0IDExLDU1IDE5LDAiIHN0eWxlPSJzdHJva2U6YmxhY2s7IHN0cm9rZS13aWR0aDowLjZwdDsgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOyBzdHJva2UtbGluZWNhcDpyb3VuZDsgZmlsbDpub25lIiAvPg0KICA8bGluZSB4MT0iNS4xIiB5MT0iMzQuNiIgeDI9IjEwLjYiIHkyPSI1NC40IiBzdHlsZT0ic3Ryb2tlOmJsYWNrOyBzdHJva2Utd2lkdGg6MS4ycHQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyIgLz4NCjwvc3ZnPg==");
        width: 16pt;
        height: 48pt;
        margin-left: -16pt;
    }

    .r3 {
        content: "";
        background-image: url("data: image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI1IDgwIiBoZWlnaHQ9IjYwcHQiIHdpZHRoPSIyNXB4Ij4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMyw1MCA3LDQ2IDE1LDc0IDI0LDAiIHN0eWxlPSJzdHJva2U6YmxhY2s7IHN0cm9rZS13aWR0aDowLjZwdDsgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOyBzdHJva2UtbGluZWNhcDpyb3VuZDsgZmlsbDpub25lIiAvPg0KICA8bGluZSB4MT0iNy4xIiB5MT0iNDYuOCIgeDI9IjE0LjUiIHkyPSI3My4yIiBzdHlsZT0ic3Ryb2tlOmJsYWNrOyBzdHJva2Utd2lkdGg6MS4ycHQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyIgLz4NCjwvc3ZnPg==");
        width: 19pt;
        height: 62pt;
        margin-left: -19pt;
    }

    .nth {
        position: relative;
        bottom: 1pt;
    }

    .eq small.nth {
        font-size: 70%;
    }

    .dvr small {
        font-size: 70%;
    }

    .dvr small var {
        font-size: 105%;
    }

    sup.raised {
        vertical-align: top;
    }

    sup .r0,
    sup .r1,
    sup .r2,
    sup .r3 {
        zoom: 0.7;
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: top right;
        max-height: none;
    }

    sup .r0 {
        margin-left: -5pt;
    }

    sup .r1 {
        margin-left: -11pt;
    }

    sup .r2 {
        margin-left: -13pt;
    }

    sup .r3 {
        margin-left: -16pt;
    }

    .b1,
    .b2,
    .b3,
    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8 {
        vertical-align: middle;
        font-weight: 100;
        font-stretch: ultra-condensed;
    }

    .b2,
    .b3,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8 {
        font-family: 'Jost* Hairline', sans-serif;
    }

    .b0,
    .b1,
    .c1 {
        font-family: 'Jost* Thin', sans-serif;
    }

    .b0 {
        font-size: 120%;
        font-weight: 600;
        padding: 0 1pt 0 1pt;
    }

    .b1 {
        font-size: 240%;
        margin-top: -3pt;
        margin-left: -1pt;
        margin-right: -1pt;
    }

    .b2 {
        font-size: 370%;
        margin-top: -5pt;
        margin-left: -3pt;
        margin-right: -3pt;
    }

    .b3 {
        font-size: 520%;
        margin-top: -8pt;
        margin-left: -5pt;
        margin-right: -5pt;
    }

    .c1 {
        font-size: 240%;
        margin-top: -4pt;
    }

    .c2 {
        font-size: 360%;
        margin-top: -6pt;
        margin-left: -2.5pt;
        margin-right: -0.5pt;
    }

    .c3 {
        font-size: 480%;
        margin-top: -8pt;
        margin-left: -3pt;
        margin-right: -1pt;
    }

    .c4 {
        font-size: 600%;
        margin-top: -10pt;
        margin-left: -4pt;
        margin-right: -2pt;
        transform: scaleX(0.9);
    }

    .c5 {
        font-size: 710%;
        margin-top: -11.5pt;
        margin-left: -6pt;
        margin-right: -4pt;
        transform: scaleX(0.8);
    }

    .c6 {
        font-size: 820%;
        margin-top: -13pt;
        margin-left: -7pt;
        margin-right: -5pt;
        transform: scaleX(0.7);
    }

    .c7 {
        font-size: 930%;
        margin-top: -14.5pt;
        margin-left: -8pt;
        margin-right: -6pt;
        transform: scaleX(0.6);
    }

    .c8 {
        font-size: 1040%;
        margin-top: -16pt;
        margin-left: -9pt;
        margin-right: -7pt;
        transform: scaleX(0.5);
    }

    .dvc,
    .dvr,
    .dvs {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

    .dvc {
        padding-left: 2pt;
        padding-right: 2pt;
        text-align: center;
        line-height: 110%;
    }

    .dvr {
        text-align: center;
        line-height: 110%;
        position: relative;
        top: -3pt;
    }

    .dvs {
        text-align: left;
        line-height: 110%;
    }

    .dvl {
        display: block;
        border-bottom: solid 1pt black;
        margin-top: 1pt;
        margin-bottom: 1pt;
    }

    .nary {
        color: #C080F0;
        font-size: 240%;
        font-family: Georgia Pro Light, serif;
        font-weight: 200;
        line-height: 70%;
        display: block;
        margin: 0 1pt 2.5pt 1pt;
    }

    .nary em {
        display: block;
        transform: scaleX(0.7) rotate(7deg);
    }

    .dvc.down {
        position: relative;
        top: 0.5em;
    }

    .dvc.up {
        position: relative;
        bottom: 0.6em;
    }

    .low {
        font-size: 70%;
        display: inline-block;
        position: relative;
        top: 1.2em;
    }

    .cond {
        color: #E000D0;
    }

    .err {
        color: Crimson;
        background-color: #FEE;
    }

    .ok {
        color: Green;
        background-color: #F0FFF0;
    }

    .ref {
        float: right;
        margin-left: 18pt;
        color: Green;
        background-color: #F8FFF0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .side {
        float: right;
        max-width: 50%;
    }

    .plot {
        max-width: 100%
    }

    .indent {
        border-left: 0.75pt solid #dddddd;
        padding-left: 2em;
    }

    span.indent {
        display: inline-block;
    }

    .fold {
        height: 2.4em;
        overflow: hidden;
    }

    .unfold {
        height: auto;
        overflow: auto;
    }

    .fold> :first-child,
    .unfold> :first-child {
        cursor: pointer;
    }

    .fold> :first-child:hover,
    .unfold> :first-child:hover {
        color: #0066bb;
        text-decoration: underline;
    }

    .fold> :first-child::after {
        content: " ... ▼";
        font-size: 80%;
    }

    .unfold> :first-child::after {
        content: " ▲";
        font-size: 80%;
    }

    .vec {
        font-family: 'Cambria Math', serif;
        color: #8af;
        font-style: normal;
        display: inline-block;
        vertical-align: 2pt;
        margin-left: 3pt;
        margin-right: -7pt;
    }

    small .vec,
    sup .vec {
        margin-left: 2pt;
        margin-right: -6pt;
    }

    #Units {
        float: right;
    }

    @media screen {
        .no-screen {
            display: none;
        }
    }

    .value {
        position: relative;
        background-color: #f4fbff;
        border-radius: 3pt;
    }

    .value:after {
        content: "";
        position: absolute;
        left: 100%;
        top: -100%;
        transform: translateY(-50%);
        margin-left: 2pt;
        height: 16pt;
        line-height: 16pt;
        vertical-align: middle;
        width: fit-content;
        white-space: nowrap;
        min-width: 10pt;
        z-index: 1;
        padding: 0 6pt 0 6pt;
        border-radius: 6pt 6pt 6pt 0;
        background: #000;
        color: #fff;
        font-family: 'Segoe UI', sans-serif;
        font-style: normal;
        font-size: 10pt;
        text-align: center;
        display: none;
        opacity: 0;
        transition: opacity 2s;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
    }

    .value:hover:after {
        content: attr(data-value);
        display: block;
        opacity: 1;
    }

    .roundBox {
        background-color: #fee;
        color: crimson;
        font-size: 9pt;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        border-radius: 4pt;
        min-width: 1.1em;
        padding-left: 2pt;
        padding-right: 2pt;
        margin-top: 2pt;
    }

    .roundBox:hover {
        background-color: white;
    }

    .lineLink {
        background: none;
        color: #b0e0ff;
        font-family: Calibri, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        display: inline-block;
        position: absolute;
        left: 0;
        width: 2em;
        height: 4em;
        z-index: 1;
    }

    .lineLink:hover {
        background: none;
        color: #09e;
    }

}

/* end @scope (.calcpad-output) */