@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Source+Code+Pro:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Roboto:wght@400;700&display=swap);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],
template {
  display: none
}
a {
  background: 0 0
}
a:active,
a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,
strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button,
select {
  text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td,
th {
  padding: 0
}
body,
code,
figure,
tr.even,
tr.odd {
  background-image: url("data:image/png;base64,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")
}
body {
  font-family: Verdana,"Libre Baskerville",Baskerville,Georgia,serif;
  background-color: #f8f8f8;
  color: #111;
  line-height: 1.3;
  text-align: justify;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}
@media (max-width:400px) {
  body {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 15px
  }
}
@media (min-width:401px) and (max-width:600px) {
  body {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 15px
  }
}
@media (min-width:601px) and (max-width:900px) {
  body {
    font-size: 15px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
    margin-bottom: 25px
  }
}
@media (min-width:901px) and (max-width:1800px) {
  body {
    font-size: 17px;
    margin-left: 200px;
    margin-right: 200px;
    margin-top: 30px;
    margin-bottom: 25px;
    max-width: 800px
  }
}
@media (min-width:1801px) {
  body {
    font-size: 18px;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 30px;
    margin-bottom: 25px;
    max-width: 1000px
  }
}
p {
  margin-top: 10px;
  margin-bottom: 18px
}
em {
  font-style: italic
}
strong {
  font-weight: 700
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  padding-top: .25em;
  margin-bottom: .15em
}
header {
  line-height: 2.475em;
  padding-bottom: .7em;
  border-bottom: 1px solid #bbb;
  margin-bottom: 1.2em
}
header > h1 {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 225%
}
header > h2 {
  border: none;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-size: 175%
}
header > h3 {
  padding: 0;
  margin: 0;
  font-size: 125%;
  font-style: italic
}
header + h1 {
  border-top: none;
  padding-top: 0
}
h1 {
  border-top: 1px solid #bbb;
  padding-top: 15px;
  font-size: 150%;
  margin-bottom: 10px
}
h1:first-of-type {
  border: none
}
h2 {
  font-size: 125%;
  font-style: italic
}
h3 {
  font-size: 105%;
  font-style: italic
}
hr {
  border: 0;
  border-top: 1px solid #bbb;
  width: 100%;
  height: 0
}
hr + h1 {
  border-top: none;
  padding-top: 0
}
ol,
ul {
  font-size: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 30px
}
ul {
  list-style: circle
}
ol {
  list-style: decimal
}
ol ol,
ol ul,
ul ol,
ul ul {
  font-size: inherit
}
li {
  margin-top: 5px;
  margin-bottom: 7px
}
blockquote,
dd,
q {
  font-style: italic;
  font-size: 90%
}
blockquote,
dd {
  quotes: none;
  border-left: .35em #bbb solid;
  padding-left: 1.15em;
  margin: 0 1.5em 0 0
}
blockquote blockquote,
blockquote dd,
blockquote ol,
blockquote ul,
dd blockquote,
dd dd,
dd ol,
dd ul,
ol blockquote,
ol dd,
ul blockquote,
ul dd {
  font-size: inherit
}
a,
a:hover,
a:link,
a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #111
}
a:hover,
a:hover:hover,
a:link:hover,
a:visited:hover {
  border-bottom-style: solid
}
a.footnoteRef,
a:hover.footnoteRef,
a:link.footnoteRef,
a:visited.footnoteRef {
  border-bottom: none;
  color: #666
}
code {
  font-family: "Source Code Pro",Consolas,Monaco,monospace;
  font-size: 85%;
  background-color: #ddd;
  border: 1px solid #bbb;
  padding: 0 .15em 0 .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
pre {
  margin-right: 1.5em;
  display: block
}
pre > code {
  display: block;
  font-size: 70%;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto
}
blockquote pre,
dd pre,
ol pre,
ul pre {
  margin-left: 0;
  margin-right: 0
}
blockquote pre > code,
dd pre > code,
ol pre > code,
ul pre > code {
  font-size: 77.77778%
}
caption,
figcaption {
  font-size: 80%;
  font-style: italic;
  text-align: right;
  margin-bottom: 5px
}
caption:empty,
figcaption:empty {
  display: none
}
table {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em
}
table + h1 {
  border-top: none
}
tr td,
tr th {
  padding: .2em .7em
}
tr.header {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  font-weight: 700
}
tr.odd {
  background-color: #eee
}
tr.even {
  background-color: #ccc
}
tbody:last-child {
  border-bottom: 1px solid #222
}
dt {
  font-weight: 700
}
dt:after {
  font-weight: 400;
  content: ":"
}
dd {
  margin-bottom: 10px
}
figure {
  margin: 1.3em 0 1.3em 0;
  text-align: center;
  padding: 0;
  width: 100%;
  background-color: #ddd;
  border: 1px solid #bbb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden
}
img {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 100%
}
figcaption {
  margin: 5px 10px 5px 30px
}
.footnotes {
  color: #666;
  font-size: 70%;
  font-style: italic
}
.footnotes li p:last-child a:last-child {
  border-bottom: none
}

/* ── Copy-post button ─────────────────────────────────────── */
h2.post-copy-heading {
  display: flex;
  align-items: center;
  gap: .45em
}
.copy-post-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid #bbb;
  border-radius: 4px;
  cursor: pointer;
  padding: 2px 6px;
  font-size: 75%;
  font-style: normal;
  font-weight: 400;
  color: #555;
  line-height: 1;
  vertical-align: middle;
  transition: background .15s, color .15s, border-color .15s;
  white-space: nowrap
}
.copy-post-btn:hover {
  background: #eee;
  border-color: #888;
  color: #111
}
.copy-post-btn.copied {
  background: #e6f4ea;
  border-color: #4caf50;
  color: #2e7d32
}
.copy-post-btn svg {
  display: inline-block;
  vertical-align: middle
}

