/* Subpages in the design of the homepage (14.11.2026): blog, articles, podcast, guides, plain pages.
   The layouts stay as they were; what changes is the type (Geologica), the colours "Grafit", the heading system
   (bold 700 in three sizes), buttons with the sweep from the left, text links with the growing short line, the header
   and the footer of the homepage. No pills, no micro capitals, no horizontal rules, no shadows, no italic emphasis. */

.jw-subpage {
    --font-serif: "Geologica", Arial, sans-serif;
    --font-sans: "Geologica", Arial, sans-serif;
    --t-head: "Geologica", Arial, sans-serif;
    --t-body: "Geologica", Arial, sans-serif;
    --t-ink: #17181b;
    --t-muted: #5b6067;
    --t-accent: #11914a;
    --t-paper: #ffffff;
    --t-light: #f1f2f4;
    --t-dark: #17181b;
    --t-line: #b9bdc3;
    --t-radius: 2px;
    --ease: cubic-bezier(.22, .61, .36, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --blog-paper: #fff;
    --blog-ink: #17181b;
    --blog-muted: #5b6067;
    --blog-rule: #e3e6e9;
    --blog-accent: #11914a;
    --jw-focus: #11914a;
    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--t-body);
    -webkit-font-smoothing: antialiased;
}
.jw-subpage .font-sans, .jw-subpage .font-serif { font-family: var(--t-body); }

/* ---- Shield on the utility classes of the header (as on the homepage) ---- */
.jw-subpage .rounded-full { border-radius: var(--t-radius); }
.jw-subpage [class*="shadow"] { box-shadow: none !important; }
.jw-subpage [class*="tracking-[0.2em]"], .jw-subpage [class*="tracking-widest"] { letter-spacing: 0; text-transform: none; }
.jw-subpage a[class*="tracking-widest"] { font-size: 15px; font-weight: 600; }
.jw-subpage .bg-silky-dark { background: var(--t-dark); }

