:root{--ink:#15243F;--gold:#B08D57;--gold-d:#9A7B3F;--cream:#F7F3EC;--cream-2:#FBF8F2;--muted:#5A6478;--line:#E7DECB;
--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:#26303f;font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold-d);text-decoration:none}a:hover{text-decoration:underline}
.bhead{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1000px;margin:0 auto;padding:22px 24px;border-bottom:1px solid var(--line)}
.bbrand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--serif);font-size:18px}
.bbrand b{color:var(--gold-d)} .bbrand img{display:block}
.bnav{display:flex;gap:22px;align-items:center;font-size:14.5px}
.bnav a{color:var(--ink)} .bnav .bback{color:var(--muted)}
.bwrap{max-width:760px;margin:0 auto;padding:40px 24px 20px}
.bintro{margin-bottom:34px}
.beyebrow{font:700 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d)}
.bintro h1{font-family:var(--serif);color:var(--ink);font-size:44px;line-height:1.08;margin:.3em 0 .25em}
.bintro p{color:var(--muted);font-size:18px;max-width:60ch}
/* index cards */
.pgrid{display:grid;gap:18px}
.pcard{display:block;background:var(--cream-2);border:1px solid var(--line);border-radius:14px;padding:26px 28px;transition:.2s;color:inherit}
.pcard:hover{border-color:var(--gold);text-decoration:none;transform:translateY(-2px)}
.pcat{font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.pcard h2{font-family:var(--serif);color:var(--ink);font-size:24px;line-height:1.2;margin:.5em 0 .35em}
.pcard p{color:var(--muted);font-size:15.5px;margin:0 0 .8em}
.pmore{font:600 14px/1 var(--sans);color:var(--ink)}
/* article */
.post{padding-bottom:30px}
.pallback{display:inline-block;font:600 14px var(--sans);color:var(--muted);margin:6px 0 22px}
.post .pcat{display:block;margin-bottom:8px}
.post h1{font-family:var(--serif);color:var(--ink);font-size:38px;line-height:1.12;margin:.1em 0 .6em}
.pcover{width:100%;border-radius:12px;margin:8px 0 24px}
.pbody{font-size:18px;line-height:1.75}
.pbody h2,.pbody h3{font-family:var(--serif);color:var(--ink);line-height:1.25;margin:1.5em 0 .4em}
.pbody h2{font-size:26px}.pbody h3{font-size:21px}
.pbody p{margin:0 0 1.05em}
.pbody a{text-decoration:underline}
.pbody blockquote{margin:1.4em 0;padding:6px 22px;border-left:3px solid var(--gold);color:var(--muted);font-style:italic;background:var(--cream-2)}
.pbody ul,.pbody ol{padding-left:1.3em;margin:0 0 1.1em}.pbody li{margin:.3em 0}
.pbody code{background:#eee6d6;border-radius:4px;padding:1px 6px;font-size:.9em}
.pbody pre{background:var(--ink);color:#eae3d4;border-radius:10px;padding:16px 18px;overflow:auto}
.pbody pre code{background:none;color:inherit;padding:0}
.pbody hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.porig{margin-top:2em;padding-top:1.2em;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.bfoot{max-width:1000px;margin:40px auto 0;padding:26px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px}
.bfoot a{color:var(--ink)}
@media(max-width:640px){.bintro h1{font-size:34px}.post h1{font-size:29px}.bnav{gap:14px;font-size:13px}.bnav .bback{display:none}}

/* on-brand rich text */
.pbody strong{color:var(--ink);font-weight:700}
.pbody a{color:var(--gold-d)}
/* index cards: title-forward, summary revealed on peek */
.pcard h2{margin:.5em 0 0}
.pcard .pmore{display:inline-block;margin-top:14px;color:var(--gold-d)}
.pcard.peekable{position:relative}
.pcard .phint{display:none}
@media(hover:none){ .pcard .phint{display:inline-block;margin-left:8px;font:600 11px var(--sans);color:var(--muted);opacity:.7} }
/* floating summary popover */
.peek-pop{position:absolute;z-index:9999;display:none;max-width:290px;background:var(--cream-2);color:#31404f;
  border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:14px 16px;
  font:400 14.5px/1.55 var(--sans);box-shadow:0 18px 44px rgba(21,36,63,.20);pointer-events:none;
  animation:peekIn .16s ease}
.peek-pop .peek-cat{display:block;font:700 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin-bottom:6px}
@keyframes peekIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* cover thumbnails on cards */
.pcard .pthumb{display:block;height:158px;background:#e9e2d3 center/cover no-repeat;border-radius:10px;margin-bottom:16px}
/* category filter */
.bfilter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.fpill{background:var(--cream-2);border:1px solid var(--line);color:var(--muted);border-radius:22px;padding:7px 17px;font:600 13px var(--sans);cursor:pointer;transition:.18s}
.fpill:hover{border-color:var(--gold);color:var(--ink)}
.fpill.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.pcard.is-hidden{display:none}
/* view count */
.pviews{color:var(--muted)}
/* comments */
.pcomments{margin-top:46px;padding-top:26px;border-top:1px solid var(--line)}
.pcomments h3{font-family:var(--serif);color:var(--ink);font-size:22px;margin:0 0 16px}