/* The Post Desk. Tokens from the-post-design (post-tokens.css), sampled from the founders' mockups.
   Two blues and gold carry the brand; the only extra hue is the small red (#c45a5a) for overdue. */
:root{
  --ink:#1f2e4f; --navy:#1f3a69; --envelope:#182e57; --peri:#8ca2cb; --powder:#a8c3e1;
  --cream:#faf6eb; --paper:#fffdf8; --rule:#e3ddd0;
  --gold:#d4b36c; --gold-light:#eec66e; --gold-deep:#a9802f;
  --gold-grad:linear-gradient(180deg,#f1d488 0%,#d4b36c 45%,#a9802f 100%);
  --red:#c45a5a;
  --serif:'Cormorant Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--serif);font-weight:500;color:var(--ink);font-size:18px;line-height:1.4;
  background-color:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* scattered two-tone bows on cream, the Shop All background, kept faint so text stays easy to read */
.bows{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cdefs%3E%3Cg id='b' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0 C-5 -9 -17 -11 -17 -3 C-17 4 -7 3 0 0Z'/%3E%3Cpath d='M0 0 C5 -9 17 -11 17 -3 C17 4 7 3 0 0Z'/%3E%3Cpath d='M-1 1 C-4 7 -8 13 -12 18 L-8 17 L-7 21'/%3E%3Cpath d='M1 1 C4 7 8 13 12 18 L8 17 L7 21'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23b' stroke='%23a8c3e1' stroke-opacity='.55' transform='translate(50 60) rotate(-8) scale(1.3)'/%3E%3Cuse href='%23b' stroke='%231f3a69' stroke-opacity='.16' transform='translate(250 120) rotate(10) scale(1.1)'/%3E%3Cuse href='%23b' stroke='%23a8c3e1' stroke-opacity='.55' transform='translate(140 280) rotate(4) scale(1.2)'/%3E%3C/svg%3E");
  background-size:300px 300px}
a{color:var(--navy)}
button,input,select,textarea{font-family:var(--serif);font-size:17px;color:var(--ink)}

/* ---------- headings: Cormorant 600, gold rule with a center diamond, italic subtitle ---------- */
h1{font-weight:600;font-size:34px;line-height:1.1;margin:6px 0 0;text-align:center;letter-spacing:.005em}
.rule{position:relative;width:170px;height:1.5px;background:var(--gold);margin:12px auto 10px}
.rule:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--gold);
  transform:translate(-50%,-50%) rotate(45deg)}
.subtitle{font-style:italic;font-weight:400;text-align:center;margin:0 0 20px;font-size:19px;color:var(--ink)}
h2{font-weight:600;font-size:24px;margin:28px 0 4px;text-align:center}
h2 + .rule{width:110px;margin:8px auto 14px}
.kicker{font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--peri)}

/* ---------- gold-bordered cream cards ---------- */
.pcard{position:relative;background:var(--cream);border:1.5px solid var(--gold);border-radius:3px;
  box-shadow:0 0 0 4px var(--cream),0 0 0 5px rgba(169,128,47,.45),0 8px 22px rgba(24,46,87,.10);
  padding:14px 16px;margin:0 0 16px}
.pcard .dia{position:absolute;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.dia.tl{top:-5px;left:-5px}.dia.tr{top:-5px;right:-5px}.dia.bl{bottom:-5px;left:-5px}.dia.br{bottom:-5px;right:-5px}

/* ---------- buttons ---------- */
.btn{display:inline-block;border:1px solid var(--gold-deep);background:var(--gold-grad);color:var(--ink);
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:14px;padding:11px 18px;border-radius:3px;
  cursor:pointer;box-shadow:0 2px 6px rgba(169,128,47,.3);text-decoration:none}
.btn.ghost{background:transparent;box-shadow:none;border-color:var(--gold)}
.btn.small{padding:7px 12px;font-size:12px}