/* Grit Blueprint — base foundation for non-custom pages, plus shared a11y bits.
   Custom flagship pages (Home/BYA/Services/About) bring their own full CSS;
   this keeps normal pages, posts, archives and 404 readable and pushes their
   content below the transparent Elementor header. */

.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:#0E1E36;color:#fff;padding:10px 16px;border-radius:0 0 6px 0;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.skip-link:focus{left:8px;top:8px}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Generic content wrapper used by page.php / single.php / archive / 404.
   The transparent sticky Elementor header overlays the top of the viewport,
   so generic pages pad their content down by the header height (+ breathing
   room). Flagship pages override --gb-header-h on their body class. */
.gb-basic{max-width:820px;margin:0 auto;padding:calc(var(--gb-header-h,130px) + 56px) 24px 96px;line-height:1.6}
.gb-basic img{max-width:100%;height:auto}
.gb-basic h1{font-size:clamp(2rem,4vw,2.6rem);line-height:1.1;margin:0 0 .5em}
.gb-basic h2{margin:1.6em 0 .5em}
.gb-basic a{color:#C8447B}
.gb-basic .entry-meta{opacity:.7;font-size:.95rem;margin:0 0 2em}
.gb-basic .post-thumb{margin:0 0 2em}
.gb-basic .post-thumb img{width:100%;border-radius:10px}