/* Tre bokstaver — site-scoped Zola/Hermit styles */
    {
    --tb-text: #242424;
    --tb-muted: #666;
    --tb-line: #deded8;
    --tb-bg: #fafaf7;
    color: var(--tb-text);
    background: var(--tb-bg);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    max-width: 40rem;
    margin-inline: auto;
    padding: 2.5rem 1.25rem 5rem;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .18em;
    text-decoration-thickness: 1px;
}

a:hover {
    text-decoration-thickness: 2px;
}

a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.tb-site-title {
    font-size: 1.65rem;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.2;
    margin: 0 0 .5rem;
}

.tb-intro {
    color: var(--tb-muted);
    margin: 0 0 2.5rem;
}

.tb-entry {
    padding: 1.35rem 0;
    border-top: 1px solid var(--tb-line);
}

.tb-date {
    color: var(--tb-muted);
    font-size: .8rem;
    margin: 0 0 .25rem;
}

.tb-entry-title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 .4rem;
}

.tb-entry-title a {
    text-decoration: underline;
    text-decoration-color: var(--tb-line);
    text-underline-offset: .2em;
}

.tb-entry-title a:hover {
    text-decoration-color: currentColor;
}

.tb-excerpt {
    color: var(--tb-muted);
    margin: 0;
    line-height: 1.6;
}

.tb-post-title {
    font-size: clamp(1.7rem, 5vw, 2.3rem);
    letter-spacing: -.035em;
    line-height: 1.2;
    margin: .4rem 0 1.25rem;
}

.tb-content p {
    margin: 0 0 1.35em;
}

.tb-content :is(h2, h3) {
    line-height: 1.35;
    margin: 2em 0 .6em;
}

.tb-content img {
    max-width: 100%;
    height: auto;
}

.tb-content blockquote {
    border-left: 2px solid var(--tb-line);
    margin: 1.5rem 0;
    padding: .1rem 0 .1rem 1rem;
    color: var(--tb-muted);
}

.tb-content pre {
    overflow-x: auto;
    padding: 1rem;
    border-radius: 4px;
    background: #ecece6;
    font-size: .85rem;
    line-height: 1.5;
}

.tb-content :not(pre)>code {
    background: #ecece6;
    padding: .1em .3em;
    border-radius: 3px;
}

.tb-post-nav {
    border-top: 1px solid var(--tb-line);
    margin-top: 3rem;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: .9rem;
}

.tb-intro {
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.2;
    opacity: 0.7;
    margin-bottom: 1rem;
}

/* Swedish-style registration plate */
.tb-plate-container {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0 1.5rem;
}

.tb-plate {
    display: inline-flex;
    align-items: stretch;
    height: 3.3rem;
    border: 2px solid #313131;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    color: #111;
    margin: .4rem 0 -0.3rem;
    font-family: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
}

.tb-plate-band {
    width: 1.8rem;
    flex-shrink: 0;
    background: #004494;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: .35rem 0 .3rem;
    font-family: Arial, sans-serif;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    /* Swedish country identifier is white */
}

.tb-plate-band>span:last-child {
    color: #fff;
}