/* ---- Header: top bar, navigation, guide button, mobile menu ---- */
.jw-subpage .site-header, .jw-subpage .mobile-menu { background: var(--t-paper); }
.jw-subpage .site-navigation { font-family: var(--t-body); }
.jw-subpage .site-navigation .hidden.md\:flex a { font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.jw-subpage .guide-nav, .jw-subpage .mobile-menu .mobile-guide-link { border-radius: var(--t-radius); background: #17181b; color: #fff; font-family: var(--t-body); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.jw-subpage .guide-nav:hover { background: #17181b; }
.jw-subpage .mobile-menu { box-shadow: none; }
.jw-subpage .mobile-menu a { font-size: 16px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.jw-subpage .site-header .bg-green-600, .jw-subpage .bg-green-600 { background: #15a04a; color: #fff; --sweep: #0f7c39; }
.jw-subpage .site-header .bg-green-600:hover, .jw-subpage .bg-green-600:hover { background: #15a04a; }
.jw-subpage .sm\:hidden.fixed.bottom-0 { background: linear-gradient(to top, var(--t-paper) 50%, transparent); }
.jw-subpage .sm\:hidden.fixed.bottom-0 a { border-radius: var(--t-radius); border: 0; letter-spacing: 0; text-transform: none; font-size: 15px; font-weight: 600; }

/* ---- One hover for every button: a fill sweeping in from the left ---- */
.jw-subpage :is(.guide-nav, .bg-green-600, .guide-button, .podcast-youtube, .podcast-more button, .site-footer .newsletter button, .article-body .wp-block-button__link) { position: relative; isolation: isolate; overflow: hidden; }
.jw-subpage :is(.guide-nav, .bg-green-600, .guide-button, .podcast-youtube, .podcast-more button, .site-footer .newsletter button, .article-body .wp-block-button__link)::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sweep, #11914a); transform: scaleX(0); transform-origin: left center; transition: transform .55s var(--ease-out); }
.jw-subpage :is(.guide-nav, .bg-green-600, .guide-button, .podcast-youtube, .podcast-more button, .site-footer .newsletter button, .article-body .wp-block-button__link):hover::before { transform: scaleX(1); }

/* dark buttons: graphite, green sweep */
.jw-subpage :is(.podcast-youtube, .podcast-more button, .article-body .wp-block-button__link) { min-height: 54px; padding: 0 28px; border-radius: 3px; background: #17181b; color: #fff; font: 500 15px/1 var(--t-body); letter-spacing: 0; text-transform: none; }
.jw-subpage :is(.podcast-youtube, .podcast-more button):hover { background: #17181b; }
.jw-subpage .podcast-youtube { gap: 12px; }
/* green buttons: white sweep, the text turns green (as the guide buttons on the homepage) */
.jw-subpage .guide-button { min-height: 54px; padding: 0 28px; border-radius: 3px; background: #11914a; color: #fff; font: 500 15px/1 var(--t-body); letter-spacing: 0; text-transform: none; --sweep: #fff; transition: color .3s var(--ease) .05s; }
.jw-subpage .guide-button:hover, .jw-subpage .guide-form .guide-button:hover { background: #11914a; color: #11914a; }
.jw-subpage .guide-button svg { flex-shrink: 0; }

/* ---- Text links: a short green line that grows on hover ---- */
.jw-subpage :is(.article-link, .article-back) { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 0; padding: 0 0 7px; border: 0; color: var(--t-ink); font: 600 15px/1.3 var(--t-body); letter-spacing: 0; text-transform: none; text-decoration: none; }
.jw-subpage :is(.article-link, .article-back)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; background: var(--t-accent); transition: width 260ms ease; }
.jw-subpage :is(.article-link, .article-back):hover::after { width: 100%; }
.jw-subpage .podcast-current .article-link { font-size: 15px; letter-spacing: 0; }

/* ---- Grey bands at the top of the subpages ---- */
.jw-subpage .blog-intro, .jw-subpage .podcast-intro, .jw-subpage .article-header, .jw-subpage .capture-hero { background: var(--t-light); }

/* ---- Heading system on the subpages ----
   page title (h1): one size for every subpage; section heading: the size of the homepage section headings;
   sub-heading and card titles: the homepage sizes; all bold 700 */
.jw-subpage :is(.blog-intro h1, .blog-index .blog-intro h1, .podcast-intro h1, .guides-intro h1, .article-header h1, .guide-detail h1, .guide-detail .capture-hero h1, .standard-page h1) { font-family: var(--t-head); font-weight: 700; font-size: clamp(40px, 4.4vw, 64px); line-height: 1.06; letter-spacing: -0.045em; text-wrap: balance; }
.jw-subpage :is(.featured-post h2, .blog-index .featured-post h2, .guide-content h2, .related-posts > h2, .podcast-section-heading h2, .podcast-empty h2) { font-family: var(--t-head); font-weight: 700; font-size: clamp(30px, 3.3vw, 50px); line-height: 1.12; letter-spacing: -0.04em; text-wrap: balance; }
.jw-subpage :is(.podcast-current h2, .article-body h2, .guide-success h3) { font-family: var(--t-head); font-weight: 700; font-size: clamp(22px, 1.9vw, 30px); line-height: 1.18; letter-spacing: -0.03em; }
.jw-subpage :is(.post-card__title, .blog-index .post-card__title, .episode-card h3, .article-body h3) { font-family: var(--t-head); font-weight: 700; font-size: clamp(19px, 1.55vw, 23px); line-height: 1.22; letter-spacing: -0.022em; text-wrap: pretty; }
.jw-subpage .article-body :is(h4, h5, h6) { font-family: var(--t-head); font-weight: 700; font-size: 19px; line-height: 1.3; letter-spacing: -0.015em; }
.jw-subpage .guide-cover__type p { font-family: var(--t-head); font-weight: 700; letter-spacing: -0.03em; }
.jw-subpage :is(.featured-post h2 a, .post-card__title a):hover { color: var(--t-accent); text-decoration: none; }

/* ---- Running text ---- */
.jw-subpage :is(.blog-intro__description, .podcast-intro__description, .article-lead, .guide-description, .featured-post__content > p, .post-card__excerpt, .podcast-current p, .guide-success p, .guide-unavailable, .guides-empty) { color: var(--t-muted); font-weight: 350; }
.jw-subpage .article-lead { font-size: clamp(18px, 1.4vw, 20px); line-height: 1.6; }
.jw-subpage :is(.post-meta, .podcast-current time, .episode-card time, .guide-meta, .guide-note) { color: var(--t-muted); font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.jw-subpage .post-meta a { color: var(--t-ink); font-weight: 500; text-decoration: none; }
.jw-subpage .post-meta a:hover { color: var(--t-accent); }

/* ---- Blog: categories (current one marked by the short green line, no underline) ---- */
.jw-subpage .blog-topics__title { font: 700 15px/1.4 var(--t-head); letter-spacing: -0.01em; }
.jw-subpage .blog-categories { border: 0; }
.jw-subpage .blog-categories a, .jw-subpage .blog-index .blog-categories a { position: relative; padding: 4px 0 8px; color: var(--t-muted); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; text-decoration: none; }
.jw-subpage .blog-categories a::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 0; height: 2px; background: var(--t-accent); transition: width 260ms ease; }
.jw-subpage .blog-categories a:hover, .jw-subpage .blog-categories a[aria-current] { color: var(--t-ink); text-decoration: none; }
.jw-subpage .blog-categories a:hover::after { width: 22px; }
.jw-subpage .blog-categories a[aria-current] { font-weight: 600; }
.jw-subpage .blog-categories a[aria-current]::after { width: 22px; }

/* ---- Pagination ---- */
.jw-subpage .blog-main .pagination { border: 0; }
.jw-subpage .blog-main .page-numbers { border-radius: var(--t-radius); border-color: #dfe2e6; font-size: 14px; font-weight: 500; }
.jw-subpage .blog-main .page-numbers.current { background: #17181b; border-color: #17181b; color: #fff; }
.jw-subpage .blog-main a.page-numbers:hover { border-color: #17181b; }

/* ---- Article ---- */
.jw-subpage .article-body { font-weight: 350; color: var(--t-ink); }
.jw-subpage .article-body strong { font-weight: 600; }
.jw-subpage .article-body em, .jw-subpage .article-body i { font-style: italic; }
.jw-subpage .article-body a { color: var(--t-accent); font-weight: 500; text-decoration: none; }
.jw-subpage .article-body a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.jw-subpage .article-body ul li::marker, .jw-subpage .article-body ol li::marker { color: var(--t-accent); }
/* a quote set apart by a light ground, not by rules */
.jw-subpage .article-body blockquote { margin-block: 40px; padding: clamp(24px, 3vw, 36px) clamp(24px, 3.4vw, 40px); border: 0; background: var(--t-light); font: 300 clamp(22px, 2vw, 27px)/1.42 var(--t-head); font-style: normal; letter-spacing: -0.02em; color: var(--t-ink); }
.jw-subpage .article-body blockquote p { margin: 0; }
.jw-subpage .article-body blockquote cite { margin-top: 16px; color: var(--t-muted); font: 500 14px/1.5 var(--t-body); font-style: normal; }
.jw-subpage .article-body figcaption { color: var(--t-muted); font-size: 13px; }
.jw-subpage .article-body td, .jw-subpage .article-body th { border-color: #dfe2e6; }
.jw-subpage .article-body pre { background: var(--t-light); border-radius: var(--t-radius); }
.jw-subpage .article-footer, .jw-subpage .related-posts { border: 0; }
.jw-subpage .article-tags a { padding: 7px 12px; border-radius: var(--t-radius); background: var(--t-light); color: var(--t-ink); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; text-decoration: none; transition: background .25s var(--ease), color .25s var(--ease); }
.jw-subpage .article-tags a:hover { background: #17181b; color: #fff; }
.jw-subpage .blog-main ::selection { background: #cfe9da; color: var(--t-ink); }

/* ---- Podcast ---- */
.jw-subpage .podcast-section-heading > span { color: var(--t-muted); font-size: 14px; font-weight: 500; }
.jw-subpage .episode-card__play { border-radius: 50%; }
.jw-subpage .episode-card h3 a:hover, .jw-subpage .episode-card a:hover h3 { color: var(--t-accent); }

/* ---- Guides: no rule between the guides, no shadow under the covers ---- */
.jw-subpage .guide, .jw-subpage .capture-download, .jw-subpage .guide-success { border-top: 0; }
.jw-subpage .guide-cover__image, .jw-subpage .capture-hero__cover .guide-cover__image { box-shadow: none; }
.jw-subpage .guide-cover__type { background: var(--t-light); }
.jw-subpage .guide-form label, .jw-subpage .capture-hero .guide-form label { padding-left: 0; font: 600 14px/1.4 var(--t-body); letter-spacing: 0; text-transform: none; }
.jw-subpage .guide-form input[type=email] { padding-inline: 16px; }
.jw-subpage .guide-form input[type=email] { min-height: 54px; border: 1px solid var(--t-line); border-radius: 3px; background: #fff; font: 400 15px/1 var(--t-body); color: var(--t-ink); }
.jw-subpage .guide-form input[type=email]::placeholder { color: var(--t-muted); }
.jw-subpage .guide-form input[type=email]:focus-visible { outline: 2px solid var(--t-accent); outline-offset: 2px; }

/* ---- Plain pages ---- */
.jw-subpage .standard-page { padding-block: clamp(48px, 6vw, 96px); }
.jw-subpage .standard-page article { max-width: 46rem; font-size: 18px; font-weight: 350; line-height: 1.75; }
.jw-subpage .standard-page article > * + * { margin-top: 1.1em; }
.jw-subpage .standard-page h1 { margin-bottom: 32px; }
.jw-subpage .standard-page h2 { font: 700 clamp(22px, 1.9vw, 30px)/1.18 var(--t-head); letter-spacing: -0.03em; margin-top: 1.8em; }
.jw-subpage .standard-page a { color: var(--t-accent); font-weight: 500; }

/* ---- Footer (as on the homepage) ---- */
.jw-subpage .site-footer { background: #111417; color: #f3f5f6; font-family: var(--t-body); }
.jw-subpage .site-footer__group h2, .jw-subpage .site-footer .newsletter h2 { font: 700 19px/1.2 var(--t-head); letter-spacing: -0.02em; color: #f3f5f6; }
.jw-subpage .site-footer__group p, .jw-subpage .site-footer__group li a { font-weight: 350; color: #a9b0b6; }
.jw-subpage .site-footer__group li a:hover, .jw-subpage .site-footer__action:hover { color: #fff; }
.jw-subpage .site-footer__group .site-footer__guides a { font: 450 15px/1.3 var(--t-head); color: #f3f5f6; }
.jw-subpage .site-footer .newsletter input { border-radius: 3px; border-color: rgb(255 255 255 / .34); font-family: var(--t-body); }
.jw-subpage .site-footer .newsletter button { width: 100%; min-height: 54px; border-radius: 3px; background: var(--t-accent); color: #fff; font: 500 15px/1 var(--t-body); letter-spacing: 0; text-transform: none; --sweep: #fff; transition: color .3s var(--ease) .05s; }
.jw-subpage .site-footer .newsletter button:hover { color: var(--t-accent); }
.jw-subpage .site-footer__legal { color: #a9b0b6; font: 350 13px/1.4 var(--t-body); letter-spacing: 0; text-transform: none; }
.jw-subpage .site-footer__legal p { letter-spacing: 0; text-transform: none; font-size: 13px; }
@media (min-width: 1024px) and (max-width: 1279px) { .jw-subpage .site-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- Focus ---- */
.jw-subpage :is(a, button, input, summary):focus-visible { outline: 2px solid var(--t-accent); outline-offset: 3px; }

/* guide download form on a phone: the button keeps the readable size of the other buttons */
@media (max-width: 767px) {
    .jw-subpage .capture-hero .guide-form .guide-button { min-height: 54px; padding-inline: 16px; font-size: 14px; letter-spacing: 0; }
}

/* current page in the navigation: the short green line of the text links instead of an underline */
.jw-subpage .site-navigation .hidden.md\:flex a { position: relative; }
.jw-subpage .site-navigation .hidden.md\:flex a::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 0; height: 2px; background: var(--t-accent); transition: width 260ms ease; }
.jw-subpage .site-navigation .hidden.md\:flex a[aria-current="page"]::after { width: 22px; }
.jw-subpage .site-navigation a[aria-current="page"] { color: var(--t-ink); text-decoration: none; }

/* the green buttons fill with white on hover: a thin green edge keeps their shape on a white ground */
.jw-subpage .guide-button { border: 1px solid #11914a; }

/* ===== Blog index in the language of the homepage (15.11) =====
   A large title like the name in the hero, the description and the categories under it; the newest article as a large
   photo running to the left edge of the window with a graphite card over its corner; the other articles in two columns,
   the right one set lower; photos zoom in slowly on hover and a round "Czytaj artykuł" label follows the mouse. */
.blog-v2 { padding-bottom: clamp(96px, 10vw, 160px); }
.blog-v2 .blog-head { padding: clamp(56px, 7vw, 112px) 0 clamp(56px, 6vw, 96px); }
.blog-v2 .blog-head__title { margin: 0; font: 700 clamp(88px, 12.5vw, 200px)/.86 var(--t-head); letter-spacing: -0.065em; color: var(--t-ink); }
.blog-v2 .blog-head__title--long { font-size: clamp(46px, 6.2vw, 100px); line-height: 1; letter-spacing: -0.05em; text-wrap: balance; }
.blog-v2 .blog-head__lead { max-width: 34em; margin-top: clamp(24px, 2.6vw, 40px); color: var(--t-muted); font-size: clamp(18px, 1.4vw, 21px); font-weight: 350; line-height: 1.55; text-wrap: pretty; }
.blog-v2 .blog-head__lead p { margin: 0; }
.blog-filter { display: flex; flex-wrap: wrap; gap: 8px 32px; margin-top: clamp(32px, 3.4vw, 52px); }
.blog-filter a { position: relative; padding: 4px 0 10px; color: var(--t-muted); font-size: 15px; font-weight: 500; text-decoration: none; transition: color .25s var(--ease); }
.blog-filter a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--t-accent); transition: width 260ms ease; }
.blog-filter a:hover, .blog-filter a[aria-current] { color: var(--t-ink); }
.blog-filter a:hover::after, .blog-filter a[aria-current]::after { width: 22px; }
.blog-filter a[aria-current] { font-weight: 600; }

.blog-feature { position: relative; display: grid; margin-bottom: clamp(104px, 11vw, 176px); }
.blog-feature__media { display: block; overflow: hidden; aspect-ratio: 16 / 10; background: var(--t-light); }
.blog-feature__media img, .blog-tile__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.blog-feature__media:hover img { transform: scale(1.035); }
.blog-feature__card { position: relative; z-index: 2; display: grid; align-content: start; gap: 16px; margin: -56px 16px 0; padding: clamp(28px, 3.2vw, 52px); background: #17181b; color: #f3f4f5; }
.jw-subpage .blog-feature__card .post-meta { color: #a9b0b6; }
.jw-subpage .blog-feature__card .post-meta a { color: #fff; }
.blog-feature__title { margin: 0; font: 700 clamp(28px, 2.9vw, 44px)/1.1 var(--t-head); letter-spacing: -0.04em; text-wrap: balance; }
.blog-feature__title a { color: inherit; text-decoration: none; }
.blog-feature__excerpt { margin: 0; color: #c3c8cd; font-size: 16px; font-weight: 350; line-height: 1.6; text-wrap: pretty; }
.blog-feature__more { position: relative; justify-self: start; margin-top: 6px; padding-bottom: 7px; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; }
.blog-feature__more::after { content: ""; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; background: #6fcf97; transition: width 260ms ease; }
.blog-feature:hover .blog-feature__more::after { width: 100%; }
@media (min-width: 1024px) {
    .blog-feature { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: end; }
    .blog-feature__media { grid-column: 1 / 9; grid-row: 1; aspect-ratio: 4 / 3; margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); }
    .blog-feature__card { grid-column: 8 / 13; grid-row: 1; margin: 0 0 clamp(-72px, -4.6vw, -48px); }
}

.blog-list { display: grid; gap: 72px; }
.blog-tile { display: grid; align-content: start; gap: 14px; }
.blog-tile__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; margin-bottom: 10px; background: var(--t-light); }
.blog-tile__media:hover img { transform: scale(1.04); }
.blog-tile__title { margin: 0; font: 700 clamp(22px, 1.9vw, 30px)/1.16 var(--t-head); letter-spacing: -0.03em; text-wrap: balance; }
.blog-tile__title a { color: inherit; text-decoration: none; transition: color .25s var(--ease); }
.blog-tile:hover .blog-tile__title a { color: var(--t-accent); }
.blog-tile__excerpt { margin: 0; max-width: 34em; color: var(--t-muted); font-size: 16px; font-weight: 350; line-height: 1.6; text-wrap: pretty; }
@media (min-width: 768px) {
    .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 4.4vw, 80px); row-gap: clamp(72px, 7vw, 120px); }
    .blog-list > .blog-tile:nth-child(even) { margin-top: clamp(96px, 10vw, 180px); }
}
.blog-v2 .pagination { margin-top: clamp(80px, 8vw, 128px); }
.blog-empty-box { padding-bottom: 40px; }

/* entrances: what is still below the window waits a little lower and comes in when reached (blog.js) */
.blog-v2 [data-blog-reveal].is-pending { opacity: 0; transform: translateY(56px); }
.blog-v2 [data-blog-reveal].is-in { opacity: 1; transform: none; transition: opacity .9s var(--ease), transform 1.2s var(--ease-out); }

/* round "Czytaj artykuł" label following the mouse over the photos (as "Zobacz stronę" on the homepage) */
.jw-cursor { position: fixed; top: 0; left: 0; z-index: 120; pointer-events: none; }
.jw-cursor__disc { position: relative; display: grid; place-items: center; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 50%; background: #111417; color: #fff; transform: scale(0); transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.jw-cursor.is-on .jw-cursor__disc { transform: scale(1); }
.jw-cursor__ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: jw-cursor-turn 24s linear infinite; }
.jw-cursor__ring text { font: 500 12px/1 "Geologica", Arial, sans-serif; fill: currentColor; }
.jw-cursor__arrow { width: 22px; height: 22px; color: #40d085; }
@keyframes jw-cursor-turn { to { transform: rotate(360deg); } }
@media (hover: hover) and (pointer: fine) { .blog-v2 [data-read] { cursor: none; } }
@media (hover: none), (pointer: coarse) { .jw-cursor { display: none; } }
@media (prefers-reduced-motion: reduce) { .blog-v2 [data-blog-reveal].is-pending { opacity: 1; transform: none; } .jw-cursor__ring { animation: none; } }

/* ===== Interactions (15.11): text links have no lines under them and change colour on hover; buttons change colour with
   a short fade, no fill sweeping in from the left (replaces the earlier link lines and button sweeps) ===== */
.jw-subpage :is(.article-link, .article-back, .blog-categories a, .blog-filter a, .blog-feature__more, .site-navigation .hidden.md\:flex a)::after { display: none; }
.jw-subpage :is(.article-link, .article-back, .blog-feature__more) { padding-bottom: 0; transition: color .3s ease; }
.jw-subpage :is(.article-link, .article-back):hover { color: var(--t-accent); }
.jw-subpage .blog-feature__more:hover, .jw-subpage .blog-feature:hover .blog-feature__more { color: #6fcf97; }
.jw-subpage :is(.blog-categories a, .blog-filter a) { padding-bottom: 4px; transition: color .3s ease; }
.jw-subpage :is(.blog-categories a, .blog-filter a):hover { color: var(--t-accent); }
.jw-subpage :is(.blog-categories a, .blog-filter a)[aria-current] { color: var(--t-ink); font-weight: 600; }
.jw-subpage .site-navigation .hidden.md\:flex a { transition: color .3s ease; }
.jw-subpage .site-navigation .hidden.md\:flex a:hover { color: var(--t-accent); }
.jw-subpage .site-navigation a[aria-current="page"] { color: var(--t-ink); font-weight: 600; }
.jw-subpage .article-body a:hover { color: #0f7c39; text-decoration: none; }
.jw-subpage .site-footer a:hover span, .jw-subpage .site-footer__group h2 a:hover, .jw-subpage .site-footer__action:hover span { text-decoration: none; }
.jw-subpage :is(.guide-nav, .bg-green-600, .guide-button, .podcast-youtube, .podcast-more button, .site-footer .newsletter button, .article-body .wp-block-button__link)::before { display: none; }
.jw-subpage :is(.guide-nav, .bg-green-600, .guide-button, .podcast-youtube, .podcast-more button, .site-footer .newsletter button, .article-body .wp-block-button__link) { transition: background-color .35s ease, color .35s ease, border-color .35s ease; }
.jw-subpage :is(.guide-nav, .podcast-youtube, .podcast-more button, .article-body .wp-block-button__link):hover { background: #11914a; color: #fff; }
.jw-subpage :is(.bg-green-600, .site-header .bg-green-600):hover { background: #0f7c39; color: #fff; }
.jw-subpage .guide-button:hover, .jw-subpage .guide-form .guide-button:hover { background: #0f7c39; border-color: #0f7c39; color: #fff; }
.jw-subpage .site-footer .newsletter button:hover { background: #0f7c39; color: #fff; }

/* blog index, polish (15.11): pagination as plain numbers (current bold, others grey, colour on hover), a little more room
   under the large title */
.blog-v2 .blog-head__lead { margin-top: clamp(28px, 3vw, 48px); }
.blog-v2 .nav-links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 26px; }
.jw-subpage .blog-v2 .page-numbers { display: inline-block; min-width: 0; min-height: 0; padding: 4px 0; border: 0; border-radius: 0; background: none; color: var(--t-muted); font: 500 20px/1.2 var(--t-head); letter-spacing: -0.02em; transition: color .3s ease; }
.jw-subpage .blog-v2 .page-numbers.current { background: none; color: var(--t-ink); font-weight: 700; }
.jw-subpage .blog-v2 a.page-numbers:hover { border: 0; color: var(--t-accent); }
.jw-subpage .blog-v2 .page-numbers.next, .jw-subpage .blog-v2 .page-numbers.prev { font-size: 16px; font-weight: 600; color: var(--t-ink); }

/* blog index, round 2 (15.11): the categories in a bar (the current one dark); the newest article smaller, inside the
   column, the card over the photo's right edge; every article is one link: hover anywhere on the box zooms the photo and
   turns the title green, the normal pointer over the whole box; the other articles in an even grid (no offset) */
.jw-subpage .blog-filter { display: inline-flex; flex-wrap: wrap; gap: 4px; max-width: 100%; padding: 6px; border-radius: 2px; background: var(--t-light); }
.jw-subpage .blog-filter a { padding: 11px 18px; border-radius: 2px; color: var(--t-muted); font-size: 15px; font-weight: 500; line-height: 1.2; transition: color .3s ease, background-color .3s ease; }
.jw-subpage .blog-filter a:hover { color: var(--t-accent); }
.jw-subpage .blog-filter a[aria-current] { background: #17181b; color: #fff; font-weight: 600; }
@media (max-width: 767px) {
    .jw-subpage .blog-filter { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .jw-subpage .blog-filter::-webkit-scrollbar { display: none; }
    .jw-subpage .blog-filter a { flex-shrink: 0; }
}

.blog-v2 [data-read] { position: relative; cursor: pointer; }
.blog-v2 .blog-open { color: inherit; text-decoration: none; }
.blog-v2 .blog-open::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.blog-v2 [data-read] .post-meta a { position: relative; z-index: 2; }
.blog-v2 [data-read]:hover .blog-feature__media img, .blog-v2 [data-read]:hover .blog-tile__media img { transform: scale(1.04); }
.blog-v2 .blog-feature:hover .blog-feature__title { color: #6fcf97; }
.blog-v2 .blog-feature__title, .blog-v2 .blog-tile__title { transition: color .3s ease; }
.blog-v2 .blog-tile:hover .blog-tile__title, .blog-v2 .blog-tile:hover .blog-tile__title a { color: var(--t-accent); }
.blog-v2 .blog-feature__media:hover img, .blog-v2 .blog-tile__media:hover img { transform: none; }
.blog-v2 [data-read]:hover .blog-feature__media img, .blog-v2 [data-read]:hover .blog-tile__media img { transform: scale(1.04); }

.blog-v2 .blog-feature { margin-bottom: clamp(88px, 9vw, 140px); }
.blog-v2 .blog-feature__media { aspect-ratio: 3 / 2; }
@media (min-width: 1024px) {
    .blog-v2 .blog-feature { align-items: center; }
    .blog-v2 .blog-feature__media { grid-column: 1 / 8; aspect-ratio: 3 / 2; margin-left: 0; }
    .blog-v2 .blog-feature__card { grid-column: 7 / 13; margin: 0; }
}

.blog-v2 .blog-list { display: grid; gap: 56px; }
@media (min-width: 640px) {
    .blog-v2 .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; row-gap: 64px; }
    .blog-v2 .blog-list > .blog-tile:nth-child(even) { margin-top: 0; }
}
@media (min-width: 1024px) { .blog-v2 .blog-list { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(28px, 2.6vw, 44px); row-gap: 72px; } }
.blog-v2 .blog-tile__media { aspect-ratio: 3 / 2; }
.blog-v2 .blog-tile__title { font-size: clamp(19px, 1.55vw, 23px); line-height: 1.22; letter-spacing: -0.022em; }
.blog-v2 .blog-tile__excerpt { font-size: 15px; }

@media (hover: hover) and (pointer: fine) { .blog-v2 [data-read] { cursor: pointer; } }
/* the card stays above the photo as a grid item (z-index without position), so the title link covers the whole article */
.blog-v2 .blog-feature__card { position: static; z-index: 2; }

/* blog index, round 3 (15.11): the round turning "Czytaj artykuł" label is back, now over the whole article box; the
   categories as a strip like the strip of slogans on the homepage (one row on a light band, green dots between, the number
   of articles at each); the newest article large again but easy to read: the photo runs to the left edge of the window,
   16:10, and the graphite card sits over its right part, centred on it (nothing hangs below) */
@media (hover: hover) and (pointer: fine) { .blog-v2 [data-read], .blog-v2 [data-read] a { cursor: none; } }

.blog-v2 .blog-head { padding-bottom: clamp(36px, 4vw, 60px); }
.blog-strip { overflow-x: auto; margin-bottom: clamp(64px, 7vw, 112px); background: var(--t-light); scrollbar-width: none; }
.blog-strip::-webkit-scrollbar { display: none; }
.blog-strip__track { display: flex; align-items: center; white-space: nowrap; padding-block: clamp(18px, 1.8vw, 26px); }
.blog-strip__item { display: inline-flex; align-items: center; color: var(--t-muted); font: 400 clamp(17px, 1.45vw, 22px)/1.2 var(--t-head); letter-spacing: -0.02em; text-decoration: none; transition: color .3s ease; }
.blog-strip__item sup { margin-left: 5px; font-size: .55em; font-weight: 600; vertical-align: super; color: var(--t-accent); }
.blog-strip__item + .blog-strip__item::before { content: ""; flex-shrink: 0; width: 5px; height: 5px; margin: 0 clamp(18px, 2.2vw, 34px); border-radius: 50%; background: var(--t-accent); }
.blog-strip__item:hover { color: var(--t-accent); }
.blog-strip__item[aria-current] { color: var(--t-ink); font-weight: 700; }

.blog-v2 .blog-feature { margin-bottom: clamp(96px, 10vw, 160px); }
.blog-v2 .blog-feature__media { aspect-ratio: 16 / 10; }
@media (min-width: 1024px) {
    .blog-v2 .blog-feature { align-items: center; }
    .blog-v2 .blog-feature__media { grid-column: 1 / 9; aspect-ratio: 16 / 10; margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); }
    .blog-v2 .blog-feature__card { grid-column: 7 / 13; margin: 0; }
}

/* blog index, round 4 (15.11): no numbers at the categories; the round label only over the photos (the texts keep the normal
   pointer, the whole box stays one link); pagination: round arrows with a label at the sides, numbered squares in the middle */
@media (hover: hover) and (pointer: fine) {
    .blog-v2 [data-read], .blog-v2 [data-read] a { cursor: pointer; }
    .blog-v2 [data-read].is-over-photo, .blog-v2 [data-read].is-over-photo a { cursor: none; }
}
.blog-pages { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; margin-top: clamp(80px, 8vw, 128px); }
.blog-pages__side--next { display: flex; justify-content: flex-end; }
.blog-pages__numbers { display: flex; gap: 8px; }
.jw-subpage .blog-v2 .blog-pages__numbers .page-numbers { display: grid; place-items: center; min-width: 52px; height: 52px; padding: 0 10px; border-radius: 2px; background: var(--t-light); color: var(--t-ink); font: 500 18px/1 var(--t-head); letter-spacing: -0.02em; text-decoration: none; transition: background-color .3s ease, color .3s ease; }
.jw-subpage .blog-v2 .blog-pages__numbers a.page-numbers:hover { color: var(--t-accent); }
.jw-subpage .blog-v2 .blog-pages__numbers .page-numbers.current { background: #17181b; color: #fff; font-weight: 700; }
.jw-subpage .blog-v2 .blog-pages__numbers .page-numbers.dots { background: none; min-width: 24px; color: var(--t-muted); }
.blog-pages__step { display: inline-flex; align-items: center; gap: 14px; color: var(--t-ink); font: 600 15px/1.2 var(--t-body); text-decoration: none; transition: color .3s ease; }
.blog-pages__arrow { display: grid; place-items: center; flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; background: var(--t-light); color: var(--t-ink); transition: background-color .3s ease, color .3s ease; }
.blog-pages__arrow svg { width: 20px; height: 20px; }
.blog-pages__step:hover { color: var(--t-accent); }
.blog-pages__step:hover .blog-pages__arrow { background: var(--t-accent); color: #fff; }
@media (max-width: 639px) {
    .blog-pages { grid-template-columns: auto 1fr auto; gap: 10px; }
    .blog-pages__step > span:not(.blog-pages__arrow) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .blog-pages__numbers { justify-content: center; }
    .jw-subpage .blog-v2 .blog-pages__numbers .page-numbers { min-width: 44px; height: 44px; }
    .blog-pages__arrow { width: 44px; height: 44px; }
}

/* ===== Podcast in the language of the homepage (15.11) =====
   The header as on the blog (large title, description, YouTube button); the player runs to the left edge of the window and a
   graphite panel with the current episode stands right next to it (nothing lies over the video, its controls stay free); the
   episodes in an even grid like the blog articles: the whole box is one link, the thumbnail zooms on hover, the title turns
   green, the current episode is marked, a round turning "Odtwórz odcinek" label follows the mouse over the thumbnails. */
.podcast-v2 .podcast-youtube { margin-top: clamp(28px, 3vw, 44px); }
.podcast-v2 .podcast-featured { display: grid; gap: 0; align-items: stretch; margin: 0 0 clamp(96px, 10vw, 160px); padding: 0; }
.podcast-v2 .podcast-stage { aspect-ratio: 16 / 9; background: #0b0c0d; }
.podcast-v2 .podcast-start > img { opacity: 1; transition: transform 1.4s var(--ease-out); }
.podcast-v2 .podcast-start:hover > img { transform: scale(1.03); }
.podcast-v2 .podcast-play { width: 84px; height: 84px; border: 0; background: var(--t-accent); transition: background-color .3s ease, transform .3s ease; }
.podcast-v2 .podcast-start:hover .podcast-play { background: #0f7c39; }
.podcast-v2 .podcast-current { display: grid; align-content: center; gap: 16px; max-width: none; padding: clamp(28px, 3.2vw, 52px); background: #17181b; color: #f3f4f5; }
.jw-subpage .podcast-v2 .podcast-current time { color: #a9b0b6; font-size: 13px; }
.jw-subpage .podcast-v2 .podcast-current h2 { margin: 0; color: #fff; font: 700 clamp(24px, 2.2vw, 34px)/1.14 var(--t-head); letter-spacing: -0.035em; text-wrap: balance; }
.jw-subpage .podcast-v2 .podcast-current p { margin: 0; color: #c3c8cd; font-size: 15px; line-height: 1.6; white-space: normal; }
.jw-subpage .podcast-v2 .podcast-current .article-link { justify-self: start; margin-top: 4px; color: #fff; font-size: 15px; }
.jw-subpage .podcast-v2 .podcast-current .article-link:hover { color: #6fcf97; }
@media (min-width: 1024px) {
    .podcast-v2 .podcast-featured { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .podcast-v2 .podcast-stage { grid-column: 1 / 9; margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); width: auto; }
    .podcast-v2 .podcast-current { grid-column: 9 / 13; }
}

.podcast-v2 .podcast-episodes { padding-top: 0; }
.podcast-v2 .podcast-section-heading { margin-bottom: clamp(36px, 4vw, 56px); }
.podcast-v2 .episode-grid { display: grid; gap: 56px; }
@media (min-width: 640px) { .podcast-v2 .episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; row-gap: 64px; } }
@media (min-width: 1024px) { .podcast-v2 .episode-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(28px, 2.6vw, 44px); row-gap: 72px; } }
.podcast-v2 .episode-card__link { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; align-content: start; gap: 12px; padding: 0; color: inherit; text-decoration: none; }
.podcast-v2 .episode-card__image { grid-column: auto; grid-row: auto; margin-bottom: 8px; aspect-ratio: 16 / 9; background: #0b0c0d; }
.podcast-v2 .episode-card__image img { transition: transform 1.4s var(--ease-out); }
.podcast-v2 .episode-card__link:hover .episode-card__image img { transform: scale(1.04); }
.podcast-v2 .episode-card time, .podcast-v2 .episode-card h3 { grid-column: auto; }
.jw-subpage .podcast-v2 .episode-card h3 { margin: 0; transition: color .3s ease; }
.podcast-v2 .episode-card__link:hover h3, .podcast-v2 .episode-card__link:focus-visible h3 { color: var(--t-accent); text-decoration: none; }
.podcast-v2 .episode-card__play { right: 12px; bottom: 12px; border: 0; background: rgb(17 20 23 / .85); transition: background-color .3s ease; }
.podcast-v2 .episode-card__link:hover .episode-card__play { background: var(--t-accent); }
/* the episode in the player: its thumbnail darkened with a green play mark, the title green */
.podcast-v2 .episode-card__link[aria-current] h3 { color: var(--t-accent); }
.podcast-v2 .episode-card__link[aria-current] .episode-card__image::after { content: ""; position: absolute; inset: 0; background: rgb(17 20 23 / .45); }
.podcast-v2 .episode-card__link[aria-current] .episode-card__play { z-index: 1; background: var(--t-accent); }
.podcast-v2 .podcast-more { margin-top: clamp(48px, 5vw, 72px); }
.podcast-v2 .podcast-all { margin-top: clamp(48px, 5vw, 72px); }
@media (hover: hover) and (pointer: fine) {
    .podcast-v2 [data-read], .podcast-v2 [data-read] a { cursor: pointer; }
    .podcast-v2 [data-read].is-over-photo, .podcast-v2 [data-read].is-over-photo a { cursor: none; }
}

/* podcast, round 2 (15.11): the player and the panel side by side without a gap (the video keeps 16:9, the panel stretches to
   its height); the episodes as rows in two columns: the number in thin type, the title in bold, the date under it and a round
   play button; hover on the whole row (light ground, green button), the episode in the player marked the same way with a
   green number; the round "Odtwórz odcinek" label over the large thumbnail of the player */
.podcast-v2 .podcast-stage { align-self: start; justify-self: stretch; }
.podcast-v2 .podcast-current { align-self: stretch; }
.podcast-v2 .episode-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
@media (min-width: 1024px) { .podcast-v2 .episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 2.6vw, 44px); row-gap: 6px; } }
.podcast-v2 .episode-row__link { display: grid; grid-template-columns: clamp(64px, 6vw, 96px) minmax(0, 1fr) auto; align-items: center; gap: 0 clamp(14px, 1.6vw, 24px); padding: clamp(16px, 1.6vw, 22px) clamp(12px, 1.6vw, 24px); border-radius: 2px; color: var(--t-ink); text-decoration: none; transition: background-color .3s ease; }
.podcast-v2 .episode-row__link:hover { background: var(--t-light); }
.podcast-v2 .episode-row__no { font: 100 clamp(40px, 3.6vw, 58px)/1 var(--t-head); letter-spacing: -0.05em; color: var(--t-ink); transition: color .3s ease; }
.podcast-v2 .episode-row__text { display: grid; gap: 6px; min-width: 0; }
.jw-subpage .podcast-v2 .episode-row__title { margin: 0; font: 700 clamp(17px, 1.4vw, 21px)/1.25 var(--t-head); letter-spacing: -0.02em; color: inherit; text-wrap: pretty; transition: color .3s ease; }
.jw-subpage .podcast-v2 .episode-row time { color: var(--t-muted); font-size: 13px; }
.podcast-v2 .episode-row__play { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--t-light); color: var(--t-ink); transition: background-color .3s ease, color .3s ease; }
.podcast-v2 .episode-row__play svg { margin-left: 2px; }
.podcast-v2 .episode-row__link:hover .episode-row__play { background: var(--t-accent); color: #fff; }
.podcast-v2 .episode-row__link:hover .episode-row__title { color: var(--t-accent); }
.podcast-v2 .episode-row__link:hover .episode-row__play, .podcast-v2 .episode-row__link[aria-current] .episode-row__play { background: var(--t-accent); color: #fff; }
.podcast-v2 .episode-row__link[aria-current] { background: var(--t-light); }
.podcast-v2 .episode-row__link[aria-current] .episode-row__no, .podcast-v2 .episode-row__link[aria-current] .episode-row__title { color: var(--t-accent); }
.podcast-v2 .episode-row__link[aria-current] .episode-card__image::after { display: none; }
@media (max-width: 639px) { .podcast-v2 .episode-row__play { width: 40px; height: 40px; } }
@media (hover: hover) and (pointer: fine) {
    .podcast-v2 .podcast-stage.is-over-photo, .podcast-v2 .podcast-stage.is-over-photo a { cursor: none; }
}
/* (podcast.css caps the stage at max-width: 100%, which kept it from reaching the panel once moved to the window edge) */
@media (min-width: 1024px) { .podcast-v2 .podcast-stage { max-width: none; } }
/* no underline under the labels of text links either (theme.css underlined .text-link-label) */
.jw-subpage .text-link-label, .jw-subpage a:hover .text-link-label { text-decoration: none; }

/* podcast, round 3 (15.11, "brzydkie"): no black slab; the player stays in the column (7/12), with its thumbnail in full
   resolution and whole (maxresdefault, 16:9, nothing cut); the current episode next to it on white, vertically centred;
   the episode in the player marked by a green number, title and button, without a grey ground */
@media (min-width: 1024px) {
    .podcast-v2 .podcast-featured { column-gap: clamp(28px, 3.4vw, 56px); align-items: center; }
    .podcast-v2 .podcast-stage { grid-column: 1 / 8; margin-left: 0; }
    .podcast-v2 .podcast-current { grid-column: 8 / 13; align-self: center; }
}
.podcast-v2 .podcast-stage { border-radius: 2px; }
.podcast-v2 .podcast-current { padding: clamp(24px, 2.4vw, 32px) 0 0; background: none; color: var(--t-ink); gap: 14px; }
.jw-subpage .podcast-v2 .podcast-current time { color: var(--t-muted); }
.jw-subpage .podcast-v2 .podcast-current h2 { color: var(--t-ink); font-size: clamp(26px, 2.4vw, 38px); }
.jw-subpage .podcast-v2 .podcast-current p { color: var(--t-muted); font-size: 16px; }
.jw-subpage .podcast-v2 .podcast-current .article-link { color: var(--t-ink); }
.jw-subpage .podcast-v2 .podcast-current .article-link:hover { color: var(--t-accent); }
@media (min-width: 1024px) { .podcast-v2 .podcast-current { padding: 0; } }
.podcast-v2 .episode-row__link[aria-current] { background: none; }
.podcast-v2 .episode-row__link[aria-current]:hover, .podcast-v2 .episode-row__link:hover { background: var(--t-light); }

/* podcast, round 4 (15.11, "odcinki i numery bardzo brzydkie"): no numbers and no rows; the episodes in an even grid like the
   blog articles, each with its own thumbnail in full resolution and whole (the episode title is on it, so they differ), the
   date and the title under it; the whole box is one link, the thumbnail zooms on hover, the title turns green, the round
   "Odtwórz odcinek" label over the thumbnails; the episode in the player: green title and a small green "play" mark */
.podcast-v2 .episode-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
@media (min-width: 640px) { .podcast-v2 .episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; row-gap: 56px; } }
@media (min-width: 1024px) { .podcast-v2 .episode-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(28px, 2.6vw, 44px); row-gap: 64px; } }
.podcast-v2 .episode-tile .episode-card__link { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 10px; padding: 0; border-radius: 0; background: none; color: var(--t-ink); text-decoration: none; }
.podcast-v2 .episode-tile .episode-card__link:hover, .podcast-v2 .episode-tile .episode-card__link[aria-current] { background: none; }
.podcast-v2 .episode-tile .episode-card__image { position: relative; overflow: hidden; margin-bottom: 8px; border-radius: 2px; aspect-ratio: 16 / 9; background: #0b0c0d; }
.podcast-v2 .episode-tile .episode-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.podcast-v2 .episode-tile .episode-card__link:hover .episode-card__image img { transform: scale(1.04); }
.jw-subpage .podcast-v2 .episode-tile time { color: var(--t-muted); font-size: 13px; }
.jw-subpage .podcast-v2 .episode-tile h3 { margin: 0; font: 700 clamp(18px, 1.45vw, 21px)/1.25 var(--t-head); letter-spacing: -0.02em; color: inherit; text-wrap: pretty; transition: color .3s ease; }
.podcast-v2 .episode-tile .episode-card__link:hover h3, .podcast-v2 .episode-tile .episode-card__link[aria-current] h3 { color: var(--t-accent); }
.podcast-v2 .episode-tile .episode-card__link[aria-current] .episode-card__image::after { content: ""; position: absolute; left: 14px; bottom: 14px; width: 38px; height: 38px; border-radius: 50%; background: var(--t-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.5 6.5 9 5.5-9 5.5z' fill='%23fff'/%3E%3C/svg%3E") center / 18px no-repeat; }
@media (hover: hover) and (pointer: fine) {
    .podcast-v2 [data-read].is-over-photo, .podcast-v2 [data-read].is-over-photo a { cursor: none; }
}

/* podcast: the YouTube button in YouTube red (15.11), darker red on hover */
.jw-subpage .podcast-v2 .podcast-youtube { background: #ff0033; color: #fff; }
.jw-subpage .podcast-v2 .podcast-youtube:hover { background: #d1002a; color: #fff; }

/* ===== Guides in the language of the homepage (15.11) =====
   List: the header as on the blog; each guide a row: the cover standing on a light panel that runs to the edge of the window
   (left for the first, right for the second), the title, description, size and button on the other side; the cover lifts a
   little on hover and comes in straightening when the row is reached; the round "Zobacz poradnik" label over the panels.
   One guide: the text on white on the left, the cover on the light panel running to the right edge. */
.guides-v2 .guide-row { display: grid; gap: 32px; padding: 0; border: 0; margin-bottom: clamp(88px, 9vw, 150px); }
.guides-v2 .guide-row .guide-cover { position: relative; display: grid; place-items: center; overflow: hidden; padding: clamp(40px, 5vw, 80px) clamp(28px, 4vw, 64px); background: var(--t-light); }
.guides-v2 .guide-row .guide-cover__image { width: min(72%, 340px); height: auto; box-shadow: none; transition: transform .9s var(--ease-out); }
.guides-v2 .guide-row:hover .guide-cover__image { transform: translateY(-8px) scale(1.02); }
.guides-v2 .guide-row.is-pending .guide-cover__image { transform: translateY(40px) rotate(-5deg); }
.guides-v2 .guide-row.is-in .guide-cover__image { transition: transform 1.3s var(--ease-out); }
.guides-v2 .guide-content { display: grid; align-content: center; gap: 0; }
.jw-subpage .guides-v2 .guide-content h2 { margin: 0; font-size: clamp(30px, 3.3vw, 50px); line-height: 1.1; }
.guides-v2 .guide-content h2 a { color: inherit; text-decoration: none; transition: color .3s ease; }
.guides-v2 .guide-content h2 a:hover { color: var(--t-accent); }
.jw-subpage .guides-v2 .guide-description { max-width: 34em; margin-top: 20px; font-size: 17px; line-height: 1.6; }
.jw-subpage .guides-v2 .guide-meta { margin: 18px 0 28px; }
.guides-v2 .guide-content .guide-button { justify-self: start; }
@media (min-width: 1024px) {
    .guides-v2 .guide-row { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: center; }
    .guides-v2 .guide-row .guide-cover { grid-column: 1 / 7; grid-row: 1; margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); aspect-ratio: 5 / 4; }
    .guides-v2 .guide-row .guide-content { grid-column: 8 / 13; grid-row: 1; }
    .guides-v2 .guide-row.guide--reverse .guide-cover { grid-column: 7 / 13; margin-left: 0; margin-right: calc((min(100vw - 48px, 1200px) - 100vw) / 2); }
    .guides-v2 .guide-row.guide--reverse .guide-content { grid-column: 1 / 6; }
}
@media (hover: hover) and (pointer: fine) {
    .guides-v2 [data-read] .guide-cover { cursor: pointer; }
    .guides-v2 [data-read].is-over-photo, .guides-v2 [data-read].is-over-photo a { cursor: none; }
}

.guide-detail.guides-v2 .capture-hero { background: none; }
.guide-detail.guides-v2 .capture-hero__copy { padding-block: clamp(48px, 6vw, 96px); }
.guide-detail.guides-v2 .capture-hero__cover { display: grid; place-items: center; padding: clamp(40px, 5vw, 80px) clamp(28px, 4vw, 64px); background: var(--t-light); }
.guide-detail.guides-v2 .capture-hero__cover .guide-cover__image { width: min(78%, 360px); }
@media (min-width: 1024px) {
    .guide-detail.guides-v2 .capture-hero__layout { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 24px; align-items: stretch; }
    .guide-detail.guides-v2 .capture-hero__copy { grid-column: 1 / 7; align-self: center; }
    .guide-detail.guides-v2 .capture-hero__cover { grid-column: 8 / 13; margin-right: calc((min(100vw - 48px, 1200px) - 100vw) / 2); max-width: none; }
}
@media (max-width: 1023px) { .guide-detail.guides-v2 .capture-hero__cover { max-width: none; margin: 0 -24px; } }
/* (guides.css limits .guide-cover to 310 px and centres it with auto margins; the panel takes its grid area instead) */
.guides-v2 .guide-row .guide-cover { width: auto; margin: 0; }
@media (min-width: 1024px) {
    .guides-v2 .guide-row .guide-cover { margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); }
    .guides-v2 .guide-row.guide--reverse .guide-cover { margin-left: 0; margin-right: calc((min(100vw - 48px, 1200px) - 100vw) / 2); }
}
@media (max-width: 1023px) { .guides-v2 .guide-row .guide-cover { margin-inline: -24px; } .guides-v2 .guide-row.guide--reverse .guide-cover { order: -1; } }
/* the large title fits a phone also for longer words ("Poradniki") */
@media (max-width: 639px) { .blog-v2 .blog-head__title { font-size: clamp(56px, 17vw, 88px); } }
@media (max-width: 639px) { .blog-v2 .blog-head__title.blog-head__title--long { font-size: clamp(40px, 11vw, 56px); } }

/* large page titles of the subpages 8 px smaller (15.11); on the podcast "Podcast" is the large title and the name of the
   podcast stands under it in the size of the section headings */
.blog-v2 .blog-head__title { font-size: clamp(80px, calc(12.5vw - 8px), 192px); }
@media (max-width: 639px) { .blog-v2 .blog-head__title { font-size: clamp(48px, calc(17vw - 8px), 80px); } }
.blog-v2 .blog-head__name { margin: clamp(18px, 2vw, 28px) 0 0; font: 700 clamp(30px, 3.3vw, 50px)/1.12 var(--t-head); letter-spacing: -0.04em; color: var(--t-ink); text-wrap: balance; }
.blog-v2 .blog-head__name + .blog-head__lead { margin-top: clamp(16px, 1.6vw, 24px); }

/* footer (15.11): tighter lines inside each link and text, more room between the links, so a wrapped title reads as one */
.jw-subpage .site-footer__group li a, .jw-subpage .site-footer__group p { line-height: 1.38; }
.jw-subpage .site-footer__group ul { gap: 16px; }
.jw-subpage .site-footer__group p { margin-bottom: 18px; }

/* the Roomhero top bar exactly as on the homepage: its button text 13 px (the shield made it 15 px, the bar grew to 60 px) */
.jw-subpage .bg-silky-dark a[class*="tracking-widest"] { font-size: 13px; }
/* category pages: the name of the category as a page title of normal size, not the large word of the blog (15.11) */
.blog-v2 .blog-head__title.blog-head__title--long { font-size: clamp(38px, 4.2vw, 64px); line-height: 1.04; letter-spacing: -0.045em; }
@media (max-width: 639px) { .blog-v2 .blog-head__title.blog-head__title--long { font-size: clamp(34px, 9vw, 44px); } }
.jw-subpage .site-footer__group li { line-height: 1.38; }
/* podcast: the whole playlist as a red YouTube button centred under the episodes */
.podcast-v2 .podcast-all { display: flex; justify-content: center; margin-top: clamp(56px, 6vw, 88px); }
.podcast-v2 .podcast-all .podcast-youtube { margin-top: 0; }

/* ===== One article in the language of the homepage (15.11) =====
   White header: back link, meta line, a large bold title, the lead; the cover runs from the left edge of the window to the
   right edge of the column; the text in the reading column; "Czytaj dalej" as the even grid of article boxes of the blog. */
.post-v2 .article-header { padding: clamp(48px, 6vw, 96px) 0 clamp(36px, 4vw, 56px); background: none; }
.post-v2 .article-back { margin-bottom: clamp(28px, 3vw, 44px); }
.jw-subpage .post-v2 .article-header h1 { max-width: 17em; margin-top: 18px; font-size: clamp(40px, 4.6vw, 72px); line-height: 1.04; letter-spacing: -0.045em; }
.jw-subpage .post-v2 .article-lead { max-width: 34em; margin-top: clamp(20px, 2vw, 28px); font-size: clamp(18px, 1.45vw, 21px); line-height: 1.55; }
.post-v2 .article-cover { margin-top: 0; margin-bottom: clamp(48px, 5vw, 80px); }
.post-v2 .article-cover img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
@media (min-width: 1024px) {
    .post-v2 .article-cover { width: auto; margin-left: calc((min(100vw - 48px, 1200px) - 100vw) / 2); margin-right: max(24px, (100vw - 1200px) / 2); }
    .post-v2 .article-cover img { aspect-ratio: 21 / 10; }
}
.post-v2 .article-footer { margin-top: clamp(40px, 4vw, 56px); }
.post-v2 .related-posts { margin-top: clamp(96px, 10vw, 160px); padding-top: 0; }
.jw-subpage .post-v2 .related-posts > h2 { margin-bottom: clamp(36px, 4vw, 56px); }
/* (subpages.css stretches .article-header to the full width with its own side padding; keep the header in the column) */
.jw-subpage .post-v2 .article-header { width: min(calc(100% - 48px), 1200px); margin-inline: auto; padding-inline: 0; }
/* footer: links and texts on exactly the same line height, also the guide links (15.11) */
.jw-subpage .site-footer__group .site-footer__guides a, .jw-subpage .site-footer__group .site-footer__guides a span { line-height: 1.38; }
.jw-subpage .site-footer__action { line-height: 1.38; }
/* podcast: the whole playlist as a text link with the YouTube mark in black (the red button is at the top) */
.podcast-all__link { display: inline-flex; align-items: center; gap: 12px; color: var(--t-ink); font: 600 16px/1.2 var(--t-body); text-decoration: none; transition: color .3s ease; }
.podcast-all__link svg { color: #17181b; transition: color .3s ease; }
.podcast-all__link:hover, .podcast-all__link:hover svg { color: var(--t-accent); }
/* the bottom Roomhero button on phones without the white fade behind it (15.11) */
.jw-subpage .sm\:hidden.fixed.bottom-0 { background: none; padding-bottom: max(16px, env(safe-area-inset-bottom)); }

/* 15.11: the same footer line-pitch fix as on the homepage (the li strut made link lines taller than text lines). */
.jw-subpage .site-footer__group li { font-size: inherit; }
.jw-subpage .site-footer__group li > a:not(:has(img)) { display: block; }

/* 15.11: the copyright line in the footer centred (as on the homepage) */
.jw-subpage .site-footer__legal { justify-content: center; text-align: center; }