:root{color-scheme:light}
*{box-sizing:border-box}
body{background:#f6f3ec;color:#1a1a1a;font:400 18px/1.74 system-ui,-apple-system,sans-serif;margin:0}
.wrap{max-width:730px;margin:0 auto;padding:0 22px 90px;position:relative}

/* masthead */
.site-head{max-width:730px;margin:0 auto;padding:1.6rem 22px .4rem}
.site-head a.brand{font-weight:800;letter-spacing:-.01em;font-size:1.15rem;color:#1a1a1a;text-decoration:none}
.site-head .tag{color:#6a675f;font-size:.92rem;margin-left:.5rem}

/* article */
h1{font-size:2.15rem;line-height:1.18;font-weight:800;letter-spacing:-.01em;margin:.4rem 0 1.1rem;color:#141414}
.standfirst{font-size:1.32rem;line-height:1.52;font-weight:500;color:#2c2a25;margin:0 0 1.7rem;padding-bottom:1.5rem;border-bottom:1px solid #e0dccf}
h2{font-size:1.42rem;font-weight:700;color:#141414;margin:2.7rem 0 .9rem;padding-left:.7rem;border-left:3px solid #c2611f}
p{margin:0 0 1.25rem}
strong{color:#000;font-weight:650}
em{color:#46443f}
a{color:#c2611f;text-decoration:none;border-bottom:1px solid rgba(194,97,31,.32)}
ul{margin:0 0 1.25rem;padding-left:1.2rem}
li{margin:.3rem 0}
figure{margin:2.2rem 0}
figure img{width:100%;height:auto;display:block;border:1px solid #e3dfd2;border-radius:12px;background:#f4f2ec}
figcaption{font-size:.85rem;color:#6a675f;margin-top:.6rem;text-align:center}
.meta{font-size:.9rem;color:#6a675f;margin:0 0 1.6rem}

/* "behind the scenes" engine box — the doorway from prose to the module */
.engine{margin:3rem 0 1rem;border:1px solid #e0dccf;border-radius:12px;background:#fbf9f3;padding:1.2rem 1.4rem}
.engine h3{margin:0 0 .3rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#a08a5e}
.engine .lead{font-size:1rem;color:#46443f;margin:0 0 .9rem}
.engine .mod{display:flex;gap:.6rem;align-items:baseline;padding:.5rem 0;border-top:1px solid #ece7da;font-size:.96rem}
.engine .mod:first-of-type{border-top:0}
.engine .badge{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#fff;background:#c2611f;border-radius:.4rem;padding:.12rem .5rem;white-space:nowrap}
.engine .badge.stub{background:#a9a194}
.engine .mod .why{color:#6a675f;font-size:.86rem}

/* article index list on home */
.posts{list-style:none;margin:1.4rem 0 0;padding:0}
.posts li{padding:1.1rem 0;border-top:1px solid #e0dccf}
.posts a.title{font-size:1.25rem;font-weight:700;color:#141414;border:0}
.posts .blurb{color:#46443f;margin:.3rem 0 0;font-size:1rem}