/* McBeth Kings Dispatch: the main site's paper system (mcbethkings.com/src/styles/site.css) plus reading pages.
   Tokens, fonts and textures come from https://mcbethkings.com/brand/mk-tokens.css. */
:root{
  --sheet:#FAF7F1;--wrap:1180px;--pad:clamp(16px,4vw,40px);--gutter:clamp(16px,2.4vw,28px);
  --sp-section:clamp(50px,6.3vw,84px);--sp-first:clamp(36px,6vw,80px);--sp-sheet:clamp(28px,4.5vw,56px);
  --sp-card:clamp(22px,2.4vw,30px);--sp-head:clamp(24px,3vw,36px);--sp-cols:clamp(28px,5vw,64px);--sp-act:32px;
  --tex:url(https://mcbethkings.com/brand/assets/paper-tile.png);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 var(--mk-sans);color:var(--mk-ink);}
body.mk-paper{background:url(https://mcbethkings.com/brand/assets/paper-mottle-v4.png) repeat,var(--tex) repeat,var(--mk-ivory)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;padding:8px 12px;z-index:50}
:focus-visible{outline:2px solid var(--mk-bronze);outline-offset:3px}

/* sheets and cards */
.sheet{position:relative;background:var(--tex) repeat,var(--sheet);box-shadow:0 1px 2px rgba(48,34,18,.07),0 10px 26px -16px rgba(48,34,18,.26)}
.sheet.dark{background:url(https://mcbethkings.com/brand/assets/vignette.png) center/100% 100% no-repeat,url(https://mcbethkings.com/brand/assets/grain-tile.png) repeat,var(--mk-black);color:var(--mk-ivory);box-shadow:0 2px 3px rgba(20,14,8,.12),0 18px 40px -20px rgba(20,14,8,.5)}
.card{background:var(--tex) repeat,#FCFAF5;box-shadow:0 1px 1px rgba(48,34,18,.06),0 6px 16px -10px rgba(48,34,18,.24);transition:transform .45s var(--mk-ease),box-shadow .45s var(--mk-ease)}
@media (hover:hover){.lift:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(48,34,18,.06),0 12px 24px -12px rgba(48,34,18,.30)}}
@media (prefers-reduced-motion:reduce){.card,.sheet{transition:none}.lift:hover{transform:none}}
.pad{padding:var(--sp-sheet)}

/* type */
.acc,.intro-h em{font-style:italic;color:var(--mk-bronze)}
.eyebrow{display:flex;align-items:center;gap:16px;font:500 11px/1.4 var(--mk-sans);letter-spacing:3.2px;text-transform:uppercase;color:var(--mk-bronze);margin:0 0 16px}
.eyebrow::before{content:"";width:44px;height:1px;background:var(--mk-gold);flex:none}
.dark .eyebrow{color:var(--mk-muted-dark)}
h1,h2,h3{font-weight:400;margin:0;font-family:var(--mk-display);text-wrap:balance}
.h2{font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.025em}
.lede{font:400 clamp(18px,1.6vw,21px)/1.55 var(--mk-read);color:#3a3532;max-width:62ch;margin:0}
.k{font:500 11px/1.3 var(--mk-sans);letter-spacing:2.2px;text-transform:uppercase;color:var(--mk-bronze)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mk-sans);letter-spacing:.9px;text-transform:uppercase;padding:16px 22px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .3s var(--mk-ease)}
.btn-dark{background:var(--mk-black);color:var(--mk-ivory);box-shadow:0 1px 1px rgba(0,0,0,.1),0 6px 14px -8px rgba(0,0,0,.4)}
.btn-line{border-color:currentColor;background:transparent;color:var(--mk-ink)}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sp-act)}
.more{font:500 12px/1 var(--mk-sans);letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;color:var(--mk-bronze);display:inline-flex;gap:8px;align-items:center}
.more::after{content:"→";transition:transform .3s var(--mk-ease)}
a:hover .more::after{transform:translateX(3px)}

/* header */
.hdr{padding:18px 0}
.hdr-in{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:400 22px/1 var(--mk-display);letter-spacing:-.01em;color:var(--mk-black);margin-right:auto}
.brand em{font-style:italic;color:var(--mk-bronze)}
.nav{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav a{font:500 12px/1 var(--mk-sans);letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;color:var(--mk-charcoal);padding:8px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.nav a:hover{border-color:var(--mk-gold)}
.hdr-cta{padding:13px 18px}
@media (max-width:900px){.hdr-cta{display:none}.hdr-in{flex-wrap:wrap;gap:12px 20px}.nav{gap:18px;flex-wrap:wrap}}

/* intro */
.intro{padding:var(--sp-first);margin-top:8px}
.intro-sm{padding:var(--sp-sheet)}
.intro-h{font:400 clamp(40px,5.6vw,68px)/1.04 var(--mk-display);letter-spacing:-.03em;margin:0 0 20px}
.intro-sm .intro-h{font-size:clamp(32px,4vw,48px);margin:0}
.sec-tight{margin-top:var(--sp-head)}

/* post list */
.posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
.post{display:flex;flex-direction:column;height:100%;padding:var(--sp-card);text-decoration:none;color:inherit}
.post-d{font:500 11px/1.4 var(--mk-sans);letter-spacing:1.8px;text-transform:uppercase;color:var(--mk-bronze);margin:0 0 12px}
.post-h{font:400 23px/1.22 var(--mk-display);letter-spacing:-.01em;margin:0 0 12px;color:var(--mk-black)}
.post-x{font:400 15px/1.6 var(--mk-sans);color:var(--mk-muted);margin:0 0 20px;flex:1}
@media (max-width:980px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-head);font:500 12px/1 var(--mk-sans);letter-spacing:1.4px;text-transform:uppercase}
.pager a{color:var(--mk-bronze);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--mk-gold)}
.pg-n{color:var(--mk-muted)}

/* reading */
.read{padding:var(--sp-first);margin-top:8px}
.read-h{font:400 clamp(34px,4.6vw,56px)/1.08 var(--mk-display);letter-spacing:-.025em;margin:0 0 16px;max-width:22ch}
.read-meta{font:500 11px/1.5 var(--mk-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--mk-muted);margin:0 0 var(--sp-head);padding-bottom:var(--sp-head);border-bottom:1px solid var(--mk-hairline)}
.read-body{max-width:66ch}
.read-body p,.read-body li{font:400 clamp(18px,1.55vw,20.5px)/1.72 var(--mk-read);color:#2b2725}
.read-body p{margin:0 0 1.15em}
.read-body h2,.read-body h3{font-family:var(--mk-display);margin:1.6em 0 .6em;line-height:1.2}
.read-body h2{font-size:28px}.read-body h3{font-size:22px}
.read-body a{color:var(--mk-bronze);text-underline-offset:2px}
.read-body blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:2px solid var(--mk-gold);font-style:italic}
.read-body ul,.read-body ol{padding-left:22px}
.read-body img{margin:1.4em 0}
.read-body > :first-child::first-letter{font:400 3.4em/0.85 var(--mk-display);float:left;margin:.08em .1em 0 0;color:var(--mk-bronze)}
.adj{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}
.adj-c{display:flex;flex-direction:column;gap:8px;padding:var(--sp-card);text-decoration:none;color:inherit}
.adj-c.nx{text-align:right}
.adj-t{font:400 19px/1.3 var(--mk-display);color:var(--mk-black)}
@media (max-width:640px){.adj{grid-template-columns:1fr}.adj-c.nx{text-align:left}}
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta .btns{margin:0}

/* footer */
.ft{padding:var(--sp-section) 0 40px}
.ft-sheet{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:36px;padding:48px}
.ft-lock{display:flex;align-items:center;gap:14px}
.ft-name{font:400 26px/1 var(--mk-display);margin:0}
.ft-tag{font:400 17px/1.4 var(--mk-display);color:var(--mk-muted-dark);margin:14px 0 0}
.ft-tag em{font-style:italic;color:var(--mk-gold)}
.ft-h{font:500 11px/1 var(--mk-sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--mk-gold);margin:6px 0 16px}
.ft-col a{display:block;text-decoration:none;color:var(--mk-muted-dark);font-size:14px;padding:5px 0;transition:color .3s}
.ft-col a:hover{color:var(--mk-ivory)}
.ft-reg{grid-column:1/-1;border-top:1px solid var(--mk-hairline-dark);padding-top:22px;font-size:12px;letter-spacing:.3px;color:rgba(246,242,235,.5)}
.ft-reg p{margin:0 0 6px}
@media (max-width:860px){.ft-sheet{grid-template-columns:1fr 1fr;padding:32px 22px}.ft-brand{grid-column:1/-1}}

/* WordPress bits */
.wp-block-image figcaption,.wp-caption-text{font:400 13px/1.5 var(--mk-sans);color:var(--mk-muted)}
.alignwide,.alignfull{max-width:none}

/* headings always in the brand faces (WordPress global styles otherwise override them) */
body h1,body h2,body h3,body .h2{font-family:var(--mk-display);font-weight:400}
body .read-body p,body .read-body li,body .lede{font-family:var(--mk-read)}

/* archive */
.arch-m{font:400 24px/1.2 var(--mk-display);margin:28px 0 10px}
.arch-m:first-child{margin-top:0}
.arch-l{list-style:none;margin:0;padding:0}
.arch-l a{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--mk-hairline);text-decoration:none;color:inherit}
.arch-l a:hover .arch-t{color:var(--mk-bronze)}
.arch-n{font:500 11px/1 var(--mk-sans);letter-spacing:1.4px;color:var(--mk-bronze)}
.arch-t{font:400 18px/1.4 var(--mk-read);transition:color .2s}
.arch-d{font:500 11px/1 var(--mk-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--mk-muted);white-space:nowrap}
@media (max-width:560px){.arch-l a{grid-template-columns:48px 1fr}.arch-d{display:none}}
.mk-paper{background:url(https://mcbethkings.com/brand/assets/paper-mottle-v4.png) repeat,#FFFFFF!important}
.card:not(.dark){background:url(https://mcbethkings.com/brand/assets/paper-card-v2.png) repeat,#FBFAF7!important}