#gm-card-dialog {
  --gmcp-ink: #10233f;
  --gmcp-accent: #ff553f;
  --gmcp-muted: #5a6a7d;
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: min(870px, calc(100vw - 40px));
  max-width: none;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 24px;
  background: #fff;
  color: var(--gmcp-ink);
  font-family: inherit;
  box-shadow: 0 28px 90px rgb(5 20 39 / 30%);
}
#gm-card-dialog:not([open]) { display: none; }
#gm-card-dialog[open] { display: grid; grid-template-columns: 290px minmax(0, 1fr); }
#gm-card-dialog::backdrop { background: rgb(8 22 40 / 72%); backdrop-filter: blur(4px); }
html.gm-card-modal-open { overflow: hidden; }
#gm-card-dialog *, #gm-card-dialog *::before, #gm-card-dialog *::after { box-sizing: border-box; }
#gm-card-dialog .gm-card-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #dfe6ed;
  border-radius: 50%;
  background: #fff;
  color: var(--gmcp-ink);
  font: 400 29px/1 Arial, sans-serif;
  cursor: pointer;
}
#gm-card-dialog .gm-card-close:hover { background: #edf4fb; }
#gm-card-dialog :focus-visible { outline: 3px solid #4a55e8; outline-offset: 4px; }
#gm-card-dialog .gm-card-visual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 25px;
  padding: 36px 30px;
  background: var(--gmcp-ink);
  color: #fff;
}
#gm-card-dialog .gm-card-brand { font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -1px; }
#gm-card-dialog .gm-card-brand > span { color: var(--gmcp-accent); }
#gm-card-dialog .gm-card-brand small { display: block; margin-top: 12px; color: #c5d5e9; font-size: 9px; font-weight: 700; letter-spacing: 1.7px; line-height: 1.4; }
#gm-card-dialog .gm-card-image { display: block; width: 100%; max-width: 230px; height: auto; margin: 0; border-radius: 17px; background: #fff; }
#gm-card-dialog .gm-card-caption { margin: 0; color: #fff; font-size: 24px; font-weight: 750; letter-spacing: -.7px; line-height: 1.25; }
#gm-card-dialog .gm-card-format { color: #b7c9e2; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; }
#gm-card-dialog .gm-card-content { padding: 46px 40px 36px; }
#gm-card-dialog .gm-card-eyebrow { margin: 0 0 16px; color: #21557e; font-size: 10px; font-weight: 800; letter-spacing: 1.7px; line-height: 1.5; }
#gm-card-dialog .gm-card-title { margin: 0 0 17px; color: var(--gmcp-ink); font-family: inherit; font-size: clamp(28px, 3.3vw, 38px); font-weight: 800; letter-spacing: -1.3px; line-height: 1.12; }
#gm-card-dialog .gm-card-description { margin: 0 0 16px; color: var(--gmcp-muted); font-size: 15px; line-height: 1.7; }
#gm-card-dialog .gm-card-included { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 25px; color: var(--gmcp-ink); font-size: 12px; line-height: 1.6; }
#gm-card-dialog .gm-card-included span { color: #227b6b; font-weight: 800; }
#gm-card-dialog .gm-card-form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
#gm-card-dialog .gm-card-honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
#gm-card-dialog .gm-card-submit:disabled { opacity:.65;cursor:wait; }
#gm-card-dialog .gm-card-form label { margin: 0; color: var(--gmcp-ink); font-size: 13px; font-weight: 700; line-height: 1.5; }
#gm-card-dialog #gm-card-email { display: block; width: 100%; height: 52px; min-height: 52px; margin: 0; padding: 13px 15px; border: 1px solid #b8c9db; border-radius: 9px; background: #fff; color: var(--gmcp-ink); font-family: inherit; font-size: 16px; line-height: 1.4; box-shadow: none; }
#gm-card-dialog #gm-card-email::placeholder { color: #738397; opacity: 1; }
#gm-card-dialog #gm-card-email:focus { border-color: #4a55e8; outline: 3px solid rgb(74 85 232 / 15%); outline-offset: 1px; }
#gm-card-dialog .gm-card-submit { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 54px; margin: 4px 0 0; padding: 15px 17px; border: 0; border-radius: 9px; background: var(--gmcp-accent); color: #fff; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 1.5; text-align: left; cursor: pointer; box-shadow: none; }
#gm-card-dialog .gm-card-submit:hover { background: #e94430; color: #fff; }
#gm-card-dialog .gm-card-submit > span { font-size: 23px; line-height: 1; }
#gm-card-dialog .gm-card-preview-note { margin: 4px 0 0; color: #66788b; font-size: 11px; line-height: 1.6; }
#gm-card-dialog .gm-card-feedback { margin: 6px 0 0; padding: 12px; border-radius: 8px; background: #edf5fc; color: var(--gmcp-ink); font-size: 13px; line-height: 1.6; }
#gm-card-dialog .gm-card-feedback[hidden] { display: none; }
#gm-card-dialog .gm-card-privacy { display: inline-block; margin-top: 14px; color: #53677f; font-size: 11px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  #gm-card-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); border-radius: 18px; }
  #gm-card-dialog[open] { grid-template-columns: minmax(0, 1fr); }
  #gm-card-dialog .gm-card-visual { flex-direction: row; align-items: center; justify-content: flex-start; gap: 17px; padding: 20px 60px 20px 21px; }
  #gm-card-dialog .gm-card-brand { order: 2; font-size: 22px; white-space: nowrap; }
  #gm-card-dialog .gm-card-brand small { margin-top: 8px; font-size: 7px; letter-spacing: 1.25px; white-space: normal; }
  #gm-card-dialog .gm-card-image { order: 1; flex: 0 0 auto; width: 67px; max-width: 67px; border-radius: 9px; }
  #gm-card-dialog .gm-card-caption, #gm-card-dialog .gm-card-format { display: none; }
  #gm-card-dialog .gm-card-content { padding: 25px 23px 24px; }
  #gm-card-dialog .gm-card-eyebrow { margin-bottom: 13px; font-size: 9px; letter-spacing: 1.3px; }
  #gm-card-dialog .gm-card-title { font-size: 30px; letter-spacing: -1px; }
  #gm-card-dialog .gm-card-description { font-size: 14px; line-height: 1.65; }
  #gm-card-dialog .gm-card-included { margin-bottom: 21px; }
  #gm-card-dialog .gm-card-submit { font-size: 13px; }
  #gm-card-dialog .gm-card-close { top: 13px; right: 12px; width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: no-preference) {
  #gm-card-dialog[open] { animation: gm-card-appear .16s ease-out; }
  @keyframes gm-card-appear { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
}

