/*-- scss:defaults --*/

/*-- scss:rules --*/

:root {
    --ptmr-ink: #172026;
    --ptmr-muted: #59636e;
    --ptmr-blue: #275dad;
    --ptmr-green: #2a8f63;
    --ptmr-gold: #d49c24;
    --ptmr-red: #c94c4c;
    --ptmr-panel: #f7f8fa;
    --ptmr-line: #d8dde3;
}

.reveal {
    color: var(--ptmr-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.reveal h1,
.reveal h2,
.reveal h3 {
    letter-spacing: 0;
}

.reveal h2 {
    border-bottom: 3px solid var(--ptmr-line);
    padding-bottom: 0.15em;
}

.reveal h3 {
    margin-bottom: 0.45em;
}

.big-claim {
    border-left: 12px solid var(--ptmr-green);
    font-size: 1.75em;
    font-weight: 800;
    line-height: 1.12;
    margin: 1em auto 0.7em auto;
    padding: 0.25em 0 0.25em 0.55em;
    text-align: left;
    width: 84%;
}

.big-claim p {
    margin: 0;
}

.course-card,
.plain-card,
.tool-card {
    background: var(--ptmr-panel);
    border: 2px solid var(--ptmr-line);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 5.4em;
    padding: 0.7em;
}

.plain-card,
.tool-card,
.error-card {
    border-left: 8px solid var(--ptmr-blue);
}

.course-card {
    border-left: 8px solid var(--ptmr-blue);
    min-height: 8.8em;
}

.course-card h3 {
    color: var(--ptmr-muted);
    font-size: 0.62em;
    margin-bottom: 0.55em;
    text-transform: uppercase;
}

.course-card strong {
    color: var(--ptmr-blue);
    display: block;
    font-size: 1.05em;
    line-height: 1.12;
    margin-bottom: 0.35em;
}

.course-card p,
.plain-card p,
.tool-card p {
    color: var(--ptmr-muted);
    font-size: 0.72em;
    line-height: 1.28;
    margin-bottom: 0.45em;
}

.plain-card h3,
.tool-card h3 {
    color: var(--ptmr-blue);
    font-size: 0.9em;
}

.plain-card ul,
.tool-card ul {
    color: var(--ptmr-muted);
    font-size: 0.68em;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 0.3em;
    padding-left: 1.1em;
}

.tool-card {
    min-height: 8.1em;
}

.excel-card {
    border-left: 8px solid var(--ptmr-red);
}

.python-card {
    border-left: 8px solid var(--ptmr-blue);
}

.core-card {
    border-left: 8px solid var(--ptmr-green);
}

.support-card {
    border-left: 8px solid var(--ptmr-gold);
}

.warning-card {
    border-left: 8px solid var(--ptmr-red);
}

.reveal pre {
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(23, 32, 38, 0.1);
}

.reveal blockquote {
    border-left: 8px solid var(--ptmr-gold);
    box-shadow: none;
    color: var(--ptmr-ink);
    font-style: normal;
    margin: 0.75em auto;
    padding: 0.4em 0 0.4em 0.7em;
    width: 82%;
}

.reveal p code,
.reveal li code,
.reveal td code {
    color: var(--ptmr-blue);
}

.reveal pre code {
    color: #24292e;
}

.mermaid {
    margin-top: 0.6em;
}

.type-grid,
.syntax-grid,
.mutability-grid {
    display: grid;
    gap: 0.7em;
    margin-top: 0.75em;
}

.type-grid {
    grid-template-columns: repeat(3, 1fr);
}

.syntax-grid,
.mutability-grid {
    grid-template-columns: repeat(2, 1fr);
}

.syntax-card,
.type-card,
.code-note {
    background: var(--ptmr-panel);
    border: 2px solid var(--ptmr-line);
    border-left: 8px solid var(--ptmr-blue);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0.65em 0.75em;
}

.type-card h3,
.syntax-card h3,
.code-note h3 {
    color: var(--ptmr-blue);
    font-size: 0.82em;
    margin-bottom: 0.35em;
}

.type-card p,
.syntax-card p,
.code-note p {
    color: var(--ptmr-muted);
    font-size: 0.65em;
    line-height: 1.25;
    margin: 0;
}

.type-card code,
.syntax-card code,
.code-note code {
    font-size: 0.92em;
}

.green-left {
    border-left-color: var(--ptmr-green);
}

.gold-left {
    border-left-color: var(--ptmr-gold);
}

.red-left {
    border-left-color: var(--ptmr-red);
}

.card-title {
    color: var(--ptmr-blue);
    display: block;
    font-size: 0.82em;
    font-weight: 750;
    margin-bottom: 0.35em;
}

.scroll-code {
    max-height: 430px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scroll-code div.sourceCode,
.scroll-code pre.sourceCode,
.scroll-code .code-copy-outer-scaffold {
    overflow: visible !important;
}

.scroll-code pre {
    margin-bottom: 0;
    margin-top: 0;
}