.topbar nav .companion-nav,header .companion-nav{border:1px solid #a78a53;border-radius:6px;color:#e4cf9e;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.topbar nav .companion-nav:hover,header .companion-nav:hover,.topbar nav .companion-nav[aria-current=page]{background:#ffffff12;border-color:#e4cf9e;color:#fff8e5;box-shadow:none}
.topbar nav .companion-nav:focus-visible{outline:3px solid #e4cf9e;outline-offset:3px}
@media(max-width:1400px) and (min-width:761px){.topbar{height:auto;min-height:90px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}.topbar .brand{flex:1}.topbar nav{order:3;width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:0;gap:6px}}
@media(max-width:760px){.topbar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:6px 0}.topbar nav>a{white-space:normal;text-align:center;padding:7px 4px;min-height:44px;line-height:1.3;font-size:12px}.topbar nav .companion-nav{white-space:normal}.topbar .language{flex-shrink:0}.library-home main{padding:22px 18px 40px}.library-home .home-intro{padding:10px 0 16px}.library-home .lead{font-size:18px;line-height:1.5}.library-home h1{font-size:32px}}
.companion-invitation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;margin:0 0 28px;background:linear-gradient(110deg,#f4e7ca,#fffaf0);border:1px solid #c9ad76;border-left:4px solid #a88644;border-radius:10px}
.companion-invitation h2{font:30px/1.2 Georgia,serif;color:#57352b;margin:0 0 9px}.companion-invitation .invitation-subtitle{font:19px/1.5 Georgia,serif;margin:0 0 7px}.companion-invitation p{line-height:1.6;margin:0;color:#5d4d40}.companion-invitation .invitation-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-align:center;background:#58362c;color:#fff5dc;border:1px solid #58362c;border-radius:6px;padding:14px 23px;font:16px/1.5 Arial,sans-serif;text-decoration:none;transition:background .18s}.companion-invitation .invitation-action:hover{background:#78503a}.companion-invitation .invitation-action:focus-visible{outline:3px solid #ad873b;outline-offset:4px}
@media(max-width:600px){.companion-invitation{flex-direction:column;align-items:stretch;gap:18px;padding:21px 20px}.companion-invitation h2{font-size:27px}.companion-invitation .invitation-action{width:100%}}
header:not(.topbar) .companion-nav{padding:8px 12px;font:14px/1.5 Arial,sans-serif}body:has(#book)>header:not(.topbar){flex-wrap:wrap;align-items:center}
@media(prefers-reduced-motion:reduce){.companion-nav,.companion-invitation .invitation-action{transition:none}}