:root {
	--fgtool-paper: #f8f6f0;
	--fgtool-cream: #eee8dc;
	--fgtool-ink: #1d2b27;
	--fgtool-muted: #68706b;
	--fgtool-forest: #173f36;
	--fgtool-deep: #102c27;
	--fgtool-terra: #bd704f;
}

html { background: var(--fgtool-paper); }
body.fgtool-shell { margin: 0; background: var(--fgtool-paper); color: var(--fgtool-ink); font-family: Arial, Helvetica, sans-serif; }
.fgtool-shell a { color: var(--fgtool-forest); }
.fgtool__header { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 32px; min-height: 92px; padding: 18px clamp(24px, 5vw, 64px); background: rgba(248,246,240,.97); }
.fgtool__brand { display: flex; align-items: center; gap: 14px; color: var(--fgtool-ink) !important; text-decoration: none; }
.fgtool__mark { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: var(--fgtool-forest); color: #fff; font-family: Georgia, serif; font-size: 18px; }
.fgtool__brand-copy { display: grid; gap: 0; }
.fgtool__brand-copy strong { font-family: Georgia, serif; font-size: 22px; line-height: 1.2; font-weight: 400; }
.fgtool__brand-copy small { color: var(--fgtool-muted); font-size: 10px; letter-spacing: .13em; }
.fgtool__nav { display: flex; align-items: center; gap: 22px; }
.fgtool__nav a, .fgtool__footer-links a { color: var(--fgtool-ink); font-size: 14px; text-decoration: none; }
.fgtool__button { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--fgtool-forest); color: #fff !important; padding: 14px 22px; text-decoration: none; font-weight: 700; }
.fgtool__button--small { padding: 11px 18px; font-size: 13px; }
.fgtool__mobile-menu { display: none; }
.fgtool { overflow: hidden; }
.fgtool__title-wrap { max-width: 1120px; margin: 0 auto; padding: 58px 28px 20px; }
.fgtool__title { margin: 0; color: var(--fgtool-ink); font-family: Georgia, serif; font-size: clamp(42px, 5.5vw, 76px); font-weight: 400; letter-spacing: -.035em; line-height: 1.03; }
.fgtool__content { max-width: 1280px; margin: 0 auto; }
.fgtool__content > .wp-block-image:first-child { margin-top: 0; }
.fgtool__footer { display: grid; grid-template-columns: 1fr auto; gap: 20px 32px; align-items: center; margin-top: 56px; padding: 42px clamp(24px, 5vw, 64px) 28px; background: var(--fgtool-deep); color: #fff; }
.fgtool__footer .fgtool__brand { color: #fff !important; }
.fgtool__footer .fgtool__brand-copy small, .fgtool__footer p { color: rgba(255,255,255,.72); }
.fgtool__footer-links { display: flex; gap: 18px; }
.fgtool__footer-links a { color: #fff; }
.fgtool__footer p { grid-column: 1 / -1; margin: 0; border-top: 1px solid rgba(255,255,255,.18); padding-top: 18px; font-size: 13px; }

/* Keep the existing fibre tool logic and markup intact; only contain its presentation. */
.fgtool .fgfibre { max-width: 100%; }
.fgtool .fgfibre__cta a:focus-visible, .fgtool .fgfibre button:focus-visible, .fgtool a:focus-visible { outline: 3px solid var(--fgtool-terra); outline-offset: 3px; }

@media (max-width: 1080px) {
	.fgtool__nav { gap: 14px; }
	.fgtool__header { gap: 18px; }
}
@media (max-width: 760px) {
	.fgtool__header { grid-template-columns: 1fr auto; min-height: 76px; padding: 14px 20px; }
	.fgtool__nav, .fgtool__header > .fgtool__button--small { display: none; }
	.fgtool__mobile-menu { display: block; justify-self: end; }
	.fgtool__mobile-menu summary { cursor: pointer; color: var(--fgtool-forest); font-weight: 700; }
	.fgtool__mobile-menu nav { display: grid; gap: 10px; position: absolute; right: 20px; z-index: 20; margin-top: 8px; padding: 16px; background: var(--fgtool-paper); border: 1px solid rgba(29,43,39,.16); box-shadow: 0 10px 28px rgba(16,44,39,.14); }
	.fgtool__mobile-menu nav a { color: var(--fgtool-ink); text-decoration: none; }
	.fgtool__title-wrap { padding: 42px 20px 16px; }
	.fgtool__title { font-size: clamp(36px, 10vw, 56px); }
	.fgtool__footer { grid-template-columns: 1fr; padding: 34px 20px 24px; }
	.fgtool__footer-links { flex-wrap: wrap; }
}


@media (max-width:760px){.fgtool__articles-menu .fgtool__articles-menu__submenu{position:static;display:grid;min-width:0;gap:8px;padding:8px 0 8px 14px;transform:none;background:transparent;border:0;box-shadow:none;text-align:left}.fgtool__mobile-menu .fgtool__articles-menu__submenu a{white-space:normal}}
@media (min-width: 761px) {
  .fgtool__articles-menu { font: inherit; }
  .fgtool__articles-menu > summary { display: block; font: inherit; font-weight: 700; line-height: inherit; list-style: none; cursor: pointer; }
  .fgtool__articles-menu > summary::-webkit-details-marker { display: none; }
  .fgtool__articles-menu > summary::marker { content: ""; }
  .fgtool__articles-menu > summary::after { content: " ▾"; font-size: .75em; margin-left: .25em; }
}