/* LENHARD reading styles for legacy pages (blog, legal, keynote resources, guides). Loads after style.css. */
:root{--white:#F2F0EB;--black:#0B0C0D;--cream:#F2F0EB;
  --gray-50:#F2F0EB;--gray-100:#E4E2DD;--gray-200:#C8C5BE;--gray-300:#B4B6B8;--gray-400:#9A9B9E;--gray-500:#85868A;
  --gray-600:#3D4044;--gray-700:#2A2D30;--gray-800:#1F2123;--gray-900:#141516;
  --font:"Switzer","Helvetica Neue",Arial,sans-serif;--font-display:var(--font);--lx-legend:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --radius:4px;--radius-sm:3px;--hairline:1px solid #2A2D30}
html,body{background:#0B0C0D}
body{color:#F2F0EB;font-family:var(--font);font-weight:300;-webkit-font-smoothing:antialiased}
::selection{background:rgba(201,37,44,.45);color:#fff}

/* headings */
h1,h2,h3,h4,.headline-xl,.headline-lg,.headline-md,.headline-sm{font-family:var(--font);font-weight:300;color:#F2F0EB}
.headline-lg{font-size:clamp(34px,4.4vw,56px);line-height:1.12;letter-spacing:-.02em;max-width:18ch}
.headline-md{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.015em}
.eyebrow{font:600 10.5px/1.4 var(--lx-legend)!important;letter-spacing:.2em!important;text-transform:uppercase;color:#C8C5BE!important}
a:hover .eyebrow{color:#F2F0EB!important}
.text-muted{color:#9A9B9E}

/* article body */
.prose{font-size:18px;line-height:1.75}
.prose p,.prose li{color:rgba(242,240,235,.82);font-weight:300}
.prose strong,.prose b{color:#F2F0EB;font-weight:500}
.prose h2{font-size:clamp(26px,2.6vw,34px);line-height:1.2;letter-spacing:-.015em;margin:2.2em 0 .7em;padding-top:.9em;border-top:1px solid #2A2D30}
.prose h3{font-size:22px;line-height:1.3;font-weight:400;margin:1.8em 0 .5em}
.prose a{color:#F2F0EB;text-decoration:underline;text-decoration-color:rgba(201,37,44,.75);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s,color .2s}
.prose a:hover{color:#fff;text-decoration-color:#C9252C}
.prose blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:2px solid #C9252C;font-size:21px;line-height:1.5;color:#F2F0EB}
.prose blockquote p{color:#F2F0EB}
.prose ul li::marker,.prose ol li::marker{color:#C9252C}
.prose hr{border:0;height:1px;background:#2A2D30;margin:3em 0}
.prose img{border-radius:4px}
.prose code{font-size:.9em;background:#141516;border:1px solid #2A2D30;border-radius:3px;padding:.1em .35em}
.prose table{border-collapse:collapse;width:100%;font-size:16px}
.prose th,.prose td{border-bottom:1px solid #2A2D30;padding:10px 12px;text-align:left}
.prose th{font:600 10.5px/1.4 var(--lx-legend);letter-spacing:.16em;text-transform:uppercase;color:#C8C5BE}

/* buttons */
.btn{position:relative;overflow:hidden;font:600 10.5px/1 var(--lx-legend)!important;letter-spacing:.16em!important;text-transform:uppercase;border-radius:3px!important;height:46px;padding:0 26px!important;display:inline-flex;align-items:center;justify-content:center}
.btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#C9252C;transform:scaleX(0);transition:transform .25s}
.btn:hover::after,.btn:focus-visible::after{transform:scaleX(1)}
.btn--white,.btn--primary{background:#F2F0EB!important;border-color:#F2F0EB!important;color:#0B0C0D!important}
.btn--outline,.btn--dark,.btn--ghost{border:1px solid #3D4044!important;color:#F2F0EB!important;background:transparent!important}
.btn--outline:hover,.btn--dark:hover,.btn--ghost:hover{border-color:#C8C5BE!important}

/* the CTA box and tag chips use inline styles; give the box a plate finish with the red signature line */
article [style*="border-left: 3px solid var(--white)"]{border-left:0!important;border:1px solid #2A2D30;border-radius:4px!important;background:linear-gradient(180deg,#191A1C,#121315)!important;box-shadow:inset 0 -2px 0 #C9252C}
article a[href*="/blog/tag/"] span{border:1px solid #2A2D30;background:transparent!important;font:600 9.5px/1.6 var(--lx-legend)!important;letter-spacing:.16em;text-transform:uppercase}
article a[href*="/blog/tag/"]:hover span{border-color:#C9252C;color:#F2F0EB!important}

/* cards and lists on blog index, category and tag pages */
.card,.tile,[class*="post-card"]{border-radius:4px!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #FF7378;outline-offset:3px}

/* post meta line sat flush on the first paragraph */
article .text-muted.mb-8{margin-bottom:40px!important}
article [itemprop="author"] img{width:80px;height:80px;object-position:center 20%}