/* Shared sector navigation and page images. */
.vws-nav-sectors{--text-secondary:var(--muted,#5a6478);--white:var(--paper,#fafaf8);--border:var(--line,rgba(10,22,40,.08));position:relative;font:inherit;flex-shrink:0}
.vws-nav-sectors>summary{display:flex;align-items:center;gap:7px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary)}
.vws-nav-sectors>summary::-webkit-details-marker{display:none}
.vws-nav-sectors>summary:hover,.vws-nav-sectors[open]>summary{color:var(--navy)}
.vws-nav-sectors[open]>summary svg{transform:rotate(180deg)}
.vws-nav-sectors>summary:focus-visible,.vws-sector-menu a:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:3px}
.vws-sector-menu{position:absolute;top:calc(100% + 12px);left:-20px;width:248px;padding:10px;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px rgba(10,22,40,.13);z-index:101}
:is(.nav-links,.navlinks) .vws-sector-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:5px;color:var(--text-secondary);white-space:normal}
:is(.nav-links,.navlinks) .vws-sector-menu a:hover{background:var(--sand);color:var(--navy)}
:is(.nav-links,.navlinks) .vws-sector-menu .vws-all-sectors{border-top:1px solid var(--border);border-radius:0;margin-top:6px;padding-top:14px;color:var(--teal)}
.vws-compact-footer-sectors{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}
.vws-compact-footer-sectors>div{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}
.vws-compact-footer-sectors a{text-decoration:none}
/* Keep title lettering above the faded image, including reveal stacking contexts. */
.sector-title-block>h1,.sector-title-block>.sector-tag{position:relative;z-index:2}
.sector-title-block>h1{overflow:visible}
.sector-title-block>.sector-hero-visual{z-index:0;transform:none}
.sector-title-block>.sector-hero-visual picture{z-index:0}
.sector-title-block>.sector-hero-visual figcaption{z-index:1}
/* Allow article text to wrap within the viewport beside wide reference tables. */
.article-grid{grid-template-columns:minmax(0,1fr) 320px}
.article-grid>*{min-width:0}
@media(max-width:960px){.article-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:768px){.vws-nav-sectors{width:100%}.vws-nav-sectors>summary{justify-content:center}.vws-sector-menu{position:static;width:100%;margin-top:8px;box-shadow:none;padding:8px;background:var(--sand)}.nav-links .vws-sector-menu a{justify-content:center}.vws-nav-sectors>summary{font-size:13px}}
@media(max-width:800px){.topbar .nav{flex-wrap:wrap;padding:18px 0}.topbar .navlinks{width:100%;justify-content:space-between;align-items:flex-start}.topbar .vws-nav-sectors{width:auto}.topbar .vws-nav-sectors>summary{justify-content:flex-start}.topbar .vws-sector-menu{position:absolute;left:0;top:100%;width:248px;background:var(--paper);box-shadow:0 16px 40px rgba(10,22,40,.13)}.topbar{position:relative;z-index:100}}

/* Oil & Gas role links */
.trades-section .trade-name a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.trades-section .trade-name a:focus-visible{outline:2px solid var(--teal);outline-offset:5px;border-radius:2px}