/* Larger, colour-coded navigation. Every existing destination is preserved. */
.header.wrap{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding-top:26px;padding-bottom:26px}
.header .wordmark{flex:0 0 auto}
.header .account-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-inline-start:auto;padding:10px 16px;border:2px solid #0c615d;border-radius:8px;color:#0c615d;background:#fff;font-size:1rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none}
.header .account-link:hover{background:#e4efed}
.header .account-link:focus-visible{outline:3px solid #173640;outline-offset:4px}
@media(max-width:430px){.header .account-link{margin-inline-start:0;flex-basis:100%}}
.header .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:12px;margin-top:2px}
.header .nav a{display:flex;justify-content:center;align-items:center;text-align:center;min-height:68px;padding:16px 20px;border-radius:12px;border:2px solid transparent;font-size:1.1rem;line-height:1.3;font-weight:700;text-decoration:none;box-sizing:border-box;box-shadow:0 3px 0 rgba(20,48,55,.1);color:#173640;background:#e4efed;transition:transform .12s,box-shadow .12s}
.header .nav a:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(20,48,55,.14)}
.header .nav a:focus-visible{outline:3px solid #173640;outline-offset:4px}
.header .nav a[href="#books"]{background:#ccebdc;color:#123e2d}
.header .nav a[href="#ebooks"]{background:#cce5ff;color:#173b60}
.header .nav a[href="#read-along"]{background:#e7d9f6;color:#462d62}
.header .nav a[href="#physical-catalog"]{background:#ffddc3;color:#673510}
.header .nav a[href="#questions"]{background:#ffecae;color:#55400a}
.header .nav a[href="#bookshop-catalogue"]{background:#f4d3e5;color:#5a2445}
@media(min-width:1150px){.header .nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:640px){.header.wrap{gap:18px;padding-top:20px;padding-bottom:20px}.header .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.header .nav a{min-height:70px;padding:14px 10px;font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){.header .nav a{transition:none}.header .nav a:hover{transform:none}}