/* Homepage article books. Keep the existing horizontal rails and interactions. */
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) {
    --gkhb-columns: 5;
    --gkhb-gap: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--gkhb-gap);
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    min-width: 0;
    padding: 4px 5px 15px;
    box-sizing: border-box;
    touch-action: auto;
    overscroll-behavior-x: contain;
}
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper)::-webkit-scrollbar { height: 8px; }
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper)::-webkit-scrollbar-track { background: #e3e9ef; border-radius: 4px; }
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper)::-webkit-scrollbar-thumb { background: #132844; border-radius: 4px; }

body.home .gk-home-book {
    --gkhb-cover: #132844;
    --gkhb-title: #f4efe4;
    --gkhb-gold: #d5a64b;
    --gkhb-edge: rgba(213, 166, 75, .45);
    --gkhb-spine: #0d1f36;
    --gkhb-spine-light: #223a55;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - (var(--gkhb-columns) - 1) * var(--gkhb-gap)) / var(--gkhb-columns));
    width: calc((100% - (var(--gkhb-columns) - 1) * var(--gkhb-gap)) / var(--gkhb-columns));
    min-width: 0;
    max-width: none;
    margin: 0 0 5px !important;
    padding: 0 !important;
    overflow: visible;
}
body.home .gk-home-book--interest {
    --gkhb-cover: #ece6da;
    --gkhb-title: #132844;
    --gkhb-gold: #8d6a2c;
    --gkhb-edge: rgba(141, 106, 44, .38);
}
body.home .gk-home-book--popular {
    --gkhb-cover: #35485b;
    --gkhb-spine: #203143;
    --gkhb-spine-light: #4a5b6b;
    --gkhb-gold: #e3bc72;
    --gkhb-edge: rgba(227, 188, 114, .38);
}
body.home .gk-home-book > a.gk-home-book-cover,
body.home .gk-home-book > a.gk-home-book-cover:is(:hover, :focus) {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    aspect-ratio: 2 / 3;
    margin: 0;
    padding: 15px 12px 17px 21px;
    border: 1px solid var(--gkhb-edge);
    border-radius: 3px;
    background: var(--gkhb-cover) !important;
    color: var(--gkhb-title);
    text-decoration: none;
    box-shadow: 2px 2px 0 -1px #eeeae2, 3px 3px 0 -1px #cfc7b8,
        4px 4px 0 -1px #eeeae2, 5px 5px 0 -1px #cfc7b8,
        0 8px 15px -12px rgba(19, 40, 68, .22);
}
body.home .gk-home-book > a.gk-home-book-cover::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: 8px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(to right, var(--gkhb-spine), var(--gkhb-spine-light), var(--gkhb-spine));
    pointer-events: none;
}
body.home .gk-home-book > a.gk-home-book-cover::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    width: 1px;
    background: var(--gkhb-edge);
    pointer-events: none;
}
body.home .gk-home-book > a.gk-home-book-cover:focus-visible {
    outline: 3px solid #d5a64b;
    outline-offset: 4px;
}
body.home .gk-home-book .gk-home-book-category {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--gkhb-gold);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
body.home .gk-home-book .gk-home-book-title,
body.home .gk-home-book .gk-home-book-title.gkr-title.gkr-read {
    min-height: 4.65em;
    margin: 7px 0 12px !important;
    padding: 0 !important;
    color: var(--gkhb-title) !important;
    font-size: 14px !important;
    font-weight: 650;
    line-height: 1.55;
    letter-spacing: -.025em;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: anywhere;
    overflow: visible;
}
body.home .gk-home-book .gk-home-book-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 1;
    margin-top: auto;
    border-radius: 6px;
    overflow: hidden;
    background: var(--gkhb-cover);
    box-shadow: 0 0 0 1px var(--gkhb-edge);
}
body.home .gk-home-book .gk-home-book-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px !important;
}
body.home .gk-home-book .gk-home-book-image-placeholder {
    color: var(--gkhb-gold);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
body.home .gk-home-book .gk-home-book-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
    margin-top: 8px;
    padding: 0 2px 0 6px;
    color: #617187;
    font-size: 11px;
    line-height: 1.5;
}
body.home .gk-home-book .gk-home-book-views {
    min-width: 0;
    color: #617187;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
body.home .gk-home-book .gk-home-book-status .gkr-badge {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    gap: 3px;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 1px 5px !important;
    border: 1px solid #729780;
    border-radius: 5px;
    background: #f4faf5;
    color: #275a3c !important;
    font-family: inherit;
    font-size: 10px !important;
    font-weight: 650;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    text-decoration: none;
}
body.home .main_slides-wrapper > .see-more-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc((100% - (var(--gkhb-columns) - 1) * var(--gkhb-gap)) / var(--gkhb-columns));
    width: calc((100% - (var(--gkhb-columns) - 1) * var(--gkhb-gap)) / var(--gkhb-columns));
    margin: 0 !important;
    padding: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) { --gkhb-columns: 4; --gkhb-gap: 14px; }
}
@media (min-width: 501px) and (max-width: 767px) {
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) { --gkhb-columns: 3; --gkhb-gap: 12px; }
}
@media (max-width: 500px) {
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) { --gkhb-columns: 2; --gkhb-gap: 10px; }
    body.home .gk-home-book > a.gk-home-book-cover { padding: 12px 10px 13px 18px; }
    body.home .gk-home-book .gk-home-book-category { font-size: 10px; }
    body.home .gk-home-book .gk-home-book-title { font-size: 12px !important; margin: 6px 0 10px !important; }
    body.home .gk-home-book .gk-home-book-status { gap: 4px; padding-left: 3px; }
    body.home .gk-home-book .gk-home-book-status .gkr-badge { padding: 1px 4px !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) { scroll-behavior: auto; }
}


