.guide-callout{padding-bottom:var(--gd-pad-mobile-bottom,12px);padding-top:var(--gd-pad-mobile-top,12px)}@media (min-width:768px){.guide-callout{padding-bottom:var(--gd-pad-desktop-bottom,16px);padding-top:var(--gd-pad-desktop-top,16px)}}.gd-callout{--co:var(--color-primary);align-items:flex-start;background-color:color-mix(in srgb,var(--co) 7%,var(--color-bg));border:1px solid color-mix(in srgb,var(--co) 20%,transparent);border-radius:.875rem;display:flex;gap:1rem;padding:1.125rem 1.25rem}.gd-callout--success,.gd-callout--tip{--co:#16a34a}.gd-callout--warning{--co:#d97706}.gd-callout--danger{--co:#dc2626}.gd-callout .gd-callout__icon{align-items:center;background-color:color-mix(in srgb,var(--co) 14%,var(--color-card));border-radius:.75rem;color:var(--co);display:inline-flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.gd-callout .gd-callout__title{color:var(--co);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 .25rem}.gd-callout .gd-callout__text{color:var(--color-body);font-size:.875rem;line-height:1.55}.gd-callout .gd-callout__text p{margin:0}.gd-callout .gd-callout__text p+p{margin-top:.5rem}.guide-callout__box{align-items:center;flex-wrap:wrap}.guide-callout__body{flex:1 1 16rem;min-width:0}.guide-callout__button{background-color:var(--color-card);border:1px solid color-mix(in srgb,var(--co) 45%,transparent);border-radius:var(--button-radius,.5rem);color:var(--co);flex-shrink:0;font-size:.875rem;font-weight:600;padding:.625rem 1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.guide-callout__button:hover{background-color:var(--co);color:#fff}