.tb-plate-stars {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    flex-shrink: 0;
    font-size: 0;
    /* Hide the fallback ✦ glyph in existing HTML */
    color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22%23ffcc00%22%3E%3Cpolygon%20points%3D%2250.00%2C13.70%2051.26%2C17.26%2055.04%2C17.36%2052.04%2C19.66%2053.12%2C23.29%2050.00%2C21.15%2046.88%2C23.29%2047.96%2C19.66%2044.96%2C17.36%2048.74%2C17.26%22%2F%3E%3Cpolygon%20points%3D%2265.50%2C17.85%2066.76%2C21.41%2070.54%2C21.52%2067.54%2C23.82%2068.62%2C27.44%2065.50%2C25.30%2062.38%2C27.44%2063.46%2C23.82%2060.46%2C21.52%2064.24%2C21.41%22%2F%3E%3Cpolygon%20points%3D%2276.85%2C29.20%2078.11%2C32.76%2081.89%2C32.86%2078.89%2C35.16%2079.96%2C38.79%2076.85%2C36.65%2073.73%2C38.79%2074.80%2C35.16%2071.81%2C32.86%2075.58%2C32.76%22%2F%3E%3Cpolygon%20points%3D%2281.00%2C44.70%2082.26%2C48.26%2086.04%2C48.36%2083.04%2C50.66%2084.12%2C54.29%2081.00%2C52.15%2077.88%2C54.29%2078.96%2C50.66%2075.96%2C48.36%2079.74%2C48.26%22%2F%3E%3Cpolygon%20points%3D%2276.85%2C60.20%2078.11%2C63.76%2081.89%2C63.86%2078.89%2C66.16%2079.96%2C69.79%2076.85%2C67.65%2073.73%2C69.79%2074.80%2C66.16%2071.81%2C63.86%2075.58%2C63.76%22%2F%3E%3Cpolygon%20points%3D%2265.50%2C71.55%2066.76%2C75.11%2070.54%2C75.21%2067.54%2C77.51%2068.62%2C81.13%2065.50%2C79.00%2062.38%2C81.13%2063.46%2C77.51%2060.46%2C75.21%2064.24%2C75.11%22%2F%3E%3Cpolygon%20points%3D%2250.00%2C75.70%2051.26%2C79.26%2055.04%2C79.36%2052.04%2C81.66%2053.12%2C85.29%2050.00%2C83.15%2046.88%2C85.29%2047.96%2C81.66%2044.96%2C79.36%2048.74%2C79.26%22%2F%3E%3Cpolygon%20points%3D%2234.50%2C71.55%2035.76%2C75.11%2039.54%2C75.21%2036.54%2C77.51%2037.62%2C81.13%2034.50%2C79.00%2031.38%2C81.13%2032.46%2C77.51%2029.46%2C75.21%2033.24%2C75.11%22%2F%3E%3Cpolygon%20points%3D%2223.15%2C60.20%2024.42%2C63.76%2028.19%2C63.86%2025.20%2C66.16%2026.27%2C69.79%2023.15%2C67.65%2020.04%2C69.79%2021.11%2C66.16%2018.11%2C63.86%2021.89%2C63.76%22%2F%3E%3Cpolygon%20points%3D%2219.00%2C44.70%2020.26%2C48.26%2024.04%2C48.36%2021.04%2C50.66%2022.12%2C54.29%2019.00%2C52.15%2015.88%2C54.29%2016.96%2C50.66%2013.96%2C48.36%2017.74%2C48.26%22%2F%3E%3Cpolygon%20points%3D%2223.15%2C29.20%2024.42%2C32.76%2028.19%2C32.86%2025.20%2C35.16%2026.27%2C38.79%2023.15%2C36.65%2020.04%2C38.79%2021.11%2C35.16%2018.11%2C32.86%2021.89%2C32.76%22%2F%3E%3Cpolygon%20points%3D%2234.50%2C17.85%2035.76%2C21.41%2039.54%2C21.52%2036.54%2C23.82%2037.62%2C27.44%2034.50%2C25.30%2031.38%2C27.44%2032.46%2C23.82%2029.46%2C21.52%2033.24%2C21.41%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tb-plate-number {
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    font-size: 2.8rem;
    font-weight: 600;
    font-stretch: condensed;
    letter-spacing: .12em;
    line-height: 1;
    white-space: nowrap;
    color: #111;
    transform: scaleX(.82);
    transform-origin: center;
    margin-inline: -.65rem;
}

.tb-plate-suffix {
    color: #6b6a6a;
    margin-left: .55em;
    font-weight: 500;
    letter-spacing: .08em;
}

.tb-plate-frame {
    width: 80%;
    align-self: center;
    background: #272626;
    color: #eee;
    text-align: center;
    font-family: sans-serif;
    font-size: 0.5rem;
    font-weight: 400;
    letter-spacing: 0.4em;
    line-height: 1;
    padding: 0.12rem 0.4rem;
    border-radius: 0 0 2px 2px;
}

@media (prefers-color-scheme: dark) {
        {
        --tb-text: #e6e6e2;
        --tb-muted: #aaa;
        --tb-line: #444;
        --tb-bg: #1b1b1b;
    }

    .tb-content pre,
    .tb-content :not(pre)>code {
        background: #303030;
    }
}

@media (max-width: 480px) {
        {
        padding: 1.5rem 1rem 3rem;
    }
}