*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;color:#ffeede;background:#15110e repeating-linear-gradient(132deg,transparent 0 92px,#362318 93px 94px,transparent 95px 168px);font:16px/1.65 system-ui,sans-serif}
a{color:#ffb067;text-underline-offset:.22em}a:focus-visible{outline:2px solid #ffb067;outline-offset:5px}
.header,.site-footer{background:#23160f;border-block-end:3px solid #d76a25}
.site-bar,.site-footer-inner,.post-detail-row{width:min(1240px,calc(100% - 2rem));margin:auto}
.site-bar{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.8rem 0}
.site-logo{display:block;width:112px;height:auto}
nav{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem}
nav a[aria-current=page]{color:#fff;font-weight:700}
.post-detail{max-width:960px;margin:auto}
.post-title{padding:clamp(2rem,5.5vw,4rem) 0 1.5rem;text-align:center}
h1,h2,h3{color:#fff4e7;line-height:1.13}
h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.042em;margin:0}
.standfirst{max-width:65ch;margin:1rem auto;color:#ffe3ca}
.byline{margin:0 0 1.3rem;color:#ffb067}
.cta{display:inline-block;background:#ff9d54;color:#24160e;font-weight:800;padding:.66em 1.1em;border-radius:.25rem;text-decoration:none}
figure{margin:.3rem 0 1.4rem;padding:5px;background:#493021;border:1px solid #a1572e}
figure img{display:block;width:100%;height:auto}
.post-content{max-width:800px;margin:0 auto 2.5rem;padding:clamp(1rem,4vw,2rem);background:#261b14;border-left:4px solid #d76a25}
.post-content h2{margin:1.1em 0 .6em}
.post-content section+section{border-top:1px solid #69442f;margin-top:1.25rem}
table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.5rem;border-bottom:1px solid #69442f;vertical-align:top}
.article-tags{border-top:1px solid #69442f;padding:1rem 0 2rem}
.site-footer{border-width:3px 0 0;border-style:solid;border-color:#d76a25}
.site-footer-inner{padding:1.4rem 0}