/* Native, topic-specific article callout; original screenshots stay readable. */
.gomademy-product{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:30px;row-gap:16px;align-items:center;margin:38px 0;padding:30px;border:1px solid #cbdac3;border-radius:24px;background:#fffdf7;color:#173b2c;min-width:0;box-sizing:border-box}
.gomademy-product-copy{grid-column:1;grid-row:1;min-width:0;align-self:end;overflow-wrap:break-word}
.gomademy-product .gomademy-product-eyebrow{display:inline-block;margin:0 0 20px;padding:6px 13px;border-radius:99px;background:#e6f0db;color:#173b2c;font:700 13px/1.4 var(--body-font,sans-serif);letter-spacing:0;text-transform:none}
.post-content .gomademy-product h2{margin:0 0 16px;color:#173b2c;font-size:clamp(32px,3.4vw,48px);line-height:1.07;letter-spacing:-.025em;text-wrap:balance}
.gomademy-product .gomademy-product-body{margin:0;color:#4d625f;font-size:18px;line-height:1.6}
.gomademy-product .gomademy-product-note{margin:18px 0 0;color:#4d625f;font-size:14px;line-height:1.55}
.gomademy-product .gomademy-product-steps{display:flex;justify-content:space-between;gap:26px;list-style:none;padding:0;margin:24px 0 0;max-width:340px}
.gomademy-product .gomademy-product-steps li{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;text-align:center;font:700 14px/1.4 var(--body-font,sans-serif);color:#173b2c;min-width:0}
.gomademy-product-steps li+li:before{content:'→';position:absolute;left:-20px;top:16px;font:400 20px/1 sans-serif;color:#576c76}
.gomademy-product-step-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:#ffeab2}
.gomademy-product-step-icon svg{width:24px;height:24px}
.gomademy-product-steps li:nth-child(2) .gomademy-product-step-icon{background:#d3e6fa}
.gomademy-product-steps li:nth-child(3) .gomademy-product-step-icon{background:#e1efd5}
.gomademy-product-screen{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-width:0}
.gomademy-product-stage{position:relative;isolation:isolate;display:flex;justify-content:center;padding:18px 16px;border-radius:24px;background:#e4f0f5}
.gomademy-product-stage:before{content:'';position:absolute;z-index:-1;width:90px;height:90px;right:0;top:23%;border-radius:50%;background:#ffe8a8}
.gomademy-product-stage img{display:block;width:min(100%,224px);height:auto;border:5px solid #24312c;border-radius:30px;box-shadow:0 5px 0 #c4cdc6,0 12px 20px #173b2c17;background:#faf7ee;box-sizing:border-box}
.gomademy-product-screen figcaption{margin:12px 0 0;color:#52655f;font:12px/1.55 var(--body-font,sans-serif)}
.gomademy-product-screen figcaption a{color:inherit;text-underline-offset:.18em}
.gomademy-product-actions{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:12px;align-self:start;min-width:0}
.gomademy-product .gomademy-product-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;box-sizing:border-box;padding:12px 14px;border:1px solid #173f31;border-radius:13px;background:#173f31;color:#fff;text-decoration:none;text-align:center;font:700 15px/1.45 var(--body-font,sans-serif);transition:background .15s ease}
.gomademy-product-primary svg{width:20px;height:20px;flex:none}
.gomademy-product .gomademy-product-primary:hover{background:#285641}
.gomademy-product .gomademy-product-beta{display:block;align-self:center;padding:5px 0;color:#173f31;text-align:center;font:400 14px/1.5 var(--body-font,sans-serif);text-underline-offset:.22em}
.gomademy-product .gomademy-product-platform{margin:0;color:#52655f;text-align:center;font:12px/1.5 var(--body-font,sans-serif)}
.gomademy-product a:focus-visible{outline:3px solid #507e45;outline-offset:4px}
@media(max-width:1000px){.gomademy-product{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:22px;padding:22px;margin:30px 0;border-radius:22px}.gomademy-product-copy{grid-column:1;grid-row:1}.post-content .gomademy-product h2{font-size:34px;max-width:15ch}.gomademy-product .gomademy-product-eyebrow{margin-bottom:16px}.gomademy-product .gomademy-product-body{font-size:17px}.gomademy-product .gomademy-product-steps{max-width:none;gap:24px;margin-top:22px}.gomademy-product .gomademy-product-note{font-size:13px;margin-top:16px}.gomademy-product-screen{grid-column:1;grid-row:2;width:100%;max-width:340px;justify-self:center}.gomademy-product-stage{padding:18px 20px}.gomademy-product-stage img{width:min(100%,220px)}.gomademy-product-actions{grid-column:1;grid-row:3;width:100%}.gomademy-product .gomademy-product-primary{font-size:15px}.gomademy-product .gomademy-product-beta{min-height:44px;display:flex;align-items:center;box-sizing:border-box;padding:8px}.gomademy-product-screen figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gomademy-product .gomademy-product-primary{transition:none}}