/* Approved image is intentionally immutable; interactive transparent links are HTML overlays. */
body.cb-approved-page {margin:0;background:#f4efe5} .cb-approved-page .site-header{display:none}
.cb-approved-page main {max-width:1536px;margin:0 auto} .cb-mockup{position:relative;width:100%;line-height:0}
.cb-approved-image{display:block;width:100%;height:auto;max-width:100%;} .cb-zone{position:absolute;display:block;outline-offset:-3px;z-index:1;border:0;background:transparent;}
.cb-zone:focus-visible {outline:3px solid #dfb46a;background:rgba(9,35,48,.1)}
.cb-skip{position:absolute;left:-9999px;top:0;padding:12px;background:white;z-index:9}.cb-skip:focus{left:12px}
.cb-mobile{display:none}
@media(max-width:700px){.cb-mockup{display:none}.cb-mobile{display:block;color:#0a2534;font-family:Georgia,'Times New Roman',serif}.cb-mob-header{background:#0a2534;color:#fff;padding:16px 20px;display:flex;flex-direction:column;gap:5px}.cb-mob-name{font-size:27px;color:#fff;text-decoration:none}.cb-mob-header span{font:10px Arial,sans-serif;letter-spacing:2px;color:#e2bb7d}.cb-mob-hero>img{width:100%;height:245px;object-fit:cover;object-position:center;display:block}.cb-mob-intro{padding:24px 22px 32px;background:#f9f2e7}.cb-mob-intro h1{font-size:37px;line-height:1.1;margin:0 0 14px;color:#122c38}.cb-mob-intro p{font-size:17px;line-height:1.55;margin:0 0 22px}.cb-mob-button{display:inline-block;background:#deb66f;color:#102837;text-decoration:none;padding:12px 20px;font-size:16px}.cb-mob-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d8c7ab}.cb-mob-grid a{padding:24px 15px;background:#faf6f0;color:#102837;text-decoration:none;font-size:17px;line-height:1.2}.cb-mob-book{display:flex;gap:18px;padding:30px 19px;background:#eee2ca}.cb-mob-book img{width:32%;height:fit-content;object-fit:contain}.cb-mob-book h2{font-size:25px;line-height:1.1;margin:0 0 8px}.cb-mob-book p{font-size:15px;line-height:1.45}.cb-mob-book .cb-mob-button{font-size:13px;padding:10px}}

/* Book cover link only: no change to appearance */
@media(max-width:700px){.cb-mob-book .cb-mob-cover-link{display:block;flex:0 0 32%;align-self:flex-start;line-height:0}.cb-mob-book .cb-mob-cover-link img{width:100%;height:auto;display:block}}

/* Homepage top bar: live text links, keeping the approved hero image untouched. */
.cb-topnav{position:absolute;z-index:4;top:0;right:0;width:55%;height:6.06%;display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,.65vw,13px);padding:0 1.4% 0 .5%;background:#0b2738;line-height:1.1;white-space:nowrap;font-family:Georgia,serif}
.cb-topnav a{font-size:clamp(9px,.82vw,13px);text-decoration:none;color:#fff}
.cb-topnav a:hover,.cb-topnav a:focus-visible{text-decoration:underline}
.cb-topnav .cb-topnav-cta{background:#dfb775;color:#102939;padding:12px 10px}
@media(max-width:1150px) and (min-width:701px){.cb-topnav{gap:5px;width:61%;}.cb-topnav a{font-size:9px}.cb-topnav .cb-topnav-cta{padding:9px 6px}}
@media(max-width:700px){.cb-topnav{display:none}}

/* 1.0.6 correction: One real, legible masthead covering the original baked-in header.
   No image pixels or homepage copy are changed. */
.cb-home-header {position:absolute;top:0;left:0;right:0;height:6.06%;z-index:5;background:#0b2738;display:flex;align-items:center;justify-content:space-between;padding:0 2.7% 0 11.4%;gap:20px;line-height:1.12;box-sizing:border-box}
.cb-home-brand {display:flex;flex-direction:column;justify-content:center;align-self:stretch;font-family:Georgia,'Times New Roman',serif;font-weight:normal;color:#fff;text-decoration:none;font-size:clamp(17px,1.78vw,27px);white-space:nowrap;line-height:1.0}
.cb-home-brand small{display:block;color:#e5d4ba;font-family:Arial,sans-serif;font-size:clamp(5px,.54vw,8px);letter-spacing:clamp(.4px,.14vw,2px);margin-top:5px}
.cb-home-header .cb-topnav{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;width:auto;height:auto;min-width:0;padding:0;background:transparent;gap:clamp(7px,.95vw,16px)}
.cb-home-header .cb-topnav a{font-size:clamp(9px,.75vw,12px)}
.cb-home-header .cb-topnav .cb-topnav-cta{padding:10px 12px}
@media(max-width:1150px) and (min-width:701px){.cb-home-header{padding:0 1.5% 0 5%}.cb-home-header .cb-topnav{width:auto;gap:clamp(4px,.56vw,8px)}.cb-home-brand{font-size:clamp(15px,1.6vw,21px)}.cb-home-header .cb-topnav a{font-size:clamp(8px,.74vw,10px)}.cb-home-header .cb-topnav .cb-topnav-cta{padding:8px 5px}}
@media(max-width:800px) and (min-width:701px){.cb-home-header{padding-left:2%}.cb-home-brand small{letter-spacing:0}}
@media(max-width:700px){.cb-home-header{display:none}}