/* ── Pace Setting Media brand overrides ───────────────────── */
/*
 * Brand palette
 *   Blue (primary text/heading): #3a5ba9
 *   Orange (accent/highlight):   #f15828
 *   Orange light:                #fa7c43
 *   Purple 1:                    #5d5b9a
 *   Purple 2:                    #735c8e
 *   Mauve:                       #8b5c7f
 *   Background:                  #ffffff
 *
 * Fonts
 *   Headings:    DM Sans
 *   Body/UI:     Roboto
 */

/* Typography */
body {
  font-family: Roboto, Verdana, "Libre Baskerville", sans-serif
}
h1, h2, h3, h4, h5, h6 {
  font-family: "DM Sans", "Libre Baskerville", sans-serif
}

/* Link color */
a,
a:hover,
a:link,
a:visited {
  color: #3a5ba9;
  border-bottom-color: #3a5ba9
}

/* ── Post-page header ── */
header {
  background-color: #3a5ba9;
  border-bottom: 4px solid #f15828;
  border-radius: 4px;
  padding: .9em 1.3em;
  margin-bottom: 1.4em;
  line-height: 1.35
}
header > h1,
header > h2,
header > h3 {
  color: #fff;
  border: none;
  padding: 0;
  margin: 0
}
header > h1 {
  font-size: 210%;
  font-weight: 700;
  letter-spacing: -.01em
}
header > h2 {
  font-size: 120%;
  font-weight: 400;
  opacity: .92
}
header > h3 {
  font-size: 95%;
  font-weight: 400;
  opacity: .78
}

/* ── PSM logo area (injected by JS when logo asset available) ── */
/* Logo img will be inserted as .psm-logo inside header             */
.psm-logo {
  display: block;
  height: 32px;
  width: auto;
  margin-bottom: .5em;
  opacity: .95
}

/* ── Section headings (Post Copy, Image / Media Suggestion, etc.) ── */
h1:not(header h1) {
  color: #3a5ba9
}

/* ── Horizontal rules ── */
hr {
  border-top-color: #d0d8ee
}

/* ── Copy button: adjust for new body background ── */
.copy-post-btn {
  border-color: #b0bcd8;
  color: #3a5ba9
}
.copy-post-btn:hover {
  background: #eef1fa;
  border-color: #3a5ba9;
  color: #3a5ba9
}

/* ── PSM footer ── */
.psm-footer {
  margin-top: 2em;
  padding-top: .8em;
  border-top: 3px solid #f15828;
  font-family: "DM Sans", sans-serif;
  font-size: 78%;
  color: #3a5ba9;
  font-weight: 700;
  letter-spacing: .03em;
}
/* ── Page nav (below header, above content) ── */
.page-nav {
  font-family: "DM Sans", sans-serif;
  font-size: 84%;
  margin: .6em 0 1em;
}
.page-nav a {
  color: #3a5ba9;
  text-decoration: none;
}
.page-nav a:hover {
  text-decoration: underline;
}