/* Generic pages (T/page.php: regulamin, polityka prywatności, umowa powierzenia, optin; docs/static-pages.md): the rules
   of the old stylesheets that reach them (found in the browser), in the old order, and the background of body.
   Rules for the whole old page are limited to the main element with :where(.generic-page), which adds no weight.
   Old names: body.hn-generic → body.page-generic, body.hn-legal → body.page-legal, body.hn-page → body.page-plain,
   .o-container-full-w → .generic-page, .new-container → .generic-page__container, .description → .generic-page__content,
   .mt-0 → .generic-page__content--flush. Generated by a port script; keep the order of the rules when editing. */

/* ---------- css/pages.css: body ---------- */

body.page-plain {
    background: var(--bg);
}

body.page-generic {
    background: var(--bg);
}

/* ---------- style.min.css ---------- */

:where(.generic-page) ol,
:where(.generic-page) ul {
    box-sizing:border-box;
}

/* ---------- main.css ---------- */

:where(.generic-page) a:active,
:where(.generic-page) a:hover {
    outline: none;
}

:where(.generic-page) a {
    color: #e8132f;
    text-decoration: none;
    cursor: pointer;
}

:where(.generic-page) a:hover {
    color: #db0707;
    text-decoration: underline;
}

:where(.generic-page) b,
:where(.generic-page) strong {
    font-weight: bolder;
}

:where(.generic-page) em {
    color: #f0506e;
}

:where(.generic-page) ol,
:where(.generic-page) p,
:where(.generic-page) ul {
    margin: 0 0 20px;
}

:where(.generic-page) *+ol,
:where(.generic-page) *+p,
:where(.generic-page) *+ul {
    margin-top: 20px;
}

:where(.generic-page) h1 {
    margin: 0 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none;
}

:where(.generic-page) h1 {
    font-size: 2.23125rem;
    line-height: 1.2;
}

@media (min-width: 960px) {
    :where(.generic-page) h1 {
        font-size: 2.625rem;
    }

}

:where(.generic-page) ol,
:where(.generic-page) ul {
    padding-left: 30px;
}

:where(.generic-page) ol>li>ol {
    margin: 0;
}

:where(.generic-page) ::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}

:where(.generic-page) main {
    display: block;
}

@media print {
    :where(.generic-page) *,
    :where(.generic-page) :after,
    :where(.generic-page) :before {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    :where(.generic-page) a,
    :where(.generic-page) a:visited {
        text-decoration: underline;
    }

    :where(.generic-page) tr {
        page-break-inside: avoid;
    }

    :where(.generic-page) p {
        orphans: 3;
        widows: 3;
    }

}

:where(.generic-page) h1 {
    font-family: Poppins, sans-serif;
}

:where(.generic-page) p,
:where(.generic-page) span,
:where(.generic-page) strong {
    font-family: Raleway, sans-serif;
}

:where(.generic-page) p,
:where(.generic-page) span,
:where(.generic-page) strong {
    color: #000;
}

:where(.generic-page) a,
:where(.generic-page) a:hover {
    text-decoration: none;
}

:where(.generic-page) h1,
:where(.generic-page) h2,
:where(.generic-page) h3 h4,
:where(.generic-page) h5,
:where(.generic-page) h6 {
    display: inline-block;
}

:where(.generic-page) *:not(#wpadminbar *) {
    font-family: 'Google Sans', 'Manrope', sans-serif !important;
}

:where(.generic-page) h1:not(#wpadminbar *),
:where(.generic-page) h2:not(#wpadminbar *),
:where(.generic-page) h3:not(#wpadminbar *) {
    font-family: 'Google Sans', 'Sora', sans-serif !important;
}

:where(.generic-page) p,
:where(.generic-page) span,
:where(.generic-page) strong {
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
}

:where(.generic-page) strong {
    font-weight: 600;
}

:where(.generic-page) #breadcrumbs {
    margin: 0 auto;
    max-width: var(--container);
    padding: 0 16px 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    width: 100%;
}

:where(.generic-page) #breadcrumbs span>span {
    color: #fd3543;
}

:where(.generic-page) #breadcrumbs span>span * {
    margin-right: 5px;
}

:where(.generic-page) #breadcrumbs span>span a,
:where(.generic-page) #breadcrumbs span>span strong {
    color: #000;
    font-weight: 400;
}

:where(.generic-page) #breadcrumbs span>span a:hover {
    color: #fd3543;
}

@media (min-width: 900px) {
    :where(.generic-page) #breadcrumbs {
        padding: 0 60px 17px;
    }

}

.generic-page__container {
    max-width: var(--container);
    padding: 0 32px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

@media (max-width: 760px) {
    .generic-page__container {
        padding: 0 20px;
    }

}

.generic-page__content {
    margin-top: 40px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 5px #e4e4e4;
    box-shadow: 0 0 5px #e4e4e4;
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid #eee;
}

.generic-page__content * {
    color: #000;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

@media (min-width: 450px) {
    .generic-page__content * {
        font-size: 18px;
    }

}

.generic-page__content h2,
.generic-page__content h3 {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.generic-page__content h2:not(:first-child),
.generic-page__content h3:not(:first-child) {
    padding-top: 14px;
}

.generic-page__content a {
    color: #e8132f;
    font-weight: 700;
    text-decoration: underline;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.generic-page__content a:hover {
    color: #db0707;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.generic-page__content ul,
.generic-page__content ol {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 22px;
}

.generic-page__content ul li {
    list-style-type: disc;
}

.generic-page__content p:not(:last-child) {
    margin-bottom: 16px;
}

:where(.generic-page) h1 {
    padding: 20px 16px 7px;
    color: #000;
    font-size: 22px;
    display: block;
    max-width: var(--container);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 900px) {
    :where(.generic-page) h1 {
        padding: 40px 60px 7px;
    }

}

@media (min-width: 450px) {
    :where(.generic-page) h1 {
        font-size: 30px;
    }

}

.generic-page__content--flush {
    margin-top: 0;
}

/* A rule of the blog whose "th" reached every table header of the site. */
:where(.generic-page) th {
    width: auto !important;
    text-align: center;
    border: solid #e8e8e8 1px;
    padding: 8px 16px;
}

/* ---------- pages.css ---------- */

body.page-legal article.generic-page__content,
body.page-legal article.generic-page__content p,
body.page-legal article.generic-page__content span,
body.page-legal article.generic-page__content li {
    font-size: 11pt;
    line-height: 1.5;
}

body.page-legal article.generic-page__content b,
body.page-legal article.generic-page__content strong {
    font-size: 11pt;
    font-weight: 600;
    line-height: 1.5;
}

body.page-generic .generic-page > h1 {
    max-width: var(--container);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 24px 32px 4px;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: var(--ink);
    text-align: left;
}

body.page-generic .generic-page > #breadcrumbs {
    max-width: var(--container);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 32px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    text-align: left;
}

@media (max-width: 760px) {
    body.page-generic .generic-page > h1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.page-generic .generic-page > #breadcrumbs {
        padding-left: 20px;
        padding-right: 20px;
    }

}

body.page-generic .generic-page > #breadcrumbs a {
    color: var(--muted);
    transition: color 0.15s ease;
}

body.page-generic .generic-page > #breadcrumbs a:hover {
    color: var(--red);
}

body.page-generic .generic-page__container .generic-page__content {
    color: var(--ink-2);
    line-height: 1.7;
}

body.page-generic .generic-page > h1 {
    text-transform: none;
}