/* Soften only the upper knowledge shelf; preserve both lower cover palettes. */
body.home .gk-home-book--main {
    --gkhb-cover: #526a7d;
    --gkhb-gold: #f7e5bc;
    --gkhb-edge: rgba(247, 229, 188, .45);
}

/* The whole book responds; hovering a shifted cover never causes flicker. */
body.home .gk-home-book > a.gk-home-book-cover,
body.home .gk-home-book > a.gk-home-book-cover:is(:hover, :focus) .gk-home-book-title {
    text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    body.home .gk-home-book > a.gk-home-book-cover {
        transition: transform .18s ease, box-shadow .18s ease;
    }
    body.home .gk-home-book:hover > a.gk-home-book-cover {
        transform: translateY(-3px);
        box-shadow: 2px 2px 0 -1px #eeeae2, 3px 3px 0 -1px #cfc7b8,
            4px 4px 0 -1px #eeeae2, 5px 5px 0 -1px #cfc7b8,
            0 10px 17px -9px rgba(19, 40, 68, .24);
    }
}
@media (prefers-reduced-motion: reduce) {
    body.home .gk-home-book > a.gk-home-book-cover {
        transform: none !important;
        transition: none !important;
    }
}


/* Keep legacy app-readable view counts in the existing compact status row. */
body.home .gk-home-book p.gk-home-book-views {
    margin: 0 !important;
    padding: 0 !important;
}


/* All three article rails share a quiet blue bookcase; their data stays intact. */
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) {
    padding: 22px 18px 16px;
    border: 1px solid #d9e3ec;
    border-radius: 9px;
    background: linear-gradient(90deg, rgba(19, 40, 68, .045), transparent 14px, transparent calc(100% - 14px), rgba(19, 40, 68, .045)),
        linear-gradient(180deg, #eaf1f7, #f2f6fa 65%, #f7f9fc);
    box-shadow: inset 0 3px 8px -6px rgba(19, 40, 68, .18);
}

/* Lighter blue covers with navy lettering keep the site's blue identity. */
body.home .gk-home-book--main {
    --gkhb-cover: #deeaf2;
    --gkhb-title: #132844;
    --gkhb-gold: #4f6679;
    --gkhb-edge: rgba(184, 161, 115, .55);
}
body.home .gk-home-book--interest {
    --gkhb-gold: #765b30;
}
body.home .gk-home-book--popular {
    --gkhb-cover: #d8e3ea;
    --gkhb-title: #132844;
    --gkhb-gold: #485f70;
    --gkhb-edge: rgba(184, 161, 115, .55);
    --gkhb-spine: #132844;
    --gkhb-spine-light: #2b455f;
}

/* The shelf follows each book's foot; status text remains below its front edge. */
body.home .gk-home-book .gk-home-book-status {
    position: relative;
    margin-top: 22px;
}
body.home .gk-home-book .gk-home-book-status::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: -17px;
    left: calc(var(--gkhb-gap) / -2);
    right: calc(var(--gkhb-gap) / -2);
    height: 10px;
    border-top: 1px solid #b8a173;
    background: linear-gradient(180deg, #8ba1b4, #738ca1);
    box-shadow: 0 6px 8px -6px rgba(19, 40, 68, .3);
    pointer-events: none;
}
@media (max-width: 500px) {
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) {
        padding: 18px 12px 14px;
        border-radius: 7px;
    }
}


