/* Rework 2026: resource development first, hunting last. */

/* Nav carries the hierarchy. Hunting sits after the rule, in muted type. */
nav ul{gap:1.6rem}
nav li.nav-low a{color:var(--muted)}
nav li.nav-low a:hover{color:var(--accent)}
@media(min-width:64.01rem){
nav li.nav-low{margin-left:.4rem;padding-left:1.4rem;border-left:1px solid var(--hair)}}
@media(min-width:64.01rem) and (max-width:80rem){
nav ul{gap:1.05rem}
nav a{font-size:.8rem}}

/* Breadcrumb lives inside the eyebrow, so the visible trail matches the schema. */
.sec-hero .eyebrow a{color:inherit;text-decoration:none}
.sec-hero .eyebrow a:hover{color:var(--accent)}

/* Resource portfolio. Oil and gas takes the full first row. */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);
border:1px solid var(--hair);margin-top:2.5rem;max-width:48rem}
.path{background:var(--wall);padding:clamp(1.5rem,2.6vw,2.4rem);display:flex;flex-direction:column}
.path h3{font-size:clamp(1.25rem,1.9vw,1.55rem);margin:.9rem 0 .8rem}
.path p{font-size:.95rem;color:var(--muted);max-width:34rem}
.path .cta-row{margin-top:auto;padding-top:1.6rem}
.path-wide{grid-column:1 / -1}
.path-lead{grid-column:1 / -1;background:var(--panel);color:var(--panel-txt)}
.path-lead p{color:var(--panel-muted)}
.path-lead .eyebrow{color:var(--panel-accent)}
.path-lead h3{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.path-lead{--brandcur:var(--cur-d)}
.path-lead .btn{background:var(--panel-txt);color:var(--panel);border-color:var(--panel-txt)}
.path-lead .btn:hover,.path-lead .btn:focus-visible{background:var(--copper);border-color:var(--copper);color:#262626}
.path-lead .btn-o{color:var(--panel-txt);border-color:var(--mesq)}
.path-lead .btn-o:hover,.path-lead .btn-o:focus-visible{border-color:var(--panel-txt);color:var(--panel-txt)}
@media(max-width:48rem){.paths{grid-template-columns:1fr}}
.quiet{margin-top:1.6rem;font-size:.9rem;color:var(--muted);max-width:48rem}

/* One ownership relationship. */
.rights{display:block;width:100%;max-width:44rem;height:auto;margin:2.5rem 0 .6rem}
.rt-box{fill:none;stroke:var(--muted);stroke-width:.8}
.rt-line{stroke:var(--muted);stroke-width:.9;fill:none;stroke-dasharray:3 3}
.rt-rail{stroke:var(--txt);stroke-width:1.4;fill:none}
.rt-lbl{font:600 12px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.14em;fill:var(--txt)}

/* Conversion categories. */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1px;
background:var(--panel-accent);border:1px solid var(--panel-accent);margin-top:2.25rem;max-width:44rem}
.cat{background:var(--panel);padding:1rem 1.15rem;text-decoration:none;color:var(--panel-txt);
font-size:.9rem;font-weight:600;display:block}
.cat:hover,.cat:focus-visible{background:var(--panel-accent);color:#262626}

/* Qualification form. */
#inquiry-form{max-width:38rem}
.f-two{display:grid;grid-template-columns:1fr 1fr;gap:0 1.1rem}
@media(max-width:40rem){.f-two{grid-template-columns:1fr}}
.opt{letter-spacing:.05em;text-transform:none;font-weight:400;color:var(--muted)}
form fieldset{border:0;padding:0;margin:0 0 1.1rem}
form legend{font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
margin-bottom:.55rem;color:var(--muted)}
.cond{display:none}
.cond.on{display:block}
.cond .check{margin:.45rem 0}
.form-light label,.form-light legend{color:var(--muted)}
.form-light .check label{color:var(--muted)}
.form-light .form-note{color:var(--accent)}
.form-light input,.form-light select,.form-light textarea{background:var(--wall);color:var(--txt);
border-color:var(--hair)}
.form-light input:hover,.form-light select:hover,.form-light textarea:hover{border-color:var(--muted)}
.form-light input:focus,.form-light select:focus,.form-light textarea:focus{border-color:var(--accent)}
.form-light select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M1 1l4 4 4-4" stroke="%235A5850" fill="none"/></svg>');
background-repeat:no-repeat;background-position:right .8rem center}
.form-done{font-size:1.05rem;max-width:34rem}

/* What you receive */
.pack{list-style:none;margin:1rem 0 0;max-width:40rem}
.pack li{position:relative;padding:.5rem 0 .5rem 1.5rem;font-size:.95rem;
border-bottom:1px solid var(--hair)}
.pack li:first-child{border-top:1px solid var(--hair)}
.pack li::before{content:"";position:absolute;left:0;top:1.05rem;width:7px;height:7px;
background:var(--accent);transform:rotate(45deg)}
.dark-chap .pack li{border-color:var(--mesq)}
.dark-chap .pack li::before{background:var(--panel-accent)}

/* Regional locator, drawn in markup so it needs no script */
.locator{display:block;width:100%;max-width:46rem;height:auto;margin:2.4rem 0 .6rem}
.lm-road{stroke:var(--txt);stroke-width:1.2;fill:none}
.lm-road2{stroke:var(--muted);stroke-width:.8;fill:none}
.lm-div{stroke:var(--muted);stroke-width:.9;fill:none;stroke-dasharray:5 4}
.lm-box{fill:none;stroke:var(--muted);stroke-width:.9}
.lm-city{fill:var(--muted)}
.lm-mark{fill:var(--accent)}
.lm-lbl{font:600 11px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.14em;fill:var(--txt)}
.lm-note{font:400 10px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.16em;fill:var(--muted)}

/* Sources */
.srcs{list-style:none;margin:1.25rem 0 0;max-width:44rem}
.srcs li{padding:.7rem 0;border-top:1px solid var(--hair);font-size:.88rem;
line-height:1.55;color:var(--muted)}
.srcs li:last-child{border-bottom:1px solid var(--hair)}
.srcs cite{font-style:normal;color:var(--txt)}

/* Touch targets. Footer and wordmark were under 24px tall on phones. */
@media(max-width:48rem){
footer a{display:inline-block;padding:.4rem 0}
footer li{margin-bottom:.2rem}
.wordmark{padding:.35rem 0}
.quiet a,.p-link a{display:inline-block;padding:.3rem 0}
}

/* Contrast: footer eyebrow was 2.36:1 on the dark footer. Copper is 7.7:1
   and matches how eyebrows are treated on every other dark surface. */
footer .eyebrow{color:var(--copper)}

/* Failure state: on mobile the hero panel has no background of its own and sits
   over the map scrim. If the map never loads, light text landed on the light
   wall and the hero became unreadable. Give the map area a dark base on small
   screens so the hero is legible whatever happens to the tiles. */
@media(max-width:48rem){
.scrolly-map,.scrolly-map .gmap{background:#1A1A18}
}

/* QA: links on the dark contact chapter inherited the light-scheme olive and
   measured 2.08:1. Copper is the accent used on every other dark surface. */
.dark-chap a{color:var(--panel-accent)}
.dark-chap a:hover{color:var(--stucco)}
.dark-chap .small a{color:var(--panel-accent)}

/* QA: browser scroll anchoring shifted the contact lead 9px with no input.
   The scrolly section moves the camera on scroll, so anchoring fights it. */
.scrolly,.scrolly .steps,.gridwrap{overflow-anchor:none}

/* Anchor targets clear the sticky header */
html{scroll-padding-top:7rem}

/* Legal page headings, moved from inline styles */
.legal-title{font-size:clamp(2rem,3.5vw,3rem)}
.legal-sub{margin:2.5rem 0 1rem;font-size:1.5rem}