/* The active theme package provides the palette and decorative artwork. */
#primary.pyn-guides-main {
    --ink: #f8f6ef;
    --paper: var(--guide-night);
    --blue: var(--guide-highlight);
    --line: var(--guide-edge);
    --yellow: var(--guide-highlight);
    --guide-hero-shade: linear-gradient(90deg, transparent, #040d20bf 36% 64%, transparent);
    --guide-article-shade: linear-gradient(90deg, var(--guide-night) 34%, #040c1be8 67%, #040c1b87);
    --guide-card-shade: linear-gradient(0deg, #030b19f5, #030b1999 24%, transparent 66%);
    padding-inline: clamp(16px, 3vw, 48px);
}

.pyn-guides-main a:hover { color: var(--guide-highlight); }
.pyn-guide-crumbs { color: #dce5ed; margin-bottom: 20px; }
.pyn-guide-preview { background: var(--guide-panel); border-color: var(--guide-edge); }

.pyn-guide-hub-hero,
.pyn-guide-article-hero {
    background-color: var(--guide-panel);
    border: 1px solid var(--guide-edge);
    border-radius: 16px;
    overflow: hidden;
}

.pyn-guide-hub-hero {
    display: block;
    background-position: center;
    background-size: cover;
    padding: clamp(30px, 4vw, 64px) 18px;
    text-align: center;
    margin-bottom: 40px;
}

.pyn-guide-hub-hero > div:first-child { max-width: 560px; margin-inline: auto; }
.pyn-guide-hub-hero h1 { font-size: clamp(48px, 5vw, 76px); }
.pyn-guide-hub-hero .pyn-guide-deck { max-width: 420px; margin: 16px auto 22px !important; }
.pyn-guide-hero-art { display: none; }
.pyn-guide-hub-hero .pyn-guide-eyebrow,
.pyn-guide-article-hero .pyn-guide-eyebrow,
.pyn-guide-card-body .pyn-guide-eyebrow { color: var(--guide-highlight); }

.pyn-guide-button {
    background: var(--guide-button);
    border: 1px solid var(--guide-highlight);
    border-radius: 8px;
    box-shadow: none;
}
.pyn-guide-button:hover { background: var(--guide-night); }
.pyn-guide-button--light { background: var(--guide-panel); color: white !important; }
.pyn-guide-section-heading { border-color: var(--guide-edge); }
.pyn-guide-topics a { border-color: var(--guide-edge); }
.pyn-guides-main .pyn-guide-topics a[aria-current] {
    background: var(--guide-highlight);
    color: var(--guide-night);
}

.pyn-guide-card {
    border: 1px solid var(--guide-edge);
    border-radius: 14px;
    background: var(--guide-panel);
    box-shadow: 0 6px 18px #0003;
}
.pyn-guide-card-art {
    align-items: end;
    justify-content: start;
    min-height: 185px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--guide-edge);
    background-size: cover;
    background-position: center, var(--guide-card-position, center 26%);
}
.pyn-guide-card--patterns { --guide-card-image: var(--guide-patterns); --guide-card-position: left 24%; }
.pyn-guide-card--valuation { --guide-card-image: var(--guide-valuation); }
.pyn-guide-card--buying { --guide-card-image: var(--guide-buying); --guide-card-position: right 25%; }
.pyn-guide-card--transfers { --guide-card-image: var(--guide-transfers); --guide-card-position: right center; }
.pyn-guide-card--business { --guide-card-image: var(--guide-business); --guide-card-position: left center; }
.pyn-guides-main .pyn-guide-card-art span {
    color: white;
    font-size: clamp(19px, 2vw, 26px);
    text-shadow: 0 1px 4px #030b19;
    transform: none;
}
.pyn-guide-card-body > p:not(.pyn-guide-eyebrow),
.pyn-guide-byline { color: #d5dee8; }
.pyn-guide-read { color: var(--guide-highlight); }
.pyn-guide-draft { color: #34250c; }

.pyn-guide-article-hero {
    padding: clamp(24px, 4vw, 52px);
    background-position: center, right center;
    background-size: cover;
}
.pyn-guide-article-hero h1 { max-width: 820px; }
.pyn-guide-article-hero .pyn-guide-deck { max-width: 710px; }
.pyn-guide-prose {
    --ink: #152036;
    --blue: var(--guide-link);
    color: var(--ink);
    background: #fffdf8;
    border-radius: 12px;
    padding: clamp(20px, 3vw, 38px);
    min-width: 0;
}
.pyn-guide-prose a:hover { color: var(--guide-link); }
.pyn-guide-prose > p:first-child,
.pyn-guide-prose th,
.pyn-guide-prose code { background: var(--guide-tint); color: var(--ink); }
.pyn-guide-prose th,
.pyn-guide-prose td { color: var(--ink); }
.pyn-guide-prose tbody td { background: #fffdf8; }
.pyn-guide-prose h2 { scroll-margin-top: 90px; }
.pyn-guide-sidebar nav,
.pyn-guide-side-note,
.pyn-guide-related-links a,
.pyn-guide-pac,
.pyn-guide-final {
    background: var(--guide-panel);
    border: 1px solid var(--guide-edge);
    border-radius: 12px;
    box-shadow: none;
}
.pyn-guide-side-note strong,
.pyn-guide-side-note a { color: var(--guide-highlight); }
.pyn-guide-related { border-color: var(--guide-edge); }

@media (max-width: 760px) {
    .pyn-guide-hub-hero { padding: 0 0 26px; }
    .pyn-guide-hub-hero::before {
        content: "";
        display: block;
        aspect-ratio: 3 / 1;
        margin-bottom: 22px;
        background-position: center;
        background-size: cover;
    }
    .pyn-guide-hub-hero > div:first-child { padding-inline: 18px; }
    .pyn-guide-hub-hero h1 span { display: inline; }
    .pyn-guide-card-art { min-height: 165px; }
    .pyn-guide-article-hero { padding: 22px 18px; }
    .pyn-guide-prose { padding: 20px 16px; }
}