.quote{display:grid;gap:var(--gg)var(--gg);grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:var(--hspace-xs);small { color: var(--colour-1); display: block; margin-bottom: .5em; @media (min-width: 56.25em) { grid-column: span 3; margin-bottom: 0; } } q { display: block; font-size: var(--font-size-3); font-weight: 500; line-height: 1.2; margin-left: 6%; @media (min-width: 56.25em) { grid-column: span 7; margin: 0; } } @media (min-width: 56.25em) { grid-column: 2 / 12; grid-template-columns: repeat(10,1fr); margin-bottom: var(--hspace-s-l); }}:where(p,ul,ol)+.quote{margin-top:var(--hspace-xs);@media(min-width:56.25em){margin-top: var(--hspace-s-l);}}