/* Illustrated video poster: reuse the owned diagram without altering its bitmap. */
.gm-video-thumb{box-sizing:border-box!important;position:relative!important;display:block!important;aspect-ratio:16/9;overflow:hidden;min-width:0;margin:0;background:#e7f0fc;border:1px solid #c6d8ee;border-radius:10px;isolation:isolate;text-decoration:none!important}
.gm-video-thumb>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;margin:0!important;object-fit:contain;opacity:.9;border-radius:0!important}
.gm-video-thumb__badge{position:absolute;top:6px;left:6px;z-index:2;padding:4px 6px;border-radius:4px;background:#102139;color:#fff;font:800 8px/1.3 Manrope,Inter,Arial,sans-serif;letter-spacing:.5px}
.gm-video-thumb__duration{position:absolute;bottom:6px;right:6px;z-index:2;padding:4px 6px;border-radius:4px;background:#102139;color:#fff;font:800 10px/1.2 Manrope,Inter,Arial,sans-serif;white-space:nowrap}
.gm-video-thumb__play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#ff553f;box-shadow:0 3px 15px rgb(16 33 57 / 18%)}
.gm-video-thumb__play>span{display:block;width:0;height:0;margin-left:3px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #fff}
a.gm-video-thumb:hover .gm-video-thumb__play{background:#df3f2d}
a.gm-video-thumb:focus-visible{outline:3px solid #ff553f!important;outline-offset:4px}
body.single-post #primary .gm-article-cta.gm-video-resource{grid-template-columns:150px minmax(0,1fr) 200px;gap:18px}
body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb{width:150px;max-width:100%;align-self:center}
body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb>img{width:100%;height:100%;max-width:100%}
body.single-post #primary .gm-article-cta.gm-video-resource .gm-article-cta__note{line-height:1.6}
body.single-post #primary .gm-video-resource-bottom{display:grid;grid-template-columns:200px minmax(0,1fr);gap:13px 24px;align-items:start}
body.single-post #primary .gm-video-resource-bottom>.wp-block-group__inner-container{display:contents}
body.single-post #primary .gm-video-resource-bottom>*:not(.gm-video-bottom-thumb):not(.wp-block-group__inner-container),body.single-post #primary .gm-video-resource-bottom>.wp-block-group__inner-container>*:not(.gm-video-bottom-thumb){grid-column:2;margin-top:0;margin-bottom:0}
body.single-post #primary .gm-video-resource-bottom .gm-video-bottom-thumb{grid-column:1;grid-row:1/5;align-self:center;width:200px;max-width:100%;margin:0}
body.single-post #primary .gm-video-resource-bottom h3{font-size:25px!important;line-height:1.3!important}
body.single-post #primary .gm-video-resource-bottom>p,body.single-post #primary .gm-video-resource-bottom>.wp-block-group__inner-container>p{font-size:14px;line-height:1.7}
body.single-post #primary .gm-video-resource-bottom .wp-block-button__link{background:#ff553f!important;color:#fff!important;border-radius:9px!important;font-size:14px!important;font-weight:750;min-height:48px}
body.single-post #primary .gm-video-inline{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;padding:18px;margin:22px 0 28px;border:1px solid #c6d8ee;border-radius:12px;background:#edf5ff}
body.single-post #primary .gm-video-inline p{margin:0 0 7px!important}
body.single-post #primary .gm-video-inline .gm-video-inline-eyebrow{color:#21557e;font-size:10px;font-weight:800;letter-spacing:.7px;line-height:1.5}
body.single-post #primary .gm-video-inline .gm-video-inline-title{font-size:18px;font-weight:800;line-height:1.4;color:#102139}
body.single-post #primary .gm-video-inline a.gm-video-inline-link{font-size:13px;font-weight:750;color:#21557e;text-decoration:underline;text-underline-offset:3px}
#gm-card-dialog .gm-card-video-thumb{width:100%;max-width:230px;flex-shrink:0}
@media(max-width:680px){
 body.single-post #primary .gm-article-cta.gm-video-resource{grid-template-columns:100px minmax(0,1fr);gap:16px 12px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb{width:100px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb__badge{font-size:6px;padding:3px 4px;top:4px;left:4px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb__duration{font-size:7px;padding:3px 4px;bottom:4px;right:4px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb__play{width:29px;height:29px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-video-thumb__play>span{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}
 body.single-post #primary .gm-article-cta.gm-video-resource .gm-article-cta__action{grid-column:1/-1}
 body.single-post #primary .gm-video-resource-bottom{display:flex;flex-direction:column;gap:16px}
 body.single-post #primary .gm-video-resource-bottom>.wp-block-group__inner-container{display:contents}
 body.single-post #primary .gm-video-resource-bottom .gm-video-bottom-thumb{width:100%;max-width:320px;align-self:flex-start}
 body.single-post #primary .gm-video-inline{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:15px}
 body.single-post #primary .gm-video-inline .gm-video-inline-title{font-size:16px}
 body.single-post #primary .gm-video-inline .gm-video-inline-eyebrow{font-size:9px}
}
@media(max-width:640px){
 #gm-card-dialog .gm-card-visual{gap:12px;padding-right:52px}
 #gm-card-dialog .gm-card-brand{font-size:20px;min-width:0}
 #gm-card-dialog .gm-card-video-thumb{order:1;flex:0 0 76px;width:76px;max-width:76px;border-radius:7px}
 #gm-card-dialog .gm-card-video-thumb .gm-video-thumb__badge{display:none}
 #gm-card-dialog .gm-card-video-thumb .gm-video-thumb__duration{font-size:7px;padding:2px 3px;right:3px;bottom:3px}
 #gm-card-dialog .gm-card-video-thumb .gm-video-thumb__play{width:27px;height:27px}
 #gm-card-dialog .gm-card-video-thumb .gm-video-thumb__play>span{border-top-width:6px;border-bottom-width:6px;border-left-width:8px}
}
