/* Hallmark · genre: editorial · macrostructure: Workbench · theme: inherited CattleFenceWire · enrichment: page-specific agricultural photography · nav: inherited · footer: inherited
 * pre-emit critique: P4 H5 E4 S5 R5 V4 · contrast: pass · tokens: pass · clickable nowrap: pass · mobile 320–1920: pass
 */
@import url('/assets/css/resource-workbench-tokens.css?v=20260921-1');
html,body{overflow-x:clip}
.wb-hero{position:relative;min-height:clamp(34rem,76vh,48rem);display:grid;align-items:end;background:var(--color-deeper);color:var(--color-paper)}
.wb-hero__media,.wb-hero__veil{position:absolute;inset:0}
.wb-hero__media img{width:100%;height:100%;object-fit:cover}
.wb-hero__veil{background:linear-gradient(90deg,var(--color-veil-start) 0%,var(--color-veil-mid) 48%,var(--color-veil-end) 100%)}
.wb-hero__inner{position:relative;z-index:1;padding-block:clamp(5rem,12vw,8rem) clamp(3rem,8vw,5rem);max-width:68rem}
.wb-hero__tag{display:inline-flex;color:var(--color-paper);border:var(--rule-thin) solid var(--color-accent);padding:.55rem .8rem;text-decoration:none;font-weight:700;margin-bottom:var(--space-lg);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.wb-hero__tag:hover{background:var(--color-accent);color:var(--color-accent-ink)}
.wb-hero__tag:focus-visible,.wb-action:focus-visible,.wb-sources a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.wb-hero__tag:active,.wb-action:active{transform:translateY(1px)}
.wb-hero h1,.wb-intro h2,.wb-questions h2,.wb-evidence h2,.wb-panel h2,.wb-panel h3{font-family:var(--font-display);font-style:normal;text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0}
.wb-hero h1{font-size:var(--text-display);line-height:1.02;max-width:13ch;margin:0 0 var(--space-lg)}
.wb-hero__lead{font-size:var(--text-md);line-height:1.55;max-width:60ch}
.wb-limit{max-width:58rem;margin-top:var(--space-xl);border-left:4px solid var(--color-accent);background:var(--color-limit);padding:var(--space-md) var(--space-lg);line-height:1.55}
.wb-shell{background:var(--color-paper);color:var(--color-ink);padding-block:var(--space-3xl)}
.wb-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl);align-items:end;margin-bottom:var(--space-2xl)}
.wb-intro h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;margin:0}
.wb-intro p{font-size:var(--text-md);line-height:1.6;margin:0;max-width:58ch}
.wb-tour{display:grid;grid-template-columns:minmax(14rem,.42fr) minmax(0,1fr);gap:var(--space-xl);align-items:start}
.wb-rail{position:sticky;top:5.2rem;border-top:4px solid var(--color-accent);background:var(--color-deep);color:var(--color-paper);padding:var(--space-lg)}
.wb-rail strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;text-transform:uppercase}
.wb-rail ol{margin:var(--space-lg) 0 0;padding:0;list-style:none}
.wb-rail li{padding:.8rem 0;border-top:var(--rule-thin) solid var(--color-rail-rule);line-height:1.35}
.wb-rail b{color:var(--color-accent);font-variant-numeric:tabular-nums;margin-right:.5rem}
.wb-stack{display:grid;gap:var(--space-xl)}
.wb-panel{background:var(--color-panel);border-top:4px solid var(--color-accent);box-shadow:0 1rem 2rem var(--color-shadow);padding:clamp(1rem,3vw,2rem);min-width:0}
.wb-panel h2{font-size:var(--text-2xl);line-height:1.05;margin:0 0 var(--space-md)}
.wb-panel h3{font-size:var(--text-xl);line-height:1.1;margin:0 0 var(--space-md)}
.wb-panel p,.wb-panel li{line-height:1.65}
.wb-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}
.wb-flow div{background:var(--color-paper-2);padding:var(--space-md);border-bottom:3px solid var(--color-deep);min-width:0}
.wb-flow strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;line-height:1}
.wb-flow span{display:block;margin-top:.5rem;color:var(--color-muted);line-height:1.4}
.wb-ledger{display:grid;gap:0;margin-top:var(--space-lg);border:var(--rule-thin) solid var(--color-rule)}
.wb-ledger div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);padding:.85rem var(--space-md);border-top:var(--rule-thin) solid var(--color-rule)}
.wb-ledger div:first-child{border-top:0}
.wb-ledger strong{font-family:var(--font-data);font-size:var(--text-md);font-variant-numeric:tabular-nums}
.wb-note{font-size:var(--text-sm);color:var(--color-muted)}
.wb-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.wb-photo{margin:0;background:var(--color-deeper);color:var(--color-paper);min-width:0}
.wb-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.wb-photo figcaption{padding:var(--space-md);font-size:var(--text-sm);line-height:1.55}
.wb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.wb-form label{display:grid;gap:.4rem;font-weight:700}
.wb-form select{width:100%;min-height:3rem;border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:.65rem;font:inherit;border-radius:var(--radius-sm)}
.wb-form select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
.wb-action{grid-column:1/-1;min-height:3.2rem;border:0;background:var(--color-deep);color:var(--color-paper);font-weight:800;cursor:pointer;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.wb-action:hover{background:var(--color-deeper)}
.wb-action:disabled{cursor:not-allowed;opacity:.58}
.wb-action[data-state="loading"]{cursor:progress}
.wb-action[data-state="success"]{background:var(--color-success)}
.wb-action[data-state="error"]{background:var(--color-error)}
.wb-result{margin-top:var(--space-md);min-height:5.4rem;padding:var(--space-md);border-top:4px solid var(--color-rule);background:var(--color-paper-2);line-height:1.55}
.wb-result[data-level="success"]{border-color:var(--color-success)}
.wb-result[data-level="error"]{border-color:var(--color-error)}
.wb-result strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase}
.wb-questions{padding-block:var(--space-3xl);background:var(--color-paper-2);color:var(--color-ink)}
.wb-questions h2,.wb-evidence h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:0 0 var(--space-xl)}
.wb-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule);border-left:var(--rule-thin) solid var(--color-rule)}
.wb-question{padding:var(--space-lg);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-panel)}
.wb-question h3{font-family:var(--font-display);font-style:normal;text-transform:uppercase;font-size:var(--text-md);line-height:1.15;margin:0 0 .6rem}
.wb-question p{margin:0;line-height:1.6}
.wb-evidence{padding-block:var(--space-3xl);background:var(--color-paper);color:var(--color-ink)}
.wb-evidence>div>p{max-width:75ch;line-height:1.7}
.wb-sources{display:grid;gap:.65rem;margin-block:var(--space-xl)}
.wb-sources a{display:grid;gap:.25rem;color:var(--color-ink);background:var(--color-source);border:var(--rule-thin) solid var(--color-source-rule);padding:var(--space-md);text-decoration:none}
.wb-sources a:hover{border-left:5px solid var(--color-accent)}
.wb-sources small{color:var(--color-muted)}
.wb-next{display:flex;flex-wrap:wrap;gap:1rem}
.wb-next a{color:var(--color-deep);font-weight:800}
.wb-sticky-cta{position:sticky;bottom:0;z-index:6;background:var(--color-deeper);color:var(--color-paper);border-top:3px solid var(--color-accent);padding:.7rem 0}
.wb-sticky-cta .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.wb-sticky-cta p{margin:0;font-weight:700}
.wb-sticky-cta a{color:var(--color-accent-ink);background:var(--color-accent);padding:.65rem .9rem;text-decoration:none;font-weight:800}
.wb-hero__tag,.wb-action,.wb-sticky-cta a,.wb-next a{white-space:nowrap}

@media(max-width:800px){.wb-intro,.wb-tour{grid-template-columns:1fr}
.wb-rail{position:static}
.wb-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.wb-hero__veil{background:linear-gradient(180deg,var(--color-veil-mobile),var(--color-veil-mobile-end) 62%)}
.wb-hero__inner{padding-top:13rem}
.wb-photos,.wb-question-list,.wb-form{grid-template-columns:1fr}
.wb-action{grid-column:auto}
.wb-sticky-cta p{font-size:var(--text-sm)}
}

@media(max-width:430px){.wb-flow{grid-template-columns:1fr}
.wb-panel{padding:var(--space-md)}
.wb-hero h1{font-size:clamp(2.75rem,14vw,4.1rem)}
.wb-sticky-cta .container{align-items:stretch;flex-direction:column}
.wb-sticky-cta a{text-align:center}
.wb-next{display:grid}
.wb-next a{display:block}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}