/* Article presentation: ordinary reading stays light; inserted tiles use the site palette. */
.lbp-article-design .lbpt-post-featured img,
.lbp-article-design .lbpt-post-content > .wp-block-image img { border-radius: 10px; }
.lbp-article-design .lbpt-post-content > :is(h2,h3) { scroll-margin-top: 110px; }
.lbp-article-design .lbpt-post-content > :is(p,ul,ol) a { text-underline-offset: 3px; }
.lbp-article-design .lbpt-post-content > :is(p,ul,ol) a:focus-visible { outline: 3px solid #806022; outline-offset: 3px; }

/* Only standard editorial blocks: nested ads, room cards and custom colours are untouched. */
.lbp-article-design .lbpt-post-content > blockquote:not(.has-background),
.lbp-article-design .lbpt-post-content > .wp-block-pullquote:not(.has-background) {
  box-sizing: border-box; margin-block: 28px; padding: 20px 24px;
  border: 1px solid #cec0a8; border-left: 3px solid #a17b31; border-radius: 10px;
  background: #ece3d4; color: #29241c;
}
.lbp-article-design .lbpt-post-content > blockquote:not(.has-background) > p { margin-block: 0 12px; }
.lbp-article-design .lbpt-post-content > blockquote:not(.has-background) > :last-child { margin-bottom: 0; }
.lbp-article-design .lbpt-post-content > blockquote:not(.has-background) cite { color: #655239; font-size: 14px; }
.lbp-article-design .lbpt-post-content > .wp-block-details:not(.has-background) {
  box-sizing: border-box; margin-block: 14px; padding: 0 18px;
  border: 1px solid #cec0a8; border-radius: 10px; background: #f9f5ed; color: #29241c;
}
.lbp-article-design .lbpt-post-content > .wp-block-details:not(.has-background) > summary {
  box-sizing: border-box; min-height: 52px; padding-block: 14px; cursor: pointer;
  color: #342b1d; font-size: 16px; font-weight: 700; line-height: 1.5;
}
.lbp-article-design .lbpt-post-content > .wp-block-details > summary:focus-visible { outline: 3px solid #806022; outline-offset: 3px; }
.lbp-article-design .lbpt-post-content > .wp-block-details[open]:not(.has-background) > summary { border-bottom: 1px solid #d9cdbb; }
.lbp-article-design .lbpt-post-content > .wp-block-table { border-radius: 10px; overflow-x: auto; }

/* The existing previous/next links get a clear, compact destination tile too. */
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link { width: min(780px,100%); margin-inline: auto; }
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a {
  box-sizing: border-box; display: block; min-height: 64px; padding: 14px 18px;
  border: 1px solid #cec0a8; border-radius: 8px; background: #ede5d8;
  color: #342b1d; font-size: 16px; font-weight: 600; line-height: 1.5; text-decoration: none;
}
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a::before {
  display: block; margin-bottom: 4px; color: #655239; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a[rel="prev"]::before { content: "Předchozí článek"; }
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a[rel="next"]::before { content: "Další článek"; }
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a:hover { border-color: #806022; text-decoration: underline; text-underline-offset: 3px; }
.lbp-article-design .lbpt-content > .wp-block-post-navigation-link > a:focus-visible { outline: 3px solid #806022; outline-offset: 3px; }

/* Related reading shares the rounded, gold-accented tiles used on the main sections. */
.lbp-article-design .lbp-related-links {
  box-sizing: border-box; container: lbp-reading / inline-size;
  margin-block: 30px; padding: 18px; border: 1px solid #cec0a8; border-top: 3px solid #b58a36;
  border-radius: 10px; background: #ede5d8; color: #29241c;
}
.lbp-article-design .lbp-related-links *,
.lbp-article-design .lbp-related-videos * { box-sizing: border-box; }
.lbp-article-design .lbp-related-links .lbp-reading-header { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.lbp-article-design .lbp-related-links .lbp-reading-header h2 {
  margin: 0; padding: 0; color: #29241c; font-family: "Cormorant Garamond",Georgia,serif;
  font-size: 28px; font-weight: 600; line-height: 1.15; letter-spacing: -.01em;
}
.lbp-article-design .lbp-related-links .lbp-reading-icon {
  display: grid; place-items: center; align-self: start; flex: none;
  width: 36px; height: 36px; margin: 0; padding: 5px;
  border: 1px solid #665638; border-radius: 8px; background: #30281b;
}
.lbp-article-design .lbp-related-links .lbp-reading-icon img {
  display: block; width: 24px; height: 24px; max-width: 24px; object-fit: contain;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
}
.lbp-article-design .lbp-related-links .lbp-reading-grid {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;
  margin: 0; padding: 0; list-style: none;
}
.lbp-article-design .lbp-related-links .lbp-reading-grid > li { min-width: 0; margin: 0; padding: 0; }
.lbp-article-design .lbp-related-links .lbp-reading-card {
  display: grid; grid-template-columns: 36px minmax(0,1fr); align-content: start; gap: 12px;
  height: 100%; min-height: 0; min-width: 0; padding: 16px;
  border: 1px solid #665638; border-radius: 8px; background: #211d16;
  color: #fff9ed; text-decoration: none;
}
.lbp-article-design .lbp-related-links .lbp-reading-copy { display: contents; min-width: 0; color: #fff9ed; }
.lbp-article-design .lbp-related-links .lbp-reading-copy small {
  display: block; grid-column: 2; align-self: center; margin: 0; color: #e1bf77; font-family: "DM Sans",Arial,sans-serif;
  font-size: 11px; font-weight: 700; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase;
}
.lbp-article-design .lbp-related-links .lbp-reading-copy strong {
  display: block; grid-column: 1/-1; margin: 0; color: #fff9ed; font-family: "DM Sans",Arial,sans-serif;
  font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere;
}
.lbp-article-design .lbp-related-links .lbp-reading-card:hover {
  border-color: #ad8230; background: #30281b; color: #fff9ed; box-shadow: none; text-decoration: none;
}
.lbp-article-design .lbp-related-links .lbp-reading-card:hover strong,
.lbp-article-design .lbp-related-links .lbp-reading-card:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }
.lbp-article-design .lbp-related-links .lbp-reading-card:focus-visible { outline: 3px solid #806022; outline-offset: 3px; box-shadow: none; }

/* Matching cards for the optional videos at the end of an article. */
.lbp-article-design .lbp-related-videos { container: lbp-reading / inline-size; margin-block: 32px; padding: 18px; border: 1px solid #cec0a8; border-radius: 10px; background: #ede5d8; }
.lbp-article-design .lbp-related-videos > header > p { color: #655239; font-size: 11px; line-height: 1.5; }
.lbp-article-design .lbp-related-videos > header > h2 { margin: 4px 0 0; color: #29241c; font-size: 28px; line-height: 1.15; }
.lbp-article-design .lbp-related-videos .lbp-related-video { overflow: hidden; border: 1px solid #665638; border-radius: 8px; background: #211d16; color: #fff9ed; text-decoration: none; }
.lbp-article-design .lbp-related-videos .lbp-related-video > small { margin: 12px 14px 0; color: #e1bf77; font-size: 11px; line-height: 1.5; }
.lbp-article-design .lbp-related-videos .lbp-related-video > strong { margin: 6px 14px 14px; color: #fff9ed; font-family: "DM Sans",Arial,sans-serif; font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.lbp-article-design .lbp-related-videos .lbp-related-video-image b { color: #17130d; }
.lbp-article-design .lbp-related-videos .lbp-related-video:hover { background: #30281b; border-color: #ad8230; }
.lbp-article-design .lbp-related-videos .lbp-related-video:hover > strong { text-decoration: underline; text-underline-offset: 3px; }
.lbp-article-design .lbp-related-videos .lbp-related-video:focus-visible { outline: 3px solid #806022; outline-offset: 3px; }

/* Use the article column's width, not just the screen width (desktop sidebar included). */
@container lbp-reading (max-width: 620px) {
  .lbp-article-design .lbp-related-links .lbp-reading-grid { grid-template-columns: minmax(0,1fr); }
  .lbp-article-design .lbp-related-links .lbp-reading-card { grid-template-columns: 36px minmax(0,1fr); gap: 12px; padding: 14px; }
  .lbp-article-design .lbp-related-links .lbp-reading-copy { display: block; }
  .lbp-article-design .lbp-related-links .lbp-reading-copy small { margin-bottom: 6px; }
  .lbp-article-design .lbp-related-videos > div { grid-template-columns: minmax(0,1fr); }
  .lbp-article-design .lbp-related-videos .lbp-related-video { display: grid; grid-template-columns: 96px minmax(0,1fr); column-gap: 14px; padding: 12px; }
  .lbp-article-design .lbp-related-videos .lbp-related-video-image { grid-row: 1/3; align-self: start; border-radius: 5px; }
  .lbp-article-design .lbp-related-videos .lbp-related-video > small { margin: 0; }
  .lbp-article-design .lbp-related-videos .lbp-related-video > strong { margin: 5px 0 0; font-size: 16px; }
}
@media (max-width: 700px) {
  .lbp-article-design .lbp-related-links,
  .lbp-article-design .lbp-related-videos { margin-block: 24px; padding: 14px; }
  .lbp-article-design .lbp-related-links .lbp-reading-header h2,
  .lbp-article-design .lbp-related-videos > header > h2 { font-size: 25px; }
  .lbp-article-design .lbp-related-links .lbp-reading-grid,
  .lbp-article-design .lbp-related-videos > div { grid-template-columns: minmax(0,1fr); }
  .lbp-article-design .lbp-related-links .lbp-reading-card { grid-template-columns: 36px minmax(0,1fr); gap: 12px; padding: 12px; }
  .lbp-article-design .lbp-related-links .lbp-reading-copy { display: block; }
  .lbp-article-design .lbp-related-links .lbp-reading-copy small { margin-bottom: 6px; }
  .lbp-article-design .lbp-related-links .lbp-reading-copy strong { font-size: 16px; }
  .lbp-article-design .lbpt-post-content > blockquote:not(.has-background),
  .lbp-article-design .lbpt-post-content > .wp-block-pullquote:not(.has-background) { padding: 16px 18px; }
}
@media (max-width: 380px) {
  .lbp-article-design .lbp-related-videos .lbp-related-video { display: flex; padding: 0; }
  .lbp-article-design .lbp-related-videos .lbp-related-video-image { align-self: stretch; }
  .lbp-article-design .lbp-related-videos .lbp-related-video > small { margin: 12px 14px 0; }
  .lbp-article-design .lbp-related-videos .lbp-related-video > strong { margin: 6px 14px 14px; }
}

/* rc76 — shared homepage offers in the article rail and one movable mobile panel. */
.lbp-article-design .lbp-article-panel { min-width: 0; }
.lbp-article-design .lbpt-post-content > .lbp-article-panel { width: 100%; max-width: 720px; margin: 28px auto; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel { border-radius: 10px; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel :is(.lbp-feature-card,.lbp-home-offers,.lbp-feature-fallback) { border-radius: 9px 9px 0 0; padding: 18px; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel.is-ready .lbp-carousel-slides { display: block; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel.is-ready .lbp-carousel-slide:not(.is-current) { display: none; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel .lbp-feature-card { display: flex; height: auto; }
.lbp-article-design .lbp-article-panel .lbp-offer-carousel .lbp-feature-action { margin-top: 16px; padding-top: 0; }
.lbp-article-design .lbp-article-panel .lbp-carousel-switcher { gap: 6px; padding: 10px 12px 12px; border-top: 1px solid #665638; }
.lbp-article-design .lbp-article-panel .lbp-carousel-switcher button { border-radius: 6px; min-height: 48px; font-size: 13px; line-height: 1.3; }
.lbp-article-design .lbp-article-panel .lbp-home-offers h2 { font-size: 29px; line-height: 1.15; }
.lbp-article-design .lbp-article-panel .lbp-home-offers .lbp-home-offers-kicker,
.lbp-article-design .lbp-article-layout .lbp-feature-kicker { display: flex; align-items: center; gap: 7px; font-size: 11px; line-height: 1.5; }
.lbp-article-design .lbp-article-panel .lbp-home-offers-kicker::before,
.lbp-article-design .lbp-article-layout .lbp-feature-kicker::before { content: ""; display: inline-block; flex: none; width: 18px; height: 18px; background: currentColor; mask: url("icons/online-gift.svg") center/contain no-repeat; }
.lbp-article-design .lbp-article-panel .lbp-home-offers-kicker::before { mask-image: url("icons/online-cards.svg"); }
.lbp-article-design .lbp-article-panel .lbp-home-offers li { border-radius: 8px; padding: 12px; }
.lbp-article-design .lbp-article-panel .lbp-home-offer-logo { width: 44px; height: 44px; flex-basis: 44px; border-radius: 5px; }
.lbp-article-design .lbp-article-panel .lbp-home-offer-heading h3 { font-size: 15px; line-height: 1.4; }
.lbp-article-design .lbp-article-panel .lbp-home-offer-heading p { font-size: 13px; line-height: 1.5; }
.lbp-article-design .lbp-article-panel .lbp-home-offers .lbp-home-offers-intro { font-size: 14px; line-height: 1.55; }
.lbp-article-design .lbp-article-panel .lbp-home-offer-link,
.lbp-article-design .lbp-article-layout .lbp-feature-cta { border-radius: 6px; min-height: 48px; font-size: 14px; line-height: 1.4; background: #e1bf77; border-color: #e1bf77; color: #17130d; text-decoration: none; }
.lbp-article-design .lbp-article-panel .lbp-home-offer-link:hover,
.lbp-article-design .lbp-article-layout .lbp-feature-cta:hover { background: #f0d59a; border-color: #f0d59a; color: #17130d; }
.lbp-article-design .lbp-article-layout .lbp-feature-card header h2 { font-size: 17px; line-height: 1.4; }
.lbp-article-design .lbp-article-layout .lbp-feature-logo { border-radius: 5px; }
.lbp-article-design .lbp-article-layout .lbp-feature-facts p,
.lbp-article-design .lbp-article-layout .lbp-feature-code { font-size: 14px; line-height: 1.55; }
.lbp-article-design .lbp-article-layout :is(.lbp-feature-deadline,.lbp-feature-links a,.lbp-feature-disclosure,.lbp-feature-warning),
.lbp-article-design .lbp-article-panel .lbp-home-offers :is(.lbp-home-offers-warning,.lbp-home-offers-disclosure) { font-size: 12px; line-height: 1.55; }
.lbp-article-design .lbp-article-layout .lbp-feature-links a { min-height: 44px; }
.lbp-article-design .lbp-article-layout .lbp-feature-card .lbp-feature-links a { color: var(--lbp-offer-foreground,#ead2a0); }
.lbp-article-design .lbp-article-offers > .lbp-offer-slot--article-extra :is(.lbp-feature-card,.lbp-feature-ad,.lbp-feature-fallback) { border-radius: 10px; padding: 18px; }
.lbp-article-design .lbp-article-offers .lbp-feature-fallback h2,
.lbp-article-design .lbp-article-offers .lbp-feature-ad h2 { font-size: 27px; line-height: 1.15; }
.lbp-article-design .lbp-article-offers .lbp-feature-fallback > p:not(.lbp-feature-kicker),
.lbp-article-design .lbp-article-offers .lbp-feature-ad-copy > p:not(.lbp-feature-warning) { font-size: 14px; line-height: 1.55; }
.lbp-article-design .lbp-article-offers .lbp-feature-ad-image { margin: 12px 0; aspect-ratio: 1/1; border: 1px solid #665638; border-radius: 8px; overflow: hidden; background: #171511; }
.lbp-article-design .lbp-article-offers .lbp-feature-ad-image img { width: 100%; height: 100%; max-height: none; object-fit: contain; }
@media (min-width: 1200px) {
  .lbp-article-design .lbp-article-layout { grid-template-columns: minmax(0,1fr) 340px; gap: 28px; }
  .lbp-article-design .lbp-article-offers > .lbp-article-panel.is-sticky { position: sticky; top: 24px; }
}
@media (max-width: 1199px) {
  .lbp-article-design .lbp-article-offers > .lbp-offer-slot--article-extra { display: none; }
  .lbp-article-design .lbp-article-offers:not(:has(.lbp-article-panel)) { display: none; }
}
@media (max-width: 700px) {
  .lbp-article-design .lbpt-post-content > .lbp-article-panel { margin-block: 24px; }
  .lbp-article-design .lbp-article-panel .lbp-offer-carousel :is(.lbp-feature-card,.lbp-home-offers,.lbp-feature-fallback) { padding: 14px; }
  .lbp-article-design .lbp-article-panel .lbp-home-offers h2 { font-size: 27px; }
  .lbp-article-design .lbp-article-panel .lbp-home-offers li { padding: 10px; }
  .lbp-article-design .lbp-article-panel .lbp-carousel-switcher { padding-inline: 10px; }
}