/* Start:/local/templates/agency_os/assets/article-reading.css?17920556961504*/
/* Reading navigation complements SignM's existing paper/graphite/copper palette. */
.article .article-contents{max-width:70ch;padding:24px 28px;margin:0 0 40px;background:#eaf1f4;border-left:3px solid #006b78;border-radius:0 8px 8px 0}
.article .article-contents h2{font-size:20px;line-height:1.35;margin:0 0 14px;color:#162d37}
.article .article-contents ul{margin:0;padding-left:20px;display:grid;gap:10px}
.article .article-contents a,.article .article-next a{color:#006b78;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article .article-body h2[id]{scroll-margin-top:130px}
.article .article-body :is(ul,ol){padding-left:1.4em}
.article .article-body li+li{margin-top:12px}
.article .article-body :is(p,li){overflow-wrap:anywhere}
.article .article-next{padding:0 0 48px}
.article .article-next>h2{font-size:28px;margin:0 0 24px;color:#162d37}
.article .article-next>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:24px}
.article .article-next article{padding-top:18px;border-top:1px solid #c8d7de;min-width:0}
.article .article-next h3{font-size:20px;line-height:1.35;margin:0 0 12px}
.article .article-next p{font-size:16px;line-height:1.6;color:#465d68;margin:0}
@media(max-width:760px){.article .article-next>div{grid-template-columns:1fr;gap:24px}.article .article-contents{padding:20px;margin-bottom:32px}.article .article-contents a{display:inline-block;padding:4px 0}.article .article-body h2[id]{scroll-margin-top:115px}}

/* End */


/* Start:/local/templates/agency_os/assets/digital-materials.css?179254211813530*/
/* SignM material shelf. Load after the shared page styles; no global selectors. */
.sm-digital,
.sm-digital-related {
  --dm-ink: #162d37;
  --dm-muted: #465d68;
  --dm-teal: #006b78;
  --dm-ochre: #cb8859;
  --dm-paper: #f7fafb;
  --dm-blue: #eaf1f4;
  --dm-line: #c8d7de;
  color: var(--dm-ink);
  font-family: var(--sm-font, Arial, Helvetica, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.sm-digital {
  width: min(100% - 48px, 1240px);
  margin-inline: auto;
  padding-block: 26px 72px;
}
.sm-digital *,
.sm-digital-related * { box-sizing: border-box; min-width: 0; }
.sm-digital [hidden],
.sm-digital-related [hidden] { display: none !important; }
.sm-digital :is(h1, h2, h3, p, figure, dl),
.sm-digital-related :is(h2, h3, p, figure, dl) { margin: 0; }
.sm-digital :is(h1, h2, h3),
.sm-digital-related :is(h2, h3) {
  color: var(--dm-ink);
  text-transform: none;
  letter-spacing: -.025em;
}
.sm-digital :is(a, button, input, select, textarea):focus-visible,
.sm-digital-related :is(a, button):focus-visible {
  outline: 3px solid var(--dm-teal);
  outline-offset: 4px;
}
.sm-digital a,
.sm-digital-related a { color: var(--dm-teal); text-underline-offset: .2em; }
.sm-digital a:hover,
.sm-digital-related a:hover { text-decoration-thickness: 2px; }
.sm-digital .dm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-bottom: 22px;
  color: var(--dm-muted);
  font-size: 14px;
}
.sm-digital .dm-preview {
  padding: 13px 18px;
  border: 1px solid #d2b18f;
  border-left: 4px solid var(--dm-ochre);
  border-radius: 4px;
  background: #fff5e9;
  color: var(--dm-ink);
  font-size: 14px;
  line-height: 1.55;
}
.sm-digital .dm-hero { padding-block: 32px 28px; }
.sm-digital .dm-hero h1 {
  max-width: 24ch;
  margin-bottom: 18px;
  font-size: clamp(32px, 3.8vw, 52px) !important;
  line-height: 1.1 !important;
  font-weight: 700;
}
.sm-digital .dm-hero p { max-width: 72ch; color: var(--dm-muted); font-size: 18px; }
.sm-digital .dm-filters {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 6px;
  background: var(--dm-blue);
}
.sm-digital .dm-filters label,
.sm-digital .dm-test-box label,
.sm-digital .dm-panel form label {
  display: grid;
  gap: 6px;
  color: var(--dm-ink);
  font-size: 14px;
  font-weight: 700;
}
.sm-digital :is(.dm-filters, .dm-test-box, .dm-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
  width: 100%;
  max-width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #8ba3ae;
  border-radius: 4px;
  background: #fff;
  color: var(--dm-ink);
  font: inherit;
  font-size: 16px;
}
.sm-digital :is(.dm-filters, .dm-test-box, .dm-panel) input::placeholder { color: #5c707a; opacity: 1; }
.sm-digital :is(.dm-filters, .dm-test-box, .dm-panel) :is(input[type=checkbox], input[type=radio]) {
  width: 20px;
  height: 20px;
  accent-color: var(--dm-teal);
}
.sm-digital .dm-filter-count { margin: 12px 0 18px; color: var(--dm-muted); font-size: 14px; }
.sm-digital .dm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.sm-digital .dm-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 1px solid var(--dm-line);
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}
.sm-digital .dm-card .dm-cover {
  display: grid;
  place-items: center;
  width: 100%;
  height: 210px;
  max-height: 220px;
  padding: 10px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-blue);
}
.sm-digital .dm-cover img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 190px;
  object-fit: contain;
}
.sm-digital .dm-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; }
.sm-digital .dm-kind { color: var(--dm-teal); font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: 0; text-transform: none; }
.sm-digital .dm-card h2 {
  max-width: none;
  margin: 0;
  color: var(--dm-ink);
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 700;
  letter-spacing: -.02em;
}
.sm-digital .dm-card h2 a { color: inherit; text-decoration: none; }
.sm-digital .dm-card h2 a:hover { text-decoration: underline; }
.sm-digital .dm-lead { color: var(--dm-muted); font-size: 16px; line-height: 1.6; }
.sm-digital .dm-meta { color: var(--dm-muted); font-size: 13px; line-height: 1.5; }
.sm-digital .dm-link,
.sm-digital-related .dm-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding-block: 8px;
  color: var(--dm-teal);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.sm-digital .dm-card .dm-link { margin-top: auto; }
.sm-digital .dm-empty {
  grid-column: 1 / -1;
  padding: 28px;
  border: 1px dashed #8ba3ae;
  border-radius: 4px;
  background: var(--dm-blue);
  color: var(--dm-ink);
}
.sm-digital .dm-detail {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
  padding-block: 32px;
}
.sm-digital .dm-detail-cover {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 24px;
  border: 1px solid var(--dm-line);
  border-radius: 6px;
  background: var(--dm-blue);
}
.sm-digital .dm-detail-cover img { display: block; width: 100%; max-width: 430px; max-height: 510px; height: auto; object-fit: contain; }
.sm-digital .dm-detail-copy { display: grid; align-content: start; gap: 20px; }
.sm-digital .dm-detail-copy h1 { max-width: 24ch; font-size: clamp(29px, 3.2vw, 44px) !important; line-height: 1.14 !important; font-weight: 700; }
.sm-digital .dm-outcome { color: var(--dm-muted); font-size: 18px; line-height: 1.65; }
.sm-digital .dm-section { max-width: 78ch; margin-block: 32px; }
/* Keep native anchor navigation below the shared sticky header. */
.sm-digital .dm-section[id] { scroll-margin-top: 110px; }
.sm-digital .dm-section h2,
.sm-digital .dm-outcome h2,
.sm-digital .dm-panel h2,
.sm-digital .dm-test-box h2 {
  max-width: none;
  margin: 0 0 16px;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 700;
}
.sm-digital .dm-section p + p { margin-top: 16px; }
.sm-digital .dm-list { display: grid; gap: 10px; margin: 0; padding-left: 22px; color: var(--dm-ink); }
.sm-digital .dm-list li { padding-left: 3px; }
.sm-digital .dm-list li::marker { color: var(--dm-teal); }
.sm-digital .dm-facts { margin: 0; border-top: 1px solid var(--dm-line); }
.sm-digital .dm-facts > div { display: grid; grid-template-columns: minmax(110px, .4fr) minmax(0, 1fr); gap: 12px 24px; padding: 14px 0; border-bottom: 1px solid var(--dm-line); }
.sm-digital .dm-facts dt { color: var(--dm-ink); font-size: 14px; font-weight: 700; }
.sm-digital .dm-facts dd { margin: 0; color: var(--dm-muted); font-size: 15px; }
.sm-digital .dm-facts dd > ul { margin: 0; padding-left: 20px; }
.sm-digital .dm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sm-digital :is(.dm-actions, .dm-filters, .dm-test-box, .dm-panel) :is(button, a.dm-button),
.sm-digital .dm-actions > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  max-width: 100%;
  padding: 11px 18px;
  border: 1px solid var(--dm-teal);
  border-radius: 4px;
  background: var(--dm-teal);
  color: #fff;
  font: inherit;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.sm-digital :is(.dm-actions, .dm-filters, .dm-test-box, .dm-panel) button:hover,
.sm-digital .dm-actions > a:hover { background: #005460; border-color: #005460; color: #fff; }
.sm-digital .dm-actions :is(.dm-secondary, [data-dm-secondary]) { border-color: #8ba3ae; background: #fff; color: var(--dm-ink); }
.sm-digital .dm-actions :is(.dm-secondary, [data-dm-secondary]):hover { background: var(--dm-blue); color: var(--dm-ink); border-color: var(--dm-teal); }
.sm-digital :is(button:disabled, [aria-disabled=true]) { opacity: .65; cursor: not-allowed; }
.sm-digital .dm-test-box {
  max-width: 78ch;
  margin-block: 32px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid #d2b18f;
  border-left: 4px solid var(--dm-ochre);
  border-radius: 4px;
  background: #fff5e9;
}
.sm-digital .dm-test-box form { display: grid; gap: 16px; margin-top: 18px; }
.sm-digital .dm-test-box :is(small, .dm-meta) { color: var(--dm-muted); line-height: 1.6; }
.sm-digital .dm-panel { max-width: 850px; margin: 30px auto; padding: clamp(22px, 4vw, 44px); border: 1px solid var(--dm-line); border-radius: 6px; background: #fff; }
.sm-digital .dm-panel form { display: grid; gap: 14px; margin-block: 18px; }
.sm-digital .dm-panel h1 { max-width: 24ch; margin-bottom: 20px; font-size: clamp(30px, 3.3vw, 44px) !important; line-height: 1.15 !important; }
.sm-digital .dm-panel > * + * { margin-top: 20px; }
.sm-digital .dm-status { display: inline-block; max-width: 100%; padding: 6px 10px; border: 1px solid #9ebdc3; border-radius: 4px; background: var(--dm-blue); color: #074c59; font-size: 14px; font-weight: 700; }
.sm-digital .dm-status[data-state=error],
.sm-digital .dm-status.is-error { border-color: #d8b0a4; background: #fff0ea; color: #80331f; }
.sm-digital .dm-steps { display: grid; gap: 12px; margin-block: 20px; padding-left: 24px; color: var(--dm-muted); }
.sm-digital .dm-steps li { padding-left: 4px; }
.sm-digital .dm-steps [aria-current=step] { color: var(--dm-ink); font-weight: 700; }
.sm-digital .dm-alert { padding: 16px 18px; border: 1px solid #d2b18f; border-radius: 4px; background: #fff5e9; color: #653e22; }
.sm-digital .dm-recovery-code { white-space: normal; overflow-wrap: anywhere; user-select: all; }
.sm-digital-related { margin-block: 44px; padding-block: 30px; border-block: 1px solid var(--dm-line); }
.sm-digital-related > h2 { max-width: none; margin: 0 0 20px; font-size: 26px !important; line-height: 1.25 !important; scroll-margin-top: 110px; }
.sm-digital-related .dm-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sm-digital-related :is(.dm-related-product, .dm-related-service) { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px; border: 1px solid var(--dm-line); border-radius: 4px; background: var(--dm-blue); }
.sm-digital-related .dm-related-service { background: #fff; }
.sm-digital-related :is(.dm-related-product, .dm-related-service) :is(h2, h3) { max-width: none; margin: 0; font-size: 21px !important; line-height: 1.3 !important; font-weight: 700; }
.sm-digital-related :is(.dm-related-product, .dm-related-service) p { color: var(--dm-muted); font-size: 16px; line-height: 1.65; }
.sm-digital-related .dm-related-grid { margin-top: 18px; }
.sm-digital-related .dm-related-grid .dm-kind { color: var(--dm-teal); font-size: 13px; font-weight: 700; }
.sm-digital-related .dm-link { margin-top: auto; }
@media (max-width: 1099px) {
  .sm-digital .dm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm-digital .dm-detail { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 28px; }
}
@media (max-width: 767px) {
  .sm-digital { width: min(100% - 32px, 1240px); padding-block: 20px 48px; }
  .sm-digital .dm-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 14px; }
  .sm-digital .dm-filters > :first-child { grid-column: 1 / -1; }
  .sm-digital .dm-detail { grid-template-columns: minmax(0, 1fr); }
  .sm-digital .dm-detail-cover { min-height: 0; padding: 18px; }
  .sm-digital .dm-detail-cover img { max-width: 320px; max-height: 350px; }
  .sm-digital .dm-hero { padding-block: 26px 24px; }
  .sm-digital .dm-hero p,
  .sm-digital .dm-outcome { font-size: 17px; }
  .sm-digital-related .dm-related-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599px) {
  .sm-digital .dm-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .sm-digital .dm-card { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: stretch; }
  .sm-digital .dm-card .dm-cover { height: 100%; max-height: none; min-height: 140px; padding: 8px; border-bottom: 0; border-right: 1px solid var(--dm-line); }
  .sm-digital .dm-cover img { height: auto; max-height: 150px; align-self: start; }
  .sm-digital .dm-card-copy { gap: 10px; padding: 16px; }
  .sm-digital .dm-card h2 { font-size: 21px !important; }
  .sm-digital .dm-facts > div { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .sm-digital .dm-actions { align-items: stretch; flex-direction: column; }
  .sm-digital .dm-actions > :is(a, button) { width: 100%; }
  .sm-digital .dm-panel { margin-block: 24px; }
  .sm-digital-related :is(.dm-related-product, .dm-related-service) { padding: 20px; }
}
@media (max-width: 359px) {
  .sm-digital .dm-card { grid-template-columns: minmax(0, 1fr); }
  .sm-digital .dm-card .dm-cover { height: 160px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--dm-line); }
  .sm-digital .dm-cover img { height: 100%; max-height: 144px; }
  .sm-digital .dm-filters { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .sm-digital *, .sm-digital-related * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* End */
/* /local/templates/agency_os/assets/article-reading.css?17920556961504 */
/* /local/templates/agency_os/assets/digital-materials.css?179254211813530 */