/* Field notes article, layered on ../style.css */
.post{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:80px 24px 60px}
.post a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.post a:hover{color:#ffe098}
.post-head{margin-bottom:30px}
.post h1{font-size:clamp(28px,5vw,56px)}
.standfirst{font-size:20px;line-height:1.6;color:#f4efcc;margin:0 0 14px}
.byline{font:8px/1.8 var(--pixel);color:var(--leaf);margin:0}
.story{position:relative;padding:44px 0 10px;border-top:1px solid #2e4a37}
.story-num{font:9px/1.8 var(--pixel);color:var(--leaf);display:block}
.story h2{font:clamp(18px,2.4vw,26px)/1.6 var(--pixel);letter-spacing:-1px;margin:16px 0 18px;color:var(--cream);text-shadow:3px 4px #020f0a}
.story h2 span{color:var(--gold)}
.story p,.facts li{font-size:17px;line-height:1.75;color:#d9e3c8;margin:0 0 16px}
.story .note{font-size:14px;color:var(--muted)}
.story .chart-card{margin:26px 0 20px}
.facts{margin:0 0 16px;padding:0;list-style:none}
.facts li{padding:14px 0 14px 22px;border-bottom:1px solid #1d3a2c;position:relative}
.facts li:before{content:'';position:absolute;left:0;top:24px;width:8px;height:8px;background:var(--gold)}
.facts strong{color:var(--cream)}
.callout{display:flex;align-items:center;gap:20px;margin:24px 0;padding:20px 24px;background:#0a271ff2;border:2px solid #b59448;box-shadow:6px 6px 0 #031b12}
.callout strong{font:700 clamp(30px,4vw,44px)/1 var(--body);color:var(--gold);font-variant-numeric:tabular-nums}
.callout span{font-size:16px;line-height:1.5;color:var(--cream)}
.callout.duo{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.callout.duo>div{display:flex;flex-direction:column;gap:8px;padding:20px 24px}
.callout.duo>div+div{border-left:2px dashed #3f5a45}
.callout.duo strong.small{color:#9fb38c}

/* Sector-by-region table */
.mix table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.mix th{font:7px/1.6 var(--pixel);color:var(--muted);text-align:right;padding:0 8px 10px;vertical-align:bottom}
.mix th:first-child,.mix td:first-child{text-align:left;padding-left:4px}
.mix td{padding:6px 8px;text-align:right;color:var(--cream);border-top:1px solid #163428}
.mix td:first-child{color:var(--cream)}
.mix td.cell{position:relative}
.mix td.mark{outline:2px solid var(--gold);outline-offset:-2px}

.post-foot{border-top:1px solid #2e4a37;padding-top:30px;margin-top:30px}
.post-foot p{font-size:15px;line-height:1.7;color:var(--muted)}
.post a.pixel-cta{display:inline-block;margin-top:14px;background:var(--gold);color:#173024;padding:18px 22px;font:10px/1.6 var(--pixel);text-decoration:none;box-shadow:5px 0 #8a612d,-5px 0 #8a612d,0 5px #8a612d,0 -5px #ffe4a0,5px 7px #05150f}
.post a.pixel-cta:hover{background:#ffe098;color:#173024}
.bar.hl{fill:var(--gold)}
.bar.dim{fill:#7e8f6c}
.bar.neg{fill:var(--coral)}
.zero{stroke:#9fb38c;stroke-width:1}
@media(max-width:700px){.post{padding:56px 16px 40px}.standfirst{font-size:18px}.story p,.facts li{font-size:16px}.callout{flex-direction:column;align-items:flex-start;gap:8px}.callout.duo{grid-template-columns:1fr}.callout.duo>div+div{border-left:0;border-top:2px dashed #3f5a45}.mix table{font-size:13px}.mix th,.mix td{padding-left:4px;padding-right:4px}.mix th{font-size:6px}}