/* The Royal Web Design – site announcement bar (links to website-offer.php) */
.announce{position:relative;z-index:60;background:var(--gold);color:#111;font-size:15px;line-height:1.45}
.announce[hidden]{display:none}
.announce-inner{display:flex;align-items:center;gap:18px;min-height:52px;padding:8px 0}
.announce p{margin:0;flex:1}
.announce strong{font-weight:800}
.announce-link{flex:none;background:#111;color:#fff;padding:9px 18px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.announce-link:hover{background:#fff;color:#111}
.announce-link:focus-visible,.announce-close:focus-visible{outline:2px solid #111;outline-offset:2px}
.announce-close{flex:none;width:38px;height:38px;border:0;background:none;color:#111;font-size:24px;line-height:1;cursor:pointer}
.announce-close:hover{background:rgba(0,0,0,.08)}
@media(max-width:700px){
  .announce{font-size:14px}
  .announce-inner{flex-wrap:wrap;gap:8px 10px;padding:10px 0 12px}
  .announce p{flex:1 1 calc(100% - 48px)}
  .announce-close{order:2;margin:-6px -8px 0 0}
  .announce-link{order:3}
}
@media(prefers-reduced-motion:reduce){.announce-link{transition:none}}
/* Phone-width fixes for the existing homepage (pre-existing horizontal scroll) */
.nav-toggle b{width:1px;height:1px;overflow:hidden;white-space:nowrap}
.about-grid>*{min-width:0}
.about-copy .title h2{overflow-wrap:break-word}