/* Layout only; appearance is inherited from the shared publishing components. */
.childrens-publishing-page { --binding-muted: var(--bp-muted); }
.childrens-publishing-page :is(h1, h2, h3) { overflow-wrap: anywhere; }
.childrens-publishing-page .km-breadcrumbs { padding-top: 2rem; margin-bottom: 2rem; }
.childrens-publishing-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.childrens-publishing-hero .binding-hero__content { padding: 0; }
.childrens-publishing-hero figure { margin: 0; min-width: 0; max-width: 480px; justify-self: center; }
.childrens-publishing-hero img { display: block; width: 100%; height: auto; }
.childrens-publishing-hero figcaption { color: var(--bp-muted); font-size: .85rem; line-height: 1.5; margin-top: .8rem; }
.childrens-publishing-note { color: var(--bp-muted); font-size: .95rem; margin-bottom: 0; }
.childrens-publishing-actions { margin: 1.5rem 0 1rem; }
.childrens-publishing-actions .btn { white-space: normal; }
.childrens-publishing-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.childrens-publishing-paths :is(button, a) { min-height: 44px; display: inline-flex; align-items: center; }
.childrens-publishing-link { color: var(--primary); font-weight: 700; text-underline-offset: 4px; }
.childrens-publishing-cost-section { scroll-margin-top: 100px; }
.childrens-publishing-page .book-publishing-cost aside .print-books-actions { width: 100%; margin-bottom: 0; }
.childrens-publishing-page .book-publishing-cost aside .btn { width: 100%; }
.childrens-publishing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.childrens-publishing-example { display: block; color: inherit; text-decoration: none; min-width: 0; }
.childrens-publishing-example:hover { color: inherit; border-color: var(--primary); }
.childrens-publishing-example img { display: block; width: 100%; height: auto; }
.childrens-publishing-example > span { color: var(--primary); font-weight: 700; }
.childrens-publishing-example:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
@media (min-width: 992px) and (max-width: 1679.98px) { .childrens-publishing-page > .container { padding-right: 190px; } }
@media (max-width: 991.98px) { .childrens-publishing-hero, .childrens-publishing-paths { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) {
    .childrens-publishing-page .km-breadcrumbs { padding-top: 1.3rem; margin-bottom: 1.5rem; }
    .childrens-publishing-hero { gap: 1.8rem; }
    .childrens-publishing-actions { flex-direction: column; margin-top: 1.1rem; }
    .childrens-publishing-actions .btn { width: 100%; }
    .childrens-publishing-grid { grid-template-columns: 1fr; }
}