.whatsapp-inline button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid #d4aa66;background:transparent;color:#f7e3c4;font:700 12px/1 inherit;font-family:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:0}
.whatsapp-inline button:focus-visible,.whatsapp-inline button:hover{background:#d4aa66;color:#102638}
@media(max-width:600px){.whatsapp-inline button{margin-top:12px;width:100%}}
.listing-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin:24px 0 8px}
.listing-more small{color:#4c5860;font-size:12px}
.listing-more button{min-height:46px;padding:10px 26px;border:1px solid #102638;background:#102638;color:#f7e3c4;font:700 13px/1 inherit;font-family:inherit;cursor:pointer;border-radius:0}
.listing-more button:hover{background:#d4aa66;color:#102638;border-color:#d4aa66}

/* 11 Oct 2026: standalone pages (journal etc.) render the wordmark as a <button>; reset the UA button styling so no grey box shows behind the logo on the dark topbar */
button.wordmark{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}