/*! CSS Portal — CSS Centering Guide: explanation panel */
.gt .fx-explain { padding: 12px 14px 14px; border-top: 1px solid var(--ct-border); background: var(--ct-surface); font-size: 13.5px; line-height: 1.6; color: var(--ct-text); }
.gt .fx-explain__title { display: block; margin-bottom: 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ct-muted); }
.gt .fx-explain p { margin: 0; }
.gt .fx-explain .cg-tip { margin-top: 8px; }
.gt .fx-explain code { padding: 0 4px; font-family: var(--ct-mono); font-size: 12px; color: var(--ct-text); background: var(--ct-surface-2); border-radius: 4px; }