/* A real oak material, framed sides and a recessed back replace the painted panel. */
body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider) {
    --gkwood-image: url("gk_bookshelf_oak.png");
    --gkwood-caption-depth: 64px;
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    padding-top: 9px;
    border: 1px solid #957957;
    border-radius: 6px;
    background-color: #baa487;
    background-image: linear-gradient(180deg, rgba(255, 246, 226, .22), rgba(94, 67, 39, .12)), var(--gkwood-image);
    background-size: 100% 100%, 720px 360px;
    box-shadow: 0 4px 8px -7px rgba(61, 41, 24, .55), inset 0 1px 0 rgba(255, 238, 202, .75);
}
body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::before,
body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: var(--gkwood-caption-depth);
    width: 14px;
    background-color: #ac916d;
    background-image: linear-gradient(90deg, rgba(255, 236, 200, .25), transparent 38%, rgba(70, 43, 21, .16)), var(--gkwood-image);
    background-size: 100% 100%, 220px 440px;
    pointer-events: none;
}
body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::before {
    left: 0;
    border-right: 1px solid rgba(99, 72, 42, .48);
    box-shadow: 6px 0 10px -6px rgba(58, 35, 16, .6);
}
body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::after {
    right: 0;
    border-left: 1px solid rgba(99, 72, 42, .48);
    box-shadow: -6px 0 10px -6px rgba(58, 35, 16, .6);
}
body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) {
    padding: 23px 24px 16px;
    border: 0;
    border-radius: 0;
    background-color: #baa487;
    background-image: linear-gradient(to top, #f8f6f0 0, #f8f6f0 var(--gkwood-caption-depth), transparent var(--gkwood-caption-depth)),
        linear-gradient(180deg, rgba(69, 43, 21, .14), rgba(80, 54, 27, .045)), var(--gkwood-image);
    background-size: 100% 100%, 100% 100%, 720px 360px;
    box-shadow: inset 12px 0 16px -12px rgba(52, 32, 15, .7), inset -12px 0 16px -12px rgba(52, 32, 15, .7), inset 0 9px 14px -9px rgba(52, 32, 15, .65);
}

/* Sage separates popular content from the blue shelf immediately above it for guests. */
body.home .gk-home-book--popular {
    --gkhb-cover: #afc3af;
    --gkhb-title: #132844;
    --gkhb-gold: #344c3f;
}
body.home .gk-home-book .gk-home-book-status {
    margin-top: 28px;
    color: #526479;
}
body.home .gk-home-book .gk-home-book-views { color: #526479; }
body.home .gk-home-book .gk-home-book-status::before {
    top: -23px;
    height: 16px;
    border-top: 1px solid #cfb484;
    background-color: #ad906a;
    background-image: linear-gradient(180deg, #c9b38d 0, #c1a77f 4px, rgba(85, 54, 26, .07) 4px, rgba(65, 39, 19, .24)), var(--gkwood-image);
    background-size: 100% 100%, 720px 360px;
    box-shadow: inset 0 -2px 0 rgba(98, 69, 37, .4), 0 6px 9px -6px rgba(58, 35, 16, .55);
}
@media (max-width: 500px) {
    body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider) {
        --gkwood-caption-depth: 62px;
        padding-top: 7px;
        border-radius: 5px;
    }
    body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::before,
    body.home :is(.main_custom-slider, .mygklist-slider, .gk-popular-content-main .PopularContent-slider)::after { width: 10px; }
    body.home :is(.main_slides-wrapper, .mygklist-slides-wrapper, .gk-popular-content-main .PopularContent-slides-wrapper) { padding: 20px 16px 14px; }
}


/* Keep the popular cover as light as the neighbouring blue and ivory books. */
body.home .gk-home-book--popular {
    --gkhb-cover: #e7e1f1;
    --gkhb-gold: #665479;
}